/* Mise en forme commune mobile et desktop */
#logo a {
background:transparent url('/images/evasion/2012-logo.png') no-repeat top left;
}

#connexion img {
    width: 40px;
}

/* couleurs meilleurevasion */

/* *:not(.menuactif, .btn){
    color: #444444;
} */

.text-orange{
    color: #38AFAF !important;
}

h1, h2, h3, h4, h1.titre, h1 span.text-orange{
    color: #444444 !important;
}

.h1, .titre_etape, .infotitle, .blocaccueil:not(p){
    color: #38AFAF !important;
}

#fil_ariane a{
    color: #38AFAF;
}

div #connexion p a,div #connexion a {
    color:#D1E013;
}

.alert-success, .alert-danger{
    color: #38AFAF;
    border-color: #38AFAF;
}

.nos_services h2{
    color: #38AFAF !important;
}

/* accueil */
.blocaccueil:not(p):hover{
    color: #BAC919 !important;
}

.button_bg_orange{
    background-color: #D1E013 !important;
}

#accueil_blocdevis h2{
    background: transparent url(../images/evasion/temps.png) no-repeat top center;
}

#accueil_annuaire h2{
    background: transparent url(../images/evasion/cout.png)  no-repeat top center;
}

#accueil_question h2{
    background: transparent url(../images/evasion/quest.png)  no-repeat top center;
}

#accueil_blocdevis a, #accueil_annuaire a, #accueil_question a{
    color: #38AFAF;
    border-color: #38AFAF;
}

div.row.text-left label{
    color: #444444 !important;
}

/* header */
div#loginContainer span, div #connexion p a, div #connexion a, div #connexion p a, div #connexion a{
    color: #38AFAF !important;
}


/* boutons */
.button_bg_orange{
    background-color: #38AFAF !important;
}

#accueil_annuaire a.moyenbouton, #accueil_question a.moyenbouton, #accueil_blocdevis a.moyenbouton{
    padding: 5px;
}

a.moyenbouton, #regForm ul li.choixdevis a{
    color: #38AFAF !important;
    border-color: #38AFAF !important;
    padding-top: 5px !important;
    padding-bottom:5px !important;
}

a.moyenbouton:hover, #regForm ul li.choixdevis a:hover{
    color: white !important;
    background-color: #38AFAF !important;
}

.btn:not(button.btn.button_bg_orange.orange, .btn-tel, div.float-left a.btn, .btn-outline-grey, .btn.btn-grey, .btn.rdvsuppression, .btn-link, .btn.mx-2, .btn-choixrecherche){
    background-color: #38AFAF !important;
    border-color: #38AFAF !important;
    color: white !important;
}

.btn:hover:not(.button_bg_orange, .btn-outline-light, .btn-tel, div.float-left a.btn, .btn-outline-grey, .btn.btn-grey, .btn.rdvsuppression,.btn-link, .btn.mx-2, .btn-choixrecherche){
    background-color: white !important;
    border-color: #38AFAF !important;
    color: #38AFAF !important;
}

.nextBtn.btn.btn-choixrecherche{
    border-color: #38AFAF !important;
    color: #38AFAF !important;
}

.nextBtn.btn.btn-choixrecherche:hover{
    background-color: #38AFAF !important;
    color: white !important;
}

.btn.button_bg_orange:hover{
    background-color: #BAC919 !important;
}

/* footer */
.fa-circle{
    color: white;
}

.page-footer a:hover{
    color: #BAC919 !important;
}

/* trouver mon pro */
#listedesentreprises{
    margin-bottom: 50px;
}

div.card.card-body.bloc-entreprise:hover{
    border-color: #BAC919;
}

div.card.card-body.bloc-entreprise small{
    color: #8095A0 !important;
}

#sort-links li.active a{
    background-color: #38AFAF;
}

#Layer_1 > g > g > g > path, #Capa_1 > path{
    fill: #38AFAF !important;
}

