
/* Header
---------------------------------------------------------------------- */

h4{font-size:15px;}

.scrollDown {display: none;}

body > header{height:130px;max-height: 200px;}
body > header .overHead{height:unset; width:100%;}
body > header .overHead > div{justify-content: unset;}
body > header .overHead .areas{justify-content: flex-end; height:40px;background:#161616;padding-right:50px;position: absolute; top: 0;right: 0;left: 0;}

body > main {
    min-height: calc(100vh - 130px - 800px);
}

body .hamburger{position: absolute;top:65px; right:30px;z-index:100; color:#FFF;transition: 1s ease;}
/*body .hamburger.on{right:215px;transition: 1s ease;}*/
nav.mainNav > div > ul br{display:none;}
nav.mainNav > div > ul > li.closeMenu.on {display:block; text-align: right; height: 60px; border-bottom: none;}
nav.mainNav > div > ul > li.closeMenu.on > a > i {font-size:28px;}

nav.mainNav > div > ul > li a.on > div.on {height:auto;margin-top:-20px;padding-bottom:15px;}
nav.mainNav > div > ul > li > div.on,
nav.mainNav > div > ul > li:hover > div.on {position:relative; display:block;top:0;}
nav.mainNav > div > ul > li a > div {overflow: hidden;}
nav.mainNav > div > ul > li > a:after{font-family: FontAwesome; content:'\f0d7';float:right;}
nav.mainNav > div > ul > li > a.on:after{font-family: FontAwesome; content:'\f0d8';float:right;}

nav.mainNav > div > ul > li a {padding:24px 10px; width:230px; text-align: left;}
nav.mainNav > div > ul > li:first-child a{text-align: right;}

nav.mainNav > div > ul > li:hover > div {display:none;}

nav.mainNav > div > ul > li:first-child > a:after{display:none;}
nav.mainNav > div > ul > li:first-child > a.on:after{display:none;}

nav.mainNav > div > ul > li:last-child::before {
	display:none;
}

nav.mainNav > div > ul > li:last-child a::before {
	padding-right: 15px;
    content: '\f002';
    font-family: 'FontAwesome';
    float: left;
}

nav.mainNav > div > ul > li > div .subMenuContainer ul{width:100%;border-left: none;flex-direction: column;display: flex;}
nav.mainNav > div > ul > li > div .subMenuContainer ul li{padding-left: 0;}
nav.mainNav > div > ul > li > div .subMenuContainer {height:auto;}

nav.mainNav > div > ul > li li {width:230px;}

nav.mainNav > div > ul > li > div > img {display: none;}

body > header .overHead .areas li{padding:0 40px;}
body > header .overHead .areas li i{padding-right:8px;}

body > header .overHead .logo{height:unset;line-height: unset;width:40%;position:relative;}
body > header .overHead .logo img{width:100%;height:auto; position:absolute;top:0;bottom:0;margin:auto;}
body > header .overHead .headerButton li{height:40px;line-height: 36px;}
body > header .overHead .headerButton li:first-child{margin-right:20px;}
body > header .overHead .headerButton li a:before{margin-right:10px;}
header .responsiveContainer{flex-direction: row-reverse;height:165px;}
header .overHead {margin-right:45px;}
header .overHead >div{flex-direction: column-reverse;}
header .overHead .responsiveContainer{width:92vw;padding:0 30px;}
body > header .overHead .headerButton li{padding:0 22px 0 18px;}
body > header .overHead .headerButton li a{font-size:12px;line-height: 18px;white-space:nowrap;}

.mainNav{position:fixed; right:-50%;width:250px;overflow: hidden;transition: 1s ease;}
.mainNav.on{right:0%;transition:1s ease;}
.mainNav .menu {flex-direction: column;}
nav.mainNav > div > ul{height:100vh; overflow: scroll;}
nav.mainNav > div > ul li{border-bottom:1px solid #F1F1F1;border-left:none;line-height: -moz-block-height; height: calc(100%/11);}
nav.mainNav > div > ul li:hover{background:#DEDEDE;}



.digiForm > nav{display:flex;justify-content: flex-end;}
.digiForm > nav > button{font-size: 15px;}
.form-top .digiForm article {width:80%;}
.form-top .digiForm article > div{width:74%;}

.wrap-form.digiForm {padding-bottom:30px;width:100%;}
.wrap-form.digiForm h1{padding:0;}
.simple-modal{max-height: unset; overflow: visible;}
.simple-modal.on{top:5vh;}
.connect-popin .popinContainer{display:flex;flex-direction: column;}

main > section {width: 100%;}

.ariane{width:92%;margin:auto;}

.map.newsletter > div{flex-direction: column;}

.product-list .list{width:92%;}
.product-list .titleContainer {width:92%;}
.product-list .titleContainer h1{padding:15px;font-size:30px;}
.product-list .list > section{width:46.6%; margin:0; margin-bottom:20px;}
.product-list .list > section .details .header{padding-bottom: 10px;}
.product-list .list img {height:175px;}
.product-list .list h3 {font-size:16px;}
.product-list .list .prod.product:nth-child(2n){margin-right: 0px;}

.studio.savoir > div{flex-direction: column;}
.studio.savoir > div > section.bloc-call-to-action:first-child{margin-bottom:30px;}
.studio.savoir > div > section:last-child{width:100%;margin-top:0;}
.studio.savoir .bloc-call-to-action .figureContent .comment h1{top:10%; left:10%;font-size:50px;line-height: unset;}
.studio.savoir .bloc-call-to-action .figureContent .comment p{top:45%;left:10%;font-size:15px;}
.studio.savoir .bloc-call-to-action .figureContent .comment a{top:75%;border-radius:20px; padding:10px 30px;left:10%;font-size:19px;}

.reassurance {width:92%;}
.reassurance:before{border-bottom: 0px solid #FFFFFF00;border-right: 0px solid #131212;}
.reassurance:after{border-bottom: 0px solid #0000;border-left: 0px solid #131212;}
.reassurance .bloc-blurb{border:none}
.reassurance .bloc-blurb .container div h4{font-size:15px;font-weight:bold;letter-spacing:0;white-space: nowrap;}
.reassurance .bloc-blurb .container div .content{font-size:11px;}
.reassurance .bloc-blurb img{max-width:60px;}

body section.subNews + .bloc-image{display:none;}
.page-form form > section fieldset[data-codeform=subNews] {position:relative;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section > div > section.page-form.form-top,
section.rubrique.newsletter div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section.struct-blocs.struct-level-1.struct-span-12,
article.bloc-map + script + section.struct-blocs.struct-level-1.struct-span-4 {width:100%;}
section.struct-blocs.struct-level-0.struct-span-12.rubrique.newsletter div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section.struct-blocs.struct-level-1.struct-span-12 {margin-bottom: 0; margin-top:0;}

.map.newsletter{display:block;background:#e99898;}
.map.newsletter .content{display:flex;justify-content: space-around;color:#fff;}
.map.newsletter .content > div{width:48%;}
.map.newsletter .content h1{color:#fff;padding:0px;font-size:35px;}
.map.newsletter .content > div > p{font-size:25px;line-height:35px;padding-top:30px;}
.map.newsletter .content .infoContent{display:flex;padding:8px 0;}
.map.newsletter .content .infoContent p{font-size:19px;line-height:28px;}
.map.newsletter .content .infoContent i{width:55px;text-align:center;padding-top:5px;color:#b35b5b;font-size:19px;}
.map.newsletter > div > section{width:90%;margin:auto;margin-top:30px;}
.map.newsletter fieldset{width:100%; margin:auto; border:0; border-radius: 0;border-bottom: 1px solid #FFF;}
.map.newsletter fieldset input{width: 100%;background: none;border: 0; color:#fff;}
::placeholder{color:#fff;}
.map.newsletter .page-form form > section{flex-direction: row;position:relative;padding-bottom:60px;}
.map.newsletter .page-form form > section .digiForm{position:absolute;}
.map.newsletter .page-form form .digiForm article > div{width:100%;}
.map.newsletter .page-form form > section .actions{position:absolute;right:15px;bottom:10px;}


.homePage .logos section article{text-align: center;}
.homePage .logos section article h2{font-size:40px;}
.homePage .logos section article:after{background: transparent;}
.homePage .logos > div section:nth-of-type(3n){display:none;}

.info .productChoice,.module-select .choices{flex-direction: column;}
.info .productChoice .commentGallery{margin-left:0;}
.info .productChoice .gallery .choosenProduct > img{height:290px;width:unset;}
.module-select .choices .caracteristics,.module-select .choices .qttyExp{width:unset;padding:0;}

.back-to-top{bottom:800px;}

body > footer{padding:0;height:800px;}
footer .topFooter{flex-direction: column-reverse;}
footer .topFooter .menuFooter{flex-direction: column;width:100%; margin:auto;padding:0; border: none;}
footer .topFooter .menuFooter .footerTitle{width:92%;text-align: left;margin:30px 0 30px 4%;}
footer .topFooter .menuFooter .footerTitle:hover{cursor:pointer;}
footer .topFooter .menuFooter .footerTitle:after{font-family: FontAwesome; content:'\f0d7';float:right;}
footer .topFooter .menuFooter .footerTitle.on:after{font-family: FontAwesome; content:'\f0d8';float:right;}
footer .topFooter .menuFooter .footerlist{height:1px;border-bottom:1px solid #3c3c3c;overflow: hidden;}
footer .topFooter .menuFooter .footerlist.on{height:auto;margin-top:-20px;padding-bottom:15px;}
footer .topFooter .menuFooter .footerlist::before{margin-left:4%}
footer .topFooter .menuFooter .footerlist li{margin-left:4%}
footer .topFooter .menuFooter .footerlist li{margin-left:4%}
footer .topFooter aside{position:relative;height:300px; width:100%;}
footer .topFooter aside img{position:absolute;left:0; right:0;top:50px; margin:auto;}
footer .topFooter aside section{position:absolute;left:0; right:0;bottom:0;}
footer .mentions{margin-top:0;margin-bottom:35px;}
footer .bottomFooter{flex-direction: column;margin:0;padding:0;border:0;}
footer .bottomFooter div{width:auto; margin:auto;}
footer .bottomFooter .logoPayment{margin:35px auto;}
footer .topFooter .menuFooter .sousMenuFooter,
footer .topFooter .menuFooter .sousMenuFooter:last-child {width:90%; margin:auto;}
footer .topFooter .menuFooter .sousMenuFooter:last-child h1,
footer .topFooter .menuFooter .sousMenuFooter:last-child,
footer .topFooter .menuFooter .sousMenuFooter:last-child ul {display: block;}
footer .topFooter .menuFooter .sousMenuFooter:last-child ul::before {display: inline;}
footer .topFooter aside img {width: auto;}

body > div.address .digiForm article{width:50%;}
/* CSS LIE AU COMPTE
--------------------------------------------------------------------------------------------- */

.struct-blocs.struct-wrap.ids .ct-blocs{flex-direction: column;}
.struct-blocs > .ct-blocs > article form{width:unset;}

.struct-blocs > .ct-blocs > article{width:100%;}
.struct-blocs > .ct-blocs > article input{max-width:unset;}
/*.struct-blocs > .ct-blocs .button:after{color:#fff; background: #e99898;padding:5px 10px; font-size: 15px;border-radius:0;}*/



/* Modalités de paiement */
.payment_mode .content {height: 190px; padding: 20px;}
.payment_mode .bloc-content .hgroup h1 {font-size: 14px;}
.struct-blocs > .ct-blocs {flex-direction: column;}

.fileUploads .info {margin-top: 12px; display:flex;flex-direction:column-reverse; align-items: center;}
.fileUploads .gallery-manager {flex-direction:row;}
.fileUploads .gallery-manager div {display: flex; flex-direction:row; align-items: flex-start; justify-content: flex-start;}

nav.mainNav > div > ul li.nav-search { display: none; }