@charset "utf-8";
/* CSS Document */
html body{--color-1: #B38C29;--color-2:#025B61;--color-3:#025B61; --color-4:#F0EEEF; --color-5:#665F2B; --color-6:#B1E0DA}
body{font-family: 'DroidSans','Helvetica Neue',Helvetica, sans-serif;}
@font-face {
font-family: 'DroidSans';
src: url('../fonts/DroidSans/DroidSans-webfont.eot');
src: url('../fonts/DroidSans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans/DroidSans-webfont.woff') format('woff'),
url('../fonts/DroidSans/DroidSans-webfont.ttf') format('truetype'),
url('../fonts/DroidSans/DroidSans-webfont.svg#droid_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* BODY */
#idBody{background-color:#F5F5F5; color:#12229d}
/* TITLE */
h1,h2,h3,h4,h5{margin:0;padding:0} /*Vert*/
h1{color:#12229d;font-size: 40px;}
h2{color:#12229d;font-size: 26px;}
h3{color:#12229d;font-size: 30px;}
h4{color:#12229d;font-size: 20px;}
h5{color:#12229d;font-size: 20px;}
strong {}
/* Liens */
a {color:#FAFEFD;text-decoration: none} /*#095761 #FEC502*/
a:hover {color:coral;} /*#DEA93B*/
a:visited {color:orange;}
a.lnk-pj{color:rgb(82, 132, 69); text-decoration:underline}
a.lnk-pj:hover{color:rgb(82, 132, 69)}
/* Utiles */
.no-display{ display:none}
/* TOP1 */
#idTop1{height:50px; min-height: 50px; box-shadow: none;background-color:#f5f5f5;}
#idTop1 div.csTop1 {max-width:1000px; font-size:45px; font-family: 'Roboto Condensed', Tahoma, serif; letter-spacing:0.05em}
#idTop1 table.sumo td.c1{width:98%;vertical-align: middle;background-color:#f5f5f5}
#idTop1 table.sumo td.c2{width:60%;background-color:#f5f5f5;}
#idTop1 table.sumo td.c3{width:6%; background-color:#f5f5f5;}
#idTop1 table.sumo td.c1 div.ct{padding:0;margin: 0;text-align:center;color:#12229d;}
#idTop1 table.sumo td.c1 div.ct img{ min-width:200px; height:auto}
#idTop1 table.sumo td.c2 div.ct{}
#idTop1 table.sumo td.c1 div.ct h1{color:#12229d;}
/* version header mini */
header.h-mini #idTop1{height:140px; min-height:140px}
header.h-mini #idTop1 div.csTop1{font-size:38px;}
header.h-mini #idTop1 table.sumo td.c0{width:20%}
header.h-mini #idTop1 table.sumo td.c1{width:30%}
header.h-mini #idTop1 table.sumo td.c2{width:60%; background-color: white;vertical-align: bottom;}
header.h-mini #idTop1 table.sumo td.c3{width:10%; background-color: white} /* background-color: #FFCC66 */
header.h-mini #idTop1 table.sumo td.c0 img{display:block; width:100%; max-width:max-content; height:auto}
header.h-mini #idTop1 table.sumo td.c1 div.ct{padding:0;}
header.h-mini #idTop1 table.sumo td.c1 div.ct img{display:block; width:100%; max-width:max-content; height:auto}
header.h-mini #idTop1 table.sumo td.c2 div.ct{padding:0;color:#333;}
header.h-mini #idTop1 table.sumo td.c3 div.ct{}
/* ++ TOP2 */
#idTop2{position: relative;z-index: 99;width:100%}
#idTop2{min-height: 150px;}
#idTop2{} /*background-color:#FFEEBF;*/ /*debug */
#idTop2 div.csTop2 {max-width:1000px; }
#idTop2 div.csTop2 {max-width: 1000px; width: 100%; margin: 0 auto; height: 100%;}
#idTop2 table.sumo {width:100%}
#idTop2 table.sumo td.c1{width:98%; vertical-align:middle;background-color:transparent}/* background-color:#FC9*/
#idTop2 table.sumo td.c1 div.ct { padding:0;margin:0;}
#idTop2 table.sumo td.c1 div.logo { /*border:pink dashed 2px;*/}
#idTop2 table.sumo td.c1 img{display:block; width:100%; max-width:max-content; height:auto}
#idTop2 table.sumo td.c2{width:2%;background-color:#FFF;} /*le dessin */
#idTop2 table.sumo td.c2 div.ct{padding:0;text-align:left;}
#idTop2 table.sumo td.c2 img{ width:100%; max-width:max-content; height:auto;display:block;z-index: 99}
#idNavh2{position: relative;width: 100%;background-color: #FFE1A4; height:320px;height:auto}
/* NAV */
#idNavh{background-color: transparent; box-shadow: none; z-index: 999;height:50px;}
#idNavh div.csNavh {background-color:transparent;}
/* NAV-SAND */
/*.nav-sandw{background-color:#fff;background-image: none; border: 1px solid #999;border-radius: 4px;padding: 9px 10px;overflow: visible;} SUMO */
.nav-sandw{position:absolute; top:20px;right:30px;}
.nav-sandw{background-color: transparent;border: hidden;}
.nav-sandw .icon-bar{width: 40px;height: 3px;}
.nav-sandw span.icon-bar{margin-top:7px;margin-bottom:7px; background-color:#B8BBDE}
/* BOXG */
.csBoxg {background-color:transparent;}
#idBoxg{z-index:99;background-color: transparent;margin-bottom:20px;}
#idBoxg div.csBoxg .ctBoxg {} /* border:#900 solid 1px; */
#idBoxg .dv-content{ background-color:transparent}
#idBoxg .dv-content h3{text-shadow: none; font-size: 22px; font-style:normal; color:#BE452A; margin:0;padding:0}
#idBoxg .dv-content h4{font-size: 22px; font-style:normal; color: #161513; margin:0;}
#idBoxg .dv-content h5{font-size: 22px; font-style:normal; color: #64BDB5; margin:0;}
#idBoxg .dv-content p{font-size: 16px;}
#idBoxg .dv-content p a {
/*color:rgb(82, 132, 69);*/
color:var(--color-3);
transition: all .4s;
text-decoration: none;
}
#idBoxg .dv-content p a:hover{
/*color: #284A32;*/
color:orange;
}
/* BOXG DV-TITLE*/
#idBoxg .dv-title{ padding: 10px 0; background-color:transparent;}
#idBoxg .dv-title h1{color:#2AC0C1; font-size:36px;margin-top:10px}
#idBoxg .dv-title h2{ color:#8C3D35; font-size:28px;margin-top:10px} /* color:#CF764E */
#idBoxg .dv-title h3{color:#1E9393;font-size: 25px;}
/* CAS DE LA PAGE D'ACCUEIL */
.pg-home #idBoxg {min-height:100px;}
.pg-home #idBoxg .dv-content{font-size:18px; margin:0 0}/*margin: 0 5%;*/
.pg-home #idBoxg .dv-content p{font-size:16px;}
/* PAGE NORMAL */
/* .pg-normal dv-header{ margin-bottom:20px;}*/
.pg-normal #idBoxg {min-height:100px;}
.pg-normal #idBoxg .dv-content p{font-size: 16px;margin-top:15px;}
.pg-normal #idBoxg .dv-content h5 {line-height: normal;}
.pg-normal #idBoxg .dv-content{font-size:18px;margin: 0 0;}
/* >> LES LIENS */
a[class="blue_link"]{text-decoration:none;transition: all 0.3s;color: #fa5957;}
a[class="blue_link"] .text { font-size: 16px;text-transform: uppercase;color: #fa5957; text-decoration:none; padding-left:5px; padding-right:5px;transition: all 0.3s;}
a[class="blue_link"]:hover .text{text-decoration:none; color:white; background-color:#fa5957;padding-left:5px; padding-right:5px;}
#idTopnavMenuBurger { border:#B1E0DA solid 2px; background-color:#B1E0DA}
#idTopnavMenuBurger .sumo-menu ul li {text-align: left;position: relative;line-height: normal;min-height:20px; background-image: none; padding: 8px;}
@media only screen and (max-width: 768px) {
#idTopnavMenuBurger.open {top: 60px;right: 20px;}
}
/* >> LES MENUS */
/* EN TEST */
.sumo-menu {font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px;}
.sumo-menu ul {display:block;list-style-type: none;}
.sumo-menu ul li {display:list-item;text-align: left;position: relative;line-height: normal;min-height:35px; padding:0;list-style-type: none; padding-top:15px} /* 15px*/
.sumo-menu li.active{}
.sumo-menu li > a {display: block; text-align:left; padding:0}
.sumo-menu li > a {transition: none;}
.sumo-menu li:hover>a{color:#2AC0C1;}
.sumo-menu li>a:focus{color:#2AC0C1;}
.sumo-menu li.active:hover>a{color: orangered; text-decoration: none;transform: none;}
.sumo-menu li.active a {color:#333;}
.sumo-menu li.active > a {color:#2AC0C1;}
.sumo-menu li.active > li > a{color:#2AC0C1;}
/* Fin ajout */
.csFa{width:35px; } /* border:#C39 dashed 1px*/
.sumo-menu li{font-family: "Roboto", sans-serif;font-size:18px;}
.sumo-menu li.active {background-color: transparent;color: #deae34;}
.sumo-menu li a{color: #333;}
/* RESPONSIVE */
@media only screen and (max-width: 1000px) {
.sumo-menu li{font-size:16px;}
.sumo-menu li a{color: #666;}
}
/* MENU PRINCIPAL */
.myMenu {font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px;}
.myMenu ul {display:block;list-style-type: none;}
.myMenu ul li {display:list-item;text-align: left;position: relative;line-height: normal;min-height:30px; padding:0;list-style-type: none; color:#333;padding-top:20px}
.myMenu ul li {}
.myMenu ul li i{color:#974137}
.myMenu ul li a{color:#333;padding-left:0px; font-weight:bold}
.myMenu ul li.active a{ color:#2AC0C1}
.myMenu ul li:hover a{color: #2AC0C1;}
.myMenu ul li.active:hover a{color: #2AC0C1;}
.myMenu ul li:hover i{color: #2AC0C1;}
/* >> ARIANE*/
#idAria{position:relative;width:100%; height:auto;min-height:50px;max-width:100%;display:block; margin-top:5px;background-color: #1C5461;}
#idAria div.csAria{ max-width:1000px; margin:0 auto;}
#idAria div.csAria .ctAria{padding:3px 5px; border-bottom:#eee dashed 1px;}
#idAria{background-color:#1C5461;}
#idAria div.csAria .ctAria ol{padding: 0;font-size: 1.4rem;color: #717b8e;}
#idAria div.csAria .ctAria li{display: inline-block; font-size:14px;}
#idAria div.csAria .ctAria li a{text-decoration:none;color: #717b8e}
#idAria div.csAria .ctAria li.active {text-decoration:none;color:rgb(170, 170, 170)}
#idAria div.csAria .ctAria li + li::before {
content: "\203a\00A0";
color: #717b8e;
}
#idAria div.csAria .ctAria > li + li::before {
/*content: "/\00a0";*/
content: "\203a";
content: "*";
}
/* FOOTER */
#idFooter {background-color:white;color:#FAFEFD}
#idFooter .csFooter{background-color: transparent}
#idFooter a {color:#0E736F; text-decoration: none; font-size: 14px;}
#idFooter a:hover {color:#025B61; text-decoration: none; font-size: 14px;}
#idFooter table.sumo td.c1,#idFooter table.sumo td.c2{vertical-align: top;}
#idFooter table.sumo td.c1 div.ct{margin-top:10px;}
#idFooter table.sumo td.c2 div.ct{margin-top:20px; padding: 20px 0 20px 0;}
#idFooter table.sumo td.c3 div.ct{margin-top:20px}
.su-hover-img{ /*border:#900 dashed 2px;*/}
.image-zoom:hover {transform: scale(1.2);}
.image-zoom {transition: 0.4s;}
.image-opacity:hover {opacity: 0.6;}
.image-opacity {transition: 0.4s;}
/* BTN UP */
/* #64BDB5 */
a#btnToHaut:hover{background-color:rgba(100, 189, 181, 1);}
/*strong {font-family: 'Roboto Condensed', Tahoma, serif;}*/
/* NAVI */
table.tbNavi {width:100%;}/*border:#900 dashed 1px*/
table.tbNavi td{vertical-align:top;}
table.tbNavi td.c1Navi{width:130px;}
table.tbNavi td.c2Navi{width:auto; min-width:150px}
table.tbNavi td.c2Navi div.ctNavi{padding-left:25px;border-left:#B6DDDA dotted 3px;margin-left:12px;min-height: 500px;}
@media only screen and (max-width: 992px){
table.tbNavi td.c1Navi{width:110px;} /*border:#900 dashed 1px; */
}
/* PATCHWORK text, photo */
table.tbPachw{width:100%;border-collapse:collapse}
table.tbPachw td.c1{width:50%}
table.tbPachw td.c2{width:50%}
table.tbPachw td.c1c2{width:100%}
table.tbPachw td.text{ vertical-align:middle;}
table.tbPachw td.text div.ct{padding:10px 8%}
table.tbPachw td.c1c2 div.ct{padding:10px 4%}
table.tbPachw td.imag{ background-color:#768390;vertical-align:middle;}
table.tbPachw td.imag img{ width:100%; max-width:max-content; height:auto; display:block}
/* LES LIENS à suppr*/
a[class="blue_link"]{text-decoration:none;transition: all 0.3s;color: #fa5957;}
a[class="blue_link"] .text { font-size: 16px;text-transform: uppercase;color: #fa5957; text-decoration:none; padding-left:5px; padding-right:5px;transition: all 0.3s;}
a[class="blue_link"]:hover .text{text-decoration:none; color:white; background-color:#fa5957;padding-left:5px; padding-right:5px;}
/* Extra small devices (phones, 600px and down) Mauve */
@media only screen and (max-width: 600px) {
.nav-sandw{right:2px; top:2px; margin:0;padding: 5px 8px;}
.nav-sandw .icon-bar{width: 30px;height: 2px;}
#idTop1{height:50px;}
#idTop1 div.csTop1 {font-size:20px;}
#idTop1 table.sumo td.c1 div.ct { padding-right:30px;}
#idTop1 table.sumo td.c2 div.ct{padding-left:30px;}
header.h-mini #idTop1 div.csTop1{font-size:28px;}
header.h-mini #idTop1{height:150px; min-height:150px}
#idBoxg .dv-title h1{font-size:24px;}
/* pg-home #idBoxg div.csBoxg .ctBoxg {padding: 5px 5%;} */
#idBoxg div.csBoxg .ctBoxg {padding: 5px 4px;}
#idBoxg div.csBoxg .ctBoxg .dv-content{/*border: solid #99CC33 1px;*/}
#idBoxg .dv-title h2{font-size: 25px;}
#idBoxg .dv-title h2{font-size: 20px;}
#idBoxg .dv-content h3{font-size: 19px;}
.pg-home #idBoxg .dv-content p { font-size: 13px;}
.pg-normal #idBoxg .dv-content p { font-size: 13px;}
table.tbPachw td.c1,table.tbPachw td.c2{width:100%;display:block}
table.tbNavi td.c1Navi {width: 0; display:none}
}
/* Small devices (portrait tablets and large phones, 600px and up) Gris*/
@media only screen and (min-width: 600px) and (max-width: 768px){
.nav-sandw{right:8px; top:8px; margin:0;padding: 8px 12px;}
.nav-sandw .icon-bar{width: 40px;height: 3px;}
#idTop1{height:70px;}
#idTop1 div.csTop1{font-size:32px;}
#idTop1 table.sumo td.c1 div.ct { padding-right:50px;}
#idTop1 table.sumo td.c2 div.ct{padding-left:70px;}
header.h-mini #idTop1 div.csTop1{font-size:32px;}
header.h-mini #idTop1{height:120px; min-height:120px}
#idBoxg .dv-title h1{font-size:26px;}
#idBoxg .dv-title h2{font-size: 22px;}
#idBoxg .dv-content h3{font-size: 20px;}
.pg-home #idBoxg .dv-content p { font-size: 14px;}
.pg-normal #idBoxg .dv-content p { font-size: 14px;}
table.tbPachw td.c1,table.tbPachw td.c2{width:100%;display:block}
}
/* Medium devices (landscape tablets, 768px and up) BLEU */
@media only screen and (min-width: 768px) and (max-width: 992px){
#idTop1{height:80px;}
#idTop1 div.csTop1 {font-size:40px;}
#idTop1 table.sumo td.c1 div.ct { padding-right:60px;}
#idTop1 table.sumo td.c2 div.ct{padding-left:80px;}
header.h-mini #idTop1 div.csTop1{font-size:34px;}
#idBoxg .dv-title h1{font-size:29px;}
#idBoxg .dv-title h2{font-size: 24px;}
#idBoxg .dv-content h3{font-size: 20px;}
.pg-home #idBoxg .dv-content p { font-size: 14px;}
.pg-normal #idBoxg .dv-content p { font-size: 14px;}
}
/* Large devices (laptops/desktops, 992px and up) ROSE */
@media only screen and (min-width: 992px) and (max-width: 1200px){
#idTop1{height:90px;}
#idTop1 div.csTop1 {font-size:42px; height:90px;}
/*#idTop1 table.sumo td.c3{ background-color: rgb(255,153,204) ;}*/ /*DEBUG*/
#idTop1 table.sumo td.c1 div.ct { padding-right:70px;}
#idTop1 table.sumo td.c2 div.ct{padding-left:100px;}
header.h-mini #idTop1 div.csTop1{font-size:36px;}
#idBoxg .dv-title h1{font-size:32px;}
#idBoxg .dv-title h2{font-size: 26px;}
#idBoxg .dv-content h3{font-size: 21px;}
.pg-home #idBoxg .dv-content p { font-size: 15px;}
.pg-normal #idBoxg .dv-content p { font-size: 15px;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) VERT */
@media only screen and (min-width: 1200px) {
#idTop1{height:100px;}
#idTop1 div.csTop1 {font-size:45px; height:100px;}
/*#idTop1 table.sumo td.c3{background-color: rgb(153,255,102);} */ /*DEBUG */
#idTop1 table.sumo td.c1 div.ct {padding-right:80px;}
#idTop1 table.sumo td.c2 div.ct{padding-left:115px;}
header.h-mini #idTop1 div.csTop1{font-size:38px;}
header.h-mini #idTop1 table.sumo td.c1 div.ct{padding-right:5%;}
header.h-mini #idTop1 table.sumo td.c2 div.ct{padding-left:5%;}
#idBoxg .dv-title h1{font-size:34px;}
#idBoxg .dv-title h2{font-size: 28px;}
#idBoxg .dv-content h3{font-size: 22px;}
.pg-home #idBoxg .dv-content p { font-size: 16px;}
.pg-normal #idBoxg .dv-content p { font-size: 16px;}
}
/* #idTop1 table.sumo td.c3{width:6%; background-color:var(--color-2);} enleve le mode debug */