.card--container-body-coordinates-radius-marker path.active-path{
    fill: #38AFAF !important;
}

#fiche-annuaire .localisation {
    background: url(../images/evasion/svg/trier_par_localisation_bleu.svg) no-repeat;
    background-position: left top;
    background-size: 20px;
}

#fiche-annuaire .listeavis{
    /* bon url ? url de base :  data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzEwMHB4JyB3aWR0aD0nMTAwcHgnICBmaWxsPSIjZWY3OTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgOSIgdmlld0JveD0iMCAwIDI0IDI0IiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmRlc2lnbl90b29sc191c2VyIGludGVyZmFjZTwvdGl0bGU+PHBhdGggZD0iTTIxLjk0OCw5LjU1OGExLDEsMCwwLDAtLjgtMC42NzFMMTUuNDYsOC4wMTgsMTIuOTA1LDIuNTc1YTEsMSwwLDAsMC0xLjgxMSwwTDguNTQsOC4wMThsLTUuNjkxLjg2OWExLDEsMCwwLDAtLjU2NCwxLjY4N2w0LjE0Nyw0LjI1TDUuNDUsMjAuODM5YTEsMSwwLDAsMCwxLjQ3MSwxLjAzNkwxMiwxOS4wNjhsNS4wNzksMi44MDdhMSwxLDAsMCwwLDEuNDcxLTEuMDM2bC0wLjk4MS02LjAxNSw0LjE0Ny00LjI1QTEsMSwwLDAsMCwyMS45NDgsOS41NThaIj48L3BhdGg+PC9zdmc+*/
    background: url(../images/evasion/svg/etoile_pleine.svg) no-repeat;
    background-position:left center;
    background-size: 23px;
}

#fiche-annuaire .experience{
    background: url(../images/evasion/svg/noun_expert.svg) no-repeat;
    background-position: left center;
    background-size: 35px;
}

#fiche-annuaire .horaire.pt-1{
    background: url(/images/evasion/svg/annuairehoraires.svg) no-repeat left center;
    background-size: 18px;
}

#fiche-annuaire .reponseforum{
    background: url(/images/evasion/svg/annuairequestion.svg) no-repeat;
    background-position: left top;
    background-size: 23px;
}

.annuairedescription #description .titrepresentation{
    color: #38AFAF !important;
}

.btn-outline-orange, .btn-choixrecherche{
    color: white !important;
}

.btn-outline-orange:hover, .btn-choixrecherche:hover{
    color: #38AFAF !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    filter: invert(77%) sepia(16%) saturate(5234%) hue-rotate(19deg) brightness(80%) contrast(85%);
    -webkit-filter: invert(77%) sepia(16%) saturate(5234%) hue-rotate(19deg) brightness(80%) contrast(85%);
}

svg.card--badge-icon.heart path.active-path{
    fill: #38AFAF;
}

svg.card--badge-icon.rechercheavis path{
    fill: #38AFAF !important;
}

/* https://codepen.io/sosuke/pen/Pjoqqp */
.avis .note img{
    filter: invert(77%) sepia(16%) saturate(5234%) hue-rotate(19deg) brightness(80%) contrast(85%);
    -webkit-filter: invert(77%) sepia(16%) saturate(5234%) hue-rotate(19deg) brightness(80%) contrast(85%);
}

button.linknepassuivre a{
    color: #38AFAF;
}

button.linknepassuivre a:hover{
    color: #BAC919;
}

.card--badge.span_sort-active{
    color: #38AFAF;
}

#fiche-annuaire .bandeauenteteannuaire{
    background-image: url(/images/evasion/fond_fichepro.jpg);
}

/* devis */
.progressbar li.active+li, .progressbar li:first-of-type{
    color: #38AFAF;
}

.progressbar li.active+li::before, .progressbar li:first-of-type::before{
    color: #38AFAF;
    border-color: #38AFAF;
}

