body { font-size:12px;overflow-x: hidden; }
/*
h1 { font-size:6.5vw; font-weight:400; text-align:center; border-bottom:1px solid #b7b7b7; padding-bottom:8px;}
h2 { font-size:5.5vw;}
*/
h1 { font-size:28px; font-weight:300; text-align:center; margin:15px 0px 25px 0px; padding-bottom:10px; border-bottom:1px solid #b7b7b7;}
h2 { font-size:22px; font-weight:300;}
 
#accroche {margin:0px auto;font-size:8px; background-color:#0481da;}
#linerose{width:100%; height:2px;background-color:#d32c7e;}

#containerheader {display:none;}
#bandeau {background-color:#0482da; height:50px;width:100%;}
#containerbandeau {width:100%; margin:0px auto;}
#btnmenu { width:60px; float:left;}
#navigation { display:none;}
#titrebandeau {width:auto; float:right; text-align:right; font-family:'Montserrat', sans-serif; line-height:50px; font-size:30px; margin-right:10px;}
#container {width:100%; margin:0px auto;}
#main {width:100%; margin:0px auto; float:none;}
#maintext {width:98%; margin:0px auto; float:none;}
@media (min-width: 468px) { #lineannonce {margin:20px auto 0px auto; width:100%; height:28px; background-color:#FFF; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; padding-top:13px; text-align:center;} }
@media (max-width: 467px) { #lineannonce {margin:20px auto 0px auto; width:100%; background-color:#FFF; text-align:center;} }
#btncreezcv {width:450px;margin:20px auto 5px auto;padding:10px 0px;text-align:center;font-family:'Montserrat',sans-serif;background-color:#0481da;color:#FFF;font-size:24px;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;font-weight:bold;box-shadow:none;}
@media (max-width: 460px) {
	#btncreezcv {width:96%;margin:20px auto 5px auto; padding:15px 0px; text-align:center;font-family:'Montserrat',sans-serif;background-color:#0481da;color:#FFF;font-size:5.5vw;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;font-weight:bold; box-shadow:none;}
}
#btn {text-align:center;font-family:'Montserrat',sans-serif;background-color:#0481da;color:#FFF;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;font-weight:bold;box-shadow:none;}
#rightcol {display:none;}
#containerfooter {width:100%; margin:15px auto;}

#partners {display:none;}
#linksmcl {width:50%; float:left; text-align:justify; margin:0px 0px 10px 10px; }
#legal { width:40%; float:right; text-align:justify; margin:0px 10px 10px 0px; }
.lettre { border:1px solid #333333; background-color:#FFFFF9; }

.nav-button {display:inline; z-index:1; height:50px; width:50px; background-color:transparent; background-image:linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, #FFF, #FFF); background-position: center top, center, center bottom; background-repeat:no-repeat; background-size:100% .20rem; padding:0px; outline:0; border:10px solid #0482da; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); margin-left:10px; }
[id="main"] {position:relative;min-height:100vh;background-color:#FFF;}
.menu { position:absolute; width:50vw; min-height:100vh; background-color:#e9e9e9; }
[id="main"] {transform:translateX(0) translateZ(0); transition: transform .2s; will-change:transform;}
/* here's goes the slide effect */
[id="main"].is-opened {transform:translateX(50vw);}

#menu ul { list-style:none; margin:0px; padding:0px; }
.boxmenu { text-align:center; padding:15px 0px; border-width:0px 1px 1px 1px; border-color:#b7b7b7; border-style:solid; }
li.boxmenu:hover { background-color:#f8f8f8; }
li:hover .linkboxmenu { color:#333; text-decoration:none; }
a.linkboxmenu { font-size:14px; color:#666; text-transform:uppercase; font-weight:500; text-decoration:none; }
li.titremenu { text-align:center; padding:15px 0px; border-width:0px 1px 1px 1px; border-color:#b7b7b7; border-style:solid; }
a.titremenu { font-size:14px; color:#666; text-transform:uppercase; font-weight:500; text-decoration:none; }
li.ssmenu { padding:6px 0px 6px 10px; text-align:left; border-width:0px 1px 0px 1px; border-color:#b7b7b7; border-style:solid; list-style:circle inside; margin:0px; text-indent:0px; }
a.ssmenu { font-size:14px; color:#666; text-decoration:none; }
li.ssmenubottom { border-bottom:1px solid #b7b7b7; }

.pub_desktop { display:none; }