:root {
    --fondGpt: #2c2c2c;
    --fondMessageGpt: #3a3a3a;
    --fondSendGpt: #676767;
    --fondTitreGpt: #0D0D0D;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
    background-color: var(--color);
}

/*.messagepush {
    position: relative;
    background-color: rgb(103, 147, 185,0.4);
    border: 1px solid rgb(255, 255, 255,0.2);
    backdrop-filter: brightness(0.5)  blur(3px);
}*/
.messagepush {
    position: relative;
    background-color: rgb(103, 147, 185,0.4); /* Plus clair pour l'effet "verre" */
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px) brightness(0.5);
    -webkit-backdrop-filter: blur(5px) brightness(0.5);
}
.messagepush.erreur {
    background-color: rgba(254, 104, 103, 0.4) !important;
}


/*******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.danger2: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.import: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";
}

.icon.perte:after {
    content: "\f155";
}

.icon.inventaire:after {
    content: "\f156";
}

.icon.stock:after {
    content: "\f157";
}

.icon.gpt:after {
    content: "\f158";
}

.icon.copier:after {
    content: "\f159";
}

.icon.like:after {
    content: "\f15a";
}

.icon.unlike:after {
    content: "\f15b";
}

.icon.like.active:after {
    content: "\f15c";
}

.icon.unlike.active:after {
    content: "\f15d";
}

.icon.ivy:after {
    content: "\f15e";
}

.icon.new_convers:after {
    content: "\f15f";
}

.icon.scan:after {
    content: "\f160";
}

.icon.print:after {
    content: "\f161";
}

.icon.intuitive:after {
    content: "\f162";
}

.icon.export:after {
    content: "\f163";
}

.icon.merge3:after {
    content: "\f164";
}

.icon.merge:after {
    content: "\f165";
}

.icon.merge2:after {
    content: "\f166";
}

.icon.tri:after {
    content: "\f167";
}

.icon.histo:after {
    content: "\f168";
}
.icon.voiture:after {
    content: "\f169";
}
.icon.newsletter:after {
    content: "\f16a";
}
.icon.computer:after {
    content: "\f16b";
}
.icon.mobile:after {
    content: "\f16c";
}
.icon.tablet:after {
    content: "\f16d";
}
.icon.myintuitive:after {
    content: "\f16e";
}
.icon.visio:after {
    content: "\f16f";
}
.icon.event:after {
    content: "\f170";
}
.icon.googleb:after {
    content: "\f171";
}
.icon.google:after {
    content: "\f172";
}


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

.ba3v {
    border: 3px solid #4cbb9a
}

.bav {
    box-shadow: 0 0px 0px 1px #4cbb9a;
}

.babl {
    border: 1px solid #66829A
}

.bao {
    border: 1px solid #DF7D79
}

.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,.feee{
    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,.ff {
    background-color: #fff
}

.fb08 {
    background-color: rgba(255, 255, 255, 0.8)
}

.fbl, .fbl2 {
    background-color: #66829A
}

.fv {
    background-color: #4cbb9a
}

.fvim {
    background-color: #4cbb9a !important;
}

.fvc {
    background-color: rgba(76, 187, 154, 0.3);
}
.fvic {
    background-color: rgb(156 84 184 / 30%);
}
.fblc {
    background-color: rgba(102, 130, 154, 0.5)
}

.foc {
    background-color: rgba(254, 104, 103, 0.3);
}

.fgc {
    background-color: rgba(153, 153, 153, 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: #48ad8f;
    cursor: pointer !important
}
.fbl.fhover:hover {
    background-color: #4b677e;
    cursor: pointer !important
}

.click.fv .fvc{
    background-color: #fff;
    color: #48ad8f;
}


.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;}*/
.bg1{
    background-color: rgba(255, 255, 255, 0.5);
}
.bg2{
    background-color: #FF00CC;
}
.bg3{
    background-color: #00B4FF;
}
.bg4{
    background-color: #44C260;
}
.bg7{
    background-color: #BE80FF;
}
.bg4{
    background-color: #44C260;
}
.bg5,.bg9{
    background-color: #000000;
}
.bg8, .bg10, .bg11 {
    background-color: #ff0 !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 #00B4FF !important;
}

.etat4 {
    border-left: 4px solid #44C260 !important;
}

.etat7 {
    border-left: 4px solid #BE80FF !important;
}

