@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
.is-unpublished {
  background-color: transparent; 
  font-style: italic;
}
body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}
a:link, a:visited, a:hover {
  color: #dd3135; 
}
h1.page-header {
  border: 0;
  font-size: 28px;
  background-color: #8e8f93;
  color: #FFFFFF;
  padding: 5px 15px;
  text-transform: uppercase;
  display: inline-block;
}
h2 {
  color: #dd3135;
  text-transform: uppercase;
  font-size: 24px;
  padding-bottom: 15px;
}
.btn {
  padding: 3px 7px;
}
.btn-primary, .btn-primary:hover, .btn-danger {
  background-color: #dd3135;
  border: 0; 
}
a.btn-primary, a.btn-danger {
  color: #FFFFFF; 
} 
.btn-primary:hover {
  background-color: #ac2925; 
}
.bg-warning {
  padding: 15px; 
}
.panel-title a.btn-danger:hover {
  color: #FFFFFF;
}
label {
  font-weight: normal;
}
.panel, .panel-heading {
  border-radius: 0;
}
.panel-title {
  /*padding: 0;*/
}
.panel-title a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}
.panel-title a:hover {
  color: #dd3135;
}
.btn.picto, a.btn.picto {
  border-radius: 100px;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #FFFFFF; 
}
.btn.picto svg {
  margin-top: 6px;
}
.btn-float-right {
  float: right;
}

.table > thead > tr > th {
  background-color: #dd3135;
  color: #FFFFFF;
  font-weight: normal;
}
.table > thead > tr > th a {
  color: #FFFFFF; 
}
.no-content {
  text-align: center;
  font-style: italic;
}

/* --- views filters par défaut --- */
.view-filters .form-item {
  max-width: 200px; 
}
.view-filters .form-group > label {
  width: 100%; 
  display: block;
  padding-bottom: 5px; 
}
.view-filters .select-wrapper select {
  width: 100%; 
}
.view-filters .form-group > .form-control, .view-filters .form-group > .select-wrapper, .view-filters .form-group > .input-group, .view-filters .form-group > .container-inline {
  width: 100%; 
}
.view-filters .form-actions .btn {
  font-size: 1.0em; 
  padding: 5px 10px; 
}
.view-filters .form-actions .btn {
  margin-top: 37px; 
}

/* ------ formulaires ------ */
.form-control {
  border-radius: 0;
}
.form-group > label {
  width: 30%;
  font-size: 0.9em; 
  font-weight: normal; 
}
.form-group.:last-child {
  margin-bottom: 15px; 
}
.form-group > .form-control, .form-group > .select-wrapper, .form-group > .input-group, .form-group > .container-inline {
  display: inline-block;
  width: 69%; 
}
.form-group.form-no-label > .form-control {
  width: 100%;
}
.form-group > .form-control.form-number {
  width: 150px; 
}
.form-group > .input-group > .select-wrapper {
  display: inline-block;
}
.form-group > .input-group > .select-wrapper select {
  width: 100%; 
}
.form-group .input-group-addon {
  display: none;
}
.form-group > .container-inline .form-control {
  width: 100%; 
}
.address-container-inline .form-type-textfield {
  width: 100%; 
}
.form-actions {
  text-align: center; 
}
.form-actions .btn {
  border-radius: 0; 
  padding: 10px 15px; 
  font-size: 1.2em; 
}
.region-content .user-register-form.view-only:not(:first-of-type) {
  margin-top: 100px; 
}

.user-register-form .panel-default {
  border: 0; 
  margin-bottom: 30px; 
  box-shadow: none;
}
.user-collectivite .user-register-form .panel-default {
  margin-bottom: 15px; 
}
.user-collectivite .user-register-form.view-only .btn-situation {
  margin-top: 20px; 
  margin-bottom: 0px; 
}
.user-collectivite .field--name-field-collectivite-logo {
  float: left; 
  margin-right: 30px; 
}
.user-collectivite .field--name-field-collectivite-designation {
  font-size: 1.2em; 
  text-transform: uppercase;
  color: #d43f3a; 
}
.user-collectivite .flyer-wrapper {
  margin: 30px 0; 
}
.collectivite-liste {
  margin-top: 30px;
  width: 100%; 
  border-top: 1px solid #CCCCCC; 
}
.collectivite-liste tr {
  border-bottom: 1px solid #CCCCCC; 
}
.collectivite-liste tr th {
  padding: 5px; 
  background-color: #8e8f93; 
  color: white; 
}
.collectivite-liste td.views-field-field-annee {
  width: 250px; 
  font-size: 2em; 
  color: #d43f3a; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  padding-left: 10px; 
}
.collectivite-liste .views-field-nothing {
  text-align: right; 
  padding-right: 10px; 
}
.user-register-form.view-only .collectivite-liste .btn-situation {
  margin: 0; 
  padding: 8px 15px; 
  font-size: 1em; 
}
.user-register-form .panel-default > .panel-heading {
  background-color: transparent; 
  border: 0; 
  padding-left: 0; 
}
.user-register-form .panel-title {
  color: #FFFFFF;
  background-color: #00279a; 
  display: inline-block;
  font-size: 20px; 
  margin: 0; 
  padding: 5px 10px; 
}
.user-register-form .panel-body {
  padding: 0; 
  padding-top: 20px;
  border: 0; 
}
.user-register-form .field--name-field-adresse .panel-heading {
  display: none;
}
.user-register-form .row-cotisation .simulation ul {
  list-style-type: none; 
  padding-left: 0; 
}
.user-register-form .row-cotisation .simulation ul li label {
  width: 35%; 
  margin-bottom: 0; 
  padding: 5px; 
  background-color: #F6F6F6; 
}
.user-register-form .row-cotisation .simulation ul.nbre-offre-1 li label {
  width: 69%; 
}
.user-register-form .row-cotisation .simulation ul li span.value {
  width: 20%; 
  text-align: right; 
  display: inline-block;
  padding: 5px; 
  background-color: #F6F6F6; 
  margin-left: -3px; 
}

