/*--------------------------------------------------------------
# Modal : pop-up
--------------------------------------------------------------*/
.fichemodal a{
  border-radius: 10px;
  text-decoration: none;
}
.fichemodal{
  height: 100%;
}
.modal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  max-width: none;
}
.modal.active{
  display: block;
}
/* MODIF SL - 16-05-2024 */
.fichemodal img{
  width: 100%;
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
}
/* END MODIF SL - 16-05-2024 */
.modal-content {
  margin: 10% auto;
  max-width: 720px;
  width: 100%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  animation-name: modalopen;
  animation-duration: var(--modal-duration);
  background: #000;
}
.modal-header {
  text-align: right;
  color: #fff;
  padding: 0 .3em;
  font-size: 2em;
  line-height: 1;
}
.modal-header .close:hover{
  cursor: pointer;
}
.interview .wp-block-column{
  position: relative;
}
.interview h3{
  color: #36363F;
}
.temoignage-card .fichemodal:hover,
.interview .fichemodal:hover{
  background-color: var(--wp--preset--color--primary);
}
.temoignage-card .fichemodal:hover *,
.interview .fichemodal:hover *{
  color: #fff;
}
.interview .is-vertical{
  gap: 0;
}
.temoignage-card p.has-text-align-right,
.interview p.has-text-align-right{
  text-decoration: underline;
  font-size: .875rem;
  font-family: "Tahoma-bold";
  color: var(--wp--preset--color--tertiary);
}
.yt-lite {
	position: relative;
	display: block;
	background: center center / cover no-repeat;
	width: 100%;
	aspect-ratio: 16/9;
	cursor: pointer;
	max-width: 100%;
}