.etat5, .etat9 {
    border-left: 4px solid #000000 !important;
}

.etat8, .etat10, .etat11 {
    border-left: 4px solid #ff0 !important;
}

.etat6 {
    /*border-right: 4px solid var(--color) !important;*/
    background: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 10px,
            rgba(255, 255, 255, .2) 10px,
            rgba(255, 255, 255, .2) 20px
    );
}

.fc-time-grid .fc-bgevent.bg-creneau-indispo {
    opacity: 1;
    background-color:rgba(0, 0, 0, 0) !important;
    background-image: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            var(--creneau-indispo-stripe, rgba(0, 0, 0, .05)) 10px,
            var(--creneau-indispo-stripe, rgba(0, 0, 0, .05)) 20px
    );
}
.fc-time-grid .fc-bgevent.bg-creneau-indispo:after {
    content: "Créneau fermés " ;
    position:absolute;
    text-align:center;
    width:100%;
    top:45%;
    opacity:0.3;
    font-size:11px;
}

.fc-time-grid .fc-bgevent.bg-creneau-ouvert-salle {
    opacity: 1;
    background-color: var(--creneau-open-bg, rgba(120, 120, 120, 0.10));
    background-image: none;
}
.fc-time-grid .fc-bgevent.bg-creneau-ouvert-salle:after {
    content: "Créneau ouvert " var(--nom-salle)  ;
    position:absolute;
    text-align:center;
    width:100%;
    top:calc(50% + var(--top));
    color :  var(--creneau-couleur);
    opacity:0.6;
    font-size:11px;
}

.legende6 {
    background: repeating-linear-gradient(-45deg, #666, #666 2px, rgba(255, 255, 255, .8) 2px, rgba(255, 255, 255, .8) 5px);
}

.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(
  -45deg,
  transparent,
  transparent 10px,
  rgba(255,255,255,.2) 10px,
  rgba(255,255,255,.2) 20px
);}
.etat3{background:repeating-linear-gradient(
  -45deg,
  #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(
            -45deg,
            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%;
}

.bloque::after {
    background: repeating-linear-gradient(
            -90deg,
            transparent,
            transparent 20px,
            rgba(45, 48, 58, 0.2) 10px,
            rgba(45, 48, 58, 0.2) 40px
    );
    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;
}

.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.45em;
    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: 30px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    height: calc(100% - 3px);
    left: calc(65% - 2px);
    position: absolute;
    top: 2px;
    width: 35%;
}

.switch.off .point {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    left: 2px !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.perso::after {
    content: var(--after);
}

.curseur.perso::before {
    content: var(--before);
}
.switch.off .curseur.perso {
    background-color: var(--color) !important;
}

.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;
}
.font-alt10.altg::before, .font-alt10.altd::before, .font-alt10.alth::before, .font-alt10.altb::before, .font-alt10.altg::after, .font-alt10.altd::after, .font-alt10.alth::after, .font-alt10.altb::after {
    font-size: 10px;
}

.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: #4cbb9a; /*#FE6867*/ /*#6382A9*/
    color: #2D303A;
    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;
    border-radius: 5px;
    font-family: 'Roboto', 'helvetica', sans-serif;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.altg::after {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #4cbb9a; /*#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 #4cbb9a; /*#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 #4cbb9a; /*#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 #4cbb9a; /*#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
}


.infobulle:hover .popinfo {
    opacity: 1 !important;
    visibility: visible
}

.popbulleRight {
    bottom: 40px;
    right: -8px;
    z-index: 10;
    width: 300px;
}

.popbulleLeft {
    bottom: 40px;
    left: -8px;
    z-index: 10;
    width: 300px
}

.popbulleRight::before {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #66829A;
    bottom: -10px;
    content: " ";
    height: 0;
    right: 25px;
    position: absolute;
    width: 0;
}

.popbulleLeft::before {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #66829A;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 25px;
    position: absolute;
    width: 0;
}



/*******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, .timeline40 {
    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);
}

.timeline40:before {
    content: '';
    display: block;
    position: absolute;
    /*  left: 50%;*/
    left: 40px;
    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 .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.pad.icon:after, .slide.icon:after {
    position: absolute;
    left: 8px;
    top: 0
}

.slidedown.pad.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;
    }
}

audio {
    height: 40px;
    width: 250px;
}


