body{font-family: 'sfproregular', sans-serif;font-size: 16px;line-height: 24px;color: #626262;background-color: #f1f2f4;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;word-wrap: break-word; overflow-x: hidden;}
.btn {text-shadow: none; box-shadow: none; border: none !important; border-radius: 4px;white-space:normal;}
.btn-default{background: none; font-size: 14px; padding: 6px 16px;}
.btn-default:active,.btn-default:focus{background: none;}
.btn-default:hover{color: #fff;}
strong, b {font-family: 'sfprobold', sans-serif;font-weight:normal;}
.vcenter { display: inline-block; vertical-align: middle; float: none;}
a{text-decoration: none;}

.tab-content > .active{padding-top:0;padding-bottom: 2em}
#tab_accueil{font-size:16px;padding-top:0;}

#cssswitcher {position:fixed;z-index:9;top:10px;left:10px;}
#cssswitcher ul {list-style-type:none;}

.navbar-inverse {background-color:#CCE2FA;border-color:#7EBCFF;background-image:none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form  {background-color:#CCE2FA;border-color:#CCE2FA;background-image:none;}
.navbar {border-radius:0;margin-bottom:1px;}
.openMenuMobile{box-shadow: none!important;}

.logo-gris {font-family:"Ubuntu" !important;font-size:21px !important;color:#fff !important; letter-spacing:-0.05em; padding-right: 2px;}
.logo-couleur {font-family:"Ubuntu" !important;font-size:21px !important;font-weight:700; color:#fff !important; letter-spacing:-0.05em;}

.control-label {font-weight:normal;}
.form-horizontal .control-label {
  padding-top: 0.8em;
  margin-bottom: 0;
  text-align: right;
}


.entete-nom-medecin-titre {font-size:22px;}
.entete-nom-medecin-sous-titre {font-size:16px;}

/*----- Infos importantes -----*/

.entete-site {padding-top:1em; padding-bottom:1em;}

.entete-site-important {padding-bottom:15px;margin-bottom:20px;font-size:14px;line-height: 21px;border-bottom:solid 1px #f1f2f4; color: #ca2a30;font-family: 'sfprobold', sans-serif; display:flex;align-items: center; justify-content: center;}
.icon-entete-site-important{flex:0 0 20px; width: 20px; font-size:14px;}
.infos-entete-site-important{flex:1 1 100%; width: auto; padding-left: 5px; text-align: justify;}


.container-principal {background: #fff; border-radius: 12px; padding: 15px 15px 0 15px; box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08); margin-bottom: 20px;margin-top:10px;}

.nav-pills{border: none;}
.nav-pills>li.active>button, .nav-pills>li.active>button:hover, .nav-pills>li.active>button:focus{color:#fff;}
.nav>li>button {background: #f1f2f4; font-size: 15px; padding:6px 16px; margin-right: 10px; border-radius: 100px !important; border:none;}

.tab-content {padding-top:30px;}

#content {min-height:500px;}

.container-footer {color:#626262;padding-bottom:20px; padding-top:20px; font-size: 14px;background-color:transparent !important;}
.container-footer a, .container-footer a:hover, .container-footer a:visited {color:#626262;text-decoration:none; font-family: 'sfprobold', sans-serif; font-size: 14px;}

h2 {font-family: 'effrabold', sans-serif; font-weight:normal; font-size:26px;color:#428bca;margin-top:0; letter-spacing:-0.03em;}

#tab_accueil h2 span{font-size: 16px;position: relative;bottom: 2px;padding-right: 5px;margin-bottom: 25px;}

#scrollToTop {
  position: fixed;
  right: 20px;
  bottom: 0;
  color: #428bca;
  padding: 7px 0;
  font-size: 35px;
  text-decoration: none;
  z-index: 999;}

#scrollToTop a{
  color:#428bca;
  text-decoration: none;
  z-index: 999;}

.navbar-toggle{ z-index:10;}


/*----- Page d'Accueil -----*/

.div_page_accueil, .div_acces{ display: flex; display: -webkit-flex; flex-wrap: wrap; }

.div_page_accueil {padding-bottom:10px;}

.div_page_accueil .col{ padding-top: 15px; padding-bottom: 15px; }

.bloc-horaires h2,
.bloc-infos-pratiques h2,
.bloc-tarifs h2,
.bloc-moyen-paiement h2,
.bloc-formation h2,
.bloc-langues-parlees h2{ padding-top:10px !important;padding-bottom:10px !important;}

.message-nordvenligne{padding: 10px;border-radius: 6px; border:1px solid #ff8e0b; color: #ff8e0b; margin-bottom: 30px; background: #fff; font-size:14px; line-height: 21px;}

.div_acces{ margin-left: -15px; margin-right: -15px; margin-top: 15px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.div_acces.no-radius{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.div_acces .col{ padding-left: 0; padding-right: 0; }

.bloc-acces{ margin-bottom:30px;}
.col70_30 .bloc-acces{ margin-bottom:0;}
.bloc-acces h2{ padding: 30px 30px 0 30px !important; }
.col70_30 .bloc-acces h2{ padding: 10px 0 !important; }
.bloc-acces .map-adresse, .bloc-acces .map-acces{ padding-left: 30px; padding-right: 30px; }
.col70_30 .bloc-acces .map-adresse, .col70_30 .bloc-acces .map-acces{ padding-left: 0; padding-right: 0; }
.bloc-acces, .bloc-acces h2, .bloc-acces h2 span{ color: #fff !important; }
.bloc-acces h2::after{ background: #fff !important; }
.col70_30 .bloc-acces h2, .col70_30 .bloc-acces h2 span { color:var(--color2) !important; }
.col70_30 .bloc-acces .map-adresse{ color: #626262 !important; }

.map-adresse{font-weight: 500; font-size: 16px;}

#map_canvas{border-bottom-right-radius: 12px;}
#map_canvas iframe{background: #f1f2f4;}

.maptoright{border-radius: 12px;}

.bloc-tarifs .col70_30{border-radius: 12px;margin-left: 0; margin-right: 0; }
.bloc-tarifs .col70_30 .infos-acces{padding: 15px;}
.bloc-tarifs .col70_30 .map-acces{padding: 0; font-size: 15px; line-height: 21px;}

/* Gestion iframe Map */

.iframe50 iframe{border-radius: 12px;}
.iframe70 iframe{border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.iframe100.bottomMap iframe{border-bottom-right-radius: 12px;}

#map_canvas_custom{font-size: 14px; margin-top: 30px;}
#map_canvas_custom iframe{border-radius: 12px;}

/*----- Equipes ------*/

.div_equipe{border-top: 1px solid #f1f2f4; margin-top: 15px;}
.div_equipe .liste_equipe{padding: 0.3em}
.div_equipe .thumbnail{padding: 0; margin: 0; border: none; background: none; border-radius: 0; box-shadow: none; display: block; position:relative; transition: all 0.2s;}
.div_equipe .thumbnail:hover{text-decoration: none; border: none;}
.div_equipe .thumbnail img{border-radius: 200px; position:relative; bottom: 0; transition: all 0.2s; margin: auto}
.div_equipe .thumbnail:hover img{bottom: 5px;}
.div_equipe .thumbnail .caption{ padding: 10px 5px; font-family:"sfprobold",sans-serif;font-weight: normal; font-size: 16px;}
.div_equipe .thumbnail .caption span{ color: #626262; font-size: 14px; font-family:"sfproregular",sans-serif;font-weight: normal;}

.div_equipe .thumbnail .overlay{ opacity: 0; display:block; width: 180px; height: 180px; background: rgba(0,0,0,0.5); position:absolute; top:0; left: 0;right: 0;margin-left: auto;margin-right: auto; border-radius: 200px; transition:all 0.2s;}
.div_equipe .thumbnail:hover .overlay{opacity: 1; top:-5px;}
.div_equipe .thumbnail .overlay i{color: #fff; font-size: 24px; position:relative; top:80px; left: 78px;}

.modal-footer {border:none;}

.lien-se-connecter {padding:10px; color: #fff;}
.lien-se-connecter:hover{color: #fff;}

#zone_connexion_haut .btn{color:#fff !important; border-color: #fff !important; padding: 5px 10px !important; margin-right: 10px; }
#zone_connexion_haut .btn:hover{background: none !important; color:#fff !important; border-color: #fff !important; padding: 5px 10px !important; margin-right: 10px; }

#btn-ajouter-prestation i{font-size: 12px; position:relative; bottom: 1px; padding-right: 2px;}

#zone_horaire {margin-top:10px;padding-top:10px;border-top:solid 1px #f1f2f4;min-height:500px;}
.lien_horaire {padding:4px 20px;}
.lien_horaire .btn {padding:0 10px;}
.lien_horaire a {font-weight:bold;color:#2a6496;display:block;padding:10px 0 ;border-radius:4px;text-decoration:none;}
.lien_horaire a:hover {
  color: #fff;
  background-color:#2d6ca2;
}
.lien_horaire_collectif a {border-radius:4px !important;}

.lien_horaire_vide {padding:14px 20px;background-color:transparent #FFF;font-weight:700;font-size:14px;}

.lib_choix_horaire, .lib-prochain-rdv {font-weight: normal; padding:0 0 10px 0;color:#428bca;}
.lib_choix_horaire big{font-family:"sfprobold",sans-serif;}

.horaire {}
.horaire-entete {margin-top:10px;padding-bottom:10px;}
.horaire-am {}
.horaire-pm {}

.csalt {/*background-color:#F8FBFF;*/background-color:#fff;}

.pas-de-dispo {padding:20px;font-size:14px;color:#428bca;}

.hjour {padding:0 8px;}

#zone_horaire_content {padding:30px 0 20px 0;}

.card{ margin-bottom: 30px; box-shadow: none !important;}
.card-info {border:none; border-radius: 12px;}

#tab_connexion .card-info>.card-heading {border:none;background: none !important; padding-top: 20px;}
#tab_connexion .card-info>.card-heading::after {content: "";display: block;height: 1px;margin: 0 auto;padding-bottom: 10px;width: 56px;}

.iti{
  margin-top: 0.5em ; margin-bottom: 0.5em;
}
.form-control{font-weight: normal; border-color: #ccc; box-shadow: none !important; min-height: 42px; padding: 8px 12px; color: #333; margin-top: 0.5em ; margin-bottom: 0.5em }
.checkbox{margin-bottom: 1em ; margin-top: 0.3em ;}
.form-group{
  margin-bottom: 1em ;
}
.card-info .form-group label{ font-weight: 400; letter-spacing: 2px; text-transform: uppercase; font-size: 12px;}
.card-info .form-group label span{color: #ca2a30 !important;}
.lib_connexion {padding:0 0 10px 0;color:#428bca;font-size:18px;}

.msg-retour {margin-top:10px;}

.recapitulatif-horodate {font-family:"sfprobold", sans-serif;font-weight:normal;}
.recapitulatif-acompte {padding:10px 0;}

.formError {display:none;}
.validationerror {border:solid 1px red !important;}

#zone_ajouter_prestation {padding-bottom:10px;}
#zone_btn_imprimer {padding-top:10px;}

.tbl-horaire {width:100%;border: none;}
.tbl-horaire th {text-align:center;background-color: #FFF !important;border-left: 1px solid #fff;border-right: 1px solid #fff; font-size: 14px; font-weight: 400;}
.tbl-horaire th big{ font-weight: 500; font-size: 16px; }
.tbl-horaire th:first-child{border-left: none;}
.tbl-horaire th:last-child{border-right: none ;}
.tbl-horaire tr.horaire-am td {/*border-right: 1px solid #cce2fa ;*/padding: 10px 0;}
.tbl-horaire tr.horaire-am td:last-child {border-right: 0  ;}

.entete-nom-medecin-titre h1{font-size:22px;margin:0;padding:5px 0 0 0;}
.entete-nom-medecin-sous-titre h2{font-family: 'sfproregular', sans-serif; font-size:18px;margin:0;padding:0 0 10px 0; color: #626262;}

#smart-adresse {text-align:right;}
.telephone{ font-size: 16px; margin-top: 5px;}
.telephone a {text-decoration:none;color:var(--color1);font-family:"sfprobold", sans-serif;font-weight:normal;}

#logo {height:40px;padding-top:12px;}
#logo-smartagenda{ position:relative;}

#btn-prendre-rdv,#btn-prendre-rdv-mobile,.btn-smart-rdv {margin-bottom:10px;}

.fullwidth #btn-prendre-rdv,.fullwidth #btn-prendre-rdv-mobile{width: 100%;}


h1 {margin:5px 0;font-size:32px;font-family: 'effrabold', sans-serif; letter-spacing: -0.03em; font-weight:normal;}

.annul-rdv {border:none;}

.annulation_rdv {padding-top:10px;}

.img-100 {width:100%;}

.lienlangue {padding:0 5px;}
.lienlangue img {height:20px;}

.cnil a {font-size: 14px; font-weight: normal;}
.cnil a:hover{ text-decoration: underline; font-size: 14px; font-weight: normal;}

.col_zone_rdv_perso {border-top: solid 1px #5782af;}

.lnk_pageperso {padding-top:10px;}
.lnk_pageperso div{display:inline-block; margin-right: 10px; cursor:pointer;}
.lnk_pageperso div::after{content:"•"; font-size: 16px; margin-left: 10px; position:relative; top: 2px;}
.lnk_pageperso div:last-child::after{display:none;}

#btn-prendre-rdv, #btn-prendre-rdv-mobile, #btn-confirmation , .btn-smart-rdv {font-family: "effraregular",sans-serif; padding:18px 42px;text-transform: uppercase;letter-spacing: 1px;color: #fff; font-size: 18px; transition:all 0.2s;}



.padding-bottom {padding-bottom:10px;}

.msg-top {position:fixed;top:0;right:0;left:0;text-align:center;padding:30px 10px;border-radius:0;z-index:30;}

.btn-voirplus {letter-spacing: 2px; text-decoration: underline; margin-top: 15px;}
.voirplus {display:none;}

.div-btn-prochaine-dispo {padding:10px 5px;}
.bg_lnk {background-color:#F7FBFF;}

.label-select {cursor:pointer;height:auto;}

.lien_footer {font-size:12px;color:#ccc !important;}
.lien_footer a {font-size:14px;text-decoration:none;color:#c2c2c2 !important;}
.lien_footer a:hover{text-decoration:underline; font-size: 14px;}
.label-select {min-height:34px;}

.entete-site img, #tab_accueil img {display:block;max-width:100%;height: auto;}
.entete-site div.logoClientImage img{margin: auto;}

.lbl-cgu {padding-left:20px;}

#zone_rdv_initial {text-align:center;}
.adeplacer-retour {text-align:left;font-size:12px;}
.adeplacer-titre {}
.adeplacer-horodate {font-weight:bold;}
.adeplacer-avec {}
.adeplacer-pour {padding:10px 0;}

.btn-margin {margin:0 0 0 10px;}

#tab_accueil h2 {padding-top:20px;}

.description_cours {margin-top:5px;line-height:16px;font-family:'sfproregular';}

/*----- Prendre RDV ----*/

#selectPrestation-0-btn,
#selectPrestation-1-btn,
#selectPrestation-2-btn,
#selectPrestation-3-btn,
#selectPrestation-4-btn,
#selectPrestation-5-btn,
#selectPrestation-6-btn,
#selectPrestation-7-btn,
#selectPrestation-8-btn,
#selectPrestation-9-btn,
#selectPrestation-10-btn,
#selectGroupement-btn { padding: 8px 16px; }

.btn-supprimer-prestaSupplementaire, .btn-supprimer-prestaSupplementaire:hover{ color: #fff; background:#ca2a30; padding: 8px 16px; margin-top: 2px; }

/*----- Récapitulatif -----*/

.recapitulatif .attenteconfirmation, .recapitulatif .champspersos-container, .recapitulatif .confirmerlerdv{max-width: 80%; margin: 0 auto; padding: 0;}
.separator{content:""; border-bottom: 1px solid #f1f2f4; height: 1px; margin: 15px 0;}

.msg-rdv-non-confirme_cadre {background:#ff8e0b;border:none;padding:20px; color: #fff; border-radius: 12px; margin-bottom: 30px;}
.msg-rdv-non-confirme_1 {font-family: 'sfprobold', sans-serif; font-weight:normal;font-size:21px; line-height: 26px;}

.recapitulatif-horodate{ font-size: 18px; margin-bottom: 10px;}

#recapitulatif-champspersos .persordv {text-align:left;}
span.complement {font-weight:normal;font-size:12px;}

#recapitulatif-champspersos label, .site_form_champ_titre{font-family:"sfprobold",sans-serif;letter-spacing:0; text-transform: none; font-size: 14px; font-weight: normal;}
#recapitulatif-champspersos .checkbox label{font-family:"sfproregular",sans-serif;font-weight: normal;}
.persordv label span{ color:#ca2a30;}
.persordvdesc{color: #666; font-style: italic; font-size: 12px;text-align:left;margin-top:-10px;}


.confirmerlerdv{ margin-top: 30px !important; margin-bottom: 30px !important;}

.confirmer-les-informations { text-align:center; background: #f1f2f4; border: none; border-radius:100px; color: #3ecf8e; text-shadow: none; box-shadow: none;}


/*----- Confirmation -----*/

.alert-success{background: #3ecf8e; font-size: 18px; line-height:21px; text-align:center; color: #fff; border:none !important; border-radius: 12px; text-shadow:none; box-shadow:none; padding:20px;z-index:10000000000;}

#recapitulatif-impression{text-align:center; color: #626262; font-size: 14px; border:none !important; text-shadow:none; box-shadow:none; padding:30px;border-radius: 12px;}
.impression_rdv{ font-family:"sfprobold", sans-serif;font-weight:normal;font-size: 21px;}


/*----- Mes RDV -----*/

#mes_rdv{max-width: 80%; margin: 0 auto;}
#mes_rdv_ul{ box-shadow: none; border:none; border-radius:0; margin-bottom: 40px;}
#mes_rdv_ul .list-group-item{ border: none; border-radius: 12px !important; margin-bottom: 20px;padding:20px !important; }
#mes_rdv_ul .list-group-item .col {display: inline-block; vertical-align: middle; float: none;}

#mes_rdv_ul .list-group-item .icon-calendar{ font-size: 24px; }
.detail-date-rdv{ font-family:"sfprobold", sans-serif;font-weight:normal;font-size: 16px;}

.no-annulation{ font-size: 14px; margin: 4px 5px 4px 15px;}

.btn-annuler-rdv{ background: #ca2a30; color: white }
.btn-annuler-rdv:hover{ background: #ca2a30; color: whitesmoke}

/*----- Mode PRO -----*/

.ui-widget.ui-widget-content{ box-shadow:0 15px 15px 0  rgba(0, 0, 0, 0.2); border: none; font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px;line-height: 21px;color: #626262; background: #f1f2f4;}
.ui-menu .ui-menu-item,.ui-menu .ui-menu-item:hover{border:none; background: none;}
.ui-menu .ui-menu-item-wrapper{ padding: 8px 4px !important; border-bottom: 1px solid #f1f2f4;}
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper-active{border:none; font-weight: 400; background: #626262; color: #fff;}

.btn-vider {position:absolute;top:5px;right:20px;cursor:pointer;}

#annulation_mes_rdv label{font-family:"sfprobold", sans-serif;font-weight:normal; font-size: 14px; line-height: 18px;}

/*----- Paiement en ligne -----*/

#stripecode button{ margin-top: 30px; padding:18px 36px;text-transform: uppercase;letter-spacing: 2px;font-weight: 500;color: #fff; font-size: 16px; transition:all 0.2s; }

/*----- Modal -----*/

.modal-content{border-radius:12px;}
.modal-title{font-family:"effrabold",sans-serif; font-weight:normal; letter-spacing: -0.03em;font-size: 24px; color: #333;}
.modal-body label{font-family:"sfprobold", sans-serif;font-weight:normal;font-size: 14px;}

/*----- RGPD -----*/


#tarteaucitronAlertBig .tarteaucitronDeny {
  background: #fff !important;
  border: none !important;
  position: absolute !important;
  top: 15px !important;
  text-transform: none !important;
  color: #333 !important;
  padding: 0 !important;
  left: 20px !important;
  font-size: 12px !important;
  text-decoration: underline !important;
}

span#tarteaucitronDisclaimerAlert {
  padding: 45px 30px 15px 30px !important;
}

#tarteaucitronServices_mandatory .tarteaucitronAsk{
  display: none !important;
}


/********************************/
/* RESPONSIVE */

.text-small {font-size:12px;}

.site_form_champ_input, .site_pro_form_champ_input {text-align:left;}
.site_form_champ_description,.site_pro_form_champ_description {font-size: 12px;text-align: left;font-style: italic;margin-top: -10px;}
.form_message_titre {font-weight:bold;text-align:left;}
.cs_etoile {color:red;}
#frmInscription .site_form_champ_description {margin-top:0;}

.agenda_formulaire_sstitre {font-weight:bold;padding:10px;}
.agenda_formulaire_champs .alert {margin-bottom:0 !important;}
.captcha-img {border-radius:4px;}
#zone-captcha, #reload-captcha {display:inline;}
#reload-captcha {padding:10px;cursor:pointer;font-size:20px;}
.connecte-en-pro {width:100%;background-color:#ff8e0b;text-align:center;color:#FFF;z-index:9999999999;padding:10px;}
.connecte-en-pro a {color:#FFF;text-decoration: underline;}
.connecte-en-pro .icon-adm {font-size:18px;}

.text-center-saufxs {text-align:center;}
@media (max-width: 767px) {
  .text-center-saufxs {text-align:left;}
}

.iti__flag {background-image: url("../communs/js/intl-tel-input/img/flags.png");}
.iti {display:block !important;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../communs/js/intl-tel-input/img/flags@2x.png");}
}

.iti__selected-flag {height:40px !important;}
.alert-validation-iti {margin-bottom:0;}

.cssSelectPrestation {padding-top:10px;font-style: italic; font-size: 12px; line-height: 16px;text-align:left;}

.no-border {border:none !important;}
.no-border-top {border-top:none!important;}
.no-border-bottom {border-bottom:none!important;}
.no-border-left {border-left:none!important;}
.no-border-right {border-right:none!important;}

nav.socials{
  margin-top: 0.5em ;
}

nav.socials a{
  display: inline-block;
  vertical-align: middle;
}
nav.socials a:hover{
  opacity: 0.7;
  text-decoration: none;
}

/*Galerie d'image*/
.galerie{
  padding: 0;
  margin: 0 0 2em 0;
  position: relative;
}
.galerie a{
  border-radius: 0.75em ;
  background-size: cover;
  background-position: center center;
  max-height: 70vh;
}
.nImage1 a{
  width: 100%;
  display: block;
  height: 25em ;
}

/* Affichage 2 images*/
.nImage2 a{
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  height: 25em ;
}

.nImage2 .imageN1{
  margin-right: 2%;
}

/* Affichage 3 images*/
.nImage3,.nImage4,.nImage5{
  height: 25em;
}
.nImage3 .imageN1, .nImage3 .imageN2, .nImage3 .imageN3{
  position: absolute;
}
.nImage3 .imageN1, .nImage4 .imageN1{
  left: 0;
  top: 0;
  height: 100%;
  width: 48%;
}
.nImage3 .imageN2{
  left: 50%;
  top: 0;
  height: 48%;
  width: 48%;
}
.nImage3 .imageN3{
  left: 50%;
  top: 51%;
  height: 48%;
  width: 48%;
}

/* Affichage 4 images*/

.nImage4 .imageN1, .nImage4 .imageN2, .nImage4 .imageN3, .nImage4 .imageN4,
.nImage5 .imageN1, .nImage5 .imageN2, .nImage5 .imageN3, .nImage5 .imageN4{
  position: absolute;
}
.nImage4 .imageN1,.nImage5 .imageN1{
  left: 0;
  top: 0;
  height: 100%;
  width: 48%;
}
.nImage4 .imageN2,.nImage5 .imageN2{
  left: 50%;
  top: 0;
  height: 48%;
  width: 48%;
}
.nImage4 .imageN3,.nImage5 .imageN3{
  left: 50%;
  top: 51%;
  height: 48%;
  width: 23%;
}

.nImage4 .imageN4,.nImage5 .imageN4{
  left: 75%;
  top: 51%;
  height: 48%;
  width: 23%;
  overflow: hidden;
}

/*5 images ou +*/
.nImage5 .imageN4:before{
  background-color: rgba(0,0,0,0.6);
  position: absolute;
  left: -10%;
  top: -10%;
  height: 120%;
  width: 120%;
  z-index: 1;
  content: '';
  filter: blur(2px);
}
.nImage5 .imageN4:after{
  position: absolute;
  left: 50%;
  width: 80%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  content: 'Voir toutes les photos';
  text-align: center;
  color: white;
  font-size: 1.2em ;
  line-height: 1.2em ;
}

@media (max-width: 900px) {
  nav.slider {
    overflow: hidden;
    white-space: nowrap;
    height: 12em ;
    border-radius: 1em ;
    max-height: 60vh;
  }
  nav.slider:after {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 6;
    content: '';
  }
  nav.slider .imageN1{
    z-index: 5;
  }
  .tab-content nav.slider a{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: none;
    top: 0;
    left: 0;
    transition: 1s ease transform;
    border-radius: 0;
  }
  .nImage5 .imageN4:before{
    background-color: transparent;
    content: '';
    filter: none;
  }
  .nImage5 .imageN4:after{
    content: '';
  }
  nav.slider div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    padding: 0.75em 0.10em;
    z-index: 10;
  }
  nav.slider svg{
    height: 2.5em ;
    width: auto;
    margin-bottom: -0.5em ;
  }
  .arrowLeft{
    left: 0;
  }
  .arrowRight{
    right: 0;
  }
}

.loading-background {
  padding-top: 100px;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgb(0,0,0,0.5);
  z-index: 9999;
  text-align:center;
}

/*Liste d'attente*/

#listeAttenteParent{
  border-top: 1px solid #f1f2f4;
  border-bottom: 1px solid #f1f2f4;
  border-radius: 0.75em ;
  padding: 1.5em 0;
  margin: 2em 0;
  white-space: nowrap;
}

#listeAttenteParent h3{
  text-align: left;
  margin: 0 0 0.2em ;
  font-size: 1.1em ;
  font-weight: 600;
  color:  var(--color1);
  font-family: "sfprobold", sans-serif;
}
#listeAttenteParent div{
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  max-width: 75%;
  text-align: left;
}

#listeAttenteParent h3 span, #listeAttenteOui h3 span{
  margin-right: 0.5em ;
  margin-top: 0.2em ;
}

/* Switch */

.switch {
  position:relative;
  top: 3px;
  display:inline;
  cursor: pointer;
  margin-left: 2em ;
}

.switch input[type=checkbox] {
  opacity:0;
  position:absolute;
}
.switch input[type=checkbox]+label {
  position:relative;
  display:inline-block;
  -webkit-transition:.4s ease;
  transition:.4s ease;
  height:28px;
  width:52px;
  background: #eff0f2;
  border-radius:60px;
  cursor:pointer;
  z-index:0;
  top:0;
}
.switch input[type=checkbox]+label:after,
.switch input[type=checkbox]+label:before {
  content:"";
  position:absolute;
  display:block;
  top:-1px;
  left:-1px;
}
.switch input[type=checkbox]+label:before {
  -webkit-transition:.2s cubic-bezier(.24,0,.5,1);
  transition:.2s cubic-bezier(.24,0,.5,1);
  height:28px;
  width:52px;
  border-radius:30px;
}
.switch input[type=checkbox]+label:after {
  -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.1),0 4px 0 0 rgba(0,0,0,.04),0 4px 9px rgba(0,0,0,.13),0 3px 3px rgba(0,0,0,.05);
  box-shadow:0 0 0 0 rgba(0,0,0,.1),0 4px 0 0 rgba(0,0,0,.04),0 4px 9px rgba(0,0,0,.13),0 3px 3px rgba(0,0,0,.05);
  -webkit-transition:.35s cubic-bezier(.54,1.6,.5,1);
  transition:.35s cubic-bezier(.54,1.6,.5,1);
  background:#fff;
  height:28px;
  width:28px;
  border-radius:60px;
}
.switch input[type=checkbox]:checked+label:before {
  background:#3ecf8e;
  -webkit-transition:width .2s cubic-bezier(0,0,0,.1);
  transition:width .2s cubic-bezier(0,0,0,.1);
}
.switch input[type=checkbox]:checked+label:after {
  left:26px;
}
.switch input[type=checkbox]:disabled+label {
  opacity:1;
  cursor:not-allowed;
}


#listeAttenteOui{
  color: #3ecf8e ;
  margin: 1em 0 ;
  font-weight: 600;
}

#listeAttenteOui h3{
  font-size: 1.2em;
  margin: 0;
}

/* Message proposant un nouveau créneau */
#acceptRdvListeAttente{
  margin-top: 1em ;
}
nav.options{
  margin-top: 3em ;
}

nav.options button{
  margin: 1em ;
}

.formNoAlert{
  margin-top: 3em ;
}

.formNoAlert button{
  background-color: transparent;
  border: 0 solid transparent;
  font-weight: bold;
}

.formNoAlert span{
  margin-right: 0.3em ;
  margin-top: 0.2em ;
}

.formNoAlert button:hover{
  opacity: 0.8;
}

#acceptRdvListeAttente h3{
  font-size: 2em ;
  background-color: #f1f2f4;
  border-radius: 0.75em ;
  padding: 1em ;
  margin: 0.5em ;
}

.noMoreAlert{
  margin-top: 2em ;
}
.ignoreAlert{
  display: inline-block;
}

button.btn-refuse{
  font-family: "effraregular",sans-serif;
  padding: 18px 42px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  font-size: 18px;
  transition: all 0.2s;
  background-color: Gray;
}

.autocompleteDatalist{
  position: relative;
  display: block;
  width: auto;
}

.autocompleteDatalist input.openSelect{
  padding-right: 2em ;
  cursor: pointer;
  background-color: white;
}


.autocompleteDatalist i.fa-chevron-down{
  position: absolute;
  right: 0.5em ;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;

}

.autocompleteDatalist .fa-search{
  position: absolute;
  left: 1em ;
  top: 1.8em

}

.autocompleteDatalist .searchParent{
  position: absolute;
  top: 100%;
  width: 98%;
  left: 0;
  background-color: white;
  padding: 0.5em ;
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  z-index: 1;

}


.autocompleteDatalist .searchParent input{
  box-sizing: border-box;
  width: 100%;
  padding-left: 2em !important;
  margin-bottom: 0.5em;

}


.autocompleteDatalist .noResult{
  padding: 0.2em;
  color: Gray ;
  margin-top: 0.5em;
  display: block;
}
.autocompleteDatalist .hideSearch, .autocompleteDatalist .hideNoResult{
  display: none;
}


.autocompleteDatalist ul{
  display: block;
  max-height: 10em;
  overflow: auto;
  padding-left: 0;
}


.autocompleteDatalist ul li{
  padding: 0.5em ;
  border-radius: 0.5em ;
  margin-top: 0.2em ;
  display: block;
  list-style: none;
  cursor: pointer;
}


.autocompleteDatalist ul li:hover{
  background-color: Whitesmoke;
}

.lib4u-div-btn {
  padding-bottom:30px;
}

/*Formulaire changement langue*/

.switchLanguage{
  display: inline-block;
  position: relative;
}

.switchLanguage button{
  background-color: transparent !important;
}


.switchLanguage a{
  margin: 0;
  background-color: transparent;
  border: none;
  display: block;
  padding: 0.5em 1em;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  color: black;
  text-align: left;
}

.switchLanguage img{
  height: 20px;
}

.switchLanguage .dropdown-menu img{
  margin-right: 5px ;
}


.switchLanguage a:hover{
  background-color: #f5f5f5;
  text-decoration: none;
}


/* Règles de personalisation client */


.nav-pills>li.active>button {color:#FFF;}
.nav-pills>li>button {color:var(--color1);position: relative;}

.navbar-inverse, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  background-color: var(--color1);
  border-color: var(--color1);
}

.nav-pills>li.active>button, .nav-pills>li.active>button:hover, .nav-pills>li.active>button:focus{
  color:#FFF;background-color:var(--color1);border:none;}


.nav>li>button:hover, .nav>li>button:focus {
  text-decoration: none;
  background-color: var(--color1);
  border:none;
  color: #fff;
}

h2 {color:var(--color2);}

.container-principal h2::after{content: ""; display: inline-block; width: 6px; height: 6px; background: var(--color1); border-radius: 100px; margin-left: 5px;}
#tab_accueil h2 span{color:var(--color2);}

.lib_choix_horaire, .lib-prochain-rdv  {color:var(--color2);}

#zone_horaire .lib_choix_horaire {color:var(--color1); font-size: 16px; margin: 20px 0 5px 0;}

.btn-primary
{
  background-image: -webkit-linear-gradient(top,var(--color1) 0,var(--color1) 100%);
  background-image: -o-linear-gradient(top,var(--color1) 0,var(--color1) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--color1)),to(var(--color1)));
  background-image: linear-gradient(to bottom,var(--color1) 0,var(--color1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  background-color: var(--color1);
}
.btn-primary:hover, .btn-primary:focus,.btn-primary:active, .btn-primary.active {
  background-color: var(--color1);
  background-position: 0 -15px;
}

.btn-default{color: var(--color2); border: 1px solid var(--color2) !important;}
.btn-default:hover{background: var(--color2); border: 1px solid var(--color2) !important;}

.card-info, #tab_connexion .card-info>.card-heading {
  background: var(--couleur1_opacite);
  background-image: none;
}

.module_rdv_groupe_label{
  background: var(--couleur1_opacite);
  background-image: none;
}

.div_equipe .thumbnail .caption{color:var(--color1);}

.div_acces_bottom,.infosMap .div_acces{background: var(--color2);margin-bottom: -2em;}

.btn-danger {background: var(--color2);}
#btn-inscription-show,#btn-inscription, #btn-connexion {background: var(--color1);}
#btn-inscription-show:hover,#btn-inscription:hover, #btn-connexion:hover {background: var(--color1);}

.form-control:focus{border-color:var(--color1);}

.btn-smart-rdv, .btn-deplacer-rdv, #btn-prendre-rdv,#btn-prendre-rdv-mobile, #btn-confirmation, #btn-enquete, #stripecode button{background: var(--color1);}
#btn-prendre-rdv:hover,#btn-prendre-rdv-mobile:hover, #btn-confirmation:hover, #btn-enquete:hover, #stripecode button:hover,.btn-deplacer-rdv:hover, .btn-deplacer-rdv:focus, .btn-smart-rdv:hover {background: var(--couleur1_opacite_fonce) !important;}



.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
.btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover, .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-image: linear-gradient(to bottom, var(--color2) 0, var(--color2) 100%);
  background-repeat: repeat-x;
  background-color: var(--color2);
}

.tbl-horaire {width:100%;border: 0 solid var(--color2);}
.tbl-horaire th {text-align:center;background-color: var(--color2);border-left: 1px solid #fff;border-right: 1px solid #fff;}
.tbl-horaire th:first-child{border-left: 0 solid var(--color2) ;}
.tbl-horaire th:last-child{border-right: 0 solid var(--color2) ;}
.tbl-horaire tr.horaire-am td {/*border-right: 1px solid var(--color2) ;*/padding: 10px 0;}
.tbl-horaire tr.horaire-am td:last-child {border-right: 0 ;}

.csalt {
  /*background-color: var(--color2);*/
  background-color: #fff;
}

.entete-nom-medecin-titre {color: var(--color1);}
.iconsmart-phone{color: var(--color1);}

.lien_horaire {
  padding:4px 20px;
}

.lien_horaire a {
  font-family:"sfprobold",sans-serif;
  color: var(--color1);
  background-color:var(--couleur1_opacite);
  border-radius:100px;
  display:block;
  padding:10px 0;
  text-decoration:none;
  font-weight:normal;
}

.bk_lnk {background-color:var(--color2);}

.lien_horaire_vide {color: var(--color1);}

.lien_horaire a:hover {
  color: #fff;
  background-color:var(--color1);
}

#scrollToTop a {
  color: var(--color2);
}

#tab_connexion .card-info>.card-heading::after{ border-bottom: 1px solid var(--color1);}

#recapitulatif-impression{background: var(--couleur1_opacite);}

#mes_rdv_ul .list-group-item, #mes_rdv_ul .list-group-item:hover{background: var(--couleur1_opacite);}

optgroup {color:var(--color2);}
option {color:#626262;background-color:#FFF;}

.lnk_pageperso div a{color:var(--color1) !important;}

.bck_couleur1 {background-color:var(--color1);}
.bck_couleur3 {background-color:var(--couleur1_opacite);}
.couleur1 {color:var(--color1);}
.couleur2 {color:var(--color2);}
.couleur2 {color:var(--color2);}
.couleur2 {color:var(--color2);}
.border_bottom_couleur1 {border-bottom:solid 1px var(--color1);}
.border_bottom_couleur2 {border-bottom:solid 1px var(--color2);}
.border_bottom_couleur2 {border-bottom:solid 1px var(--color2);}
.border_bottom_couleur2 {border-bottom:solid 1px var(--color2);}
.border_couleur1 {border:solid 1px var(--color1);}
.border_couleur2 {border:solid 1px var(--color2);}
.border_couleur2 {border:solid 1px var(--color2);}
.border_couleur2 {border:solid 1px var(--color2);}

#btn-ajouter-prestation {text-decoration:underline;}
.btn-voirplus, #btn-ajouter-prestation {color: var(--color2) !important;}
.btn-voirplus:hover, #btn-ajouter-prestation:hover {color: var(--color1) !important;}


div.connexion{
  justify-content: space-evenly;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color:  var(--color1)
}

.cache {display:none;}
.hidden {display:none !important;}
/* Spoiler sur la description */

.relativeParent .module_rdv_presta_description{
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 1s all ease;
  padding-bottom: 0 !important;
}
.open .module_rdv_presta_description{
  display: block;
  -webkit-line-clamp: none;
  -webkit-box-orient: inherit;
  overflow: visible;
}

.absoluteChild{
  width: 100%;
  font-weight: 600;
  color: var(--color2);
  padding: 0.5em ;
  font-size: 0.9em ;
  display: block;
}
.absoluteChild:hover{
  opacity: 0.8 ;
}

.absoluteChild i{
  transition: 1s all ease;
  transform: none;
}
.open i{
  transform: rotate(180deg);
}