/*
Theme Name: TDM
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree-child
Template: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/


@import url("https://use.typekit.net/das8irw.css");

.wp-block-search.wp-block-search__button-only .wp-block-search__button{max-width:none!important;}

:where(body .is-layout-flow) > *{margin-block-start: inherit!important;}

header{ z-index: 100!important; position: relative !important;}
.slider_home, .entete{ margin-top: -175px !important; z-index: 1 !important; overflow: hidden;}
.mask{
 	-webkit-mask-image: url(img/wave.svg);
  	mask-image: url(img/wave.svg);
    -webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position : right;
	-webkit-mask-size: cover;
	mask-position : right;
	mask-size: cover;
}
.wp-block-senff-sticky-block{ padding: 0 !important;}


.headerPrincipal .current-menu-item a, .headerSecondaire .current-menu-item a{ color: white !important; z-index: 2;}

.headerPrincipal a:hover{ color: var(--wp--preset--color--contrast) !important;}
.headerPrincipal .current-menu-item a:hover{ color: rgba(255, 255, 255, 0.91) !important;}

.headerSecondaire .current-menu-item:before{ content: ""; display:block; position: absolute; width: 160%; height: 50px; background-color: var(--wp--preset--color--primary); transform: skew(20deg); z-index: 1; left: -35%; top: -22px; }

.wp-element-button, .mask figure, .membre figure, .boutonsCat .link{
	transition: transform .3s !important;	
}
.ressources .wp-block-group { min-height: 170px;}
.wp-element-button:hover, .mask figure:hover, .membre figure:hover, .boutonsCat .link:hover{
	transform: scale(1.1) !important;
}
.logo_home{ margin-top: -150px !important; z-index: 50; position: relative;}
.logo_home .wp-block-image{ background-color: white; border-radius: 50%; box-shadow: 0px -10px 8px 2px rgba(0, 0, 0, 0.17); }
.ib-counter-title{ text-transform: uppercase;}


.entete figure{ overflow: hidden !important; max-height: 480px;}
.entete .wp-block-post-title{ margin-top: 10%; z-index: 20; position: relative;}

/* .entete .wp-block-cover__background{ background: url(img/bg_actu.svg) center center no-repeat; background-color: transparent !important; background-size: cover; opacity: 0.8 !important;} */

.post-template-event .entete{overflow: visible;}

.sous_titre{ margin-top: -150px; z-index: 30;}

.breadcrumb{ padding-left: 15% !important; }

/* .actus_home{ background: url(img/bg_actu.svg) center center no-repeat; background-size: cover;} */

