body{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 14px;line-height: 21px;color: #626262;background-color: #f1f2f4;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;word-wrap: break-word;}
.btn {font-family: 'Roboto', sans-serif; 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-weight:600;}
.vcenter { display: inline-block; vertical-align: middle; float: none;}

.tab-content > .active{padding-top:20px;}
#tab_accueil{font-size:14px;}

#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:0px;margin-bottom:1px;}

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

.entete-nom-medecin-titre {font-size:22px;}
.entete-nom-medecin-sous-titre {font-size:16px;}
.entete-site {padding-top:10px; padding-bottom:10px;}
.entete-site-important {padding-bottom:15px;margin-bottom:20px;font-size:14px;border-bottom:solid 1px #f1f2f4; color: #ca2a30; font-weight: 700;}
#smart-adresse{width: 24.5%;}
.container-principal {background: #fff; border-radius: 4px; padding: 15px 15px 0 15px; box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08); margin-bottom: 20px;margin-top:10px;}

.nav-tabs{border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{color:#fff;}
.nav>li>a {background: #f1f2f4; padding:10px 20px; margin-right: 10px; border-radius: 4px !important; border:none;}

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

#content {min-height:500px;}

.container-footer {color:#626262;padding-bottom:20px; padding-top:20px; font-size: 12px;background-color:transparent !important;}
.container-footer a, .container-footer a:hover, .container-footer a:visited {color:#626262;text-decoration:none; font-weight: 700; font-size: 14px;}

h2 {font-size:26px;color:#428bca;margin-top:0;}

#scrollToTop {
position: fixed;
right: 20px;
bottom: 0px;
color: #428bca;
padding: 7px 0px;
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;}

.div_acces{ margin-left: -15px; margin-right: -15px; margin-top: 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.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;}
.bloc-acces h2{ padding: 30px !important; }
.bloc-acces .map-adresse, .bloc-acces .map-acces{ padding-left: 30px; padding-right: 30px; }
.bloc-acces, .bloc-acces h2{ color: #fff; }
.map-adresse{font-weight: 500; font-size: 16px;}

#map_canvas{border-bottom-right-radius: 4px;}
.maptoright{border-radius: 4px;}

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

.div_equipe{border-top: 1px solid #f1f2f4; margin-top: 15px;}
.div_equipe .liste_equipe{margin: 20px 0;}
.div_equipe .thumbnail{padding: 0; margin: 0; border: none; background: none; border-radius: 0; box-shadow: none; border-radius: 0; 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;}
.div_equipe .thumbnail:hover img{bottom: 5px;}
.div_equipe .thumbnail .caption{ padding: 10px 5px; font-weight: 500; font-size: 16px;}
.div_equipe .thumbnail .caption span{ color: #626262; font-size: 14px; font-weight: 400;}

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

.navbar-right{margin-right: -30px;} 

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

#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:0px 10px;}
.lien_horaire a {font-weight:bold;color:#2a6496;display:block;padding:10px 0px;border-radius:4px;text-decoration:none;}
.lien_horaire a:hover {
color: #fff;
background-color:#2d6ca2;
}

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

.lib_choix_horaire, .lib-prochain-rdv {padding:0 0 10px 0;color:#428bca;}

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

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

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

.form-control{border-color: #cfd4da; box-shadow: none !important; height: 42px; padding: 8px 12px; color: #626262;}

.panel-info .form-group label{ font-weight: 400; letter-spacing: 2px; text-transform: uppercase; font-size: 12px;}
.panel-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-weight:bold;}
.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: 0px ;}*/

.entete-nom-medecin-titre h1{font-size:22px;margin:0;padding:5px 0 0 0;}
.entete-nom-medecin-sous-titre h2{font-size:16px;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:#4098FB;}

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

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

h1 {margin:5px 0;font-size:28px;}

.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: 12px; font-weight: normal;}
.cnil a:hover{ text-decoration: underline; font-size: 12px; 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-confirmation , .btn-smart-rdv {padding:18px 36px;text-transform: uppercase;letter-spacing: 2px;font-weight: 500;color: #fff; font-size: 16px; 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 {font-weight:400; letter-spacing: 2px; text-decoration: underline;}
.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:12px;text-decoration:none;color:#ccc !important;}

.label-select {min-height:34px;}

.entete-site img, #tab_accueil img {display:block;max-width:100%;height: 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;}

/*----- 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: 4px; margin-bottom: 30px;}
.msg-rdv-non-confirme_1 {font-weight:500;font-size:21px; line-height: 26px;}
.msg-rdv-non-confirme_2 {font-weight:400; font-size: 14px;}

.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{letter-spacing:0; text-transform: none; font-size: 14px; font-weight: 500;}
#recapitulatif-champspersos .checkbox label{font-weight: 400;}
.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:0; 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: 4px; text-shadow:none; box-shadow:none; padding:20px;z-index:10000000000;}

#recapitulatif-impression{text-align:center; color: #626262; font-size: 12px; border:none !important; text-shadow:none; box-shadow:none; padding:30px;}
.impression_rdv{ font-size: 18px;}


/*----- 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: 4px !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-size: 16px;}

.no-annulation{ font-size: 12px;}

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

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

.ui-widget.ui-widget-content{ box-shadow:0px 15px 15px 0px 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;}

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



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