/* reset style */
html, body{ margin:0; padding:0; border:none; height:100%; }
table { padding:0; border-spacing:0; border-collapse:collapse; }
tr, td, div, form, textarea, input{ margin:0; padding:0; }
table, td, div, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
	border:none;
}
table th, table td{ border:none; }

/* pictures */
img { vertical-align: middle; display:block; }
a img { border: 0; }

::-moz-selection { /* Pour firefox */
background:#f2bc11;
color:#000;
}
::selection { /* Pour les autres */
background:#f2bc11;
color:#000;
}


@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

	
/* debut style global */

/* body { 	background:#fff url(../images/bg_paterne.png) 0 0 repeat; font:14px/18px Open Sans, sans-serif, Arial; color:#000; } */
body { 	background:#fff url(../images/bg_paterne.png) 0 0 repeat; font:16px/22px Open Sans, sans-serif, Arial; color:#000; }
a, a:link { font-family:Arial; font-weight:300; color:#000; text-decoration:none; }
a:hover { color:#a11257; text-decoration:none; }
a:active, a:focus { }

.c-both{ clear:both; margin:0; padding:0; border:none; height:1px; width:1px; }


#crashCook{ display:none; position:fixed; z-index:1000; bottom:0; width:90%; background:#333; color:#ccc;  font:13px/18px Arial; text-align:left; padding:10px 5% 20px 5%; }
#crashCook a, a:link{ color:#fff; font:13px Arial; text-decoration:none;  }
#crashCook a:hover{ color:#dce9f4; text-decoration:underline;  }

.messCook{ max-width:970px; margin:auto; }

#crashCook .messCook{  }
#crashCook .messCookLk, #crashCook a.messCookLk, #crashCook a.messCookLk:link, #crashCook a.messCookLk:hover{ font-size:12px; }
	
#crashCook a.messCookFermer, a.messCookFermer:link{ color:#fff; border:1px solid #fff; background:#333; padding:8px 30px; border-radius:3px; font:13px Arial; text-decoration:none;  }
#crashCook a.messCookFermer:hover{ background:#dce9f4; color:#333; text-decoration:none;  }



	

/* 
SHEMA CSS 

Largeur : 1280px
Tétiere : H.180px



font-family: 'Open Sans', sans-serif;
font-family: 'Lora', serif;
font-family: 'Shadows Into Light', cursive;
font-family: 'Abril Fatface', cursive;

Abril Fatface
Lora:400,700
Open Sans:300,400,700,800
Shadows Into Light 


.styleselect1 {
	margin-top:5px;
	border: 0;
	color: #000;
	padding: 18px 20px;
	width: 220px;
	background:url(../images/select_fleche_grise.png) no-repeat scroll 180px center;
	-webkit-appearance: none;
	border:1px solid #706f6f;
	font:14px/16px 'Halant', sans-serif; font-weight:400; 
	outline:none;
	-moz-border-radius		: 0px;
	-webkit-border-radius	: 0px;
	border-radius			: 0px;
	overflow:hidden;
}

input.stcheck1[type="checkbox"]{ display:none; }
input.stcheck1[type="checkbox"] + label::before{
    content:"";
    display:block;
	float:left;
    width:28px;
    height:30px;
    background:url(../images/checkbox_form.png) 4px 0px no-repeat;
}
input.stcheck1[type="checkbox"]:checked + label::before{
    background-position:4px -33px;	
}


Kode couleur : 

fond tetiere : #c5daec;
bleu logo : #06325a;
fond global : #f3f3f3;
bleu fonce : #06325a;
bleu texte logo : #a8c2d9;
orange : #3e8faf;
gris antracite : #546a79;
gris texte : #999999;
fond footer : #c5daec;



*/


.hideTdPage{ display:none; }


/* ************** DIV PRINCIPAL *************** */

#div_n{ display:block; position:relative; height:auto; width:100%; }
#div_ln{ display:block; position:relative; height:auto; width:100%; margin:auto; min-width:430px; max-width:1240px; background:#fff; padding:0 20px; }

/* .dv_bgc-tetiere{ display:block; background:#c5daec; } */
.dv_bgc-tetiere{ display:block; background:none; }
#div_tetiere{ display:block; min-height:153px; padding:23px 0; }

.dv_bgc-recherche{ display:block; height:auto; background:none; padding:0 0; }
.bgRecherche{ display:block; height:60px !important; padding-top:23px !important; }

/* .logo{ display:block; padding:0px 0 0 0px; margin-left:-20px; } */
.logo{ display:block; padding:0px 0 0 0px; margin:auto; max-width:250px; height:auto; }

/* menu */

/* #menDiv{ display:block; height:100px; text-align:center; } */
#menDiv{ display:block; height:auto; margin:20px auto; border:1px none #ff0000; }
label.dvBtnMenu{ display:none; }
#affMenu{ display:none; }

/* #dv_menu{ display:block; position:absolute; left:485px; top:23px; } */
#dv_menu{ display:block; position:relative; top:25px; text-align:center; }

.dv-menu-1 > a, .dv-menu-1 > a:link{ display:inline-block; font:20px/22px Open Sans, sans-serif; color:#06325a; border:1px none #fff; border-bottom:2px solid #ffffff; border-radius:5px; background:none; padding:10px; margin:5px; width:auto; transition:0.2s ease; }
.dv-menu-1 > a:hover{ color:#06325a; background:#fff; width:auto; border-color:#4facd0; }
.dv-menu-1 > a.menHover, .dv-menu-1 > a.menHover:link{ display:inline-block; font:20px/22px Open Sans, sans-serif; color:#333; border-bottom:2px solid #333; background:#fff; width:auto; padding:10px; margin:5px; }
 
/* .dv-menu-1 > a:nth-child(1){ margin-left:0px !important; } */
/* .dv-menu-1 > a:nth-child(2){ margin-left:10px !important; } */
/* .dv-menu-1 > a:nth-child(3){ margin-left:20px !important; } */
/* .dv-menu-1 > a:nth-child(4){ margin-left:30px !important; } */
/* .dv-menu-1 > a:nth-child(5){ margin-left:40px !important; }  */


/* bande recherche */
		
.dv-input-recherche{ display:block; width:61%; padding:10px 12px; border:1px solid #3e8faf; border-radius:8px; height:20px; font-size:.9rem; color:#06325a; outline:none; }					
.dv-input-recherche:focus{ border-color:#546a79; font-style:normal; color:#000; }	

a.btn-ok-recherche{ display:block; position:absolute; width:30px; text-align:center; padding:12px 12px; margin:-41px 0 0 62%; text-align:centre; border:1px solid #3e8faf; border-radius:8px; font:1rem; color:#06325a; background:#fff; }
a.btn-ok-recherche:hover{ border:1px solid #3e8faf; color:#fff; background:#3e8faf; }

/* icone reseaux tetiere */
.rx-tetiere{ display:block; position:absolute; right:1px; top:20px; width:310px; }
.rx-tetiere > div{ display:block; float:left; margin-top:9px; margin-right:14px; font-size:15px; color:#06325a; }
.rx-tetiere > a{ display:block; float:left; margin-top:0px; background:url(../images/icone_rx.png) 0 0 no-repeat; width:45px; height:40px; }
.rx-tetiere > a:hover{ background-position:0 -80px; }
.rx-tetiere > a.cs-rx-fb{ background-position-x:0px; }
.rx-tetiere > a.cs-rx-tw{ background-position-x:-45px; }
.rx-tetiere > a.cs-rx-gg{ background-position-x:-90px; }
.rx-tetiere > a.cs-rx-ins{ background-position-x:-135px; }
.rx-tetiere > a.cs-rx-mail{ background-position-x:-180px; }

/* box mail */

/* #z_rxmail{ display:block; border:1px none #ff0000; } */


.z-form-mail{ display:none; }
.dv-ecrire-mail{ display:none; position:absolute; background:#fff; width:735px; min-height:auto; left:50%; padding:25px 25px 10px 25px; margin:-15px 0; margin-left:calc(-735px/2); 
				border:1px solid #d5d5d5d5; z-index:5; box-shadow:0px 0px 20px #333;  }
.dv-ecrire-mail div{ display:block; margin-bottom:25px; }
.dv-ecrire-mail div > label{ display:block; float:left;  width:16%;  font-size:14px; margin-right:10px; padding-top:6px; }
.dv-ecrire-mail div > input{ display:block; float:left;  width:79%;  font-size:14px; padding:6px; border:1px solid #3e8faf; border-radius:2px 2px 5px 2px; outline:none; }
.dv-ecrire-mail div > input:focus{ border:1px solid #5e7381; }

.dv-ecrire-mail div > select{ display:block; float:left;  width:80%;  font-size:14px; padding:6px; border:1px solid #3e8faf; border-radius:2px 2px 5px 2px; outline:none; }
.dv-ecrire-mail div > select:focus{ border:1px solid #5e7381; }

.dv-ecrire-mail div > textarea{ display:block; float:left; width:80%; height:150px; font:14px/20px Open Sans; padding:6px; border:1px solid #3e8faf; border-radius:2px 2px 5px 2px; outline:none; }
.dv-ecrire-mail div > textarea:focus{ border:1px solid #5e7381; }

/* a.btn-send-commentaire{  */
	/* display:block; margin:30px 0 10px 120px; border:1px solid #5e7381; color:#5e7381; border-radius:5px; padding:10px; width:220px; font-size:14px;	text-decoration:none;	 */
/* } */
/* a.btn-send-commentaire:hover{  */
	/* border:1px solid #5e7381; color:#fff; background:#3e8faf; */
/* } */

.dv-checkbox-mail{ display:block; height:120px; margin-left:121px; }


 
/* ************** FOOTER *************** */

/* new footer */

.sepHeightInter{ height:40px; }


/* ************ CSS FOOOTER  ************ */

.blc-footer{ background-color:#7e919b; min-height:250px; padding:25px; }
.logoErranceV2{ display:block; background:none; margin:auto; width:220px; padding:10px; }
.blc-footer .reseaux-sociaux{ display:block; margin:10px auto 0 auto; width:183px; }
.blc-footer .reseaux-sociaux > a.lk-rx{ display:inline-block; height:46px; width:48px; background:url(../images/rx_fb.png) 0 0px no-repeat; margin:10px 5px; }
.blc-footer .reseaux-sociaux > a.lk-rx:hover{ background-position:0 -46px; }
a.rx-fb, a.rx-fb:hover{ background-image:url(../images/rx_fb.png) !important; }
a.rx-insta, a.rx-insta:hover{ background-image:url(../images/rx_insta.png) !important; }
a.rx-twitter, a.rx-twitter:hover{ background-image:url(../images/rx_twitter.png) !important; }

.link-footer{ display:inline-block !important; width:auto; margin:0 40px 0 0; padding:0 40px 0 0; border-right:2px dotted #fff; background:none; vertical-align:top; }
.link-footer:nth-last-child(2){ border-right:none !important; }

a.lk-footer{ 
	display:block; margin:8px auto; text-align:left; padding:5px; 
	font-family:'Lato';
	font-size:1rem;
	/* font-size:16px; */
	text-transform:uppercase;
}
a.lk-footer:hover{ color:#000; background:#efefef; }


/* *********************************************** */





/* mentions legales */

.cs-txt-mention{ font:14px/20px 'Halant', sans-serif; font-weight:400; color:#000000; width:62%; max-width:100%; margin:0 4% 0 0; text-align:justify; }
.cs-txt-mention h2{ font-size:18px; font-weight:500;  color:#a11257; margin-top:40px;  }
.cs-txt-mention ul{ margin:0; padding:10px 20px; }
.cs-txt-mention li{ margin:0; padding:5px; }
.cs-txt-mention a{ font:14px/20px 'Halant', sans-serif; font-weight:400; color:#000; }
.cs-txt-mention a:hover{ color:#a11257; }


/* 180531 */

#div_ln hr{ display:block; clear:both; padding:0; margin:0; height:1px; border:none; border-bottom:1px dotted #3e8faf; margin-bottom:25px; padding-bottom:20px; }

/* 
hr:after {
	content: "\271A\271A\271A\271A\271A\271A\25E6\25E6\25E6\25E6\25E6\25E6\25E6\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022";
	height: 0;			
	letter-spacing: 1em;
	font-size:20px;
	color: #aaa;
} 
*/

/* CONTENT */ 

#div_content{ display:block; min-height:250px; }



/* tpl - accueil */


.tb-content{ min-height:300px; max-width:1240px; }
/* .tpl-col1-a{ width:840px; padding-top:20px; background:none; } */
.tpl-col1-sep{ width:73px; background:url(../images/dechirure.png) center top repeat-y; }
.tpl-col1-b{ width:327px; background:none; padding-top:20px; }

.tpl-col1-a{ display:flex; 
			flex-wrap:wrap;
			/* align-content: flex-start; */
			align-content:stretch;
			gap:30px;
			width:auto; padding-top:20px; background:none; }



.tpl-col1-vign-plus{ display:flex; 
			flex-wrap:wrap;
			/* align-content: flex-start; */
			align-items: stretch;
			align-content: stretch;
			/* align-content:space-around; */
			/* flex-flow: column wrap; */
			gap:40px 40px;
			width:92%; padding-top:0px; background:none;
			margin:auto;
			}

/* .tpl-blc{ display:block; float:left; background:#fff; border:1px solid #999; border-radius:5px; width:auto; min-height:268px; padding:15px; margin:30px; margin-bottom:30px; } */
/* .tpl-blc{ display:inline-block; vertical-align:top; background:#fff; border:1px solid #999; border-radius:5px; width:auto; min-height:310px; padding:15px; margin:15px; } */
.tpl-blc{   
			background:#fff; 
			border:1px solid #999; border-radius:5px; width:auto; min-height:auto; padding:15px; 
			/* margin:auto; */
			}
			
.tpl-blc:hover{ background:#effbff; border:1px solid #005e8f; cursor:pointer; }

.blc-t-art:hover{ background:#fff; border:1px solid #999; cursor:inherit; }
			
/* .blc-t-art{ width:788px; padding:25px; } */
.blc-t1{ width:750px; }
.blc-t1b{ width:750px; }
.blc-t2{ width:395px; }
.blc-t3{ width:573px; }


/* .blc-t4{ width:373px; margin-right:30px; } */
.blc-t4{ width:320px; }
/* .blc-t4:nth-child(2n){ margin-right:0px; } */

.tpl-blc-no-margin-r{ margin-right:0; }


.blc-t1 p.visuel{ float:left; padding:0; margin:0 22px 10px 0; height:188px; width:282px; overflow:hidden; border:1px solid #fff; }
.blc-t1b p.visuel{ float:left; padding:0; margin:0 22px 10px 0; height:235px; width:320px; overflow:hidden; border:1px solid #fff; }
.blc-t2 p.visuel{ float:left; padding:0; margin:0 22px 0px 0; height:100px; width:90px; overflow:hidden; border:1px solid #fff; }
.blc-t3 p.visuel{ float:left; padding:0; margin:0 22px 16px 0; height:200px; width:150px; overflow:hidden; border:1px solid #fff; }

.blc-t1 p.visuel img{ width:100%; height:auto; margin:auto; }
.blc-t2 p.visuel img{ height:100%; width:auto; margin:auto; }
.blc-t3 p.visuel img{ height:100%; width:auto; margin:auto; }
	
/* .blc-t1 div.visuel{ float:left; padding:0; margin:0 22px 10px 0; height:188px; width:282px; overflow:hidden; border:1px solid #fff; } */
/* .blc-t1 div.visuel{ float:left; padding:0; margin:0 22px 10px 0; height:335px; width:450px; overflow:hidden; border:1px none #fff; } */
/* .blc-t2 div.visuel{ float:left; padding:0; margin:0 22px 0px 0; height:100px; width:90px; overflow:hidden; border:1px solid #fff; } */
/* .blc-t3 div.visuel{ float:left; padding:0; margin:0 22px 16px 0; height:200px; width:150px; overflow:hidden; border:1px solid #fff; } */

/* .blc-t1 div.visuel{ float:left; padding:0; margin:0 22px 10px 0; height:188px; width:282px; overflow:hidden; border:1px solid #fff; } */
.blc-t1 div.visuel{ float:left; padding:0; margin:0 22px 10px 0; height:335px; width:450px; overflow:hidden; border:1px none #fff; }

.blc-t1b div.visuel{ float:left; padding:0; margin:0 22px 0px 0; height:200px; width:300px; overflow:hidden; border:1px none #000; }
.blc-t2 div.visuel{ float:left; padding:0; margin:0 22px 0px 0; height:200px; width:200px; overflow:hidden; border:1px none #fff; }
.blc-t3 div.visuel{ float:left; padding:0; margin:0 22px 0px 0; height:200px; width:200px; overflow:hidden; border:1px none #fff; }

.blc-t4 div.visuel{ height:230px; width:320px; }
.blc-t4 div.visuel img{ width:100%; height:auto; margin:auto; }

.blc-t1 div.visuel img{ width:100%; height:auto; margin:auto; }

/* .blc-t1b div.visuel img{ height:100%; width:auto; margin:auto; } */
/* .blc-t2 div.visuel img{ height:100%; width:auto; margin:auto; } */
/* .blc-t3 div.visuel img{ height:100%; width:auto; margin:auto; } */
		
.blc-t1b div.visuel img{ height:100%; width:auto; margin:auto; }
.blc-t2 div.visuel img{ height:100%; width:auto; margin:auto; }
.blc-t3 div.visuel img{ height:100%; width:auto; margin:auto; }
		
/* .blc-t2 a.btn-commentaire-c1{ width:30px; overflow:hidden; } */
.blc-t2 a.btn-commentaire-c1{ width:auto; overflow:hidden; }


.blc-sep{ display:block; float:left; height:30px; width:30px; }
/* 
.tpl-blc h1{ margin:0; font:22px/24px Ubuntu; font-weight:500; color:#06325a; margin-bottom:25px; max-width:99%; }
.tpl-blc h2{ margin:0; font:16px/20px Ubuntu; color:#000000; margin-bottom:15px; max-width:98%; }
.tpl-blc h4{ margin:0; font:14px/18px Ubuntu; color:#999999; margin-bottom:25px; max-width:98%; }
.tpl-blc hr{ margin:0 0 !important; padding:2px 0 !important; border:none !important; }
 */
 
.tpl-blc h1{ margin:0; font-size:1.4rem; font-weight:500; color:#06325a; margin-bottom:25px; max-width:99%; }
.tpl-blc h2{ margin:0; font-size:1rem; color:#000000; margin-bottom:15px; max-width:98%; }
.tpl-blc h4{ margin:0; font-size:1rem; color:#999999; margin-bottom:25px; max-width:98%; }
.tpl-blc hr{ margin:0 0 !important; padding:2px 0 !important; border:none !important; }


.tpl-lst{ display:block; float:left; background:#fff; border:1px solid #ebebeb; border-radius:5px; width:100%; min-height:auto; padding:15px; margin-bottom:30px; transition:0.2s ease; }
.tpl-lst:hover{ background:#effbff; border:1px solid #005e8f; cursor:pointer; }
.tpl-lst h1{ margin:0; font-size:1.5rem; font-family:Ubuntu; font-weight:400; color:#06325a; margin-bottom:25px; padding-top:10px; max-width:80%; }
.tpl-lst h2{ margin:0; font-size:1.1rem; line-height:1.5rem; color:#000000; margin-bottom:15px; max-width:98%; }
/* .tpl-lst div.desc{ margin:0; font:16px/20px Open Sans; color:#000000; margin-bottom:15px; max-width:98%; } */
.tpl-lst h4{ 
	font:12px/16px Open Sans; color:#999999; 
	margin:-10px; margin-left:8px; max-width:98%; 
	border:1px solid #efefef; border-top:none;  border-right:none; 
	float:right; 
	padding:0px 5px 5px 10px;
	font-style:italic;
	
	}
.tpl-lst hr{ margin:0 0 !important; padding:2px 0 !important; border:none !important; }

a.lk-glb-art:hover,
a.lk-glb-art:hover h1,
a.lk-glb-art:hover h2
{ text-decoration:none; color:#06325a !important; }

.dv-vign-h1{ height:215px; }
.dv-vign-h2{ height:215px; overflow:hidden; }

.dv-vign-h3{ height:200px; width:100%; overflow:hidden; margin-bottom:16px; }
.dv-vign-h3-autre{ height:330px; width:100%; overflow:hidden; margin-bottom:16px; }
/* .dv-vign-h3 div.visuel{ height:220px; overflow:hidden; margin-bottom:0px; } */
/* .dv-vign-h3 div.visuel img{ width:auto; height:100%; margin-top:-15px; } */
.dv-degratxt{ display:none; position:absolute; margin:-55px -5px; width:375px; height:40px; background:url(../images/degra_bs_texte.png) 0 bottom repeat-x;  }
.dv-degratxt-acc{ display:none; position:absolute; margin:-32px -5px; width:450px; height:35px; background:url(../images/degra_bs_texte.png) 0 bottom repeat-x;  }

.vignette-autre-articles{}
.vignette-autre-articles h1{ font-size:1.3rem; }
.vignette-autre-articles h2{ font-size:1rem; }

.degra-acc-t1{ width:820px; }
.degra-acc-t2{ width:295px; }
.degra-acc-t3{ width:700px; }


a.btn-commentaire-c1{ 
	display:block; height:35px; width:200px; background:url(../images/bull_message.png) 0 0 no-repeat; 
	font:20px/22px Open Sans; color:#999999;
	padding:4px 0 0 7px;
	margin-left:4px;
}
a.btn-commentaire-c1 b{ 
	font:20px/20px Open Sans; font-weight:400; color:#fff;
}
a.btn-commentaire-c1:hover{ 
	color:#3e8faf;
	background-position:0 -80px;
}
a.btn-commentaire-c1:hover b{ 
	color:#fff;
}

a.btn-commentaire-c2{ 
	display:block; height:35px; width:250px; background:none; 
	font:20px/20px Open Sans; color:#999999;
	padding:4px 0 0 5px;
	margin-left:0px;
}

a.btn-commentaire-c2 .visuel_l{ 
	height:35px; width:17px; background:url(../images/bull_message_left.png) 0 0 no-repeat; 	
}

a.btn-commentaire-c2 .visuel_d{ 
	height:35px; width:17px; background:url(../images/bull_message_droite.png) 0 0 no-repeat; 	
}

.btn-commentaire-td2{ 
	display:block; height:25px; width:auto; background:none; 
	padding:6px 0 0 0px;
	margin-top:0px;
	background-color:#3e8faf;
}

a.btn-commentaire-c2 b{ 
	font:20px/20px Open Sans; color:#fff;
	letter-spacing:0.05em;
}
a.btn-commentaire-c2:hover{ 
	color:#3e8faf;
	background-position:0 -80px;
}
a.btn-commentaire-c2:hover b{ 
	color:#fff;
}

a.btn-lire{ 
	display:block; width:115px; height:30px; background:url(../images/ico_article_1.png) 0 0 no-repeat; 
	font:20px/22px Lora; color:#06325a;
	padding:0px 0 0 30px;
	margin-right:10px;
}
a.btn-lire:hover{ 
	color:#3e8faf;
	background-position:0 -80px;
}



.cs-btn-accueil-art{ width:100%; margin-top:5px; }
.cs-btn-accueil-art a{ font-size:1.2rem !important; }

.cs-btn-autre-art{ width:200px; }
.cs-btn-autre-art a{ font-size:1rem !important; }
/* .cs-btn-autre-art a{ font-size:1rem !important; } */


.cs-btn-autre-art a.btn-lire{ 
	padding:0px 0 0 5px;
}
.cs-btn-autre-art a.btn-commentaire-c1{ 
	/* display:block; height:35px;  */
	width:180px; 
	/* background:url(../images/bull_message.png) 0 0 no-repeat;  */
	/* font:20px/22px Open Sans; color:#999999; */
	/* padding:4px 0 0 7px; */
	/* margin-left:4px; */
}

/* zone publicitaire */

.tpl-dv-pub{ display:block; background:#fff; border:1px solid #ebebeb; border-radius:5px; width:300px; min-height:auto; padding:10px; margin-left:5px; margin-bottom:30px; }
.blc-pub-t300x300{ }
.blc-pub-t300x600{ }
.blc-pub-t300x200{ }
.blc-pub-t1000{ display:none; margin-top:20px; width:100%; min-height:90px; padding:10px; }
.blc-pub-t1000 iframe{ margin-left:10%; }

iframe {
	border: 1px none #fff;
}


/* articles */


a.btn-retour-art{ 
	display:block; height:40px; width:75px; background:url(../images/ico_article_2.png) 0 1px no-repeat; 
	/* font:15px/13px Lora; color:#06325a; */
	font:13px/13px Arial; color:#06325a;
	padding:0px 0 0 50px;
	text-align:left;
}
a.btn-retour-art:hover{ 
	color:#3e8faf;
	background-position:0 -79px;
}

.head-art{ display:block; min-height:75px; border-bottom:1px solid #3e8faf; margin-bottom:20px; }
.head-art .col-1-art{ display:block; float:left; width:320px; margin:0 10px; }
.head-art .col-2-art{ display:block; float:right; width:120px; margin:0 10px; padding-top:13px;  }

.file-ariane{ display:block; margin-bottom:10px; }
.file-ariane a{ display:inline; font-size:16px; color:#06325a; transition:0.2s ease; }
.file-ariane a:hover{ color:#3e8faf; }

.titre-s-chapitre{ display:block; width:100%; text-align:center; margin:50px auto 0 auto; border-top:2px none #ccc; padding-top:8px; }
.titre-s-chapitre h1{ font-size:1.8rem; font-family:Ubuntu; font-weight:400; color:#06325a; border:2px none #ccc; }

/* icone reseaux articles */
.rx-article{ display:block; position:relative; right:1px; top:4px; width:210px; }
.rx-article > div{ display:none; float:left; margin-top:9px; margin-right:14px; font-size:15px; color:#06325a; }
.rx-article > a{ display:block; float:left; margin-top:0px; background:url(../images/icone_rx_s2.png) 0 0 no-repeat; width:33px; height:27px; }
.rx-article > a:hover{ background-position:0 -80px; }
.rx-article > a.cs-rx-fb{ background-position-x:0px; }
.rx-article > a.cs-rx-tw{ background-position-x:-45px; }
.rx-article > a.cs-rx-gg{ background-position-x:-90px; }
.rx-article > a.cs-rx-ins{ background-position-x:-135px; }
.rx-article > a.cs-rx-mail{ background-position-x:-180px; }



/* .cs-article{ display:block; background:#fff; border:1px solid #ebebeb; border-radius:5px; width:98%; min-height:268px; padding:15px; margin-bottom:30px; } */
/*
.cs-article{ display:block; max-width:95%; border-bottom:1px dotted #999999; padding-bottom:50px; margin:auto; margin-bottom:40px; }
.cs-article p.visuel-450{ float:left; padding:0; margin:0 22px 10px 0; height:300px; width:450px; overflow:hidden; border:1px solid #fff; }
.cs-article div.visuel-450{ float:left; padding:0; margin:0 22px 10px 0; height:300px; width:450px; overflow:hidden; border:1px solid #fff; }
.cs-article h1{ margin:0; font:26px/30px Lora; color:#06325a; margin-bottom:25px; text-align:left; }
.cs-article h2{ margin:0; font:19px/24px Open Sans; color:#000000; font-weight:700; margin-bottom:15px; }
.cs-article h3{ margin:0; font:16px/24px Open Sans; color:#000000; font-weight:700; margin-bottom:15px; }
.cs-article h4{ margin:0; font:14px/18px Open Sans; color:#999999; margin-bottom:25px; }
.cs-article { font:16px/23px Open Sans; color:#000; text-align:justify; }
.cs-article p{ margin:0; font:16px/23px Open Sans; color:#000; text-align:justify; }
.cs-article hr{ margin:0 0 !important; padding:2px 0 !important; border:none !important; }
.cs-article a{ font-size:16px; font-weight:400; color:#06325a; text-decoration:underline; }
.cs-article a:hover{ color:#3e8faf; text-decoration:none; }
*/

.cs-article{ display:block; max-width:95%; border-bottom:1px dotted #999999; padding-bottom:50px; margin:auto; margin-bottom:40px; }
.cs-article p.visuel-450{ float:left; padding:0; margin:0 22px 10px 0; height:300px; width:450px; overflow:hidden; border:1px solid #fff; }
.cs-article div.visuel-450{ float:left; padding:0; margin:0 22px 10px 0; height:332px; width:450px; overflow:hidden; border:1px solid #fff; }
.cs-article h1{ margin:0; font-size:2rem; line-height:2.2rem; font-family:Ubuntu; font-weight:400; color:#06325a; margin-bottom:25px; text-align:left; max-width:100%; }
.cs-article h2{ margin:0; font-size:1.3rem; color:#000000; font-weight:700; margin-bottom:15px; }
.cs-article h3{ margin:0; font-size:1.2rem; color:#000000; font-weight:700; margin-bottom:15px; }
.cs-article h4{ margin:0; font-size:.9rem; font-weight:400; color:#999999; margin-bottom:15px; }
.cs-article { font-size:1rem; line-height:1.8rem; color:#000; text-align:justify; }
.cs-article p{ margin:0; font-size:1rem; color:#000; text-align:justify; }
.cs-article hr{ margin:0 0 !important; padding:2px 0 !important; border:none !important; }
.cs-article a{ font-size:1rem; font-weight:400; color:#06325a; text-decoration:underline; }
.cs-article a:hover{ color:#3e8faf; text-decoration:none; }

.cs-article p.visuel-450 > a{ display:block !important; }

.copyright-a{ 
	display:block; position:absolute; font-size:12px;
	text-align:left; color:#fff; padding:8px 5px; 
	width:272px; margin-top:-29px; height:13px; 
	overflow:hidden; background:rgba(0,0,0,0.5); opacity:0.5; 
	vertical-align:middle;
	}

/* .copyright-b{  */
	/* display:block; position:absolute; font-size:12px; */
	/* text-align:left; color:#fff;  */
	/* padding:8px 5px; width:440px;  */
	/* margin-top:-38px; height:22px;  */
	/* border-top:1px none #fff; */
	/* overflow:hidden; background:rgba(0,0,0,0.5); opacity:0.5;  */
	/* vertical-align:middle; */
/* } */
.copyright-b{ 
	display:block; position:relative; font-size:12px;
	text-align:left; color:#333; 
	padding:3px; width:auto; 
	margin-top:0px; height:25px; 
	border-bottom:1px dotted #ccc;
	background:none; opacity:0.8;
	vertical-align:middle;
}
.copyright-d{ 
	display:block; position:absolute; font-size:12px;
	text-align:left; color:#333; 
	padding:3px; width:315px; 
	margin-top:-30px; height:25px; 
	border-bottom:1px dotted #ccc;
	background:#fff; opacity:1;
	vertical-align:middle;
	overflow:hidden;
}

/* .copyright-a, .copyright-b{  */
	/* display:block; color:#fff;  */
	/* font-size:12px;  */
/* } */

.copyright-a{ 
	display:block; color:#fff; 
	font-size:12px; 
}


/* .copysize-who{ padding:0px 5px 9px 5px; width:778px; margin-top:-51px; height:14px; } */
/* .copysize-c{ padding:8px 5px 9px 5px; width:363px; margin-top:-69px; height:14px; } */
/* .copysize-a1{ padding:4px 5px 6px 5px; width:272px; margin-top:-24px; height:14px; } */
/* .copysize-a2{ padding:4px 5px 6px 5px; width:80px; margin-top:-24px; height:14px; } */
/* .copysize-a3{ padding:4px 5px 6px 5px; width:140px; margin-top:-24px; height:14px; } */


.copysize-who{ padding:0px 5px 9px 5px; width:778px; margin-top:-51px; height:14px; }
.copysize-c{ padding:8px 5px 9px 5px; width:363px; margin-top:-69px; height:14px; }
.copysize-a1{ 
	/* padding:4px 5px 6px 5px;  */
	width:295px; 
	/* margin-top:-24px; height:14px;  */
	}
.copysize-a2{ 
	/* padding:4px 5px 6px 5px;  */
	width:195px;
	/* margin-top:-24px; height:14px;  */
	}
.copysize-a3{ 
	/* padding:4px 5px 6px 5px;  */
	width:195px; 
	overflow:hidden;
	/* margin-top:-24px; height:14px;  */
}

/* add cs qui sommes nous */

.cs-quisommesnous{ border-bottom:1px none #999999; padding-bottom:15px; margin-bottom:38px; }
.cs-quisommesnous h2{ font:22px/24px Open Sans; color:#06325a; font-weight:700; margin-bottom:25px; }
.cs-quisommesnous h3{ color:#06325a; }
.cs-quisommesnous p{ line-height:26px; }
.cs-quisommesnous ul{ padding:15px 20px; margin:0 2px;  }
.cs-quisommesnous li{ padding:6px 0; font-size:16px; line-height:24px; width:100%; }
/* .cs-quisommesnous li:before{ content:"-"; } */

/* commentaire */

#z_commentaire{ display:none; }

.cs-commentaire{ display:block; max-width:100%; border-top:1px dotted #3e8faf; padding-bottom:50px; padding-top:20px; margin-bottom:40px;  margin-top:20px; }

.dv-commentaire{ display:block; max-width:100%; padding:30px 10px 30px 10px; border-bottom:1px dotted #06325a; }
.comniv-0{ display:block; margin-left:0; margin-top:50px; border-left:1px none #06325a;  }
.comniv-1{ display:block; margin-left:80px; border-left:1px dotted #06325a;  }
.comniv-2{ display:block; margin-left:160px; border-left:1px dotted #06325a;  }
.comniv-3{ display:block; margin-left:240px; border-left:1px dotted #06325a;  }
.comniv-4{ display:block; margin-left:320px; border-left:1px dotted #06325a;  }
.comniv-5{ display:block; margin-left:400px; border-left:1px dotted #06325a;  }

.dv-commentaire .avatar{ display:block; height:80px; width:80px; border:1px dotted #999; border-radius:50%; overflow:hidden; margin:auto; }
.dv-commentaire .avatar img{ display:block; height:100%; width:auto; border-radius:50%; }
.dv-commentaire .date{ 
	font-size:14px; color:#333; font-style:italic; 
	margin:10px auto 15px auto; 
	text-align:center; 									 	
	}
.dv-commentaire .texte{ padding-top:5px; font-size:14px; color:#000; }
.dv-commentaire .texte b{ font-weight:700; color:#06325a; }
.dv-commentaire .texte i{ font-weight:400; color:#000000; }
.dv-commentaire .texte a{ font-size:14px; font-weight:400; color:#06325a; text-decoration:underline; }
.dv-commentaire .texte a:hover{ color:#3e8faf; text-decoration:none; }

.dv-commentaire .col-com-1{ display:block; width:20%; float:left; margin-right:2%; }
.dv-commentaire .col-com-2{ display:block; width:75%; float:left; }

a.btn-repondre{ display:block; background: url(../images/icone_ecrire.png) 0 0 no-repeat; height:20px; padding:3px 0 0 28px; width:62px; margin:auto; font-size:14px; color:#06325a; font-style:italic; }
a.btn-repondre:hover{ color:#000; background-position:0 -80px; }

.pos-btn-ecrire-com{ display:block; height:80px; width:190px; margin:-60px 595px; }
.pos-btn-ecrire-com a{ 
	border:1px solid #5e7381; border-radius:5px; padding:13px 0 8px 40px; background-position:10px 9px; width:150px;
	font-style:normal;									
}
.pos-btn-ecrire-com a:hover{ 
	color:#fff; background-color:#3e8faf; background-position:10px -71px;							
}

.z-form-comment{ display:none; }
.dv-ecrire-com{ display:none; position:absolute;  z-index:5; background:#fff; width:735px; min-height:auto; padding:25px 25px 10px 25px; margin:50px 0; border:1px solid #d5d5d5d5;  }
.dv-ecrire-com div{ display:block; margin-bottom:25px; }
.dv-ecrire-com div > label{ display:block; float:left;  width:15%;  font-size:14px; margin-right:10px; padding-top:6px; }
.dv-ecrire-com div > input{ display:block; float:left;  width:80%;  font-size:14px; padding:6px; border:1px solid #3e8faf; border-radius:2px 2px 5px 2px; outline:none; }
.dv-ecrire-com div > input:focus{ border:1px solid #5e7381; }

.dv-ecrire-com div > select{ display:block; float:left;  width:80%;  font-size:14px; padding:6px; border:1px solid #3e8faf; border-radius:2px 2px 5px 2px; outline:none; }
.dv-ecrire-com div > select:focus{ border:1px solid #5e7381; }

.dv-ecrire-com div > textarea{ display:block; float:left; width:80%; height:150px; font:14px/20px Open Sans; padding:6px; border:1px solid #3e8faf; border-radius:2px 2px 5px 2px; outline:none; }
.dv-ecrire-com div > textarea:focus{ border:1px solid #5e7381; }

a.btn-send-commentaire{ 
	display:block; margin:30px 0 10px 120px; border:1px solid #5e7381; color:#5e7381; border-radius:5px; padding:10px; width:220px; font-size:14px;	text-decoration:none;	
}
a.btn-send-commentaire:hover{ 
	border:1px solid #5e7381; color:#fff; background:#3e8faf;
}

.dv-checkbox-com{ display:block; height:120px; margin-left:121px; }

/* ***************** */



/* gestion des blocs */
.col-2{ display:block; float:left; width:46%; background:none; margin-right:7%; min-height:100px; border-top:1px none #ff0000; }

/* accueil */


.dv-actu-vign{ display:block; margin-bottom:45px; }

.dv-acc-presentation-height{ height:370px; overflow:hidden; }
.dv-acc-actu-height{ min-height:170px; background-color:#fff; overflow:hidden; margin-bottom:5px; }
.dvHeightDescArticles{ height:100px; overflow:hidden; }

.dv-actu-vign span.source-article{ float:right; font-size:12px; font-style:italic; color:#213233; padding-top:5px; }

.dv-mea-ouvrage-height{ margin-top:15px; margin-bottom:153px; height:290px; background-color:none; overflow:hidden; }

.dv-illu-ouvrage{ display:block; float:left; width:320px; min-height:350px; overflow:hidden; }
.dv-illu-ouvrage > div{ position:absolute; width:340px; margin:0 20px 5px -45px;  }
.dv-illu-ouvrage img{ display:block; width:100%; height:auto;  }

.dv-btn-ensavoirplus{ display:block; height:66px; }
.pos-ensavoir-plus-acc{ margin:-125px 320px; }

.dv-ouvrage-mea h3{ text-align:left; padding-right:120px; font-size:2.5em; line-height:0.9em; }


/* ouvrages */

.tpl-ouvrage hr{ border-bottom:1px solid #213233 !important; padding-top:40px !important; margin-bottom:55px !important; }

.dv-ouvrage-c1{ display:block; width:auto; }
.dv-ouvrage-c1 .visuel{ display:block; float:left; margin:0 29px 20px 0; width:245px; min-height:395px;  }
.dv-ouvrage-c1 .visuel img{ display:block; width:auto; max-width:100%; height:auto; border:1px solid #cccccc; }
.dv-ouvrage-c1 .desc{ display:block; float:left; margin:0; width:290px; }
.dv-ouvrage-c1 .btn{ display:block; }

.dv-ouvrage-c1 .desc{ font:14px/19px Arial; font-weight:normal; color:#213233; border-bottom:1px dotted #3e8faf; height:386px; }
.dv-ouvrage-c1 .desc > h3{ font:18px/20px Arial; font-weight:normal; color:#3e8faf; padding:5px 0 20px 0; }
.dv-ouvrage-c1 .desc > h2{ font:24px/25px 'Halant', sans-serif; font-weight:normal; color:#213233; padding:0 0 18px 0; }
.dv-ouvrage-c1 .desc > b{ font-size:14px; font-weight:bold; text-transform:uppercase; }
.dv-ouvrage-c1 .desc > .resume{ 
					height:197px; font-size:14px; overflow:hidden; 
					font-weight:normal; text-align:justify; 
					padding:15px 0; margin:5px 0; 
					border-top:1px dotted #3e8faf; border-bottom:1px none #3e8faf; 
				}

.dv-ouvrage-c2{ display:block; width:100%; max-width:492px; background:#ebeded; padding:30px 30px 0 30px; text-align:justify; margin-right:0; }
.dv-ouvrage-c2 .text{ display:block; text-align:justify; height:327px; overflow:hidden;  }
.dv-ouvrage-c2 h2{ font:24px/25px 'Halant', sans-serif; font-weight:normal; color:#213233; padding:10px 0 5px 0; }
.dv-ouvrage-c2 h3{ font:14px/16px Arial; font-weight:normal; color:#3e8faf; padding:5px 0 10px 0; }
.dv-ouvrage-c2 .titre-extrait{ font:24px/26px Arial; font-weight:normal; color:#213233; padding:2px 0 20px 45px; background:url(../images/ico_btn_article30.png) 0 0 no-repeat; }

.dv-ouvrage-c2 a.btn-liresuite{ margin:10px 0 30px 0 ; }


/* articles */

.dv-men-article{ display:block; float:left; width:320px; min-height:200px; background:#fff; margin:10px 60px 0 40px; }
/* .dv-lst-article{ display:block; float:left; width:795px; min-height:200px; background:#fff; margin:10px 0 0 0; } */
.dv-lst-article{ display:block; float:left; width:780px; min-height:200px; background:#fff; margin:10px 0 0 0; }

.dv-men-article h2{ font:24px/25px 'Halant', sans-serif; font-weight:normal; color:#213233; padding:10px 0 5px 0; }
.dv-lst-article h2{ font:24px/25px Arial; font-weight:normal; color:#3e8faf; padding:10px 0 15px 0; text-transform:uppercase; }
.dv-lst-article h3{ padding:10px 0 10px 0; }
.dv-lst-article .source-article{ font-size:12px; font-style:italic; color:#213233; border-top:1px dotted #3e8faf; border-bottom:1px dotted #3e8faf; padding:6px 2px; margin:0px 0 20px 0;  }

.lk-men, a.lk-men, a.lk-men:link{
	display:block;
	width:100%; max-width:280px;
	background:url(../images/ico_men_article.png) 0 12px no-repeat;
	background-color:#fff;
	padding:13px 10px 12px 30px; margin:0;
	text-align:left;
	font:18px/20px 'Halant', sans-serif; font-weight:normal;
	color:#213233;
	border-bottom:1px dotted #3e8faf;
	text-decoration:none;
	transition:0.2s ease;
}
a.lk-men:hover{
	padding-left:35px;
	max-width:275px;
	background-position:-4px 12px;
	color:#3e8faf;
	border-bottom:1px dotted #213233;
}

.lk-men-hover, a.lk-men-hover, a.lk-men-hover:link, a.lk-men-hover:hover{
	display:block;
	width:100%; max-width:277px;
	background:url(../images/ico_men_article.png) 5px 12px no-repeat;
	background-color:#3e8faf;
	padding:13px 10px 12px 33px; margin:0;
	text-align:left;
	font:18px/20px 'Halant', sans-serif; font-weight:normal;
	color:#fff;
	border-bottom:1px dotted #213233;
	text-decoration:none;
	transition:0.2s ease;
}

.btn-retour-top, a.btn-retour-top, a.btn-retour-top:link, a.btn-retour-top:hover{ position:absolute; margin-top:-105px; right:40px; }
.btn-retour-bot, a.btn-retour-bot, a.btn-retour-bot:link, a.btn-retour-bot:hover{ position:absolute; margin-top:0; right:40px; }
 
 
 
 
 
 
/* contact */

.tpl-contact hr{ border-bottom:1px solid #213233 !important; padding-top:0px !important; margin-bottom:55px !important; }
.tpl-contact .grand-titre{ margin-bottom:10px; }

/* formulaire */

.dv-formulaire{ display:block; background:#fff; padding-top:20px; }
.dv-formulaire input{ display:block; border:1px solid #3e8faf; font:14px/18px Open Sans; color:#000; background:#fff; width:97.1%; padding:5px; border-radius:2px 2px 5px 2px;  }
.dv-formulaire select{ display:block; border:1px solid #3e8faf; font:14px/18px Open Sans; color:#000; background:#fff; width:538px; padding:5px;  border-radius:2px 2px 5px 2px; }
.dv-formulaire label{ display:block; font:14px/18px Open Sans; color:#000; padding-bottom:5px; }
.dv-formulaire textarea{ display:block; border:1px solid #3e8faf; font:14px/18px Open Sans; color:#000; background:#fff; width:98%; height:166px; padding:5px; border-radius:2px 2px 5px 2px; }


.dv-formulaire > div{ margin-bottom:20px; margin-right:20px; }
.dv-formulaire .csch-1{ display:block; margin-right:0 !important; }

.dv-formulaire .csch-2{ display:block; float:left; width:445px;  }
.dv-formulaire .csch-2 input{ width:430px; }

.dv-formulaire .csch-3{ display:block; float:left; width:315px; }
.dv-formulaire .csch-3 input{ width:300px; }

.dv-formulaire .csch-4{ display:block; position:absolute; margin:-50px 300px; width:500px; }

/* .dv-formulaire .marginRz{ margin-right:0; background:#fff !important; } */
 
 
/* btn ckeck */
input.stcheck[type="checkbox"]{ display:none; }
input.stcheck[type="checkbox"] + label::before{
    content:"\2610";
    display:block;
	font-size:20px;
	color:#000;
	float:left;
    width:25px;
    height:100px;
}
input.stcheck[type="checkbox"]:checked + label::before{
	content:"\2611";
	color:#3e8faf;
}


/* btn cs-check-commentaire */
input.cs-check-commentaire[type="checkbox"]{ display:none; }
input.cs-check-commentaire[type="checkbox"] + label::before{
    content:"\2610";
    display:block;
	font-size:20px;
	color:#000;
	float:left;
    width:25px;
    height:150px;
}
input.cs-check-commentaire[type="checkbox"]:checked + label::before{
	content:"\2611";
	color:#3e8faf;
}


.dv-lb-message{ 
	display:none; 
	/* display:block !important;  */
	position:absolute; z-index:15; margin:0px 0 0 0px; width:1146px; min-height:250px; box-shadow:1px 1px 25px 0px #999; padding:100px 20px; background:#fff; 
	border-radius:3px; border:1px solid #fff; font:20px/40px Open Sans; text-align:center;
}

.-lb-message-commentaire{ 
	width:700px; min-height:425px; 
}


.-lb-message-mail{ 
	width:700px; min-height:425px; 
}

.cache-btn{ display:none; position:absolute; height:900px; width:800px; background:none; opacity:0.2; z-index:10; }
.-cache-btn-commentaire{ height:710px; width:740px; }


.cs-champs-error{ border-color:#ff0000 !important; }
.cs-label-error{ color:#ff0000 !important; }


/* box LB */

.cs-box{
	display:none; 
	/* background:#fff; */
	/* box-shadow:0px 0px 15px 2px #666; */
	padding:30px; height:auto; width:845px; max-height:1000px; min-height:425px; overflow:hidden; overflow-y:none;
	margin:0 -430px; left:50%; top:25%; 
	position:absolute; 
	/* border-radius:5px; */ 
	z-index:1;
}
 
.content-box{
	display:block; 
	background:#fff; 
	box-shadow:0px 0px 15px 2px #666; 	
	padding:30px; height:auto; width:auto; max-height:1000px; min-height:425px; overflow:hidden; overflow-y:none;
	border-radius:5px; z-index:1;
	
	/*
	
	margin:0 -430px; left:50%; top:25%; 
	
	position:absolute; 
	
	*/
}
 
.btn-fermer, a.btn-fermer, a.btn-fermer:link{
	display:block; position:absolute; right:15px; top:15px; background:#efefef; border:3px solid #999; color:#999; font:25px/16px Arial; font-weight:bold; border-radius:50%; height:15px; width:15px; padding:9px 10px 10px 10px;
	text-decoration:none; text-align:center;
}
a.btn-fermer:hover{
	border:3px solid #3e8faf; color:#3e8faf; 
}

.marginRz{ margin-right:0 !important; }
 
 
 
 
 
 
 
 
 
 
 
 
/*

25E5

25B6
23F5

➔ \2794
› \203A
♦ \2666
◆ \25C6
❖ \2756
♦ \2666
♢ \2662
★ \2605
☆ \2606
✤ \2724
✚ \271A
✱ \2731
✽ \273D
✪ \272A
✩ \2729
• \2022
◦ \25E6
◃ \25c3
▹ \25B9
◂ \25c2
▸ \25B8



*/