@charset "utf-8";
/* CSS Document */
/* File : sumo-0.0.9.css */
/* Maj :  le 06/09/2022 by G.Florimond */
/* suppression gestion bgImage et bgColor */
body {
	font-family: 'Roboto Condensed', Arial, serif;
	font-size: 1.3em;
	line-height: 1.916em;
	color: #000;
	font-weight: 400;
	letter-spacing: 0px;
	font-style: normal;
	background-color:#fff;
}
html {scroll-behavior: smooth;}
@media only screen and (max-width: 768px) {
	html,body {overflow-x:hidden;}
	body{position: relative}
}

.font-roboto{font-family: 'Roboto Condensed', Arial, serif;}
.font-arial{font-family:  Arial, serif;}
/* BODY */
#idBody {background-color:#F8CB76}


/* TITRES */
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Condensed', Tahoma, serif;color:darkcyan; font-style:normal}
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{margin:10px 0; font-size:18px;color:darkcyan}
h5{font-size:16px;}

/* TOP1 */
/* TOP1 Logo Titre et slogan et boutons */
#idTop1 {position:relative;width:100%;height:auto; min-height:150px;background-color:#fff}
#idTop1 div.csTop1{ max-width:1000px; width:100%; margin:0 auto; height:100%;}
#idTop1 table.sumo{width: 100%;border-spacing: 0;border: none;border-collapse: collapse;display: table; height:100%}
#idTop1 table.sumo td{ vertical-align:middle}
#idTop1 table.sumo td.c1{width:22%;background-color: transparent}
#idTop1 table.sumo td.c2{width:58%;background-color: transparent}
#idTop1 table.sumo td.c3{width:20%;background-color: transparent}
#idTop1 table.sumo td.c1 div.ct{margin:10px;}
#idTop1 table.sumo td.c2 div.ct{text-align:center; padding:5px;}
#idTop1 table.sumo td.c3 div.ct{margin-right:15px; margin-left:auto; text-align:right}
#idTop1 table.sumo td.c1 div.ct img{display:block; width:100%; height:auto; max-width:max-content;min-width: 150px;}
#idTop1 table.sumo td.c2 div.ct h1{margin:0;padding:0;color:#222;line-height:26px;}
#idTop1 table.sumo td.c2 div.ct div.dv-slogan{color:#222; font-size:18px; line-height:20px; padding-top:10px;}
#idTop1 table.sumo td.c3 div.ct div.dv-sandw{width:50px; height:42px; margin:0 0 0 auto}

@media only screen and (max-width: 768px) {
	#idTop1 table.sumo td.c2 div.ct h1 {font-size:17px; line-height:20px;}
	#idTop1 table.sumo td.c2 div.ct div.dv-slogan {font-size:14px;}
}

/* NAVH */
#idNavh {position:relative;width:100%; min-height:40px; height:auto;background-color: #FFE1A4;}
#idNavh div.csNavh{max-width:1000px; width:100%; margin:0 auto;height:100%;background-color:#FFE1A4;font-size:16px;position:relative;}
@media only screen and (max-width: 768px) {
	#idNavh {height: 5px; min-height:5px; background-color:transparent;}
	#idNavh div.csNavh{ height: 5px;background-color:#900;}
}

