@import "/css/grid.css";
@import "/css/superfish.css";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@font-face { font-family: 'f_impact'; src: url('/css/f_impact.ttf') format('truetype'); }
@font-face { font-family: 'f_trebuc'; src: url('/css/f_trebuc.ttf') format('truetype'); }

body {
	font:13px/17px f_trebuc, Trebuchet MS, arial; color:#393939;
	width: 990px;
	margin: 0 auto;	
	background-color:#287a1d; background-position:center top; background-repeat:no-repeat; background-attachment:fixed;
}

/* 2015 ------------------------------------------------ */
.vert { color:#287a1d; }
.marron { color:#665c53; }
.beige { color:#b3923d; }
.up { text-transform:uppercase; }
.bg1 { background-color:#287a1d; }
.ct { text-align:center; }
.bold { font-weight:bold; }

.w1 { width:233px; }
.w2 { width:350px; }
.ff { clear:both; }
.LL { float:left; }
.RR { float:right; text-align:right; }

.f_impact10 { font:12px Impact, f_impact, arial; font-weight:normal; }
.f_impact11 { font:12px Impact, f_impact, arial; font-weight:normal; }
.f_impact12 { font:12px Impact, f_impact, arial; font-weight:normal; }

.f_trebuc10 { font:10px f_trebuc, Trebuchet MS, arial; font-weight:normal; }
.f_trebuc11 { font:11px f_trebuc, Trebuchet MS, arial; font-weight:normal; }
.f_trebuc12 { font:12px f_trebuc, Trebuchet MS, arial; font-weight:normal; }
.f_trebuc13 { font:13px f_trebuc, Trebuchet MS, arial; font-weight:normal; }
.f_trebuc14 { font:14px f_trebuc, Trebuchet MS, arial; font-weight:normal; }
.f_trebuc15 { font:15px f_trebuc, Trebuchet MS, arial; font-weight:normal; }

.f_verdana10 { font:12px verdana; font-weight:normal; color:#393939; }
.f_verdana11 { font:12px verdana; font-weight:normal; color:#393939; }
.f_verdana12 { font:12px verdana; font-weight:normal; color:#393939; }

.cadre1 { border:solid 1px #287a1d; background-color:#dbd8ce; padding:10px 14px; text-align:left; position:relative; }
.envoi { border:solid 1px #393939; color:#fff; background-color:#287a1d; cursor:pointer; padding:5px 20px 8px 20px; font-size:14px; margin:0; display:block; }
.envoi:hover { background-color:#665c53; }

.bloc6 { border:solid 1px #ecebec; border-radius:20px; padding:20px 25px; width:90%; -webkit-box-shadow: 2px 3px 4px 0px rgba(205, 205, 205, 1); box-shadow: 2px 3px 4px 0px rgba(205, 205, 205, 1); margin-bottom:15px; }
.bloc7 { border:solid 1px #ecebec; border-radius:20px; padding:10px 15px; width:100%; -webkit-box-shadow: 2px 3px 4px 0px rgba(205, 205, 205, 1); box-shadow: 2px 3px 4px 0px rgba(205, 205, 205, 1); margin-bottom:15px; }
.i7 { border:solid 1px #665c52; color:#899295; padding:7px; margin-right:30px; width:100%; }
/* ----------------------------------------------------- */


/************Header************/
header { width:990px; }
header #stuck_container { width:990px;	background: #fff; }
header p {  float: left; clear: both; position: relative; }
header p a {  display: block;  min-height: 86px;  margin-left:10px; }
header p img {  display: block; }
header .menu { float: left; height:75px; width:720px; background-color:#287a1d; margin-top:103px; }

header #liens { position:absolute; top:50px; left:250px; font:17px f_trebuc; color:#000; }
header #liens a { font:15px f_trebuc; color:#000; text-decoration:none; font-weight:normal; }
header #liens a:hover { text-decoration:underline; color:#287a1d; }

header #reseaux { position:absolute; width:136px; height:32px; top:12px; right:10px; }
header #reseaux div { float:left; width:34px; height:32px; cursor:pointer; }
header #reseaux div a { visibility:hidden; }
header #reseaux #facebook { background:url('/img/reseaux.png') 0 0;  }
header #reseaux #facebook:hover { background:url('/img/reseaux.png') 0 -32px; }
header #reseaux #pinterest { background:url('/img/reseaux.png') 102px 0; }
header #reseaux #pinterest:hover { background:url('/img/reseaux.png') 102px -32px; }
header #reseaux #twitter { background:url('/img/reseaux.png') 68px 0; }
header #reseaux #twitter:hover { background:url('/img/reseaux.png') 68px -32px; }
header #reseaux #youtube { background:url('/img/reseaux.png') 33px 0; }
header #reseaux #youtube:hover { background:url('/img/reseaux.png') 33px -32px; }


#search1 { position: absolute; top:56px; right:12px; }
#search2 { position: absolute; top:0; left:100px; }
#search1 label span, #search2 label span { display:none; }
#search1 input, #search2 input { width: 150px; float: left; color: #b5b5b5; font:italic 13px f_trebuc, Trebuchet MS, arial; height: 32px; padding: 5px 0px 5px 15px; box-shadow: none; -webkit-appearance: none; resize: none; outline: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #d8d8d8; border-radius: 5px 0 0 5px; overflow: hidden; display: inline-block; margin-right: -2px; }
.more_btn4 { position: relative; display: inline-block; width: 44px; height: 32px; color: #707270; background: #fff; border-radius: 0 5px 5px 0; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: none; text-align: right; padding-right:10px; }
.more_btn4 i { font: normal normal 16px/30px 'FontAwesome'; }
.more_btn4:hover { color: #287a1d; cursor:pointer; }



/************Content***********/
#content { width:960px; min-height:350px; text-align:justify; background:#fff; padding:0 15px; }
#content_pop { width:680px; min-height:350px; text-align:justify; background:#fff; padding:0 10px; }

#content #main01 { position:relative; text-align:left; padding:35px 0 0; background:#fff; }
#content #main01 .col1 { float:left; text-align:left; width:520px; }
#content #main01 .col2 { float:right; text-align:left; width:360px; }
#content #main01 .separe { clear:both; height:60px; }

#content #main01 .col3 { float:left; width:670px; padding:0 21px 0 0; }
#content #main01 .col4 { float:right; width:232px; }

#content #main01 .col5 { float:left; width:232px; padding-top:5px; }
#content #main01 .col6 { float:right; width:700px; padding:0 0 0 0; }

#content_pop #main02 { position:relative; text-align:left; padding:15px 0 0; background:#fff; }
#content_pop #main02 input { border:solid 1px #665c52; color:#899295; padding:7px; margin-right:30px; min-width:140px; }
#content_pop #main02 textarea { border:solid 1px #665c52; color:#899295; padding:7px; margin-right:30px; min-width:140px; resize:none;  }
#content_pop #main02 .sub { border:solid 1px #fff; color:#fff; background-color:#287a1d; cursor:pointer; padding:5px 20px 8px 20px; font-size:14px; margin:0; display:block; }
#content_pop #main02 .sub:hover { background-color:#665c53; }

#content_pop #main02 #preloader { padding:100px 0 0 0; text-align:center; line-height:100px; }

#main01 h1, #main02 h1, .titre2015_souligne { font:23px Impact, f_impact, arial; color:#287a1d; border:solid 1px #287a1d; border-width:0 0 2px 0; text-transform:uppercase; letter-spacing:0px; margin-bottom:10px; max-width:676px; }
#main01 h2, #main02 h2, .titre2015 { font:23px Impact, f_impact, arial; color:#287a1d; text-transform:uppercase; letter-spacing:0px; margin-bottom:10px; }
#main01 .col3 h1 { width:100%; }

#main01 #newsletter { padding-bottom:70px; }
#main01 #newsletter .infos input  { border:solid 1px #665c52; color:#899295; padding:7px; margin-right:30px; min-width:140px; }
#main01 #newsletter .qui select  { border:solid 1px #665c52; color:#899295; padding:6px 7px; margin-right:30px; min-width:140px; }
#main01 #newsletter .infos label span { display:none; }

#main01 #newsletter .qui { padding-top:10px; }
/*#main01 #newsletter .qui p { background-color:#fff; padding:5px 5px 5px 8px; color:#8f979a; font:11px verdana; }*/
/*#main01 #newsletter .qui select { margin-left:90px; border:solid 1px #a8a8a8; color:#a8a8a8; min-width:220px; }*/
#main01 #newsletter .qui input { margin:0 5px; border:solid 1px #665c52; color:#899295; padding:7px; margin-right:30px; min-width:140px; display:none; float:right; }
#main01 #newsletter .qui .sub { border:solid 1px #fff; color:#fff; background-color:#287a1d; cursor:pointer; padding:5px 20px 8px 20px; font-size:14px; margin:0; display:block; }
#main01 #newsletter .qui .sub:hover { background-color:#665c53; }
#main01 #newsletter .qui a { padding-right:15px; font-size:11px; color:#665c53; line-height:36px; }
#main01 #newsletter .qui a:hover { color:#287a1d; text-decoration:none; }
#main01 #newsletter :after { margin-bottom:80px; }
#main01 #newsletter .aide { position:absolute; top:10px; right:10px; }

#video, #chiffres { padding-top:12px; }
#video p { padding-top:10px; font:13px f_trebuc, Trebuchet MS, arial; }

#carte_accueil h3 { font:italic 16px/20px f_trebuc; color:#899295; padding-bottom:10px; }
#carte_accueil section { zoom: 0.70; -moz-transform: scale(0.70); -moz-transform-origin: 0 0; }

#accroches article { padding:10px 0 8px 0; }
#accroches article img { float:left; width:94px; height:94px; border:solid 3px #bec0c6; margin-right:17px; }
#accroches article .detail { float:left; }
#accroches article .detail h4 { font:bold 12px f_trebuc; color:#000; }
#accroches article .detail .date { font:bold 11px f_trebuc; color:#665c53; padding:3px 0 8px 0; }
#accroches article .detail .texte { font:12px/17px f_trebuc; color:#000; }
#accroches article .detail .texte a:link       { font:12px/17px f_trebuc; color:#000; text-decoration:none; }
#accroches article .detail .texte a:visited    { font:12px/17px f_trebuc; color:#000; text-decoration:none; }
#accroches article .detail .texte a:hover      { color:#287a1d; text-decoration:underline; }
#accroches article .detail .texte a:active     { color:#287a1d; text-decoration:underline; }
#accroches #accroches_toutes { text-align:right; padding-top:20px; }
#accroches #accroches_toutes a:link       { font:bold italic 11px verdana; color:#000; text-decoration:none; }
#accroches #accroches_toutes a:visited    { font:bold italic 11px verdana; color:#000; text-decoration:none; }
#accroches #accroches_toutes a:hover      { color:#287a1d; text-decoration:underline; }
#accroches #accroches_toutes a:active     { color:#287a1d; text-decoration:underline; }

#diaporama { width:960px; margin-bottom:60px; background-color:#dbd8ce; height:440px; text-align:left; }
.diaporamaTxt {
	z-index:2; position:absolute; top:0; left:0; min-height:60px; width:98%; padding:4px 10px 5px 10px; background-color:#000; opacity : 0.8; filter : alpha(opacity=80); color:#fff; 
	font:13px/18px f_trebuc, Trebuchet MS, arial; 
}
.pellicule { width:100%; display: inline-block;  margin:20px 0; } /* height:303px; padding:35px 0; background:url('/img/pellicule.png') top center no-repeat;*/
.slider { width:518px; border:solid 1px #e2e1e0; margin-bottom:15px; }

#index_iframe { border:solid 10px red; display:none; visibility:hidden; width:1px; height:1px; }



/* BOXs ************* */
.fup { text-transform:uppercase; }
.fbb { border:solid 1px #dbd8ce; }
.fleft { float:left; }
.fright { float:right; }
.icone1 { padding-left:35px; padding-bottom:12px; border:dashed 1px #678369; border-width:0 0 1px 0; }
.icone2 { padding-left:35px; padding-bottom:12px; border:dashed 1px #bfbdbd; border-width:0 0 1px 0; }

.box { z-index:1; position:relative; padding:12px 14px 12px 14px; border-radius:5px; margin-bottom:12px; box-shadow:0 2px #e2e2e2; }
.box h3 { z-index:3; color:#fff; font:bold 16px f_trebuc; margin-bottom:8px; }
.box h3 span { z-index:3; font:13px/22px f_trebuc; }
.box img { z-index:3; margin:0 14px 0 0;  }
.box span { z-index:3; color:#fff; font:12px f_trebuc; }
.box a { z-index:3; }
.box .n2 { padding:0; margin:0; }
.box p { z-index:3; color:#fff; font:12px f_trebuc; padding-bottom:5px; }

.box_L1:link, .box_L1:visited { text-decoration:underline; font:12px f_trebuc; color:#fff; }
.box_L1:hover, .box_L1:active { text-decoration:none; font:12px f_trebuc; color:#ceca22; }

.box_L2 { text-decoration:none; font:13px f_trebuc; margin-top:8px; padding:0 0 1px 12px; text-align:left; display: inline-block; }
.box_L2:link, .box_L2:visited { color:#fff; background:url('/img/arrow1.png') top left no-repeat; }
.box_L2:hover, .box_L2:active { color:#ceca22; background:url('/img/arrow2.png') top left no-repeat; }
.box_L2s { text-decoration:none; font:13px f_trebuc; margin-top:8px; padding:0 0 1px 12px; text-align:left; display: inline-block; background:url('/img/arrow2.png') top left no-repeat; color:#ceca22; }

.box_L3 { text-decoration:none; font:12px f_trebuc; padding:5px 0 2px 28px; text-align:left; display: inline-block; background:url('/img/re3.png') top left no-repeat; }
.box_L4 { text-decoration:none; font:12px f_trebuc; padding:5px 0 2px 28px; text-align:left; display: inline-block; background:url('/img/re4.png') top left no-repeat; }
.box_L3:link, .box_L3:visited, .box_L4:link, .box_L4:visited { color:#fff; }
.box_L3:hover, .box_L3:active, .box_L4:hover, .box_L4:active { color:#ceca22; }
.box_L3s { text-decoration:none; font:12px f_trebuc; padding:5px 0 2px 28px; text-align:left; display: inline-block; background:url('/img/re3.png') top left no-repeat; color:#ceca22; }
.box_L4s { text-decoration:none; font:12px f_trebuc; padding:5px 0 2px 28px; text-align:left; display: inline-block; background:url('/img/re4.png') top left no-repeat; color:#ceca22; }


.box_L4:link       { text-decoration:none; font:12px f_trebuc; color:#fff; }
.box_L4:visited    { text-decoration:none; font:12px f_trebuc; color:#fff; }
.box_L4:hover      { text-decoration:none; font:12px f_trebuc; color:#ceca22; }
.box_L4:active     { text-decoration:none; font:12px f_trebuc; color:#ceca22; }

.box_L4s:link       { text-decoration:none; font:12px f_trebuc; color:#ceca22; }
.box_L4s:visited    { text-decoration:none; font:12px f_trebuc; color:#ceca22; }
.box_L4s:hover      { text-decoration:none; font:12px f_trebuc; color:#b3923d; }
.box_L4s:active     { text-decoration:none; font:12px f_trebuc; color:#b3923d; }


.bg1{background: #0e4713;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0e4713), to(#287a1d));
	background: -webkit-linear-gradient(#0e4713, #287a1d);
	background: -moz-linear-gradient(#0e4713, #287a1d);
	background: -ms-linear-gradient(#0e4713, #287a1d);
	background: -o-linear-gradient(#0e4713, #287a1d);
	background: linear-gradient(#0e4713, #287a1d);
	-pie-background: linear-gradient(#0e4713, #287a1d);
}
.bg1r { position:absolute; top:0; left:0; width:50px; height:50px; border-radius:8px; background:url('/img/rep1.png') top left no-repeat; z-index:2; }
.bg1m { position:absolute; top:0; left:0; width:50px; height:50px; border-radius:8px; background:url('/img/membres.png') top left no-repeat; z-index:2; }
.bg1f { position:absolute; top:0; left:0; width:50px; height:50px; border-radius:8px; background:url('/img/filtres.png') top left no-repeat; z-index:2; }

.bg2{background: #2e2e2e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e2e2e), to(#665c53));
	background: -webkit-linear-gradient(#2e2e2e, #665c53);
	background: -moz-linear-gradient(#2e2e2e, #665c53);
	background: -ms-linear-gradient(#2e2e2e, #665c53);
	background: -o-linear-gradient(#2e2e2e, #665c53);
	background: linear-gradient(#2e2e2e, #665c53);
	-pie-background: linear-gradient(#2e2e2e, #665c53);
}
.bg3{background: #b3923d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b3923d), to(#ccc16f));
	background: -webkit-linear-gradient(#b3923d, #ccc16f);
	background: -moz-linear-gradient(#b3923d, #ccc16f);
	background: -ms-linear-gradient(#b3923d, #ccc16f);
	background: -o-linear-gradient(#b3923d, #ccc16f);
	background: linear-gradient(#b3923d, #ccc16f);
	-pie-background: linear-gradient(#b3923d, #ccc16f);
}
/* ************************************************************************* */


#membres_m input { border:solid 1px #665c52; color:#899295; padding:3px; width:130px; }
#membres_m .input_fr { background:#fff url('/img/fr/pass1.gif') 0 3px no-repeat; }
#membres_m .input_en { background:#fff url('/img/en/pass1.gif') no-repeat; }
#membres_m .input_es { background:#fff url('/img/es/pass1.gif') no-repeat; }



/* Autres pages ************* */
#carte_afrique { position:relative; z-index:1; }
#carte_afrique #carte { z-index:5; position:relative; width:710px; height:663px; background:url('/img/afrique.jpg'); }
#carte_afrique #pays { z-index:5; position:relative; width:710px; height:663px; }
#carte_afrique #pays .picp { float:left; width:300px; border:solid 1px #b3923d; margin-right:10px; }
#carte_afrique #pays .descriptif { padding-bottom:15px; font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#carte_afrique #pays #carte_afrique_actions { position:relative; }
#carte_afrique #pays #carte_afrique_actions .actions { background:url('/img/gmap.png') top left no-repeat; padding-left:25px; }
#carte_afrique #pays #carte_afrique_actions .actions_finies { background:url('/img/gmap1.png') top left no-repeat; padding-left:25px; }
.actions h4, .actions_finies h4 { font:14px Impact, f_impact, arial; padding:2px 3px 2px 0; margin-bottom: 10px; text-shadow:none; border:solid 1px #7a7a7a; border-width:0 0 1px 0; display: inline-block;  }
.actions p, .actions_finies p { margin-bottom:30px; }
.actions p .actL, .actions_finies p .actL { text-decoration:none; font:13px f_trebuc; padding:0 0 8px 10px; text-align:left; display: inline-block; }
.actL:link, .actL:visited { color:#287a1d; background:url('/img/arrow3.png') top left no-repeat; }
.actL:hover, .actL:active { color:#665c53; background:url('/img/arrow4.png') top left no-repeat; }


#carte_afrique #area_image { position:absolute; top:0px; left:0px; z-index:10; background:url('/img/spacer.gif'); width:710px; height:663px; }
#carte_afrique .pays { position:absolute; top:0px; left:0px; z-index:5; }
#carte_afrique .lien { height:14px;font:9px arial; }


#contact input, #contact textarea { border:solid 1px #665c52; color:#899295; padding:7px; margin-right:30px; min-width:140px; resize:none;  }


#notice_legale { font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#notice_legale a { text-decoration:underline; color:#287a1d; }
#notice_legale a:hover { text-decoration:none; color:#665c53; }


#recherche { font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#recherche_form { position:relative; height:32px; }
#recherche_form span { line-height:30px; }
#recherche_form .infos_r { float:right; text-align:right; font:11px/32px f_trebuc;; color:#b3923d; }
#recherche a { text-decoration:underline; color:#287a1d; }
#recherche a:hover { text-decoration:none; color:#665c53; }

#recherche .resultats { background:url('/img/loupe.png') top left no-repeat; padding-left:25px; }
.resultats h4 { font:14px Impact, f_impact, arial; padding:2px 3px 2px 0; margin-bottom: 10px; text-shadow:none; border:solid 1px #7a7a7a; border-width:0 0 1px 0; display: inline-block;  }
.resultats p { margin-bottom:30px; }
.resultats p .resL { text-decoration:none; font:13px f_trebuc; padding:0 0 8px 10px; text-align:left; display: inline-block; }
.resL:link, .resL:visited { color:#287a1d; background:url('/img/arrow3.png') top left no-repeat; }
.resL:hover, .resL:active { color:#665c53; background:url('/img/arrow4.png') top left no-repeat; }



#membres { font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#pageDyn { font:13px f_trebuc, Trebuchet MS, arial; position:relative; width:676px; }
#pageDyn a:link       { color:#287a1d; text-decoration:underline; font:13px f_trebuc, Trebuchet MS, arial; }
#pageDyn a:visited    { color:#287a1d; text-decoration:underline; font:13px f_trebuc, Trebuchet MS, arial; }
#pageDyn a:hover      { color:#665c53; text-decoration:none; font:13px f_trebuc, Trebuchet MS, arial; }
#pageDyn a:active     { color:#665c53; text-decoration:none; font:13px f_trebuc, Trebuchet MS, arial; }
#pageDyn ol, #pageDyn ul { padding-top:3px; }
#pageDyn ol li , #pageDyn ul li { list-style-type: none; background:url('/img/puce1.png') top left no-repeat; padding:0 0 3px 20px; }
#pageDyn em { font-style:italic; }

#plus { position:absolute; top:-30px; right:0; display:none; }
#plus .print { float:left; background:url('/img/print.gif') top left no-repeat; padding:1px 0 0 25px; height:14px; }
#plus .envoyer { float:left; background:url('/img/envoyer.gif') top left no-repeat; padding:1px 0 0 30px; height:14px; margin-left:15px; }

#plus .print a, #plus .envoyer a { color:#587261; text-decoration:none; font:10px verdana; }
#plus .print a:hover , #plus .envoyer a:hover { color:#587261; text-decoration:underline; font:10px verdana; }
#plus .envoyer:after { clear:both; }

#actualites { font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#actualites article { border:solid 1px #d8d8d8; border-width:0 0 1px 0; padding-bottom:15px; margin-bottom:15px; }
#actualites article .titre_date h2 { font:bold 14px f_trebuc, Trebuchet MS, arial; color:#393939; padding:0 0 4px 0; margin:0; }
#actualites article .titre_date h3 { font:bold 12px f_trebuc, Trebuchet MS, arial; padding-bottom:5px; color:#665c53; }
#actualites article .descriptif { font:13px f_trebuc, Trebuchet MS, arial; text-align:justify; }
#actualites article .descriptif a:link       { font:13px/17px f_trebuc; color:#000; text-decoration:none; }
#actualites article .descriptif a:visited    { font:13px/17px f_trebuc; color:#000; text-decoration:none; }
#actualites article .descriptif a:hover      { color:#287a1d; text-decoration:underline; }
#actualites article .descriptif a:active     { color:#287a1d; text-decoration:underline; }

#actualites article .descriptif p { text-align:right; padding-top:5px; }
#actualites article .descriptif p a:link       { text-decoration:underline; font:11px f_trebuc; color:#287a1d; }
#actualites article .descriptif p a:visited    { text-decoration:underline; font:11px f_trebuc; color:#287a1d; }
#actualites article .descriptif p a:hover      { text-decoration:none; font:11px f_trebuc; color:#665c53; }
#actualites article .descriptif p a:active     { text-decoration:none; font:11px f_trebuc; color:#665c53; }

#actualites article figure { float:left; width:130px; padding-top:1px; }
#actualites article figure img { border:solid 1px #cecece; width:115px; height:115px; }
.bloc7 h3 { font:italic 16px/20px f_trebuc; color:#899295; padding-bottom:10px; }


#actualites_detail { font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#actualites_detail article { font:13px f_trebuc, Trebuchet MS, arial; position:relative; }
#actualites_detail article #titre_date { background:url('/img/actus4.png') top left no-repeat; padding-left:50px; margin-bottom:10px; min-height:44px; }
#actualites_detail article #titre_date h2 { font:bold 14px f_trebuc, Trebuchet MS, arial; color:#393939; padding:4px 0 4px 0; margin:0; }
#actualites_detail article #titre_date h3 { font:bold 12px f_trebuc, Trebuchet MS, arial; padding-bottom:5px; color:#665c53; }
#actualites_detail article #descriptif { font:12px f_trebuc, Trebuchet MS, arial; }




/* ============================= lists ====================== */
.list1, .blocR1, .blocR2 { border:solid 8px #c5c1a9; }
.blocR2 img { max-width:216px; height:auto; }
.blocR3 img { max-width:232px; height:auto; }
.list1 p, .blocR1 p, .blocR2 p { background: #2e2e2e; text-align:center; text-transform:uppercase; font:bold 15px/20px "Roboto Slab", Arial, sans-serif; padding:8px 0; margin-bottom:3px; color:#fff; }
.list1 .p2, .blocR1 .p2 { background: #2e2e2e; text-align:center; text-transform:none; font:bold 15px/20px "Roboto Slab", Arial, sans-serif; padding:8px 0; color:#fff; margin-bottom:0px; }
.blocR1 .p3 { background: #2e2e2e; text-align:left; text-transform:none; padding:8px 8px 0 8px; color:#fff; margin-bottom:0px; }
.list1 li { display: block; padding-left:34px; background: url('/img/arrow5.png') 15px 50% no-repeat #2e2e2e; margin-bottom: 1px; }

.list1 li:last-child { margin-bottom: 0px; }
.list1 li a {
  color: #1d1d1d;  text-decoration: none; font:bold 13px/20px "Roboto Slab", Arial, sans-serif;
  background: #dcd8c4; padding: 7px 4px 6px 10px;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box; display: block; text-transform: uppercase; letter-spacing: 0px;
}
.list1 li a:hover, .list1 li.current a{ color: #dcd8c4; background: #2e2e2e; }
.active:link, .active:visited, .active:hover, .active:active { color: #dcd8c4; background: #2e2e2e; }


.list1b li { display: block; padding-left:43px; background: url('/img/arrow7.png') 22px 50% no-repeat #dcd8c4; margin-bottom: 0px; border:dotted 1px #c5c1a9; border-width:0 0 1px 0; }
.list1b li.current, .list1b li:hover  { display: block; padding-left:43px; background: url('/img/arrow6.png') 22px 50% no-repeat #2e2e2e; margin-bottom: 0px; border:dotted 1px #c5c1a9; border-width:0 0 1px 0; }
.list1b li:last-child { margin-bottom:1px; border:0; }
.list1b li a {
  color: #1d1d1d;  text-decoration: none; font:bold 12px/20px "Roboto Slab", Arial, sans-serif;
  background: #dcd8c4; padding:4px 6px 4px 8px; 
  display: block; text-transform:none; letter-spacing: 0px;
}
.list1b li a:hover, .list1b li.current a { color: #dcd8c4;  }


.more_btn3 { display: inline-block; margin-top: 14px; color: #cf0709; text-decoration:underline; font: 14px/21px "Roboto Slab", Arial, sans-serif; position: relative; letter-spacing: 1px; }
.more_btn3:hover{color: #2e2e2e; text-decoration:underline;}





/************Footer***********/
footer { position:relative; width:960px; font:12px verdana; color:#fff; border:solid 15px #fff; background-color:#287a1d; height:70px; text-align:left; }
footer div { float:left; width:33%; padding-top:15px; font:15px/20px verdana; color:#fff; text-align:center; }
footer div p { text-align:left; padding-left:60px; }
footer div p .tel { font-size:0.9em; }

footer div a { text-decoration:none; font:15px/22px verdana; color:#fff; }
footer div a:hover { text-decoration:underline; }

footer #realisation { position:absolute; bottom:5px; right:5px; text-align:right; }
footer #realisation a { font:9px verdana; color:#295308; text-decoration:none; }
footer #realisation a:hover { color:#294704; text-decoration:underline; }



/*--------------To_Top----------*/
#toTop {  display: none;  text-decoration: none;  position: fixed;  bottom: 40px;  left: 58%;  margin-left: 450px;  overflow: hidden;  width: 43px;  height: 43px;  border: none;  text-indent: -999px;  z-index: 20;  background: url(/img/totop.png) no-repeat 0 0;  transition: 0s ease;  -o-transition: 0s ease;  -webkit-transition: 0s ease; }
#toTop:hover {  background-position: 0 bottom; }

a.lightbox { display: block;  position: relative; }
a.lightbox img { width: 100%; }
a.lightbox span {  transition: 0.5s ease;  -o-transition: 0.5s ease;  -webkit-transition: 0.5s ease;  display: block;  position: absolute;  z-index: 10;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: url(/img/magnify2.png) -100px center no-repeat; }
a.lightbox:hover span { background-position: center center; }