@import url("fonts.css");
@charset "utf-8";



/***********/
/* Général */
/***********/

:root
{	--noir : #000000;
	--rouge : #F15A75;
	--vert : #00a59a;
	--vert-clair: #00DEA3;
	--bleu : #004F76;
	--gris: #C8D4D8;
	--gris2 : #F5F7F8;
	--gris3: #F6F8F9;
}

* 
{	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;

	-webkit-font-smoothing : subpixel-antialiased;
	-moz-osx-font-smoothing : auto;	
}

html
{	overflow: scroll;
	height: 100%;
	width: 100%;

	background: white;

	scroll-behavior: smooth;
}

body
{	/*display: flex;
	justify-content: center;
	align-items: center;*/
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;

	font-family: 'lato_regular', sans-serif;
	font-size: 23px;
	font-size: 1.17vw;
	color: var(--bleu);
	text-align: center; /* pour corriger le bug de centrage IE */

	background: #FFFFFF;

} 

main
{	position: relative;
	width: 100%;
	margin:  0 auto;
	background-color: white;
}

ol, ul, li
{	list-style: none;
}

table
{	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

td
{	font-family: 'lato_regular', sans-serif;
	font-size: 23px;
	font-size: 1.17vw;
}  			 

img
{	border: 0px;
}

a
{	text-decoration: none;
	color: var(--vert);

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;		
}

a:hover
{	color:  var(--bleu);
}

a:link, a:visited, a:hover, a:active 
{   outline:none;
} 

h1, h2, h3, h4, h5, h6, h7
{	margin: 0;
	padding: 0;
	font-weight: normal;
}

em
{	font-style: italic;
}
	  
sup 
{	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

label, button
{	cursor: pointer;
}

fieldset
{	border: none;
}

textarea:focus, input:focus
{	outline: none;
}

.hidden 
{	display: none;	
}


:disabled
{	background: white;
	cursor: not-allowed;
}

.disabled
{	background: white;
	cursor: not-allowed;
}

.center
{	text-align: center;
}


/* Wordpress */

/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}


/**
 * 9.0 Clearings
 */
/*
.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}
*/

.wp-block-image img
{	height: auto;
}


.wp-post-image {
    width: 100%;       /* L'image prend toute la largeur de son parent */
    height: auto;      /* La hauteur s'adapte automatiquement sans déformation */
    display: block;
    object-fit: cover; /* Optionnel : remplit le cadre si tu fixes une hauteur en CSS */
}





.bouton
{	display: inline-block;
	border-radius: 25px;
	padding: 13px 25px;
	text-transform: uppercase;
	font-size: 16px;
	color: white;
	border:  1px solid transparent;
}

.bouton:hover
{	color:  white;
}

.bouton span
{	position: relative;
	padding-right: 15px;
}

.bouton span::after
{	position: absolute;
	top: -1px;
	right: -7px;
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-size:  19px;
}

.bouton.envelope span
{	padding-right: 20px;
}

.bouton.envelope span::after
{	content: "\f0e0";
	right:  -12px;
}

.bouton.bleu
{	background: var(--bleu);
}

.bouton.rouge
{	background: var(--rouge);
}

.bouton.vert
{	background: var(--vert);
}

.bouton.telecharger i
{	padding-left:  15px;
}


.bloc
{	width: 100%;
	text-align: center;
}

.bloc > div
{	width: 1900px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 210px;
}


/*********************/
/* Navigation rapide */
/*********************/

.skiplink {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Affiche le lien quand on navigue au clavier */
.skiplink:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 10px;
    background: #000;
    color: #fff;
    z-index: 100;
}









/**********/
/* header */
/**********/

#header
{	position: fixed;
	top:  0;
	z-index: 10;
	width:  100%;
}

#header-contact
{	display:  flex;
	justify-content: center;
	align-items: center;
	height: 65px;
	background: linear-gradient(90deg, var(--vert) 0%, var(--bleu) 100%);
}

#header-contact ul
{	display: inline-flex;
	align-items: center;
	height: 39px;
}

#header-contact ul li
{
}

#header-contact ul li:not(:last-of-type)
{	position: relative;
	padding-right: 40px;	
	height: 39px;
}

#header-contact ul li:not(:last-of-type)::after
{	position: absolute;
	content: "";
  	display: inline-block;
  	width: 20px;
  	height: 1px;
  	right: 10px;
  	top: 50%;
  	background: white;
}

#header-contact a
{	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: 15px;
	color:  white;
	height: 39px;
}

#header-contact a span
{	font-size:  18px;
	font-family: "lato_black";
	text-transform: uppercase;
}

#header-contact img
{	height: 39px;
	width: auto;
}


#header-main
{	display: flex;
	justify-content: center;
	margin-top: 10px;
	width: 100%;
	height: 125px;
	background: white;
}

#header-main > div:first-child
{	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 1900px;
	padding: 0 80px;
}

#header-main > div:first-child > *
{	display: flex;
	justify-content: center;
}

#header-menu ul
{	display: flex;
	gap: 30px;
}

#header-menu ul li a
{	display: inline-block;
	font-family: "lato_light";
	font-size: 18px;
	text-transform: uppercase;
	color: var(--bleu);
}

#header-menu ul li.current-page a
{	/*font-weight: bold;*/
	font-family: "lato_bold";
}

#header-menu ul li a:hover
{	color:  var(--vert);
}

#header-main div > ul
{	flex-wrap: nowrap;
	gap:  20px;
}

#header-main div > ul li a
{	display: inline-block;
	white-space: nowrap;
}

#header-main > div > ul li:last-child
{	margin-left: 56px;
}


#header-menu-mobile
{	display: none;
}

#header-menu-burger
{	display: none;
}

#header-menu-burger img
{	width: 60px;
	height: auto;
}

#header-menu-mobile
{	display: none;
	position: absolute;
	width: 100vw;
	left: 0;
	top: 200px;
	background: var(--bleu);

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out;		
}

#header-menu-mobile.active {
	display: flex;
    opacity: 1;
    visibility: visible;
}

