*{
    font-size: 15px;
    margin:0px;
    padding: 0px;
}
em{
    font-size: 11px;
}

label {
    display: flex;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: 300;
}
a {
    color: #004883;
    text-decoration: none;
}
a:visited {
    color: #004883;
    text-decoration: none;
}
a.cgu{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    float: right;
}

a.cgu:visited{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    float: right;
}
/* Modifier la largeur et la hauteur de la barre */
::-webkit-scrollbar {
  width: 9px; /* Pour les barres verticales */
}
/* Modifier la couleur du fond de la barre */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}
/* Modifier la couleur et la forme du curseur */
::-webkit-scrollbar-thumb {
  background: #0c7b38;
  border-radius: 10px;
  padding: 3px;
}

.connexion_image{
    width: 40%;
    padding: 5px;
    margin: 0 0 10px 0;
}
.loading{
    position: absolute;
    z-index: 99;
    width: 35%;
    top: 164px;
    left: 32.5%;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px #122f3a;
    border: solid 1px #122f3a;
    border-radius: 5px;
}
.loading_img{
    width: 90%;
    border:none;
}
.loading_data{
    width: 14px;
    color: #122f3a;
    font-weight: 600;   
}
.loading_xs{
    position: absolute;
    z-index: 99;
    width: 80%;
    top: 13%;
    left: 10%;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px #122f3a;
    border: solid 1px #122f3a;
    border-radius: 5px;
}
.contrat{
    width: 50%;
    padding: 20px;
    margin: 20px 0 0 0;
    float: left;
}
.sepa{
    width: 97.5%;
    padding: 10px;
}
.office{
    border: none;
    background: none;
    margin: 2px 0;
    box-shadow: none;
    text-align: center;
    font-weight: 600;
    user-select:none;
    cursor: not-allowed;
}
.office:hover{
    border: none;
    background: none;
    margin: 2px 0;
    box-shadow: none;
    text-align: center;
    font-weight: 600;
    user-select:none;
    cursor: not-allowed;
}
.office:visited{
    text-decoration:none;
    cursor: not-allowed;
} 
input.office:disabled{
    border: none;
    background: none;
    margin: 2px 0;
    box-shadow: none;
    text-align: center;
    font-weight: 600;
    user-select:none;
    cursor: not-allowed;
}

.image-input_haut30_logo{
    width: 10%;
    position: fixed;
    margin: 75px 0px 0px 5px;
    z-index: 1;
    border-radius: 100px;
    color: #fff;
    box-shadow: 0 0 8px 0;
    background: #fff;
    cursor:pointer;
}
.image-input_haut30_logo-sm_xs{
    width: 120px;
    position: absolute;
    margin: -14px 0px -14px -7px;
    border-radius: 100px;
    color: #fff;
    z-index: 99;
    background: #fff;
    cursor:pointer;
}
.image_de_fond_matrix{
    position: fixed;
}
.image_de_fond_matrix_sm{
    position: fixed;
}
.image_de_fond_matrix_xs{
    position: fixed;
}
.hotel{
    position: relative;
    width: 80px;
    margin: 5px 0 5px 0;
}
.hotel_texte{
    font-size: 12px;
    color: #245162;
    font-style: italic;
    margin: 0 0 5px 0;
}
.norme{
    width: 50%;    
    margin: 10px 0px 10px 0;
}
.norme_rgpd{
    width: 30%;    
    margin: 10px 0px 10px 0;
}
.espace{
    height: 10px;
}
.espace_bottom{
    min-height: 650px;
}
.espace_bottom_success{
    min-height: 800px;
}
.espace_intercal{
    height: 50px;
}
.espace_titre{
    margin: 10px 0 0 0;
}
.image_de_fond{
    width: 105%;
    position: fixed;
    top: 55px;
}
.image_de_fond_sm{
    width: 160%;
    position: fixed;
    top: 40px;
    left: -160px;
}
.image_de_fond_xs{
    width: 300%;
    position: fixed;
    top: 40px;
    left: -200%;
}