.user-register-form.node-adhesion-com-form .row-cotisation .simulation ul li label {
  width: 50%; 
}
.user-register-form.node-adhesion-com-form .row-cotisation .simulation ul li span.value {
  width: 50%; 
}
.user-register-form .row-cotisation .simulation ul li.header label, 
.user-register-form .row-cotisation .simulation ul li.header span.value {
  text-align: center; 
  background-color: #DFDFDF; 
}
.user-register-form .row-cotisation .simulation ul li span.value.active {
  background-color: #dd3135;
  color: #FFFFFF;  
}
.user-register-form .row-cotisation .simulation ul li span.value.active .btn-offre {
  display: none;
}
.user-register-form .row-cotisation .cotisation {
  font-weight: bold; 
  color: #dd3135; 
}
.user-register-form .row-cotisation .cotisation span.value, .user-register-form .row-cotisation .cotisation label {
  padding-top: 15px; 
  border-top: 1px solid #dd3135; 
  border-bottom: 1px solid #dd3135; 
}
.user-register-form  label {
  vertical-align: top;
  padding-top: 4px; 
}
.choisir .btn {
  background-color: #ac2925 !important; 
}
.user-register-form .row-cotisation .simulation ul li.choisir span.value {
  text-align: center; 
}

/* ----- edit form ----- */
.user-form .form-managed-file {
  display: inline-block;
  width: 69%;
}

/* user profile - on a rajoute la class du form pour simplfiier */
.user-register-form.view-only .field--label {
  width: 200px; 
}
.user-register-form.view-only .field--name-field-adresse .field--item {
  margin-left: 200px; 
}
body.path-user .page-header {
  /*display: none;*/
}
body.path-user .page-header.display {
  display: inline-block;
}
.user-register-form.view-only .btn-situation,
.btn-situation {
  padding: 15px 35px;
  font-size: 20px;
  border-radius: 0; 
  margin-bottom: 20px; 
  margin-top: 50px; 
}
.user-register-form.view-only .btn-situation.infos-persos {
  margin-top: -80px; 
  padding: 8px 15px;
  font-size: 16px;
}
.user-register-form.view-only .com-wrapper .btn-situation.infos-persos {
  margin-top: 0px; 
}
.back {
  margin-top: 100px; 
}
.panel-default.panel-remboursement-adhesion {
  background-color: #F1F1F1; 
  border: 1px solid #E1E1E1; 
  padding: 15px; 
}
.panel-default.panel-remboursement-adhesion .panel {
  background-color: transparent; 
}
.user-profile {
  position: relative; 
}
a.user-edit-button {
  border: 3px solid #dd3135; 
  background-color: #dd3135; 
  color: #FFFFFF; 
  border-radius: 60px; 
  width: 60px; 
  height: 60px; 
  font-size: 1.7em; 
  position: absolute; 
  top: 0; 
  right: 0; 
  z-index: 999;
  text-align: center; 
  line-height: 52px; 
}
a.user-edit-button:hover {
  background-color: #FFFFFF; 
  color: #dd3135
}
.node-adhesion-form .user-profile {
  margin-bottom: 15px; 
}
.node-adhesion-form .form-actions .btn {
  margin-right: 0; 
  padding: 15px 25px; 
  font-size: 1.7em; 
  margin-top: 20px; 
}

/* ------- entete slider + account ----- */
.swiper-container {
  margin: 0 !important; 
}
.swiper-container h3 {
  margin-top: 0; 
}
.region-navigation {
  position: relative;
}
.flexslider {
  max-height: 180px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

.navbar.container-fluid {
  padding: 0;
  margin-top: 0; 
}
.navbar-default {
  background-color: transparent;
  margin-bottom: 0
}
.navbar-header {
  margin: 0 !important; 
}

.account-wrapper {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 499;
}
.account-wrapper .logo {
  display: block;
  text-align: center;
  margin-top: 10px;
  padding-left: 10px; 
  padding-right: 10px; 
}
.account-wrapper .logo img {
  max-width: 100%; 
}
.account-wrapper #block-utilisateurconnecte {
  color: #dd3135;
  font-size: 0.9em; 
  padding: 20px 15px 10px 15px; 
  text-align: center; 
}
.account-wrapper #block-utilisateurconnecte img {
  width: 100px; 
  height: 100px; 
}

/* slider text special home */
.block-views-blockslider-avec-texte-block-1 .form-group {
  margin-bottom: 0; 
}
article.slider.full .field--name-body {
  position: absolute; 
  bottom: 70px; 
  right: 50px; 
  width: 30%; 
  background-color: rgba(255, 255, 255, 0.80); 
  min-height: 150px; 
}
article.slider.full .field--name-body .field--item {
  padding: 15px 20px; 
}

/* -------- menu adherent --------- */
#block-afcm-main-menu .menu .dropdown-menu {
  min-width: 270px;
  background-color: #8e8f93;
}

#block-afcm-main-menu .expanded.dropdown.open > a {
  background-color: #dd3135;
}