/* MENUS */
.sumo-menu {display:block;height:100%;font-size:17px;color:#666;}
.sumo-menu ul{ list-style-type:none;display:flex;} 
.sumo-menu ul li{text-align:center;position:relative;line-height:20px;padding-top:10px;padding-bottom:10px; height:auto;}
.sumo-menu li a{text-decoration:none;color:#2a303b;}
.sumo-menu li.active>a{background-color:transparent;color: #F25C05;}
.sumo-menu li>a {text-decoration:none}
.sumo-menu li>a:hover{color:#2E5902;}
.sumo-menu li>a:focus{color:#94AE33;}
.sumo-menu li.active>a:hover{color: #225500; text-decoration:none}
/* ssmenu deplie ou cache le sous-menu */
.sumo-menu ul .ssmenu{display: none;box-shadow: 0px 1px 2px #CCC;background-color: rgb(242,233,206,0.9);
	position: absolute;min-width: 100%;z-index: 1000;line-height:28px;padding:10px;margin-top:10px;
	/* en test */
	-webkit-transition: all 0.4s ease-in-out 0s; 
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.sumo-menu > ul li:hover .ssmenu{display: flex;flex-flow: column wrap;}
.sumo-menu .ssmenu li{flex: 1 1 auto;text-align: left;}
.sumo-menu .ssmenu a{padding-top: 8px;padding-bottom:8px;border-bottom: none;}
.sumo-menu .ssmenu a:hover{border-bottom: none;background-color: RGBa(200,200,200,0.1);}
/* DROPDOWN = sous menu */
.dropdown > a::after{
    content:" ▼";
    font-size: 12px;
}
/* TOPNAV-MENU Horizontal */
#idTopnavMenu .sumo-menu{}
#idTopnavMenu .sumo-menu ul{}
#idTopnavMenu .sumo-menu ul li{text-align:center;flex:1 1 auto;position:relative;}
/* 04/11/2022 */ 
.csTopnavMenu .sumo-menu{}
.csTopnavMenu .sumo-menu ul{}
.csTopnavMenu .sumo-menu ul li{text-align:center;flex:1 1 auto;position:relative;}
/* TOPNAV-MENU-BURGER Vertical */
/* visibility: hidden;  */
#idTopnavMenuBurger {display:none}
#idTopnavMenuBurger {width:auto; min-width:100px;max-width:300px; border-top:#FFD277 solid 1px; 
	border-bottom:#FFD277 solid 2px; position:absolute; right:10px; top:-20px; z-index:9999;}
#idTopnavMenuBurger .sumo-menu {background-color:transparent}
#idTopnavMenuBurger .sumo-menu ul{background-color: rgba(255,255,255,0.9); display: flex;flex-flow: column wrap;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);} 
#idTopnavMenuBurger .sumo-menu ul li{display: flex;flex-flow: column wrap;padding:8px 12px;border-bottom: 1px solid  #FFDB91;}

.nav-sandw{background-color:#fff;background-image: none; border: 1px solid #999;border-radius: 4px;padding: 9px 10px;overflow: visible;}
.nav-sandw .icon-bar{background-color: #888;display: block;width: 22px;height: 2px;border-radius: 1px;
	box-sizing: border-box;}
.nav-sandw .icon-bar+.icon-bar {margin-top:4px}
.nav-sandw:hover,.navbar-sandw:focus{background-color:#ddd}
#idTopnavHamburgerIcon {display:none;}
@media only screen and (max-width: 768px) {
	#idTopnavHamburgerIcon {display: block;}
	#idTopnavMenu{visibility: hidden;}
	.csTopnavMenu{visibility: hidden;}
	#idTopnavMenuBurger{
		display: block;/*ET OUI */
		position:absolute;margin:0;right:10px; top:-20px; z-index:9999;
		transform-origin: 0% 0%;
		transform : translate(200%, 0);
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	}
	#idTopnavMenuBurger.open{transform: none;position : fixed;top:81px;/*à ajuster*/}
	html,body {overflow-x:hidden;}
	body{position: relative}
}

/* >> BOXG */
#idBoxg{position:relative;width:100%; height:100%;min-height:100px;max-width:100%;display:block;}
#idBoxg div.csBoxg{ max-width:1000px; margin:0 auto;}
#idBoxg div.csBoxg .ctBoxg{padding:20px;}
/* en test ! */
#idBoxg > p{font-size:16px; line-height:24px; margin:4px 0 8px;padding:0}

#idBoxg .dv-content{margin:20px 0;font-size:18px}
#idBoxg .dv-content img{width:100%; height:auto; max-width:max-content}
#idBoxg .dv-content p{font-size:16px; line-height:24px; margin:4px 0 8px;}
#idBoxg .dv-content p.opaque{background-color: rgba(255,255,255,0.2); padding:10px}

#idBoxg .dv-content table.sumo{width: 100%;border-spacing: 0;border: none;border-collapse: collapse;display: table; height:100%}
#idBoxg .dv-content table.sumo td{vertical-align:middle}
#idBoxg .dv-content table.sumo td.cvtop{vertical-align:top}

#idBoxg .dv-content table.sumo td.bk-gray-1{background-color:#eee}
#idBoxg .dv-content table.sumo td.bk-gray-2{background-color:#ddd}
#idBoxg .dv-content table.sumo td.bk-blue-1{background-color:#CCE0F7}
#idBoxg .dv-content table.sumo td.bk-blue-2{background-color:#ACCDF2}
#idBoxg .dv-content table.sumo td.bk-blue-3{background-color:#B5D9D8}
#idBoxg .dv-content table.sumo td.bk-blue-4{background-color:#B5D9D8}
#idBoxg .dv-content table.sumo td.bk-ocre-1{background-color:#F8CB76}
#idBoxg .dv-content table.sumo td.bk-ocre-2{background-color:#FFE1A4}
#idBoxg .dv-content table.sumo td.bk-ocre-3{background-color:#CCE0F7}
#idBoxg .dv-content table.sumo td.bk-ocre-4{background-color:#ACCDF2}

#idBoxg .dv-content table.sumo td.c1{width:50%;}
#idBoxg .dv-content table.sumo td.c2{width:50%;}
#idBoxg .dv-content table.sumo td.c1 div.ct{margin:10px;} /* 5px; */
#idBoxg .dv-content table.sumo td.c2 div.ct{margin:10px;}
#idBoxg .dv-content table.sumo td div.ct img{display:block; width:100%; height:auto; max-width:max-content;}
#idBoxg .dv-content table.sumo td img{display:block;}

@media only screen and (max-width: 768px) {
	#idBoxg .dv-content table.sumo td.c1,#idBoxg .dv-content table.sumo td.c2{display:block; width:95%;/*border:#9C3 solid 1px*/}
	#idBoxg .dv-content table.sumo td.c3,#idBoxg .dv-content table.sumo td.c4{display:block; width:95%;}
	#idBoxg .dv-content table.sumo td.c1 div.ct,#idBoxg .dv-content table.sumo td.c2 div.ct{margin:0px;padding:10px;/*border:#900 dashed 1px;*/}
	#idBoxg h1 {font-size:20px;}
}


/* LES TONS PAR DEFAUT */
.bkTon1{background-color: #f6a975}
.bkTon2{background-color: #fcbe96}
.bkTon3{background-color: #ffd3b8}
.bkTon4{background-color: #ffd3b8}

/* LE FOOTER */
#idFooter {position:relative;width:100%;height:auto; min-height:150px; background-color: #3854A5;}
#idFooter div.csFooter{ max-width:1000px; width:100%; margin:0 auto; height:100%;color:#222;font-size:15px;}
#idFooter table.sumo{width:100%;border-spacing: 0;border: none;border-collapse: collapse;display: table; height:100%}
#idFooter table.sumo td{ vertical-align: top}
#idFooter table.sumo td.c1{width:40%;}
#idFooter table.sumo td.c2{width:30%;vertical-align: middle}
#idFooter table.sumo td.c3{width:30%;}
#idFooter table.sumo td.c1 div.ct{padding:20px 0 20px 30px; line-height:23px; color:#111;font-size:15px;}
#idFooter table.sumo td.c1 div.ct i{color:#0E1529;font-size:15px;}
#idFooter table.sumo td.c2 div.ct{text-align:center; padding:0 5px;line-height:23px;font-size:14px;}
#idFooter table.sumo td.c3 div.ct{margin-right:15px; margin-bottom:20px;}
#idFooter table.sumo td.c3 div.ct img{display:block; width:100%; height:auto; max-width:max-content;}
#idFooter a{color:#eee; text-decoration:none;font-size:14px;}
#idFooter a:hover{color:#8EB936; text-decoration:none;font-size:14px;}
#idFooter #idCopyright {text-align:center; color:#333; font-size:14px; padding: 0 0 25px 0; width:90%; border: transparent solid 1px; line-height:25px;}

@media only screen and (max-width: 600px) {
	#idFooter table.sumo td.c1{width:99%; display: block;}
	#idFooter table.sumo td.c1 div.ct{text-align:center; padding:20px 20px;border:none;}
	#idFooter table.sumo td.c2{width:99%; display:block; vertical-align:top;}
	#idFooter table.sumo td.c2 div.ct{text-align:center; padding:20px 20px}
	#idFooter table.sumo td.c3{width:99%; display:block}
	#idFooter table.sumo td.c3 div.ct{padding:10px 20% 10px 20%;}
	#idFooter #idCopyright {padding: 0 25px 25px 25px;width:auto}
}

/* on a ajouté les medias de sumo biblio */

/* btnToHaut */
a#btnToHaut{
border-radius: 4px 4px 0 0;
height: 35px; width: 48px;line-height:35px;
font-size:15px;text-align:center;color:#fff;background:rgba(80, 80, 80, 0.80);
position:fixed;right:20px; bottom: 0;
opacity:1;z-index:99999;
transition:all ease-in 0.2s; 
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
text-decoration: none;
}
/*a#toTop:before{ content: "\25b2"; }*/
a#btnToHaut:before{font-family: 'icomoon';content: "\f106";font-size: 22px; }
a#btnToHaut:hover{background:rgba(162, 197, 35, 1);transition:all ease-in 0.2s;}
a#btnToHaut.cInvisible{bottom:-35px;opacity:0;transition:all ease-in 0.5s;}
a#btnToHaut.cVisible{bottom:0px;opacity:1;}
@media only screen and (max-width: 768px) {
	a#btnToHaut {right: 20px;}
}
@media only screen and (min-width: 769px) {
	a#btnToHaut {right: 20px;}
}
/* Pour modele */
table.tb-model {
width: 100%;
border-spacing: 0;
border: none;
border-collapse: collapse;
display: table;
}
/*FORM*/
input {margin:0}
.cs-form-control{
	/*border:#888 solid 1px;*/
  display: block; box-sizing: border-box;  width: 100%;  height: 34px;
  padding: 6px 12px;  font-size: 14px;  line-height: 1.428571429;
  color: #555;  background-color: #fff;  background-image: none;
  border: 1px solid #ccc;  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.cs-form-control { height: auto;}
.cs-mbutton {font-size: 14px;text-transform: uppercase;text-decoration: none; background-color: #4aced3;
  -webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px; border: 0;  cursor: pointer;
  padding: 5px 10px 5px 10px;  height: auto;  line-height: normal;  color: #fff;  text-shadow: #999 0 -1px 1px;
}
.cs-retour {background-color:#888}
.cs-mandatory{color:#900}

/*UTILE*/
.clear{clear:both;}
.padtop5{padding-top:5px}
.pright35{padding-right:35px}
.textleft,.pleft{text-align:left}
.textright,.pright{text-align:right}
.textcenter,.pcenter{text-align:center}
.textjustify,.pjustify{text-align:justify}
.padtop10{padding-top:10px}
.padtop50{padding-top:50px}
.padding60 {padding-bottom: 60px;padding-top: 60px;}
.aheight{line-height:1.2;display:inline-block;width:auto;vertical-align:middle}
.nodisplay{display: none}

/* DEBUG */
.debug #idTop1 {background-color:#055;}
.debug #idTop1 div.csTop1{background-color:#066}
.debug #idTop1 table.sumo td.c1{background-color:#0FF}
.debug #idTop1 table.sumo td.c2{background-color:#0CF}
.debug #idTop1 table.sumo td.c3 div.ct div.dv-sandw{border:darkcyan solid 1px;}
.debug #idNavh {background-color:#FFE1A4;}
.debug #idNavh div.csNavh{background-color: #FC6;}