/* Structure Générale ****************************/

.wrap.col {flex-direction: column;}
.wrap.col > section {width: 100%;}
.wrap.col > aside {width: 100%;}

.ctBloc.left {flex-direction: column;}
.ctBloc.left > aside {width: 100%;}
.ctBloc.left > section {width: 100%;}

.ctBloc.right {flex-direction: column-reverse;}
.ctBloc.right > aside {width: 100%;}
.ctBloc.right > section {width: 100%;}

.ctBloc.left.half > aside,
.ctBloc.right.half > aside{width: 100%;}

.ctBloc.left.half > section,
.ctBloc.right.half > section{width: 100%;}

.ctBloc.left.big > aside,
.ctBloc.right.big > aside {width: 100%;}

.ctBloc.left.big > section,
.ctBloc.right.big > section {width: 100%;}

aside.left,
aside.right {width: 100%;}

article.left,
aside.left+article {width: 100;}

.ct-blocs {flex-direction: column; border: 0;}

.ct-blocs.ct-nb-3 > div,
.ct-blocs.ct-nb-4 > div {border: 0;}

/* Charte Graphique Elementaire ****************************/

h1 {font-size: 18px;}
h2 {font-size: 22px;}
h3 {font-size: 14px;}

table, thead, tbody, tfoot, th, tr, td {display: block;}

.link {margin: 30px 0 0 0;}

/* Pop-in ****************************/

.connect-popin {padding: 15vh;}
.connect-popin .close {top: 60px; right: 60px;}
.connect-popin h3 {font-size: 28px;}
.connect-popin form article div input[type="submit"] {font-size: 24px;}

/* Header ****************************/

body > header > img,
body > header > a > img {top: 0; left: 0;}

header > a {}
header > a > div {padding: 0 30px;}
header > a > div img {width: 80%;}

