@charset "UTF-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800);


.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: 9999;background: #222;}

.spinner {margin: 27% auto;width: 50px;height: 60px;text-align: center;font-size: 10px;}
.spinner > div {background-color: #fff;height: 100%;width: 6px;margin-right:4px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

@-webkit-keyframes sk-stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  20% { -webkit-transform: scaleY(1.0) }}
@keyframes sk-stretchdelay {0%, 40%, 100% { transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  20% { transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}



/* HAUT DE PAGE  */
.upPage {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;overflow: hidden;background: rgba(114,190,4, 0.8) url(../img/up.png) 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;}
.upPage.cd-fade-out {opacity: 0.5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}







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

.last {margin: 0;}
.reverse{flex-direction:row-reverse}
.centerItem{ -webkit-align-items: center;align-items: center;}

		
/*  COLUMN SETUP  */
.col, .noMarg {display: block;float:left;}
.noMarg{margin:0}
.col{margin: 1% 3% 1% 0;}
.col:last-child, .last{ 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.41%;}
.span_10_of_12 {width: 82.83%;}
.span_9_of_12 {width: 74.25%;}
.span_8_of_12 {width: 65.66%;}
.span_7_of_12 {width: 57.08%;}
.span_6_of_12 {width: 48.5%;}
.span_5_of_12 {width: 39.91%;}
.span_4_of_12 {width: 31.33%;}
.span_3_of_12 {width: 22.75%;}
.span_2_of_12 {width: 14.16%;}
.span_1_of_12 {width: 5.583%;}




/* GRID FOR TEXT */

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



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {

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

.span_1_of_12, .span_2_of_12, .span_3_of_12, .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%;}

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

}