/* Configuration personnalisée du CSS commun au différents types et niveau*/

/* Ecrasement des valeurs de Bootstrap */
html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--police)}
body{font-size: 12px;}
h1, #content h1{font-size: 1.8em !important;font-weight: bold;text-align: center;color: var(--couleur-pages-titres);margin: 0px}
h2, #content h2{font-size: 1.3em;font-weight: bold;text-align: center;color: var(--couleur-pagesniv2-titres);margin: 0px;}
h3, #content h3{font-size: 1.1em;font-weight: bold;text-align: center;color: var(--couleur-pagesniv3-titres);}
h4, #content h4{font-size: 0.9em;font-weight: bold;text-align: center;color: var(--couleur-pagesniv4-titres);}
label ,#content #formulaire label {color: var(--couleur-labels); padding-top: 0.4em; padding-right: 0.5em;font-size: 1em;}
fieldset {display: contents!important;}
legend {color: var(--couleur-labels); padding-top: 0.4em; padding-right: 0.5em;font-size: 1em; border: 0px!important;font-weight: bold;margin-bottom: 7px!important;}
.container {padding-right: 5px;padding-left: 5px;}
.row{margin: 0px auto;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-right: 0px;padding-left: 0px;}
.col-xs-5, .col-xs-6 {padding-left: 0px;}
a, a:active, a:hover, a:focus{ font-family: var(--police) }
a{text-decoration: none !important;color: var(--couleur-liens);}
a:hover,a:focus,a:active{text-decoration: underline !important;color: var(--couleur-hover);}
td{padding: 2px !important;border: 0px !important;}
.form-group{margin-bottom: 0px;}
.form-control {width: var(--select-width);display: inline !important;height: 24px !important;font-size: 12px !important;padding-left: 3px !important;padding-right: 3px !important;border: 1px solid #ccc !important;border-radius: 4px;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;margin-bottom: 5px !important;}
select{margin-top: 1px;padding: 0px !important;width: var(--select-width);}
select.chpperso-select{width: var(--chpperso-select-width);}

/* Ecrasement des valeurs font-awesome */
.fa-color{ color:var(--couleur-labels);}
.fa-color-plus{background-color: var(--couleur-body);color: var(--couleur-boutons);}
.fa-color-moins{background-color: var(--couleur-body);color: var(--couleur-boutons);}
.fa-color-plus-petit{background-color: var(--couleur-body);color: var(--couleur-boutons);}
.fa-lg-size-2em{ font-size: 2em !important; }
.visually-hidden-label-icon,.visually-hidden-label-checkbox {border: 0;padding: 0;margin: 0;position: absolute !important; height: 1px; width: 1px; overflow: hidden; white-space: nowrap;}

/* Gestion des classes génériques */
.centre{ text-align: center !important; }
.gauche{ text-align: left !important; }
.droite{ text-align: right !important; }
.width-max{ width: 100% !important;}
.font-normal{ font-size: 1.0em !important; }
.font-normal-gras{ font-size: 1.0em !important; font-weight: bold !important; }
.font-size1{ font-size: 1.1em !important; }
.font-size1-gras{ font-size: 1.1em !important; font-weight: bold !important; }
.font-size2{ font-size: 1.2em !important; }
.font-size2-gras{ font-size: 1.2em !important; font-weight: bold !important; }
.width100pourcent{width: 100%;}
.nopad-top{ padding-top: 0px !important; }
.nopad-bottom{ padding-bottom: 0px !important; }
.nopad-left{ padding-left: 0px !important; }
.nopad-right{ padding-right: 0px !important; }
.nomarge-top{ margin-top: 0px !important; }
.nomarge-bottom{ margin-bottom: 0px !important; }
.nomarge-left{ margin-left: 0px !important; }
.nomarge-right{ margin-right: 0px !important; }
.marge-top-1{ margin-top: 0.1em !important; }
.marge-top-2{ margin-top: 0.2em !important; }
.marge-top-3{ margin-top: 0.3em !important; }
.marge-top-4{ margin-top: 0.4em !important; }
.marge-top-5{ margin-top: 0.5em !important; }
.marge-top-10{ margin-top: 1em !important; }
.marge-bottom-1{ margin-bottom: 0.1em !important; }
.marge-bottom-2{ margin-bottom: 0.2em !important; }
.marge-bottom-3{ margin-bottom: 0.3em !important; }
.marge-bottom-4{ margin-bottom: 0.4em !important; }
.marge-bottom-5{ margin-bottom: 0.5em !important; }
.marge-left-1{ margin-left: 0.1em !important; }
.marge-left-2{ margin-left: 0.2em !important; }
.marge-left-3{ margin-left: 0.3em !important; }
.marge-left-4{ margin-left: 0.4em !important; }
.marge-left-5{ margin-left: 0.5em !important; }
.padding-left-5{ padding-left: 0.5em !important; }
.marge-right-1{ margin-right: 0.1em !important; }
.marge-right-2{ margin-right: 0.2em !important; }
.marge-right-3{ margin-right: 0.3em !important; }
.marge-right-4{ margin-right: 0.4em !important; }
.marge-right-5{ margin-right: 0.5em !important; }
.marge-left-3{ margin-left: 0.3em !important; }
.marge-left-5px{ margin-left: 5px !important; }
.f-left{ float: left !important; }
.f-right{ float: right !important; }
.largeur-em-1{ width: 1em !important; }
.largeur-em-1_5{ width: 1.5em !important; }
.largeur-em-2{ width: 2em !important; }
.largeur-em-2_3{ width: 2.3em !important; }
.largeur-em-2_5{ width: 2.5em !important; }
.largeur-em-3{ width: 3em !important; }
.largeur-em-3_5{ width: 3.5em !important; }
.largeur-em-4{ width: 4em !important; }
.display-inline-block{ display: inline-block !important;}
.display-inline-flex{ display: inline-flex !important;}
.display-inline{ display: inline !important;}
.display-block{ display: block !important;}
.cursorPointer{cursor:pointer;}
.cache {display: none;}
.section-nopad, #body-content .section-nopad, #body-content .col-lg-12 .section-nopad{padding-left: 0px !important;}
#chp-standards{vertical-align: top;}
.zone-donnees{width: 100%;}
.help{cursor: help;border-radius: 0.75em;font-weight: bold;color: var(--couleur-aide);display: inline-block;padding: 3px;}
.help:focus, .help:hover { content: attr(title); }

.oblig-etoile{ font-size:large; }
.radio-vertical, .checkbox-vertical{
  display: inline-block !important;
  width: auto !important;
  float: none !important;
  height: auto !important;
  font-weight: normal !important;
  margin-left: 0em !important;
  color: var(--couleur-textes);
}
q:lang(fr){ quotes: "\00AB\00A0" "\00A0\00BB" "\201C" "\201D";}
sup{ font-size: .7em;}

/* Gestion du Body et Html */
body{line-height: 1.1;color: var(--couleur-textes);background: var(--couleur-body);margin: 0em;padding: 0em;margin-top: 0.15em;}

/* Gestion par l'id global */
#global{text-align: center;vertical-align: top;height: auto;}

/* Gestion du main */
#main{position: relative;margin-top: 1px;margin-bottom: 1px;text-align: center;vertical-align: top;height: auto;max-width: var(--tailleTotale);margin: 0px auto;}
  
/* Gestion de la navbar */
.navbar-default{background-color: var(--couleur-menu-fond);min-height: 0px;margin-bottom: 0px;border-radius: 0px !important;border: 0px !important;}
.navbar-default .navbar-nav .lien-accueil{background-color: var(--couleur-menu-acceuil-fond)!important;color: var(--couleur-menu-acceuil-lien)!important;}
.navbar-default .navbar-nav > li > a{text-decoration: none !important;background-color: var(--couleur-menu-fond);color: var(--couleur-menu-lien);}
.navbar-nav{width: 100% !important;margin: 0px auto !important;display: inline-block !important;float: none !important;}
.navbar-nav > li{float: none !important;width: 100% !important;margin: 0px auto !important;display: inline-block !important;}
.navbar-nav > li > a{padding-top: 5px;padding-bottom: 5px;color: var(--couleur-menu-lien);font-weight: bold;border-radius: 4px;}
.nav > .lien-langue{width: min-content !important;padding-right: 0px; padding-left: 0px;margin-right: 0px;margin-left: 0px;}
.nav > .lien-langue > a{padding-right: 10px;padding-left: 10px;margin-right: 0px;margin-left: 0px;}
.navbar-default .navbar-nav .active a{text-decoration: none !important;background-color: var(--couleur-menu-actif-fond);color: var(--couleur-menu-actif-lien);}
.navbar-default .navbar-nav > li > a:focus {background-color: var(--couleur-menu-focus-fond);color: var(--couleur-menu-focus-lien);}
.navbar-default .navbar-nav > li > a:hover{text-decoration: underline !important;background-color: var(--couleur-menu-hover-fond)!important;color: var(--couleur-menu-hover-lien)!important;}

/* Gestion page Acceuil */
.accueil{width: 98%;}
.accueil #body-content{width: auto !important;margin-left: 9% !important;margin-right: 9% !important;}
.accueil #body-content p {text-align:left}

/* Gestion page Mentions legales et accessibilité */
.legal, .accessibilite {width: 98%;line-height: 1.3 !important;}
#client-nom{ font-size: 1.4em !important; }
.ciitelecom-nom {font-size: 1.4em !important;}
.titre-cii{padding-right: 0.1em !important;font-weight: bold;color: rgb(93, 79, 68) !important;font-size: larger;}
.titre-telecom{font-weight: normal;color: rgb(93, 79, 68)!important;font-size: larger;}
.titre-legal, .titre-accessibilite {color: var(--couleur-pagesniv3-titres);text-align:left;font-weight: bold;font-size: 16px;margin-top: 1em;margin-bottom: 0.1em;margin-left: 0em;margin-right: 0em;width: 96%;}
.sstitre-accessibilite {font-size: 15px;color: var(--couleur-pagesniv4-titres);text-align: left;font-weight: bold;margin-top: 0.5em;margin-bottom: 0.1em;margin-left: 0em;margin-right: 0em;width: 96%;}
.txt-legal, .txt-accessibilite {font-size: 14px;text-align: left;color: var(--couleur-textes);margin-top: 0.25em;margin-bottom: 0.35em;width: 99%;}
.accessibilite ul {padding-left: 15px!important;}
.accessibilite li {margin: 0px!important;}
.accessibilite .bloc_resultat {color:var(--couleur-pagesniv2-titres)!important ;border-bottom: 1px solid var(--couleur-pagesniv2-titres);
  padding-bottom: 0.5em !important;}
.txt-accessibilite ul {margin: 0px!important;}
.txt-accessibilite ul li a, .txt-accessibilite ul li span {margin-left: 5px!important;line-height: 1.6!important;}
/* Gestion par l'id content */
#content{margin: 0.55em;color: var(--couleur-textes);text-align: center;}
#content #formulaire{vertical-align: top;width: 100%;}
#content #formulaire #form_inscription{text-align: left!important;}
#content #formulaire #form_inscription_recap{text-align: left!important;padding:10px!important;}
/* Type input */
#content #formulaire input[type="text"],#content #formulaire input[type="password"]{width: var(--input-texte-width);}
#content #formulaire input[type="text"].input-groupe,#content #formulaire input[type="password"].input-groupe{border: 1px solid #ccc !important;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}
#content #formulaire input[type=radio], #content #formulaire input[type=checkbox]{margin-top: 7px;}
/* Type text */

#content #formulaire #am_codeapi1,#content #formulaire #am_codeapi2,#content #formulaire #am_codeapi3{
  width : calc(var(--input-texte-width)/3.2)!important;
  margin-right: 0.5em!important;
}

