@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: #0d4dff;}

.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: 20%;-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(13,77,255, 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  */

.row {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;clear: both;margin: 0 auto;}

/*  GROUPING  */
.row:after { content:""; display:table; 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;justify-content: center;}

/*  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 {width: 100%;}
.no_11 {width: 91.66%;}
.no_10 {width: 83.33%;}
.no_9 {width: 75%;}
.no_8 {width: 66.66%;}
.no_7 {width: 58.33%;}
.no_6 {width: 50%;}
.no_5 {width: 41.66%;}
.no_4 {width: 33.33%;}
.no_3 {width: 25%;}
.no_2 {width: 16.66%;}
.no_1 {width: 8.333%;}

/* MARGE 3% */
.col_12 {width: 100%;}
.col_11 {width: 91.33%;}
.col_10 {width: 82.66%;}
.col_9 {width: 74%;}
.col_8 {width: 65.33%;}
.col_7 {width: 56.66%;}
.col_6 {width: 48%;}
.col_5 {width: 39.33%;}
.col_4 {width: 30.66%;}
.col_3 {width: 22%;}
.col_2 {width: 13.33%;}
.col_1 {width: 4.666%;}


/*.col_1:nth-child(12n+0),
.col_2:nth-child(6n+0),
.col_3:nth-child(4n+0),
.col_4:nth-child(3n+0),
.col_6: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_1 {width: 13.33%;}
.col_2 {width: 30.66%;}
.col_3 {width: 48%;}


.no_12, .no_11, .no_10, .no_9, .no_8, .no_7, .no_6, .no_5, .no_4 , .no_3, .no_2 , .no_1,
.col_12, .col_11,  .col_10,  .col_9,  .col_8,  .col_7,  .col_6,  .col_5,  .col_4,  .col_3, .col_2, .col_1{width:100%} 



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

}