@charset "UTF-8";

* {box-sizing: border-box;margin: 0;    padding: 0;  }
html {box-sizing: border-box;}*, *:before, *:after {box-sizing: inherit;}


.no-js #loader {display: none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 99999;background: #EFC700;}

.sk-chasing-dots {margin: 25% auto;width: 50px;height: 50px;position: relative;text-align: center;-webkit-animation: sk-chasingDotsRotate 2s infinite linear;animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-chasing-dots .sk-child {width: 20px;height: 20px;display: inline-block;position: absolute;top: 0;background-color: #fff;border-radius: 100%;-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-chasing-dots .sk-dot2 {top: auto;bottom: 0;-webkit-animation-delay: -1s;animation-delay: -1s; }

@-webkit-keyframes sk-chasingDotsRotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); } }
@keyframes sk-chasingDotsRotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); } }
@-webkit-keyframes sk-chasingDotsBounce {0%, 100% {-webkit-transform: scale(1);transform: scale(1); } 50% {-webkit-transform: scale(1);transform: scale(1); } }
@keyframes sk-chasingDotsBounce {0%, 100% {-webkit-transform: scale(1);transform: scale(1); }50% {-webkit-transform: scale(1);transform: scale(1); } }



/* HAUT DE PAGE  */
.upPage {display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;overflow: hidden;background: rgba(50,50,50, 0.8) url(../img/picto/up.svg) no-repeat center 50% / 30px;visibility: hidden;opacity:0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;z-index:999}
.upPage.cd-is-visible, .upPage.cd-fade-out, .no-touch .upPage:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.upPage.cd-is-visible {visibility: visible;opacity: 1;} 



/* FLÈCHE BOUNCE */
.animated-infinite { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } 
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } 
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } 


.fleche{width:100%;position:absolute;bottom:15%;left:0;z-index:101}
.fleche img{margin:0 auto;display:block;z-index:101}


/*  SECTIONS  */
.section {clear: both;padding: 0px;margin: 0px;}
.row {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;clear: both;margin: 0 auto;}

/*  GROUPING  */
.group:before, .group:after, .row:after { content:""; display:table; }
.group:after, .row:after { clear:both;}


.reverse{flex-direction:row-reverse}
.centerItem{ -webkit-align-items: center;align-items: center;}
.bottomItem{ -webkit-align-items: baseline;align-items: baseline;}
.topItem{ -webkit-align-items: flex-start;align-items: flex-start;}	
.wrap {flex-wrap: wrap;}


/*  COLUMN SETUP  */
.col, .noMarg, .reverseCol {display: block;float:left;}
.noMarg{margin:0}

.col, .reverseCol{margin: 1% 4% 1% 0;}
.col:last-child, .last, .reverseCol:first-child{ margin-right: 0; }


/* noMarg 0%*/
.no_12_of_12 {width: 100%;}
.no_11_of_12 {width: 91.66%;}
.no_10_of_12 {width: 83.33%;}
.no_9_of_12 {width: 75%;}
.no_8_of_12 {width: 66.66%;}
.no_7_of_12 {width: 58.33%;}
.no_6_of_12 {width: 50%;}
.no_5_of_12 {width: 41.66%;}
.no_4_of_12 {width: 33.33%;}
.no_3_of_12 {width: 25%;}
.no_2_of_12 {width: 16.66%;}
.no_1_of_12 {width: 8.333%;}

/* MARGE 3% */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.33%;}
.span_10_of_12 {width: 82.66%;}
.span_9_of_12 {width: 74%;}
.span_8_of_12 {width: 65.33%;}
.span_7_of_12 {width: 56.66%;}
.span_6_of_12 {width: 48%;}
.span_5_of_12 {width: 39.33%;}
.span_4_of_12 {width: 30.66%;}
.span_3_of_12 {width: 22%;}
.span_2_of_12 {width: 13.33%;}
.span_1_of_12 {width: 4.666%;}


.col.span_1_of_12:nth-child(12n+0),
.col.span_2_of_12:nth-child(6n+0),
.col.span_3_of_12:nth-child(4n+0),
.col.span_4_of_12:nth-child(3n+0),
.col.span_6_of_12:nth-child(2n+0)
{margin-right:0}



/* GRID FOR TEXT */
.colTxt{-webkit-column-gap: 4%;-moz-column-gap: 4%;column-gap: 4%;}
.txt2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.txt3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.txt4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.txt6 {-webkit-column-count: 6;-moz-column-count: 6;column-count: 6;}



@media only screen and (max-width: 768px) {

.row {clear:both;display:block;}
.col {margin: 0 0 30px 0;}
.col:last-child, .col.last{margin-bottom:0}


.col.span_1_of_12,
.col.span_2_of_12, 
.col.span_3_of_12 {margin: 1% 4% 1% 0;}


.span_1_of_12 {width: 13.33%;}
.span_2_of_12 {width: 30.66%;}
.span_3_of_12 {width: 48%;}


.span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, 
.no_1_of_12, .no_2_of_12, .no_3_of_12, .no_4_of_12, .no_5_of_12, .no_6_of_12, .no_7_of_12, .no_8_of_12, .no_9_of_12, .no_10_of_12, .no_11_of_12, .no_12_of_12 {width: 100%;}

.col.span_1_of_12:nth-child(6n+0),
.col.span_2_of_12:nth-child(3n+0),
.col.span_3_of_12:nth-child(2n+0) {margin-right:0}


.upPage {height:30px;width:30px;background-size:20px;}

}

@media only screen and (max-width: 480px) {
.colTxt{-webkit-column-gap: 0%;-moz-column-gap: 0%;column-gap: 0%;}
.txt2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.txt3 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.txt4 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.txt6 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}


}