/*******FONT***********/
.lobster{font-family: 'Lobster', cursive;}

/***********ICONS****************/
.icon.mail:before { content: "\f100"; }
.icon.notification:after { content: "\f101"; }
.icon.message:after { content: "\f102"; }
.icon.poubelle:after { content: "\f103"; }
.icon.menu:after { content: "\f104"; }
.icon.secure:after { content: "\f105"; }
.icon.user:after { content: "\f106"; }
.icon.edit:after { content: "\f107"; }
.icon.tel:after { content: "\f108"; }
.icon.mobile:after { content: "\f109"; }
.icon.map:after { content: "\f10a"; }
.icon.arobase:after { content: "\f10b"; }
.icon.time:after { content: "\f10c"; }
.icon.calendar:after { content: "\f10d"; }
.icon.compta:after { content: "\f10e"; }
.icon.pdf:after { content: "\f10f"; }
.icon.search:after { content: "\f110"; }
.icon.contact:after { content: "\f111"; }
.icon.danger:after { content: "\f112"; }
.icon.alert:after { content: "\f113"; }
.icon.close:after { content: "\f114"; }
.icon.valide:after { content: "\f115"; }
.icon.coche:after { content: "\f116"; }
.icon.coche.active:after { content: "\f117"; }
.icon.radio.active:after { content: "\f118"; }
.icon.radio:after { content: "\f119"; }
.icon.info:after { content: "\f11a"; }
.icon.power:after { content: "\f11b"; }
.icon.move:after { content: "\f11c"; }
.icon.down:after { content: "\f11d"; }
.icon.up:after { content: "\f11d";-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg); }
.icon.graph:after { content: "\f11e"; }
.icon.stat:after { content: "\f11f"; }
.icon.send:after { content: "\f120"; }
.icon.next:after { content: "\f121"; }
.icon.prev:after { content: "\f122"; }
.icon.error:after { content: "\f123"; }
.icon.folder:after { content: "\f124"; }
.icon.photo:after { content: "\f125"; }
.icon.link:after { content: "\f126"; }
.icon.more:after { content: "\f127"; }
.icon.troispoint:after { content: "\f128"; }
.icon.save:after { content: "\f129"; }
.icon.add:after { content: "\f12a"; }
.icon.cadeau:after { content: "\f12b"; }
.icon.money:after,.icon.espece:after { content: "\f12c"; }
.icon.cheque:after { content: "\f12d"; }
.icon.carte:after,.icon.cb:after { content: "\f12e"; }
.icon.virement:after { content: "\f12f"; }
.icon.caisse:after { content: "\f130"; }
.icon.birthday:after { content: "\f131"; }
.icon.male:after { content: "\f132"; }
.icon.female:after { content: "\f133"; }
.icon.man:after { content: "\f134"; }
.icon.woman:after { content: "\f135"; }
.icon.men:after { content: "\f136"; }
.icon.women:after { content: "\f137"; }
.icon.inconnu:after { content: "\f138"; }
.icon.sms:after { content: "\f139"; }
.icon.eye:after { content: "\f13a"; }
.icon.eye.ferme:after { content: "\f13b"; }
.icon.cible:after { content: "\f13c"; }
.icon.deplace:after { content: "\f13d"; }
.icon.group:after { content: "\f13e"; }
.icon.smile:after { content: "\f13f"; }
.icon.download:after { content: "\f140"; }
.icon.play:after { content: "\f141"; }
.icon.pause:after { content: "\f142"; }
.icon.micro:after { content: "\f143"; }
.icon.stop:after { content: "\f144"; }
.icon.paypal:after { content: "\f145"; }
.icon.add2:after { content: "\f146"; }
.icon.moon:after { content: "\f147"; }
.icon.sun:after { content: "\f148"; }
.icon.repeater:after { content: "\f149"; }
.icon.unique:after { content: "\f14a"; }
.icon.sans:after { content: "\f14b"; }
.icon.etoile:after { content: "\f14c"; }
.icon.etoile.active:after { content: "\f14d"; }
.icon.duplicate:after { content: "\f14e"; }
.icon.differe:after { content: "\f14f"; }
.icon.societe:after { content: "\f150"; }
.icon.rdv:after { content: "\f151"; }
.icon.presta:after { content: "\f152"; }
.icon.product:after { content: "\f153"; }
.icon.option:after { content: "\f154"; }