.entete{
    background: #214e5f;
    line-height: 55px;
    color: #ffffff;
    position: relative;
    min-height: 55px;
    box-shadow: 0 0 8px 0;
}
.entete-sm_xs{
    background: #214e5f;
    line-height: 40px;
    color: #ffffff;
    min-height: 38px;
    position: fixed;
    top: 0;
    box-shadow: 0 0 8px 0;
}
.entete_haut{
    position: fixed;
    width: 100%;
    z-index: 99;
}
input.choix{
    cursor:text;
}
input.choix_error{
    cursor:text;
}
.choix{
    width: 100%;
    float: left;
    border: solid 1px #000;
    cursor: text;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 2px 0;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0;
} 

.adresse_calendar{
    width: 100%;
    float: left;
    border: solid 1px #000;
    cursor: text;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 2px 0;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0;
} 
input.adresse_calendar::placeholder{
    color:#ff0011;
}

.choix_error{
    width: 100%;
    float: left;
    border: solid 1px #bb0505;
    cursor: text;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 2px 0;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0;
    color: #bb0505;
}
.create_choix{
    width: 100%;
    float: left;
    border: solid 1px #000;
    cursor: text;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 4px 20px;
    margin: 10px 0;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0;
} 
.create{
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    background-color: #214e5f;
    padding: 4px 20px;
    border: solid 1px #ffffff;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px 0 #214e5f;
}
.create:hover{
    text-decoration: none;
    cursor: pointer;
    color: #214e5f;
    background-color: #ffffff;
    padding: 4px 20px;
    border: solid 1px #214e5f;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px 0;
}
.create:visited{
    text-decoration:none;
    cursor: pointer;
} 
.create_societe{
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    background-color: #214e5f;
    padding: 4px 20px;
    border: solid 1px #ffffff;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px 0;
    text-align: center;
}
.block{
    text-decoration: none;
    cursor: none;
    color: #ff0011;
    background-color: #ffffff;
    padding: 4px 20px;
    border: solid 1px #ff0011;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px 0;
}
.block:disabled{
    text-decoration: none;
    cursor: none;
    color: #ff0011;
    background-color: #ffffff;
    padding: 4px 20px;
    border: solid 1px #ff0011;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px 0;
}
.block:disabled:hover{
    text-decoration: none;
    cursor: none;
    color: #ff0011;
    background-color: #ffffff;
    padding: 4px 20px;
    border: solid 1px #ff0011;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 10px 0;
    box-shadow: 0px 0px 5px 0;
}
.block:visited{
    text-decoration:none;
    cursor: pointer;
}
.reserve{
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #0c4d8f;
    padding: 4px 20px;
    border: solid 1px #fff;
    width: 240px;
    height: 34px;
    border-radius: 5px;
    margin: 2px 5px 5px -1px;
}
.reserve:hover{
    text-decoration: none;
    cursor: pointer;
    color: #0c4d8f;
    background-color: #fff;
    padding: 4px 20px;
    border: solid 1px #0c4d8f;
    width: 240px;
    height: 34px;
    border-radius: 5px;
    margin: 2px 5px 5px -1px;
    box-shadow: 0px 0px 5px 0;
}
.reserve:visited{
    text-decoration:none;
    cursor: pointer;
}
.reserve:disabled{
    text-decoration: none;
    cursor: not-allowed;
    color: #fff;
    background-color: #4e4e4e;
    padding: 4px 20px;
    border: solid 1px #fff;
    width: 240px;
    height: 34px;
    border-radius: 5px;
    margin: 2px 5px 5px -1px;
}
.reserve:disabled:hover{
    text-decoration: none;
    cursor: not-allowed;
    color: #fff;
    background-color: #4e4e4e;
    padding: 4px 20px;
    border: solid 1px #fff;
    width: 240px;
    height: 34px;
    border-radius: 5px;
    margin: 2px 5px 5px -1px;
}
.contact{
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #55a623;
    padding: 4px 20px;
    border: solid 1px #fff;
    width: 240px;
    height: 34px;
    border-radius: 5px;
    margin: 2px 5px 2px -1px;
}
.contact:hover{
    text-decoration: none;
    cursor: pointer;
    color: #55a623;
    background-color: #fff;
    padding: 4px 20px;
    border: solid 1px #55a623;
    width: 240px;
    height: 34px;
    border-radius: 5px;
    margin: 2px 5px 2px -1px;
}
.contact:visited{
    text-decoration:none;
    cursor: pointer;
}
.coordonnees{
    position: absolute;
    border: solid 1px #55a623;
    left: 10%;
    width: 80%;
    background-color: #fff;
    z-index: 99;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #55a623;
    text-align: center;
    cursor: pointer;
}
.croix{
    position: absolute;
    margin: -9px 0px 0px -5px;
    font-family: arial, sans-serif;
    font-weight: 600;
    float: right;
    cursor: pointer;
}
.synchronisation{
    text-decoration: none;
    cursor: pointer;
    color: #000;
    background-color: #ff9b05;
    padding: 4px 20px;
    border: solid 1px #000;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 0px 0 10px 0;
}
.synchronisation:hover{
    text-decoration: none;
    cursor: pointer;
    color: #ff9b05;
    font-weight: 600;
    background-color: #000;
    padding: 4px 20px;
    border: solid 1px #000;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 0px 0 10px 0;
    box-shadow: 0px 0px 5px 0 #000;
}
.synchronisation:visited{
    text-decoration:none;
    cursor: pointer;
}

