:root {
    --beige: #fdf6f0;
    --vert: #c5ccc0;
    --vertFonce: #79866f;
    --grisClair: #efeeed;
    --gris999: #999;
    --blanc: #fff;
    --bleu: #5c6655;
    --bleuFonce: #424242;
    --bleuFonce2: #424242;
    --orange: #C5846E;
    --orangeClair: #f3e3d7;
}
html {
    background-color: var(--blanc);
    font-family: 'Roboto', sans-serif;
}


/*******FONT***********/


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

@font-face {
    font-family: 'Bon Vivant Family Serif Bold';
    src: url('../fonts/BonVivantSerifBold.eot');
    src: local('Bon Vivant Family Serif Bold'), local('BonVivantSerifBold'),
    url('../fonts/BonVivantSerifBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BonVivantSerifBold.woff2') format('woff2'),
    url('../fonts/BonVivantSerifBold.woff') format('woff'),
    url('../fonts/BonVivantSerifBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


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

.bon {
    font-family: 'Bon Vivant Family Serif', cursive;
}
.bon.font700 {
    font-family: 'Bon Vivant Family Serif Bold', cursive;
    font-weight: initial !important;
}

.bon.script {
    font-family: 'Kallinsha', cursive;
}

.lobster {
    font-family: 'Lobster', cursive;
}
.noto {
    font-family: 'Noto Serif', cursive;
}
.poppins {
    font-family: 'Poppins', cursive;
}
.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";
}

/***********COULEURS****************/
.vert {
    color: var(--vert);
}
.vert.fonce {
    color: var(--vertFonce);
}

.blanc {
    color: var(--blanc);
}

.gris9 {
    color: var(--gris999);
}

.bleu.fonce, .noir {
    color: var(--bleuFonce);
}

.orange.fonce {
    color: var(--orange);
}
.orange {
     color: var(--orangeClair);
 }


/***********AVIS******************/

.etoile:not(.icon).jaune {
    background: rgba(0, 0, 0, 0) url("https://myintuitive.fr/assets/images/gfx/etoileJaune.png") repeat-x scroll left center;
}

.etoile:not(.icon).gris {
    background: rgba(0, 0, 0, 0) url("https://myintuitive.fr/assets/images/gfx/etoileGris.png") repeat-x scroll left center;
}

.etoile:not(.icon) {
    background: rgba(0, 0, 0, 0) url("https://myintuitive.fr/assets/images/gfx/etoile.png") repeat-x scroll left center;
    height: 10px;
    width: 50px;
}
.etoile.big.h15:not(.icon) {
    height: 15px;
    width: 75px;
}
.etoile.big.gris:not(.icon) {
    background: rgba(0, 0, 0, 0) url("https://myintuitive.fr/assets/images/gfx/etoileBigGris.png") repeat-x scroll left center;
    background-size: contain;
}
.etoile.big.jaune:not(.icon) {
    background: rgba(0, 0, 0, 0) url("https://myintuitive.fr/assets/images/gfx/etoileBigJaune.png") repeat-x scroll left center;
    background-size: contain;
}
.etoile.big.gccc:not(.icon) {
    background: rgba(0, 0, 0, 0) url("https://myintuitive.fr/assets/images/gfx/etoileBigCcc.png") repeat-x scroll left center;
    background-size: contain;
}



/***********FONDS****************/
.fvc {
    background-color: var(--vert);
}
.fv {
     background-color: var(--vertFonce);
 }

.fg {
    background-color: var(--grisClair);
}

.fb {
    background-color: var(--blanc);
}
.fbeige{
    background-color: var(--beige);
}

.fo {
    background-color: var(--orange);
}
.foc {
    background-color: var(--orangeClair);
}

.fn05 {
    background-color: rgba(0, 0, 0, 0.5);
}
.fb05 {
    background-color: rgba(255, 255, 255, 0.5);
}


.after.deg-bleu-vert::after {
    opacity: 0.7;
    background: #002040;
    background: linear-gradient(-90deg, rgba(0, 32, 64, 1) 50%, rgba(76, 187, 154, 1) 100%);
}

.after.deg-vert-bleu::after {
    opacity: 0.7;
    background: #002040;
    background: linear-gradient(-90deg, rgba(76, 187, 154, 1) 100%, rgba(0, 32, 64, 1) 75%);
}

.after.afterfv::after {
    background-color: var(--bleu) !important;
    opacity: 0.5 !important
}

.click.fv .fvc{
    background-color: #fff;
    color: var(--vert) !important;
}
.click.fv .fb{
    color: initial !important;
}

/***********border****************/
.bbv {
    border-bottom: 1px solid var(--vert);
}

.bbbl {
    border-bottom: 1px solid var(--bleu);
}
.bbblf2{
    border-bottom: 2px solid var(--bleuFonce);
}

.bbao {
    border-bottom: 1px solid var(--orange);
}

.bbg {
    border-bottom: 1px solid var(--grisClair);
}

.bbv2 {
    border-bottom: 2px solid var(--vert);
}

.bbbl2 {
    border-bottom: 2px solid var(--bleu);
}

.bbao2 {
    border-bottom: 2px solid var(--orange);
}

.bbg2 {
    border-bottom: 2px solid var(--grisClair);
}

.bav {
    border: 1px solid var(--vert);
}

.babl {
    border: 1px solid var(--bleu);
}
.bab {
    border: 1px solid var(--blanc);
}

.bao {
    border: 1px solid var(--orange);
}

.pv{outline: 2px dashed var(--vertFonce);outline-offset: -10px;}

.pb{outline: 2px dashed var(--blanc);outline-offset: -10px;}

/***********DIVERS****************/
.filtre {
    filter: sepia(0.1);
}
.filtre.fonce {
    filter: sepia(0.1) brightness(0.6);
}
.blur{
    filter: blur(10px);
}
.vitre{
    background-color: rgb(255 255 255 / 60%);
    backdrop-filter: brightness(1) blur(5px);
}
.filtre {
    backdrop-filter: brightness(1.1) blur(5px);
}
.filtre2 {
    backdrop-filter: brightness(0.8) blur(5px);
    border: 1px solid rgb(255 255 255 / 60%);
}

#header,#nav,#sticky_bt{
    background-color: rgb(255 255 255 / 60%);
    backdrop-filter: brightness(1) blur(5px);
}
#header.home{
    background-color: rgb(0 0 0 / 25%) !important;
}

.click,.survole {
    cursor: pointer;
    -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;
}
.click:hover,.survole:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    /*border-color: var(--vertFonce) !important;*/
}

.hover, .fhover {
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
}

.ui-autocomplete {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;
    border-radius: 10px !important;
}
.ui-menu{
    overflow: auto;
    max-height: 29vh;
}
.ui-widget.ui-widget-content{
    border: 0 !important;
}

.ui-autocomplete .ui-menu-item-wrapper {
    padding: 15px 10px !important;
    border: 1px solid transparent !important;
}

.ui-autocomplete .ui-menu-item:hover {
    background-color: var(--grisClair) !important;
}
.ui-menu .ui-menu-divider{
    margin: 0 !important;
    padding: 0 !important;
}
li.ui-autocomplete-separator {
    padding-left: 10px;
    background: #fcfcfc;
    border-top: 1px solid #ccc;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid transparent !important;
    color: inherit !important;
    background-color: inherit !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 0 !important;
}


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

.categorie-cutout-wrap {
    position: relative;
    background: #fff;
    overflow: hidden;
}
.categorie-cutout-title {
    display: inline-block;
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: var(--bg);
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.08);
}