/* -------- menu invite --------- */
.region-header {
  background-color: #8e8f93;
}
.region-header .nav {
  text-align: center; 
}
.region-header .nav > li {
  display: inline-block;
}
.region-header .nav > li > a {
  text-transform: uppercase;
  font-size: 1.4em; 
  color: #FFFFFF; 
  padding: 10px 60px; 
}
/* menu gestionnaire */
body.user-administrator .region-header .nav > li.last, body.user-compta .region-header .nav > li.last, body.user-gestion .region-header .nav > li.last {
  float: right; 
}
body.user-administrator .region-header .nav > li.last > a, body.user-compta .region-header .nav > li.last > a, body.user-gestion .region-header .nav > li.last > a {
  background-color: #dd3135; 
}
body.user-administrator .region-header .nav > li.last .dropdown-menu, body.user-compta .region-header .nav > li.last .dropdown-menu, body.user-gestion .region-header .nav > li.last .dropdown-menu {
  width: 100%; 
  background-color: #dd3135; 
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #900307; 
}
.region-header .nav > li.last .dropdown-menu a {
  color: #FFFFFF; 
}
.region-header .nav > li.last .dropdown-menu a:hover {
  background-color: transparent; 
  color: #DDDDDD; 
}
.region-header .nav > li > a:hover, .region-header .nav > li > a.is-active, 
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #dd3135; 
}


/* -------- menu situation ------- */
.main-container .flex-wrapper {
  display: flex;
}
.main-container .navbar-collapse-wrapper {
  background-color: #00279a;
  padding: 0;
}
.menus-wrapper .navbar-collapse, .menus-wrapper .sidebar-second-wrapper {
  padding: 0; 
}
.menus-wrapper .nav {
  float: none;
}
.menus-wrapper .nav > li {
  float: none;
}
.menus-wrapper .nav > li a:link,
.menus-wrapper .nav > li a:visited,
.menus-wrapper .nav > li a:hover {
  text-align: center;
  display: block;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.menus-wrapper .nav > li a:hover, .menus-wrapper .nav > li.active a {
  background-color: #001d72;
}

/* ------ menu gestion  -------- */
.main-container .sidebar-second-wrapper {
  background-color: #dd3135; 
  padding: 0; 
}
#block-gestion h2 {
  color: #900307;
  text-align: center; 
}
.menus-wrapper .menu--gestion.nav > li a:hover, .menus-wrapper .menu--gestion.nav > li.active a {
  background-color: #900307; 
}

/* ------- highlighted ------- */
.highlighted {
  margin-left: -15px;
  margin-right: -15px;
}
.alert {
  border-radius: 0;
  margin-bottom: 0;
}

/* ------ content --------- */ 
.region-content {
  padding: 45px 25px;
  min-height: 545px;
}
.inner {
  font-size: 1.0em;
}
.inner .item {
  margin-bottom: 5px;
}
.inner .item .item-label {
  color: #dd3135;
  width: 50%;
  display: inline-block;
}
.inner .item .item-value {
  color: #000000;
}

/* ------ front page (login) et mot de passe oublie custom ------- */
.path-frontpage .flexslider {
  max-height: 400px; 
}
.path-frontpage .flexslider article {
  position: relative; 
  max-height: 400px; 
}
.theme-frontpage .main-container, .path-connexion .main-container {
  background-color: #00279a;
  position: relative; 
  padding-top: 30px; 
}
.triangle-element {
  width: 700px;
  height: 500px;
  background: linear-gradient(to bottom right, #00279a 0%, #00279a 50%, #dd3135 50%, #dd3135 100%);
  position: absolute; 
  bottom: 0; 
  right: 0; 
}
.user-login-form, .front-block {
  background-color: rgba(0, 20, 80, 0.80);
  padding: 30px; 
  min-height: 376px; 
  margin-top: 15px; 
  margin-bottom: 90px; 
}
.user-login-form .form-group:last-child {
  margin-bottom: 0; 
}
.user-login-form a:link, .user-login-form a:visited  {
  color: #FFFFFF; 
}
.front-block {
  color: #FFFFFF;
  font-size: 1.1em; 
}
/* test 3 couleurs home page */
body.troiscouleurs #block-creeruncompte.front-block {
  background-color: #8eaac6; 
}
body.troiscouleurs #block-reglersacotisation.front-block {
  background-color: #6d6c6c; 
}
.user-login-form h2, .front-block h2 {
  background-color: #FFFFFF;
  color: #dd3135;
  padding: 8px 5px 8px 50px;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0;
}
.user-login-form input {
  width: 100% !important; 
}
.user-login-form h2 {
  position: relative;  
  margin-bottom: 20px;
}
.front-block h2 {
  margin-bottom: 25px;
  position: relative;  
}
.front-block h2:before, .user-login-form h2:before {
  content: "\f2f6";
  font-family: "FontAwesome";
  left: 0px;
  position:absolute;
  top:0;
  display: none;
}
#block-reglersacotisation.front-block h2:before {
  content: "\f153";
}
#block-creeruncompte.front-block h2:before {
  content: "\2b";
}
#block-collectivitesdoutremer.front-block h2:before {
  content: "\f21a";
}
#block-alerteinfo.front-block h2:before {
  content: "\f05a";
}
.front-block.user-password h2:before {
  content: "\f084";
}
.front-block h2 svg, .user-login-form h2 svg {
  background-color: #dd3135; 
  padding: 6px; 
  color: #FFFFFF; 
  font-size: 0.8em; 
  position: absolute; 
  top: 5px; 
  left: 5px; 
}
#block-creeruncompte p {
  text-align: center;
  margin: 30px 0; 
}
#block-creeruncompte p:last-child {
  text-align: center; 
  font-size: 15px; 
  margin: 0; 
}
.front-block .btn, .user-login-form button.form-submit {
  font-size: 45px;
  background-color: #FFFFFF;
  color: #dd3135;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  line-height: 100px;
  margin: 30px auto;
  padding: 0; 
}
.user-login-form button.form-submit {
  margin-top: 15px; 
  margin-bottom: 15px; 
}
.front-block ul {
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
}
.front-block ul li {
  display: inline-block;
  text-align: center; 
  width: 45%; 
}
.user-login-form .form-item-name.form-group {
  margin-bottom: 20px; 
}
.user-login-form .form-item-pass a {
  font-size: 0.8em; 
  text-align: right; 
  display: block;
  margin-top: 3px; 
}
.user-login-form .form-actions {
  text-align: center;
}
.user-login-form button.form-submit {
  color: #dd3135;
  margin-top: 15px;
}
.theme-frontpage .region-content {
  padding: 0; 
}
#block-reglersacotisation a {
  margin-top: 20px; 
}
#block-reglersacotisation img {
  display: block;
}
#block-reglersacotisation a img {
  width: 100px; 
  height: 100px; 
  margin-top: 37px; 
}
#block-collectivitesdoutremer img {
  width: 100%; 
  height: auto; 
}
#block-collectivitesdoutremer.front-block .btn {
  margin-bottom: 15px; 
}
#block-alerteinfo.front-block {
  background-color: #ffd400; 
  height: auto; 
  min-height: 0; 
  color: #dd3135; 
  margin-top: 45px; 
  margin-bottom: 15px; 
}
#block-alerteinfo.front-block h2 {
  background-color: transparent;
  float: left; 
  width: 150px;
  margin-bottom: 0; 
  padding-top: 0; 
  padding-bottom: 0; 
  font-weight: bold; 
}
#block-alerteinfo.front-block a {
  text-decoration: underline; 
}
#block-alerteinfo.front-block h2 svg {
  top: 0; 
  left: 0; 
}
#block-alerteinfo.front-block .field--name-body {
  margin-left: 150px; 
  font-size: 1.0em; 
  text-align: left; 
} 
#block-alerteinfo.front-block .field--name-body a.btn {
  width: auto; 
  height: auto; 
  line-height: 25px; 
  font-size: 1.1em; 
  padding: 5px 30px; 
  margin: 0px 0; 
  max-width: 80%; 
  white-space:break-spaces; 
  display: inline-block;
}