.yt-lite > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.yt-lite .play-button {
  width: 68px;
  height: 48px;
  background-color: #212121;
  z-index: 2;
  opacity: 0.8;
  border-radius: 14%;
  transition: 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.yt-lite .play-button:before {
  content: "";
  border-style: solid;
  border-width: 11px 0 11px 19px;
  border-color: transparent transparent transparent white;
  position: absolute;
  left: 26px;
  top: 16px;
}

.yt-lite:hover .play-button {
  background-color: #f00;
  opacity: 1;
}
@media screen and (max-width: 1081px){
  .modal-content{
    max-width: 95%;
  }
  .modal-content iframe{
    width: 100%;
  }
}
/*--------------------------------------------------------------
# Recherche
--------------------------------------------------------------*/
body.search #primary .wp-block-group {
	gap: 3rem;
	display: flex;
	flex-direction: column;
  max-width: 60%;
  margin: 3rem auto;
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.schema-faq {
	display: flex;
	flex-direction: column;
	gap: 0rem;
	margin: 2rem 0;
	max-width: 1100px !important;
	width: 100%;
}
.schema-faq.full{
  max-width: none!important;
}
.schema-faq-section {
	cursor: pointer;
	border-bottom: 1px solid #909090;
  padding: 1em 0;
  position: relative;
}
.schema-faq-section:last-child{
  border-bottom: none;
}
.schema-faq-question {
	cursor: pointer;
	font-family: "Tahoma-bold";
	font-size: 1.125rem;
	position: relative;
	display: block;
  color: var(--wp--preset--color--primary);
  max-width: 95%;
}
.schema-faq-question .fa-arrow{
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -2rem;
}
.schema-faq-question .fa-arrow i {
	background: var(--wp--preset--color--primary);
	border-radius: 100%;
	padding: .5rem;
	color: #fff;
	aspect-ratio: 1/1;
	align-items: center;
  justify-content: center;
  width: 30px;
}
.schema-faq-question .fa-arrow i:before{
  font-size: 1rem;
}
.schema-faq-question .fa-circle-arrow-right,
.schema-faq-question .fa-circle-arrow-down{
  min-height: 30px;
  min-width: 30px;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.schema-faq-answer {
	margin-top: 1em;
	font-size: .938rem;
  font-weight: 400;
	line-height: normal;
  color: var(--wp--preset--color--primary);
}
@media only screen and (max-width: 1080px) {
  .schema-faq-section{
    padding: 1rem;
  }
}
/*--------------------------------------------------------------
# CF7
--------------------------------------------------------------*/
.wp-block-search__button.has-icon{
  background-color: var(--wp--preset--color--primary);
}
input, button, textarea, select{
  width: 100%;
  max-width: 100%;
  margin-top: .5rem;
}
.wpcf7-inline-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wpcf7-inline-wrapper .wpcf7-inline-field {
  width: 50%;
  display: table-cell;
  vertical-align: top;
  padding: 0px .5rem;
}
.wpcf7-inline-wrapper.right p input{
float: right;
}
input, button, textarea, select{
padding: 1rem;
border: 1px solid var(--wp--preset--color--contrast);
background-color: var(--wp--preset--color--base);
}
.wpcf7-inline-wide{
margin: 0;
}
.wpcf7-inline-wrapper{
margin: .5rem 0;
}
input::placeholder, textarea::placeholder{
opacity: 1;
color: #000;
}
.wpcf7 p{
margin: 0;
line-height: 1;
}
.wpcf7-inline-wrapper .wpcf7-inline-field:first-child{
padding-left: 0;
}
.wpcf7-inline-wrapper .wpcf7-inline-field:last-child{
padding-right: 0;
}
.wpcf7 form.sent .wpcf7-response-output{
margin: 2rem 0;
border: none ;
background: var(--wp--preset--color--base);
}
label,
input:not(input[type="submit"]){
  color: var(--wp--preset--color--primary);
  font-size: .875rem;
}
input:not(input[type="submit"]){
  font-family: "Tahoma-bold";
  padding: .5rem .75rem;
}
.all_etablissements .type-etablissement .title a,
.title, .ville{
  font-family: "Tahoma-bold";
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--wp--preset--color--primary);
}
.ville{
  font-family: "Tahoma", sans-serif;
  font-weight: 400;
}
.leaflet-popup-content a{
  color : #005151!important;
}
@media only screen and (max-width: 768px) {
  .wpcf7-inline-wrapper .wpcf7-inline-field{
    width: 100%;
    display: block;
    padding: 0!important;
  }
  .wpcf7-inline-wrapper .wpcf7-inline-field:last-child{
    margin-top: .5rem;
  }
}
/*--------------------------------------------------------------
# Faq perso
--------------------------------------------------------------*/
.classement > *{
  margin: 3rem 0;
}
.classement .faq .wp-block-group,
.classement .grid > div{
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.classement .grid .title a{
  text-decoration: none;
  color: #fff;
}
.classement .grid .title,
.classement .faq h3{
  margin: 0;
  padding: .5rem 1rem;
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--base);
  min-height: 70px;
  display: flex;
  align-items: center;
}
.classement .faq .wp-block-yoast-faq-block,
.classement .grid .questions{
  padding: 0 1.5rem;
}
.classement .grid .questions li{
  margin: 1rem 0;
}
.classement .grid .questions li a{
  text-decoration: none;
}
.classement .grid .questions li a:hover{
  text-decoration: underline;
}
.classement .faq{
  display: flex;
  flex-direction: column;
  align-content: start;
  gap: 2rem;
}
.classement .faq .wp-block-group{
  width: 100%;
}
.classement .faq .wp-block-yoast-faq-block .schema-faq-section{
  position: relative;
}
.classement .faq .wp-block-yoast-faq-block .schema-faq-question{
  max-width: 90%;
  position: initial;
  font-size: clamp(0.938rem, 0.185vw + 0.903rem, 1.125rem);
}
.classement .faq .wp-block-yoast-faq-block .schema-faq-question .fa-arrow {
	position: absolute;
	top: 2rem;
	transform: translate(0, -50%);
	right: 0rem;
}
body.page-id-14224 .has-secondary-background-color{
  border-radius: 2rem;
}
.has-secondary-background-color .wp-block-search__inside-wrapper {
  padding: 0;
  border-color: #fff;
  flex-direction: column;
}
.has-secondary-background-color .wp-block-search__button{
  padding: 1rem;
  color: #fff;  
}

@media only screen and (min-width: 1083px){
  .classement .grid{
    column-count: 3;
    column-gap: 2rem;
  }
  .classement .grid > div{
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 2rem;
    break-inside: avoid;
  }
  .has-secondary-background-color .wp-block-search__inside-wrapper{
    flex-direction: row;
  }
  body.page-id-14223 .entry-content .has-secondary-background-color,
  body.page-id-14223 .wp-block-search__inside-wrapper,
  .classement .grid > div,
  .classement .faq .wp-block-group{
    border-radius: 2rem;
    overflow: hidden;
  }
  body.page-id-14223 .wp-block-search input{
    border-radius: 2rem 0 0 2rem;
  }
  body.page-id-14223 .wp-block-search input::placeholder{
    opacity: .5;
    font-family: 'Tahoma',sans serif;
    font-weight: 600;
  }
  .classement .grid .title,
  .classement .faq h3{
    border-radius: 2rem 2rem 0 0;
  }
}
@media only screen and (max-width: 1082px){
  .wp-block-search__button{
    margin: auto;
  }
  .classement .grid{
    display: none;
  }
}

#cmplz-manage-consent .cmplz-manage-consent{
  width: fit-content;
}
/* Slide */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  z-index: 1;
  width: auto;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.fa-chevron-down:after,