#header-menu-mobile
{	padding: 40px;
}

#header-menu-mobile ul
{	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#header-main > div#header-menu-mobile > ul li:last-child
{	margin-left: 0;
}

#header-menu-mobile ul li
{	margin-bottom: 20px;
}

#header-menu-mobile ul li a
{	font-size:  24px;
	color: white;
	text-transform: uppercase;
}

#header-menu-mobile ul li a:hover
{	color: var(--vert);
}




/**********/
/* Footer */
/**********/


#footer
{	
}

#footer-top
{	background: linear-gradient(180deg, var(--gris3) 0%, white 100%);
}

#footer-top > div
{	display: flex;
	justify-content: center;
	gap: 130px;
	padding-top:  180px;
	padding-bottom: 160px;
	padding-left: 210px;
	padding-right: 210px;
}

#footer-top > div > *
{	width:  50%;
}

#footer-top iframe
{	border-radius: 35px;
}

#footer-top > div > div:last-child
{	text-align: left;
}

#footer-top > div > div:last-child > *:not(img)
{	margin-left:  62px;
}

#footer-top address
{	margin-top: 30px;
	margin-bottom: 30px;
	font-family: "lato_regular";
	font-size: 30px;
	font-style: normal;
	line-height: 34px;
}

#footer-top address strong
{	display: block;
	font-family: "lato_black";
	font-weight: normal;
}

#footer-top > div > div:last-child div 
{	font-family: "lato_regular";
	font-size: 24px;
	line-height: 30px;
}

#footer-top > div > div:last-child div strong
{	font-family: "lato_black";
	font-style: normal;
	text-transform: uppercase;
	color: var(--vert);
}


#footer-bottom
{	position: relative;
	background: var(--gris3);
	z-index: 1;
}

#footer-bottom::before 
{	content: "";
    position: absolute;
    top: -20vw;
    left: 0;
	width: 100%;
	min-height: 100%;
	height: calc(100% + 20vw);

	/*background-color: var(--gris3);*/
	background-repeat: no-repeat;


	--radius: 120vw;
	--thickness: 30vw;
	--offset-x: 20vh;
	--offset-y: 160vh;

	/* Rayon : entre 800px (mobile) et 2000px (desktop) */
	--radius: clamp(800px, 120vw, 2000px);
	--radius: 120vw;

	/* Épaisseur : entre 200px (mobile) et 500px (desktop) */
	--thickness: clamp(200px, 30vw, 500px);
	--thickness: 30vw;

	/* Distance sous le bord : s'adapte selon la hauteur de vue (vh) */
	--offset-x: clamp(300px, 20vh, 1000px);
	--offset-x: 20vh;

	/* Distance sous le bord : s'adapte selon la hauteur de vue (vh) */
	--offset-y: clamp(110vh, 110vh, 300vh);
	--offset-y: 140vh;


	/* Le gradient avec calculs dynamiques */
	background-image: radial-gradient(
	circle at calc(100% + var(--offset-x)) calc(100% + var(--offset-y)),
	transparent calc(var(--radius) - (var(--thickness) / 2) - 1px),
	var(--bleu) calc(var(--radius) - (var(--thickness) / 2)),
	var(--bleu) calc(var(--radius) + (var(--thickness) / 2)),
	transparent calc(var(--radius) + (var(--thickness) / 2) + 1px)
	);
  

	z-index: 2;
    /* Optionnel : Opacité si tu veux que ce soit discret */
    opacity: 1; 
    pointer-events: none; /* Permet de cliquer à travers le SVG */
}

#footer-bottom > div
{	position: relative;
	display: flex;
	justify-content: space-between;
	padding-top: 110px;
	padding-bottom: 200px;
	padding-left: 210px;
	padding-right: 210px;
	z-index: 3;
}

#footer-bottom > div > *
{	width:  30%;
}

#footer-bottom-left
{	text-align: left;	
}

#footer-bottom-left strong
{	display: block;
	font-family: "lato_black";
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

#footer-bottom-left ul
{	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#footer-bottom-left ul:first-of-type li
{	margin-top: 25px;
}

#footer-bottom-left ul:first-of-type a
{	font-family: "lato_regular";
	font-size: 24px;
	color: var(--bleu);
}

#footer-bottom-left ul:last-of-type
{	margin-top: 50px;
}

#footer-bottom-left ul:last-of-type a
{	font-family: "lato_regular";
	font-size: 15px;
	color: var(--bleu);
}

#footer-bottom-left ul a:hover
{	color: var(--vert);
}

#footer-bottom-middle
{	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

#footer-bottom-middle ul
{	display: flex;
	justify-content: center;
	gap:  30px;
}

#footer-bottom-right 
{	font-family: "lato_regular";
	font-size: 18px;
	color: white;
	text-align: left;
}

#footer-bottom-right h2
{	font-family: "lato_black";
	font-size: 16px;
	color: var(--vert);
	text-transform: uppercase;
}

#footer-bottom-right div + h2
{	margin-top:  30px;
}

#footer-bottom-right p
{	margin-bottom:  5px;
}

#footer-bottom-right a:hover
{	color: var(--vert);
}



/********/
/* home */
/********/


/* Video */

#home-video
{	
}

#home-video > div
{	position: relative;
	max-height: 100vh;	
	overflow: hidden;
}

#video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

#video-player {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#video-cover 
{	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	width:  100%;
	z-index: 9;
	transition: opacity 0.5s ease;
}

#video-cover img
{	width: 100%;
	height: auto;
}

#video-cover > div
{	position: absolute;
	display: flex;
	flex-direction: column;
	padding-left:  210px;
	color: white;
	text-align: left;
	left: calc(50% - 950px);
	width: 1900px;
}

#video-cover em
{	font-style: normal;
	font-family: "lato_regular";
	font-size: 100px;
}

#video-cover strong
{	display: block;
	font-family: "lato_black";
	font-weight: normal;
}

#video-cover button
{	margin-top: 20px;
	padding: 0;
	background: none;
	border: none;
	font-family: "lato_bold";
	font-size: 24px;
	color: white;
}

#video-cover button:hover
{	color: var(--vert);
}

#video-cover button i
{	margin-left: 10px;
	border: 1px solid white;
	border-radius: 100%;
  	padding: 8px 11px;
  	font-size: 14px;
}

.video-started #video-cover img
{	opacity: 0;
    pointer-events: none;
}





/* A propos */

#home-a-propos
{
}

#home-a-propos > div
{	padding-top:  140px;
	padding-bottom:  140px;
}

#home-a-propos h1
{	font-family: "lato_regular";
	font-size: 42px;
	color: var(--vert);
	text-transform: uppercase;
}

#home-a-propos h1 strong
{	font-family: "lato_black";
	font-weight: normal;
}

#home-a-propos > div > div
{	display: flex;
	justify-content: center;
	margin: 30px auto 0 auto;
	gap: 40px;
}

#home-a-propos > div > div > *
{	flex: 1;
	text-align: left;
	font-family: "lato_regular";
	font-size:  24px;
	line-height: 30px;
}

#home-a-propos > div > div > em
{	font-family: "lato_bold";
	font-style: normal;
}




/* Chiffres clés */

#home-chiffres-cles
{	background-color: var(--gris--clair);
	padding: 80px 0;
}

#home-chiffres-cles ul
{	display: flex;
	justify-content: center;
	gap:  50px;
}

#home-chiffres-cles ul li
{	display: flex;
	align-items: center;
}

#home-chiffres-cles h2
{	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 30px;
	color: var(--vert);
	font-family: "lato_regular";
	font-size: 30px;
	text-align: left;
}

#home-chiffres-cles h2 strong
{	font-family: "lato_black";
	font-size: 42px;
	font-weight: normal;
}

#home-chiffres-cles img
{	height: 180px;
	width: auto;
}




/* Services */

#home-services
{
}

#home-services > div
{	padding-top:  150px;
	padding-bottom:  150px;
}

#home-services-intro
{	display: flex;
	justify-content: center;
	align-items: stretch;
	text-align: left;
	margin: 0 auto;
	gap:  40px;
}

#home-services-intro h2
{	font-family: "lato_black";
	font-size: 60px;
	color: var(--vert);
}

#home-services-intro p
{	margin-top: 25px;
	margin-bottom: 40px;
	font-family: "lato_bold";
	font-size: 24px;
	line-height: 30px;

}

#home-services-intro img
{	max-width: 100%;
	height: auto;
	display: block;
}

#home-services-intro > div
{	flex:  1;
}

#home-services-intro > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* C'est ICI qu'on gère l'alignement en bas */

}

#home-services-intro > div:first-child > div {
    display: block; /* S'assurer qu'on n'est PAS en flex ici */
    overflow: hidden;
    position: relative;
}

#home-services-intro > div:first-child > div::before {
    content: "";
    float: right;
    height: 100%;
    margin-bottom: -160px; /* Taille de ton picto */
}

#home-services-intro > div:first-child > div > img {
    float: right;
    clear: right;
    height: 160px;
    width: auto;
    margin-left: 15px;
}