#content .sstitre{
margin-top: 0.5em;
margin-bottom: 0.4em;
padding-left: 0%;
color: var(--couleur-pagesniv3-titres);
font-weight: bold;
font-size: 1.2em;
}
#content .sstitre-2{
margin-top: 0.3em;
margin-bottom: 0.1em;
padding-left: 0%;
color: var(--couleur-pagesniv2-titres);
font-weight: bold;
font-size: 0.95em;
}
#content #formulaire .warning, .caution{color: var(--couleur-oblig);}
#content #formulaire #txt-medias{
margin-top: 0.75em;
margin-bottom: 0.5em;
color: var(--couleur-pagesniv3-titres);
font-weight: bold;
}
#content #formulaire #txt-consignes{
margin-top: 0.5em;
margin-bottom: 0.95em !important;
color: var(--couleur-textes);
font-weight: bold;
font-size: 0.95em !important;
}
#content #formulaire #txt-telephones, #content #formulaire #txt-autres-medias, #content #formulaire #txt-localisation{
margin-top: 0.5em;
margin-bottom: 0.2em;
color: var(--couleur-pagesniv4-titres);
font-weight: bold;
}
#content #formulaire #txt-appel{
margin-top: 0.1em;
margin-bottom: 0.95em;
padding-left: 5px;
padding-right: 10px;
color:var(--couleur-textes);
}
#content #formulaire #num-appel{
font-weight: bold;
font-size: 1.10em;
color: var(--couleur-oblig);
}
#content #formulaire #txt-email{
margin-top: 0.3em;
margin-bottom: 0.5em;
color: var(--couleur-textes);
}
#content #formulaire #txt-code{
color: var(--couleur-aide);
text-align: left;
font-weight: normal;
font-size: 0.85em;
margin-left: 0.1em;
}
#content #formulaire #txt-oblig{
margin-top: 1.5em;
margin-bottom: 1.5em;
text-align: center;
}
#content #formulaire #oblig{
font-weight: bold;
font-size: 0.95em;
color: var(--couleur-oblig);
}
#content #formulaire .oblig{
color: var(--couleur-oblig);
font-weight: bold;
}
#content #formulaire legend .oblig{
  margin-left: 5px;
}