.progressbar li.active + li:after{
    border-top: 1px solid #38AFAF;
}

.progressbar li.active::before{
    background: url(../images/evasion/svg/validation_bleue.svg) no-repeat;
    color: white;
    background-size: 25px;
    background-position: center;
}

.infooffrecomprend p{
    background: url(../images/evasion/svg/validation_bleue.svg) no-repeat;
    background-position: left top;
    background-size: 25px;
}

.infooffrecomprend i.fa.fa-plus{
    color: #38AFAF;
}

legend{
    color: #38AFAF;
}

html body main div#site_espace div.container.mb-2.mt-5 div#regForm ul li.choixdevis a{
    border-radius: 50px;
}

@media (max-width: 768px) {
    .infogeneraleoperation .col-12{
        border-top: 1px solid #38AFAF;
    }
    .tarif-metier > .col-12:first-child{
        border-bottom: 1px solid #38AFAF;
        border-right: none !important;
    }
}

#modalAvisAnnuaire .liste-tri{
    color: #38AFAF;
}

#modalAvisAnnuaire .form-control.control-orange{
    color: #38AFAF;
    border-color: #38AFAF;
}

.compris-prix{
    filter: invert(120%) sepia(16%) saturate(5234%) hue-rotate(1deg) brightness(120%) contrast(61%);
    -webkit-filter: invert(120%) sepia(16%) saturate(5234%) hue-rotate(1deg) brightness(120%) contrast(61%);
}

/* questions */
#questions-reponses textarea::placeholder, #questions-reponses input::placeholder, #questions-reponses select, input::placeholder{
    color: #38AFAF;
}

#questions-reponses.container > .row > .col-12:first-child{
    border-right: 1px solid #38AFAF;
}

div.question{
    background-color: #38AFAF;
}

div.question, .reponse{
    border: 1px solid #38AFAF;
}

div.question::before{
    border: 1px solid #38AFAF;
    color: #38AFAF;
}

div.question::after{
    border-left: 1px solid #38AFAF;
    border-bottom: 1px solid #38AFAF;
    background-color: #38AFAF;
}

p.text-left.text-orange{
    color: #38AFAF !important;
}

.list-group-item span.titre, .list-group-item a{
    color: #38AFAF !important;
}

.list-group-item span.titre:hover, .list-group-item a:hover{
    color: #BAC919 !important;
}

.custom-form hr{
    border-top: 1px solid #38AFAF;
}

input#new_titre.form-control:focus, select#famille_metier.form-control.browser-default:focus, textarea#new_contenu.form-control:focus, input#new_email_internaute.form-control:focus, input#new_captcha.form-control:focus, .form-control:focus, .form-control:active{
    border-color: #38AFAF;
}

.ui-widget-header{
    border: 1px solid #38AFAF !important;
    background:#38AFAF url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x !important;
}

.row .col {
    margin-top: 10px;
}

@media (max-width: 991px) {
    #questions-reponses.container > .row > .col-12:first-child{
        border-right: none !important;
    }
}

.inforeponse{
    color: #38AFAF;
}

/* consulter les prix */
.infogeneraleoperation{
    border: 1px solid #38AFAF;
}

.bloc-infooffrecomprend{
    border-right: 1px solid #38AFAF;
}
#autcomplete_gamme_algolia{
    color: #38AFAF;
    border-color: #38AFAF;
}

#autcomplete_gamme_algolia::placeholder{
    color: #38AFAF;
}

div.float-left.ml-md-3 a.btn{
    color: #38AFAF;
}

div.float-left.ml-md-3 a.btn:hover{
    color: #BAC919;
}

span.d-inline a.btn{
    color: white;
}

span.d-inline a.btn:hover{
    color: white;
}

button.rdvajout{
    color: white;
}

#listeoperation > div::after{
    background-color: white;
}

/* services footer */
.navigationmetier a:hover h3{
    background-color: rgba(56,175,175,0.80) ;
    color: white !important;
}