/* ---- user password lost custom ---- */
.password-lost-custom-form .form-item-email {
  margin: 30px 0; 
}
.password-lost-custom-form .results {
  padding: 15px; 
  margin-bottom: 30px; 
}
.password-lost-custom-form .results h3 {
  margin-top: 0; 
  font-size: 16px; 
}
.password-lost-custom-form .results .result {
  background-color: #FFFFFF; 
  margin-bottom: 5px;  
  padding: 5px; 
}
.password-lost-custom-form .results .result p {
  margin: 0; 
  font-size: 0.8em; 
}
.password-lost-custom-form .results .result p .labelb {
  width: 100px; 
  display: inline-block;
}
.password-lost-custom-form .results .result a.login-link {
  display: block;
  float: right; 
  right: 5px; 
  top: 5px; 
  width: 25px; 
  height: 25px; 
  border-radius: 25px; 
  background-color: #dd3135;
  color: #FFFFFF;  
  text-align: center; 
  line-height: 25px; 
  font-size: 13px; 
  margin: 8px 0 0 0; 
}
.password-lost-custom-form .results .result a.login-link:hover {
  background-color: #000000; 
}
.password-lost-custom-form .back {
  font-size: 0.9em; 
  margin-top: 0; 
}



body.theme-frontpage .region-content {
  min-height: auto; 
}

/* ----- login secondaire ------ */
#block-userlogin {
  margin-bottom: 45px; 
}
#block-userlogin ul {
  display: none;
}
#block-userlogin form ul {
  display: block;
}
#block-userlogin .user-login-form h2 {
  margin-bottom: 45px; 
}


/* ------ echeances ------- */
.situation-echeances-content .solde {
  background-color: #dd3135;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
  padding: 10px 8px;
}
.situation-echeances-content .solde .btn {
  float: right;
  margin-top: -2px;
}
.situation-echeances-content .solde strong {
  margin-left: 15px;
}
.echeances-header {
  padding: 8px 0px 8px 15px;
  background-color: #8e8f93;
  color: #FFFFFF;
}
.situation-echeances-content .panel-title {
  padding: 0 15px;
  line-height: 40px;
}
.situation-echeances-content .panel-title .btn {
  border-radius: 0;
  margin-right: -15px;
}
.situation-echeances-content .panel-title:hover {
  color: #dd3135;
}
.situation-echeances-content .panel-body .titre-contrat {
  color: #dd3135;
  margin-top: 10px;
}
.situation-echeances-content .panel-body .titre-contrat:first-child {
  margin-top: 0;
}
.situation-echeances-content .panel-body .apurement {
  color: #888888; 
  text-transform: uppercase;
  font-style: italic;
}

/* ---- informations locatives ------ */
.taxonomy-term-secteurs .field--name-description {
  text-align: justify; 
  margin-bottom: 45px; 
}
.taxonomy-term-secteurs h2 {
  font-size: 22px; 
}
.taxonomy-term-secteurs .field--name-field-documents .file > span, 
.taxonomy-term-secteurs .field--name-field-documents .text-primary {
  color: #dd3135;
}

/* ------ pied de page ------ */
.footer {
  margin: 0;
  padding: 10px;
  font-size: 0.8em;
  background-color: #8e8f93;
  color: #FFFFFF;
  border: 0;
}
#block-pieddepage {
  float: right;
  margin-top: 7px;
}
.menu--footer.nav {
}
.menu--footer.nav a, .menu--footer.nav a:hover {
  color: #FFFFFF;
  text-decoration: none;
  padding: 0;
  background-color: transparent;
}
.menu--footer.nav a:hover {
  color: #dd3135;
}

