h2{font-size:2em;font-weight: bold;}
h2.titre_actu{color:#eea337;}
h2.titre_agenda{color:#092869;}

.first_actuslide,
.actuslide{ width: 47%; float: left;font-size: 1em; color: #565656;line-height: 1em;margin-right:2%;}
.first_actuslide span,
.actuslide span{font-size: 1.2em; line-height: 1.2em;}

.firstslide{border-bottom: 1px solid #092869; margin-bottom: 1.2em; padding-bottom: 1.2em;}

.first_actuslide h3{background-color: #092869; font-size: 1.4em; font-weight: bold; padding-left: 5px;}
.first_actuslide h3 a{color: white; text-decoration: none;}
.actuslide h3{font-size:1.2em;font-weight: bold;}
.actuslide h3 a{text-decoration: none;color: #eea337;}

#plusdinfos{left: 70%; position: relative; top: -35px;}
#plusdedate{position: relative; left: 70%; top: -30px;}

.item_promo{border-bottom: 1px solid #092869; margin: 5px 0; padding: 10px 0;}
.last{border: none !important; margin-bottom: 10px;}
.item_promo img.vignette{float: left; margin-right:5px; margin-bottom: 5px;}
.item_promo .detail{float: right; position: relative; top: 20px;}
.item_promo .titre_promo a{font-weight: bold; color: #092869; font-size: 1.4em; line-height: 1.4em;}
.item_promo .date_promo{color: #565656; font-size: 1.4em; line-height: 1.4em;}
.item_promo .accroche_promo{color: #565656; font-size: 1.2em;line-height: 1.2em;}

#slider_actu,#slider_agenda{font-size: 1em !important;}

/***** Tablette portrait *****/
@media only screen and (min-width: 641px) and (max-width: 1024px){
    
    #plusdinfos{left: 85%; top: -30px;}
    #plusdedate{left: 65%; top: -30px;}    
    .bord_droit{border-right: dotted 1px; min-height: 350px;}
}


/***** Web *****/
@media only screen and (min-width: 1025px)  {


#plusdinfos{left: 90%; top: -30px;}
#plusdedate{left: 75%; top: -30px;}
.bord_droit{border-right: dotted 1px; min-height: 350px;}
}