/* Header
---------------------------------------------------------------------- */
body > header.fullpage {margin-bottom:60px; 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;}
.scrollDown {display: none;}

nav.mainNav .menu {display:none;}
body > header .wrapBanner .banner img {height:30vh;}

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;}
body > header.sidelogo {min-height: auto;}
body > header.sidelogo .wrapBanner {min-height: auto;}

/* Menu de navigation
---------------------------------------------------------------------- */
body > header .wrapButtons {right:auto; }
body > header .wrapButtons li a {font-size:16px; padding:6px 10px;}

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

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


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

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

/* Blurb
---------------------------------------------------------------------- */
.bloc-blurb.pos-right,
.bloc-blurb.pos-left {flex-direction:column;}
.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.pos-right figure img.with-border,
.bloc-blurb.pos-left figure img.with-border,
.bloc-blurb.pos-right figure i,
.bloc-blurb.pos-left figure i{width:100%; margin-bottom: 10px;}

.bloc-blurb.align-start > div > .content {word-wrap: break-word;}

/* Personne
---------------------------------------------------------------------- */
.detailList .bloc-person {flex-direction:column; margin: 6vh 0; padding: 2vh 3vw;}



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

/* Bloc - Dernières actualités
---------------------------------------------------------------------- */
.latest-news > ul > li {
	flex: 1 1 100%;
	max-width: unset;
}