@charset "UTF-8";

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

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.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:#73913D;}

.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(55,55,55, 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;justify-content: left;}
.row:after { content:""; display:table; clear:both;}


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


.wrapCenter{justify-content: center;}
.reverse{flex-direction:row-reverse}
.centerItem{ -webkit-align-items: center;align-items: center;}
.bottomItem{ -webkit-align-items: flex-end;align-items: flex-end;}
.topItem{ -webkit-align-items: flex-start;align-items: flex-start;}	
.wrap {flex-wrap: wrap;justify-content: center;}
.nowrap {flex-wrap:nowrap;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 4% */
.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: 40px;-moz-column-gap: 40px;column-gap: 40px;}
.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{display:block ;}
.upPage {height:30px;width:30px;background-size:20px;}

.col:last-child, .col.last{margin-bottom:0}
.col{margin:10px 4% 10px 0;float: left}


.reverseCol{margin:0}

.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)
{margin-right:4%}


.col.col_12, .col.col_11,  .col.col_10,  .col.col_9,  .col.col_8,  .col.col_7,  .col.col_6,  .col.col_5,  .col.col_4,  .col.col_3, .col.col_2, .col.col_1{margin:10px 0} 
.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%;} 

.col.md-11,  .col.md-10,  .col.md-9,  .col.md-8,  .col.md-7,  .col.md-6,  .col.md-5,  .col.md-4,  .col.md-3, .col.md-2, .col.md-1{margin:10px 4% 10px 0;} 
 
.md-1:nth-child(12n+0),
.md-2:nth-child(6n+0),
.md-3:nth-child(4n+0),
.md-4:nth-child(3n+0),
.md-6:nth-child(2n) 
{margin-right:0}

.col.md-12{margin-right: 0;}
.md-12 {width: 100%;}
.md-11 {width: 91.33%;}
.md-10 {width: 82.66%;}
.md-9 {width: 74%;}
.md-8 {width: 65.33%;}
.md-7 {width: 56.66%;}
.md-6 {width: 48%;}
.md-5 {width: 39.33%;}
.md-4 {width: 30.66%;}
.md-3 {width: 22%;}
.md-2 {width: 13.33%;}
.md-1 {width: 4.666%;}

.md-12 + .md-6{margin-right: 4%}

}

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


.col.sm-12{margin-right: 0;}

.sm-12 {width: 100%;}
.sm-11 {width: 91.33%;}
.sm-10 {width: 82.66%;}
.sm-9 {width: 74%;}
.sm-8 {width: 65.33%;}
.sm-7 {width: 56.66%;}
.sm-6 {width: 48%;}
.sm-5 {width: 39.33%;}
.sm-4 {width: 30.66%;}
.sm-3 {width: 22%;}
.sm-2 {width: 13.33%;}
.sm-1 {width: 4.666%;}

.sm-4:nth-child(3n+0){margin-right: 0;}


}