@import "font.css";
/* ---------------------------------------------------------------------------------------------------- */
/* IMPORTS */
/* ---------------------------------------------------------------------------------------------------- */
/*
*
* Fichiers de variables LESS pour les formulaires CSF
*
*/
/* ---------------------------------------------------------------------------------------------------- */
/* POLICES */
/* ---------------------------------------------------------------------------------------------------- */
/* Cachet */
.font-cachet-book {
  font-family: 'CachetStd-Book';
}
.font-cachet-medium {
  font-family: 'CachetStd-Medium';
}
.font-cachet-bold {
  font-family: 'CachetStd-Bold';
}
.century-gothic {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}
.trebuchet {
  font-family: 'Trebuchet MS', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* ---------------------------------------------------------------------------------------------------- */
/* COULEURS */
/* ---------------------------------------------------------------------------------------------------- */
/* COULEURS INSTITUTIONNELS */
/* ---------------------------------------------------------------------------------------------------- */
/* Bleu Immobilier, Association, Groupe et CSF en général */
/* Crédits */
/* Assurances */
/* Carte CSF */
/* COULEURS USUELLES */
/* ---------------------------------------------------------------------------------------------------- */
/* Nuancier de gris */
/* Messages d'erreur pour validation des formulaires. TODO: choix de couleurs */
/* ---------------------------------------------------------------------------------------------------- */
/* CLASSES UTILITAIRES DE COULEURS (Texte, background...) */
/* ---------------------------------------------------------------------------------------------------- */
/* TEXTES */
/* ---------------------------------------------------------------------------------------------------- */
/*  */
.txt-cfdt-orange {
  color: #e75c21 !important;
}
/* Bleu Immobilier, Association, Groupe et CSF en général */
.txt-blue-light {
  color: #4389c8;
}
.txt-blue-medium {
  color: #339ec9;
}
.txt-blue {
  color: #0086bc;
}
.txt-blue-dark {
  color: #0d5ea8;
}
/* Crédits */
.txt-orange-light {
  color: #fbcca8;
}
.txt-orange-medium {
  color: #f79951;
}
.txt-orange {
  color: #f57f25;
}
/* Assurances */
.txt-turquoise-light {
  color: #76c5c5;
}
.txt-turquoise-medium {
  color: #49b2b2;
}
.txt-turquoise {
  color: #1b9f9f;
}
/* Carte CSF */
.txt-yellow-light {
  color: #fed96b;
}
.txt-yellow-medium {
  color: #fdcd3a;
}
.txt-yellow {
  color: #ffc92c;
}
/* Nuancier de gris */
.txt-grey-light {
  color: #d7d8d7;
}
.txt-grey-medium {
  color: #a8abaf;
}
.txt-grey-dark {
  color: #333333;
}
.txt-black {
  color: #000;
}
/* BACKGROUND */
/* ---------------------------------------------------------------------------------------------------- */
/* Bleu Immobilier, Association, Groupe et CSF en général */
.bg-blue-light {
  background: #4389c8;
  background-color: #4389c8;
  color: #FFF;
}
.bg-blue-medium {
  background: #339ec9;
  background-color: #339ec9;
  color: #FFF;
}
.bg-blue {
  background: #0086bc;
  background-color: #0086bc;
  color: #FFF;
}
.bg-blue-dark {
  background: #0d5ea8;
  background-color: #0d5ea8;
  color: #FFF;
}
/* Crédits */
.bg-orange-light {
  background: #fbcca8;
  background-color: #fbcca8;
  color: #FFF;
}
.bg-orange-medium {
  background: #f79951;
  background-color: #f79951;
  color: #FFF;
}
.bg-orange {
  background: #f57f25;
  background-color: #f57f25;
  color: #FFF;
}
/* Assurances */
.bg-turquoise-light {
  background: #76c5c5;
  background-color: #76c5c5;
  color: #FFF;
}
.bg-turquoise-medium {
  background: #49b2b2;
  background-color: #49b2b2;
  color: #FFF;
}
.bg-turquoise {
  background: #1b9f9f;
  background-color: #1b9f9f;
  color: #FFF;
}
/* Carte CSF */
.bg-yellow-light {
  background: #fed96b;
  background-color: #fed96b;
  color: #0d5ea8;
}
.bg-yellow-medium {
  background: #fdcd3a;
  background-color: #fdcd3a;
  color: #0d5ea8;
}
.bg-yellow {
  background: #ffc92c;
  background-color: #ffc92c;
  color: #0d5ea8;
}
/* Nuancier de gris */
.bg-grey-light {
  background: #d7d8d7;
  background-color: #d7d8d7;
  color: #FFF;
}
.bg-grey-medium {
  background: #a8abaf;
  background-color: #a8abaf;
  color: #FFF;
}
.bg-grey-dark {
  background: #727272;
  background-color: #727272;
  color: #FFF;
}
/* ---------------------------------------------------------------------------------------------------- */
/* BOUTONS */
/* ---------------------------------------------------------------------------------------------------- */
.btn-cfdt {
  /* Boutons en ligne ou en widtg 100% */
  /* Couleurs */
}
/* Hack Chrome / TODO :: tester sur safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari 5+ ONLY */
}
.Portlet A.btn-cfdt:hover {
  text-decoration: none !important;
}
input[type="submit"].btn-cfdt {
  width: 100%;
}
/*.btn-cfdt{ 
  &.btn-orange{
    &:hover{
      background: #F26127;
    }
  }
}*/
/*.btn-cfdt{ 
  &.btn-black{
    &:hover{
      background: #333;
    }
  }
}*/
/*.btn-cfdt{ 
  &.btn-grey{
    &:hover{
      background: #B4B4B4;
    }
  }
}*/
/* ---------------------------------------------------------------------------------------------------- */
/* AUTRES VARIABLES */
/* ---------------------------------------------------------------------------------------------------- */
/* Liens */
/*html{
  .Portlet A{ color: @cfdt-orange; }
  .PortalMode .dnd-header A{ color: #000; }
  
}*/
/* Resets */
.no-border-radius {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.no-box-shadow {
  -webkit-box-shadow: 0 0 0 0 #000000;
  box-shadow: 0 0 0 0 #000000;
}
.no-padding-sides {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-padding {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.max-width {
  width: 100%;
  max-width: 100%;
}
.overflow-auto {
  overflow: auto;
}
.arial {
  font-family: 'Arial', "Trebuchet MS", Tahoma, Helvetica, sans-serif;
  /*letter-spacing: 0;*/
}
.tahoma {
  font-family: 'Tahoma', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-bold-regular {
  font-family: 'gothamboldregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-medium {
  font-family: 'gotham-medium', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-book {
  font-family: 'gotham-book', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-black {
  font-family: 'gotham-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-condensed-medium {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
.gotham-condensed-bold {
  font-family: 'gotham_condensedbold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-condensed-book-regular {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-condensed-light-regular {
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-ultra-regular {
  font-family: 'gothamultraregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-medium {
  font-family: 'gothamnarrow-medium', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-bold {
  font-family: 'gothamnarrow-bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-black {
  font-family: 'gothamnarrow-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-light-italic {
  font-family: 'gothamnarrow-lightitalic', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-bold-italic {
  font-family: 'gothamnarrow-bolditalic', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.standard-07-55-regular {
  font-family: 'standard_07_55regular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.standard-07-57-regular {
  font-family: 'standard_07_57regular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.no-border {
  border-width: 0px;
  border: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.no-box-shadow {
  -webkit-box-shadow: 0 0 0 0 #222222;
  box-shadow: 0 0 0 0 #222222;
}
.box-shadow-material-round {
  -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.6);
}
.no-border-radius {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.border-radius-6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.border-radius-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border-radius-4-left {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.border-radius-4-right {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.border-radius-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-inner-site {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-auto {
  margin: 0 auto !important;
}
.no-margin-left-right {
  margin-left: 0;
  margin-right: 0;
}
.no-padding-margin {
  padding: 0;
  margin: 0;
}
.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  width: auto;
}
.absolute-top-right {
  position: absolute;
  top: 7px;
  right: 3px;
}
.absolute-top-right * {
  position: absolute;
  right: 12px;
  top: 0;
  z-index: 10;
}
.width-100 {
  width: 100%;
  max-width: 100%;
}
.height-100 {
  height: 100%;
  max-height: 100%;
}
.width-92 {
  width: 92%;
  max-width: 92%;
}
.transition05 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.transition04 {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.transition03 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.transition02 {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.transition015 {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.transition01 {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.no-transition {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
.transition01linear {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}
.rotate-90-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-90-left {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.rotate-180-left {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.rotate-180-right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.translate0 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.translateX50 {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.translateY50 {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.translateCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.translateCenterXbottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.transform1 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.opacity0 {
  opacity: 0;
  visibility: hidden;
}
.opacity1 {
  opacity: 1;
  visibility: visible;
}
.sorry-no-outline {
  outline: none !important;
}
.placeholder-uppercase {
  /* Firefox 18- */
  /* Firefox 19+ */
}
.placeholder-uppercase ::-webkit-input-placeholder {
  text-transform: uppercase;
}
.placeholder-uppercase :-moz-placeholder {
  text-transform: uppercase;
}
.placeholder-uppercase ::-moz-placeholder {
  text-transform: uppercase;
}
.placeholder-uppercase :-ms-input-placeholder {
  text-transform: uppercase;
}
/* PROFIL CONSULTATION */
/* ESPACE ADHERENT */
.espace-adherent {
  /* ---------------------------------------------------------------------------------------------------- */
  /* PLACEHOLDERS */
  /* ---------------------------------------------------------------------------------------------------- */
  /* Fix for bootstrap popover CFDT sur Chrome en attendant mieux */
  /* ###################################################################################################################################################### */
  /*
	   STYLE GÉNÉRIQUE DES FORMULAIRE CFDT
	*/
  /* ###################################################################################################################################################### */
  /* NIVEAU 1 : LES <SECTION> CLASSE CFDT-FORM */
  /* ---------------------------------------------------------------------------------------------------- */
  /* CUSTOM STYLE */
  /* ---------------------------------------------------------------------------------------------------- */
  /* PROFIL EDIT */
  /* ---------------------------------------------------------------------------------------------------- */
  /* FIX ET COMPORTEMENST SPÉCIFIQUES DE CERTAINES LIGNES DE FORMULAIRE */
  /* ---------------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------- */
  /* SURCHARGE CORE.CSS */
  /* ---------------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------- */
  /* SURCHARGE GUMBY FRAMEWORK (on n'utilise que les <select> à ce jour */
  /* ---------------------------------------------------------------------------------------------------- */
  /* Select ayant une bulle d'aide collé à droite, on décale l'image du triangle vers la gauche */
  /* Et compléments */
  /* ==================================================================================================== */
  /* SMARTPHONES */
  /* ==================================================================================================== */
  /* Smartphones */
  /* Large smartphones */
  /* All smartphones */
  /* ==================================================================================================== */
  /* TABLETS */
  /* ==================================================================================================== */
  /* Tablets portraits and landscape large smartphones */
}
.espace-adherent .form-horizontal .control-label label {
  font-size: 14px;
}
.espace-adherent #editForm {
  /* Firefox 4 to 18 */
  /* Firefox 19+ */
  /* Chrome, Safari, Opera 15+*/
  /* IE10 */
}
.espace-adherent #editForm :-moz-placeholder,
.espace-adherent #editForm ::-moz-placeholder {
  color: #333333;
  opacity: 0.5;
  font-size: 0.95em;
}
.espace-adherent #editForm ::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.5;
  font-size: 0.95em;
}
.espace-adherent #editForm :-ms-input-placeholder {
  color: #333333;
  opacity: 1;
  font-size: 1.5em;
  color: rgba(114, 114, 114, 0.5);
}
.espace-adherent #editForm section.cfdt-form .form-content > section .form-line label.error-label,
.espace-adherent #editForm label.error-label + input::-moz-placeholder {
  color: #df5a25;
  font-weight: bold;
}
.espace-adherent #editForm section.cfdt-form .form-content > section .form-line label.error-label + input::-webkit-input-placeholder {
  color: #df5a25;
}
.espace-adherent #editForm section.cfdt-form .form-content > section .form-line label.error-label + input:-ms-input-placeholder {
  color: #df5a25;
}
.espace-adherent #editForm hr {
  -moz-border-top-color: #BBB;
  border-top-color: #BBB;
  margin: 14px 0 21px;
}
.espace-adherent .PortletPortal {
  overflow-y: hidden;
}
.espace-adherent section.cfdt-form {
  /* NIVEAU 2 : LE INNER DES <SECTION> CLASSE CFDT-FORM */
  /* UN PEU DE SPÉCIFIQUE ;-) -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content {
  /*position: relative;*/
  /* NIVEAU 3 : DIV INTERMÉDIAIRE DE <SECTION> CLASSE CFDT-FORM */
  /* NIVEAU 4 : SOUS-SECTIONS DE FORMULAIRES -------------------------------------------------- */
  /* LIGNE DE SAISIE <=> LIBELLÉ + CHAMP + AIDE  -------------------------------------------------- */
  /* STYLE DES LIGNES POUR RADIO BOUTONS -------------------------------------------------- */
  /* STYLE DES LIGNES POUR CHECKBOXES -------------------------------------------------- */
  /* INPUTS SANS LABEL AU-DESSUS (uniquement via le placeholder) -------------------------------------------------- */
  /* INPUTS AVEC LABEL INLINE */
  /* LIGNE DE SAISIE AVEC RADIO BOUTONS <=> LIBELLÉ + CHAMP + AIDE  -------------------------------------------------- */
  /* FORM-LINE SUCCESS  -------------------------------------------------- */
  /* UN PEU DE SPÉCIFIQUE ;-) -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content div {
  /* CARTOUCHE DES BULLES D'AIDE TITRE -------------------------------------------------- */
  /* STYLES DES BULLES D'AIDE DES BOUTONS */
}
.espace-adherent section.cfdt-form .form-content div > h2 {
  color: #e75c21;
  font-size: 1.5em;
  line-height: 1.5em;
  float: left;
}
.espace-adherent section.cfdt-form .form-content div .title-append {
  float: left;
}
.espace-adherent section.cfdt-form .form-content div .title-append .add-on.form-help {
  min-width: 21px;
  height: 21px;
  padding: 0;
  border: none;
  margin: 10px 0 0 14px;
  content: " ";
  background-color: #000;
  background-image: url(../../img/bg-from-help.png);
  background-position: 1px 1px;
  background-repeat: no-repeat;
  border-color: #d7d8d7;
  color: #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: help;
}
.espace-adherent section.cfdt-form .form-content div .btn-cfdt .add-on.form-help {
  min-width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #000;
  content: " ";
  background-color: #FFF;
  background-image: url(../../img/bg-from-help.png);
  background-position: 1px 1px;
  background-repeat: no-repeat;
  color: #333333;
  cursor: help;
  position: absolute;
  top: 0;
  right: 0;
}
.espace-adherent section.cfdt-form .form-content .section-title {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
.espace-adherent section.cfdt-form .form-content .section-title span.mandatory-infos {
  position: absolute;
  right: 8px;
  bottom: -8px;
  font-size: 1.1em;
  color: #000;
}
.espace-adherent section.cfdt-form .form-content .section-title span.mandatory-infos:after {
  position: absolute;
  right: 0;
  bottom: 7px;
}
.espace-adherent section.cfdt-form .form-content .section-title span.mandatory-infos:before {
  content: "*";
  position: absolute;
  left: -15px;
  bottom: -16px;
  color: #e75c21;
  font-size: 1.95em;
}
.espace-adherent section.cfdt-form .form-content .form-line {
  position: relative;
  overflow: visible;
  margin: 30px 6px 0px 0;
  height: 100%;
  max-height: 100%;
  /* LABELS  -------------------------------------------------- */
  /* INPUTS  -------------------------------------------------- */
  /* CARTOUCHE DES BULLES D'AIDE CHAMPS -------------------------------------------------- */
  /* Informations simples sans saisie -------------------------------------------------- */
  /* MESSAGES D'ERREUR -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content .form-line label {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  display: inline-block;
  white-space: normal;
  box-sizing: border-box;
  border: none;
  padding-left: 0px;
}
.espace-adherent section.cfdt-form .form-content .form-line label.error-label {
  color: #df5a25;
}
.espace-adherent section.cfdt-form .form-content .form-line label.error-label + input {
  color: #df5a25;
}
.espace-adherent section.cfdt-form .form-content .form-line label.left {
  text-align: left;
}
.espace-adherent section.cfdt-form .form-content .form-line label.two-lines {
  line-height: 1.3em;
  margin: -2px 0 4px;
}
.espace-adherent section.cfdt-form .form-content .form-line label.mandatory {
  margin-bottom: 5px;
}
.espace-adherent section.cfdt-form .form-content .form-line label.mandatory:after {
  content: " *";
  color: #e75c21;
  /*position: absolute; top: 2px; right: 7px;*/
  font-size: 1.4em;
  line-height: 0.8em;
  font-family: 'Tahoma', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.espace-adherent section.cfdt-form .form-content .form-line label.mandatory.mandatory-right:after {
  right: -14px;
}
.espace-adherent section.cfdt-form .form-content .form-line input {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0 #000000;
  box-shadow: 0 0 0 0 #000000;
  -webkit-box-shadow: 0 0 0 0 #222222;
  box-shadow: 0 0 0 0 #222222;
  margin-bottom: 3px;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="text"],
.espace-adherent section.cfdt-form .form-content .form-line input[type="password"] {
  width: 100%;
  max-width: 100%;
  padding: 0 8px;
  font-size: 1.1em;
  color: #000;
  height: 30px;
  line-height: 30px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="text"].has-help,
.espace-adherent section.cfdt-form .form-content .form-line input[type="password"].has-help {
  padding-right: 36px;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="text"].error-field,
.espace-adherent section.cfdt-form .form-content .form-line input[type="password"].error-field {
  border: 1px solid #df5a25;
  border-right-width: 8px;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="text"].has-help.error-field,
.espace-adherent section.cfdt-form .form-content .form-line input[type="password"].has-help.error-field {
  border-right-width: 37px;
  padding-right: 8px;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="text"].error-field,
.espace-adherent section.cfdt-form .form-content .form-line input[type="password"].error-field {
  /*background: url(../../img/inputform_invalid.png) no-repeat right center #fff;*/
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="text"].error-field.has-help,
.espace-adherent section.cfdt-form .form-content .form-line input[type="password"].error-field.has-help {
  background-position-x: calc(100% - 40px);
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="radio"] + label {
  font-size: 1.1em;
  color: #000;
  margin: 3px 15px 5px 19px;
  display: inline-block;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="checkbox"] {
  -webkit-appearance: checkbox;
  display: inline-block;
}
.espace-adherent section.cfdt-form .form-content .form-line input[type="checkbox"] + label {
  display: inline;
}
.espace-adherent section.cfdt-form .form-content .form-line input::-ms-clear {
  display: none;
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append {
  position: relative;
  /*.small + .add-on { right: calc(100% - @width-small); } Code à garder */
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append .add-on.form-help {
  min-width: 29px;
  height: 28px;
  top: 0;
  right: 1px;
  padding: 0;
  border: none;
  position: absolute;
  z-index: 500;
  margin: 1px 0 0 -41px;
  content: " ";
  background-color: #f1f1f1;
  /*background-image: url(../../img/bg-from-help.png);*/
  background-position: 1px;
  background-repeat: no-repeat;
  background-image: none;
  border-color: #d7d8d7;
  border-left: 1px solid #000;
  color: #404040;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 0 0 0 #000000;
  box-shadow: 0 0 0 0 #000000;
  -webkit-box-shadow: 0 0 0 0 #222222;
  box-shadow: 0 0 0 0 #222222;
  cursor: help;
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append .add-on.form-help:after {
  content: " ?";
  position: absolute;
  top: 3px;
  left: 9px;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append .add-on.form-help.help-label {
  width: 70px;
  color: #343434;
  background: #343434;
  background-image: url(../../img/bg-form-help-label.png);
  background-repeat: no-repeat;
  background-position: 8px;
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append .add-on.form-help.help-label:after {
  content: "";
  content: "Aide";
  position: absolute;
  right: 0;
  top: 1px;
  padding: 4px 13px 0 20px;
  font-size: 1em;
  color: #FFF;
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append .add-on {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.espace-adherent section.cfdt-form .form-content .form-line .input-append.readonly {
  font-size: 1.4em;
}
.espace-adherent section.cfdt-form .form-content .form-line .currency {
  color: #000;
  font-size: 1.1em;
  text-align: left;
  padding: 7px 0 0 12px;
  font-weight: bold;
}
.espace-adherent section.cfdt-form .form-content .form-line p {
  margin: 0;
  white-space: normal;
  overflow: hidden;
}
.espace-adherent section.cfdt-form .form-content .form-line p > label {
  font-size: 0.98em;
  width: auto;
  display: inline-block;
  margin: 0;
}
.espace-adherent section.cfdt-form .form-content .form-line p > label.form-error {
  color: #df5a25;
  display: block !important;
  padding-left: 43.5%;
  text-align: left;
  line-height: 1.5em;
  font-size: 13px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line {
  /* LABELS  -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line label {
  display: inline;
  margin: 0;
  color: #000;
  font-size: 1.3em;
  white-space: normal;
  width: auto;
  text-align: right;
  padding-right: 21px;
  box-sizing: border-box;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line label.libelle {
  font-size: 1.1em;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container {
  float: left;
  position: relative;
  padding-top: 1px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container input[type="radio"] {
  float: none;
  position: absolute;
  top: 10px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container .radio-filler {
  display: none;
  position: absolute;
  left: -3px;
  top: 11px;
  width: 18px;
  height: 18px;
  content: "o";
  color: #00bec9;
  z-index: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #00bec9;
  border: 3px solid #FFF;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container .radio-filler.filler-2 {
  left: 13px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container label {
  color: #555554 !important;
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  line-height: 1em;
  padding-top: 9px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container label:hover {
  cursor: pointer;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container input[type="radio"]:checked + div.radio-filler {
  position: absolute;
  left: 3px;
  top: 9px;
  width: 7px;
  height: 7px;
  content: "o";
  color: #e75c21;
  z-index: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #00bec9;
  border: 4px solid #FFF;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .radio-container input[type="radio"]:hover {
  cursor: pointer;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line.line-2 .radio-container .radio-filler {
  top: 18px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line.line-2 .radio-container input[type="radio"] {
  top: 12px;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line.line-2 .radio-container input[type="radio"] + label {
  margin: 10px 15px 5px 9px;
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line {
  margin-bottom: 9px;
  /* LABELS  -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line input[type="checkbox"] {
  float: left;
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line label {
  display: inline-block;
  margin: 0;
  color: #000;
  white-space: normal;
  width: 100%;
  text-align: right;
  padding-right: 21px;
  box-sizing: border-box;
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line .checkbox-container {
  /*float: left;*/
  position: relative;
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line .checkbox-container input[type="checkbox"] {
  float: left;
  margin-top: 5px;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line .checkbox-container label {
  width: auto;
  padding: 2px 0 0 2px;
  color: #555554 !important;
  font-size: 1.3em !important;
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  text-transform: none !important;
}
.espace-adherent section.cfdt-form .form-content .form-line.checkbox-line .checkbox-container p {
  float: left;
}
.espace-adherent section.cfdt-form .form-content .form-line.label-inside label {
  display: none;
}
.espace-adherent section.cfdt-form .form-content .form-line.label-inside label.use-space {
  display: block;
  visibility: hidden;
}
.espace-adherent section.cfdt-form .form-content .form-line.form-inline {
  /* LABELS  -------------------------------------------------- */
  /* INPUTS  -------------------------------------------------- */
  /* CARTOUCHE DES BULLES D'AIDE -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content .form-line.form-inline label {
  display: inline-block;
  margin: 9px 0 6px;
  float: left;
}
.espace-adherent section.cfdt-form .form-content .form-line.form-inline input[type="text"] {
  width: auto;
  float: right;
}
.espace-adherent section.cfdt-form .form-content .form-line.form-inline .input-append .add-on.form-help {
  right: 0;
}
.espace-adherent section.cfdt-form .form-content .form-line.form-inline .input-append div {
  overflow: hidden;
  padding-left: 5px;
}
.espace-adherent section.cfdt-form .form-content .form-line.form-inline .input-append div input {
  width: 100%;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line {
  /* LABELS  -------------------------------------------------- */
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line label {
  font-size: 1em;
  text-align: right;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .input-append {
  float: left;
}
.espace-adherent section.cfdt-form .form-content .form-line.radio-line .input-append .add-on.form-help {
  background-color: transparent;
  position: relative;
  margin: -8px 0 0 10px;
}
.espace-adherent section.cfdt-form .form-content .form-line.success input.has-help {
  background-position-x: calc(100% - 40px);
}
.espace-adherent section.cfdt-form .form-content #coordonnees-entreprise {
  display: none;
}
.espace-adherent section.cfdt-form .form-content #creneauxHorairesAppel-form-line {
  display: none;
}
.espace-adherent section.cfdt-form .form-content .btn-cfdt + .add-on.form-help {
  display: inline-block !important;
  min-width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  margin: 0 0 0 4px;
  content: " ";
  background-color: #FFF;
  background-image: url(../../img/bg-btn-help-3.jpg);
  background-position: 4px 3px;
  background-repeat: no-repeat;
  border: 1px solid #000;
  color: #333333;
  cursor: help;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 500;
}
.espace-adherent section.cfdt-form .form-content #modify-entreprise-infos-tooltip,
.espace-adherent section.cfdt-form .form-content #complete-entreprise-infos-tooltip {
  display: none;
}
.espace-adherent section.cfdt-form .form-content #modify-entreprise-infos-tooltip,
.espace-adherent section.cfdt-form .form-content #complete-entreprise-infos-tooltip {
  cursor: pointer;
}
.espace-adherent section.cfdt-form .form-content #modify-entreprise-infos-form-line {
  display: none;
}
.espace-adherent section.cfdt-form .form-content #modify-entreprise-infos {
  display: none;
}
.espace-adherent section.cfdt-form .form-content #complete-entreprise-infos-form-line {
  display: none;
}
.espace-adherent section.cfdt-form > section:first-child {
  padding: 15px 15px 5px;
  margin: 0 0 10px;
}
.espace-adherent section.cfdt-form > section.no-border {
  border: 0px solid transparent;
  padding-top: 10px;
  padding-bottom: 0;
}
.espace-adherent section.cfdt-form > section.infos-professionnelles .form-line p > label.form-error {
  padding-left: 30.7%;
}
.espace-adherent section.cfdt-form > section.calcul-cotisation .form-line p > label.form-error {
  padding-left: 44.4%;
  letter-spacing: -0.03em;
}
.espace-adherent section.cfdt-form > section.conditions .form-line p > label.form-error {
  padding-left: 3%;
}
.espace-adherent section.cfdt-form p.mentions {
  color: #737373;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
.espace-adherent #update-adherent-form .content label.consultation-label {
  font-size: 1.4em;
}
.espace-adherent .edit-nav {
  padding: 0;
}
.espace-adherent .edit-nav .nav-buttons {
  border-radius: 4px;
  background-color: #fcfcfc;
  margin-bottom: 10px;
  border: 1px solid #00bec9;
  text-align: center;
  display: flex;
}
.espace-adherent .edit-nav .nav-buttons a {
  font-size: 1.2em;
  color: black;
  text-decoration: none;
  padding: 10px 0;
  width: 100%;
}
.espace-adherent .edit-nav .nav-buttons.active,
.espace-adherent .edit-nav .nav-buttons:hover {
  background-color: #00bec9;
}
.espace-adherent .edit-nav .nav-buttons.active a,
.espace-adherent .edit-nav .nav-buttons:hover a {
  color: white;
}
.espace-adherent #update-adherent-form .edit-profil .blue-subsection-caret {
  color: #00bec9;
  margin-right: 7px;
}
.espace-adherent #update-adherent-form .edit-profil .photo-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.espace-adherent #update-adherent-form .edit-profil .photo-form .update-pp {
  margin-top: 5px;
}
.espace-adherent #update-adherent-form .edit-profil .spaced-label {
  margin-bottom: 25px;
  width: 300px;
}
.espace-adherent #update-adherent-form .edit-profil .btn-small {
  display: initial;
  position: absolute;
  height: 30px;
  width: 120px;
  line-height: 10px;
  border-radius: 0;
  top: -55px;
}
.espace-adherent #update-adherent-form .edit-profil .edit-input:not(:last-child) {
  margin-bottom: 5px;
}
.espace-adherent #update-adherent-form .edit-profil #add-input {
  color: #00bec9;
  text-decoration: none;
}
.espace-adherent #update-adherent-form .edit-profil #add-input i {
  transition: margin-right 0.3s ease-in-out;
  margin-right: 7px;
}
.espace-adherent #update-adherent-form .edit-profil #add-input:hover i {
  margin-right: 3px;
}
.espace-adherent .secure-warning-message {
  background-image: url(../../img/https-lock.png);
  background-repeat: no-repeat;
  background-position: 0 -3px;
  padding: 0 0 22px 34px;
  color: #e75c21;
  font-size: 1.1em;
}
.espace-adherent input[disabled],
.espace-adherent select[disabled],
.espace-adherent textarea[disabled],
.espace-adherent input[readonly],
.espace-adherent select[readonly],
.espace-adherent textarea[readonly] {
  background-color: #F6F6F6;
}
.espace-adherent .browser-IE8 .picker select,
.espace-adherent .browser-IE7 .picker select,
.espace-adherent .browser-IE9 .picker select {
  width: 130%;
  /* TODO : un ID avec selecteur? WTC ??? */
}
.espace-adherent .browser-IE8 .picker select#convertisseur,
.espace-adherent .browser-IE7 .picker select#convertisseur,
.espace-adherent .browser-IE9 .picker select#convertisseur {
  width: 150%;
}
.espace-adherent .browser-IE8 :-ms-input-placeholder,
.espace-adherent .browser-IE7 :-ms-input-placeholder,
.espace-adherent .browser-IE9 :-ms-input-placeholder {
  color: #333333;
  opacity: 1;
  font-size: 1.7em;
  color: rgba(114, 114, 114, 0.5);
}
.espace-adherent .picker {
  width: calc(100% - 30px);
  display: block;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0 #000000;
  box-shadow: 0 0 0 0 #000000;
  -webkit-box-shadow: 0 0 0 0 #222222;
  box-shadow: 0 0 0 0 #222222;
  box-sizing: border-box;
  border: 1px solid #000;
  background-color: #FFF;
  background: #FFF;
  margin-bottom: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.espace-adherent .picker.no-helper {
  width: 100%;
}
.espace-adherent .picker select {
  height: 28px;
  padding: 0 0 0 4px;
  color: #000;
  font-size: 1.1em;
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 108%;
}
.espace-adherent .picker:after {
  content: " ";
  width: 22px;
  height: 12px;
  margin-top: -6px;
  right: 0;
  top: 50%;
  position: absolute;
  background: url(../../img/cfdt-select-arrow-1.png) no-repeat;
}
.espace-adherent .picker.has-help:after {
  right: 32px;
}
.espace-adherent .picker.picker2:after {
  background: url(../../img/cfdt-select-arrow-2.png) 5px 0 no-repeat;
}
.espace-adherent .picker.picker2 select {
  width: 133%;
}
.espace-adherent .field {
  margin-bottom: 0;
}
.espace-adherent .picker.error-field {
  border: 1px solid #df5a25;
}
.espace-adherent .picker.error-field select {
  color: #df5a25;
}
@media only screen and (max-width: 767px) {
  .espace-adherent {
    /*h2.cfdt-baseline{ padding: 34px 0 0 10px; font-size: 2.4em; font-weight: normal; line-height: 0.85em; }*/
    /*.container{ margin-left: 20px; margin-right: 20px; }*/
  }
  .espace-adherent h2.adhesion-page-title {
    font-size: 2.5em;
    line-height: 34px;
    padding: 0;
    letter-spacing: -1px;
  }
  .espace-adherent section.cfdt-form {
    /* ---------------------------------------------------------------------------------------------------- */
    /* CONTENU DU FORMULAIRE */
    /* ---------------------------------------------------------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content {
    /*div{
	        > h2{ line-height: 1.5em; letter-spacing: 0; }
	      }*/
    /* SOUS-SECTIONS DE FORMULAIRES -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section {
    padding-left: 15px;
    padding-right: 15px;
    /* LIGNE DE SAISIE <=> LIBELLÉ + CHAMP + AIDE  -------------------------------------------------- */
    /* STYLE DES LIGNES POUR RADIO BOUTONS -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line {
    /* INPUTS  -------------------------------------------------- */
    /* LABELS  -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line input[type="radio"] + label {
    font-size: 1.3em;
    color: #000;
    margin: 0 15px 0 24px;
    display: inline-block;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line input[type="text"],
  .espace-adherent section.cfdt-form .form-content > section .form-line input[type="password"] {
    height: 40px;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line select {
    height: 40px;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line label {
    text-align: left;
    padding-left: 0;
    text-transform: uppercase;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line label.mandatory:after {
    position: relative;
    margin-left: 8px;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line p {
    margin: 0;
    white-space: normal;
    overflow: hidden;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line p > label {
    font-size: 1em;
    width: auto;
    display: inline-block;
    margin: 0;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line p > label.form-error {
    color: #df5a25;
    padding: 0;
    text-align: left;
    display: block !important;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line .input-append {
    position: relative;
    /* CARTOUCHE DES BULLES D'AIDE TITRE -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line .input-append .add-on.form-help {
    min-width: 39px;
    height: 38px;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line .input-append .add-on.form-help:after {
    top: 6px;
    left: 13px;
    font-size: 1.4em;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line.radio-line {
    /* LABELS  -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line.radio-line label {
    margin: 0 0 6px 0;
    text-transform: capitalize;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line.radio-line label.libelle {
    float: left;
    font-size: 1.4em;
    line-height: 1.2em;
    text-align: left;
    margin: 10px 0 2px 0;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line.radio-line .radio-container {
    width: 100%;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line.radio-line.line-2 .radio-container input[type="radio"] + label {
    margin: 8px 15px 5px 19px;
  }
  .espace-adherent section.cfdt-form .form-content > section.infos-professionnelles .form-line p > label.form-error {
    padding-left: 0;
  }
  .espace-adherent section.cfdt-form .form-content > section.calcul-cotisation .form-line p > label.form-error {
    padding-left: 0;
    letter-spacing: -0.03em;
    line-height: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .espace-adherent section.cfdt-form {
    /* ---------------------------------------------------------------------------------------------------- */
    /* CONTENU DU FORMULAIRE */
    /* ---------------------------------------------------------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content {
    /* SOUS-SECTIONS DE FORMULAIRES -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section {
    /* LIGNE DE SAISIE <=> LIBELLÉ + CHAMP + AIDE  -------------------------------------------------- */
    /* STYLE DES LIGNES POUR RADIO BOUTONS -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line {
    /* INPUTS  -------------------------------------------------- */
    /* LABELS  -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line label {
    text-align: left;
    padding-left: 0;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line label.mandatory:after {
    position: relative;
    margin-left: 8px;
  }
  .espace-adherent section.cfdt-form .form-content > section .form-line p > label.form-error {
    padding-left: 0;
  }
  .espace-adherent section.cfdt-form .form-content > section #civilite-form-line {
    /* LABELS  -------------------------------------------------- */
  }
  .espace-adherent section.cfdt-form .form-content > section #civilite-form-line label.libelle {
    float: left;
    font-size: 1.15em;
  }
  .espace-adherent section.cfdt-form .form-content > section #civilite-form-line .radio-container label {
    display: inline;
    margin: 0;
    color: #000;
    font-size: 1.1em;
    white-space: normal;
    width: auto;
    text-align: left;
    padding-left: 21px;
    box-sizing: border-box;
  }
}
.error-msg {
  color: red;
  font-size: 1.1em;
}
#update-adherent-form .content H3:hover,
#rac-form .content H3:hover,
#contact-syndicat-form .content H3:hover {
  color: #e75c21;
  cursor: pointer;
}
#update-adherent-form .content,
#rac-form .content,
#contact-syndicat-form .content,
#pac-form .content,
#paiement-modify-form .content {
  padding-top: 18px;
  padding-bottom: 20px;
}
#update-adherent-form .content h3,
#rac-form .content h3,
#contact-syndicat-form .content h3,
#pac-form .content h3,
#paiement-modify-form .content h3 {
  color: #555554;
  font-size: 1.6em;
  position: relative;
}
#update-adherent-form .content h3 i,
#rac-form .content h3 i,
#contact-syndicat-form .content h3 i,
#pac-form .content h3 i,
#paiement-modify-form .content h3 i {
  font-size: 0.9em;
  position: absolute;
  top: 5px;
  padding-left: 5px;
}
#update-adherent-form .content h3 i:hover,
#rac-form .content h3 i:hover,
#contact-syndicat-form .content h3 i:hover,
#pac-form .content h3 i:hover,
#paiement-modify-form .content h3 i:hover {
  color: #e75c21;
  cursor: pointer;
}
#update-adherent-form .content hr,
#rac-form .content hr,
#contact-syndicat-form .content hr,
#pac-form .content hr,
#paiement-modify-form .content hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
#update-adherent-form .content h4,
#rac-form .content h4,
#contact-syndicat-form .content h4,
#pac-form .content h4,
#paiement-modify-form .content h4 {
  font-size: 1.15em;
  margin: 0;
  color: #555554;
}
#update-adherent-form .content label,
#rac-form .content label,
#contact-syndicat-form .content label,
#pac-form .content label,
#paiement-modify-form .content label {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  font-size: 1.15em;
  color: #00bec9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height: 22px;
}
#update-adherent-form .content input[type=text],
#rac-form .content input[type=text],
#contact-syndicat-form .content input[type=text],
#pac-form .content input[type=text],
#paiement-modify-form .content input[type=text] {
  width: calc(100% - 30px);
  border: 1px solid #343434;
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  padding: 2px 10px 3px 15px;
  margin: 0 20px 0 0;
}
#update-adherent-form .content input[type=text].champIB,
#rac-form .content input[type=text].champIB,
#contact-syndicat-form .content input[type=text].champIB,
#pac-form .content input[type=text].champIB,
#paiement-modify-form .content input[type=text].champIB {
  width: 12%;
  margin: 0px;
}
#update-adherent-form .content input[type=password],
#rac-form .content input[type=password],
#contact-syndicat-form .content input[type=password],
#pac-form .content input[type=password],
#paiement-modify-form .content input[type=password] {
  width: calc(100% - 30px);
  border: 1px solid #343434;
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  padding: 2px 10px 3px 15px;
  margin: 0 20px 0 0;
}
#update-adherent-form .content input[type=text]:disabled,
#rac-form .content input[type=text]:disabled,
#contact-syndicat-form .content input[type=text]:disabled,
#pac-form .content input[type=text]:disabled,
#paiement-modify-form .content input[type=text]:disabled {
  border-color: #CCC;
  color: #777;
}
#update-adherent-form .content input[type=password]:disabled,
#rac-form .content input[type=password]:disabled,
#contact-syndicat-form .content input[type=password]:disabled,
#pac-form .content input[type=password]:disabled,
#paiement-modify-form .content input[type=password]:disabled {
  border-color: #CCC;
  color: #777;
}
#update-adherent-form .content .popover-wrapper,
#rac-form .content .popover-wrapper,
#contact-syndicat-form .content .popover-wrapper,
#pac-form .content .popover-wrapper,
#paiement-modify-form .content .popover-wrapper {
  margin: 0 20px 0 0;
}
#update-adherent-form .content .popover-wrapper INPUT,
#rac-form .content .popover-wrapper INPUT,
#contact-syndicat-form .content .popover-wrapper INPUT,
#pac-form .content .popover-wrapper INPUT,
#paiement-modify-form .content .popover-wrapper INPUT {
  margin: 0;
}
#update-adherent-form .content .popover,
#rac-form .content .popover,
#contact-syndicat-form .content .popover,
#pac-form .content .popover,
#paiement-modify-form .content .popover {
  width: 100%;
  font-size: 1.2em;
}
#update-adherent-form textarea,
#rac-form textarea,
#contact-syndicat-form textarea,
#pac-form textarea,
#paiement-modify-form textarea {
  width: 100%;
  max-width: 100%;
  height: calc(100% - 50px);
  font-size: 1.4em;
  padding: 10px 15px;
  border-color: #343434;
  resize: none;
}
#contact-syndicat-form .content input[type=text]:last-child {
  width: calc(100% - 12px);
}
@media (max-width: 991px) {
  #update-adherent-form .content label,
  #rac-form .content label {
    font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #00bec9;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-align: left;
    width: 200px;
  }
  #update-adherent-form .content input[type=text],
  #rac-form .content input[type=text] {
    width: calc(100% - 12px);
    font-size: 1.4em;
    height: 40px;
  }
  #update-adherent-form .content input[type=password],
  #rac-form .content input[type=password] {
    width: calc(100% - 12px);
    font-size: 1.4em;
    height: 40px;
  }
  #update-adherent-form .content select,
  #rac-form .content select {
    font-size: 1.4em;
    height: 38px;
  }
}
.checkbox.input-align input[type="checkbox"] {
  position: initial;
}
.public-profile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.public-profile a {
  width: fit-content;
  height: fit-content;
  padding-left: 20px;
  padding-right: 20px;
}
#update-adherent-form .edit-profil .content {
  padding: 0 0 0 25px;
}
@media (max-width: 490px) {
  #update-adherent-form .edit-profil .content .user-group {
    margin-bottom: 10px;
  }
}
#update-adherent-form .edit-profil .content h1 {
  width: fit-content;
  margin: 0;
}
#update-adherent-form .edit-profil .content .btn-cfdt {
  margin-top: 50px;
  font-size: 1em;
}
@media (max-width: 490px) {
  #update-adherent-form .edit-profil .content .btn-cfdt {
    left: 0;
    margin-top: 74px;
  }
}
#update-adherent-form .edit-profil .content .btn-pwd {
  margin-top: 0px;
}
#update-adherent-form .infos-perso .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#update-adherent-form .infos-perso .section-title .mandatory-infos {
  position: relative;
  right: 0;
  bottom: 0;
}
#update-adherent-form.read-adherent DIV.input-append {
  font-size: 1.4em;
}
#update-adherent-form.read-adherent DIV.actions {
  font-size: 1.1em;
  float: right;
}
#update-adherent-form.read-adherent DIV.actions A {
  color: #00bec9;
  padding: 5px 19px 5px 14px;
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#update-adherent-form.read-adherent DIV.actions I {
  color: #00bec9;
  padding-right: 10px;
}
#update-adherent-form .profil-help-container section {
  background-color: white;
}
@media (max-width: 991px) {
  #update-adherent-form .content {
    padding-bottom: 20px;
  }
  #update-adherent-form .content input[type=text] {
    width: 100%;
  }
  #update-adherent-form .content input[type=password] {
    width: 100%;
  }
  #update-adherent-form .content .picker {
    width: 100%;
  }
}
#rac-form {
  margin-top: -10px;
}
#rac-form p.intro {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  font-size: 1.3em;
  line-height: 1.2em;
}
#rac-form .content {
  padding-right: 0;
}
#rac-form .content input[type="submit"] {
  width: calc(100% - 30px);
}
#rac-form .content .form-line .error-msg {
  margin: -10px 30px 0 0;
}
#rac-form .content .error-msg {
  margin: -15px 0 10px 0;
}
@media (max-width: 991px) {
  #rac-form .content .picker {
    width: calc(100% - 12px);
  }
  #rac-form .content textarea {
    height: 200px;
    width: calc(100% - 12px);
  }
  #rac-form .content input[type="submit"] {
    width: calc(100% - 12px);
  }
}
#contact-syndicat-form {
  margin-top: -10px;
}
#contact-syndicat-form p.intro {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  font-size: 1.3em;
  line-height: 1.2em;
}
#contact-syndicat-form .picker {
  width: 100%;
}
.modal-header-syndicat-form {
  overflow: hidden;
  border-bottom: 0px solid #eaeaea;
  margin: 0;
  padding: 0 0 10px;
}
.modal-header-syndicat-form h2 {
  color: #e75c21;
  margin-top: 0;
  font-size: 23.8px;
}
.modal-header-syndicat-form h3 {
  color: #343434;
  font-size: 1.3em;
}
.modal-header-syndicat-form .coordonnees a {
  display: block;
  font-size: 1.25em;
  color: #555554;
  padding: 0 0 15px 0;
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.modal-header-syndicat-form .coordonnees a span {
  font-size: 1em;
}
.syndicat-contact-form {
  max-width: 500px !important;
  height: auto;
}
@media (max-width: 991px) {
  .modal-cfdt.modal-dialog.syndicat-contact-form {
    margin: 0 auto;
    padding-top: 100px;
  }
  .modal-cfdt.modal-dialog.syndicat-contact-form .cfdt-modal-close {
    top: 100px;
  }
}
@media (max-width: 767px) {
  .modal-cfdt.modal-dialog.syndicat-contact-form #contact-syndicat-form input[type=text] {
    width: 100%;
  }
}
.modal-cfdt.login-or-activate-account-form .modal-body .jcms-message:not(:last-child),
.modal-cfdt.syndicat-contact-form .modal-body .jcms-message:not(:last-child) {
  display: none;
}
.no-dismiss .jcms-message .close {
  display: none;
}
.modal-cfdt.login-or-activate-account-form.modal-dialog {
  max-width: 840px;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .cfdt-modal-header {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .cfdt-modal-header .logo img {
  max-width: 86px;
  padding: 15px 15px 0;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .cfdt-modal-header .title {
  background-color: #e75c21;
  -webkit-box-shadow: inset 5px -5px 14px -5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 5px -5px 14px -5px rgba(0, 0, 0, 0.3);
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .cfdt-modal-header .title h2 {
  color: #FFF;
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.9em;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 25px;
}
.modal-cfdt.login-or-activate-account-form .modal-content {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body {
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFF;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .footer-notes {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #eaeaea;
  padding: 15px 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .footer-notes h3 {
  font-size: 1.25em;
}
.modal-cfdt.login-or-activate-account-form .modal-content .modal-body .footer-notes p {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #000;
}
#login-form,
#account-activation-form {
  padding: 35px 45px 20px;
}
#login-form .help,
#account-activation-form .help {
  border: 2px solid #e75c21;
  padding: 18px 35px 25px;
}
#login-form .help h2,
#account-activation-form .help h2 {
  float: none;
}
#login-form .help p,
#account-activation-form .help p,
#login-form .help ul,
#account-activation-form .help ul,
#login-form .help li,
#account-activation-form .help li {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #000;
}
#login-form .help p,
#account-activation-form .help p {
  font-size: 1.4em;
}
#login-form .help ul,
#account-activation-form .help ul,
#login-form .help li,
#account-activation-form .help li {
  font-size: 1.15em;
}
#login-form h2,
#account-activation-form h2 {
  float: none;
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #e75c21;
  font-size: 2.7em;
}
#login-form h3,
#account-activation-form h3 {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  color: #e75c21;
  font-size: 1.5em;
}
#login-form h4,
#account-activation-form h4 {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  color: #343434;
  font-size: 1.4em;
}
#login-form label,
#account-activation-form label {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.3em;
}
#login-form input[type=text],
#account-activation-form input[type=text],
#login-form input[type=password],
#account-activation-form input[type=password] {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  height: 35px;
}
#login-form .contextual-help,
#account-activation-form .contextual-help {
  position: absolute;
  right: -25px;
  top: 7.5px;
}
#account-activation-form .form-content .form-line .input-append {
  margin-bottom: 0;
}
#account-activation-form .form-content .form-line label {
  margin-bottom: 0;
}
.lost-password {
  display: block;
  text-align: center;
  color: #e75c21;
}
#account-activation-steps {
  padding-bottom: 25px;
  float: left;
  width: 100%;
  position: relative;
}
#account-activation-steps .steps {
  padding-left: 20px;
}
#account-activation-steps .steps .step {
  width: 15%;
  float: left;
  text-align: center;
  z-index: 2500;
}
#account-activation-steps .steps .step .pastille {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e75c21;
  background-color: #FFF;
  width: 50px;
  height: 50px;
  display: inline-flex;
}
#account-activation-steps .steps .step .pastille span {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 2em;
  padding: 3px 0 0 19px;
  display: block;
  color: #e75c21;
}
#account-activation-steps .steps .step .pastille.current {
  background-color: #e75c21;
}
#account-activation-steps .steps .step .pastille.current span {
  color: #FFF;
}
#account-activation-steps .steps .step .pastille:hover {
  text-decoration: none;
  cursor: default;
}
#account-activation-steps .dotted-line {
  float: left;
}
#account-activation-steps .previous-step {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #e75c21;
  font-size: 1.1em;
}
#account-activation-steps .previous-step button {
  background-color: transparent;
  border: none;
}
.jcms-message {
  background-color: #FFF;
  border-color: #e75c21;
  border-width: 2px;
  color: #e75c21;
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.jcms-message.alert-success {
  border-color: #20aa63;
  color: #20aa63;
}
.jcms-message.alert-success .close {
  color: #20aa63;
}
.jcms-message .jcms-message-title {
  font-size: 1.6em;
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
.jcms-message p {
  font-size: 1.3em;
}
.jcms-message .close {
  font-size: 1.8em;
  color: #e75c21;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.jcms-message .close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.4;
}
.modal-message-container .message {
  position: absolute;
  bottom: calc(82%);
  left: -25%;
  right: -25%;
  text-align: center;
  -webkit-transform: translate(0px, 60%);
  -moz-transform: translate(0px, 60%);
  -o-transform: translate(0px, 60%);
  -ms-transform: translate(0px, 60%);
  transform: translate(0px, 60%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal-message-container .message .message-inner {
  display: inline-block;
  padding: 10px;
  background-color: #F3F3F3;
}
.modal-message-container .message::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7px 0 7px;
  border-color: #F3F3F3 transparent transparent transparent;
}
.modal-message-container:hover > .message {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}
.switch {
  position: absolute;
  display: inline-block;
  height: 34px;
  left: 16em;
}
.switch input {
  display: none;
  opacity: 0;
}
.switch input:checked + .slider {
  background-color: #00bec9;
}
.switch input:checked + .slider::before {
  -webkit-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #00bec9;
}
.switch input:disabled + .slider {
  cursor: not-allowed;
  opacity: 0.3;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 3em;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch .slider.round {
  border-radius: 34px;
  font-size: 1.1em;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.syndicat-rules {
  display: inline-flex;
  top: 0;
  left: 310px;
  bottom: 0;
}
.syndicat-rules ul {
  padding-left: 0px;
}
.recommendation-modal .jalios-label-addon,
.signalement-modal .jalios-label-addon {
  display: none;
}
.recommendation-modal .modal-header,
.signalement-modal .modal-header {
  background-color: #FFF;
  border-bottom: none;
}
.recommendation-modal .modal-header-syndicat-form h2,
.signalement-modal .modal-header-syndicat-form h2 {
  margin-top: 12px;
}
.recommendation-modal .modal-header .modal-title,
.signalement-modal .modal-header .modal-title {
  text-transform: uppercase;
  color: #e75c21;
  font-weight: bold;
}
.recommendation-modal .modal-body.custom-modal,
.signalement-modal .modal-body.custom-modal {
  padding-top: 0px;
}
.recommendation-modal .modal-footer,
.signalement-modal .modal-footer {
  background-color: white;
  border-top: none;
}
.recommendation-modal label,
.signalement-modal label {
  font-size: initial;
}