/* ----- register form ------- */
.user-register-form .note {
  font-size: 0.85em; 
  margin-bottom: 20px; 
  margin-top: -10px; 
  font-style: italic; 
}
.user-register-form [data-drupal-selector="edit-field-adresse-0-address-country-code"] {
  display: none;
}
.user-register-form .form-item-field-adresse-0-address-address-line2 label.sr-only {
  position: relative; 
  height: auto; 
}
a.raisons-cotiser-wrapper {
  position: relative; 
  background-color: #EEEEEE; 
  border-radius: 15px; 
  overflow: hidden; 
  margin-bottom: 30px; 
  display: block;
  color: #000000; 
  text-decoration: none; 
  margin-top: 70px; 
}
.raisons-cotiser-inner {
  background-color: #EEEEEE; 
  padding: 15px 10px 10px 30%; 
}
.raisons-cotiser-wrapper h2 {
  background-color: #76d319; 
  color: #FFFFFF;
  margin: 0; 
  padding: 5px 10px;
  text-align: center;  
  text-transform: none;
}
.raisons-cotiser-wrapper .fleche {
  transform: rotate(45deg);
  font-size: 130px; 
  position: absolute; 
  bottom: -20px;
  left: 30px;
  color: #76d319; 
}
.user-register-form .intro {
  padding-top: 20px; 
}

.user-register-form .form-type-date {
  vertical-align: top;
}


/* ------- bandeau cookie -------- */
.eu-cookie-compliance-content {
  width: 100%; 
  max-width: 95%; 
  font-weight: normal !important; 
}
.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, .eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button {
  border-radius: 0; 
  background: #FFFFFF; 
  font-weight: normal; 
  font-size: 13px; 
}
.eu-cookie-compliance-categories {
  font-size: 0.9em; 
}

/* ------ reglement form -------- */
.situation-reglement-form .wrapper {
  margin-bottom: 20px; 
}
.situation-reglement-form strong {
  color: #dd3135; 
}
.situation-reglement-form .actions {
  text-align: center; 
  margin: 45px 0; 
}
.situation-reglement-form .actions input[type="submit"].btn-danger {
  padding: 15px 45px; 
  font-size: 18px; 
  border-radius: 0; 
}
.bouton-reglement.btn-danger {
  border-radius: 0; 
  font-size: 17px; 
  padding: 10px 15px; 
  float: right; 
  margin-top: -60px;
}
/* -------- retour reglement ------- */
.amf-logo {
  display: block;
  margin: 0 auto; 
  width: 200px;
}
.amf-logo img {
  width: 100%; 
}
.reglement-remboursement-wrapper {
  background-color: #EEEEEE; 
  border: 1px solid #CCCCCC; 
  padding: 15px 30px; 
  margin-top: 50px; 
  margin-bottom: 50px;
}
.reglement-remboursement-wrapper #edit-actions {
  text-align: center; 
  margin-top: 15px; 
  margin-bottom: 0; 
}

/* ----- offres accordeon ----- */
.paragraph--type--paragraph-collapse input,
.paragraph--type--paragraph-collapse div.cache,
article.webform-info input,
article.webform-info section.cache {
  display: none;
  padding: 15px;
}

.paragraph--type--paragraph-collapse label,
article.webform-info label {
  background-color: #dd3135;
  color: #FFFFFF; 
  position: relative;
  display: block;
  cursor: pointer;
  padding: 15px;
  margin: 15px 0 0 0;
}

.paragraph--type--paragraph-collapse input:not(:checked)~label::after,
article.webform-info label::after {
  content: '▼';
  position: absolute;
  top: 15px;
  right: 15px;
}

.paragraph--type--paragraph-collapse input:checked~label::after,
article.webform-info input:checked~strong label::after {
  content: '▲';
  position: absolute;
  top: 15px;
  right: 15px;
}

article.webform-info ol,
.paragraph--type--paragraph-collapse ol {
  list-style-type: none;
  padding: 0;
}

article.webform-info input:checked~label section.cache,
.paragraph--type--paragraph-collapse input:checked~div.cache {
  display: block;
  border: #00279a 1px solid;
}

/* ------- admin adhesions --------- */
/* bulk */
.views-form .form-group {
  margin: 0;
}
.views-form [data-drupal-selector="edit-node-bulk-form"] {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC; 
  background-color: #EEEEEE; 
  text-align: right; 
  margin-bottom: 0; 
  padding: 5px 0; 
}
.views-form .select-wrapper {
  width: 300px; 
}
.views-form .form-item {
  display: inline-block;
}
.views-form .form-actions {
  display: inline-block;
  text-align: right;
}
.views-form .form-actions .btn {
  font-size: 15px; 
  padding: 5px 10px; 
}
.view-admin-adhesions .table, .view-adhesions-com table, .view-adhesions-admin .table, 
.view-journal-comptable .table {
  font-size: 0.85em; 
}
.view-admin-adhesions th.views-field-nothing, .view-admin-adhesions td.views-field-nothing {
  width: 100px; 
}
.view-admin-adhesions tr.adhesion-remboursee {
  background-color: #CCCCCC !important; 
  /*text-decoration:line-through; */
}
.user-register-form .field--name-field-paiement-date .panel-title, 
.user-register-form .field--name-field-remboursement-date .panel-title {
  font-size: 14px; 
  background-color: transparent; 
  color: #333333;    
  padding: 0; 
}
.user-register-form .field--name-field-paiement-date .panel-default > .panel-heading, 
.user-register-form .field--name-field-remboursement-date .panel-default > .panel-heading {
  float: left;
  width: 30%; 
  margin: 0; 
  padding: 0; 
}
.user-register-form .field--name-field-paiement-date .panel-body, 
.user-register-form .field--name-field-remboursement-date .panel-body {
  padding-top: 0;
  vertical-align: top; 
  background-color: transparent; 
}
.form-type-date.form-group > .form-control {
  /* width: 100%; */
}
.user-register-form .form-type-date {
  vertical-align: top; 
}
.user-register-form .bouton-remboursement {
  float: right; 
  padding: 10px 15px; 
  border-radius: 0; 
}
.field--name-field-postes-complementaires {
  margin-top: 20px; 
  padding-top: 20px;
  border-top: 1px solid #CCCCCC; 
}
.field--name-field-postes-complementaires .form-group {
  margin-bottom: 0; 
}
#edit-field-postes-complementaires-wrapper {
  position: relative;
}
#edit-field-postes-complementaires-wrapper thead {
  float: left; 
}
#edit-field-postes-complementaires-wrapper tbody {
  vertical-align: top;
  margin-top: -26px;
  display: inline-block;
  margin-left: 30%;  
}
#edit-field-postes-complementaires-wrapper thead tr th,
#edit-field-postes-complementaires-wrapper tbody tr td {
  border: none;
  padding: 0;
}