@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, .lipresta.liprod:hover, .lipresta.liprod.active,.client_collectif:hover, .client_collectif.active,.client_campagne:hover, .client_campagne.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; /* Permet à chaque élément de se redimensionner en fonction de l'image */
    width: min-content; /* L'élément prendra la largeur de son contenu, ici l'image */
    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 .popbulleRight::before {
    border-top: 10px solid #6793b9;
}

body.fonce .popbulleLeft::before {
    border-top: 10px solid #6793b9;
}

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: #2a2a2f;
}

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: #4f5157 /*#464b55*/;
    /*    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 .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: #252729 !important;
}

body.fonce .fhoverb:hover {
    background-color: #fff !important;
}

/*body.fonce .hover:hover{color: #4cbb9a !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: #252729 !important;
    cursor: pointer !important
}

body.fonce .fv.fhover:hover {
    color: #4cbb9a !important
}

body.fonce .fbl.fhover:hover {
    background-color: #505b73 !important;
    cursor: pointer !important
}

body.fonce .fhoverchild:hover .child {
    background-color: rgba(93, 111, 128, 0.8);
}

body.fonce .fg {
    background-color: #3b3f4b /*#353c4b*/;
}

body.fonce .ff {
    background-color: #252528;
}

body.fonce .fb6 {
    background-color: #404859;
}
body.fonce .fo {
    background-color: #de7d79;
}

body.fonce .ombre0025 {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5)
}

body.fonce .ombre {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2)
}

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 {
    box-shadow: 0 0px 0px 1px #4cbb9a;
}

body.fonce .ba3v {
    box-shadow: 0 0px 0px 3px #4cbb9a;
}

body.fonce .bav.ombre {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0px 0px 1px #4cbb9a;
}

body.fonce .bleu2 {
    color: #85d6de;
}

body.fonce .bleu {
    color: #74A3B3;
}

body.fonce .fccc.geee {
    color: #3b3f4b /*#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[type=text].g999, body.fonce input[type=password].g999, body.fonce input[type=email].g999, body.fonce input[type=date].g999, input[type=datetime].g999, body.fonce input[type=number].g999, body.fonce input[type="tel"].g999, body.fonce textarea.g999 {
    color: #999;
}

body.fonce input.vert {
    color: #4cbb9a;
}

body.fonce .check_input.valide:after {
    background-color: #3b3f4b /*#353c4b*/;
}

body.fonce .vide_champ_input {
    background-color: #3b3f4b /*#353c4b*/;
}


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: #3b3f4b /*#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: #3b3f4b /*#353c4b*/ !important;
}

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

/*body.fonce .fc-fri {
    border-color: #66829a !important;
    border-right-width: 1px;
}*/

body.fonce .fc-day-header.fc-widget-header.fc-sat, body.fonce .fc-day-header.fc-widget-header.fc-sun {
    background-color: #282b33 !important;
}

body.fonce .fc-day-header.fc-widget-header.fc-sat.fv, body.fonce .fc-day-header.fc-widget-header.fc-sun.fv {
    background-color: #4cbb9a !important;
}

body.fonce .fc-axis {
    background-color: #3b3f4b /*#353c4b*/;
}

body.fonce .fc-unthemed td.fc-today {
    background: #1e1e1e;
}

body.fonce .fc-time-grid .fc-bgevent.bg-creneau-indispo {
    opacity: 1;
    background-color:rgba(0, 0, 0, 0) !important;
    background-image: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(0, 0, 0, .5) 10px,
            rgba(0, 0, 0, .5) 20px
    ) !important;
}
body.fonce .fc-time-grid .fc-bgevent.bg-creneau-indispo:after {
    color :  #fff;
}

body.fonce .fc-time-grid .fc-bgevent.bg-creneau-ouvert-salle {
    opacity: 1;
    background-color: var(--creneau-open-bg, rgba(120, 120, 120, 0.10));
    border-right: 1px solid var(--creneau-couleur);
    border-left: 1px solid var(--creneau-couleur);
    background-image: none;
}


body.fonce .fc-day-header.fc-widget-header.fc-today {
    color: #4cbb9a;
}

body.fonce .fc-day-header.fc-widget-header.fc-today.fv {
    color: #fff;
}

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-event {
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .5) !important;
    background-color: #252528;
}
body.fonce .fc-event.etat6 .fc-bg {
    background-color: #7e87a1;
}