#home-services-slider
{	margin:  60px auto;
}

#home-services-slider .slider
{	
}

#home-services-slider .slide
{	height: 365px;
	border: 1px solid var(--gris);
	border-radius: 35px;
	padding: 40px;
	margin: 0 10px;
	text-align: left;
}

#home-services-slider h3
{	font-family: "lato_regular";
	font-size: 28px;
	color:  var(--vert);
	margin-bottom: 35px;
}

#home-services-slider p
{	font-family: "lato_regular";
	font-size: 24px;
	line-height: 30px;
}

#home-services-slider .slick-dotted.slick-slider
{	margin-bottom: 60px;
}

#home-services-slider .slick-dots
{	bottom: -60px;
}

#home-services-slider .slick-dots li
{	width: auto;
	margin:  10px;
}

#home-services-slider .slick-dots li button 
{	font-size: 0;
	line-height: 0;
	display: block;
	width: 140px;
	height: 2px;
	padding: 0px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: var(--gris);
}

#home-services-slider .slick-dots li.slick-active button 
{	background: var(--vert-clair);
	height: 4px;
}

#home-services-slider .slick-dots
{	right: 0;
}

#home-services-slider .slick-dots li button::before
{	display: none;
}





/* Urgences */

#home-urgences
{	background: var(--rouge);
}