#home_page .nos_services h2, #home_page .titre_orange{
    color: #38AFAF !important;
}

/* connexion */
input[type=email]::placeholder{
    color: #38AFAF;
}

/* vous êtes pro ? */
.card .card-header .btn-link, .fa-caret-down{
    color: #38AFAF !important;
}
.card .card-header .btn-link:hover, .fa-caret-down:hover{
    color: #BAC919 !important ;
}

/* secretariat */
#cestvousquivalidez{
    background-color: #38AFAF;
}

.tarif-metier{
    border: 1px solid #38AFAF;
}

.tarif-metier > .col-12:first-child{
    border-right: 1px solid #38AFAF;
}

.tarif-metier .card-title span, .tarif-metier .price, .tarif-metier .card-text strong{
    color: #38AFAF;
}

.table-striped button{
    color: white !important;
}

.table-striped button:hover{
    color: #38AFAF !important;
}

.villes .chip:nth-of-type(2n+1){
    background-color: #38AFAF;
    border: 1px solid #38AFAF;
}

.villes .chip:nth-of-type(2n+1):hover{
    background-color: white;
    border: 1px solid #38AFAF;
    color: #38AFAF;
}

.bannierepro .accroche{
    color: white !important;
}


/* espace pro en bootsrap sur un autre fichier css donc ne peut pas être modifié selon les codes couleurs de meilleurevasion */
/* pro nos offres */

.bandeau-pro2{
    background-image: url(/images/evasion/fond_espacepro2.jpg);
}
.bandeau-pro2 .bloc_texte {
    background-color: #38AFAF;
}

.bandeau-pro2 .bloc_texte #signup{
    background-color: white !important;
    color: #38AFAF !important;
}

.bandeau-pro2 .bloc_texte #signup:hover{
    color: #BAC919 !important;
    text-decoration: none !important;
}

.content-section-b .btn{
    color: white !important;
}

.content-section-b .btn:hover{
    color: #38AFAF !important;
}

.bandeau-3 .bloc_texte{
    background-color: rgba(56,175,175,0.70);
}

div.modal-header .modal-titre, div.modal-header h5{
    color: #38AFAF !important;
}

.modal-content input[type=email]::placeholder{
    color: #495057 !important;
}

/*
Charte spécifique MeilleurEvasion
Vert: #D1DE14 / Au survol #BAC919
Gris: #444444
Bleu: #38AFAF
*/
@media all and (min-width: 1010px){
    #header {height: 130px;background-color: #FFF;}
.header {background-color: #FFF;}
#zonerecherche img, #connexion img {height: 40px;}

/*Menu de navigation */
#menu {background-color: #444444; color: #FFF;}
#menu > ul >  li > a {color: #FFF; font-size: 14px; font-weight: bold;}
#menu ul  li a.menuactif , #menu ul li a:hover {background-color: #D1DE14;}

a:hover{
color:#D1DE14;
}

.preheader span{
    color: #D1DE14;
}

button.btn.button_bg_orange.orange{
    background-color: #D1DE14 !important;
}

div.row.text-left label{
    color: #D1DE14;
}

/* header */
#header{
    max-width: 100%;
}

#header #logo{
    padding-left: 20%;
}

#header #connexion{
    padding-right: 20%;
}

#loginForm{
    margin-right: 350px;
}

body.scroll div#header{
    height: 100px;
}

body.scroll div#header #connexion{
    top: 15px;
}

.preheader .btn{
    margin-top: 3px;
}

#espace_particulier, #site_espace .large_accueil {
    background-color: rgb(60, 184, 215);
    padding: 20px 0px;
    padding-bottom: 50px;
}
#espace_particulier .container > h1 {
    text-align: center;
    font-weight: normal;
    padding-bottom: 0px;
    padding-top: 0 !important;
    color: #fff;
}
#home_page #recherche_plateforme {
    position: absolute;
    width: 360px;
    top: 200px;
    right: 20px;
    
}

