html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    /*background-image:url(http://static.qcnscruise.com/images/fondGM.jpg);*/
    background-attachment: fixed;
    background-position: center top;
    background-repeat: repeat-x;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;  
    font-weight: 400;
	color:#575759;
    text-rendering:optimizelegibility;
}
body{
	margin:0;
	padding:0;
	height:100%;
    overflow: hidden;
}
@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,.hover,.fhover{ -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;}
.scale:hover{-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);-moz-transform:scale(1.05);}
.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;}
.notransition{ -moz-transition: none;-webkit-transition: none;-o-transition: color 0 ease-in;transition: none;}

h1,h2,h3,h4,h5{font-weight: normal;font-size: inherit;}
*,*::before, *::after,*:not(.noborder) {box-sizing: border-box;}
p {margin: 0;}
/*******FLEX***********/
.flex{display: flex;display: -webkit-flex;}
.flex-colonne{display: flex;display: -webkit-flex;flex-direction: column; -webkit-flex-direction: column;-moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;}
.flex-colonne-reverse{display: flex;display: -webkit-flex;flex-direction: column-reverse; -webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;-o-flex-direction: column-reverse;-ms-flex-direction: column-reverse;}
.flex-row{display: flex;display: -webkit-flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.flex-row-reverse{display: flex;display: -webkit-flex;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.flex-nowrap{display: flex;display: -webkit-flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.flex-wrap{display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.justify-evenly{justify-content: space-evenly;}
.justify-center{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.justify-around{-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
.justify-between{-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.justify-end{-webkit-justify-content: flex-end;justify-content: flex-end;}

.hori-start{-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.hori-center{-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.hori-end{-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}


.vert-start{-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;}
.vert-center{-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
.vert-end{-webkit-align-content: flex-end;-ms-flex-line-pack: end;align-content: flex-end;}

.self-end{
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.grow0{flex-grow: 0;}
.grow1{flex-grow: 1;}
.grow2{flex-grow: 2;}
.grow3{flex-grow: 3;}
.grow4{flex-grow: 4;}
.grow5{flex-grow: 5;}
.grow10{flex-grow: 10;}

.flex10 {flex: 0 0 10px;-webkit-flex: 0 0 10px;}
.flex15 {flex: 0 0 15px;-webkit-flex: 0 0 15px;}
.flex20 {flex: 0 0 20px;-webkit-flex: 0 0 20px;}
.flex25 {flex: 0 0 25px;-webkit-flex: 0 0 25px;}
.flex30 {flex: 0 0 30px;-webkit-flex: 0 0 30px;}
.flex35 {flex: 0 0 35px;-webkit-flex: 0 0 35px;}
.flex40 {flex: 0 0 40px;-webkit-flex: 0 0 40px;}
.flex50 {flex: 0 0 50px;-webkit-flex: 0 0 50px;}
.flex55 {flex: 0 0 55px;-webkit-flex: 0 0 55px;}
.flex60 {flex: 0 0 60px;-webkit-flex: 0 0 60px;}
.flex70 {flex: 0 0 70px;-webkit-flex: 0 0 70px;}
.flex80 {flex: 0 0 80px;-webkit-flex: 0 0 80px;}
.flex90 {flex: 0 0 90px;-webkit-flex: 0 0 90px;}
.flex100 {flex: 0 0 100px;-webkit-flex: 0 0 100px;}
.flex120 {flex: 0 0 120px;-webkit-flex: 0 0 120px;}
.flex130 {flex: 0 0 130px;-webkit-flex: 0 0 130px;}
.flex140 {flex: 0 0 140px;-webkit-flex: 0 0 140px;}
.flex150 {flex: 0 0 150px;-webkit-flex: 0 0 150px;}
.flex160 {flex: 0 0 160px;-webkit-flex: 0 0 160px;}
.flex170 {flex: 0 0 170px;-webkit-flex: 0 0 170px;}
.flex180 {flex: 0 0 180px;-webkit-flex: 0 0 180px;}
.flex200 {flex: 0 0 200px;-webkit-flex: 0 0 200px;}
.flex240 {flex: 0 0 240px;-webkit-flex: 0 0 240px;}
.flex250 {flex: 0 0 250px;-webkit-flex: 0 0 250px;}
.flex270 {flex: 0 0 270px;-webkit-flex: 0 0 270px;}
.flex280 {flex: 0 0 280px;-webkit-flex: 0 0 280px;}
.flex300 {flex: 0 0 300px;-webkit-flex: 0 0 300px;}
.flex350 {flex: 0 0 350px;-webkit-flex: 0 0 350px;}
.flex450 {flex: 0 0 450px;-webkit-flex: 0 0 450px;}
.flex580 {flex: 0 0 580px;-webkit-flex: 0 0 580px;}
.flexauto {flex: auto;-webkit-flex: auto;}
.flex00auto {flex: 0 0 auto;}


/*******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;}
.top7{margin-top:7px;}
.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;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}
.top100{margin-top:100px;}
.top5P{margin-top:5%;}
.top10P{margin-top:10%;}
.top12P{margin-top:12.5%;}
.top25P{margin-top:25%;}
.top50P{margin-top:50%;}
.left1{margin-left:1px;}
.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.b0{bottom:0}
.t0{top:0}
.l0{left:0}
.r0{right:0}
.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;}
.left1P{margin-left:2%;}
.left2P{margin-left:2%;}
.left4P{margin-left:4%;}
.left5P{margin-left:5%;}
.left10P{margin-left:10%;}
.left8P{margin-left:8%;}
.auto{margin:0 auto}
.autolr{margin-left:auto;margin-right:auto}
.padB10{padding-bottom:10px}
.padB30{padding-bottom:30px}
.padB40{padding-bottom:40px}
.padT5{padding-top:5px}
.padT10{padding-top:10px}
.padT15{padding-top:15px}
.padT20{padding-top:20px}
.padT30{padding-top:30px}
.padT50P{padding-top:50%}
.padT60P{padding-top:60%}
.padT100P{padding-top:100%}
.padB50P{padding-bottom:50%}
.pad5{padding:5px}
.pad10{padding:10px}
.pad20{padding:20px}
.pad30{padding:30px}
.pad40{padding:40px}
.pad50{padding:5px 0}
.pad100{padding:10px 0}
.pad200{padding:20px 0}
.pad400{padding:40px 0}
.pad600{padding:60px 0}
.pad2010{padding:20px 10px}
.pad3020{padding:30px 20px}
.pad510{padding:5px 10px}
.pad710{padding:7px 10px}
.pad20100{padding:20px 10px 0}
.pad010{padding:0 10px}
.pad105{padding:10px 5px}
.pad020{padding:0 20px}
.pad030{padding:0 30px}
.pad040{padding:0 40px}
.pad500{padding:50px 0}
.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}
.pad4020{padding:40px 20px !important}
.pad5{padding:5px;}
.pad1{padding:1px;}
.pad05{padding:0 5px;}
.pad2P{padding:2%;}
.pad02P{padding:0 2%;}
.padL5 {padding-left: 5px;}
.padL10 {padding-left: 10px;}
.padL20 {padding-left: 20px;}
.padL25 {padding-left: 25px;}
.padL30 {padding-left: 30px;}
.padL40 {padding-left: 40px;}
.padL50 {padding-left: 50px;}
.padL60 {padding-left: 60px;}
.padL1P {padding-left: 1%;}
.padL2P {padding-left: 2%;}
.padL5P {padding-left: 5%;}
.padL10P {padding-left: 10%;}
.padR5 {padding-right: 5px;}
.padR10 {padding-right: 10px;}
.padR15 {padding-right: 15px;}
.padR20 {padding-right: 20px;}
.padR30 {padding-right: 30px;}
.padR40 {padding-right: 40px;}
.padR1P {padding-right: 1%;}
.padR5P {padding-right: 5%;}
.padR10P {padding-right: 10%;}
.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right1P{margin-right:1%;}
.right2P{margin-right:2%;}
.right5P{margin-right:5%;}
.leftright1P{margin-left:0.5%;margin-right: 0.5%}
.pad0 {padding: 0 !important;}

/*******POSITION***********/
.vmiddle {vertical-align: middle;}
.vtop {vertical-align: top;}
.vbottom {vertical-align: bottom !important;}
.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}
.hid{visibility:hidden}
.block{display:block}
.inblock{display:inline-block}
.table{display:table}
.cell{display:table-cell;vertical-align:middle}
.cell.vtop{vertical-align:top !important}
.row{display:table-row}
.none{display:none}
/*.blockMobile{display:none}*/
a{cursor:pointer;color:inherit;text-decoration:none;}
.z-1{z-index: -1}
.z0{z-index: 0}
.z1{z-index: 1}
.z2{z-index: 2}
.z3{z-index: 3}
.z10{z-index: 10}
.z999{z-index: 999}
.z1000{z-index: 1000}

/*******APPARENCE***********/
.spacing05{border-collapse:separate;border-spacing:5px 0}
.spacing05{border-collapse:separate;border-spacing:5px 0}
.radius{border-radius: 5px}
.radius10{border-radius: 10px}
.radius20{border-radius: 20px;}
.radius30{border-radius: 30px;}
.radius50{border-radius: 50px;}
.radius50P{border-radius: 50%;}
.ombre{box-shadow: 0 3px 10px 0 #222;}
.ombre0010{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6)}
.ombre2{box-shadow:0 5px 10px rgba(0, 0, 0, 0.2)}
.ombre3{box-shadow:0 5px 10px rgba(0, 0, 0, 0.3)}
.ombre20{box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5)}


.ombreBloc{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);}
.ombreInset{ box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.6) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.6) inset}
.ombreInsetgd{ box-shadow:10px 0  10px -10px rgba(0, 0, 0, 0.6) inset, -10px 0 10px -10px rgba(0, 0, 0, 0.6) inset}
.ombreInsethb{ box-shadow:0 10px  10px -10px rgba(0, 0, 0, 0.6) inset, 0 -10px  10px -10px rgba(0, 0, 0, 0.6) inset}
.ombreAcce{ box-shadow: -10px 0  10px -10px rgba(0, 0, 0, 0.6) inset}
.ombreInset2{ box-shadow:0 0 10px -10px rgba(0, 0, 0, 0.6) inset, 0 -10px 10px -10px rgba(0, 0, 0, 0.6) inset}
.ombrein{box-shadow: 0 0px 10px rgba(0,0,0,0.6) inset}
ul ,ul li{list-style:none}
img{border:none}
.line10{line-height:10px;}
.line12{line-height:12px;}
.line15{line-height:15px;}
.line17{line-height:17px;}
.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}
.line50{line-height:50px}
.line60{line-height:60px}
.line70{line-height:70px}
.line80{line-height:80px}
.line90{line-height:90px}
.line100{line-height:100px}
.line120{line-height:120px}
.line160{line-height:160px}
.lineauto{line-height:initial}
.scrollY,.scroll{overflow-y: auto;overflow-x: hidden;}
.op0{opacity:0}
.op01{opacity:0.1 !important}
.op02{opacity:0.2 !important}
.op03{opacity:0.3 !important}
.op05{opacity:0.5 !important}
.op1{opacity:1 !important}
/*.hoverliste:hover{background-color: #fff;color: #25a3bc}
.fg .hover:hover{background-color: #fff}
.fb .hover:hover{background-color: #eee}
.fg.hover:hover{background-color: #fff !important}
.fb.hover:hover{background-color: #eee !important}*/
.hover:hover, .hover:hover *{color: #FD3F26;cursor: pointer !important}
.fhover:hover{background-color: #eee;cursor: pointer !important}
.fhover.fg:hover{background-color: #fff;cursor: pointer !important}
.hover.orange:hover{color: #575759}
.hover.orange.fn:hover{color: #fff}
.fn .hover.orange:hover{color: #fff}
/*******WIDTH***********/
.w10{width:10px}
.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}
.w65{width:65px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w140{width:140px}
.w145{width:145px}
.w150{width:150px}
.w160{width:160px}
.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}
.w330{width:330px}
.w340{width:340px}
.w350{width:350px}
.w370{width:370px}
.w400{width:400px}
.w420{width:420px}
.w440{width:440px}
.w450{width:450px}
.w470{width:470px}
.w500{width:500px}
.w550{width:550px}
.w560{width:560px}
.w580{width:580px}
.w600{width:600px}
.w630{width:630px}
.w650{width:650px}
.w730{width:730px}
.w800{width:800px}
.w900{width:900px}
.w930{width:930px}
.w1200{width:1200px}
.w740{width:740px}
.maxw600{max-width:600px}
.maxw800{max-width:800px}
.maxw1000{max-width:1000px}
.maxw1200{max-width:1200px}
.maxw1400{max-width:1400px}
.w1P{width:1%}
.w2P{width:2%}
.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%}
.w14-28P{width:14.28%}
.w15P{width:15%}
.w16P{width:16%}
.w166P{width:16.6667%}
.w18P{width:18%}
.w19P{width:19%}
.w20P{width:20%}
.w21P{width:21%}
.w22P{width:22%}
.w23P{width:23%}
.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%}
.w42P{width:42%}
.w44P{width:44%}
.w45P{width:45%}
.w46P{width:46%}
.w48P{width:48%}
.w49P{width:49%}
.w50P{width:50%}
.w55P{width:55%}
.w58P{width:58%}
.w59P{width:59%}
.w60P{width:60%}
.w62P{width:62%}
.w65P{width:65%}
.w66P{width:66%}
.w68P{width:68%}
.w70P{width:70%}
.w74P{width:74%}
.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}
.h5{height:5px}
.h10{height:10px}
.h12{height:12px}
.h15{height:15px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h35{height:35px}
.h40{height:40px}
.h49{height:49px}
.h50{height:50px}
.h60{height:60px}
.h65{height:65px}
.h70{height:70px}
.h75{height:75px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}
.h110{height:110px}
.h118{height:118px}
.h120{height:120px}
.h125{height:125px}
.h130{height:130px}
.h140{height:140px}
.h150{height:150px}
.h160{height:160px}
.h170{height:170px}
.h175{height:175px}
.h180{height:180px}
.h190{height:190px}
.h200{height:200px}
.h210{height:210px}
.h220{height:220px}
.h230{height:230px}
.h240{height:240px}
.h250{height:250px}
.h260{height:260px}
.h280{height:280px}
.h290{height:290px}
.h300{height:300px}
.h320{height:320px}
.h330{height:330px}
.h340{height:340px}
.h350{height:350px}
.h400{height:400px}
.h450{height:450px}
.h500{height:500px}
.h550{height:550px}
.h10P{height:10%}
.h20P{height:20%}
.h25P{height:25%}
.h30P{height:30%}
.h33P{height:33.333%}
.h40P{height:40%}
.h45P{height:45%}
.h50P{height:50%}
.h60P{height:60%}
.h70P{height:70%}
.h75P{height:75%}
.h80P{height:80%}
.h100P{height:100%}
.h75vh{height: 75vh}
.h50vh{height: 50vh}
.h70vh{height: 70vh}
.h85vh{height: 85vh}
.hauto{height: auto}
.w0{width:0;}
.maxh200{max-height:200px}
.maxh480{max-height:480px}


/*******BORDER***********/
.br{border-right:1px solid #ccc;}
.brb{border-right:1px solid #fff;}
.br4b{border-right:1px solid #4b4b4b;}
.bb4b{border-bottom:1px solid #4b4b4b;}
.bt4{border-top:1px solid #444;}
.bl{border-left:1px solid #ccc}
.bt{border-top:1px solid #ccc;}
.bb{border-bottom:1px solid #ccc}
.bbb{border-bottom:1px solid #fff !important}
.bn{border:none}
.ba{border:1px solid #ccc}
.bb2{border-bottom:2px solid #ccc}
.ba2bl{border:2px solid #6382A9}
.bao2{border:2px solid #FD3F26}
.bao4{border:4px solid #FD3F26}
.bab{border:1px solid #fff}
.ba7c{border:1px solid #7c7c7c}
.ba4b{border:1px solid #4b4b4b;}
.trait {
    background: #fff url("http://static.qcnscruise.com/images/fondListe.png") repeat-x scroll center top;
}

/*******BACKGROUND***********/
.fg{background-color:#eee}
.fc{background-color:#ccc}
.fn{background-color:#222}
.fblc{background-color: #6382A9}
.fblc2{background-color: #577192}
.fbl1{background-color: #364760}
.fbl2{background-color: #304056}
.fbl3{background-color: #293649}
.fbl4{background-color: #2D3B50}
.fbl5{background-color: #222c3c}
.fbl6{background-color: #242F3F}
.fvc{background-color: #03C4A9}
.fv{background-color: #82B440}
.fj{background-color: #ff7f00}


.ff2{background-color:#f2f2f2}
.fe6{background-color:#e6e6e6}
.fd6{background-color:#d6d6d6}
.f20{background-color:#202020}
.f1c{background-color:#1c1c1c}
.f4b{background-color:#4b4b4b}
.fb{background-color:#fff}
.f9{background-color:#999}
.f6{background-color:#666}
.fo08{background-color: rgba(253,63,38,.8)}
.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}
.fbg{background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}
.fbbb{background-color: #bbb}
.fn03{background-color:rgba(0,0,0,0.3)}
.fn07{background-color:rgba(0,0,0,0.7)}
.fb07{background-color:rgba(255,255,255,0.7)}
.fn05{background-color:rgba(0,0,0,0.5)}

.fade.fb:after {content: "";text-align: right;position: absolute;bottom: 0;right: 0;width: 40%; height: 1em;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 70%);}
.cover{background-size: cover;background-position: center;}
.after{position: relative}
.after::after {background-color:#000;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;}
.after.fonce::after {background-color:#000;content: "";height: 100%;left: 0;opacity: 0.8;position: absolute;top: 0;width: 100%;}
.after.radiant::after {opacity: 0.8;background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0.9) 10%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 85%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0.9) 10%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 85%,rgba(0,0,0,1) 100%);background: linear-gradient(to right,  rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0.9) 10%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 85%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );}

/*******COULEUR***********/
.blanc07{color:rgba(255,255,255,0.7)}
.blanc{color:#ffffff;}
.noir{color:#575759}
.black{background-color:#000}
.g999{color:#999;}
.g666{color:#666;}
.geee{color:#eee;}
.gccc{color:#ccc;}
.gbbb{color:#bbb;}
.orange{color: #FD3F26}
.rouge{color: red}
.vert{color: #82B440}
.vert.pale{color: #00CDAC}
.bleu{color:#6382A9}

/*******FONTS***********/
.font9{font-size:9px;}
.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;}
.font22{font-size:22px;}
.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;}
.font60{font-size:60px;}
.font120{font-size:120px;}
.font150{font-size:150px;}

.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}
.bold{font-weight: bold}
.upper{text-transform:uppercase;}
.capital{text-transform:capitalize;}
.lower{text-transform:lowercase;}
.pointer,.liencache,.target,.pointer *,.liencache *,.target *,.slidedown{cursor:pointer !important}
.nopointer{cursor:default !important}
.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 !important}
.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-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:35px;color: inherit;padding-left: 2px}
.select.pad0 select{position: absolute;top:0}
.select.pad0{height:30px !important}
select::-ms-expand {
    display: none;
}
.spinner{background:url(http://static.qcnscruise.com/images/spinner.png) no-repeat center center;}

@media screen and (-webkit-min-device-pixel-ratio:0) {select {padding-right:25px}}
label.select {position:relative;padding: 0;display: block;height: 35px;line-height: 35px}
label.select.none {display: none}
label.select::after {font-family: "Flaticon";content: "\f117";color:#999;font-size: 18px;pointer-events: none;position: absolute;right: 0;text-align: center;top: 0px;width: 24px;height: 35px;line-height: 33px;box-sizing: inherit;}
.input::after,.check:not(.icon)::after, .textarea::after {box-sizing: inherit;font-size: 18px;line-height: 35px;height: 35px;pointer-events: none;position: absolute;right: 5px;text-align: center;top: 0;width: 24px;color:#999}
.combo.after::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.after.line30::after,.check:not(.icon).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: #575759 !important}
option.orange {color: #fd3f26 !important}
option:nth-child(even){background-color: #eee;}
option:nth-child(odd){background-color: #fff;}
input[type=text],input[type=password],input[type=email],input[type=number], input[type="tel"]{font-family: 'Roboto';background-color: transparent;border:none;resize:none;font-size:14px;text-align: inherit;padding-left:5px;color:#575759;}
.input.icon input{padding-right: 30px}
input[type=submit]{font-family: 'Roboto';border:none;resize:none;font-size:14px;}
input.orange{color: #FD3F26}
input.bleu{color: #6382A9}
input.vert{color: #82B440}
input.blanc{color: #fff}
input.font12{font-size: 12px;padding-left: 0}
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[type=submit]{border:none;}
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:#6382A9}
input.vert[type=text]:focus,input.vert[type=password]:focus,input.vert[type=email]:focus,input.vert[type=number]:focus{color:#82B440}
button {color: inherit;}
*:focus {
    outline: none;
}
.select.disabled,.ms-choice.disabled  {background-color:#eee;}
.select.ed {
    width: calc(100% - 40px);
}
.input,.check:not(.icon),.combo {position:relative;height: 35px;line-height: 35px}
.textarea{position:relative;}
.check:not(.icon).line30,.combo.line30 {line-height: 30px !important;height: 30px !important}
.placeholder{top:0;left:0;height: 33px;line-height: 33px;font-size: 12px}
.placeholder.active{left: -5px;top: -15px;line-height: 12px;height: 12px;font-size: 11px;color:#999}
.input.blanc .placeholder.active,.select.blanc .placeholder.active{color:#fff}
.input.h25{height: 25px;line-height: 25px}

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {color: #fd3f26;}
input[type="checkbox"] + label, input[type="radio"] + label {cursor: pointer;display: block;font-size: 14px;padding-left: 20px;position: relative}
input[type="checkbox"] + label .icon:after {content: "\f119";left: 0;position: absolute;top:2px}
input[type="checkbox"]:checked + label .icon:after {content: "\f118";}
input[type="radio"] + label .icon:after {content: "\f129";left: 0;position: absolute;;top:2px}
input[type="radio"]:checked + label .icon:after {content: "\f128";}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   opacity:  0.8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   opacity:  0.8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   opacity:  0.8;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   opacity:  0.8;
}

/*******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;;position:fixed;z-index:2;border-radius: 5px}
#popContent{box-shadow:0 3px 10px 0 #222;border-radius: 5px}

#popupLoad {
    background: rgba(255, 255, 255, 0.8) url("../images/gfx/loader_n.gif") no-repeat scroll center center;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
#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/gfx/loader_n.gif");background-position: center center;background-repeat: no-repeat;}
.loadingb {background-image: url("../images/gfx/loader.gif");background-position: center center;background-repeat: no-repeat;}
.croix:hover{background-color: #fc507a;}

/*******BOUTON***********/
.bouton {cursor:pointer;}
.bouton a{display: block}
.bouton.fg{border:1px solid #eee}
.bouton.trans.blanc,.bouton.fb,.btfn .bouton.trans{border:1px solid #fff}
.bouton.trans,.bouton.fn{border:1px solid #222}
.bouton.fo,.bouton.trans.orange{border:1px solid #FD3F26}

.bouton.trans:hover{color:#ffffff;background-color:#222 !important;border:1px solid #222}
.bouton.trans.orange:hover,.btfn .bouton.trans.orange:hover{color:#fff;background-color:#FD3F26 !important;border:1px solid #FD3F26}
.bouton.trans.blanc:hover,.btfn .bouton.trans:hover{color:#222;background-color:#fff !important;border:1px solid #fff}
.bouton.fn:hover{color:#222;background-color:transparent !important;border:1px solid #222}
.bouton.fb:hover{color:#ffffff;background-color:transparent !important;border:1px solid #ffffff}
.bouton.fo:hover{color:#FD3F26;background-color:transparent !important;border:1px solid #FD3F26}
.bouton.fbl1:hover{color:#364760;background-color:transparent !important;border:1px solid #364760}



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

.bloc3{margin-left: 5%}
.bloc4{margin-left: 4%}
.bloc42{margin-left: 2%}
.bloc5{margin-left: 2.5%}
.bloc3:nth-child(3n+1),.bloc4:nth-child(4n+1),.bloc42:nth-child(4n+1),.bloc5:nth-child(5n+1){margin-left: 0 !important}
.canvasjs-chart-credit{display: none !important}
.box:before{padding-top: 50%}

/***********ICONS****************/
.icon:before, .icon:after {font-family: "Flaticon";font-style: 1rem;font-weight: normal !important}
.icon{cursor: default}

.icon.secure.open:after { content: "\f100"; }
.icon.note:after { content: "\f101"; }
.icon.sendmail:after { content: "\f102"; }
.icon.fournisseur:after { content: "\f103"; }
.icon.sign:after { content: "\f104"; }
.icon.total:after { content: "\f105"; }
.icon.access:after { content: "\f106"; }
.icon.change:after { content: "\f107"; }
.icon.info:after { content: "\f108"; }
.icon.editlist:after { content: "\f109"; }
.icon.setting:after { content: "\f10a"; }
.icon.moreless:after { content: "\f10b"; }
.icon.folder:after { content: "\f10c"; }
.icon.folder.new:after { content: "\f10d"; }
.icon.folder.open:after { content: "\f10e"; }
.icon.newlight:after { content: "\f10f"; }
.icon.daterelance:after { content: "\f110"; }
.icon.new:after { content: "\f111"; }
.icon.date:after { content: "\f112"; }
.icon.relance:after { content: "\f113"; }
.icon.portable:after { content: "\f114"; }
.icon.link:after { content: "\f115"; }
.icon.etoile.pleine:after { content: "\f116"; }
.icon.move:after { content: "\f117"; }
.icon.coche.active:after { content: "\f118"; }
.icon.coche:after { content: "\f119"; }
.icon.edit:after { content: "\f11a"; }
.icon.pdf2:after { content: "\f11b"; }
.icon.next.big:after { content: "\f11c"; }
.icon.bas.big:after { content: "\f11d"; }
.icon.photo:after { content: "\f11e"; }
.icon.www:after { content: "\f11f"; }
.icon.send:after { content: "\f120"; }
.icon.tel:after { content: "\f121"; }
.icon.power:after { content: "\f122"; }
.icon.pdf:after { content: "\f123"; }
.icon.message:after { content: "\f124"; }
.icon.valide:after { content: "\f125"; }
.icon.light:after { content: "\f126"; }
.icon.eye:after { content: "\f127"; }
.icon.radio.active:after { content: "\f128"; }
.icon.radio:after { content: "\f129"; }
.icon.point:after { content: "\f12a"; }
.icon.download:after { content: "\f12b"; }
.icon.ligne:after { content: "\f12c"; }
.icon.close:after { content: "\f12d"; }
.icon.projet2:after { content: "\f12e"; }
.icon.save:after { content: "\f12f"; }
.icon.user:after { content: "\f130"; }
.icon.menu:after { content: "\f131"; }
.icon.erreur:after { content: "\f132"; }
.icon.etoile:after { content: "\f133"; }
.icon.bas:after { content: "\f134"; }
.icon.haut:after { content: "\f134";-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.icon.prev:after { content: "\f135"; }
.icon.next:after { content: "\f136"; }
.icon.list:after { content: "\f137"; }
.icon.secure:after { content: "\f138"; }
.icon.prev.big:after { content: "\f139"; }
.icon.search:after { content: "\f13a"; }
.icon.grille:after { content: "\f13b"; }
.icon.copy:after { content: "\f13c"; }
.icon.arobase:after { content: "\f13d"; }
.icon.dest:after { content: "\f13e"; }
.icon.delete:after { content: "\f13f"; }
.icon.contact:after { content: "\f140"; }
.icon.commande:after { content: "\f141"; }
.icon.less:after { content: "\f142"; }
.icon.mail:after { content: "\f143"; }
.icon.add:after { content: "\f144"; }
.icon.excla:after { content: "\f145"; }
.icon.nopicture:after { content: "\f146"; }


.empty{-webkit-animation: bolaDesierto 5s linear infinite;-moz-animation: bolaDesierto 5s linear infinite;animation: bolaDesierto 5s linear infinite;}
.tourne{-webkit-animation: giroBolaDesierto 1.2s linear infinite;-moz-animation: giroBolaDesierto 1.2s linear infinite;animation: giroBolaDesierto 1.2s linear infinite;}
.rotate{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.rotate90{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.rotate270{-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}
.trigauche::before{
    border-bottom: 12px solid transparent;
    border-right: 10px solid #fff;
    border-top: 12px solid transparent;
    content: " ";
    height: 0;
    left: -10px !important;
    position: absolute;
    top: 6px;
    width: 0;
    z-index: 1
}
.trigauche:not(.mess)::after{
    border-bottom: 13px solid transparent;
    border-right: 11px solid #ccc;
    border-top: 13px solid transparent;
    content: " ";
    height: 0;
    left: -12px !important;
    position: absolute;
    top: 5px;
    width: 0;
    z-index: 0
}
.trigauche.fg::before{
    border-right: 10px solid #eee;
}
.trigauche.fbl1::before{
    border-right: 10px solid #364760;
}
.trigauche.bas::before{
    top: initial !important;
    bottom: 20px !important;
}
.tribas::before{
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #fff;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
}
.trihaut::before{
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #fff;
    top: -10px;
    content: " ";
    height: 0;
    left: calc(50% - 10px);
    position: absolute;
    width: 0;
}
.trihaut.fn::before{
    border-bottom: 10px solid #222;
}
.tribas.fbl::before{
    border-top: 10px solid #25a3bc;
}
.tridroite::before{
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    content: " ";
    height: 0;
    right: -10px !important;
    position: absolute;
    top: calc(50% - 10px);
    width: 0;
}
.tridroite.fblc::before{
    top: 6px;
    border-left: 10px solid #6382A9;
}

.slidedown.icon, .slide.icon {
    padding-left: 30px;
}
.slidedown.icon:after, .slide.icon:after {
    position: absolute;
    left: 5px;
    top: 0;
}

/***********NAV****************/
#navigation{width: 300px;height: 100%;top: 0}
#corp{width: 100%;left:0;position: relative;top: 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)}
#barre{width: 100%}
#corp.active{width:calc(100% - 300px);position: absolute;left:300px;overflow-y: hidden}
#corp.active #barre{width:calc(100% - 300px)}
nav{top:50px;left:0}

/**********ALT****************/
.altg,.altd,.alth,.altb{position: relative}
.altg::before,.altd::before,.alth::before,.altb::before,.altg::after,.altd::after,.alth::after,.altb::after{opacity:0;visibility: hidden;
      -webkit-transition: 0.1s ease 0s; -moz-transition: 0.1s ease 0s; -o-transition: 0.1s ease 0s; -ms-transition: 0.1s ease 0s; transition: 0.1s ease 0s;}
.altg:hover::before,.altd:hover::before,.alth:hover::before,.altb:hover::before,.altg:hover::after,.altd:hover::after,.alth:hover::after,.altb:hover::after{
    opacity:1;
    visibility: visible;
    -webkit-transition: 0.2s ease 1s; -moz-transition: 0.2s ease 1s; -o-transition: 0.2s ease 1s; -ms-transition: 0.2s ease 1s; transition: 0.2s ease 1s;
}
.altg::after,.altd::after,.alth::after,.altb::after{z-index:999;}
.altg::before,.altd::before,.alth::before,.altb::before{
    background-color:#FD3F26;/*#6382A9*/
    color:#fff;
    content:attr(alt);
    font-size:12px;
    font-weight:700;
    height:30px;
    line-height:30px;
    position:absolute;
    text-align:left;
    white-space:nowrap;
    z-index:999;
    padding: 0 10px;
    font-family: 'Roboto', 'helvetica',sans-serif;
}
.altg::after{
    border-bottom: 7px solid transparent;
    border-left: 7px solid #FD3F26;/*#6382A9*/
    border-top: 7px solid transparent;
    content: " ";
    height: 0;
    left: -10px !important;
    position: absolute;
    top: calc(50% - 7px);
    width: 0;
}
.altd::after{
    border-bottom: 7px solid transparent;
    border-right: 7px solid #FD3F26;/*#6382A9*/
    border-top: 7px solid transparent;
    content: " ";
    height: 0;
    right: -10px !important;
    position: absolute;
    top: calc(50% - 7px);
    width: 0;
}
.altb::after{
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #FD3F26;/*#6382A9*/
    bottom: -10px;
    content: " ";
    height: 0;
    left: calc(50% - 7px);
    position: absolute;
    width: 0;
}
.alth::after{
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #FD3F26;/*#6382A9*/
    top: -10px;
    content: " ";
    height: 0;
    left: calc(50% - 7px);
    position: absolute;
    width: 0;
}
.altd[alt]::before{top:calc(50% - 15px);left:calc(100% + 10px);}
.altg[alt]::before{top:calc(50% - 15px);right:calc(100% + 10px);}
.altb[alt]::before{bottom:-40px;left:calc(50% - 15px);}
.alth[alt]::before{top:-40px;left:calc(50% - 15px);}
.altb.gauche[alt]::before,.alth.gauche[alt]::before{right:0 !important;left: inherit}
.altb.droite[alt]::before,.alth.droite[alt]::before{left:0 !important;right: inherit}
.altb.droite::after{left:10px !important}

/***********MESSAGE POP***********************/

@keyframes sonarWarning {0% {box-shadow: 0 0 0 0 #ff7f00;}100% {box-shadow: 0 0 0 15px rgba(249, 202, 64, 0);}}
@keyframes sonarDanger {0% {box-shadow: 0 0 0 0 #ff715b;}100% {box-shadow: 0 0 0 15px rgba(255, 113, 91, 0);}}
@keyframes sonarSuccess {0% {box-shadow: 0 0 0 0 #82B440;}100% {box-shadow: 0 0 0 15px rgba(169, 253, 0, 0);}}
.danger {animation: 1.8s linear 0s normal none infinite running sonarDanger;background-color: #FD3F26;}
.warning {animation: 1.8s linear 0s normal none infinite running sonarWarning;background-color: #f9cb40;}
.success {animation: 1.8s linear 0s normal none infinite running sonarSuccess;background-color: #82B440;}
.messagepop::before {font-family: "Flaticon";background-color: #d33d28;border-radius: 20px;content: "\f107";font-size: 16px;height: 30px;line-height: 30px;left: -35px;position: absolute;text-align: center;top: calc(50% - 15px);width: 30px;}
.messagepop.fj::before {content: "\f108";animation: 1.8s linear 0s normal none infinite running sonarWarning;background-color: #ff7f00;}
.messagepop.fo::before {content: "\f145";animation: 1.8s linear 0s normal none infinite running sonarDanger;background-color: #FD3F26;}
.messagepop.fv::before {content: "\f125";animation: 1.8s linear 0s normal none infinite running sonarSuccess;background-color: #82B440;}

@keyframes changecolor {0% {background-color: #364760}50% {background-color: #7c99c5;}100% {background-color: #364760;}}
.changecolor {animation: 1.8s linear 0s normal none infinite running changecolor;}