/* CSS Document */

.blocSimple {
	background-color:var(--grisClair);
	padding:40px;
}

/** bloc à la une { **/
.blocALaUne {
	background-color:var(--vertFonce);
	color:var(--vertClair);
	font-family:inter;
	font-size:18px;
	line-height:22px;
	font-weight:400;
	padding:40px;
}

.blocALaUne hr {
	border-color:var(--vertClair);
}

.blocALaUne .blocALaUneTitre {
	font-family:kaftan;
	font-size:40px;
	font-weight:400;
	line-height:60px;
	margin-bottom:60px;
	text-align:center;
}

.blocALaUne .blocALaUneDateTitre {
	font-size:20px;
	line-height:22px;
}

.blocALaUne .blocALaUneActualiteTitre {
	font-size:24px;
	line-height:26px;
	text-transform:uppercase;
}

.blocALaUne .sitBouton {
	border-color:var(--vertClair);
}

/** fin bloc à la une } **/

/** bloc contact { **/
.blocContact {
	color:var(--vertFonce);
	font-family:inter;
	font-size:14px;
	line-height:14px;
	font-weight:400;
	padding:40px;
	text-transform:uppercase;
}

.blocContact .rdc2Col .rdcCol, .blocContact .blocContactUnElem {
	padding:20px !important;
}

.blocContact label {
	font-weight:700;
	display:block;
	margin:0 0 10px 0;
	width:100%;
}

.blocContact label+div {
	display:block;
	margin:0;
	width:100%;
}

.blocContact input:is([type="text"], [type="number"]), .blocContact textarea, .blocContact select {
	background-color:white;
	border:1px solid var(--vertFonce);
	line-height:30px;
	height:30px;
	margin:0;
	padding:2px;
}
.blocContact option {
	text-transform:uppercase;
}

.blocContact input[type=number] {
	width:100px;
}
.blocContact textarea {
	line-height:120%;
}

.blocContact input[type=submit] {
	background-color:white;
	border-color:var(--vertFonce);
	color:var(--vertFonce);
	width:150px;
	height:30px;
	line-height:25px;
	text-transform:uppercase;
}

.blocContact *.erreur {
	border-color:var(--rouge) !important;
	color:var(--rouge);
}
/** fin bloc à la une } **/

/** bloc grande image { **/
.blocGrdImg {
	position:relative;
}
.blocGrdImg h2 {
	margin-bottom:20px;
	text-transform:uppercase;
}
.blocGrdImg img {
	vertical-align:top;
	width:100%;
}
.blocGrdImg .blocGrdImgTexte {
	color:white;
	text-align:center;
	
	position:absolute;
	top:50%;
	left:10%;
	right:10%;
	transform:translate(0, -50%);
}
/** fin bloc grande image } **/

/** bloc2Colonnes { **/
.bloc2Colonnes {
	background-color:#f2f2f2;
}
.bloc2ColonnesBlocNewsletter {
	margin:30px 0;
	text-align:center;
}
.bloc2ColonnesBlocNewsletter .titre {
	font-family:kaftan;
	font-size:40px;
	line-height:125%;
	margin-bottom:5px;
}

.bloc2ColonnesBlocReseaux {
	margin:30px 0;
	text-align:center;
}
.bloc2ColonnesBlocReseaux .titre {
	font-family:kaftan;
	font-size:40px;
	line-height:125%;
	margin-bottom:5px;
}
.bloc2ColonnesBlocReseaux img {
	height:30px;
	margin:10px;
}

.bloc2ColonnesBlocTxt {
	margin-bottom:40px;
}
.bloc2ColonnesBlocTxt h1, .blocs2ColonnesIframe h1 {
	line-height:50px;
	text-align:left;
}

.bloc2ColonnesBlocImg {
	margin-bottom:40px;
}
.bloc2ColonnesBlocImg img {
	border-radius:15px;
}
.bloc2Colonnes .rdcCol:nth-child(1) .bloc2ColonnesBlocImg {
	text-align:right;
}
/** fin bloc2Colonnes } **/

/** blocAccordeons { **/
.blocAccordeons {
	background-color:#eff2e9;
	padding:40px;
}

.blocAccordeons .blocAccordeon {
	border-top:1px solid var(--vertFonce);
}
.blocAccordeons .blocAccordeon:last-of-type {
	border-bottom:1px solid var(--vertFonce);
}
.blocAccordeons .blocAccordeon .titre {
	font-family:inter;
	font-size:20px;
	font-weight:600;
	line-height:22px;
	padding:15px 0;
	position:relative;
}
.blocAccordeons .blocAccordeon .texte {
	font-family:inter;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	padding:15px 0 45px 0;
}
.blocAccordeons .blocAccordeonPlusMoins {
	cursor:pointer;
	display:block;
	height:30px;
	width:30px;
	position:absolute;
	right:11px;
	top:11px;
}
.blocAccordeons .blocAccordeonPlusMoins div {
	border-top:1px solid var(--vertFonce);
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
}
.blocAccordeons .blocAccordeonPlusMoins div:nth-child(1) {
	transform:rotate(-90deg);
}