#accueil_devis div.imagedevis{
background:transparent url('/images/evasion/2012-accueil-devis.png') no-repeat top left;
}
#engagement div.imageengagement{
background:transparent url('/images/evasion/2012-accueil-photo-engagement.png') no-repeat top left;
}
#image-professionnel{
background:transparent url('/images/evasion/2012-devis-artisan.png') no-repeat 0 0;
}

strong.texte_couleur{
	color: #00ADC5;
}
.contenu_bilan h2, .contenu_bilan_large h2, #hautpage  h1, #form_ville h2 , #page-gauche  h2, #engagement h2 {color: #38AFAF;}
#espace_pro_accueil #zone_contact h3 , div #decouvrir h3, #zone_rappel h3, #zone_devis h3, #espace_pro_accueil #zone_connexion h3 ,a,a.blocaccueil1:hover,a.blocaccueil2:hover,a.blocaccueil3:hover,a.blocaccueil4:hover,a.blocaccueil5:hover,a.blocaccueil6:hover,.prix,#sky-droite-formulaire h1, #sky-droite-formulaire  div.titresky ,#forums .message_entete_auteur a:hover,#forums .message_entete_auteur a:active,#page a:hover.h3like,#forums #table_categories_forums a:active,#forums #table_discussions_forums a:active,#forums #table_categories_forums a:hover,#forums #table_discussions_forums a:hover {
color:#444444;
}
div#hautpagedevis,#espace_offre h1, #espace_contenu h1,#formulaire-demandeV2 h1
{background-image:linear-gradient(#D1DE14, #BAC919);
}


.pictogauche {
background:transparent url('evasion-picto-site-web.gif') no-repeat 0 0;
}
fieldset {
color:#000;
border-color:#6F6F6F;
}

a.grosbouton, input.validerformulaire,  input.bouton_submit, a.moyenbouton, input.moyenbouton, a.petitbouton, a.plusMoinsDevis, input.bouton_acheter,  a.bouton_acheter    {
background-color:#D1DE14;}
a.grosbouton:hover , input.validerformulaire:hover,  input.bouton_submit:hover, a.moyenbouton:hover , input.moyenbouton:hover, a.petitbouton:hover,  a.plusMoinsDevis:hover, input.bouton_acheter:hover,  a.bouton_acheter:hover   
{background-color: #BAC919;}

.bouton-demande,a.bouton-demande,.quitter_form {
color:#000;
background-image:url('/images/evasion/fond-boutons.png');
}

input.bouton-demande:hover, a.bouton-demande:hover, input.quitter_form :hover {
color:#FFF;
background-image:url('/images/evasion/fond-boutons-hover.png');
}

.bouton-enregistrer, #side-bar a#votre-compte{
color:#000;
background: transparent url('/images/evasion/bouton-enregistrer1.jpg') no-repeat;
}

.bouton-enregistrer:hover, #side-bar a#votre-compte:hover{
color:#FFF;
background: transparent url('/images/evasion/bouton-enregistrer2.jpg') no-repeat;
}

.imagedroite2,.imagedroite,.imagegauche,.picto-qualif {
border-color:#6F6F6F;
}




#page input.bouton_sinscrire, #pagetoutelargeur input.bouton_sinscrire, a.bouton_sinscrire {
color:#000;
background: transparent url('/images/evasion/fond-bouton2.jpg') no-repeat;
}

#page input.bouton_sinscrire:hover, #pagetoutelargeur input.bouton_sinscrire:hover, a.bouton_sinscrire:hover {
color:#FFF;
background: transparent url('/images/evasion/fond-bouton2-hover.jpg') no-repeat;
}

/************************************/
/* CSS pour mini pack (devis) */
div.mini_pack {
background-image: url('/images/evasion/mini-pack.png');
}

div.prix_mini_pack  {
color:#00ADC5;
}