#edit-field-postes-complementaires-wrapper thead tr th {
  background-color: transparent;
  color: #333333;
  font-size: 0.9em;
}

#edit-field-postes-complementaires-wrapper tbody tr.draggable.odd {
  background-color: transparent;
}

#edit-field-postes-complementaires-wrapper tbody tr td input {
  width: 100%;
}

#edit-field-postes-complementaires-wrapper tbody tr td:not([class]) {
  display: inline-block;
  padding: 6px 3px;
}

#edit-field-postes-complementaires-wrapper tbody tr td.field-multiple-drag {
  display: none;
}

#edit-field-postes-complementaires-wrapper .clearfix {
  text-align: right;
}

#edit-field-postes-complementaires-wrapper a {
  color: #dd3135;
}
.field--name-field-postes-complementaires .tabledrag-toggle-weight {
  display: none;
}
.field--name-field-postes-complementaires .label .label {
  font-size: 14px !important; 
  line-height: 15px; 
  color: #000000; 
  margin: 0;
  padding: 0; 
}

/* ------ form adhesion com ------ */
.user-register-form .form-managed-file {
  width: 69%; 
  display: inline-block;
}
.node-adhesion-com-form .row-cotisation .panel-heading {
  text-align: center; 
}
.node-adhesion-com-form .field--name-field-cautionnement .form-item:first-child {
  float: right; 
}
.node-adhesion-com-edit-form .field--name-field-quittance-id, 
.user-form .field--name-field-id-client {
  border: 3px solid #dd3135; 
  padding-top: 15px; 
  margin-bottom: 30px; 
}
.node-adhesion-com-edit-form .field--name-field-quittance-id label, .user-form .field--name-field-id-client label {
  padding-left: 15px; 
} 

/* ------- adhesion collectivite -------- */
.user-register-form .field--type-address .panel-default > .panel-heading {
  display: none;
}
#shs-widget-create-new-item-shs-field-collectivite-categorie-delta-0, #shs-widget-create-new-item-shs-field-collectivite-categorie-delta-0_button {
  display: none; /* bug module à creuser */
}
.user-register-form .field--type-address .address-line2 {
  /* margin-left: 31%; */
}
.user-register-form.view-only .field--type-address .address-line2 {
  margin-left: 0; 
}

.user-register-form .field--type-address .panel-body {
  padding-top: 0; 
}
.shs-container .form-select {
  height: 34px;
  border: 1px solid #CCCCCC; 
  margin-right: 5px;  
}

/* ------- tabs adhérent -------- */
/* .page-node-type-adhesion nav.tabs, */
.adherent-tabs-wrapper {
  margin-bottom: 45px; 
}

.page-node-type-adhesion .region.region-content {
  padding-top: 25px;
}

nav#block-ongletadherent {
  padding: 25px 0;
}

.page-node-type-adhesion nav.tabs ul,
nav#block-ongletadherent ul,
.adherent-tabs-wrapper ul {
  border-bottom: 5px solid #00279a; 
  padding: 0; 
}

.page-node-type-adhesion nav.tabs ul li,
nav#block-ongletadherent ul li,
.adherent-tabs-wrapper ul li {
  min-width: 150px;
  display: inline-block;
  margin-bottom: -5px;
  margin-right: 1px;
}

.page-node-type-adhesion nav.tabs ul li a,
nav#block-ongletadherent ul li a,
.adherent-tabs-wrapper ul li a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  background-color: #EDEDED;
  border-bottom: 5px solid #00279a;
  color: #00279a;
  text-align: center;
  text-decoration: none;
}

.page-node-type-adhesion nav.tabs ul li a.is-active,
nav#block-ongletadherent ul li a.is-active,
.adherent-tabs-wrapper ul li a.active {
  background-color: #00279a;
  color: #FFFFFF; 
}

/* -------- export comptabilité -------- */
.compta-export-compta-generale {
  width: 60%; 
  margin: 0 auto; 
  background-color: #F6F6F6; 
  border: 1px solid #DDDDDD; 
  padding: 30px; 
}
.compta-export-compta-generale .actions {
  margin-top: 50px; 
  text-align: center; 
}
.compta-export-compta-generale .btn-primary {
  padding: 7px 15px; 
  border-radius: 0; 
  text-transform: uppercase;
}
.compta-export-compta-generale .select-wrapper, 
.compta-export-compta-generale .form-type-date.form-group > .form-control {
  width: 200px; 
}