.fa-chevron-right:after,
.dropdown-icon.close:after,
.dropdown-icon.open:after{
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"></path></svg>');
  width: 20px;
  line-height: 0;
}
.dropdown-icon.close:after{
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23fff" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path></svg>');
}
.fa-chevron-right:after{
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>');
}
.fa-chevron-down:after{
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg>');
}
/* Filtre sur les articles */
.emplois-filter,
.temoignages-filter,
.post-filter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  flex-wrap: nowrap;
  margin: 1rem auto;
}

.post-filter input.name:focus::placeholder {
  color: transparent; /* ou display: none */
}

.dropdown {
  position: relative;
  background: #fff;
  border: 1px solid var(--wp--preset--color--primary);
  padding: .5rem .75rem;
  width: 100%;
}
.dropdown button:after{
  content: url('../../../wp-content/uploads/2025/02/staff-picto-dropdown.svg');
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.dropdown-toggle {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  font-size: .875rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-family: "Tahoma-bold";
}
.dropdown-toggle p {
  font-size: 12px;
  color: #888;
  margin: 0;
  font-weight: 400;
}
.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 15px!important;
  max-height: 40vh;
  overflow-y: scroll;
}
.dropdown-menu li {
  padding: 10px;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s;
}
.dropdown-menu li:hover {
  background: #eaeaea;
}
.dropdown-menu li.is-selected::after{ content:"✓"; margin-left:.5em; }
.dropdown-menu li.clear {
  font-weight: 600;
  color: var(--color-accent, #b00);
  border-top: 1px solid #eee;
  margin-top: 4px;
  cursor: pointer;
}
.dropdown-menu li.clear:hover {
  background: #f8f8f8;
}

.emplois-filter .wp-block-search__button,
.temoignages-filter .wp-block-search__button,
.post-filter .wp-block-search__button {
	width: 100%;
	padding: .8em 1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
  background-color: var(--wp--preset--color--primary);
}

.emploi-card{
  border: 2px solid var(--wp--preset--color--secondary);
  border-radius: 20px;
  padding: 1.5rem 2.5rem;
  background: white;
}
.emploi-card h3{
  margin-left: 1rem;
}
.emploi-card .undertitle::before{
  top: 3px;
}
.emplois-grid > p{ text-align: center; } 
input[type="submit"]{
  background: var(--wp--preset--color--primary)!important;
}
@media only screen and (min-width: 1083px){
  .emplois-grid > p{ grid-area: 1 / 1 / 2 / 5; } 
}
@media only screen and (max-width: 1082px){
  .emplois-filter,
  .temoignages-filter,
  .post-filter {
    max-width: none!important;
  }
  .emplois-filter .wp-block-search__button,
  .temoignages-filter .wp-block-search__button,
  .post-filter .wp-block-search__button{
    padding: 1.2rem;
  }
  .section-testimonial > section:last-child,
  .section-emplois > section:last-child{
    max-width: calc(100%);
  }
  .all-metiers{
    display: flex!important;
    flex-direction: column;
  }
}