.DivBlocContainer {
  display: flex;
  justify-content: space-between; /* ou space-around / space-evenly selon le rendu souhaité */
  gap: 100px; /* optionnel : espace entre les deux */
}

.DivBlocLeft {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.DivBlocLeftWhois{
	display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}
.ImgWrapper {
  position: relative;
  width: 100%;
  z-index: 0;
}

.ImgWhoIs {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.footer-section{ position: relative;
  z-index: 10;}
.overlay-text-imgWhois {
  position: absolute;
  top: 45%;
  left: 20%;
  transform: translate(0, 0);
  color: white;
  background:rgba(168, 161, 161, 0.5);
  padding: 40px;
  border-radius: 10px;
  box-sizing: border-box;
  
  width: auto;
  
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  height: auto; 
max-width: 500px;
font: normal normal normal 17px/33px Poppins;
}

.overlay-text-imgWhois h1,
.overlay-text-imgWhois p {
  font-size: clamp(14px, 2vw, 20px);
}

.DivBlocLeft,
.DivBlocRight {width: 100%;margin-bottom: -25px;}
.BlocAdresse div{color:#48768B; display: flex; gap: 10px}
.BlocAdresse {border-top: 1px solid #D8E0EC;margin-top: 15px;padding-top: 15px;}

.form_ContactUs-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.form_ContactUs-container h2 {
    text-align: center;
}

.form_ContactUs-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.form_ContactUs-group input,
.form_ContactUs-group textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
   	border-radius: 20px;
	  border:none;
}
.form_ContactUs-group textarea {
    resize: vertical;
    height: 150px;
}
.form_ContactUs-group button {
    background-color: #7EBBD8;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    width: 108%;
	border-radius:25px;
}
.form_ContactUs-group button:hover {background-color: #7EBBD8;}
.form_ContactUs-group input::placeholder,.form_ContactUs-group textarea::placeholder {color: #97AAC8;opacity: 1;font-size:16px;}
.form_ContactUs-group input:focus,.form_ContactUs-group textarea:focus {outline: none;}
.form_ContactUs-group textarea::placeholder {font-size:18px;}
.form_ContactUs-group textarea{resize: none;height:100px;}
.form_ContactUs-row {display: flex;gap: 20px;flex-direction:row;width:100%;}
.form_ContactUs-row .form_ContactUs-group {flex: 1;}

.map-ContactUs{height:25px;width:69%;}
.white-section-map-ContactUs{height: 885px;margin-top: -830px !important}

.custom-white-input::placeholder {
  color: rgba(72, 118, 139, 0.5) !important; /* même teinte que le texte, mais 50% opaque */
}

.centre-labellise-item-content-wrapper {
  position: relative; /* 💡 permet à info-box de s’ancrer ici */
  display:flex;
  flex-direction:column;
  gap:30px;
  background: #F2F9FC 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding:40px;
  /* width:100%; */
}


.info-box-wrapper {display: flex;flex-direction: column;gap: 20px;}
.info-box-title {font-family: Poppins, sans-serif;font-weight: 600;font-size: 20px;color: #13516E;}
.info-box-content {display: flex;flex-direction: column;gap: 10px;}
.info-box-link {display: flex;gap: 10px;align-items: center;text-decoration: none;}
.info-box-link img {height: 20px;width: 15px;}
.info-box-text {font-family: Poppins, sans-serif;font-size: 15px;color: #48768B;}

.map_google_info_box_SecondairesEnglobant{position:relative;}
.map_google_info_box_Secondaires {padding:15px !important;width:fit-content;position: absolute !important;bottom:5px !important;left:5px;}

.map_google_info_box_Secondaires div {font-size: 10px;}
.map_google_info_box_Secondaires .info-box-title {margin-bottom: -15px;}
.map_google_info_box_Secondaires .info-box-textt {margin-bottom: -15px !important;font-size:13px !important;}
.map_google_info_box_Secondaires .info-box-link {margin-bottom: -5px !important;font-size:13px !important;}
  
.justify-right {margin-left: auto;display: flex;flex-direction: column;gap: 10px;}

.btn-envoyer {
  height: 50px;
  /* padding: 13px; */
  background: #7EBBD8 0% 0% no-repeat padding-box;
  border-radius: 25px;
  outline: none;
  border: none;
  color: white;
  font: normal normal normal 15px/33px Poppins;
  letter-spacing: 0px;
  cursor: pointer;
  transition: background 0.3s ease;
  width: 100%;
}

.btn-envoyer:hover {
  background: #5fa4c6; /* couleur légèrement plus foncée au survol */
}

.MapInfobulle {
  color:#13516E;	
  font: normal normal normal 14px/33px Poppins;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap:20px;
}

.MapInfobulle p {
  color:#48768B;	
  margin: 0 0 4px 0; /* Réduit l'espacement entre les lignes */
  font-weight: 350;
}
.titre-infobulleMap{
	font-weight: 500; /* ou 300 pour plus fin */
  font-size: 25px;
  }
.map-infobulle-clock {
color: #92D7DF;
  font-size: 40px;
  margin-bottom: 15px;
  display: block;
  text-align: center;
  margin-top: -15px;
}
.MsgRetourContact{font: normal normal normal 17px/33px Poppins;color:#48768B;display:none;}
.HeaderSansImg{display:none;}



.Whois_Separateur {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 30px 0;
  width: 400px; /* Même largeur que les inputs */
  /* width: 55%;  */
  color: #48768B;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.Whois_Separateur::before,
.Whois_Separateur::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
}

.Whois_Separateur::before {margin-right: 10px;}
.Whois_Separateur::after {margin-left: 10px;}
.Whois_Separateur span {  color: #aaa;  font-weight: 500;  font-size: 14px;}
.form_Whois-container .custom-white-input {
  background-color: #e6f4fa; /* bleu clair */
  border-radius: 20px;
  padding: 12px 16px;
  width: 400px;
  box-sizing: border-box;
}

.form_Whois-container .custom-white-input::placeholder {  color: #6894A8;  opacity: 0.7;}

.form_Whois-container {
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: center;
  align-items: center;
  padding-top: 220px;
  padding-bottom: 120px;
}

.form_Whois-container .custom-white-input-wrapper {
    position: relative;  /* Permet de positionner l'icône à l'intérieur du champ */
    display: inline-block;
}

.calendar-icon {position: absolute;top: 49%;right: 55px;transform: translateY(-50%);font-size: 18px;color: #6894A8;cursor: pointer;}
.right-shadow {border-right: solid 1px #f4f5f7;margin-bottom: -25px;}

.WhoIsResult_FullDiv{	
    color: white;    
    text-align: left;
    width: 100%;
	margin-top: 20px;
}
.WhoIsResult_2col{
	display: flex;
  justify-content: space-between;
  gap: 100px;
}
.WhoIsResult_1Col{width:100%;border-radius: 8px;display: flex;flex-direction: column;gap: 20px;}
.WhoIsResult_nested-div{    background-color: #ffffff;
  border-radius: 20px;
	padding: 40px;
	}
.column .WhoIsResult_nested:last-child {
    margin-bottom: 0;
}

.nouvelle-recherche-btn{
    background-color: transparent;
    border: 1px solid #13516E; 
    color: #13516E;
    padding: 12px 30px;
    font-size: 16px; 
    border-radius: 30px;
    cursor: pointer; 
    transition: all 0.3s ease;
}
.nouvelle-recherche-btn:hover {color: #7EBBD8;border-color: #0056b3;}
.nouvelle-recherche-btn a {
  all: unset;
  cursor: pointer;
  display: inline-block; /* pour que le lien se comporte comme un élément cliquable */
  width: 100%;
  height: 100%;
}



.pageWhoisResult{gap:35px !important;padding-bottom: 75px !important;padding-top: 75px !important;}
.whoisResul_Container{display: flex;gap: 20px;justify-content:space-between;}
.WhoisBlocCert{padding:0px; }
.whoisResult_PastilleVerte,.whoisResult_PastilleRouge,.whoisResult_Call{border-radius: 45px;padding: 15px;width: fit-content;margin-top: 0px;text-align: center;font:normal normal normal 15px/33px Poppins;}
.whoisResult_PastilleVerte{color:#69DFBB;background-color: #CCFFF0;}
.whoisResult_PastilleRouge,.whoisResult_Call{color:#FF7660;background-color: #FFDAD4;}
.whoisResult_Call{display: inline-block;
  margin-right: 10px; /* ou moins selon l'espacement voulu */
  min-width: 50px;
  text-align: center;
  padding: 5px 10px;
  display: inline-block;margin-left: 10px;
  white-space: nowrap;
  }
/* .WhoIsResult_nested-div .whoisResult_Call:first-child {margin-left: auto;} */
.popupCall {position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center;}
.modalcontentpopupCall {
  background: white;
  padding: 20px;
  border-radius: 10px;
  max-width: 500px;
}
.close {
  float: right;
  font-size: 20px;
  cursor: pointer;
}

dialog#myModalpopupcall {
  border: none;
  border-radius: 25px;
  padding: 30px 40px 30px 40px;
  box-shadow: 0 10px 40px #13516E33;  
  overflow: visible; /* Permet de visualiser le bouton pour fermer le modal */
  max-width: 80%
}
dialog::backdrop {
  background: #53849B;
  opacity: 0.2;
}

.modal-message {margin-bottom: 20px;min-height: 100px;}
.modal-wrapper{
    max-height: 90vh;
    overflow-y: auto;
}

dialog button {
 position: absolute;
 height: 50px;
 width: 50px;
 background: #DCF5FF 0% 0% no-repeat padding-box;
 border: none;
 border-radius: 25px;
  top: -15px;
  right: -15px;
}
#myModalpopupcall span a {
  color: inherit;          
  text-decoration: none;   
  border:none;
  outline:none;
}
#myModalpopupcall span{border:none;}
#myModalpopupcall span a:hover {
  text-decoration: underline;
  border:none;
}




td[name="Certif_Col1"],td[name="Certif_Col2"],td[name="Certif_Col3"],.Certif_data {padding: 8px 12px;border: none;font-size: 16px;color:#92D7DF;font-weight:bold;}
td[name="Certif_Col1"]{width:60%;}
.Certif_data{font-weight:600;color:#53849B;border-bottom:1px solid #D8E0EC;padding-bottom: 20px;padding-top: 20px;padding-left:0px;}
table[name="table_Certif_Whois"]{width:100%;text-align:left;}
table[name="table_Certif_Whois"] tr:last-child td.Certif_data {border-bottom: none;}
.icone_WhosIsResult{padding-right: 10px;margin-bottom: -5px;}
.icone_licence_WhosIsResult{margin-bottom: -2px;}
input#error {color: red;background-color: #f9dada;}
.BtnAvecPointer,.AAvecPointer{cursor: pointer !important;}
.calendar-btn-wrapper .custom-select{font-family: sans-serif;}
.truncated-text {
  /* max-height: 100px;
  min-height: 100px;
  height: 100px; */
  overflow: hidden;
  position: relative;
  font-size:12px !important;
  line-height: 24px !important;

}
/* .Atv-title{min-height:100px !important;} */

.truncated-text:hover {overflow-y: auto;}
.truncated-text::-webkit-scrollbar {width: 8px;}
.truncated-text::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
.truncated-text::-webkit-scrollbar-thumb {background: #92D7DF;border-radius: 4px;}
.truncated-text::-webkit-scrollbar-thumb:hover {  background: #4F8EAB;}
.TextCenter{text-align:center;}
.TextLeft {text-align:left;}

.center-wrapperActu {justify-content: center;width: 100%;}

.hippoVide{width:auto !important;word-break: normal !important; max-width:300px;}
.LienUtiles a{color: #48768B;}
.LienUtiles ul{text-align: left;}
.pastilleCaractéristiques{text-align: left;font: normal normal normal 13px/25px Poppins !important;letter-spacing: 0px;
color: #4DB6DF !important;opacity: 1;background: #D4F3FF 0% 0% no-repeat padding-box !important;}
a.disabled-link {
  pointer-events: none;
  cursor: default; /* facultatif : change le curseur */
  color: grey;     /* facultatif : indique visuellement qu’il est désactivé */
  text-decoration: none;
}

.badge-AM,.badge-MC,.badge-MF{font: normal normal normal 15px/25px Poppins;padding:10px 25px 10px 25px !important;border-radius: 25px;text-align:center;}
.badge-AM{color:#FF983E;background:#FFE8D4 0% 0% no-repeat padding-box;}
.badge-MC{color:#4DB6DF;background:#D4F3FF 0% 0% no-repeat padding-box;}
.badge-MF{color:#69DFBB;background:#CCFFF0 0% 0% no-repeat padding-box;}
.hidden {display: none;}
.font-weight-600{font-weight: 600;}
.font-size-13{font-size:13px;}
.TexteBleu{color:#4DB6DF;}
.TexteRouge{color:#FF7660;}

.clubsDetails-container {
  background-color: #f9fdff;
  border-radius: 12px;
  padding: 16px;
  font-family: 'Segoe UI', sans-serif;
  max-width: 500px;
  margin: 0 auto;
  font-size: 14px;
  color: #1b1e21;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}

.clubsDetails-header {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  color: #1b1e21;
}

.clubsDetails-session {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0;
  border-top: 1px solid #e1e7ed;
  color:#53849B;
}

.clubsDetails-session:first-of-type {
  border-top: none;
}

.clubsDetails-address {
  color: #53849B;
}

.clubsDetails-info {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 14px;
  color:#53849B !important;
}

.clubsDetails-type {
  color: #4fc3dc;
  font-weight: 500;
  text-align:right;
}

.clubsDetails-chevron {
  font-size: 16px;
  color: #8a96a3;
}
.clubsDetails-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  align-items: flex-end;
}

.clubsDetails-type-wrapper {
  font-weight: 500;
  color: #4fc3dc;
}

.clubsDetails-schedule div {
  margin-top: 2px;
  color:#53849B;
  text-align:right;
}

.clubsDetails-schedule span {
  margin-right: 0px;
}
.ClubEntiteNom{color:#53849B;}
.clubsDetails-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* aligne tout à droite */
  text-align: right;
  font-size: 14px;
}

.clubsDetails-type {
  font-weight: 500;
  color: #4fc3dc;
  margin-bottom: 4px;
}

.clubsDetails-schedule {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.clubsDetails-schedule span {
  margin-left: 6px;
}

.header-img-container.Img404 {
  display: flex;
  flex-direction: column;
  align-items: center;  /* centre horizontalement */
  justify-content: center; /* centre verticalement si hauteur fixe */
  text-align: center;
  height: 150%;
}

.header-img-container.Img404 img {
  max-width: 45%;
  height: auto;
  top: 95px;
}

.ItemTableResultGlobale{font: normal normal 600 20px / 33px Poppins;letter-spacing: 0px;color: #13516E;padding-bottom: 25PX;}
.TableResultGlobale ul {columns: 3;column-gap: 5rem;}
.TableResultGlobale li{margin-top:0px;padding-left:10px;height: fit-content;}
.TableResultGlobale a{color: #48768B !important;font: normal normal normal 17px / 33px Poppins;}


@media screen and (max-width : 1200px){

  .DivBlocContainer {flex-direction: column;align-items:center;gap: 50px;} /* text-align: center;*/
  .BlocAdresse {display: flex;flex-direction: row;justify-content: space-around;}
  .BlocAdresse {flex-direction: column;align-items: center;gap:15px;}
  .form_ContactUs-row {flex-direction: column;}
	.pageWhoisResult{padding-bottom: 50px !important;}
	.justify-right {width:40%;}
	.CalendarFormationsResult .flex-row{flex-direction:row !important;}

  .ImgWhoIs {
    height: 550px;
  }

  .form_Whois-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .WhoIsResult_2col {
    flex-direction: column;
    gap:20px;
  }
  
}

@media screen and (max-width: 850px) { 
  .contact-footer{padding-top:100px !important;top:150px;}
  .map-ContactUs{width:89.5%;}
  .titre-infobulleMap{font-size: 15px !important;}
  .MapInfobulle p{font-size: 13px !important;}
  .map-infobulle-clock {font-size: 25px !important;}
  .map_google_info_box {padding:15px !important;}
  .map_google_info_box div{font-size:10px !important;}
  .info-box-link{height:15px;}
  .form_Whois-container .btn-envoyer{margin-left: 0px !important;}

  .right-shadow{border:none !important;}
  .overlay-text-imgWhois{font-size:14px;width: 45%;}
  .pageWhoisResult{padding-bottom: 50px !important;}
  .WhoIsResult_FullDiv{margin-bottom: 30px !important;margin-top: -5px !important;}
  td[name="Certif_Col1"], td[name="Certif_Col2"], td[name="Certif_Col3"]{    padding: 8px 7px !important;}
  .justify-right {flex-direction: row !important;width: 70%;}
  .TableResultGlobale ul {columns: 2 !important;}
  
  /* .img2_txt3_txt_image_wrapper {height: 357px !important;} */
   
}

@media screen and (max-width: 750px) {
	.clubsDetails-session {
    flex-direction: column-reverse; /* ClubEntiteNom sous clubsDetails-info */
    align-items: stretch;
  }  .ClubEntiteNom,
  .clubsDetails-info {
    max-width: 100%;
	align-items: flex-start;
  }
  .clubsDetails-schedule,.clubsDetails-address{margin-left:10px;}
  .clubsDetails-schedule div{text-align:left;}
  .clubsDetails-type{font-weight:bolder;font-size:16px;}
}



@media screen and (max-width: 550px) {

	
/* .map_google_info_box{bottom: 270px !important;padding: 30px !important;} */
/* .WhoisBlocCert{margin-left: 50px;width: 86% !important;} */
.DivBlocContainerFixe{width:100%;}
.right-shadow{border:none !important;}
.overlay-text-imgWhois{font-size:13px;top: 45%;left: 20%;width: 50%;}
.pageWhoisResult {width: 82% !important;}
/* .map_google_info_box_Secondaires {bottom: 225px !important} */
.justify-right {width: 100%;}

  .form_Whois-container .custom-white-input {
    width: 100%;
  }

  .form_Whois-container .custom-white-input-wrapper {
    width: 80%;
  }

  .calendar-icon {
    display: none;
    visibility: hidden;
  }
  
/* .WhoisBlocCert
  .Whois_Separateur {
    width: 80%;
  }*/
  /* .map_google_info_box { color:red !important;} */
 /* }     */

}

@media screen and (max-width: 487px) {
	/* .map_google_info_box{bottom: 335px !important;} */
}


@media screen and (max-width: 450px) { 
/* .map_google_info_box{padding: 20px !important;} */
.WhoIsResult_1Col{flex-direction: column;}
.pageWhoisResult {width: 78% !important;}
/* .WhoisBlocCert{margin-left: 49px;} */
.DivBlocContainerFixe{width:100%;}
.right-shadow{border:none !important;}
.overlay-text-imgWhois{font-size:12px;top: 43%;left: 20%;width: 60%;}
input[name="TexteChoix"] {min-width:150px;}
.justify-right {flex-direction: column !important;}
.TableResultGlobale ul {columns: 1 !important;}

}  

/* @media screen and (max-width: 300px) {.map_google_info_box{padding: 10px !important;}} */

@media screen and (max-width: 350px) { 
/* .WhoisBlocCert{margin-left: 37px;width: 100% !important;} */
.DivBlocContainerFixe{width:100%;}
.whoisResult_Call{margin-bottom:15px;}
.table_Certif_Whois td{font-size:12px !important;}
.DivBlocRight{width:100%;}
.form_Whois-container input{width: 100% !important;}
.form_Whois-container input::placeholder{font-size:13px;}
.right-shadow{border:none !important;}
.overlay-text-imgWhois{font-size:11px;top: 33%;left: 17%;width: 70%;}
.pageWhoisResult {width: 91% !important;}
}  

/* @media screen and (max-width: 339px) { */
	/* .map_google_info_box{bottom: 395px !important;} */
/* } */

.BlocAdresse img {fill:#92D7DF;opacity: 1.2;}


@media screen and (max-width : 850){
    .form_ContactUs-row {
        flex-direction: column;
    }
}

.Texte_Footer h2,.Texte_Footer h3{    
  color: #13516E;
  letter-spacing: 0px;
  }
.Texte_Footer h2 {
  font: normal normal 600 28px/55px Poppins;
}
.Texte_Footer h3 {
  font: normal normal 600 20px/33px Poppins;
}


.Texte_Footer p, .Texte_Footer li, .Texte_Footer a {
  color : #48768B;
}


.Texte_Footer p { /* .Texte_Footer li */    
	font: normal normal normal 15px/33px Poppins;
  margin: 0px;
  /* margin-top: 12px; */
  margin-top: 0px;
  margin-bottom: 15px;
  max-width: 1280px;
	letter-spacing: 0px;
	}

.Texte_Footer a{text-decoration:underline;}
.protectCookieBanner-Notice-body,.modal-cookies-content{font: normal normal normal 17px/33px Poppins;color: #48768B;}

.boutonCookies,.boutonCookiesRight,.modal-cookies-button,.modal-cookies-disabled,.slider,.modal-cookies-button2 {  
  border: 1px solid var(--color-blue-light) !important;
  color:var(--color-blue-light)!important;
  background-color:white !important;
  
} 

input:checked + .slider::before {
  transform: translateX(26px);
}
.slider::before {
  position: absolute;
  content: "";
  height: 23px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 8px;
}
.slider{
  background-color:#4F8EAB !important;
  border : none
}

.modal-cookies-button:disabled, .modal-cookies-button2:disabled {
  color: white !important;
  background-color: #4F8EAB !important;
}



.gmnoprint{display:none ;}

.records-items-wrapperTexteAuto{grid-template-columns: none !important;}
.document-utile-itemTexteAuto{width:fit-content !important;}


 #info-box {
  position: fixed; /* ou absolute si à l'intérieur d'un conteneur positionné */
  bottom: 20px;    /* marge du bas */
  right: 20px;     /* marge de droite */

}


@media (max-width: 480px) {
  #info-box {
    /* bottom: 8px;
    right: 20px; */
    max-width: 95vw;
    font-size: 14px;
  }
}

@media (max-width: 350px) {
  #info-box {
    max-width: 75vw;
    
  }
  
}

@media (max-width: 450px) {#info-box {padding:30px;}}
@media (max-width: 350px) {#info-box {padding:20px;}}
@media (max-width: 300px) {#info-box {padding:10px;}}