
/* Header
---------------------------------------------------------------------- */
body > header.fullpage {margin-bottom:60px; overflow: visible;}

.scrollDown {display: none;}

nav.mainNav .menu {display:none;}

body > header .wrapBanner .banner img {height: 50vh;}

body > header.sidelogo {overflow: visible;}
body > header.sidelogo nav.mainNav {top:0; left:0; width:100%; }
body > header.sidelogo nav.mainNav .wrapNav {text-align: right; padding-right: 10px;}
body > header.sidelogo nav.mainNav .menu {display:none; background:#fff; width:100%; left:0; position:absolute; top:30px; padding-top:40px;}
body > header.sidelogo nav.mainNav .menu > li {width:100%; text-align: center;}
/*body > header.sidelogo nav.mainNav .menuSmart {display:inline-block; font-size:30px;}*/
body > header.sidelogo nav.mainNav.scroll .wrapNav {flex:1;}
body > header.sidelogo nav.mainNav.scroll .menu {top:30px;}
/*body > header.sidelogo nav.mainNav .wrapNav.active .menuSmart {position: absolute; left: calc(50% - 12px); top: 35px; z-index: 30;}*/
body > header.sidelogo nav.mainNav.scroll .menu {padding-top:15px;}
/*body > header.sidelogo nav.mainNav.scroll .menuSmart {position: absolute; left: calc(50% - 12px); top: 3px; z-index: 30;}*/
body > header.sidelogo nav.mainNav.scroll .wrapNav.active .menuSmart {top: 3px; }

nav.mainNav .smallMenu {display:inline-block; font-size: 35px;}
body > header.sidelogo nav.mainNav .smallMenu {display:inline-block; font-size: 35px; top : 40px; position:absolute; color:#000; right: 20px;}
body > header.sidelogo nav.mainNav .smallMenu a {color:#000;}
.responsiveNav {display:block !important; position: absolute; top: 0; background-color: var(--alt-color-dark-2); width: 100%; left: 0;}
nav.mainNav > div > ul li {display:block; text-align:center; margin:0; border-radius: 0%;}
nav.mainNav > div > ul > li span {text-align:center;}
nav.mainNav div > ul li:first-child a {background-color: var(--alt-color-dark-2);}
nav.mainNav div > ul li:hover{background-color: rgba(255, 255, 255, 0.5);}
nav.mainNav > div > ul > li:hover ul {display:none;}
.none {display:none !important;}
nav.mainNav > div > ul .closeMenu {display:block; text-align:right;}

.bloc {display:block !important; position:relative !important; top:0px !important; overflow:inherit !important;}


/* Structure
---------------------------------------------------------------------- */
.struct-blocs > .ct-blocs {flex-direction: column; }
.struct-blocs > .ct-blocs.ct-1-3,
.struct-blocs > .ct-blocs.ct-3-1,
.struct-blocs > .ct-blocs.ct-1-2,
.struct-blocs > .ct-blocs.ct-2-1 {flex-direction: column; }
.struct-blocs > .ct-blocs.ct-1-3 > *,
.struct-blocs > .ct-blocs.ct-3-1 > *,
.struct-blocs > .ct-blocs.ct-1-2 > *,
.struct-blocs > .ct-blocs.ct-2-1 > * {flex:auto;}

/* Galerie - Blocs
---------------------------------------------------------------------- */
.bloc-gallery ul {column-count: 2;}

/* Collapse
---------------------------------------------------------------------- */
.bloc-collapse {width:90%; margin: 0 auto;}

/* Blurb
---------------------------------------------------------------------- */
.bloc-blurb.pos-right figure i,
.bloc-blurb.pos-left figure i {margin: auto;}
.bloc-blurb.pos-right figure,
.bloc-blurb.pos-left figure {width: 100%;}
.bloc-blurb.pos-right > div,
.bloc-blurb.pos-left > div {width:100%;}
.bloc-blurb figure img.with-border {object-fit:contain;}

/* Event all-in-one page
---------------------------------------------------------------------- */
.all-in-one.aio-col > div {flex-direction: column;}
.all-in-one.aio-col > div > section {width:100%;}
.all-in-one.aio-col > div > aside {width:100%; margin-top:60px;}
.all-in-one.aio-col > div > aside h3 {text-align: center;}
.all-in-one.aio-col > div > aside .content {padding:10px 20px;}
.all-in-one.aio-col > div > aside .address {padding:10px 20px;}
.all-in-one.aio-col > header figure {width:50%; display: inline-block;}
.all-in-one.aio-col > header > div {width:50%; display: inline-block;}


