*{margin:0;padding:0}
b,strong{font-weight:600}
i{font-style:italic}
#contenu {margin: 0 8px 10px}
#center{width:100%;background:none;padding-bottom:0}
#center_part_2_full{width:100%;background:none}
#container .chemin {display:none}
#contenuhome{margin:0;background:none}
body{font-size:100%}
#ftr{margin:0 !important}
#header{overflow:hidden;background:#fff}
header{background:#fff;padding:0}
.clear{clear:both}
#hub{width:100%;max-width:1000px;margin:0 auto;padding-bottom:25px;font-size:12px}
#hub li{list-style:none}

#SEO{width:1000px;overflow:hidden;display:block;margin:0 auto;font-family:'Open sans',sans-serif}
#SEO a{font-family:'Open sans',sans-serif;font-size:inherit}
#SEO a.header-retour{position:relative;display:block;font:500 21px 'Open sans',Arial,sans-serif;color:#fff;text-decoration:none;text-align:left;padding:0 0 0 85px;margin-top:25px;background:none}
#SEO a.header-retour:before{content:'';position:absolute;top:-13px;left:15px;width:50px;height:50px;border-radius:4px;border:1px solid #fff;}
#SEO a.header-retour:after{content:'';position:absolute;top:1px;left:31px;width:19px;height:26px;background:url(../images/fleche-retour.png);background-size:100%;}
#SEO .header-encart{position:absolute;top:15px;left:1.6%;}
#SEO h1{font:100 22px 'Open sans',Arial,sans-serif;color:#fff;width:100%;line-height:25px;text-align:center;padding:10px;background-color:#ff5c00;background-image:none!important;}
#SEO .showMobile{display:none}
#SEO #header-SEO{background:url(../images/header-seo.jpg) no-repeat center;background-size:cover;width:100%;height:307px;float:left}
#SEO #header-SEO .header-container{position:relative}
#SEO nav{width:100%;float:left}
#SEO nav h2{color:#000;font:100 26px 'Open sans',Arial,sans-serif;text-align:center;position:relative;padding:30px 0 50px;}
#SEO nav h2:after{position:absolute;content:'';width:222px;height:1px;top:75px;left:392px;background-color:#000;}
#SEO nav ul{list-style:none;margin:0 0 80px 0;padding:0}
#SEO nav .hidden{display:none}
#SEO nav li{display:inline-block;width:19%;background:#fff;color:#063877;text-align:center;font-weight:bold;font-size:20px;line-height:80px;filter: alpha(opacity=50);opacity: 0.5; -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
#SEO nav li:hover{ zoom: 1;filter: alpha(opacity=100);opacity: 1;}
#SEO .essentielb{width:100%;float:left}
#SEO .essentielb h2{color:#000;font:100 26px 'Open sans',Arial,sans-serif;text-align:center;position:relative;padding:20px 0 60px 0;}
#SEO .essentielb h2:after{position:absolute;content:'';width:222px;height:1px;top:65px;left:390px;background-color:#000;}
#SEO .essentielb a{font-family:inherit;font-size:13px;text-align:left;padding:0 0 60px 318px;position:relative;text-decoration:none;display:block;color:#000;}
#SEO .essentielb a:before{content:'';position:absolute;width:210px;height:40px;background:url(../images/essentielb-maj-2.png);top:-4px;left:43px;filter: alpha(opacity=50);opacity: .5; -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
#SEO .essentielb a:hover:before{filter: alpha(opacity=100);opacity: 1;}
#SEO .content{width:100%;position:relative;float:left}
#SEO .content:after{background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );bottom: 28px;content: "";height: 90px;left: 10px;position: absolute;right: 10px}
#SEO .content h2{color:#000;font:100 26px 'Open sans',Arial,sans-serif;text-align:center;position:relative;padding:0 0 55px 0;}
#SEO .content h2:after{position:absolute;content:'';width:222px;height:1px;top:50px;left:390px;background-color:#000;}
#SEO .content ul{list-style:none;margin:0 0 40px 0;padding:0}
#SEO .content ul li{display:inline-block;width:3.4%;font-size:19px;color:#000;padding:0 ;text-align:center}
#SEO .content ul li a{text-decoration:none;color:#000;display:block}
#SEO .content ul li a:hover{opacity:0.6}
#SEO .content ul li span{color:#bdbdbd;padding-left:0.31%}
#SEO .content ul li span:hover{opacity:1}
#SEO .content .scroll-lettre{width:100%;height:500px;overflow:auto;padding:20px 0;background-color:#f3f3f3}
#SEO .content .scroll-lettre .ensemble-lettre{width:100%;float:left;padding-top: 15px;}
#SEO .content .scroll-lettre .ensemble-lettre p.lettre-maj{width:15%;font-size:100px;color:#000;font-weight:bold;float:left;text-align:center;}
#SEO .content .scroll-lettre .ensemble-lettre ul{width:85%;float:right;list-style:none;margin:0;padding:0;padding-top:30px}
#SEO .content .scroll-lettre .ensemble-lettre li {display:inline-block;width:24%;font-size:14px;color:#000;padding:0 ;text-align:left;font-size:normal;margin-bottom:8px;text-transform:uppercase}

/* Scroll Barre */
#SEO .content .scroll-lettre::-webkit-scrollbar{width: 4px;}
#SEO .content .scroll-lettre::-webkit-scrollbar-track {width: 4px;border-radius: 4px;background: transparent none;}
#SEO .content .scroll-lettre::-webkit-scrollbar-thumb {width: 4px;border-radius: 4px;background:rgba(74, 74, 74, 1);}

#backtop {width:74px;height:73px;position:fixed;right:45px;bottom:4%;z-index:250;background:url(../images/haut-btn.png);display:none}

@media screen and (max-width:640px){
#SEO{width:100%}
#SEO .header-encart {left:0}
#SEO h1{font-size:16px;font-weight:100;margin:0;padding:8px 10px}
#SEO nav h2,#SEO .essentielb h2,#SEO .content h2{padding:20px 0 30px 0;font-size:18px;}
#SEO nav h2:after,#SEO .essentielb h2:after,#SEO .content h2:after{position:absolute;content:'';width:100px;height:1px;top:45px;left:50%;background-color:#000;transform: translateX(-50%);}
#SEO nav ul{margin:0;}
#SEO .essentielb {margin-bottom:30px;}
#SEO .essentielb a:before{left:50%;margin-left:-105px;width:210px;height:40px;background-repeat:no-repeat;text-align:center}
#SEO .essentielb a{display:block;width:90%;float:left;margin:0 5%;text-align:center;padding:60px 0 0 0;}
#SEO .content:after{bottom:0;left:0;right:0;height: 40px;}
#SEO .content .scroll-lettre .ensemble-lettre p.lettre-maj{width:25%;}
#SEO .content .scroll-lettre .ensemble-lettre ul{width:75%;}
#SEO .content .scroll-lettre .ensemble-lettre li {width:49%;}
#SEO .content .mobscroll {display:block;width:100%;overflow-x:scroll;height:22px;padding:0 0 40px 0;}

#SEO .content .mobscroll::-webkit-scrollbar{width: 0;height:0;}
#SEO .content .mobscroll ul{list-style:none;margin:0;padding:0;width:300%;display:block;}
#SEO .content ul li{width:3%;}

#backtop {width:12vw;height:12vw;position:fixed;right:1vw;bottom:1vw;z-index:250;background:url(../images/haut-btn.png);background-size:cover;display:none}

#SEO .content .mobscroll{-webkit-mask-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.5, black), color-stop(1, transparent));}
/*#SEO .content article.scroll-lettre{-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, black), color-stop(1, transparent));}*/
}