:root {
  --couleurPrinci: #424242;/* GRIS  */
  --couleurSecond: #7d7d7d ;/* BLRUN*/
  --couleurTroisi: rgb(238, 243, 249);/* BLEU PASTEL */
  --couleurTextes: #44495b;
  --couleurBlanc: #44495b;
}
*, *::before, *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
body {margin:0;padding:0;text-align:center;background-color:#e3e3e3;color: #242424;}
body {min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.3;}
button,input,textarea{color: #000;}
form{margin:0}
img {max-width:100%;height:auto}
a img{border:0}
a 	{text-decoration:none}
a:hover	{color:#ff8401}
.largeur{max-width:1200px;margin:0 auto;padding: 1px 3%;text-align:left;position:relative}
.ombrext, #cookieInfos, #cookieChoiceDismiss {box-shadow: 0px 1px 3px 0px #000000e0}
/* .ombrint, #pied {box-shadow: inset 0px 1px 4px 0px #656565;} */
.arrondi, #cookieInfos, #cookieChoiceDismiss{border-radius: 7px;}
.flottGauche {float: left;}
.flottDroite {float: right;}
#logo {	float: left; width: 258px; margin: 1% 1% 0px 1%;}



#entete	{background-color:#FBF5F6;padding:.5em 0;}
#entete	h1, #entete	h2{color: var(--couleurBlanc); margin: 0px auto}
#entete	h1{ font-size: 37pt; color: #607084;}
#entete	h2{ font-size: 24pt; color: #607084;}
#entete	h3{margin:0; color: rgb(119, 136, 157); font-size: 19pt;}

#couve {background-color: #a79c98; text-align: left; background-size : cover; background-image : url('images/trav-couve-corel.jpg'); background-position: center;}
#piedaccroche {	float: left;}
#piedaccroche h2, #piedaccroche h3 {margin: 0; color: #55555557;}
#accrotext {
	color: #ffffff;
	text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.6);
	font-size: 41pt;
	line-height: 41pt;
	padding-top: 15%;
}
#accrosign {
	color: #ffffff;
	text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.6);
	font-size: 22pt;
	line-height: 22pt;
	padding-bottom: 15%;
}
#corps  {background-color:#FBF5F6;}
#contenu{padding-top: 20px; padding-bottom: 46px;}
.card, .card2 {
	border: 1px #0b0b0b2e solid;
	padding: 20px 32px;
	background-color: white;
	border-radius: 5px;
}
.card {
	float: left;	margin: 1em 1.5%;
	width: 30%;
}

.card2 {
	width: auto; margin: 2em 15%;
	float: none;
}
.card h3 {
	font-size: 15pt;
	margin: 0;
	color: #626262;
}
.card p, .card2 p {
	font-size: 11pt;
}


.card2 {
	position: relative;
	/* background: #88b7d5; */
	border: 1px solid #0b0b0b2e;
}
.card2:after, .card2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.card2:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.card2:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #0b0b0b45;
	border-width: 21px;
	margin-left: -21px;
}







.gallery a img { /* effet LIGHTBOX */
  float: left;
  width: 25%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

.gallery a:hover img {opacity: 0.7;}
br.smart695 {display:none}
/* MENUS PC */
#menuEntete {float:right;text-align: right; padding: 17px 0 0 0;}
#sousmenuEntete {	float: right;	padding: 4px 12px 5px 0;	background-color: #fbfbfb; box-shadow:2px 2px 17px 3px #00000017; clear: both; border-radius: 5px;}
#menuEntete a, 
#sousmenuEntete a {color: rgb(81, 93, 142); font-size:11pt;}
#menuEntete a:hover{color: #ce2a04;}
ul.zul {padding: 0;margin: 0;list-style-type: none;list-style-image: none;}
#menuEntete li.zli1, 
#sousmenuEntete li.zli2 {list-style-type: none;list-style-image: none;margin: 0 0 0 16px;padding: 0px 0px 0px 19px;float: left;background: url('images/puce-of.png') 0 8px no-repeat scroll transparent;}
#sousmenuEntete li.zli2 {background: url('images/puce-of.png') 0 10px no-repeat scroll transparent;}

#menuEntete li:hover, 
#sousmenuEntete li:hover{background-image: url('images/puce-ho.png');}
#menuEntete li.zon, 
#menuEntete li.zonp, 
#sousmenuEntete li.zon, 
#sousmenuEntete li.zonp {background-image: url('images/puce-on.png'); /* background-image: none;*/}

#menuEntete li.zli2, #menuEntete li.zli2 a,#piedmenu li.zli2, #piedmenu li.zli2 a, #sousmenuEntete li.zli1, #sousmenuEntete li.zli1 a {display: none;}
#sousmenuEntete li.zli2 {
	display: inline-block;
	float: none;
	/* padding: 5px 14px 5px 13px; */
}

