.field--name-field-nombre::before {
    margin-right: 4px;
    content: "+";
}

/*responsive for menu upper*/

@media (max-width: 768px) {
  .tab {
    flex-direction: column; /* Stack buttons vertically */
  }

  .tablinks {
    width: 100%; /* Make the buttons full width */
    margin: 5px 0; /* Add spacing between buttons */
    padding: 12px; /* Adjust padding for better look on mobile */
  }
}

/* Responsive Brochures*/ 

@media (max-width: 768px) {
  .views-view-grid {
    display: block;
  }

  .views-row {
    display: block;
  }

  .views-col {
    width: 100% !important; /* Ensure each column takes up the full width */
    margin-bottom: 20px; /* Add some spacing between the items */
  }
}


/*Responsive Contactez Nous*/

@media (max-width: 768px) {
  #contact-details {
    flex-direction: column;
  }
  
  #contact-details > div:first-child {
  	width: 100% !important;
  
} 
#contact-details > div:last-child{
  	width: 100% !important;
  }
  
  .field.field--name-field-contactez-nous.field--type-webform.field--label-hidden.field--item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
}

/* Responsive styles for mobile: part sub menu on the left  */
@media (max-width: 768px) {
  .two-column-layout {
    flex-direction: column;
  }

  .left-column,
  .right-column {
    width: 100%; /* Each column takes up 100% of the width on mobile */
  }
  
    
  .content-section > div {
    flex-direction: column; /* Ensure vertical stacking on mobile */

}
  .content-section > div > div{
  	width:100% !important;
}
.content-section img {
  width: 100%; /* Sets image width to 180% of its container */
  margin-bottom: 20px; /* Optional: Adds space below the image */
}

}
 /*responsive sub pages*/
 @media (max-width: 768px) {
 td {
    display: flex;
    flex-direction: column;
}

.left-column{ 
	width: 100% !important;
	
}
.vertical-menu li {
	width: 100% !important;
}

.content-section {
	width: 120%;
}

}
/************* Margin For All Block *************/
section#block-views-block-nos-brochures-block-1 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

section#block-views-block-nos-chiffres-block-1 {
	 margin-top: 5rem;
   margin-bottom: 5rem;
}

/***** Remove Whitespace in header *****/
#hdf-bnr{
	display:none;
}

.field.field--name-field-contactez-nous.field--type-webform.field--label-hidden.field--item {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

/*********  Contact Form **********/
  form.webform-submission-form.webform-submission-add-form.webform-submission-webform-centres-form.webform-submission-webform-centres-add-form.webform-submission-webform-centres-paragraph-586-form.webform-submission-webform-centres-paragraph-586-add-form.js-webform-details-toggle.webform-details-toggle.contextual-region {
  background-color:#F8F9F8;
  padding: 60px;
}

/************ Nos Brochure*****************/

.field--label-hidden > h2 {
    font-size: 20px;
    float: left;
}

.views-view-grid .views-col {
    float: left;
    width: 20%;
    margin-right: 5%;
}
  
  /********** Style for the figures section *******/
  
  .fp-chiffres .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .views-row {
    flex: 1;
    text-align: center;
    margin: 10px;
    box-sizing: border-box;
  }

  .views-row .field--name-field-nombre {
    display: block;
    font-size: 2em;
    color: #009CB6;
    margin: 10px 0;
  }

  .views-row .field--name-field-custom-icon span {
    font-size: 4em;
    display: block;
    margin-bottom: 15px;
  }

  .views-row article h2 {
    font-size: 2em;
    margin-top: 20px;
    font-weight: normal;
    color: #009CB6;
  }

 article.contextual-region.evenements-hdf.teaser.clearfix > h2 {
    display: none;
}

  .views-row article {
    margin: 0;
    padding: 0;
  }


/**************For H2**************/

.hdf-actus-fp .view-content > div:first-of-type .content > div:last-of-type section:last-of-type > .field--name-body  img{
  position: relative;
} 

h2.block-title {
  position: relative;
  margin-bottom: 20px; 
  width: fit-content;
  display: flex;
}

h2.block-title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 3px; 
  background-color: #00a8c1;
}




/******For Vertical Menu*****************/

.vertical-menu li:hover {
    border: 1px solid #009CB6;
    background-color: white;
    color: black;
}

/*#Tab3 > h2 {*/
/*    width: fit-content;*/
/*}*/

.vertical-menu li {
    border: 1px solid #009CB6;
    background-color: #009CB6;
    color: white;
    width: 220px;
}

* {
	 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.menu-item.active {
    color: #009CB6;
    background-color: white;
}

.svg-inline--fa.fa-w-20 {
    height: 5rem!important;
    width:5rem!important;
    color: #009CB6;
}

.svg-inline--fa.fa-w-18 {
    height: 5rem!important;
    width:5rem!important;
    color: #009CB6;
}

.fontawesome-icons > .fontawesome-icon > .svg-inline--fa.fa-w-16 {
    height: 5rem!important;
    width:5rem!important;
     color: #009CB6;
}

.field-content > a > img.img-responsive {
    height: 200px!important;
}

svg.svg-inline--fa.fa-heart.fa-w-16 {
    width: 1.5rem!important;
    height: 1.5rem!important;
}


.svg-inline--fa.fa-w-20:hover {
    color: #004d74;
}
.views-row .field--name-field-nombre:hover {
	   color: #004d74;
}

.svg-inline--fa.fa-w-18:hover {
    color: #004d74;
}

.svg-inline--fa.fa-w-16:hover {
    color: #004d74;
}