.mini_bouton_acheter {
background: transparent url('/images/evasion/mini-acheter.png') no-repeat;
}

.mini_bouton_acheter:hover {
background: transparent url('/images/evasion/mini-acheter-hover.png') no-repeat;
}

/************************************/


.memo {
color:#000;
background:transparent url('/images/evasion-memo.gif') no-repeat 0 0;
}

.memo_annuaire {
background:transparent url('/images/evasion-memo_annuaire.jpg') no-repeat scroll 0 0;
color:#000;
}

.bouton_demande_devis {
background:transparent url(/images/memo_annuaire_demande_devis.jpg) no-repeat scroll 0 0;
}

.lettrine-encours {
background:transparent url(/images/cheminde-fer-encours.gif) no-repeat 0 0;
}

.lettrine-fait {
background:transparent url(/images/cheminde-fer-fait.gif) no-repeat 0 0;
}

.lettrine-afaire {
background:transparent url(/images/cheminde-fer-afaire.gif) no-repeat 0 0;
}

.titreconseil {
background:transparent url('/images/evasion-pictoconseil.jpg') no-repeat 0 0;
color:#38AFAF;
}

div.pagination a {
background-color:#fff;
color:#858585;
border-color:#38AFAF;
}

div.pagination a:hover,active {
background-color:#38AFAF;
border-color:#38AFAF;
}
div.pagination span.courante {
background-color:#38AFAF;
color:#fff;
border-color:#38AFAF;
}

div.pagination span.desactive {
background-color:#fff;
color:#ddd;
border-color:#eee;
}

input.champobligatoire,select.champobligatoire,textarea.champobligatoire {
border:1px solid #38AFAF;
}

#loginContainer{
    cursor: pointer;
}

div #connexion p a,div #connexion a {
color:#D1E013;
}

a,a.blocaccueil1:hover,a.blocaccueil2:hover,a.blocaccueil3:hover,a.blocaccueil4:hover,a.blocaccueil5:hover,a.blocaccueil6:hover,.prix,#sky-droite-formulaire h1, #sky-droite-formulaire  div.titresky ,#forums .message_entete_auteur a:hover,#forums .message_entete_auteur a:active,#page a:hover.h3like,#forums #table_categories_forums a:active,#forums #table_discussions_forums a:active,#forums #table_categories_forums a:hover,#forums #table_discussions_forums a:hover {
color:#38AFAF;
}
.tag:hover,form h4.separateur, form h4.separateur_pointille, tr.champobligatoire input,tr.champobligatoire textarea,tr.champobligatoire select {
border-color:#38AFAF;
}

/**************************************************/
/*     CSS tableau de bord espace sécurisé        */

#negatif_infos_clients {
color:#000;
background-image: url('/images/evasion/fond-alerte.png') ;
}

div.contenu_bilan_positif a, div.contenu_bilan_negatif a{
color:#000;
}

div.contenu_bilan_positif a:hover, div.contenu_bilan_negatif a:hover{
color: #00ADC5;
text-decoration:none;
}

/** CSS pour page devisprofessionnel.php **/
.info_compte_client {
color: #00ADC5;
}

.onglet_inactif, .menu_inactif span, .onglet_actif, .onglet_inactif:hover, .menu_actif span, .onglet_inactif a, .onglet_actif a{
color:#FFF;
font-weight:bold;
}

.onglet_inactif, .menu_inactif{
background-color:#6E6E6E ;
}

.onglet_actif, .onglet_inactif:hover, .menu_actif{
background-color: #01ADC1 ;
}

.onglet_inactif a, .onglet_actif a{
text-decoration:none;
}

    /* 404 */
    .bandeau.bandeau-1 {
        background-image: url(/images/evasion/fond_fichepro.jpg);
    }

    .large_accueil{
        background-color: white !important;
    }

    .bandeau.bandeau-1 .bloc_texte{
        background-color: #38AFAF;
    }
}