/* ----------- dashboard statistiques -------- */
body.path-dashboard {
  background-color: #F1F1F1; 
}
.dashboard-form .form-type-date label {
  width: auto; 
}
.dashboard-form .form-type-date.form-group > .form-control {
  width: 150px; 
}
.dashboard-form .dates-filter-wrapper {
  background-color: #DDDDDD; 
  border: 1px solid #CCCCCC; 
  padding: 10px 20px;  
  margin-bottom: 30px; 
}
.dashboard-form .dates-filter-wrapper .form-inline {
  display: inline-block;
  margin-bottom: 0; 
}
.dashboard-form .dates-filter-wrapper .btn {
  border-radius: 0; 
  padding: 6px 15px; 
}
.graph-wrapper {
  min-height: 200px; 
  background-color: #FFFFFF; 
  border: 1px solid #DDDDDD; 
  margin-bottom: 30px; 
}

.navbar-toggle {
  position: fixed; 
  top: 10px; 
  right: 10px; 
  z-index: 999; 
}
.navbar-default .navbar-toggle {
  background-color: #dd3135; 
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFFFFF; 
}


/* -------- liste des tâches --------- */
.view-taches .views-field-field-classement {
  min-width: 190px;
}
.view-taches td.views-field-edit-node {
  width: 120px; 
}
.view-taches td.views-field-edit-node a {
  background-color: #dd3135; 
  display: inline-block;
  width: 30px; 
  height: 30px; 
  border-radius: 30px; 
  text-align: center; 
  line-height: 30px; 
  color: #FFFFFF; 
}
.view-taches td.views-field-edit-node a:hover {
  background-color: #000000; 
}
.view-taches .badge {
  font-size: 14px; 
  padding: 7px 10px; 
}
.view-taches .table > thead > tr.statut-2 > td, .view-taches .table > tbody > tr.statut-2 > td {
  background-color: #dff0d8; 
}
.badge-2 { /* success */
  background-color: #76d319; 
  font-weight: normal;
}
.badge-1 { /* warning */
  background-color: #999999; 
  font-weight: normal; 
}
.form-select {
  padding-right: 25px; 
}
/* .view-taches td.views-field-field-agent .form-submit */
.view-taches form {
  position: relative; 
}
.view-taches td.views-field-field-agent {
  position: relative; 
}
.view-taches td.views-field-field-agent label {
  display: none;
}
.view-taches td.views-field-field-agent .form-submit {
  font-size: 1em; 
  width: 28px; 
  height: 28px; 
  color: #FFFFFF; 
  background-color: #dd3135; 
  outline: 0; 
  border-radius: 30px; 
  overflow: hidden; 
  padding-left: 12px; 
  margin: 0; 
  position: absolute; 
  top: 0; 
  right: 0; 
  border: 0; 
}
.view-taches table td {
  font-size: 0.9em; 
}

.view-taches td.views-field-field-agent select {
  font-size: 1em; 
  min-width: 200px; 
  background-color: transparent; 
}
.view-taches .field--name-field-agent {
  margin-right: 35px; 
  text-align: right; 
}
.view-taches .form-item-field-agent, .view-taches .field--name-field-agent {
  margin-bottom: 0px; 
}
.view-taches td.views-field-field-agent .form-group > .select-wrapper {
  width: 100%; 
}
.view-taches td.views-field-field-agent {
  color: #dd3135; 
  font-size: 0.8em; 
}
.view-taches .view-header {
  float: right; 
  position: relative; 
  z-index: 999; 
}

/* ------ node tache ------- */
.task-wrapper [data-drupal-selector="edit-group-demarchage"] {
  background-color: #D9D9D9; 
  padding: 15px; 
  margin-bottom: 15px; 
}
.task-wrapper [data-drupal-selector="edit-group-demarchage"] .label {
  color: #000000 !important; 
  width: 31%; 
  font-size: 100%; 
  display: inline-block;
  text-align: left; 
  padding: 0; 
}
.task-wrapper [data-drupal-selector="edit-group-demarchage"] #edit-field-demarchage-lien-0-uri--description, .task-wrapper [data-drupal-selector="edit-group-demarchage"] #edit-field-demarchage-lien-1-uri--description {
  display: none;
}
.task-wrapper .attachments {
  margin-top: 30px; 
}
.task-wrapper .attachments a {
  background-color: #dd3135; 
  color: white; 
  margin-right: 5px; 
  padding: 3px 5px; 
  text-decoration: none; 
}


/* ------- situation COM -------- */
.situation-contrat-wrapper {
  background-color: #F1F1F1; 
  border: 1px solid #DDDDDD; 
  margin-bottom: 15px; 
  padding: 15px; 
  position: relative; 
}
.situation-contrat-wrapper .btn-attestation {
  position: absolute; 
  top: 15px; 
  right: 15px; 
  z-index: 999; 
}
.situation-contrat-wrapper .solde {
  color: #dd3135; 
  padding-top: 10px; 
  font-size: 1.2em; 
}
.user-register-form.view-only .payer .btn-situation {
  margin-top: 30px; 
}
.user-register-form.view-only .payer svg {
  margin-right: 15px; 
  font-size: 1.3em; 
}
.user-register-form.view-only .payer svg:first-child {
  margin-right:2px; 
}
.user-register-form .alert-danger {
  margin-bottom: 30px; 
}