#content .resume-col-sans-fond .txt-label-recap{font-size: 1.12em !important;}

#content .txt-label-recap{
font-size: 1.05em !important;
line-height: 1.42857143 !important;
}

#content .txt-label-recap i {opacity: 0.8!important;}
#content .resume-col-sans-fond .txt-label-recap {font-weight: bold!important;}

#content .cadre-txt-rappel{
  border: solid var(--couleur-menu-fond) 3px;
  text-align: left!important;
  padding: 10px;
  margin-inline: 10px;
}
#content #txt-rappel{
color: var(--couleur-textes);
text-align: left!important;
font-weight: bold;
margin-bottom: 0.55em;
margin-left: 0em;
margin-right: 0em;
font-size: 1.15em !important;
line-height: 1.42857143 !important;
}
#content #txt-rappel-numappel{
color: var(--couleur-oblig);
text-align: left;
margin-top: 0.20em;
margin-bottom: 0.95em;
margin-left: 0em;
margin-right: 0em;
font-size: 1.15em !important;
}
#content #formulaire #txt-rgpd{
color: var(--couleur-textes);
text-align: left;
font-weight: bold;
margin-top: 1.2em;
margin-bottom: 0.95em;
margin-left: 0em;
margin-right: 0em;
font-size: 1.05em !important;
line-height: 1.42857143 !important;
}
#content #txt-valid{
color: var(--couleur-oblig);
text-align: left;
font-weight: bold;
margin-top: 1.6em;
margin-bottom: 0.95em;
margin-left: 0em;
margin-right: 0em;
}
#content #txt-valid-merci{
color: var(--couleur-textes);
text-align: left;
font-weight: bold;
margin-top: 0.80em;
margin-bottom: 1.3em;
margin-left: 0em;
margin-right: 0em;
}
#content #formulaire #txt-oubli, #content #formulaire #txt-oubli2{color: var(--couleur-textes);text-align: left;}
#content #formulaire #oubli, #content #formulaire #oubli2{
margin-top: 1.5em;
margin-bottom: 1.5em;
}
#content #formulaire p, #content p{
width: 98%;
text-align: left;
color: var(--couleur-textes);
}
#content #formulaire ul,#content #formulaire li,#content ul,#content li{
width: auto;
margin: 1em 0;
}
/* Type bouton */
/* Générique à tous les formulaires*/
#boutons{margin-bottom: 1.5em;}