#menuEntete li.zli2 {padding-left: 40px;}
#menuEntete li.zli2 a{font-size: 14pt; color: #97a9b0;}

#menuEntete .zon a, 
#menuEntete .zonp a, 
#sousmenuEntete .zli2.zon a, 
#sousmenuEntete .zli2.zonp a 
{color:var(--couleurBlanc); font-weight: bold;}

#reseaux {float:right;width: 427px;}
/* MENU MOBILES */
#menuaffiche{text-align: right;padding: 1em 1em 0em 1em;background-color:#fbf5f6;color:#111;font-weight: bold;display:none}
#nav {padding: 20px;text-align: left;position: absolute;border-radius: 5px;top: -5px;left: -100%;width: 97%;max-width: 400px;background: rgb(79, 79, 79);box-shadow: 0px 0 10px rgba(0,0,0,1);z-index: 10;}
#nav:not(:target) {left: -100%;transition: left 1.5s;}
#nav:target {left: 0;transition: left 1s;}
#nav ul{padding: 0 4% 0 17%;float: none;}
#nav li{list-style:none;background: url('images/puce-carre-blanc.png') right center no-repeat scroll transparent;border-bottom:1px #FFFFFF dashed}
#nav li a{color:#fff;font-size: 20pt;font-weight:bold;display:block;line-height:55px}
#nav li.zli2 a{color:#c6c6c6;font-size: 16pt;margin-left: 23px;}
#nav li a:hover{color:#000000}
#nav li.zon {background: none;border-left: 5px #a7c7d5 solid;padding-left: 18px;}
#nav li.zon a {color: #a7c7d5;}
/* PIED MENUS */
#piedcontact {	background-color: #95908d;	padding: 12px 0;}
#piedcontact p {
	color: white;
	text-align: left;
	font-size: 14pt;
	margin: 0;
	float: right;
	line-height: 14pt;
}
#piedcontact a.lienBouton {
	background-color: #555;
	font-weight: normal;
	margin: 7px 0 0 7px;
	float: right;
}

#pied ul, #pied li, #mentions ul, #mentions li {margin: 0;padding: 0;list-style: none;}
#piedmenu	{width: 68%;	float: left; padding: 12px 0;}
#piedlegaux, #piedlelogo {width: 15%;	float: right; text-align: left; padding: 12px 0; font-size: 11pt;}
#piedlelogo	{text-align: right;}
#piedmenu li { display: inline-block;	width: 25%;	padding: 0 4px 0 22px;	border-left: 1px #a4a4a4 solid;}
#mentions li { display: inline-block;	width: 25%;	padding: 0 4px 0 15px;}
#piedmenu li.zon {	font-weight: bold;	border-left: var(--couleurPrinci) 4px solid;}
#piedmenu li a {font-size: 13pt;padding: 4px 0;display: block; color: #606060b0;	font-weight: bold;}
#mentions li a {font-size: 11pt;padding: 8px 1.2em;	display: block;	color: #fff;}
#piedmenu li:hover {	background-color: #fff; color: black;}
#piedmenu li.zon a {	color: var(--couleurPrinci);}
.avantageweb, .copyright {font-style: italic;font-size: 11pt;margin: 0;text-align: center;}
#mentions {	background-color: #b0b0b0;padding: 1px 0;}



.citationaDroite {
	position: relative;
	font-size: 28pt;
	float: right;
	width: 46%;
	margin: 1em auto;
	line-height: 22pt;
	color: #424242;
	border-left: #d7d7d7 10px solid;
	padding-left: 14px;
}
   