/* ----- commentaires -------- */
.task-wrapper {
  background-color: #F6F6F6; 
  padding: 30px; 
}
.comments_wrapper h2 {
  background-color: #dd3135; 
  color: #FFFFFF; 
  padding: 10px; 
  margin-bottom: 20px; 
  margin-top: 30px; 
  font-size: 1em; 
}
article.js-comment {
  margin-bottom: 15px; 
  font-size: 0.9em; 
  background-color: #F6F6F6; 
  margin-left: 60px; 
  padding: 15px; 
}
article.js-comment p {
  margin: 0px; 
}
.comment-form-wrapper {
  background-color: #EEEEEE; 
  padding: 15px; 
  margin-top: 15px; 
  margin-left: 60px; 
}
.comment-form-wrapper h3 {
  margin-top: 0; 
  font-size: 1em; 
  margin-bottom: 15px; 
}
.comment-form-wrapper .form-actions {
  margin-bottom: 0; 
}
.comment-form-wrapper .filter-wrapper {
  display: none;
}
.field--name-comment-body {
}
article.tache.full .preview strong {
  color: #dd3135; 
}
.comment-form-wrapper .field--name-field-attachment .panel-default {
  padding: 15px; 
}
.comment-form-wrapper .field--name-field-attachment .panel-heading {
  display: none;
}
.comment-form-wrapper .field--name-field-attachment .panel-body {
  padding: 0; 
}
.comment-form-wrapper .form-actions .btn {
  padding: 5px 10px; 
  font-size: 1.0em; 
}


/* -------- changement de situation webform temp -------- */
.webform-submission-changement-situation-form,
.webform-submission-ajout-regie-form,
.webform-submission-cessation-des-fonctions-form {
  width: 70%; 
  margin: auto; 
}
.webform-submission-changement-situation-form .webform-address--wrapper,
.webform-submission-ajout-regie-form .webform-address--wrapper,
.webform-submission-cessation-des-fonctions-form .webform-address--wrapper {
  margin-top: 45px; 
  margin-bottom: 45px; 
}


@media(max-width:1194px) {
}
@media(max-width:992px) {
  .region-header .nav > li > a {
    font-size: 1.2em; 
    padding: 10px 20px; 
  }
  #block-alerteinfo.front-block h2 {
    float: none;
    margin: 0 auto; 
  }
  #block-alerteinfo.front-block .field--name-body {
    margin-left: 0;
    margin-top: 15px; 
    font-size: 1.0em; 
    text-align: justify; 
  }
  .user-login-form, .front-block {
    margin-top: 15px; 
    margin-bottom: 30px; 
  }
  .region-header .nav > li > a {
    font-size: 1.1em; 
    padding-left: 10px; 
    padding-right: 10px; 
  }
  .user-register-form.view-only .btn-situation.infos-persos, .user-register-form.view-only .btn-situation {
    margin-top: 0px; 
  }
}

@media(max-width:768px) {
  article.slider.full .field--name-body {
    display: none;
  }
  .account-wrapper {
    width: 100%; 
  }
  .account-wrapper .logo img {
    height: 100%; 
    width: auto; 
  }
  .account-wrapper .logo {
    margin: 0; 
  }
  .region-header .nav > li > a {
    font-size: 1.0em; 
    padding-left: 5px; 
    padding-right: 5px; 
  }
  /* nav burger */
  .main-container .flex-wrapper {
    display: block;
  }
  .navbar-nav {
    margin: 0; 
  }
  .main-container .panel-heading {
    text-align: center; 
  }
  .btn-situation.infos-persos::content {
    color: #00FF00; 
  }

  .raisons-cotiser-wrapper span.fleche {
    display: none;
  }

  .raisons-cotiser-wrapper .raisons-cotiser-inner {
    padding: 15px;
  }
}

.quick-login-confirmation a {
  font-size: 1.2em; 
}
.quick-login-confirmation {
  text-align: center; 
  font-size: 1.2em; 
}
.user-password h1 {
  display: none;
}

h2.return-payment {
  background-color: #dd3135;
  color: #fff;
  padding: 0.2em;
  display: inline-block;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.amf-wrapper {
  border: unset;
}

.webform-drupal-datetime-picker {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
}

.webform-submission-demande-accompagnement-afcm-amf-form label.control-label {
  display: inline-block;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #dd3135; 
}
.pagination > li > a, .pagination > li > span {
  color: #dd3135; 
}


.dark .mount-container.fullscreen,
#flip-book-window .modal-body .mount-node.fullscreen,
#flip-book-window .modal-content {
  background-image: unset;
  background-color: #dc3235;
}


/* refund validation */
.iban-valid {
  border-color: #28a745 !important; /* vert */
  box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.25);
}
.iban-invalid {
  border-color: #dc3545 !important; /* rouge */
  box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25);
}
.table > tbody > tr.views-field-approval-date > td a {
  color: #000000; 
}
.table > tbody > tr.accept > td {
  background-color: #dff0d8; 
}
.table > tbody > tr.accept > td a {
  color: #3c763d; 
}
.table > tbody > tr.reject > td {
  background-color: #FFE5E5; 
}
.form-item-approval-comments label {
  vertical-align: top;
  margin-top: 15px;
}
.form-item-approval-comments .form-textarea-wrapper {
  vertical-align: top;
  margin-top: 15px;
  width: 69%;
  display: inline-block; 
}
.refund-validation-form .result {
  border: 2px solid #ffb03b; 
  background-color: #F6F6F6; 
  padding: 15px;
  margin-bottom: 30px; 
}
.refund-validation-form .result.compta {
  border-color:#3c763d; 
}
.refund-validation-form h4 {
  color: #ffb03b; 
  margin-top: 0; 
  text-align: center; 
  margin-bottom: 30px; 
}
.refund-validation-form .result.compta h4 {
  color:#3c763d; 
}
.refund-validation-form .form-actions {
  padding-top:  30px; 
}