.overHead .wrapAlone {padding: 0 15px;}
.overHead .wrapAlone ul li.access.connect, .overHead .wrapAlone ul li.access.connect:hover {background-color: transparent; color: #fff;}

/* Navigation ****************************/

body > nav {border: 0;}

body > nav > .wrap > .menuSmart {display: block;}

body > nav > .wrap > ul {display: none; background-color: #f3f3f3;}
body > nav > .wrap > ul li {width: 100%; border-bottom: 1px solid #e6e6e6;}
body > nav > .wrap > ul > li span,
body > nav > div > ul > li a {padding: 0; text-align: center; color: #232323;}

body > nav > .wrap > ul li:first-child {margin: 0;}

body > nav > .wrap > ul > li:hover > ul {/*display: none;*/ position:relative;}



/* Footer ****************************/

.underFooter ul li {display: block; margin: 0 0 15px 0;}
.underFooter ul li:after {display: none;}

/* Quote ****************************/

.wrap .quote {padding: 30px 15px;}

/* Slider & Gallery ****************************/

.slider {padding: 0;}

.slider .slide_info {top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%; padding: 30px; border-radius: 0;}
.slider .slide_info h2 {width: 100%; font-size: 28px;}
.slider .slide_info > div {width: 100%;}

.slider.digi-slideshow .fleche {display: none;}

.wrap .digi-gallery .fleche {display: none;}

/* Showreel ****************************/

.wrap .showreel {padding: 30px 15px;}

.showreel .content p {width: 100%;}
.showreel .content .video {width: calc(100% - 60px); margin: 30px 0 0 0;}
.showreel .content .video iframe {width: 100%;}

/* Covered Section ****************************/

.wrap .covered-section {padding: 60px 30px;}
.covered-section .content {width: 100%;}
.covered-section .content h2 {font-size: 38px;}

/* Map ****************************/

.j-Gmap, .j-Map {height: 250px;}

/* Hotels ****************************/

.hotel > section {width: 100%;}

.hotel article {display: block;}

.hotel article > div {width: 100%; margin: 0 0 15px 0; padding: 0; border: 0;}
.hotel article > div:last-child {margin: 0;}

.ct-blocs .hotel aside {background-color: #f3f3f3;}
.ct-blocs .hotel aside > div {height: 450px;}
.ct-blocs .hotel aside img {max-height: 450px;}

.ct-blocs .hotel section {margin: 0;}

/* Programme ****************************/

h2.agenda {width: calc(100% - 30px);}

table.agenda {width: calc(100% - 30px);}

/* Participants ****************************/

.attendees .list {padding: 15px;}

.trombi {flex-direction: column;}
.trombi li {width: 75%; margin: 30px auto 0 auto;}

.trombi li figure {width: calc(100% - 30px);}

/* Exposants ****************************/

.exhibitor {flex-direction: column; border-bottom: 1px solid #e6e6e6;}
.exhibitor:last-child {border: 0;}

.exhibitor aside {width: 100%;}
.exhibitor aside img {width: 250px;}

.exhibitor section {width: 100%; border: 0;}

.exhibitor .link {margin: 0; }

.exhibitor article {display: block;}
.exhibitor article > div {margin: 0 0 15px 0; padding: 0; border: 0;}
.exhibitor article > div:last-child {margin: 0;}

.largeList .exhibitor {width: 100%; padding: 30px; margin: 0; border-bottom: 1px solid #fff;}
.largeList .exhibitor:last-child {border: 0;}
.largeList .exhibitor img {height: 150px;}

.smallList .exhibitor {width: 100%; padding: 30px; margin: 0; border-bottom: 1px solid #fff;}
.smallList .exhibitor:last-child {border: 0;}
.smallList .exhibitor img {height: 125px;}

/* Intervenants ****************************/

.person {margin: 0; padding: 0; flex-direction: column;}

.person aside {width: 100%; padding: 30px;}
.person section {margin: 0;}
.person img {width: 50%;}

.largeList {flex-direction: column;}
.largeList .person {width: 75%; margin: 30px auto 0 auto;}

.smallList {flex-direction: column;}
.smallList .person {width: 50%; margin: 30px auto 0 auto;}

/* Sponsors ****************************/

.wrap section.sponsors {padding: 30px 0;}

.sponsors {text-align: center;}

.sponsors ul li {width: calc(100% - 60px); margin: 0 auto; background-color: #f3f3f3;}
.sponsors ul li figure {width: 100%;}
.sponsors ul li figure a {width: 100%; height: auto; padding: 30px; text-align: center;}
.sponsors ul li figure a img {width: auto; height: 50px;}

/* Photos ****************************/

ul.gallery {-moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; column-count: 2;}

/* Conférences ****************************/

.popEvInfo {bottom: -1px; left: -1px; width: calc(100% + 2px); border-radius: 15px 15px 0 0;}

.list_conf section > article {flex-direction: column;}
.list_conf section > article figure {width: 100%;}
.list_conf section > article figure img {width: 100%; height: auto; border-radius: 15px 15px 0 0;}
.list_conf section > article aside {width: 100%;}

.list_conf .persons {flex-direction: row;}

/* Event Calendar ****************************/

.wrap .event-calendar header .prev, .wrap .event-calendar header .next {line-height: 110px;}
.wrap .event-calendar header ul {display: block;}
.wrap .event-calendar header ul li {width: 100%; flex: none; border-bottom: 1px solid #664f73;}
.wrap .event-calendar header ul li:last-child {border: 0;}

.wrap .event-calendar section > ul {display: block;}
.wrap .event-calendar section > ul > li.on {width: 100%; min-height: auto; flex: none;}

.wrap .event-calendar.list section ul li ul li figure {display: none;}
.wrap .event-calendar.list section ul li ul li .info {margin: 0;}
.wrap .event-calendar.list section ul li ul li .date {width: 100%;}

/* All in one Event ****************************/

.event-all > header {flex-direction: column;}
.event-all > header figure {width: 100%;}
.event-all > header figure img {width: 100%; height: auto;}

.event-all > header > .date {width: 100%; padding: 30px;}

.event-all > div {flex-direction: column;}
.event-all > div > section {width: 100%;}
.event-all > div > aside {width: 100%; margin: -30px 0 0 0;}

/* Contacts ****************************/

.contacts > div {display: block;}
.contacts article {width: 100%; margin: 15px 0 0 0;}

/* Catégories Produits ****************************/

.categories article {width: 100%; margin: 15px 0 0 0;}
.categories article:first-child {margin: 0;}
.categories article:nth-child(-n+2) {width: 100%;}

.categories article:nth-child(n+3):nth-child(-n+5), 
.categories article:nth-child(n+10):nth-child(-n+12),
.categories article:nth-child(n+17):nth-child(-n+19) {width: 100%;}

/* Produits ****************************/

.prods > article {width: 50%;}
.prods > article > div > div .quantity-modifier {opacity: 1;}

.prod {flex-direction: column-reverse;}
.prod > aside {width: 100%;}
.prod section.info > div .desc {padding-left:16px; }

.subinfos > div {max-width: 50%;}


/* Formulaires ****************************/

.digiForm article {width: 100%;}

.digiForm .formRadio > label {vertical-align: top;}

.digiForm .formRadio ul li {display: block; margin: 0 0 5px 0;}
.digiForm .formRadio ul li:last-child {margin: 0;}

/* Member / Main ****************************/

section.member.main {flex-direction: column;}
section.member.main > article {width: 100%;}

/* Panier ****************************/

.basket {width: 100%;}
.basket thead {display:none;}
.basket tbody td {display:inline-block;}
.basket td.product {width:60%; display:inline-flex;}
.basket tbody td.qtty {width:40%;  text-align: right;}
.basket tbody td.price {display:block;}
.basket tbody td.price.totalpriceHT::before {content:"Prix HT : ";}
.basket tbody td.price.totalpriceTTC::before {content:"Prix TTC : ";}

.basket tfoot td {display:inline-block;}
.basket tfoot td:first-child {width:67%;}
.basket tfoot td:last-child {width:30%;}

.basket td.product figure {width:50%; padding-right: 10px;}
.basket td.product > article {width:50%;}



/* Authentification ****************************/

section.auth { flex-direction: column;}


/* Process Paiement ****************************/

.payModes li {width: 100%; margin: 0 0 15px 0;}
.payModes li:last-child {margin: 0;}

.cgv {margin: 30px 0 0 0;}