#content #formulaire input[type=submit], #content #formulaire input[type=reset], #content #formulaire input[type=button],
#btn-retour {
  font-size: 1em;
  font-weight: bold;
  background: var(--couleur-boutons);
  color: #FFFFFF;
  border: 1px solid;
  height: 2em !important;
  cursor: pointer;
  border-radius: 0.3em;
  width: 9em;
  margin-top:5px!important;
  }

.bouton {
font-size: 1em;
font-weight: bold;
background: var(--couleur-boutons);
color: #FFFFFF;
border: 1px solid;
padding: 4px!important;
cursor: pointer;
border-radius: 0.3em;
margin-top:4px!important;
}

.btn_activ, .btn_desactiv {border: none!important; background-color: transparent!important;}

#content #formulaire input[type=submit]:hover,#content #formulaire input[type=submit]:focus,#content #formulaire input[type=submit]:active,
#content #formulaire input[type=reset]:hover,#content #formulaire input[type=reset]:focus,#content #formulaire input[type=reset]:active,
#content #formulaire input[type=button]:hover,#content #formulaire input[type=button]:focus,#content #formulaire input[type=button]:active,
#btn-retour:hover, #btn-retour:focus, #btn-retour:active,
.bouton:hover, .bouton:focus, .bouton:active
{
background: var(--couleur-body);
border: 1px solid var(--couleur-hover);
color: var(--couleur-hover);
}
/* Page Acceuil*/
.bouton:hover{
  text-decoration: none !important;
  }