/*******BORDER***********/
.bbn{border-bottom:1px solid #4f4f4f}
.brd{border-right:1px solid #D4B687}
.br3bl{border-right:3px solid #66829A}
.blbl{border-left:1px solid #66829A}
.bbbl{border-bottom:1px solid #66829A}
/*.bbbl3{border-bottom:3px solid #66829A}*/
.bbbl3 {
    position: relative;
}
.bbbl3:after {
    background-color:  #66829A;
    content: "";
    bottom: 2px;
    width: 100%;
    position: absolute;
    height: 3px;
    left: 0;
}
.btbl{border-top:1px solid #66829A}
.ba2bl{box-shadow: 0 0 0px 3px #66829A;}
.ba2bleu{border:2px solid #66829A}
.ba2v{border:2px solid #4cbb9a}
.bav{border:1px solid #4cbb9a}
.babl{border:1px solid #66829A}
.btd{border-top:1px solid #D4B687}
.ban{border:1px solid rgba(255, 255, 255, 0.2) }
.searchhight {
    background-color: #f7f700;
    color: #465963;
    border-radius: 3px;
    font-weight: 700;
}

#contextmenu::before {
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #fff;
    top: 5px;
    content: " ";
    height: 0;
    left: -9px;
    position: absolute;
    width: 0;
    z-index: 3;
}

#contextmenu::after {
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #ccc;
    top: 5px;
    content: " ";
    height: 0;
    left: -11px;
    position: absolute;
    width: 0;
    z-index: 2;
}


/*******BACKGROUND***********/
.ligneTab:nth-child(even),.ligneTab2:nth-child(even) {background-color: #eee;}
.ligneTab:nth-child(odd),.ligneTab2:nth-child(odd) {background-color: #fff;}
.fg,.fgris,.bouton{background-color:#eee}
.fccc{background-color:#ccc}
.fblack{background-color:#000}
.fn{background-color:#252528}
.f9{background-color:#999}
.f6{background-color:#666}
.fb6{background-color:#f6f6f6}
.f0{background-color:#fff}
.fn2{background-color:#2D303A}
.fb{background-color:#fff}
.fb08{background-color:rgba(255,255,255,0.8)}
.fbl,.fbl2{background-color:#66829A}
.fv{background-color:#4cbb9a}
.fvc{background-color: rgba(76, 187, 154, 0.3);}
.foc{background-color: rgba(254,104,103, 0.3);}
.fo{background-color:#FE6867}
.fr{background-color:#FD3F26}
.fp{background-color:#FF9999}
.fvi{background-color:#9c75ab}

.fn08{background-color: rgba(44,53,71,0.85)}
.fbl08{background-color: rgba(62,80,100,0.85)}
.fbl208{background-color: rgba(102,130,154,0.85)}
.fbl308{background-color: rgba(134,155,174,0.85)}
.bloccouleur:nth-child(1){background-color: rgba(44,53,71,0.85)}
.bloccouleur:nth-child(2){background-color: rgba(62,80,100,0.85)}
.bloccouleur:nth-child(3){background-color: rgba(102,130,154,0.85)}
.bloccouleur:nth-child(4){background-color: rgba(134,155,174,0.85)}
.fn03{background-color:rgba(0,0,0,0.3)}
.fn05{background-color:rgba(0,0,0,0.5)}
.fn07{background-color:rgba(0,0,0,0.7)}
.fb04{background-color:rgba(255,255,255,0.4)}
.fb07{background-color:rgba(255,255,255,0.7)}
.fn02{background-color:rgba(0,0,0,0.2)}
.fn01{background-color:rgba(0,0,0,0.1)}
.fhoverchild{cursor: pointer !important}
.fhover:hover{background-color: #eee;cursor: pointer !important}
.fhoverchild:hover .child {
    background-color: #eee;
}
/*.fhover.hover:hover {color: #4cbb9a;}*/
.fg.fhover:hover{background-color: #fff;cursor: pointer !important}
.fv.fhover:hover{background-color: #99cb04;cursor: pointer !important}
.hover.underline:hover{text-decoration: none}

.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 );}
.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%);}
.beforetri:before{
    background-image: url("../images/gfx/fond_triangle.png");
    background-position: left 0;
    background-repeat: repeat-y;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.beforetri05:before{
    background-image: url("../images/gfx/fond_triangle.png");
    background-position: left 0;
    background-repeat: repeat-y;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opcaity:0.5;
    z-index: 2;
}

/*******COULEUR***********/
.blanc,.white{color:#ffffff;}
.gccc{color:#ccc;}
.geee{color:#eee;}
.g999{color:#999;}
.vert{color:#4cbb9a;}
.vert.clair{color:#4cbb9a;}
.bleu,.bleu2{color:#66829A;}
.noir{color:#575759;}
.black{color:#000;}
.orange{color:#FE6867;}
.violet{color:#9C54B8;}
.bleu.fonce,.bleufonce{color:#2D303A}
.pink{color:#FF9999}

.grayscale{cursor: default;filter: grayscale(1);}


.placeholder{color:#999}
.placeholder.active.orange{color:#fe6867}
.placeholder.active.blanc{color:#fff}
.placeholder.active.vert{color:#4cbb9a}
.placeholder.active.vert.clair{color:#4cbb9a}


/*.passe{border: 1px solid #ccc !important;}*/
.etat1 {border-left: 4px solid rgba(255,255,255,0.5) !important;}
.etat2 {border-left: 4px solid #FF00CC !important;}
.etat3 {border-left: 4px solid #6CDFEA !important;}
.etat4 {border-left: 4px solid #94CA3D !important;}
.etat5 {border-left: 4px solid #000000 !important;}
.etat8 {border-left: 4px solid #ff0 !important;}
.etat6 {border-right: 4px solid var(--color) !important; background:repeating-linear-gradient(
            -55deg,
            transparent,
            transparent 10px,
            rgba(255,255,255,.2) 10px,
            rgba(255,255,255,.2) 20px
            );
}
.legende6 {background: repeating-linear-gradient( -55deg, #666, #666 2px, rgba(255,255,255,.8) 2px, rgba(255,255,255,.8) 5px );}

/*.etat1:before,
.etat2:before,
.etat3:before,
.etat4:before,
.etat5:before,
.etat6:before
{
    top: calc(50% - 15px);
    left: 10px;
    background-color: #FE6867;
    color: #fff;
    content: "acompte payé";
    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;
}
.etat1:before,
.etat2:before,
.etat3:before,
.etat4:before,
.etat5:before,
.etat6:before
{
    content: "acompte payé";
}
.etat1:after,
.etat2:after,
.etat3:after,
.etat4:after,
.etat5:after,
.etat6:after{
    border-bottom: 7px solid transparent;
    border-right: 7px solid #FE6867;
    border-top: 7px solid transparent;
    content: " ";
    height: 0;
    left: 3px !important;
    position: absolute;
    top: calc(50% - 7px);
    width: 0;
}
.etat1::before, .etat1::after,
.etat2::before, .etat2::after,
.etat3::before, .etat3::after,
.etat4::before, .etat4::after,
.etat5::before, .etat5::after,
.etat6::before, .etat6::after
{
    opacity: 0;
    visibility: hidden;
}
.etat1:hover::before, .etat1:hover::after,
.etat2:hover::before, .etat2:hover::after,
.etat3:hover::before, .etat3:hover::after,
.etat4:hover::before, .etat4:hover::after,
.etat5:hover::before, .etat5:hover::after,
.etat6:hover::before, .etat6:hover::after
{
    opacity: 1;
    visibility: visible;
}*/

.border {
    background-image: linear-gradient(90deg, #d9c905 50%, transparent 50%), linear-gradient(90deg, #d9c905 50%, transparent 50%), linear-gradient(0deg, #d9c905 50%, transparent 50%), linear-gradient(0deg, #d9c905 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: left top, right bottom, left bottom, right   top;
    animation: border-dance 1s infinite linear;
}
@keyframes border-dance {
    0% {
        background-position: left top, right bottom, left bottom, right   top;
    }
    100% {
        background-position: left 15px top, right 15px bottom , left bottom 15px , right   top 15px;
    }
}
/*.etat2{background:repeating-linear-gradient(
  -55deg,
  transparent,
  transparent 10px,
  rgba(255,255,255,.2) 10px,
  rgba(255,255,255,.2) 20px
);}
.etat3{background:repeating-linear-gradient(
  -55deg,
  #73C8A9,
  #73C8A9 10px,
  #90e2c4 10px,
  #90e2c4 20px
);}
.etat4{background-color:#73C8A9 !important;}*/
/*.passe::after{background-color:#fff;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;}*/
.passe::after{background:repeating-linear-gradient(
                  -55deg,
                  transparent,
                  transparent 10px,
                  rgba(255,255,255,.2) 10px,
                  rgba(255,255,255,.2) 20px
                  );content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;}


/*******BOUTON***********/

.angle.active{color: #4cbb9a !important}
.angle.active::before {border-left: 1px solid #4cbb9a;border-top: 1px solid #4cbb9a;content: "";display: block;height: 10px;left: 0;position: absolute;top: 0;width: 10px;}
.angle.active::after {border-right: 1px solid #4cbb9a;border-top: 1px solid #4cbb9a;content: "";display: block;height: 10px;position: absolute;right: 0;top: 0;width: 10px;}
.angle.active {position: relative;}
.angle.active .cadre::before{border-bottom: 1px solid #4cbb9a;border-left: 1px solid #4cbb9a;bottom: 0;content: "";display: block;height: 10px;left: 0;position: absolute;width: 10px;}
.angle.active .cadre::after{border-bottom:1px solid #4cbb9a;border-right: 1px solid #4cbb9a;bottom: 0;content: "";display: block;height: 10px;position: absolute;right: 0;width: 10px;}

/*************SWITCH****************/
.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;}
.switch.disabled{cursor: default;filter: grayscale(1);}
.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";}
.switch.off .curseur::before{opacity:1}
.switch.off .curseur::after{opacity:0}

.curseur{background-color: rgba(76, 187, 154,1) !important;}


.switch.off .curseur {background-color: rgba(222,125,121,1) !important;}

.curseur::after,.curseur::before{line-height: 1;margin-top: -0.5em;position: absolute;top: 50%;-webkit-transition: 0.2s ease 0s; -moz-transition: 0.2s ease 0s; -o-transition: 0.2s ease 0s; -ms-transition: 0.2s ease 0s; transition: 0.2s ease 0s;text-align: center;width:60%}
.curseur::after {color: white;content: "\f115";text-shadow: 0 1px rgba(0,0,0, 0.5);left:0}
.curseur::before {color: white;content: "\f123";text-shadow: 0 1px rgba(0, 0, 0, 0.5);right:2px;opacity:0}
.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: calc(100% - 2px);left: 60%;position: absolute;top: 4px;width: 35%;}
.switch.off .point{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);left: 4px !important;right:100%}





.curseur.monnaie{font-family: "Roboto";font-size:17px}
.curseur.monnaie,.switch.off .curseur.monnaie{background-color: #66829A !important;}
.curseur.monnaie::after {content: "€";}
.curseur.monnaie::before {content: "%";}

.curseur.base{font-family: "Roboto";font-size:10px}
.curseur.base,.switch.off .curseur.base{background-color: #66829A !important;}
.curseur.base::after {content: "base T.T.C";}
.curseur.base::before {content: "base H.T";}


/*******TRIANGLE*********/
.triangle{position: relative}
.triangle:after{position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 0 40px 40px;border-color: transparent #000 transparent  transparent ;bottom:0;left:0;content:" ";opacity: 0.2}
.tri.bas.gauche:after{position:absolute;width: 0;height: 0;border-style: solid;border-width: 40px 0 0 40px;border-color: transparent transparent transparent #fff ;bottom:0;right:-40px;content:" ";}
.tri.haut.droite.fbl:after{position:absolute;width: 0;height: 0;border-style: solid;border-width:0 40px 40px 0;border-color: transparent #66829A transparent transparent ;top:0;left:-40px;content:" ";}


/**********ALT****************/
.affiche{position: relative}
.affiche > .op0.hid{-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;}
.affiche:hover  > .op0.hid{
    opacity: 1 !important;
    display: inherit !important
}

.altg,.altd,.alth,.altb{position: relative}
.altg.absolute,.altd.absolute,.alth.absolute,.altb.absolute{position: absolute}
.altg::before,.altd::before,.alth::before,.altb::before,.altg::after,.altd::after,.alth::after,.altb::after{opacity:0;visibility: hidden;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 400;letter-spacing: initial;text-transform: initial;}
.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:#FE6867;/*#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 #FE6867;/*#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 #FE6867;/*#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 #FE6867;/*#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 #FE6867;/*#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.gauche[alt]::before,.alth.gauche[alt]::before{right:calc(50% - 15px)  !important;left: inherit}
.altb.droite[alt]::before,.alth.droite[alt]::before{left:0 !important;right: inherit}
.altb.droite::after{left:10px !important}


/*******HEADER***********/



/*******FOOTER***********/


/*******CDF*************/


/***********NAV****************/

/*.ul_menu .limenu{border-right:1px solid #999;}*/
/*.ul_menu .limenu:first-child{border-top-left-radius: 30px;border-bottom-left-radius: 30px;}*/
/*.ul_menu .limenu:last-child{border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-right: none;}*/
#navigation,#panier{width: 330px;height: calc(100vh - 50px);top:50px}
#corp{width: 100%;left:0;box-shadow: 0 20px 20px #000;top:50px;position: relative}
#corp:after{-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}

#corp.active{width:100%;position: absolute;left:330px;overflow-y: hidden}
#corp.activepanier{width:100%;position: absolute;left:-330px;overflow-y: hidden}
#corp.active:after,#corp.activepanier:after{background-color:#000;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 999;-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;visibility: visible}
#fixedSlide{height: 60vh;}
#fixedSlide.intermediaire{height: 40vh}


#fixedSlide.liste{height: 40vh}
#fixedSlide.fiche{display: none}
#conteneur.fiche {top: 30px;}

#fixedSlide.marque{height: 40vh}

#fixedSlide.compte,#fixedSlide.static{height: 35vh}
.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;}
.fondTriangle {
    background-color: #f2f5fa;
    background-image: url("../images/gfx/fond_triangle.jpg");
    background-position: center 0;
    background-repeat: repeat-x;
    position: relative;
}
#listeMarque {
    background-attachment: fixed;
    background-image: url("../images/gfx/fond_velo.jpg");
    background-position: center 0;
    position: relative;
    z-index: 2;
}
#about .fond {
    background-attachment: fixed;
    background-image: url("../images/fond_about.jpg");
    background-position: left bottom;
}
#about .fondTriangle::after {
    border-color: transparent transparent #f2f5fa;
    border-style: solid;
    border-width: 0 0 80px 80px;
    bottom: 0;
    content: " ";
    height: 0;
    left: -80px;
    position: absolute;
    width: 0;
}
.ui-draggable-handle{cursor: move}
.brille {
    -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
    -webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:brille;animation-name:brille;
}
@keyframes brille {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(45deg);
    }
    100% {
        filter: hue-rotate(0deg);
    }
}

.panel {perspective: 600px;position: relative;}

.panel .front {backface-visibility: hidden;transform: rotateY(0deg);transform-style: preserve-3d;transition: all 0.4s ease-in-out 0s;z-index: 3;}

.panel .back {backface-visibility: hidden;left: 0;position: absolute;top: 0;transform: rotateY(-180deg);transform-style: preserve-3d;transition: all 0.4s ease-in-out 0s;z-index: 2;}

.panel.hover:hover .front,.panel.flip .front {transform: rotateY(180deg);z-index: 2;}
.panel.hover:hover .back,.panel.flip .back {transform: rotateY(0deg);z-index: 3;}

/************TIMELINE**************/
.timeline {
    margin: 20px auto;
    position: relative;
}
.timeline:before {
    content: '';
    display: block;
    position: absolute;
    /*  left: 50%;*/
    left: 30px;
    top: 65px;
    margin: 0 0 0 -1px;
    width: 2px;
    height: calc(100% - 65px);
    border-left: 2px dashed rgba(0,0,0,0.2);
}
.timeline .article {
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}
.timeline .article:after {
    content: '';
    display: block;
    clear: both;
}
.timeline .article .inner {
    /*width: 40%;*/
    width: calc(100% - 80px);
    /*  float: left;*/
    float: right;
    margin: 5px 0 0 0;
    border-radius: 6px;
}
.timeline .article .inner .date{
    width: 60px;
    height: 60px;
    padding: 5px 0;
    position: absolute;
    top: 0;
    /*left: 50%;*/
    left: 30px;
    margin: 0 0 0 -32px;
    border-radius: 100%;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    border: 2px solid rgba(255,255,255,0.2);
}
.timeline .article .inner .article_poubelle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 80px;
    left: 15px;
    border-radius: 100%;
    text-transform: uppercase;
    box-shadow: 0 0 0 3px #fff;
    line-height: 30px;
}
.timeline .article .inner .date span {
    display: block;
    text-align: center;
}
.timeline .article .inner .titre {
    padding: 15px;
    margin: 0;
    color: #fff;
    border-radius: 6px 6px 0 0;
    position: relative;
}
.timeline .article .inner .titre:after {
    content: '';
    position: absolute;
    top: 20px;
    /*right: -5px;*/
    left: -5px;
    width: 10px; 
    height: 10px;
    -webkit-transform: rotate(-45deg);
}
.timeline .article .inner .contenu {
    margin: 0;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #656565;
    border-radius:  6px;
    position:relative;
}
.timeline .article .inner .contenu:after {
    position:absolute;width: 0;height: 0;
    border-top : 10px solid transparent;
    border-right : 10px solid  var(--color);
    border-bottom : 10px solid transparent;
    top:10px;left:-10px;content:" ";z-index: 10;
}
.timeline .article .inner .contenu:before {
    position:absolute;width: 0;height: 0;
    border-top : 12px solid transparent;
    border-right : 12px solid #ccc;
    border-bottom : 12px solid transparent;
    top:8px;left:-12px;content:" ";z-index: 9;
}
.timeline .article:nth-child(2n+2) .inner {
    float: right;
}
.timeline .article:nth-child(2n+2) .inner .titre:after {
    left: -5px;
}
.timeline .article .inner .titre {
    background: var(--color);
}
.timeline .article .inner .titre:after {
    background: var(--color);
}
.slidedown.icon:after, .slide.icon:after {
    position: absolute;
    left: 8px;
    top: 0
}

.slidedown.icon, .slide.icon {
    position: relative;
    padding-left: 30px
}
/*.mce-panel {border: none !important}*/

/*.mce-container-body.mce-stack-layout{height: 100%;display: flex !important;display: -webkit-flex !important;flex-direction: column; -webkit-flex-direction: column;-moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;}*/
/*.mce-edit-area{height:100% !important}*/
/*.mce-tinymce.mce-container.mce-panel{height: 100% !important}*/
/*.mce-menubtn.mce-fixed-width span{width: 30px !important}*/
/*.mce-tinymce{box-shadow: inherit !important;-webkit-box-shadow: inherit !important}*/
/*.mce-top-part::before{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2) !important}*/

.tiny ul,.tiny p{margin:0 0 5px 0}
.tiny ul,.tiny ol{padding: revert !important;}
.tiny ul li,.tiny ol li{list-style: revert !important;}
.mce-panel{border-radius: 10px;overflow:hidden;box-shadow: 0 0 20px 5px rgb(0 0 0 / 40%) !important}
.gradientL {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 10;
}

.gradientR {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 10;
}
.fg .gradientL {
    background: rgb(238, 238, 238);
    background: linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
    z-index: 10;
}

.fg .gradientR {
    background: rgb(238, 238, 238);
    background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 100%);
    z-index: 10;
}
.bulle {
    border-radius: 15px;
    border-top-left-radius: 0px;
    box-shadow: 0 0px 25px 0px rgba(0, 0, 0, 0.4)
}
.bulle2 {
    border-radius: 15px;
    border-top-right-radius: 0px;
    box-shadow: 0 0px 25px 0px rgba(0, 0, 0, 0.4)
}
.bulle.mess,.bulle2.mess {
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.4)
}

::placeholder {
    color: #ccc;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
    opacity: 1; /* Firefox */
}
textarea.repondre{padding:0 !important}
[data-ph]:empty:before {
    content:attr(data-ph);
    color:#999;
    font-style:italic;
    cursor: text;
}
#not_com.dragged .bloc_chat{
    filter: blur(3px);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
}
#not_com.dragged .after_com{
    display: block;
    height: 0;
    top:40%;
    z-index: 1;
}
#not_com.dragged{
    outline: 5px dashed #66829A;
    -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
    -webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:changeOutline;animation-name:changeOutline;
}
@keyframes changeOutline {
    0% {
        outline-offset: -10px;
        background-color:#eee;
    }
    50% {
        outline-offset: -15px;
        background-color:#fff;
    }
    100% {
        outline-offset: -10px;
        background-color:#eee;
    }
}
.content_tchat:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    background: rgb(238,238,238);
    background: linear-gradient(180deg, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
}
audio{
    height: 40px;
    width: 250px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-transition-delay: 99999s;
}

@keyframes sonarWarning {0% {box-shadow: 0 0 0 0 #66829A;}100% {box-shadow: 0 0 0 15px rgba(102,130,154, 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 #4cbb9a;}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: 30px;content: "\f11a";font-size: 20px;height: 50px;line-height: 50px;left: -60px;position: absolute;text-align: center;top: calc(50% - 25px);width: 50px;}
.messagepop.fbl::before {content: "\f113";animation: 1.8s linear 0s normal none infinite running sonarWarning;background-color: #66829A;}
.messagepop.fo::before,.messagepop.fr::before {content: "\f112";animation: 1.8s linear 0s normal none infinite running sonarDanger;background-color: #ff715b;}
.messagepop.fv::before {content: "\f115";animation: 1.8s linear 0s normal none infinite running sonarSuccess;background-color: #4cbb9a;}


.liclient.client:hover,.liclient.client.active{
    padding-left: 5px
}

#bloc_rep {
    -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;
}
#bloc_rep:focus-within {
    -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;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    background-color: #f2f2f2;
}


.item:not(.none) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.creneau {
    user-select: none; /* CSS3 (little to no support) */
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}

body.fonce{
    background-color: #252528;
    color: #fff;
}
body.fonce .fb{
    background-color: #2D303A;
}
body.fonce .fb08{
    background-color: rgba(45,48,58,0.8);
}

body.fonce .ligneTab:nth-child(even),body.fonce .ligneTab2:nth-child(even) {background-color: #252528;}
body.fonce .ligneTab:nth-child(odd),body.fonce .ligneTab2:nth-child(odd) {background-color: #2D303A;}

body.fonce .bb,body.fonce .ba,body.fonce .br,body.fonce .bl,body.fonce .bt,body.fonce .bbd,body.fonce .btdotted,body.fonce .badash{
    border-color: #525a6a;
    /*    border-color: rgba(170, 182, 208, 0.3);*/
}
body.fonce .br9,body.fonce .bl9,body.fonce .ul_menu .limenu{
    border-color: #282b33;
    /*    border-color: rgba(170, 182, 208, 0.3);*/
}
body.fonce .content_tchat:after {
    background: rgb(53,60,75);
    background: linear-gradient(180deg, rgba(53,60,75,0) 0%, rgba(53,60,75,1) 100%);
}

body.fonce .noir{
    color:#fff
}
body.fonce .black{
    color:#2D303A
}
body.fonce .orange{color:#DF7D79;}
body.fonce .fw{
    background-color:#fff
}
body.fonce .fgris{
    background-color:#252528
}

/*body.fonce .bouton{background-color: #42535d !important;}*/

body.fonce .fhover:hover{background-color: #42535d !important;}
/*body.fonce .hover:hover{color: #4cbb9a !important;}*/
body.fonce .fv.fhover:hover{background-color: #679d90 !important}
/*body.fonce .fhover.hover:hover {color: #FE6867;}*/
body.fonce .fg.fhover:hover,body.fonce .fb6.fhover:hover,body.fonce .bouton.fhover:hover{background-color: #42535d !important;cursor: pointer !important}
body.fonce .fhoverchild:hover .child {
    background-color: rgba(93,111,128, 0.8);
}
body.fonce .fg{
    background-color: #353c4b;
}
body.fonce .fb6 {
    background-color: #353d4e;
}
body.fonce .ombre0025{box-shadow: 0 0 25px 0 rgba(0,0,0,0.5)}
body.fonce .ombre0010{box-shadow: 0 0 10px 0 rgba(0,0,0,0.5)}
body.fonce .f0 {
    background-color: #464f63;
}
body.fonce .vert {
    color: #4cbb9a;
}
body.fonce .vert2 {
    color: #b3fa00;
}
body.fonce .fbl {
    background-color: #6793b9;
}
body.fonce .ba2v{border:2px solid #4cbb9a}
body.fonce .bav{border:1px solid #4cbb9a}
body.fonce .bleu2 {
    color: #85d6de;
}
body.fonce .bleu {
    color: #74A3B3;
}
body.fonce .fccc.geee{color: #353c4b;}

body.fonce .ba2bl{box-shadow: 0 0 0px 3px #4cbb9a;}
body.fonce .br3bl{border-right:3px solid #4cbb9a;}
body.fonce .bb2blc {
    border-bottom: 3px solid #4cbb9a;
}
body.fonce .input.bb:before, .editable:before {
    border-bottom: 3px solid #4cbb9a;
}
body.fonce input[type=text],body.fonce  input[type=password],body.fonce  input[type=email],body.fonce  input[type=date],input[type=datetime],body.fonce  input[type=number],body.fonce  input[type="tel"],body.fonce textarea {
    color: #fff;
}
body.fonce input.vert {
    color: #4cbb9a;
}
body.fonce input[readonly=readonly],body.fonce input[readonly=readonly]:focus{color:#999 !important}

/*body.fonce .fc-sat,body.fonce .fc-sun {
    background-color: rgba(45,50,61,0.4) !important;
    border-color: rgba(45,50,61,0.3) !important;
}*/
body.fonce .fc-unthemed th,
body.fonce .fc-unthemed td,
body.fonce .fc-unthemed thead,
body.fonce .fc-unthemed tbody,
body.fonce .fc-unthemed .fc-divider,
body.fonce .fc-unthemed .fc-row,
body.fonce .fc-unthemed .fc-content,
body.fonce .fc-unthemed .fc-popover,
body.fonce .fc-unthemed .fc-list-view,
body.fonce .fc-unthemed .fc-list-heading td {
    border-color: #353c4b ;
}

body.fonce .fc-time-grid .fc-slats .fc-minor td {
    border-top-color: #343841  !important;
}
body.fonce .fc-time-grid .fc-slats .fc-minor:nth-child(2n+1) td {
    border-top-color: #353c4b  !important;
}

body.fonce .fc-day-header {
    background-color: #353c4b;
    border-color: #252528 !important ;
}

body.fonce .fc-fri {
    border-color: #66829a !important;
    border-right-width:2px;
}
body.fonce .fc-axis {
    background-color: #353c4b;
}
body.fonce .fc-unthemed td.fc-today {
    background: #282b33;
}
body.fonce .fc-left,body.fonce  .fc-right {
    background-color: transparent;
}
body.fonce .fc-state-default {
    background-color: #66829A;
    border: 1px solid #66829A;
}
body.fonce .fc-state-default:hover {
    background-color: #3a4459;
    color: #fff;
}
body.fonce .fc-state-default.active {
    background-color: #3a4459;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
body.fonce .fc-state-default.fc-state-disabled {
    background-color: #252528;
    color: #fff;
    opacity: 0.5;
}
body.fonce .g999,body.fonce .placeholder,body.fonce .placeholder.active{
    color:#999;
}

body.fonce .switch {background-color: #2D303A;background-image: linear-gradient(to bottom, #2D303A, #353c4b 25px);box-shadow: 0 -1px #2D303A inset, 0 1px 1px rgba(0, 0, 0, 0) inset;}
body.fonce .loading {background-image: url("https://www.bexoffice.pro/images/gfx/loader.gif");}
/*body.fonce .divpop.fb {
    background-color: #394152;
}
body.fonce .divpop .fb {
    background-color: #394152;
}*/
body.fonce #popContent.shadow{box-shadow:0 24px 38px 3px rgba(0,0,0,0.3), 0 9px 46px 8px rgba(0,0,0,0.3), 0 11px 15px -7px rgba(0,0,0,0.5);}
body.fonce #pop.fn05 {
    background-color: rgba(0,0,0,0.65);
}
body.fonce .white {
    color: #fff;
}
body.fonce ::placeholder {
    color: #999;
    opacity: 1; /* Firefox */
}
body.fonce .fv {
    background-color: #4cbb9a;
    color: #252528;
}

body.fonce .front .fb.radius50P {
    background-color: #252528;
}

body.fonce  #bloc_rep:focus-within {
    box-shadow: 0 0 15px #000;
    background-color: #1d232d;
}
body.fonce .swiper-pagination-bullet-active{
    background: #4cbb9a;
}

body.fonce #not_com.dragged{
    outline: 5px dashed #4cbb9a;
    -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
    -webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:changeOutlineFonce;animation-name:changeOutlineFonce;
}

body.fonce .timeline:before{
    border-left: 2px dashed rgba(255,255,255,0.2);
}
body.fonce .timeline .article .inner .article_poubelle{
    box-shadow: 0 0 0 3px #1e1e21;
}
@keyframes changeOutlineFonce {
    0% {
        outline-offset: -10px;
        background-color:#353c4b;
    }
    50% {
        outline-offset: -15px;
        background-color:#2D303A;
    }
    100% {
        outline-offset: -10px;
        background-color:#47546f;
    }
}