#home-urgences > div
{	position: relative;
	text-align: left;
	color: white;
	padding-top: 70px;
	padding-bottom: 70px;
	font-family: "lato_regular";
	font-size: 24px;
	line-height: 30px;
}

#home-urgences > div::before {
    content: "";
    position: absolute;
    
    /* Placement */
    /*
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centre le SVG 
    */
    right: -100px;
    bottom: -260px;
    z-index: 0; /* Derrière le contenu */

    /* Contrôle de la taille */
    width: 1200px;  /* Ajuste selon tes besoins */
    height: 888px; /* Ajuste selon tes besoins */

    /* Image de fond */
    background-image: url("../pictures/home/urgences-oeil.svg");
    background-repeat: no-repeat;
    background-size: contain; /* Ou 'cover' selon l'effet voulu */
    
    /* Optionnel : Opacité si tu veux que ce soit discret */
    opacity: 1; 
    pointer-events: none; /* Permet de cliquer à travers le SVG */
}

/* On s'assure que le contenu reste au-dessus du SVG */
#home-urgences > div > div {
    position: relative;
    z-index: 1;
}

#home-urgences h2
{	display: flex;
	align-items: flex-end;
	font-family: "lato_black";
	font-size: 60px;
	text-transform: uppercase;
}

#home-urgences h2 img
{	height: 145px;
	width:  auto;
}

