@charset "utf-8";
/* CSS Document */
/* **************** MISE A NIVEAU ***************** */
html {margin:0;padding:0;width: 100%;height: 100%;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, td, blockquote, dl, dt, dd, pre, img {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
input {border:0;}
fieldset, img, textarea {border:0;}
ol, ul, dl{list-style:none;}
h1, h2, h3, h4, h5, h6, h7 {font-size:100%;font-weight:normal;}
/* **************** STYLES GENERAUX (balises) ***************** */
a {outline:none;text-decoration:none;}
.strong {font-weight:bold;}
.em {font-style:italic;}
.display_block {display: block ;}
.display_none {display:none;}
.nowrap {white-space:nowrap;}
.display_inline {display:inline ;}
.display_inline_block {display:inline-block ;}
.txt_majiscule { text-transform:uppercase ;}
.underline, a.for_underline:hover {text-decoration:underline;}
a.underline:hover {text-decoration:none;}
/* **************** CLASSES DE MISES EN PAGE ***************** */
/* ---- alignement ---- */
.txt-center {text-align:center ;}
.txt-top {vertical-align:top ;}
.txt-center_vertical {vertical-align:middle ;}
.txt-bottom_vertical {vertical-align:bottom ;}
.float-none {float:none ;}
.block_center {margin-left:auto ;margin-right:auto ;}
.clear { clear:both;height:0; font-size:0; line-height: 0; overflow:hidden;}
.clear_both {clear:both;}
.clear_right {clear:right;}
.clear_left {clear:left;}
.overflow_hidden { overflow:hidden;}
.height100_pourcent{ height:100%;}
/* ---- textes ---- */
.txt10 {font-size:10px;}
.txt11 {font-size:11px;}
.txt12 {font-size:12px;}
.txt14 {font-size:14px;}
.txt16 {font-size:16px;}
.txt18 {font-size:18px;}
.txt20 {font-size:20px;}
.txt22 {font-size:22px;}
.txt24 {font-size:24px;}
.txt26 {font-size:26px;}
.txt28 {font-size:28px;}
.txt30 {font-size:30px;}
.txt40 {font-size:40px;}
/* ---- position ---- */
.relative { position:relative;} .absolute { position:absolute;}


/** lh to add in site.css **/

.widget_section{  margin: 30px 0}
.widget_section:after{ content: ""; clear: both; display: block}
.widget_section .widget-element{ width: 32%; float: left; border: 1px solid #d8dce1; margin-right: 18px}
.widget_section .widget-element:last-child{  margin-right: 0}
.widget_section .view-header{border-bottom: 1px solid #d8dce1; background: #E1EBF5;
    background: -webkit-linear-gradient(top, #E1EBF5, #FFFFFF);
    background: -moz-linear-gradient(top, #E1EBF5, #FFFFFF);
    background: linear-gradient(to bottom, #E1EBF5, #FFFFFF); }
.widget_section .view-header .title-section{ padding: 30px 15px; font-size: 20px; font-weight: 700; color: #f26836; letter-spacing: 1px }
.widget_section .main-element { padding: 20px; position: relative }
.widget_section .title{ text-transform: uppercase; color: #435060; font-size: 16px; font-weight: 900; margin-bottom: 10px; line-height: 1.2; min-height: 30px;     height: 58px;
    overflow: hidden;}
.widget_section .date{ font-size: 11px; color: #9ba5b1; line-height: 1; margin-bottom: 10px}
.widget_section .description{ font-size: 14px; line-height: 1.4;color: #424f5f; padding-bottom: 20px; border-bottom: 1px dotted #000; margin-bottom: 30px; min-height: 160px}
.widget_section .link-detail a{  display: inline-block; color: #455263 ; padding: 8px 12px; background: #d4d6d8; font-weight: 700; text-transform: uppercase  }
.widget_section .link-detail a:hover{   color: #fff ;  background: #455263;  }
.view-widget-home{
    position: relative;
}
.widget_section img{
    margin-bottom: 10px;
    width: 100%;
}
.widget_section .main-element{
    padding: 0;
}

.widget_section .title{
    padding: 0 20px;
}
.widget_section .date{
    padding: 0 20px;
}

.widget_section .link-detail{
    padding: 0 20px 20px;
}
.widget_section .description{
    height: 100px;
    overflow: hidden;
    margin: 0 20px 30px;
}