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%;
}
body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif; 
    font-size: 12px;  
    font-weight: 400;
    text-rendering: optimizelegibility;
	color:#575759;
	background-color:#fff;
	overflow-x: hidden;
	overflow-y: auto;
	width:100%;
	height:100%;
}
@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;}
.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;}

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;}
.top5{margin-top:5px;}
.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;}
.l0P{left:0%;}
.l15P{left:15%;}
.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}
.padT30{padding-top:30px}
.pad5{padding:5px}
.pad10{padding:10px}
.pad20{padding:20px}
.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;}
.pad2P{padding:2%;}
.padL5 {padding-left: 5px;}
.padL10 {padding-left: 10px;}
.padL20 {padding-left: 20px;}
.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;}
.padR1P {padding-right: 1%;}
.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}
.block{display:block}
.inblock{display:inline-block}
.table{display:table}
.cell{display:table-cell;vertical-align:middle}
.row{display:table-row}
.none{display:none}
.noneMobile{display:none}
a{cursor:pointer;color:inherit;text-decoration:none;}
.z1{z-index: 1}
.z2{z-index: 2}
.z10{z-index: 10}
.z999{z-index: 999}

/*******APPARENCE***********/
.radius{border-radius: 5px}
.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: 0 0 20px rgba(0, 0, 0, 0.5);}
#tinymce ul{padding-left: 30px}
ul.list li{list-style:none}
img{border:none}
.radius30{border-radius: 30px;}
.line10{line-height:10px;}
.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;}
.line40{line-height:40px}
.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;}
.op0{opacity:0}
.op1{opacity:1}
/*******WIDTH***********/
.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}
.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}
.w730{width:730px}
.w740{width:740px}
.maxw600{max-width:600px}
.maxw1200{max-width:1200px}
.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}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h40{height:40px}
.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}
.h10P{height:10%}
.h20P{height:20%}
.h25P{height:25%}
.h33P{height:33.333%}
.h40P{height:40%}
.h45P{height:45%}
.h50P{height:50%}
.h60P{height:60%}
.h80P{height:80%}
.h100P{height:100%}
.w0{width:0%;border:none !important}
.maxh200{max-height:200px}
.maxh480{max-height:480px}


