/* Header
---------------------------------------------------------------------- */
body > header.fullpage {overflow: visible;}
body > header.fullpage .wrapTitle .logo {}
body > header.fullpage .wrapTitle .logo img {max-width:60%;} 
body > header.fullpage .wrapButtons {bottom:-54px;}
body > header.fullpage .wrapTitle .headerTitle {font-size: 30px; line-height: 30px; margin:0 0 10px 0;}
body > header.fullpage nav.mainNav {position: absolute;width: 100%; height: auto; top: 0;}
.scrollDown {display: none;}

main {margin-left: 0;}

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; }

body > header .wrapButtons {right:auto; }
body > header .wrapButtons li a {font-size:16px; padding:6px 10px;}
body > header.sidelogo {min-height: auto;}
body > header.sidelogo .wrapBanner {min-height: auto;}

body > header .overHead .areas li a {font-size:0;}
body > header .overHead .areas li a i {font-size: 14px;}

nav.mainNav .smallLogo {margin-left: 7.5%; padding: 0;}
body > header.fullpage nav.mainNav > div > ul.menu {display: none;}
.av-sidebar-social-container {display: none;}
nav.mainNav .smallLogo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 80px;
}
nav.mainNav .smallMenu {display:inline-block; font-size: 21px; top : 30px; position:absolute; color:#fff; right: 1.7%; }
nav.mainNav .smallMenu a {
border-radius: 2px;
height: 46px;
width: 46px;
text-align: center;
right: 0;
z-index: 10000;
border-style: solid;
border-width: 1px;
border-color: #e1e1e1;
padding: 11px 12px;
}

nav.mainNav > div > ul > li a,
nav.mainNav > div > ul > li:last-child a {font-size: 13px; color: #666666;}
nav.mainNav > div > ul > li:last-child a {padding: 0; border: none; text-align: left;}
nav.mainNav > div > ul > li:nth-child(1n+2) a::before {
    content: "\25BA";
    font-family: 'Arial';
    font-size: 7px;
    color: #f2a6b0;
    bottom: 3px;
    position: relative;
    margin-right: 3px;
}
nav.mainNav > div > ul > li a,
nav.mainNav > div > ul > li:last-child a{padding: 13.1px 20px;}
nav.mainNav > div > ul.menu > li:nth-child(3) a {border-top: 1px solid #e1e1e1; margin-top: 20px;}
nav.mainNav > div > ul > li:last-child {padding: 0;}
nav.mainNav > div > ul > li:last-child {border-bottom: 1px solid #e1e1e1;}
nav.mainNav .smallMenu img {width: 21px;}
.responsiveNav {display:block !important; position: absolute; top: 0; background-color: #f8f8f8; width: 100%; left: 0; height: 100%; position: fixed;}
nav.mainNav > div > ul {width:100%;}
.none {display:none !important;}
nav.mainNav > div > ul .closeMenu {display:block; text-align:right; font-size: 30px; right: 5%; }
nav.mainNav > div > ul .closeMenu a {font-size: 30px; border-radius: 2px;
height: 46px;
width: 46px;
text-align: center;
right: 0;
z-index: 10000;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #e1e1e1;
padding: 8px 9px;
line-height: 1;}
nav.mainNav > div > ul li {width: 100%; margin: 0;  background-color: #f8f8f8;}
.bloc {display:block !important; position:relative !important; top:0px !important; overflow:inherit !important;}
nav.mainNav > div > ul > li:hover a{background-color: #f2a6b0; color: #fff;}
nav.mainNav > div > ul > li:hover a::before{color: #fff;}


/* Charte graphique élémentaire
---------------------------------------------------------------------- */
h1 { font-size:36px; line-height:34px; letter-spacing: 0.5px; padding:5vh 10px; hyphens: auto;  -webkit-hyphens: auto; -moz-hyphens: auto;}
h2 {font-size:24px; line-height: 26px; margin:2vh 0px; hyphens: auto;  -webkit-hyphens: auto; -moz-hyphens: auto;}
h3 { font-size:20px; margin:6px 0px;}
h4 { font-size:16px; margin:6px 0px; }
h5 { font-size:14px; margin:6px 0px;}
h6 { font-size:12px; margin:4px 0px; }
.btn { padding:10px 16px; font-size:20px; border-radius: 10px;}
.btn.xbig { padding:12px 20px; font-size:32px; border-radius: 14px;}
.btn.big { padding:10px 16px; font-size:26px; border-radius: 10px;}
.btn.medium {padding:6px 12px; font-size:16px; border-radius: 7px;}
.btn.small {padding:4px 8px; font-size:12px; border-radius: 4px;}

.content table:not(.noresponsive) {display:block;}
.content table:not(.noresponsive) > tbody {display:block;}
.content table:not(.noresponsive) > tbody > tr  {display:block;}
.content table:not(.noresponsive) > tbody > tr > td {display:inline-block;}
.content table:not(.noresponsive) > thead {display:block;}
.content table:not(.noresponsive) > thead tr {display:block;}
.content table:not(.noresponsive) > thead tr td{display:inline-block}


/* Structure
---------------------------------------------------------------------- */
.struct-blocs > .ct-blocs {flex-direction: column; }

/* Contenu
---------------------------------------------------------------------- */
.bloc-content.struct-blocs > .ct-blocs {flex-direction: column; }
.bloc-content.struct-blocs > .ct-blocs > * {flex:auto;}
.bloc-content .hgroup h1 {font-size:40px; line-height:34px; }


/* Section couverte
---------------------------------------------------------------------- */
.bloc-covered.cover-bottom .details {height:60%; top:40%;}
.bloc-covered.cover-center .details,
.bloc-covered.cover-left .details,
.bloc-covered.cover-right .details {height:60%; width:100%; left:0;}
.bloc-covered.cover-bottom .details > .link a {font-size:18px; padding:10px 18px;}


/* Back to top
---------------------------------------------------------------------- */
.back-to-top {bottom:10px; right:10px;}
.back-to-top .fa {font-size:20px; padding:10px;}


/* Compte à rebours
---------------------------------------------------------------------- */
.bloc-video iframe {
	height: 60vw;
	width: 100vw;
}

/* Compte à rebours
---------------------------------------------------------------------- */
.bloc-countdown .countdown-bloc {flex-direction: column;}
.bloc-countdown .licd {align-self: center;}


/* Réseaux sociaux - barre latérale 
---------------------------------------------------------------------- */
.bloc-socials.lateral > .fa-share-alt {display:inline-block; font-size:30px; color:#999;}
.bloc-socials.lateral:hover > .fa-share-alt {color:#333;}
.bloc-socials.lateral {top:10%; width: 40px; text-align: center;}
.bloc-socials.lateral ul li {opacity: 0; transition:all 0.3s ease;}
.bloc-socials.lateral:hover ul li {opacity: 1;}
.bloc-socials.lateral svg {height:5px; transition:all 0.3s ease;}
.bloc-socials.lateral:hover svg {height:30px;}



/* Testimonial
---------------------------------------------------------------------- */
.bloc-testimonial {flex-direction: column;}
.bloc-testimonial aside {width:100%; margin-bottom:20px;}
.bloc-testimonial section {width:100%;}



/* Event all-in-one page
---------------------------------------------------------------------- */
.all-in-one.aio-col > header {flex-direction: column;}
.all-in-one.aio-col > header > div {align-self: center;}
.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;}


.bloc-program .activity > div {flex-direction: column;}

.bloc-hotel {flex-direction: column;}

/* footer */
div .av_one_fourth {
    margin: 0;
	margin-bottom: 20px;
	width: 100%;
}

.footer_color {
	margin-left: 0;
	min-height: 1357px;
}

/* formulaire */

.page-form {
    padding-bottom: 50px;
    width: 90%;
    padding-left: 0;
    margin: 0 auto;
}