.titre_principal{
    font-weight: 600;
    font-size: 30px;
    color: #214e5f;
    text-align: left;
    margin: 20px 0 5px 0;
    background-color: #fff;
    border-radius: 5px;
    text-align:center;
}
.titre_secondaire{
    font-weight: 600;
    font-size: 15px;
    color: #214e5f;
    text-align: left;
    margin: 0 0 0 0px;
    background-color: #fff;
    border-radius: 5px;
    font-style: italic;
    text-align:center;
    cursor: help;
}
.titre{
    font-weight: 600;
    font-size: 18px;
    color: #214e5f;
    text-align: left;
    margin: 10px 0 10px 0;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}
.titre_xs{
    font-weight: 600;
    font-size: 18px;
    color: #214e5f;
    text-align: left;
    margin: 10px 0 10px 0;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}
.titre_error{
    font-size: 18px;
    color: red;
    font-weight: 600;
    font-style: italic;
    text-align: center;
}
.titre_admin_logement{
    font-weight: 600;
    font-size: 18px;
    color: #214e5f;
    text-align: left;
    margin: 5px 0 5px 0;
    background-color: #fff;
    border-radius: 5px;
}
.titre_admin_logement_error {
    font-weight: 600;
    font-size: 18px;
    color: #c63520;
    text-align: left;
    margin: 5px 0 5px 0;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}
.section{
    text-align: left;
    font-size: 15px;
    color: #fff;
    margin-top: 65px;
}
.section_titre{
    text-align: left;
    font-size: 15px;
    color: #fff;
    margin: 20px 0px;
}
.sous_section{
    font-weight: 600;
    text-align: left;
    background-color: #fff;
    border: solid 1px #322000;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
}
.groupe_cherche{
    margin: 50px 0;
}
.sous_titre{
    margin: 10px 0 0 0 ;
    color: #214e5f;
}

.div_block{
    background-color: #ffffff;
    color: #214e5f;
    border-radius: 5px;
    border: solid 1px #214e5f;
    box-shadow: 0 0 5px 0;
}
.div_block_bis{
    background-color: #ffffff;
    color: #214e5f;
    border-radius: 5px;
    border: solid 1px #214e5f;
    box-shadow: 0 0 5px 0;
    top: 10px;
    overflow-y:auto;
    overflow-x:hidden;
}
.information_office{
    min-height: 200px;
}
.info_bis{
    margin: 5px 0;
}
.info_ter {
    margin: 5px 0;
    padding: 5px 0;
}
.info_logement{
    padding: 5px;
    margin: 5px 0 5px 0;
}
.logement{
    margin: 50px 0 0 0;
}