body.fonce .fc-time-grid-event .fc-time {
    border-bottom: 1px solid rgb(53 60 75 / 50%) !important;
}

body.fonce .fc-state-default.fc-state-disabled {
    background-color: #252528;
    color: #fff;
    opacity: 0.5;
}

body.fonce .g999, body.fonce .placeholder.active {
    color: #999;
}

body.fonce .placeholder {
    color: #707070
}

body.fonce .switch {
    background-color: #2D303A;
    background-image: linear-gradient(to bottom, #2D303A, #3b3f4b /*#353c4b*/ 25px);
    box-shadow: 0 -1px #2D303A inset, 0 1px 1px rgba(0, 0, 0, 0) inset;
}

body.fonce .loading {
    background-image: url("https://app.myintuitive.fr/images/gfx/loading_blanc.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:not(.pourc) {
    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, body.fonce .timeline40: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;
}

body.fonce .etat6 {
    /*border-right: 4px solid var(--color) !important;*/
    background: repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 10px,
            rgba(255, 255, 255, .1) 10px,
            rgba(255, 255, 255, .1) 20px
    );
}

@keyframes changeOutlineFonce {
    0% {
        outline-offset: -10px;
        background-color: #3b3f4b /*#353c4b*/;
    }
    50% {
        outline-offset: -15px;
        background-color: #2D303A;
    }
    100% {
        outline-offset: -10px;
        background-color: #47546f;
    }
}

/**********GPT************/
.bt-gpt {
    border-top: 1px solid var(--fondSendGpt);
}

.bb-gpt {
    border-bottom: 1px solid var(--fondSendGpt);
}

.fond-gpt {
    background-color: var(--fondGpt);
}

.fond-messageGpt {
    background-color: var(--fondMessageGpt);
}

.fond-sendGpt {
    background-color: var(--fondSendGpt);
}

.fond-titreGpt {
    background-color: var(--fondTitreGpt);
}

.fhover.ia:hover {
    background-color: var(--fondSendGpt);
    cursor: pointer !important
}

.fhover.gpt:hover {
    background-color: var(--fondSendGpt);
    cursor: pointer !important
}

.animated-color {
    color: #fff;
    animation: colorChange 2s infinite;
}

.animated-color5 {
    color: #fff;
    animation: colorChange 2s 5;
}

@keyframes colorChange {
    0% {
        color: #fff;
    }
    50% {
        color: #999;
    }
    100% {
        color: #fff;
    }
}

.animated-text-swipe {
    background: linear-gradient(90deg, #888 35%, #fff 50%, #888 65%);
    background-size: 200% 100%; /* Taille du dégradé pour l'effet de balayage */
    background-clip: text; /* Applique le fond uniquement au texte */
    -webkit-background-clip: text; /* Compatibilité pour Chrome et Safari */
    color: transparent; /* Rendre la couleur du texte transparente */
    animation: textColorSwipe 3s infinite; /* Animation en boucle */
}

/* Définition de l'animation */
@keyframes textColorSwipe {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: 0% 0;
    }
}

#chat_gpt, #param {
    min-width: 350px !important;
    max-width: 80vw;
    right: 0 !important;
}

#chat_gpt .resizer, #param .resizer {
    width: 3px;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    cursor: ew-resize;
    z-index: 5;
}

#chat_gpt:hover .resizer, #param:hover .resizer {
    background-color: rgba(76, 187, 154, 0.7);
}

#mapContainer .resizer {
    width: 100%;
    height: 3px;
    background-color: #4cbb9a;
    position: absolute;
    left: 0;
    top: 0;
    cursor: n-resize;
    z-index: 500;
}
#mapContainer .resizer:after {
    left: calc(50% - 20px);
    top: 0;
    content: ": : : ";
    background-color: #4cbb9a;
    position: absolute;
    z-index: 500;
    padding: 0 10px;
    font-weight: 900;
    border-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.form_reponse_gpt:focus-within {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4)
}

.math-formula {
    font-family: 'Courier New', Courier, monospace; /* Police de type monospace */
    background-color: #272727; /* Couleur de fond sombre pour le bloc */
    border: 1px solid #444; /* Bordure sombre du bloc */
    border-radius: 5px; /* Coins arrondis */
    padding: 10px;
    margin: 10px 0;
    display: table;
}

.fraction {
    display: inline-block;
    text-align: center;
}