.hachures{
	  background: url(/wp-content/uploads/2023/12/OTHU_pluie.gif) repeat center center;
}
.hachures.bleu{
	  background: linear-gradient(-45deg, #00A6BC 1%, #fff 1%, #fff 49%, #00A6BC 49%, #00A6BC 51%, #fff 51%, #fff 99%, #00A6BC 99%);
  background-size: 7px 7px;
}

footer{ margin-top: 0 !important;}
.wp-site-blocks{ padding-bottom: 0 !important;}


.wp-block-search__inside-wrapper { border: none !important; }
.wp-block-search__inside-wrapper .wp-element-button, .newsletter .wp-block-button__link{ padding: 10px !important; border-radius: 0px 4px 4px 0px; box-shadow: none; margin-left: 0 !important;}
.wp-block-search__inside-wrapper input, .newsletter .email{box-shadow: inset 0px 0px 5px 3px rgba(2, 2, 2, 0.09); border-radius: 4px 0px 0px 4px; background-color: white; padding: 0px 7px !important; }

.newsletter .email{ line-height: 47px !important; min-width: 300px;}

.nextend-arrow-next{ left: 30%; background-color: #00A6BC !important; border-radius: 50% !important; padding: 15px !important; box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.12) !important;}



.contact-form label.consent{ text-transform: none !important;}

.numbers ol {counter-reset: activ;} /* on initialise et nomme un compteur */
.numbers2 ol {counter-set: activ2 3;}
.numbers li, .numbers2 li {
	list-style-type: none;
	margin-bottom: 10px;
	text-align: center;
}
.numbers li {
	counter-increment: activ; /* on incrémente le compteur à chaque nouveau li */

}
.numbers2 li {
	counter-increment: activ2; /* on incrémente le compteur à chaque nouveau li */
}

.numbers li:before {
	content: counter(activ); /* on affiche le compteur */
}
.numbers2 li:before {
	content: counter(activ2); /* on affiche le compteur */
}

.numbers li:before, .numbers2 li:before {
	
	padding: 5px 5px;
	margin-right: 8px;
	vertical-align: top;
	background: #47277B;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: bold;
	font-size: 1.3em;
	color: white;
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
			
}

.wp-block-nextend-smartslider3 h2{ font-family: basic-sans !important; font-style: italic !important; font-weight: bold; }

.chiffres .ib-counter, .chiffres .ib-counter-title{ text-align: left !important;}

.col_contact{ margin-top: -200px !important; z-index: 50; position: relative; }

.date_pub{ z-index: 60 !important;}
.date_pub .date{ position: absolute;
    top: 415px;
    z-index: 50;
 }
 
 .boutonsCat .link a{ text-decoration: none !important;}
 
 .boutonsCat .link{ border-radius: 100px 0px / 100px; position: relative;}

.wp-block-query .wp-block-post{ position: relative; border-radius: 20px !important; overflow: hidden;}    
.taxonomy-category{ background-color: white; border-radius: 100px 0px / 100px; position: relative; position: absolute; padding: 5px 15px; top: 15px; }

.taxonomy-category a {text-decoration: none !important;}

.wp-block-query .wp-block-post{ opacity: 0.9; transition: transform 0.8s;}
.wp-block-query .wp-block-post:hover{ opacity: 1}

.wp-block-query .wp-block-post-date{ position: absolute; margin-top: -45px; background-color: white; border-radius: 25px; padding: 5px 15px; }

.category-publications:hover .taxonomy-category{ background-color: white !important;}

.wp-block-query .category-publications .taxonomy-category a, .wp-block-query .category-publications .wp-block-post-date, .wp-block-query .category-publications h3 a, .wp-block-query .category-publications a.wp-block-post-excerpt__more-link{ color: #47277B !important;}

.wp-block-query .wp-block-post:hover .taxonomy-category a{ color: white !important; }

.wp-block-query .category-evenement .taxonomy-category a, .wp-block-query .category-evenement .wp-block-post-date, .wp-block-query .category-evenement h3 a, .wp-block-query .category-evenement a.wp-block-post-excerpt__more-link{ color: #00A6BC !important;}

.wp-block-query .category-donnees .taxonomy-category a, .wp-block-query .category-donnees .wp-block-post-date, .wp-block-query .category-donnees h3 a, .wp-block-query .category-donnees a.wp-block-post-excerpt__more-link{ color: #C1960E !important;}

.boutonsCat .publications a{ color: var(--wp--preset--color--contrast) !important; }
body.category-publications .boutonsCat .publication, body.category-publications .boutonsCat .publication a, .category-publications:hover .taxonomy-category{ background-color: var(--wp--preset--color--contrast) !important; color: white !important;}

.boutonsCat .donnees a{ color: var(--wp--preset--color--secondary) !important; }
body.category-donnees .boutonsCat .donnees, body.category-donnees .boutonsCat .donnees a, .category-donnees:hover .taxonomy-category{ background-color: var(--wp--preset--color--secondary) !important; color: white !important;}

.boutonsCat .evenements a{ color: var(--wp--preset--color--primary) !important; }
body.category-evenement .boutonsCat .evenements, body.category-evenement .boutonsCat .evenements a, .category-evenement:hover .taxonomy-category{ background-color: var(--wp--preset--color--primary) !important; color: white !important;}

.boutonsCat .autres a{ color: var(--wp--preset--color--tertiary) !important; }
body.category-autres .boutonsCat .autres, body.category-autres .boutonsCat .autres a, .category-autres:hover .taxonomy-category{ background-color: var(--wp--preset--color--tertiary) !important;  color: white !important;}

.wp-element-button:visited, .wp-block-button__link:visited{ color: white;}

.category-projets .entry-content p{ margin-top: 20px;}

.wp-block-post-template li{ background-color: white;}

body.archive .wp-block-post .taxonomy-category a{ color: white !important;}

.prefix{ font-size: 0.6 rem !important; color: #47277B !important; font-weight: normal !important;}

.logoLabex{ margin-top: 7px !important;}



.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ background-color: var(--wp--preset--color--contrast) !important; color: white; font-size: 18px;}

.alcb__logo-caption{ line-height: 15px;}

@media (max-width: 1480px) {
	.mask{padding-left: 1% !important; padding-right: 18% !important;}
	
}

@media (min-width: 650px) {
.headerPrincipal .current-menu-item:before{ content: ""; display:block; position: absolute; width: 160%; height: 99px; background-color: var(--wp--preset--color--primary); transform: skew(20deg); z-index: 1; left: -30%; }
}
@media (max-width: 650px) {
	.date_pub .date{ 
		top: 350px;
	}
	.flip-box-vertical { min-height: 150px;}
	.mask{padding-right: 50% !important;}
	.membre { padding: 10px; min-width: 125%; margin-left: -10%;}
	.membre .function em{ line-height: 15px;}

	.forme-bleue{
		background-color: var(--wp--preset--color--contrast);
	}
}	
/* Bloc groupe principal : doit autoriser les débordements */
.wp-block-group {
	position: relative;
	overflow: visible !important;
	z-index: 2;
  }
  
  /* Section parent de la bannière, si elle existe */
  .wp-block-cover,
  .wp-block-cover__inner-container {
	overflow: visible !important;
  }
  
  /* La forme bleue : absolument positionnée, déborde vers le bas */

  @media (min-width: 650px) {
  .intro:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -100px; /* déborde vers le bas */
	right: -20%;
	width: 80%; /* adapte à la forme */
	height: 80%;
	background: url('/wp-content/uploads/2025/06/forme-texte-banniere.svg') no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1; /* derrière le texte et le bouton */
	pointer-events: none;
  }
  .intro:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -180px; /* déborde vers le bas */
	right: 0;
	width: 30%; /* adapte à la forme */
	height: 30%;
	background: url('/wp-content/uploads/2025/06/fleur-banniere.svg') no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 10; /* derrière le texte et le bouton */
	pointer-events: none;
  }

  .separator1 {
	width: 200vw !important;
	height: 200px;
	background-image: url('/wp-content/uploads/2025/06/avion-1.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	margin-bottom: -80px;
	margin-left: calc(-1 * (100vw - 100%)/2) !important; /* TRÈS IMPORTANT */
	position: relative;
	z-index: 2;
  }
  .separator2 {
	width: 500vw !important;
	height: 200px;
	background-image: url('/wp-content/uploads/2025/06/avion-2_bis.svg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	margin-bottom: -80px;
	margin-left: calc(-1 * (100vw - 100%)/2) !important; 
	position: relative;
	z-index: 2;
  }
  .separator3 {
	width: 200vw !important;
	height: 200px;
	background-image: url('/wp-content/uploads/2025/06/avion-3-bis.svg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	margin-top: -80px;
	margin-left: calc(-1 * (100vw - 200%)/2) !important; /* TRÈS IMPORTANT */
	position: relative;
	z-index: 2;
  }

}

  
/* Cible toutes les UL Gutenberg */
ul.wp-block-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
  }
  
  ul.wp-block-list li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 10px;
  }
  
  /* Point jaune à gauche */
  ul.wp-block-list li::before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 12px;
	height: 12px;
	background-image: url('/wp-content/uploads/2025/06/dot-list.svg'); /* ← remplace ça */
  background-size: contain;
  background-repeat: no-repeat;
  }
  li.libleu::before {
	background-image: url('/wp-content/uploads/2025/06/dot-list-2.svg') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
  }
  .btn_blob{
	text-decoration: none !important;
	background-image: url('/wp-content/uploads/2025/06/btn-reserver.svg');
	background-size: contain;
	background-repeat: no-repeat;
	padding: 3%;
	display: inline-block;
	padding-top: 2%;
  transition: transform 0.3s ease; /* transition fluide */
}
.btn_blob:hover {
	transform: scale(1.1); /* agrandit à 110% */
  }

  .title-ligne {
	position: relative;
	display: inline-block;
	padding-bottom: 1rem;
  }
  
  .title-ligne::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	border-bottom: 6px dotted #FDC600;
  }

  .title-ligne2 {
	position: relative;
	display: block;
	padding-bottom: 1rem;
	margin: 0 auto;
	width: 300px;
  }
  .title-ligne2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	border-bottom: 6px dotted #FDC600;
  }


.avion-wrapper {
	position: absolute;
	top: 20vw; 
	left: 10%; 
	width: 100%;
	height: 300px;
	pointer-events: none;
	z-index: 5;
}

.avion-checkbox {
	display: none;
} 

.avion-wrapper label {
	pointer-events: all;
}

.avion-volant {
	position: relative;
	width: 270px;
	offset-path: path("M10 200 C 200 100, 500 300, 1000 200"); 
	offset-rotate: auto; 
	offset-distance: 0%;
	transition: offset-distance 3s ease-in-out;
	cursor: pointer; 
	z-index: 20;
}
.avion-volant::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background-image: url('/wp-content/uploads/2025/06/hands.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5;
}

.avion-checkbox:checked + label .avion-volant {
  offset-distance: 100%;
}

.avion-checkbox:checked + label .avion-volant::before {
  display: none;
}

@media (max-width: 1830px) {
	.avion-volant {
 		offset-path: path("M10 200 C 200 100, 500 300, 900 200");
	}
}
@media (max-width: 1720px) {
	.avion-volant {
 		offset-path: path("M10 200 C 200 100, 500 300, 800 200");
	}
}
@media (max-width: 1600px) {
	.avion-volant {
 		offset-path: path("M10 200 C 200 100, 500 300, 700 200");
	}
}
@media (max-width: 1600px) {
	.avion-volant {
 		offset-path: path("M10 200 C 200 100, 500 300, 700 200");
	}
}
@media (max-width: 1475px) {
	.avion-volant {
		top: 30%;
 		offset-path: path("M10 200 C 200 100, 500 250, 600 200");
	}
}

@media (max-width: 1350px) {
	.avion-volant {
		top: 30%;
 		offset-path: path("M10 200 C 200 100, 431 250, 500 200");
	}
}
@media (max-width: 1350px) {
	.avion-volant {
		top: 30%;
 		offset-path: path("M10 200 C 200 100, 431 250, 500 200");
	}
}
@media (max-width: 1210px) {
	.avion-volant {
		top: 30%;
 		offset-path: path("M10 200 C 200 100, 310 250, 400 200");
	}
}
@media (max-width: 1070px) {
	.avion-volant {
		top: 40%;
 		offset-path: path("M10 200 C 200 100, 200 250, 300 200");
	}
}



@media (max-width: 900px) {
	.avion-volant {
		top: 50%;
 		offset-path: path("M10 200 C 200 100, 100 250, 200 200");
	}
}

@media (max-width: 750px) {
	.avion-volant {
		display: none;
	}
}