/* SITEMAP ************************************************************************************************ */ 
div.zli2 {margin-left: 1em;}
div.zli1 {font-weight: bold;}
/* LISTING DE PANNEAUX LATERALS Pnlx  ********************************************************************* */ 
.listPnl:first-of-type  {margin-top: 50px;}
.listPnl h1 {padding: 40px 0 0 0;}
.listPnl:nth-child(odd)  {text-align:right} 
.listPnl:nth-child(even) {} 
.listPnl:nth-child(odd)  p:first-child {margin: 0 0 0 40px; float:right;} 
.listPnl:nth-child(even) p:first-child {margin: 0 40px 0 0; float:left;} 
.listPnl p:first-child img {display: block;} 
/* ZITEPLUS */
.zalert {color:#fff;background-color:#F48A01;padding: 4px;text-align: center;font-weight: bold;border-radius: 5px;margin: 0;}
.zalert a {color:#fff;padding: 1px 10px;border-radius: 5px;margin: 2px;display: inline-block;border: 1px white solid;}
.zerr {border: 4px red dashed; color: red; background-color: #FFFF00; padding: 4px;text-align:center;font-weight:bold}
#zadmin {margin:0 0 10px 0;}
#zadmin a {padding: 10px;}
#zadmin a strong {background-color: #a0b7db;padding: 3px 6px;display: inline-block;border-radius: 4px;color: #2074f7;}
.ztable {border: 0px solid #3c7a9a;background-color: #eeeeee;margin: 2px 0;padding: 0 2px;width: 100%;}
.ztable, #zadmin, .ztable button, .ztable input, .ztable textarea {color: #000;}
.ztable,#zadmin {background-color: #d5d5d5;padding: 2px 7px;}
.ztable a, .ztable h1, .ztable h2, .ztable h3, .ztable h4, #zadmin a {color: #2074f7;}
.ztable tr:hover, .ztable tr:hover td{background-color:#fff;}
.CodeMirror-wrapping {background-color: #dfdfdf;}
.headcolor{background-color:#cccccc;}
.oddcolor{background-color:#dddddd;}
.oddcolor{background-color:#dddddd;}
.evencolor{background-color:#eeeeee;}
.lapagencours {background-color: #00d9e1;color: #fff;font-weight: bold;padding: 1px 3px 1px 1px;}
.laligne {background-color:#ffe300;}
.lechiffre {background-color: yellow;	padding: 3px;	border-radius: 41%;}
#contenu .buttAction {background-color:#0967fb !important;padding: 4px 11px;border-radius: 6px;border: none;box-shadow: 0px 1px 6px 0px #000;margin: auto 6px;}
/*.yelouww, :target {background-color: yellow;}*/
#mentions .rangee {display: table;padding: 6px 0;width: 100%;}
#mentions .cellTitr {display: table-cell; width:25%; font-weight: bold; vertical-align:top}
#mentions .cellText {display: table-cell; width:75%;}
dt {font-weight: bold;margin: 1em 0 .5em 0;}
.blocPave, fieldset {border: 1px rgb(188, 36, 109) solid; padding: 1em;background-color: rgb(247, 255, 250);}
#cookieChoiceInfo {background-color: rgba(0, 58, 75, 0.9) !important}
#cookieInfos {background-color: rgba(6, 100, 126, 0.58); padding: 2px 9px; white-space:nowrap}
#cookieChoiceDismiss {background-color: rgb(6, 100, 126);padding: 2px 9px; white-space:nowrap;}
          
/* LISTS puces ...*/
#contenu ul {  display: block;  margin-left: -10px;}
#contenu ul li {  display: block;  position: relative;}
#contenu ul li:not(:last-child) {  margin-bottom: 16px;}
#contenu ul li:before {  content: "";  position: absolute;  top: 1.2em;  left: -30px;  margin-top: -.9em;  background: #9ebcf6;  height: 12px;  width: 12px;  border-radius: 50%;}
/* LISTS ordered ...*/            
ol {padding: 0 0 0 17px;}  
ol li {  list-style-type: none;  counter-increment: item; margin: 0 0 10px 35px;}
ol li::before {	content: counter(item);	margin-right: 5px;	margin-left: -31px;	background-color: #e9ebec;	color: #033866;	font-weight: bold;	padding: 3px 8px;	border-radius: 100%;}