/* Admin */
.feuille_connexion {
    position: relative;
    top: 150px;
    width: 100%;
}
.feuille_connexion_create {
    position: relative;
    top: 65px;
    width: 100%;
}
.feuille_verification{
    position: relative;
    top: 80px;
    width: 100%;
}
.section_connexion {
    background-color: #fff;
    padding: 25px;
    border-radius: 5px;
    border: solid 1px #322000;
    box-shadow: 0 0 5px 0;
}
.input-group-addon {
    background-color: transparent;
    position: absolute;
    right: 36px;
    border: none;
    border-radius: 5px;
    margin: 1px 0 0px 0;
    padding: 7px;
    color: #000;
}
.facebook_pick_black{
    margin: 7px 0 7px -5px;
    float: left;
    width: 40px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    color: #fff;
}
.whatsapp_pick_black{
    margin: 8px 9px 7px -1px;
    float: right;
    width: 38px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    color: #fff;
}
.whatsapp_pick_black-sm_xs{
    margin: 6px 2px 5px 6px;
    float: right;
    width: 26px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    color: #fff;
}
.choix_places{
    background: none;
    border: none;
    color: #214e5f;
    width: 100%;
}

.foot{
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #214e5f;
    color: #fff;
    height: 35px;
    vertical-align: middle;
    box-shadow: 0 0 8px 0;
}
.mentions {
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    margin-top: 8px;
}
.footer-sm_xs{
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    margin-top: 8px;
}
.message{
    text-decoration: none;
    cursor: pointer;
    color: #0c7b38;
    font-weight: 600;
    font-size: 16px;
    background-color: #fff;
    padding: 4px 20px;
    border: solid 1px #0c7b38;
    text-align: center;
    width: 100%;
    height: 45px;
    border-radius: 0px;
    margin: 10px 0 15px 0;
    box-shadow: 0 0 5px 0;
    border-radius: 5px;
}
.create_success{
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #0c7b38;
    padding: 4px 20px;
    border: solid 1px #fff;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    margin: 0 0 0px 0;
}
.create_success:hover{
    text-decoration: none;
    cursor: pointer;
    color: #0c7b38;
    background-color: #fff;
    padding: 4px 20px;
    border: solid 1px #0c7b38;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #0c7b38;
    margin: 0 0 0px 0;
}
.create_success:visited{
    text-decoration:none;
    cursor: pointer;
}
.message_error{
    text-decoration: none;
    cursor: pointer;
    color: #a63950;
    font-weight: 600;
    font-size: 16px;
    background-color: #fff;
    padding: 4px 20px;
    border: solid 1px #a63950;
    text-align: center;
    width: 100%;
    height: 45px;
    border-radius: 0px;
    margin: 10px 0 15px 0;
    box-shadow: 0 0 5px 0;
    border-radius: 5px;
}
.disponible{
    color : #0c7b38;
}
.indisponible{
    color : #a63950;
}
.bouton_admin{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #214e5f;
    background-color: #fff;
    padding: 0px 20px;
    border: solid 1px #214e5f;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 7px 0 0 5px;
    float: left;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #214e5f;
    padding: 0px 20px;
    border: solid 1px #fff;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 7px 0 0 5px;
    float: left;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin:visited{
    text-decoration:none;
    cursor: pointer;
}
.bouton_admin_xs{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #214e5f;
    background-color: #fff;
    padding: 0px 9px;
    border: solid 1px #214e5f;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 7px 0 0 5px;
    float: left;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin_xs:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #214e5f;
    padding: 0px 9px;
    border: solid 1px #fff;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 7px 0 0 5px;
    float: left;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin_xs:visited{
    text-decoration:none;
    cursor: pointer;
}
.bouton_admin_logement{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #214e5f;
    background-color: #fff;
    padding: 0px 20px;
    border: solid 1px #214e5f;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 7px 8px 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin_logement:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #214e5f;
    padding: 0px 20px;
    border: solid 1px #fff;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 7px 8px 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin_logement:visited{
    text-decoration:none;
    cursor: pointer;
}
.bouton_admin_logement_xs{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #214e5f;
    background-color: #fff;
    padding: 0px 9px;
    border: solid 1px #214e5f;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 6px 0 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin_logement_xs:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #214e5f;
    padding: 0px 9px;
    border: solid 1px #fff;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    margin: 6px 0 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.bouton_admin_logement_xs:visited{
    text-decoration:none;
    cursor: pointer;
}
.create_edition{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #0c7b38;
    padding: 0px 20px;
    border: solid 1px #fff;
    height: 34px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #fff;
    margin: 10px 8px 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.create_edition:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #0c7b38;
    background-color: #fff;
    padding: 0px 20px;
    border: solid 1px #0c7b38;
    height: 34px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #0c7b38;
    margin: 10px 8px 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.create_edition:visited{
    text-decoration:none;
    cursor: pointer;
}
.create_edition_xs{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #0c7b38;
    padding: 0px 9px;
    border: solid 1px #fff;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #fff;
    margin: 6px 0 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.create_edition_xs:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #0c7b38;
    background-color: #fff;
    padding: 0px 9px;
    border: solid 1px #0c7b38;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #0c7b38;
    margin: 6px 0 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.create_edition_xs:visited{
    text-decoration:none;
    cursor: pointer;
}
.retour_edition{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #d40b01;
    padding: 0px 20px;
    border: solid 1px #fff;
    height: 34px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #fff;
    margin: 10px 8px 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.retour_edition:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #d40b01;
    background-color: #fff;
    padding: 0px 20px;
    border: solid 1px #d40b01;
    height: 34px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #d40b01;
    margin: 10px 8px 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.retour_edition:visited{
    text-decoration:none;
    cursor: pointer;
}
.retour_edition_xs{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #d40b01;
    padding: 0px 9px;
    border: solid 1px #fff;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #fff;
    margin: 6px 0 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.retour_edition_xs:hover{
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #d40b01;
    background-color: #fff;
    padding: 0px 9px;
    border: solid 1px #d40b01;
    font-size: 13px;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #d40b01;
    margin: 6px 0 0 5px;
    float: right;
    position: relative;
    z-index: 99;
    line-height: 0px;
}
.retour_edition_xs:visited{
    text-decoration:none;
    cursor: pointer;
}
.deconnexion_pick_black-sm_xs{
    width: 26px;
    margin: 7px 0 7px 0px;
    cursor: pointer;
    float: left;
    box-shadow: 0 0 2px 0 #fff;
    border-radius: 5px;
}

/* CALENDRIER */
button[disabled], html input[disabled] {
    cursor: not-allowed;
}
.message_choix{
    margin: 0 0 15px 0;
}
input[disabled].calendrier {
    cursor: not-allowed;
}
.calendrier{
    margin: 20px 0 0 0 ;
    cursor: not-allowed;
    min-height:200px;
}
.ligne_calendrier{
    cursor: not-allowed;
}
.ligne_calendrier_titre{
    cursor: not-allowed;
}
.case_calendrier{
    text-align: center; 
    padding: 1px;
    float: left;
    width: 7%;
    cursor: not-allowed;
    border-radius: 5px;
}
.bloc_valid{
    margin: 10px 0 0 0;
    width: 100%;
    cursor: not-allowed;
    background-color: #214e5f;
    border-top:  none;
    border-left: solid 1px #322000;
    border-right: solid 1px #322000;
    border-bottom: solid 1px #322000;
}
.pastille{
    cursor: not-allowed;
}
.logo_stripe{
    width: 45%;
    cursor: pointer;
}
.logo_client{
    width: auto;
    float: right;
    margin: 20px 0px 0 0;
    max-height: 130px;
    cursor: pointer;
}
.logo_client:hover{
    -ms-transform: scale(3) translate(30px);
    -webkit-transform: scale(3) translate(30px);
    transform: scale(2.5) translate(-30%, 16%);
    transition: transform .5s;
    border: solid 0.4px #000;
    border-radius: 3px;
    box-shadow: 0px 0px 5px 0px #000;
}
.logo_client_null{
    width: auto;
    float: right;
    margin: 20px 0px 0 0;
    max-height: 130px;
    border-radius: 50%;
}
.picto_logement{
    width: 30px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0;
    margin: 4px 6px 8px 0px;
    cursor: help;
}
.picto_logement:hover{
    -ms-transform: scale(1.2) translate(0);
    -webkit-transform: scale(1.2) translate(0);
    transform: scale(1.2) translate(0%, 0%);
    transition: transform .5s;
}
.picto_carte{
    width: 30px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0;
    margin: 4px 6px 8px 0px;
    cursor: pointer;
    color: #214e5f;
}
.picto_carte:hover{
    -ms-transform: scale(1.3) translate(0);
    -webkit-transform: scale(1.3) translate(0);
    transform: scale(1.3) translate(0%, 0%);
    transition: transform .5s;
}
.picto_vol{
    width: 55px;
    margin: -16px 0 0px 0;
}
.picto_distance{
    float: right;
    margin: -29px 0 0px 0;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    cursor: help;
}

a.transparent{
    color: transparent;
}

.text_calendrier_titre{
    font-family: arial;
    font-size: 12px;
    width: 100%;
    text-align: center;
    background-color: transparent;
    font-weight: 600;
    border: none;
    cursor: not-allowed;
}
.text_calendrier{
    font-family: arial;
    font-size: 12px;
    width: 100%;
    padding: 20% 0% 20% 0%;
    text-align: center;
    background-color: #214e5f;
    font-weight: 600;
    border: solid 1px #322000;
    cursor: not-allowed;
    border-radius: 5px;
}

.input_titre_calendrier{
    background-color: transparent;
    border: none;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;
    height: 21px;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    margin: 3% 0 -15px 0;
}
.input_bloc_valid{
    background-color: #214e5f;
    border-top: solid 1px #322000;
    border-left: solid 1px #322000;
    border-right: solid 1px #322000;
    border-bottom:  none;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;
    height: 21px;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    margin: 1% 0 -15px 0;
}

input[type=radio], input[type=checkbox], .carre{
    float: right;
    margin: -18px 12px 0px 0;
    padding: 0;
    border: solid 1px #214e5f;
    cursor: pointer;
    z-index: 99;
    position: relative;
}
.label_logement{
    margin: 8px 0 0 9px;
    color: #214e5f;
    display: block;
    position: relative;
    font-weight: 300;
}
.logo_charge{
    float: right;
    width: 220px;
    margin: 45px 0 20px 0;
}
.image-input_haut30_logo_change{
    max-height: 120px;
    cursor: pointer;
    border: solid 1px #214e5f;
    border-radius: 5px;
    float: right;
    margin: 0 0 15px 0;
}
.descriptif_logo_error{
    background: none;
    border: none;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
    cursor: text;
    background-color: #fff;
    box-shadow: 0 0 0 0;
    border: none;
    color: #000;
    text-align: center;
    font-size: 15px;
}

.facebook_pick_black_rgpd{
    width: 37px;
    margin: 8px 0 0 0;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    color: #fff;
    float: right;
}
.facebook_pick_black_rgpd-sm_xs{
    width: 25px;
    margin: 7px 0 0px 5px;
    cursor: pointer;
    float: right;
    border-radius: 5px;
    box-shadow: 0 0 5px 0;
    color: #fff;
}
.texte_confcall_alert{
    font-style: italic;
    font-weight: 300;
    padding: 5px 4px 5px 4px;
    font-size: 13px;
}
.texte_confcall{
    font-style: italic;
    font-weight: 300;
    padding: 90px 4px 5px 4px;
    font-size: 13px;
}
.attention{
    font-style: italic;
    color: #d40b01;
}

.valid{
    width: 100%;
    cursor: none;
    background-color: #ffffff;
    height: auto;
    border: none;
    color: #0c7b38;
    margin: 5px 0 -5px 0;
    min-height: 30px;
    padding: 5px 5px;
    text-align: left;
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
}
.separate{
    width: 100%;
    cursor: none;
    background-color: #ffffff;
    height: auto;
    border: none;
    color: #d40b01;
    margin: 15px 0 -5px 0;
    min-height: 30px;
    text-align: left;
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
}
.separation{
    border-top: solid 1px #214e5f;
    margin: 8px 0 0 0;
}
.aucun{
    width: 100%;
    cursor: none;
    background-color: #d40b01;
    height: auto;
    border: solid 1px #fff;
    color: #fff;
    margin: -15px 0 15px 0;
    min-height: 30px;
    font-weight: 600;
    padding: 10px 0 10px 0;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #d40b01;
}
.no_city{
    width: 75%;
    color: #fff;
    margin: 0 0 20px 12.5%;
    box-shadow: 0px 0px 7px 4px #122f3a;
}