/* Style pour les blocs de code <pre><code> */
pre {
    background-color: #282c34; /* Couleur de fond sombre pour le bloc */
    border: 1px solid #444; /* Bordure sombre du bloc */
    border-radius: 5px; /* Coins arrondis */
    padding: 10px; /* Espacement intérieur */
    overflow-x: auto; /* Défilement horizontal si nécessaire */
    white-space: pre-wrap; /* Gérer le débordement de texte */
    color: #f8f8f2; /* Couleur du texte clair */
    margin: 15px 0;
    font-family: 'Courier New', Courier, monospace; /* Police de type monospace */
}

#chat_gpt ul, #chat_gpt ol {
    padding-left: 15px;
    margin: 15px 0;
}


/*

Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage

Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

*/
.hljs {
    color: #abb2bf;
    background: #282c34;
}

.hljs-keyword, .hljs-operator {
    color: #F92672;
}

.hljs-pattern-match {
    color: #F92672;
}

.hljs-pattern-match .hljs-constructor {
    color: #61aeee;
}

.hljs-function {
    color: #61aeee;
}

.hljs-function .hljs-params {
    color: #A6E22E;
}

.hljs-function .hljs-params .hljs-typing {
    color: #FD971F;
}

.hljs-module-access .hljs-module {
    color: #7e57c2;
}

.hljs-constructor {
    color: #e2b93d;
}

.hljs-constructor .hljs-string {
    color: #9CCC65;
}

.hljs-comment, .hljs-quote {
    color: #b18eb1;
    font-style: italic;
}

.hljs-doctag, .hljs-formula {
    color: #c678dd;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
    color: #e06c75;
}

.hljs-literal {
    color: #56b6c2;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta .hljs-string {
    color: #98c379;
}

.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
    color: #e6c07b;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
    color: #d19a66;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
    color: #61aeee;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-link {
    text-decoration: underline;
}


#reader_scan video, #reader video {
    width: 100% !important; /* S'assure que la vidéo occupe toute la largeur du conteneur */
    height: 100% !important; /* S'assure que la vidéo occupe toute la hauteur du conteneur */
    object-fit: cover; /* Ajuste la vidéo pour qu'elle remplisse bien l'espace */
}

option.niveau1 {
    background-color: #fff !important;
}

option.niveau2 {
    background-color: #eee !important;
}

option.niveau3 {
    background-color: #ccc !important;
}

option.niveau4 {
    background-color: #999 !important;
    color: #fff !important;
}

option.niveau5 {
    background-color: #666 !important;
    color: #fff !important;
}

.bookmark {
    padding: 0px;
    -webkit-transform: rotate(0deg) skew(0deg);
    transform: rotate(0deg) skew(0deg);
    border-left: 12px solid var(--color);
    border-right: 12px solid var(--color);
    border-bottom: 8px solid transparent;
}

.swipe-image {
    flex: 0 0 100%; /* Chaque image prend 100% de la largeur */
    object-fit: cover;
}

.fc-selDate-button {
    padding: 0 !important
}

#select_pays_client_dummy {
    width: 100%
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    border-radius: unset !important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow, .select2 .selection {
    height: 100% !important;
}

.select2-selection__rendered {
    color: inherit !important;
    padding-left: 0 !important;
    line-height: 20px !important;
}

.select2-dropdown {
    color: #444;
}

.select2-search--dropdown {
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: hidden;
    border: 1px solid #ccc !important;
}

body.fonce .select2-search--dropdown {
    background-color: #2D303A !important;
    border: 1px solid #4f5157 !important;
}

body.fonce .select2-dropdown {
    background-color: #3b3f4b !important;
    color: #fff !important;
    border-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 10px;
    border: none !important;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2) !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{

    background-color: transparent !important;
    border: none !important;
}

body.fonce .select2-container--default .select2-search--dropdown .select2-search__field {
    color: #fff !important;

}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #4cbb9a !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ccc !important;
}

body.fonce .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2D303A !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px !important;
}

.select2 {
    padding: 18px 10px 0 10px !important;
    height: 100%;
}

/* Select2 multiple (métiers) - largeur complète et rendu correct */
.selpax-metiers .select2-container {
    width: 100% !important;
    min-width: 100%;
}
.select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
    border: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #252528 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0 8px !important;
    margin-top: 0 !important;
    line-height: 20px !important;
    font-size: 12px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255,255,255,0.8) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 !important;
    min-height: 30px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 8px !important;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
    height: 30px;
    margin: 0px;
}