/** fin blocAccordeon } **/

/** blocBlog { **/
.blocBlog {
	background-color:#f6ecf7;
	padding:40px;
}
.blocBlog .support {
	margin:0 auto;
	max-width:800px;
}

.blocBlogPost {
	display:inline-block;
	margin-left:20px;
	vertical-align:top;
	width:calc(calc(100% - 40px) / 3);
}
.blocBlogPost:nth-child(3n+1) {
	margin-left:0;
}
.blocBlogPost .image {
	border-radius:20px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
	padding-top:100%;
	vertical-align:top;
}
.blocBlogPost .image img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit:cover;
	min-height:100%;
	min-width:100%;
	vertical-align:top;
}
.blocBlogPost .titre {
	font-family:inter;
	font-size:25px;
	font-weight:500;
	line-height:30px;
	margin-bottom:10px;
}
.blocBlogPost .court {
	border-top:1px solid var(--vertFonce);
	font-family:inter;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	margin-bottom:40px;
	padding-top:20px;
}

.blocBlogBouton {
	text-align:center;
	text-transform:uppercase;
}
/** fin blocBlog } **/

/** blocQqChiffres { **/
.blocQqChiffres {
	background-color:#eff2e9;
	padding:40px;
}

.blocQqChiffres .intro, .blocQqChiffresIntro {
	text-align:center;
}
.blocQqChiffres .intro {
	margin-bottom:70px;
}

.blocQqChiffres .blocQqChiffre {
	color:var(--rouge);
	display:inline-block;
	padding:0 20px;
	vertical-align:top;
	width:25%;
}
.blocQqChiffres .blocQqChiffre .chiffre {
	font-family:kaftan;
	font-size:50px;
	font-weight:400;
	line-height:60px;
	margin-bottom:18px;
	text-align:center;
}
.blocQqChiffres .blocQqChiffre .chiffre input {
	text-align:inherit;
}
.blocQqChiffres .blocQqChiffre .txt {
	border-top:1px solid var(--rouge);
	font-family:inter;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	margin:20px 0 40px 0;
	padding-top:18px;
	text-align:center;
}
/** fin blocQqChiffres } **/

