html {
    height: 100%;
    margin: 0;
    padding: 0;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 100%;
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
body{
	margin:0;
	padding:0;
	font-family: 'Roboto', 'helvetica',sans-serif; 
    font-size: 12px;  
    font-weight: 400;
    text-rendering: optimizelegibility;
	color:#575759;
	width:100%;
	height:100%;
}
@font-face {
    font-family: 'libre';
    src: url('./fonts/libre.eot');
    src: url('./fonts/libre.eot?#iefix') format('embedded-opentype'),
         url('./fonts/libre.woff2') format('woff2'),
         url('./fonts/libre.woff') format('woff'),
         url('./fonts/libre.ttf') format('truetype'),
         url('./fonts/libre.svg#libre') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futura';
    src: url('./fonts/futura.eot');
    src: url('./fonts/futura.eot?#iefix') format('embedded-opentype'),
         url('./fonts/futura.woff2') format('woff2'),
         url('./fonts/futura.woff') format('woff'),
         url('./fonts/futura.ttf') format('truetype'),
         url('./fonts/futura.svg#futura') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: "Flaticon";
  src: url("./fonts/Flaticon.eot");
  src: url("./fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./fonts/Flaticon.woff") format("woff"),
       url("./fonts/Flaticon.ttf") format("truetype"),
       url("./fonts/Flaticon.svg#flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./fonts/Flaticon.svg#Flaticon") format("svg");
  }
}
*{margin: 0;padding: 0;}
.transition{ -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; -ms-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}
.transitionMin{ -webkit-transition: 0.1s ease-out 0s; -moz-transition: 0.1s ease-out 0s; -o-transition: 0.1s ease-out 0s; -ms-transition: 0.1s ease-out 0s; transition: 0.1s ease-out 0s;}
.transition2{ -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; transition: 0.5s ease 0s;}
.transitionAll *{ -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; -ms-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}
.transitionAll2 *{ -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; transition: 0.5s ease 0s;}