#home-urgences h2 span
{	display: inline-block;
	margin-left: 20px;
	padding-bottom: 30px;
}

#home-urgences > div > div > div
{	display: flex;
	gap: 140px;
	margin-top: 20px;
}

#home-urgences > div > div > div > div:first-child
{	flex:  2;
}

#home-urgences > div > div > div > div:first-child img
{	margin-top: 90px;
	border-radius: 35px;
}

#home-urgences > div > div > div > div:last-child
{	flex:  2;
}

#home-urgences > div > div > div > div:last-child li
{	padding-left:  37px;
}

#home-urgences > div > div > div > div:last-child li:not(:last-of-type)
{	margin-bottom: 30px;
}

#home-urgences > div > div > div > div:last-child h3
{	position: relative;
	display: inline;
	font-family: "lato_bold";
	font-size: 30px;
}

#home-urgences > div > div > div > div:last-child h3::before
{	position: absolute;
	content: " ";
	display: block;
	width: 30px;
	height: 23px;
	top: 5px;
	left: -37px;
	background-image: url("../pictures/home/urgences-oeil-clair.svg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}




/* Equipements */

#home-equipements
{	padding-top: 160px;
	padding-bottom: 160px;
}

#home-equipements > div
{	padding: 0;
}

#home-equipements > div:first-child > img
{	width: 100%;
	height: auto;
}

#home-equipements > div:last-child 
{	position:  relative;
}

#home-equipements > div:last-child::before
{	content: "";
    position: absolute;
    
    /* Placement */
    /*
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centre le SVG 
    */
    left: -100px;
    top: -85px;
    z-index: 0; /* Derrière le contenu */

    /* Contrôle de la taille */
    width: 1200px;  /* Ajuste selon tes besoins */
    height: 888px; /* Ajuste selon tes besoins */

    /* Image de fond */
    background-image: url("../pictures/home/equipements-oeil.svg");
    background-repeat: no-repeat;
    background-size: contain; /* Ou 'cover' selon l'effet voulu */
    
    /* Optionnel : Opacité si tu veux que ce soit discret */
    opacity: 1; 
    pointer-events: none; /* Permet de cliquer à travers le SVG */
}

#home-equipements > div:last-child > div
{	position: relative;
	z-index: 1;
	padding-top: 125px;
}

#home-equipements > div:last-child > div > h2
{	font-family: "lato_black";	
	font-size: 60px;
	color: var(--vert);
}

#home-equipements > div:last-child > div > p
{	width: 60%;
	margin:  0 auto;
	margin-top:  30px;
	font-family: "lato_bold";
	font-size: 24px;
	line-height: 30px;
}

#home-equipements > div:last-child > div > div
{	display: flex;
	justify-content: center;
	margin-top: 50px;
	padding: 0 210px;
}

#home-equipements > div:last-child > div > div > *
{	width: 50%;
}

#home-equipements > div:last-child > div > div ul
{	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:  10px;
}

#home-equipements > div:last-child > div > div ul li
{	width: 47%;
	height: 175px;
	border: 1px solid var(--gris);
	border-radius: 35px;
	padding: 40px;
	text-align: left;

	font-family: "lato_regular";
	font-size: 28px;
	color:  var(--vert);
}

#home-equipements > div:last-child > div > div div
{	position: relative;
}

#home-equipements > div:last-child > div > div div img:first-child
{	width: 100%;
	height: auto;
}	

#home-equipements > div:last-child > div > div div img:last-child
{	position: absolute;
	bottom: 20px;
	right: -85px;
}





/* Equipe */

#home-equipe
{	background:  var(--gris-clair);
	padding-top:  130px;
	padding-bottom:  130px;
}

#home-equipe h2
{	font-family: "lato_black";	
	font-size: 60px;
	color: var(--vert);
}

#home-equipe > div > ul
{	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	text-align: left;
}

#home-equipe > div > ul li
{	width: 30%;
}

#home-equipe .portrait
{	border-radius: 35px;
	width: 100%;
	height: auto;
}

#home-equipe .oeil
{	margin: 20px 0 15px 0;
	height: 44px;
	width: auto;
}

#home-equipe h3
{	margin-bottom: 40px;
}

#home-equipe h3 span
{	display: block;
	font-family: "lato_regular";	
	font-size: 30px;
	color: var(--vert-clair);
}

#home-equipe h3 span sup
{	font-size: 18px;
}

#home-equipe h3 abbr
{	text-decoration: none;
}

#home-equipe h3 strong
{	display: block;
	font-family: "lato_black";	
	font-size: 30px;
	color: var(--vert);
	font-weight: normal;
}

#home-equipe > div > ul li div p
{	margin-bottom:  20px;
	font-size: 24px;
}

#home-equipe > div > ul li div + ul
{	margin-top: 20px;
}

#home-equipe > div > ul li ul li img
{	height:  40px;
	width: auto;
}


/* Réassurance */

#home-reassurance
{	
}

#home-reassurance > div
{	position: relative;
	padding: 0;
	z-index: 0;
}

#home-reassurance-background
{	display: block;
	width: 100%;
	height: auto;
}

#home-reassurance > div > div
{	position: relative;
	padding: 0;
	margin-top: -30%;
	z-index: 1;
	opacity: 0;
	transition: margin-top 0.4s ease-out, opacity 0.4s ease-out;
}

#home-reassurance > div > div.is-ready 
{	opacity: 1;
}

#home-reassurance-pictos
{	display: flex;
	justify-content: center;
	align-items: center;
}

#home-reassurance-pictos img
{	height: 200px;
	width: auto;
}

#home-reassurance-content
{	display: flex;
	justify-content: center;
	align-items: stretch;
	gap:  10px;
	margin-top: 30px;
}

#home-reassurance-content li
{	width: 365px;
	background:  var(--gris3);
	border-radius: 35px;
	padding: 40px 35px;
	font-family: "lato_regular";
	font-size: 30px;
	line-height: 34px;
	text-align: left;
}

#home-reassurance-content li strong
{	font-family: "lato_black";	
	font-weight: normal;
}

#home-reassurance-content li p:not(:last-of-type)
{	margin-bottom: 30px;
}


/* Avis */

#home-avis
{	margin: 120px 0;
}

#home-avis h2
{	font-family: "lato_black";	
	font-size: 60px;
	color: var(--vert);	
}





/* Archive */

body.blog
{
}


body.blog main header > div
{	position:  relative;
	width: 100%;
}

body.blog main header img
{	width: 100%;
}

body.blog main header > div > div
{	position: absolute;
	top: 200px;
	width: 100%;
	height: calc(100% - 200px);
	display: flex;
	align-items: center;
	justify-content: center;
}

body.blog main header h1
{	font-family: "lato_black";	
	font-size: 100px;
	color:  white;
}

body.blog main header nav
{	padding: 50px 400px;
	background: var(--gris3);
	text-align: left;
}

body.blog main header nav ol
{	display: flex;
}

body.blog main header nav ol li:not(:last-of-type)::after
{	content: "-";
	margin: 0 5px;
}

body.blog main header nav ol li, body.blog main header nav ol li a
{	font-size: 24px;
	color: var(--vert);
}

body.blog main header nav ol li[aria-current="page"]
{	text-decoration: underline;
}

body.blog main header nav ol li a:hover
{	text-decoration: underline;
	color: var(--bleu);
}


body.blog main section article:nth-child(even)
{	background: var(--gris3);
}

body.blog main section article:nth-child(odd)
{	background: white;
}

body.blog main section article
{	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding: 77px 400px;
	text-align: left;
}

body.blog main section article img
{	width: 370px;
	height: auto;
	border-radius: 35px;
}


body.blog main section article .date
{	font-family: "lato_regular";
	font-size: 24px;
}

body.blog main section article .date strong
{	font-family: "lato_black";
	font-weight: normal;
}

body.blog main section article h2 
{	margin-top: 10px;
	font-family: "lato_regular";
	font-size: 40px;
	color: var(--vert);
}

body.blog main section article h2 a::after
{	content: "";
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 1; /* S'assure que le lien est au-dessus du reste */
}

body.blog main section article h3
{	margin-top: 10px;
	font-family: "lato_regular";
	font-size: 24px;
}

body.blog main section article span
{	display: block;
	margin-top: 10px;
	font-family: "lato_regular";
	font-size: 18px;
	color: var(--vert);
	text-decoration: underline;
}





/* Single */

body.single
{
}


body.single main header
{	padding-top: 200px;
	background: var(--gris3);
}

body.single main header nav:first-child
{	margin-top: 37px;
}


body.single main header nav:first-child ol
{	display: flex;
	justify-content: center;
}

body.single main header nav:first-child ol li:not(:last-of-type)::after
{	content: "-";
	margin: 0 5px;
}

body.single main header nav:first-child ol li, body.single main header nav:first-child ol li a
{	font-size: 24px;
	color: var(--vert);
}

body.single main header nav:first-child ol li[aria-current="page"]
{	text-decoration: underline;
}

body.single main header nav:first-child ol li a:hover
{	text-decoration: underline;
	color: var(--bleu);
}


body.single main header nav:last-child
{	padding: 70px 0;
}

body.single main header nav .nav-links
{	display: flex;
	justify-content: center;
	align-items: center;
}

body.single main header nav .nav-links .nav-previous + .nav-next 
{	border-left: 3px solid var(--gris);
}

body.single main header nav .nav-links > *
{	display: flex;
	align-items: center;
}

body.single main header nav .nav-links a
{	display: inline-flex;
	align-items: center;
	width: 200px;
	height: 110px;
	color: var(--gris);
	font-size: 24px;
}

body.single main header nav .nav-links a:hover
{	color: var(--bleu);
}

body.single main header nav .nav-next a
{	position: relative;
	margin-left: 30px;
}

body.single main header nav .nav-next a::after
{	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	display: inline-block;
	right: -50px;
	top: 20px;
	font-size: 70px;
}

body.single main header nav .nav-previous a
{	position: relative;
	margin-right: 30px;
}

body.single main header nav .nav-previous a::before
{	content: "\f053";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	display: inline-block;
	left: -50px;
	top: 20px;
	font-size: 70px;
}


body.single article
{	margin: 0 400px 200px 400px;
}

body.single article > img
{	width:  100%;
	border-radius: 0 0 35px 35px;
}

body.single article > div
{	text-align: left;

}

body.single .date
{	margin: 40px 0 30px 0;
	font-family: "lato_regular";
	font-size: 18px;
}

body.single .date strong
{	font-family: "lato_black";
	font-weight: normal;
}

body.single h1 
{	margin-top: 10px;
	font-family: "lato_black";
	font-size: 60px;
	color: var(--vert);
}

body.single .content
{	margin-top: 40px;
}

body.single article h2
{	font-family: "lato_black";
	font-size: 24px;
}

body.single article p
{	display: block;
	margin-bottom: 30px;
	font-family: "lato_regular";
	font-size: 24px;
}






/* Page */


body.page
{
}


body.page main header > div
{	position:  relative;
	width: 100%;
}

body.page main header img
{	width: 100%;
}

body.page main header > div > div
{	position: absolute;
	top: 200px;
	width: 100%;
	height: calc(100% - 200px);
	display: flex;
	align-items: center;
	justify-content: center;
}

body.page main header h1
{	font-family: "lato_black";	
	font-size: 100px;
	color:  white;
}

body.page main header nav
{	padding: 50px 400px;
	background: var(--gris3);
	text-align: left;
}

body.page main header nav ol
{	display: flex;
}

body.page main header nav ol li:not(:last-of-type)::after
{	content: "-";
	margin: 0 5px;
}

body.page main header nav ol li, body.page main header nav ol li a
{	font-size: 24px;
	color: var(--vert);
}

body.page main header nav ol li[aria-current="page"]
{	text-decoration: underline;
}

body.page main header nav ol li a:hover
{	text-decoration: underline;
	color: var(--bleu);
}

body.page main section
{	padding-bottom: 100px;
}

body.page main section article
{	margin: 100px 400px;
	text-align: left;
	font-size: 24px;
}

body.page main section article h2
{	margin-bottom: 10px;
	color: var(--vert);
}

body.page main section article p
{	margin-bottom: 10px;
}




/* Activités scientifiques */

body.activites-scientifiques main
{	margin-bottom: 100px;
}


body.activites-scientifiques main header > div
{	position:  relative;
	width: 100%;
}

body.activites-scientifiques main header img
{	width: 100%;
}

body.activites-scientifiques main header > div > div
{	position: absolute;
	top: 200px;
	width: 100%;
	height: calc(100% - 200px);
	display: flex;
	align-items: center;
	justify-content: center;
}

body.activites-scientifiques main header h1
{	font-family: "lato_black";	
	font-size: 100px;
	color:  white;
}

body.activites-scientifiques main header nav
{	padding: 50px 400px;
	background: var(--gris3);
	text-align: left;
}

body.activites-scientifiques main header nav ol
{	display: flex;
}

body.activites-scientifiques main header nav ol li:not(:last-of-type)::after
{	content: "-";
	margin: 0 5px;
}

body.activites-scientifiques main header nav ol li, body.activites-scientifiques main header nav ol li a
{	font-size: 24px;
	color: var(--vert);
}

body.activites-scientifiques main header nav ol li[aria-current="page"]
{	text-decoration: underline;
}

body.activites-scientifiques main header nav ol li a:hover
{	text-decoration: underline;
	color: var(--bleu);
}

body.activites-scientifiques section
{	
}

body.activites-scientifiques main section .introduction
{	padding: 100px 400px;
	text-align: left;
	font-size: 24px;
}

body.activites-scientifiques main section article
{	position: relative;
	padding: 30px 400px;
	text-align: left;
	background: var(--gris3);
	font-size:  20px;
}

body.activites-scientifiques main section article:first-of-type
{	padding-top:  70px;
}

body.activites-scientifiques main section article:last-of-type
{	padding-bottom:  70px;
}


body.activites-scientifiques main section h2
{	padding: 70px 400px;
	font-family: "lato_regular";
  	font-size: 40px;
  	text-align: left;
	color: var(--vert);
}

body.activites-scientifiques main section article > a
{	display: block;
	text-decoration: underline;
	margin-top: 10px;
}