/** blocTexteImages { **/
.blocTexteImages {
	background-color:#eff2e9;
}
.blocTexteImages .support {
	margin:0 auto;
	max-width:870px;
	padding:40px;
}
.blocTexteImages .texte, .blocTexteImagesIframe {
	font-size:18px;
	text-align:center;
}
.blocTexteImages .images {
	margin-top:40px;
}
.blocTexteImages .rdcBouton {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.blocTexteImages .rdcCol {
	overflow:hidden;
	padding:0 0 0 15px;
}
.blocTexteImages .rdcCol:first-of-type {
	padding:0 15px 0 0;
}
.blocTexteImages .masque {
	border-radius:15px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}
.blocTexteImages .image {
	overflow:hidden;
	position:relative;
}
.blocTexteImages .image:hover {
	border:1px solid red;
	transform:scale(1.15);
}
.blocTexteImages img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.blocTexte1Image .masque .image {
	padding-top:50%;
}

.blocTexte2Images .masque .image {
	padding-top:100%;
}

.blocTexte3Images .masque.masque1 .image {
	padding-top:100%;
}
.blocTexte3Images .masque.masque2 .image {
	padding-top:calc(50% - 15px);
}
.blocTexte3Images .masque.masque3 .image {
	padding-top:calc(50% - 15px);
}

.blocTexte4Images .masque.masqueHaut .image {
	padding-top:calc(50% - 15px);
}
.blocTexte4Images .masque.masqueBas .image {
	padding-top:calc(50% - 15px);
}
/** fin blocTexteImages } **/

/** blocTémoignage { **/
.blocTemoignages {
	background-color:#fdfcf5;
	color:var(--vertFonce);
	padding:40px;
	text-align:center;
}

.blocTemoignages .temoignage {
	display:none;
}
.blocTemoignages .temoignage:first-of-type {
	display:block;
}
.blocTemoignages .court {
	font-family:kaftan;
	font-size:30px;
	font-weight:400;
	line-height:40px;
	margin-bottom:20px;
}
.blocTemoignages .nomAge {
	font-family:inter;
	font-size:14px;
	font-weight:400;
	line-height:17px;
	margin-bottom:20px;
}

.blocTemoignages .boutons {
	padding-bottom:20px;
}
.blocTemoignages .boutons div {
	border:2px solid var(--vertFonce);
	border-radius:10px;
	cursor:pointer;
	display:inline-block;
	margin:0 5px;
	width:20px;
	height:20px;
}
.blocTemoignages .boutons div.sel {
	background-color:var(--vertFonce);
}

/** fin blocTémoignage } **/

/** blocVignettes { **/
.blocVignettes {
	color:var(--vertClair);
	padding:40px;
}

.blocVignettes .blocVignetteIntro, .blocVignetteIntroIframe {
	text-align:center;
}
.blocVignettes .blocVignetteIntro {
	margin-bottom:40px;
}

.blocVignettes .blocVignette, .blocVignettesVignetteIframe {
	color:var(--vertFonce);
	text-align:center;
}
.blocVignettes .blocVignette {
	background-color:white;
	border-radius:30px;
	display:inline-block;
	margin:10px 0 10px 20px;
	padding:28px;
	position:relative;
	vertical-align:top;
	width:calc(50% - 10px);
}
.blocVignettes .blocVignette:nth-child(2n) {
	margin-left:0;
}

.blocVignettes.image-rectangulaire .image {
	border-radius:21px;
	padding-top:50%;
	position:relative;
}
.blocVignettes.image-ronde .image {
	border-radius:66%;
	margin-left:33.5%;
	margin-right:33.5%;
	padding-top:33%;
	position:relative;
}
.blocVignettes .image {
	margin-bottom:57px;
	overflow:hidden;
}

.blocVignettes .image img {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	object-fit:cover;
}

.blocVignettes .blocVignette .bouton {
	text-align:center;
}

.blocVignettes .blocVignettesBoutonBasBloc {
	border:1px dashed var(--vertClair);
	border-radius:12px;
	color:var(--vertClair);
	display:block;
	font-size:18px;
	font-weight:400;
	line-height:14px;
	margin-top:40px;
	padding:19px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
/** fin blocVignettes } **/

/** ALERTE INFO { **/
.blocAlerteInfo .blocAlerteInfoTexte {
	display:inline-block;
	font-size:20px;
	line-height:25px;
	padding:40px;
	vertical-align:top;
	width:60%;
}
.blocAlerteInfo .blocAlerteInfoTexte.seul {
	margin:0 20%;
	text-align:center;
}
.blocAlerteInfo .blocAlerteInfoUne {
	display:inline-block;
	padding:40px;
	text-align:center;
	vertical-align:top;
	width:40%;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport {
	border-radius:15px;
	background-color:var(--vertClair);
	display:none;
	text-align:center;
	vertical-align:top;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport:first-of-type {
	display:block;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport .titre {
	color:var(--vertFonce);
	font-family:Merriweather;
	font-weight:700;
	font-size:25px;
	line-height:31px;
	padding:20px;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport hr {
	border-color:var(vertFonce);
	margin:0;
	padding:0;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport .texte {
	color:var(--vertFonce);
	font-family:inter;
	font-weight:400;
	font-size:18px;
	line-height:22px;
	padding:20px 40px;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport a {
	display:inline-block;
	font-size:14px;
	line-height:14px;
	margin-bottom:20px;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport .boutons {
	padding-bottom:20px;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport .boutons div {
	border:2px solid var(--vertFonce);
	border-radius:5px;
	cursor:pointer;
	display:inline-block;
	margin:0 3px;
	width:10px;
	height:10px;
}
.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport .boutons div.sel {
	background-color:var(--vertFonce);
}
/** FIN ALERTE INFO } **/

@media only screen and (max-width:860px) {
	.blocSimple, .blocBlog, .blocAccordeons, .blocQqChiffres, .blocVignettes, .blocALaUne {
		padding:20px;
	}

/** blocQqChiffres { **/
	.blocQqChiffres .blocQqChiffre {
		width:50%;
	}
/** fin blocQqChiffres } **/

/** blocTexteImages { **/
	.blocTexteImages {
		padding:20px;
	}
	.blocTexteImages .rdcCol {
		padding:0 0 0 10px;
	}
	.blocTexteImages .rdcCol:first-of-type {
		padding:0 10px 0 0;
	}
	.blocTexteImages .masque {
		margin-bottom:20px;
	}
/** fin blocTexteImages } **/

/** ALERTE INFO { **/
	.blocAlerteInfo .blocAlerteInfoTexte {
		display:block;
		margin:0 auto;
		max-width:700px;
		text-align:center;
		width:100%;
	}
	.blocAlerteInfo .blocAlerteInfoUne {
		display:block;
		width:100%;
	}
/** FIN ALERTE INFO } **/

}

@media only screen and (max-width:600px) {
/** blocTexteImages { **/
	.blocTexteImages .rdcCol {
		padding:0 !important;
	}
/** fin blocTexteImages } **/

/** bloc témoignages { **/
	.blocTemoignages .court {
		font-size:25px;
		line-height:30px;
	}
/** fin bloc témoiganges } **/

/** blocContact { **/
	.blocContact .rdc2Col .rdcCol, .blocContact .blocContactUnElem {
		padding:10px 0 !important;
	}
/** fin blocContact } **/

}

@media only screen and (max-width:500px) {
/** ALERTE INFO { **/
	.blocAlerteInfo .blocAlerteInfoTexte {
		padding:20px;
	}
	.blocAlerteInfo .blocAlerteInfoUne {
		padding:20px;
	}
	.blocAlerteInfo .blocAlerteInfoUne .blocAlerteInfoUneSupport .texte {
		padding:20px;
	}
/** FIN ALERTE INFO } **/
}