h1,h2,h3,h4,h5{font-weight: normal;font-size: inherit;}
*,*::before, *::after {box-sizing: border-box;}
p{margin: 0}
/*******MARGIN***********/
.top-1{margin-top:-1px;}
.left-1{margin-left:-1px;}
.right-1{margin-right:-1px;}
.bottom-1{margin-bottom:-1px;}
.bottom5{margin-bottom:5px}
.bottom10{margin-bottom:10px}
.bottom20{margin-bottom:20px}
.bottom30{margin-bottom:30px}
.bottom40{margin-bottom:40px}
.bottom50{margin-bottom:50px}
.bottom90{margin-bottom:90px;}
.bottom100{margin-bottom:100px;}
.top5{margin-top:5px;}
.top8{margin-top:8px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}
.top100{margin-top:100px;}
.top10P{margin-top:10%;}
.top12P{margin-top:12.5%;}
.top25P{margin-top:25%;}
.top50P{margin-top:50%;}
.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.l0{left:0;}
.t0{top:0}
.r0{right:0}
.l15P{left:15%;}
.l-10P{left:-10%;}
.l10P{left:10%;}
.l20P{left:20%;}
.left30{margin-left:30px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left80{margin-left:80px;}
.left100{margin-left:100px;}
.left2P{margin-left:2%;}
.left4P{margin-left:4%;}
.left5P{margin-left:5%;}
.auto{margin:0 auto}
.autolr{margin-left:auto;margin-right:auto}
.padB10{padding-bottom:10px}
.padB30{padding-bottom:30px}
.padB40{padding-bottom:40px}
.padT10{padding-top:10px}
.padT20{padding-top:20px}
.padT5P{padding-top:5%}
.pad5{padding:5px}
.pad510{padding:5px 10px}
.pad10{padding:10px}
.pad2010{padding:20px 10px}
.pad20{padding:20px}
.pad30{padding:30px}
.pad50{padding:5px 0}
.pad100{padding:10px 0}
.pad200{padding:20px 0}
.pad010{padding:0 10px}
.pad105{padding:10px 5px}
.pad020{padding:0 20px}
.pad030{padding:0 30px}
.pad520{padding:5px 20px !important}
.pad205{padding:20px 5px !important}
.padLR50{padding-left:50px !important;padding-right:50px !important}
.padLR100{padding-left:100px !important;padding-right:100px !important}
.pad1020{padding:10px 20px !important}
.pad5{padding:5px;}
.pad05{padding:0 5px;}
.pad04P{padding:0 4%;}
.pad5404P{padding:5% 4% 0 4%;}
.pad2P5P{padding:2% 5%;}
.pad2P{padding:2%;}
.pad5P{padding:5%;}
.pad5020P{padding:5% 0 2% 0;}
.pad5P0{padding:5% 0;}
.pad2P0{padding:2% 0;}
.padL5 {padding-left: 5px;}
.padL10 {padding-left: 10px;}
.padL20 {padding-left: 20px;}
.padL30 {padding-left: 30px;}
.padL1P {padding-left: 1%;}
.padL2P {padding-left: 2%;}
.padL5P {padding-left: 5%;}
.padL10P {padding-left: 10%;}
.padR5 {padding-right: 5px;}
.padR10 {padding-right: 10px;}
.padR20 {padding-right: 20px;}
.padR30 {padding-right: 30px;}
.padR1P {padding-right: 1%;}
.pad05P{padding: 0 5%}
.pad510P{padding: 5% 10%}
.pad020P{padding: 0 20%}
.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right1P{margin-right:1%;}
.right2P{margin-right:2%;}

/*******POSITION***********/

.left{float:left}
.right{float:right}
.spacer{clear:both}
.center{text-align:center}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.hidden{overflow:hidden}
.hide{visibility: hidden;}
.block{display:block}
.inblock{display:inline-block}
.table{display:table}
.cell{display:table-cell;vertical-align:middle}
.row{display:table-row}
.none{display:none}
.nonePc{display:none}
a{cursor:pointer;color:inherit;text-decoration:none;}
.z1{z-index: 1}
.z2{z-index: 2}
.z10{z-index: 10}
.z19{z-index: 19}
.z999{z-index: 999}

/*******APPARENCE***********/
.radius{border-radius: 5px}
.rond{border-radius: 50%}
.ombre{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2)}
.ombre2{box-shadow:0 1px 20px -8px rgba(0, 0, 0, 0.5)}
.ombreBloc{box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.9);}
.ombreInset{box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.15) inset;}
ul li{list-style:none}
img{border:none}
.radius30{border-radius: 30px;}
.line12{line-height:12px;}
.line15{line-height:15px;}
.line18{line-height:18px}
.line20{line-height:20px}
.line22{line-height:22px;}
.line25{line-height:25px;}
.line28{line-height:25px;}
.line30{line-height:30px;}
.line35{line-height:35px;}
.line40{line-height:40px}
.line45{line-height:45px}
.line50{line-height:50px}
.line60{line-height:60px}
.line80{line-height:80px}
.line90{line-height:90px}
.line100{line-height:100px}
.line120{line-height:120px}
.scrollY{overflow-y: auto;overflow-x: hidden;}
.scrollY.hid{overflow: hidden !important;}
.op0{opacity:0}
.op05{opacity:0.5}
.op07{opacity:0.7}
.op1{opacity:1}
/*******WIDTH***********/
.w20vw{width: 20vw}
.h20vw{height: 20vw}
.w15{width:15px}
.w20{width:20px}
.w25{width:25px}
.w30{width:30px}
.w35{width:35px}
.w40{width:40px}
.w50{width:50px}
.w55{width:55px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w85{width:85px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w140{width:140px}
.w150{width:150px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}
.w220{width:220px}
.w240{width:240px}
.w250{width:250px}
.w260{width:260px}
.w270{width:270px}
.w280{width:280px}
.w290{width:290px}
.w300{width:300px}
.w320{width:320px}
.w350{width:350px}
.w400{width:400px}
.w420{width:420px}
.w440{width:440px}
.w500{width:500px}
.w550{width:550px}
.w560{width:560px}
.w580{width:580px}
.w600{width:600px}
.w650{width:650px}
.w730{width:730px}
.w740{width:740px}
.maxw500{max-width:500px}
.maxw600{max-width:600px}
.maxw800{max-width:800px}
.maxw1200{max-width:1200px}
.maxw1400{max-width:1400px}
.w3P{width:3%}
.w4P{width:4%}
.w5P{width:5%}
.w6P{width:6%}
.w8P{width:8%}
.w9P{width:9%}
.w10P{width:10%}
.w12P{width:12%}
.w13P{width:13%}
.w14P{width:14%}
.w15P{width:15%}
.w18P{width:18%}
.w19P{width:19%}
.w20P{width:20%}
.w21P{width:21%}
.w22P{width:22%}
.w24P{width:24%}
.w25P{width:25%}
.w28P{width:28%}
.w29P{width:29%}
.w30P{width:30%}
.w32P{width:32%}
.w33P{width:33.3%}
.w34P{width:34%}
.w35P{width:35%}
.w40P{width:40%}
.w41P{width:41%}
.w44P{width:44%}
.w45P{width:45%}
.w46P{width:46%}
.w48P{width:48%}
.w49P{width:49%}
.w50P{width:50%}
.w55P{width:55%}
.w59P{width:59%}
.w60P{width:60%}
.w65P{width:65%}
.w68P{width:68%}
.w70P{width:70%}
.w75P{width:75%}
.w77P{width:77%}
.w80P{width:80%}
.w85P{width:85%}
.w88P{width:88%}
.w90P{width:90%}
.w95P{width:95%}
.w96P{width:96%}
.w98P{width:98%}
.w100P{width:100%}
.w26P{width:26%}
.h0{height:0px}
.h15{height:15px}
.h18{height:18px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h35{height:35px}
.h40{height:40px}
.h45{height:45px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}
.h120{height:120px}
.h130{height:130px}
.h140{height:140px}
.h150{height:150px}
.h200{height:200px}
.h220{height:220px}
.h280{height:280px}
.h300{height:300px}
.h400{height:400px}
.h500{height:500px}
.h10P{height:10%}
.h20P{height:20%}
.h25P{height:25%}
.h33P{height:33.333%}
.h35P{height:35%}
.h40P{height:40%}
.h45P{height:45%}
.h50P{height:50%}
.h55P{height:55%}
.h60P{height:60%}
.h70P{height:70%}
.h75P{height:75%}
.h80P{height:80%}
.h90P{height:90%}
.h100P{height:100%}
.w0{width:0%;border:none !important}
.maxh200{max-height:200px}
.maxh480{max-height:480px}


/*******BORDER***********/
.br{border-right:1px solid #ccc;}
.bro{border-right:1px solid #FD3F26;}
.bl{border-left:1px solid #ccc}
.blo{border-left:1px solid #FD3F26}
.bt{border-top:1px solid #ccc;}
.btbl{border-top:1px solid rgba(54,158,173,.3);}
.bto{border-top:1px solid #FD3F26;}
.bb{border-bottom:1px solid #ccc}
.bbn{border-bottom:1px solid #444}
.bb05{border-bottom:1px solid rgba(204,204,204,.5);}
.bt05{border-top:1px solid rgba(204,204,204,.5);}
.bbo{border-bottom:1px solid #FD3F26}
.btn{border-top:1px solid #999}
.bn{border:none}
.ba{border:1px solid #ccc}
.ba5bl{border:5px solid #fff}

/*******BACKGROUND***********/
.fg{background-color:#eee}
.fe6{background-color:#e6e6e6}
.fc{background-color: rgba(0,0,255,0.6)}
.fm{background-color: rgba(255,0,0,0.6)}
.fj{background-color: rgba(0,255,0,0.6)}
.fde{background-color:#e3e3e3}
.f9{background-color:#999}
.ff2{background-color:#f2f2f2}
.fn{background-color:#000}
.fn1{background-color:#111}
.fn2{background-color:#222}
.fn50{background-color:rgba(0,0,0,0.3)}
.fn3{background-color:#333}
.fb{background-color:#fff}
.fb50{background-color:rgba(255,255,255,0.5)}
.fn07{background-color:rgba(0,0,0,0.7)}
.fbl{background-color: #0099CC}
.ligneTab:nth-child(even),.ligneTab2:nth-child(even) {background-color: #fff;}
.ligneTab:nth-child(odd),.ligneTab2:nth-child(odd) {background-color: #eee;}
.fo{background-color: #FD3F26}
.fond{background-image:url('../images/fond.jpg');background-repeat: repeat; background-attachment: fixed;}

/*******COULEUR***********/
.blanc{color:#ffffff;}
.noir{color:#575759}
.n222{color:#222}
.gccc{color:#ccc;}
.g999{color:#999;}
.g666{color:#666;}
.gd6{color:#d6d6d6;}
.orange{color:#FD3F26;}
.vert {color: #4BAD08;}
.jaune {color: #FFCC33;}
.bleu {color: #0099CC;}

/*******FONTS***********/
.libre{font-family: 'libre'}
.futura{font-family: 'futura'}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font35{font-size:35px;}
.font40{font-size:40px;}
.font50{font-size:50px;}
.font120{font-size:120px;}
.font100{font-weight:100;letter-spacing: 0 !important}
.font300{font-weight:300}
.font400{font-weight:400}
.font500{font-weight:500}
.font700{font-weight:700}
.font900{font-weight:900}
.light{font-weight: 100}
.bold{font-weight: bold}
.upper{text-transform:uppercase;}
.capital{text-transform:capitalize;}
.lower{text-transform:lowercase;}
.pointer{cursor:pointer}
.grab{cursor: move; cursor: grab;cursor: -moz-grab;cursor: -webkit-grab;}
.grab:active {cursor: grabbing;cursor: -moz-grabbing;cursor: -webkit-grabbing;}
.grab:active .drag:after{background-image: url('../images/arrows.gif');background-repeat: no-repeat;height: 20px;width: 35px;position: absolute;content: "";}
.italic{font-style:italic}
.barre{text-decoration:line-through}
.underline{text-decoration:underline}
.nounder{text-decoration:none}
.center{text-align:center}
.justify{text-align:justify}
.justcenter{text-align: justify;-moz-text-align-last: center;text-align-last: center;}
.txtRight{text-align:right}
.txtLeft{text-align:left}
.etc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.letter1{letter-spacing: 0.5px}
.letter3{letter-spacing: 3px}
.letter5{letter-spacing: 5px}
.letter10{letter-spacing: 10px}
.txtombre{text-shadow: 0 2px 2px #000000}



/*******FORM***********/
select {font-family: 'Roboto';font-size:14px;background: transparent;border:none;outline:none;display: inline-block;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;cursor:pointer;padding-right: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0  !important;width:100% !important;height:30px}
@media screen and (-webkit-min-device-pixel-ratio:0) {select {padding-left:5px;padding-right:25px}}
label.select {position:relative;padding: 0;display: block;height: 35px;line-height: 35px}
label.select::after {content: "↕";font-size: 18px;pointer-events: none;position: absolute;right: 0;text-align: center;top: 0px;width: 24px;height: 30px;line-height: 30px;box-sizing: inherit;}
.input::after,.check::after, .textarea::after {box-sizing: inherit;font-size: 14px;line-height: 30px;height: 30px;pointer-events: none;position: absolute;right: 0;text-align: center;top: 0;width: 24px;}
.combo::after {box-sizing: inherit;font-size: 14px;line-height: 35px;height: 35px;pointer-events: none;position: absolute;left: 0;text-align: center;top: 0;width: 24px;}
.combo.line30::after,.check.line30::after {line-height: 30px !important;height: 30px !important}
label.select::before {background: transparent none repeat scroll 0 0;content: "";display: block;height: 35px;pointer-events: none;position: absolute;right: 0;top: 0;width: 24px;box-sizing: inherit;}
label.select.pad0::after,label.select.pad0::before {height: 25px !important;line-height: 25px !important}
option {padding: 5px 0; color:#999 !important}
option:nth-child(even){background-color: #eee;}
option:nth-child(odd){background-color: #fff;}
input{font-family: 'Roboto';background-color: transparent;border:none;resize:none;font-size:14px;text-align: inherit;padding-left:5px;color: #575759;outline:none;}
input.vert{color:#72BF66 !important}
input.orange{color:#FD3F26 !important}
textarea{border: none;resize: none;color: #575759;font-size: 14px;font-weight: 400;font-family: 'Roboto';background-color: transparent;padding: 10px 0 0 5px;}
input[type=file]{padding:3px 0 3px 2px;resize:none;border-radius:5px}
input[readonly=readonly],input[readonly=readonly]:focus{background-color:transparent;color:#999 !important;cursor:default;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;-o-user-select:none;user-select:none;outline:none;}
button {color: inherit;}

.select.disabled,.ms-choice.disabled  {background-color:#eee;}
.input,.check,.combo {position:relative;line-height: 35px;height: 35px; }
.textarea {position: relative}
.check.line30,.combo.line30 {line-height: 30px !important;height: 30px !important}
.placeholder{top:0;left:0;height: 33px;line-height: 33px}
.placeholder.active{left: 0;top: -5px;line-height: 10px;height: 10px;font-size: 11px;color:#0099CC}
/*******POPUP***********/
.popup{margin:0 auto;width:100%}
#popupContact,#popupImg,#blocContact{background:#222;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99;opacity:0.7}
#popupContenu{background-color:#fff;box-shadow:0 3px 10px 0 #222;display:none;padding:10px;position:fixed;z-index:100;border-radius: 5px;}
#popupLoad {background:rgba(255, 255, 255, 0.7) url("../images/loading3.gif") no-repeat scroll center center;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:4;}
#popupBlanc {background-color: rgba(255, 255, 255, 0.7);bottom: 0;display: none;left: 0;position: fixed;right: 0;top: 0;z-index: 2;}
.loading {background-image:url("../images/loader_n.gif");background-position: center;background-repeat: no-repeat;}
.loadingb {background-image:url("../images/loader_b.gif");background-position: center;background-repeat: no-repeat;}
.loadingb.gauche {background-position: -30px center}
.loadingb.droite {background-position: 30px center}
#loading {background-image:url("../images/loader.gif");background-position: center 60%;background-repeat: no-repeat;}
#divinfos.loading {background-image:  url("../images/loading3.gif"),url('../images/fond.jpg');background-position: center;background-repeat: no-repeat,repeat;background-attachment: fixed;}
.croix:hover{color: #fc507a;}

/*******BOUTON***********/
.bouton {cursor:pointer}
.bouton.fg {border:1px solid #eee}
.bouton.fn2 {border:1px solid #222}
.bouton.link {border:1px solid #999}
.bouton.fn1 {border:1px solid #111}
.bouton.fb,.bouton.trans{border:1px solid #fff}
.bouton.fo,.bouton.trans.orange {border:1px solid #FD3F26}

.bouton.fg:hover {color:#eee;background-color: transparent !important;border:1px solid #eeeeee}
.bouton.fn2:hover {color:#222;background-color: transparent !important;border:1px solid #222}
.bouton.link:hover {color:#FD3F26;background-color: transparent !important;border:1px solid #FD3F26}
.bouton.fn1:hover {color:#FD3F26;background-color: transparent !important;border:1px solid #FD3F26}
.bouton.fb:hover{color:#fff;background-color: transparent !important;border:1px solid #fff}
.bouton.fo:hover {color:#FD3F26;background-color: transparent !important;border:1px solid #FD3F26}
.bouton.trans:hover {color:#ffffff;background-color: rgba(0,0,0,0.8) !important;border:1px solid #ffffff}
.bouton.trans.orange:hover {color:#fff;background-color: #FD3F26 !important;border:1px solid #FD3F26}

.switch {background-color: white;background-image: linear-gradient(to bottom, #e0e0e0, white 25px);border-radius: 18px;box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;cursor: pointer;padding: 3px;}
.curseur{background-color: #eceeef;border-radius: inherit;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;height: inherit;font-family: "Flaticon";content: "\f10b" !important;font-size:13px}
.switch.off .curseur::before{opacity:1}
.switch.off .curseur::after{opacity:0}

.curseur.pos{background-color: rgba(114, 191, 102,0.4) !important;}
.curseur.neg{background-color: rgba(252, 63, 38,0.3)  !important;}
/*.curseur.pos::after{color: #72BF66 !important;}
.curseur.neg::after{color: #FD3F26  !important;}*/

/*.switch.off .curseur {background-color: #b4b4b4 !important;}*/
.switch.off .curseur {background-color: #eceeef !important;}

.curseur::after,.curseur::before{line-height: 1;margin-top: -0.5em;position: absolute;top: 50%;-webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; -ms-transition: 0.3s ease 0s; transition: 0.3s ease 0s;text-align: center;width:60%}
.curseur::after {color: white;content: "\f117";text-shadow: 0 1px rgba(0,0,0, 0.2);left:0}

/*.curseur::before {color: #fff;content: "\f10a";text-shadow: 0 1px rgba(0, 0, 0, 0.5);right:0;opacity:0}*/
.curseur::before {color: #aaa;content: "\f10a";text-shadow: 0 1px rgba(255, 255, 255, 0.5);right:0;opacity:0}


/*.switch.off .curseur.rep {background-color: #eceeef !important;}
.curseur.rep::before {color: #aaa;content: "\f10a";text-shadow: 0 1px rgba(255, 255, 255, 0.5);right:0;opacity:0}*/

.curseur.rep{background-color: #0099CC !important;}
.curseur.rep::after,.curseur.rep::before {font-family: "Flaticon";content: "\f10c" !important;font-size:16px}
.point{background: white linear-gradient(to bottom, white 40%, #f0f0f0) repeat scroll 0 0;border-radius: 10px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);height: 18px;left: calc(100% - 22px);position: absolute;top: 4px;width: 18px;}
.switch.off .point{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);left: 4px !important;}
.switch.h30 .point {height: 28px !important;width:28px !important;border-radius: 15px !important;left: calc(100% - 32px);}
.switch.h15 .point {height: 13px !important;width:13px !important;border-radius: 15px !important;left: calc(100% - 17px);}
.switch.h18 .point {height: 16px !important;width:16px !important;border-radius: 15px !important;left: calc(100% - 20px);}
/*.switch:hover .point{left: calc(100% - 26px)}
.switch.rep:hover .point{left: calc(100% - 36px) !important}
.switch.off:hover .point{left: 8px !important}*/


/***********BLOCK****************/

.bloc3{margin-left: 5%}
.bloc4{margin-left: 4%}
.bloc5{margin-left: 2.5%}
.bloc3:nth-child(3n+1),.bloc4:nth-child(4n+1),.bloc5:nth-child(5n+1){margin-left: 0 !important}

.para {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.footer{
	background-image:url('../images/fond.jpg');background-repeat: repeat; background-attachment: fixed;
}
.after::after {background-color:#000;content: "";height: 100%;left: 0;opacity: 0.8;position: absolute;top: 0;width: 100%;}
.blur{filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px);}

/***********ICONS****************/
.icon:before, .icon:after {font-family: "Flaticon";font-style: 1rem}
.icon.calc:after { content: "\f100"; }
.icon.close:after { content: "\f101"; }
.icon.coche:after { content: "\f102"; }
.icon.coche.active:after { content: "\f103"; }
.icon.delete:after { content: "\f104"; }
.icon.graph:after { content: "\f105"; }
.icon.link:after { content: "\f106"; }
.icon.logout:after { content: "\f107"; }
.icon.menu:after { content: "\f108"; }
.icon.moreless:after { content: "\f109"; }
.icon.non.valide:after { content: "\f10a"; }
.icon.plus:after { content: "\f10b"; }
.icon.repeat:after { content: "\f10c"; }
.icon.search:after { content: "\f10d"; }
.icon.secure:after { content: "\f10e"; }
.icon.stat:after { content: "\f10f"; }
.icon.type1:after { content: "\f110"; }
.icon.type2:after { content: "\f111"; }
.icon.type3:after { content: "\f112"; }
.icon.type4:after { content: "\f113"; }
.icon.up:after { content: "\f114"; }
.icon.user:after { content: "\f115"; }
.icon.users:after { content: "\f116"; }
.icon.valide:after { content: "\f117"; }
.icon.download:after { content: "\f118"; }

.canvasjs-chart-credit{display: none !important}

.altr:hover::before,.altl:hover::before{-webkit-transition: 3s ease 1s; -moz-transition: 3s ease 1s; -o-transition: 3s ease 1s; -ms-transition: 3s ease 1s; transition: 3s ease 1s;}

.altr[alt]:hover::before{background-color:#222;opacity:1;color:#fff;content:attr(alt);font-size:12px;font-weight:500;left:calc(100% + 10px);height:30px;line-height:30px;position:absolute;text-align:left;bottom:0;white-space:nowrap;z-index:999;top:calc(50% - 15px);padding: 0 5px;font-family: 'Roboto', 'helvetica',sans-serif; }
.altl[alt]:hover::before{background-color:#222;opacity:1;color:#fff;content:attr(alt);font-size:12px;font-weight:500;right:calc(100% + 10px);height:30px;line-height:30px;position:absolute;text-align:left;bottom:0;white-space:nowrap;z-index:999;top:calc(50% - 15px);padding: 0 5px;font-family: 'Roboto', 'helvetica',sans-serif; }