/*******BORDER***********/
.br{border-right:1px solid #ccc;}
.bl{border-left:1px solid #ccc}
.bt{border-top:1px solid #ccc;}
.bb{border-bottom:1px solid #ccc}
.bn{border:none}
.ba{border:1px solid #ccc}

/*******BACKGROUND***********/
.fg{background-color:#eee}
.fde{background-color:#e3e3e3}
.ff2{background-color:#f2f2f2}
.fn{background-color:#303841}
.fn2{background-color:#3A4552}
.fn3{background-color:#404C59}
.fb{background-color:#fff}
.f9{background-color:#999}
.f6{background-color:#666}
.ligneTab:nth-child(even),.ligneTab2:nth-child(even) {background-color: #fff;}
.ligneTab:nth-child(odd),.ligneTab2:nth-child(odd) {background-color: #eee;}
.fr{background-color: #EB4C36}
.fbl{background-color: #1587C5}
.fp{background-color: #9C54B8}
.fv{background-color: #01BF9D}
.fj{background-color: #F3C500}

/*******COULEUR***********/
.blanc{color:#ffffff;}
.noir{color:#404C59}
.black{background-color:#000}
.g999{color:#999;}
.g666{color:#666;}
.geee{color:#eee;}
.gccc{color:#ccc;}
.gbbb{color:#bbb;}
.rouge{color: #EB4C36}
.bleu{color: #1587C5}
.vert{color: #4BAD08}
.purple{color: #9C54B8}
.jaune{color: #F3C500}

.over.fb:hover{background-color: #eee}
.over.fg:hover{background-color: #fff}

/*******FONTS***********/
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.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;}
.font40{font-size:40px;}
.font50{font-size:50px;}
.font120{font-size:120px;}
#tinymce{font-size: 14px;padding: 10px 10px 50px 10px !important}

.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}
.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}
.txtRight{text-align:right}
.txtLeft{text-align:left}
.etc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.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-weight: bold;color: #1587C5 !important;font-size:14px;margin-top:5px;background: transparent;border:none;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right: 1.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 !important;width:100% !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) {select {padding-right:25px}}
label.select {position:relative;padding: 10px 0 0;display: block;}
label.select::after {color: #1587C5;content: "↕";font-size: 16px;pointer-events: none;position: absolute;right: 0;text-align: center;top: 0px;width: 24px;height: 35px;line-height: 35px;box-sizing: inherit;}
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;}
option {padding: 5px 0; color:#999 !important}
input[type=text],input[type=password],input[type=email],input[type=number]{font-family: 'Roboto';background-color: transparent;border:none;resize:none;color:#1587C5;font-size:14px}
input.rouge{color:#eb4c36 !important}
input.noir{color:#575759 !important}
textarea{border:none;padding:10px;resize:none;color:#1587C5;font-size:12px;font-weight:300;font-family:'Roboto';}
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}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus{color:#1587C5}

.select.disabled {background-color:#eee;}
.input {position:relative;line-height: 40px;height: 40px;display: block;}
.placeholder{top:0;left:0;height: 40px;line-height: 40px}
.placeholder.active{left: 0;top: 2px;line-height: 10px;height: 10px;font-size: 12px}

/*******POPUP***********/
.popup,.pop{margin:0 auto;width:100%}
#popupContact,#popupImg,#blocContact{background:#222;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2;opacity:0.7}
#popupContenu{background:#fff;box-shadow:0 3px 10px 0 #222;display:none;padding:10px;position:fixed;z-index:2;border-radius: 5px}
#popupLoad {background:rgba(255, 255, 255, 0.7) url("../images/loading.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;}
#loaderScroll {background:rgba(255, 255, 255, 0.7) url("../images/loading.gif") no-repeat scroll center center;height:100px;line-height:100px;width: 100%;z-index:4;}
.croix:hover{background-color: #fc507a;}

/*******BOUTON***********/
.bouton {cursor:pointer}
.bouton.fg {border:1px solid #eee}
.bouton.fn {border:1px solid #404C59}
.bouton.fb,.bouton.trans{border:1px solid #fff}
.bouton.fbl,.bouton.trans.bleu{border:1px solid #1587C5}
.bouton.fr,.bouton.trans.rouge {border:1px solid #EB4C36}
.bouton.fv,.bouton.trans.vert {border:1px solid #01BF9D}
.bouton.fp,.bouton.trans.purple {border:1px solid #9C54B8}
.bouton.fj,.bouton.trans.jaune {border:1px solid #F3C500}

.bouton.fg:hover {color:#eee;background-color: transparent !important;border:1px solid #eeeeee}
.bouton.fn:hover {color:#404C59;background-color: transparent !important;border:1px solid #404C59}
.bouton.fbl:hover {color:#1587C5;background-color: transparent !important;border:1px solid #1587C5}
.bouton.fb:hover{color:#fff;background-color: transparent !important;border:1px solid #fff}
.bouton.fr:hover {color:#f44455;background-color: transparent !important;border:1px solid #f44455}
.bouton.fv:hover {color:#01BF9D;background-color: transparent !important;border:1px solid #01BF9D}
.bouton.fp:hover {color:#9C54B8;background-color: transparent !important;border:1px solid #9C54B8}
.bouton.fj:hover {color:#F3C500;background-color: transparent !important;border:1px solid #F3C500}
.bouton.trans:hover {color:#ffffff;background-color: rgba(0,0,0,0.8) !important;border:1px solid #ffffff}
.bouton.trans.bleu:hover {color:#fff;background-color: #1587C5 !important;border:1px solid #1587C5}
.bouton.trans.rouge:hover {color:#fff;background-color: #EB4C36 !important;border:1px solid #EB4C36}
.bouton.trans.purple:hover {color:#fff;background-color: #9C54B8 !important;border:1px solid #9C54B8}

.switch {
overflow: hidden;
cursor: pointer;
}
.curseur {left: 0;top: 0;width: 200%;font-weight: bold;}

.curseur.off {left: -100%;top: 0;}
.curseur .active{width: 50%;}
.curseur .active:not(.fo) {width: 50%;}
.curseur .inactive {width: 50%;}


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

/***********ICONS****************/
.icon:before, .icon:after {font-family: "Flaticon";font-style: 1rem;}

.icon.bas:before { content: "\f100"; }
.icon.close:before { content: "\f101"; }
.icon.coche:before { content: "\f102"; }
.icon.coche.active:before { content: "\f103"; }
.icon.contact:before { content: "\f104"; }
.icon.devis:before { content: "\f106"; }
.icon.devis2:before { content: "\f105"; }
.icon.down:before { content: "\f107"; }
.icon.droite:before,.icon.gauche:before { content: "\f108"; }
.icon.facture:before { content: "\f109"; }
.icon.logout:before { content: "\f10a"; }
.icon.menu:before { content: "\f10b"; }
.icon.pdf:before { content: "\f10c"; }
.icon.plus:before { content: "\f10d"; }
.icon.plus.contact:before { content: "\f10e"; }
.icon.plus.document:before { content: "\f10f"; }
.icon.poubelle:before { content: "\f110"; }
.icon.titre:before { content: "\f114"; }
.icon.titre2:before { content: "\f112"; }
.icon.titre3:before { content: "\f113"; }
.icon.titre4:before { content: "\f111"; }
.icon.titre5:before { content: "\f115"; }
.icon.titre6:before { content: "\f116"; }
.icon.tribas:before { content: "\f117"; }
.icon.tridroite:before { content: "\f118"; }
.icon.up:before { content: "\f119"; }
.contextmenu.produit.selected div:not(.w4P){cursor: move !important}

.rotate{-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}




@media only screen and (max-width: 400px) {
    .noneMobile{display:block}
    .nonePc{display:none}
}