/* Page recap*/
.resume-bouton{
text-align: center !important;
width: 100%;
height: auto;
padding-left: 0px;
padding-right: 0px;
margin-top: 1.2em;
margin-bottom: 0.15em;
vertical-align: middle;
}
input.btn_actif, #content #formulaire input[type=submit].btn_actif{
text-decoration: none !important;
}
input.btn_inactif, #content #formulaire input[type=submit].btn_inactif{
cursor: not-allowed !important;
background: rgb(220, 220, 220) !important;
color: rgb(100, 100, 100) !important;
border: 1px solid #FFFFFF;
}

/*tableau Conformité*/
.result-table-rgaa {
  position: relative;
  margin-bottom: 2.5rem;
  padding-top: calc(32px + 1rem);
}

.result-table-rgaa table {
  width: 100%;
  display: block;
  border-spacing: 0;
  text-align: center!important;
}

.result-table-rgaa caption {
  position: absolute;
  top: 0;
  margin: 0;
  color: rgb(93, 79, 68)!important;
  font-weight: bold;
  color: #000;
}

.result-table-rgaa thead {
  background-color:rgb(214, 207, 189);
  border-bottom: 2px solid #000;
}

.result-table-rgaa tbody {
  background-color: rgb(234, 231, 221);
}

.result-table-rgaa tbody th {
   background-color:rgb(214, 207, 189);
   border-bottom: 2px solid ;
}

.result-table-rgaa tbody td {
  border-bottom: 2px solid #dddddd!important;
}

.result-table-rgaa td, .result-table-rgaa th {
  padding: 1em;
}

/* Page modification*/
#bouton-oubli, #bouton-oubli input, #bouton-oubli2, #bouton-oubli2 input{width:12em !important; }


