@charset "iso-8859-15";

/* CSS MODULE NEWS1 */
.bt-addActu{padding-top: 10px;}

.une-actu{padding:10px 0px 10px 0px; border-bottom:1px #E0E0E0 solid; }
.first{/*padding:20px; border:5px #CC0A2F solid;*/ }
.paire{ }
.impaire{ }

/* Titre de la news */
.une-actu .titre{margin-bottom: 5px; font-size:2.2em; font-weight:bold;}
.une-actu .titre a{font-weight:bold; text-decoration: none;}
.une-actu .titre a:hover{text-decoration: underline;}

/* Posté par */
.une-actu .postby{ margin:0px 0px 10px 0px; font-size:1.2em; }
.une-actu .postby .date{ }
.une-actu .postby .redacteur{ }
.une-actu .linknext{}

/* Image de l'actu */
.une-actu .newsImg{ position:relative; float:left; margin:0px 10px 0px 0px; }
.une-actu .newsImg .illus{ }
.une-actu .newsImg .illus img{ }
.une-actu .newsImg .bt-supimg{ position:absolute; top:5px; right:5px; }
.une-actu .newsImg .bt-supimg img{ cursor:pointer;}

.une-actu .newsTxt{font-size: 1.2em; line-height: 1.5em;}
.une-actu .newsTxt .newsdesc{ margin:10px 0px 0px 0px; font-size: 1.2em;}
.une-actu .newsTxt .link{ margin:10px 0px 0px 0px; font-size:1.2em; }
.une-actu .newsTxt .link span{ font-weight:bold; }
.une-actu .newsTxt .link a{}
.une-actu .newsTxt .link a:hover{ }

/* ======================================================================== */
/* detail.php */
.detail-news{ font-size:13px;}
.detail-news .illus{ float:left; margin-right:25px; margin-bottom:25px; }
.detail-news .editor{}

.retourn{ margin-bottom:15px; text-align:right;}
.retourn a{ padding-left:23px; background:url(/cssimg/site/ArrowLeft.png) 0 center no-repeat; }

.presse{ margin-bottom:15px; text-align:right;}
.presse a{ display:inline-block; padding:5px 7px; border:1px #004372 solid; border-radius:2px; text-decoration:none;}
.presse a:hover{ border:1px black solid; }


.fromCommentaire a{ display: inline-block; color:#FFF; padding: 5px 15px; background-color: rgba(240,240,240,1); margin-bottom: 35px}

.fromCommentaire a:hover{ box-shadow: 0px 5px 10px #CCCCCC; text-decoration: none; color:#FFF}

#formCommentaire { max-width: 580px}

#formCommentaire label { display: block; text-align:left; font-size: 14px; color:#CCC; width: 100%}

#formCommentaire input, #formCommentaire textarea { border: 1px solid #CCC; color: #333; width: 100%; margin-bottom: 15px}

#formCommentaire input { height: 36px}

.retourn a{ display: inline-block; color:#FFF; background-color:#bad232; padding: 7px 20px}

.retourn a:hover{ text-decoration: none; color:#FFF; box-shadow: 0px 5px 10px rgba(50,170,72,0.5)}

/**/

.row_actus{ width: 248px; margin: 14px; border-radius: 3px; border: 2px solid #f4f6fa; display: inline-block; vertical-align:top; padding-top: 30px; padding-bottom: 30px}

.illus img{ width: 100%}

.illus{ margin-bottom: 43px; height: 192px; overflow:hidden}

.row_actus .title{ height: 133px; font-size: 25px; color:#333333; overflow:hidden; padding: 0px 20px 0 20px; text-align:left}

.row_actus .title a{ font-size: 25px; font-weight:300; color:#333333}

.row_actus .title a:hover{ text-decoration: none; color:#32aa48}

.row_actus .txt{ padding:0 40px 0 20px; font-size: 17px ; color:#555555; height: 96px; text-align:left; overflow:hidden}

.img_picto img{ width: 27px; height: 27px; border-radius: 27px; overflow:hidden; margin-right:5px}

.user_line{ font-size: 14px; color:#555555}

.user_line i{ font-size: 10px; color:#61a90c}

.row.user_line{ padding: 0 10px; margin-top: 55px}

.btn_actu a{ display: inline-block; margin:auto; border-radius: 3px; background-color:#009eb5; padding: 10px 15px; font-size: 18px; color:#FFF; margin: 50px auto}

.btn_actu a:hover{ text-decoration: none; background-color:#32aa48; color:#FFF}

.btn_actu a:after{ content:"+"; width: 23px; height: 23px; background-color: #FFF; text-align:center; line-height: 23px; margin-left: 20px; color:#009eb5; font-size: 12px; display:inline-block; vertical-align:middle; border-radius: 23px}

.actu_list{ text-align:center;}

.mgaucheactu{ display: inline-block; vertical-align:top; width: 25%; padding: 50px 15px}

.row.actu_list.bicolonne{ text-align:center;  width:74% ; display: inline-block; vertical-align:top}

.mgaucheactu{ background-color:#009eb5; position:relative; padding:50px 15px; margin-top: 82px}



.mgaucheactu li{list-style: none; margin-bottom: 10px; position:relative}

.mgaucheactu li a{font-weight: 300; 
font-size: 17px;
color:#FFF}

.mgaucheactu li a:hover{ color:#ed4442; text-decoration: none}



.ssmenu2{  -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;  margin: 20px auto; padding-left: 15px;}
	
	
.actu_list h1{ font-style: italic; color:#32aa48}

.img_picto{ text-align:left}

.row_newsdetail ul{ padding-left: 15px}

.row_newsdetail ul li{ position:relative; list-style: none}

.fromCommentaire a {
    padding: 12px 20px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px;
    color: #FFF;
    background-color: #009eb5;
}


.tpl-detail .main-news{ padding-bottom: 50px}




@media only screen and (max-width:980px) {
.row.actu_list.bicolonne, .mgaucheactu{ width: 100%; margin:auto}
}

@media (max-width: 620px){ 
.row_actus{ width: 100%; margin:auto}
.row_actus .illus{ width: 100%; height:auto}
.row_actus .illus img{ width: 100%}

}




@media only screen and (max-width:480px) {
.detail-news .illus{ float:none; text-align:center;}
.detail-news .illus img{ margin-bottom:15px; width:100%; }
    
}