/* Multiselect checkboxes (custom-multiselect, ex. presta métiers) */
.custom-multiselect {
    position: relative;
    width: 100%;
}
.custom-multiselect-button {
    width: 100%;
    line-height: 50px;
    height: 50px;
    padding: 7px 10px 0;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}
.custom-multiselect-button::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;
}
.custom-multiselect-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
    margin-top: 5px;
}
body.fonce .custom-multiselect-dropdown {
    background: #3b3f4b;
    border-color: #555;
}
.custom-multiselect-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
}
.custom-multiselect-item:hover {
    background: rgba(76, 187, 154, 0.15);
}
.custom-multiselect-checkbox {
    margin-right: 10px;
    cursor: pointer;
}
.custom-multiselect-item label {
    cursor: pointer;
    margin: 0;
    flex: 1;
}

.leaflet-control-attribution{display: none}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5) !important;
    border:  none !important;
}
.click,.survole{
    -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;
    border: 2px solid transparent;
}
.effet_survole{
    -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;
}
.effet_survole:hover{
    transform: translateY(-3px);
}
.click.ba{
    border: 1px solid #ccc;
}
.click.bav{
    border: 1px solid #4cbb9a;
}
.click.badot{
    border:1px dashed #999
}
.click:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border-color: #4cbb9a !important;
}
.survole:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.fonce .click:hover,.fonce .survole:hover{
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8) !important;
}
.click.active{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border-color: #4cbb9a;
    background-color: #4cbb9a;
}
.survole.active{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.go445286739{display: none !important}

.signature-canvas {
    width: 100%;
    height: 200px;
    border: 3px dashed #bdc3c7;
    border-radius: 12px;
    cursor: crosshair;
    background: #fcfcfc;
    transition: all 0.3s ease;
}

.signature-canvas:hover {
    border-color: #66829A;
    background: white;
}
#tab_user_active{left:-300px;transition: all 0.3s ease}
#tab_user_active.active{left:0 !important;}
.TermsText{font-size: 12px}

.ui-autocomplete{
    background-color: #eee;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;
    border-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.ui-autocomplete .ui-menu-item{
    padding: 15px 10px;
}
.fonce .ui-autocomplete{
    background-color: #3b3f4b ;
}

/* Recherche adresse (IGN géoplateforme + fallback Nominatim OSM) */
.ban_adresse_wrap .ban_geo_search {
    position: relative;
}
.ban_adresse_wrap .ban_geo_search .check_input > input[type="text"] {
    padding-right: 40px;
}
.ban_adresse_wrap .ban_geo_icon,
.ban_adresse_wrap .ban_geo_spin {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #999;
}
.ban_adresse_wrap .ban_geo_spin {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #666;
    border-radius: 50%;
    animation: ban_geo_spin 0.6s linear infinite;
}
@keyframes ban_geo_spin {
    to { transform: translateY(-50%) rotate(360deg); }
}
.ban_adresse_wrap .ban_geo_dd {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-height: 220px;
    overflow-y: auto;
    z-index: 120;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.fonce .ban_adresse_wrap .ban_geo_dd {
    background: #2c3038;
    border-color: #444;
}
.ban_adresse_wrap .ban_geo_dd.open {
    display: block;
}
.ban_adresse_wrap .ban_geo_sugg {
    padding: 10px 12px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 8px;
    align-items: center;
}
.fonce .ban_adresse_wrap .ban_geo_sugg {
    border-bottom-color: #444;
}
.ban_adresse_wrap .ban_geo_sugg:last-child {
    border-bottom: none;
}
.ban_adresse_wrap .ban_geo_sugg:hover,
.ban_adresse_wrap .ban_geo_sugg.active {
    background: #f5f5f5;
}
.fonce .ban_adresse_wrap .ban_geo_sugg:hover,
.fonce .ban_adresse_wrap .ban_geo_sugg.active {
    background: #3b3f4b;
}
.ban_adresse_wrap .ban_geo_sugg_lab {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ban_adresse_wrap .ban_geo_sugg_ty {
    font-size: 11px;
    color: #888;
    white-space: nowrap;
}
.ban_adresse_wrap .ban_geo_no {
    padding: 10px 12px;
    font-size: 14px;
    color: #888;
}