#content .interligne{margin-top: 0.01em;margin-bottom: 0.01em;height: 1em;}
#content .interligne-grand{margin-top: 0.01em;margin-bottom: 0.01em;height: 2.5em;}
#content .interligne-petit{margin-top: 0.01em;margin-bottom: 0.01em;height: 0.2em;}
#content .aide{font-weight: normal;color: var(--couleur-aide);margin-left: 4px;}
#content ul li{text-align: left !important;}

.div-fa-plus, .div-fa-moins {margin-inline: 2px;}

#body-content{width: auto !important;text-align: center !important;}
#body-content .col-lg-12, #body-content > .row > .col-lg-12, #body-content > .row > .col-lg-12 > .row > .col-lg-12{padding-right: 0px;padding-left: 0px;}

/* Gestion des photos/images */
.bandeau{max-width: 900px;max-height: 140px;margin: 0px auto;float: none;}
.pubbandeau{
text-align: center;
max-width: 900px;
margin: 0px auto;
float: none;
padding-right: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
background-color: var(--couleur-body);
}
.imgbandeau{
text-align: center;
width: 100%;
max-width: 900px;
box-shadow: 0px 0px 0px 0px #aaa;
margin: 0px auto;
padding-right: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.imglangue{margin-top: -2px !important;}
.padding-photo { padding: 1em}
.photo{margin: 1.2em}
.publogo{text-align: center;max-width: 705px;margin: 0px auto;float: none;}
.imglogo{text-align: center;width: auto;max-width: 705px;box-shadow: 0px 0px 0px 0px #aaa;margin-top: 0.25em;margin-bottom: 1.5em;}

/* Gestion des champs adresses et ville */
#content #formulaire #am_ville{width: var(--input-ville-width)!important; }
#am_adr_sugest{display: none;position: relative;border: 0.09em solid #999;color:var(--couleur-textes);background: var(--couleur-body);background-color: var(--couleur-body);z-index: 10;height: auto !important;width: 93% !important;float: left;left: 2% !important;margin-bottom: 2px!important;}
#am_adr_sugest .am_adr_sugest_list>div:hover{ background: #ddd;}
.am_adr_sugest_div{width: auto !important;height: auto !important;}
#am_adr_sugest .am_adr_sugest_result{height: 15vh!important;overflow-y:scroll!important;}
#am_adr_suppr{font-weight: bold;color: var(--couleur-textes);width: auto;height: auto;background-color: transparent;border: 0px;padding: 0px;}
.adr-champ{display: inline-block !important;margin: 0px !important;padding: 0px !important;}
#am_adr[readonly]{ margin-left: 0px !important; }
.am_cp_select_bloque { width: var(--select-width)!important}
#cp-autre{display: none;}
#commune{display: inline;}
#ville-autre{display: none;}
#adr{display: inline;}
.del-adresse {position: relative;right: 50px;display: none;}
.del-adresse-cii {position: relative;right: -175px;top:-25px;display: none;}
input#am_adr:disabled ~ .del-adresse,  input#am_adr:read-only ~ .del-adresse {display: inline;}
input#am_adr:disabled ~ .del-adresse-cii  ,  input#am_adr:read-only ~ .del-adresse-cii  {display: inline;}
/* Gestion du tableau recap */
.resume-table{
display: table;
width: 100%;
border: solid var(--couleur-menu-fond) 1px;
border-radius: 5px;
text-align: center;
}
.resume-row{
display: table-row;
}
.resume-col{
display: table-cell;
text-align: left !important;
padding-left: 0.75em;
padding-right: 0.75em;
padding-top: 0.45em;
padding-bottom: 0.45em;
}
.resume-col label{
width: 30em !important;
}
.resume-col-02{
display: table-cell;
text-align: left !important;
width: 70%;
padding-left: 0.85em;
padding-right: 0.85em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

/* Gestion des champs option particulier/professionnel pour Niveau 2 */
#zone-etablissement{display: none;}
#zone-fonction{display: none;}

/* Gestion carto pour Niveau 2 */
#bloc_localisation {display: flex;}   
#bloc_localisation .col-sm-6,
#bloc_localisation .col-md-6,
#bloc_localisation .col-lg-6 {align-self: center}
#EmplacementDeMaCarte{margin: 0;padding: 0;height: 20em;width: 100%;border: 1px solid black;}
#am_latitude{ width: 7em !important; max-width: 7em !important; min-width: 7em !important; }
#am_longitude{ width: 7em !important; max-width: 7em !important; min-width: 7em !important; }
  
/* Gestion des champs persos et radio et checkbox pour Niveau 2 */
.bloc-chp-perso-info {display:flex;flex-direction:column;margin-bottom: 5px;}
.bloc-chp-perso {display: flex;}
.chp-perso-inline {display:inline-flex !important;}
.chp-perso-align-vertical {align-self: auto;}
.wrapper .label-perso{width: 33.33% !important;}
.wrapper .bloc-chp-perso-info {width: 66.66% !important;}
.wrapper .label-chp-perso {white-space: nowrap;margin-left: 10px;align-self: last baseline;}

/* Gestion Footer */
#footer{padding-top: 1px;padding-bottom: 1px;font-size: 1.2em;border-top: 1px solid rgb(161, 148, 134);color: #333;display: block;width: 100%;line-height: 1.2 !important;}
#footer2{width: 100%;}
#foot-top{height: auto;vertical-align: middle;width: 100%;padding-left: 0.3em;padding-top: 0.5em;padding-bottom: 0.95em;}
#foot-client-copyright{display: none;}
#foot-copyright{display: inline-flex;height: auto;vertical-align: middle;}
#foot-copyright-1{height: 36px;vertical-align: middle;width: auto;padding-top: 0.9em;padding-left: 0.3em;white-space: nowrap;}
#foot-copyright-2{height: auto;width: auto;vertical-align: top;padding-bottom: 3px;padding-bottom: 3px;}
#foot-copyright-3{height: 36px;vertical-align: middle;width: auto;padding-top: 0.9em;white-space: nowrap;}
#footer a{font-weight: bold;text-decoration: none;vertical-align: middle;}
.zone-logo-client-01{text-align: center !important;padding-right: 0.05em !important;padding-left: 0.05em !important;}
#img-logo-client-01{margin-left: auto;margin-right: auto;padding: 0px;}
.zone-logo-client-01 a img {max-height: 24px;margin-top: 15px;}
#logo-copyright{padding-top: 0px;width: 100%;}

/* Gestion responsive */
@media screen and (max-width:1000px){
  .formulaires #body-content{ width: 100% !important; }
}
@media screen and (max-width:992px){
  #content .aide{margin-left: 0px!important;}
  .help{padding: 0px!important;}
  .div-fa-plus, .div-fa-moins {margin-inline: 0px!important;}
  /* Gestion option code logmement pour Niveau 2 */
  .label-code-logement { width: 46% !important;align-self:end!important;}
}
@media screen and (max-width:980px){
  .formulaires #body-content{ width: 100% !important; }
}
@media screen and (max-width:940px){
  .accueil #body-content{ margin-left: 7% !important; margin-right: 7% !important; }
}
@media screen and (max-width:767px){
  .accueil #body-content{ margin-left: 5% !important; margin-right: 5% !important; }
  td{ padding: 1px !important; white-space: normal !important; }
  .sstitre-perso, #body-content .col-lg-12 .sstitre-perso, #body-content > .row > .col-lg-12 > .sstitre-perso, #body-content > .row > .col-lg-12 > .row > .col-lg-12 > .sstitre-perso{ padding-left: 0em !important; }
  #body-content .txt-legal, #body-content .txt-accessibilite  { width: 99% !important; }
  #bouton_modifier{margin-bottom: 5px!important; }
  #bouton_supprimer{ margin-bottom: 5px!important; }
  .wrapper .label-perso{width: 25% !important;}  
  .wrapper .bloc-chp-perso-info {width: 75% !important;} 
  #bloc_localisation {display: block !important;}
  #content .aide{margin-left: 4px!important;}
 .help{padding: 3px!important;}
 .div-fa-plus, .div-fa-moins {margin-inline: 2px!important;}
 .del-adresse-cii {right: 15px!important;top:0px!important;}
  /* Gestion option code logmement pour Niveau 2 */
  .label-code-logement { width: 46% !important;align-self:end!important;}
}
@media screen and (max-width:670px){
  .accueil #body-content{ margin-left: 3% !important; margin-right: 3% !important; }
  .navbar-nav > li{ display: inline !important; }
  .navbar-nav > li > a, .navbar-default .navbar-nav > li > a{ border-radius: 0px !important; }
  h1{ font-size: 1.3em !important; }
  h2{ font-size: 1.1em !important; }
  #content #formulaire #oblig{ font-size: 0.80em !important; }
  .oblig-etoile{ font-size: 1.05em !important; }
  #foot-top{ font-size: 0.68em !important; }
  #foot-copyright-1{ font-size: 0.75em !important; padding-top: 15px !important; }
  #foot-copyright-3{ font-size: 0.75em !important; padding-top: 15px !important; }
  #content .td-col-aide{ font-size: 0.70em !important; margin-bottom: 6px !important; }
  /* Gestion option code logmement pour Niveau 2 */
  .label-code-logement { width: 49% !important;align-self:end!important}
}
@media screen and (max-width:640px){
  .imglogo{ width: 99% !important; }
  /* Gestion option code logmement pour Niveau 2 */
  .label-code-logement { width: 55% !important;align-self:end!important;}
}
@media screen and (max-width:500px) {
  .col-12 {width: 100%!important;}
  .form-group {margin-bottom: 5px!important;}
  .bloc-chp-perso {display: block !important; }
  .wrapper .label-perso { width: 100% !important;}
  #bouton-oubli, #bouton-oubli input, #bouton-oubli2, #bouton-oubli2 input{width:13em !important;}
  /* Gestion option code logmement pour Niveau 2 */
  .label-code-logement { width: 100%!important;}
}


@media screen and (max-width:400px){
 .accueil #body-content{ margin-left: 1% !important; margin-right: 1% !important; }
  .photo{ width: 90% !important; }
  h1{ font-size: 0.96em !important; }
  h2{ font-size: 0.94em !important; }
  .col-nopad{ margin: 0px auto !important; padding: 0px !important;  }
  .titre-legal, .titre-accessibilite{ text-align: left !important; font-size: 0.8em !important; }
  .txt-legal, .txt-accessibilite{ text-align: left !important; font-size: 0.8em !important; }
  .accueil #body-content{ text-align: left !important; font-size: 0.8em !important; }
  #txt-rappel{ text-align: left !important; }
  #txt-rappel-numappel{ text-align: left !important; }
  #client-nom {font-size: 1.2em !important;}
  #form_inscription .resume-table{ display: block !important; }
  #form_inscription .resume-row{ display: block !important; width: 100% !important; }
  #form_inscription .resume-col, #form_inscription .resume-col-02{ display: block !important; width: auto !important; height: auto !important; min-height: 29px !important; border-radius: 0.25em !important; }
  #form_inscription_recap .resume-table{ display: block !important; }
  #form_inscription_recap .resume-row{ display: block !important; width: 100% !important; }
  #form_inscription_recap .resume-col, #form_inscription_recap .resume-col-02{ display: block !important; width: auto !important; height: auto !important; min-height: 29px !important; border-radius: 0.25em !important; }

  .imglogo{ width: 96% !important; }
  .zone-logo-client-01 a img { max-height: 18px !important; margin-top: 5px !important; }
  .col-xs-offset-2 {margin-left:0em!important;}
  #content #formulaire input[type="text"],#content #formulaire input[type="password"],
  select.chpperso-select,
  .result-table-rgaa td, .result-table-rgaa th{ font-size: 0.8em !important; }

}

@media screen and (max-width:350px){
  .photo-350px{ width: 90% !important; }
}

@media print {
  a::after {content: none !important;}
}