:root {
	--color_white_opacity: rgba(255, 255, 255, 0.8);
	--color_1: #003d5a; /* bleu foncé */
	--color_1_opacity: rgba(0, 61, 90, 0.10); /* bleu foncé avec opacité de 10 */
	--color_2:  #00788b; /* bleu turquoise */
	--color_2_opacity: rgba(0, 120, 139, 0.80); /* ça sert en écran réduit */
	--color_3: #ec6608; /* orange */
	--color_4: #00; /* inconnue */
	--color_5: #F4F3F6; /* gris */
	--swiper-pagination-color: var(--color_2);
	--swiper-pagination-bullet-inactive-color: #464646;
	--color_placeholder_base: #757575;
	--color_link_base: black;
	--color_form_error: #b00202;
	--color_form_success: #bbead4;
	--padding_base: 10px;
	--line-height_mobile: 30px;
	--line-height_base: 25px;
	--width_50pc: 50%;
	--width_96pc: 96%;
	--width_90pc: 90%;
	--width_80pc: 80%;
	--max_width_content_base_980: 900px;
	--max_width_content_base_1100: 1000px;
	--max_width_content_base_1300: 1200px;
	--max_width_content_base_1500: 1400px;
	--max_width_content_base: 1500px;
	--box_shadow: -20px 20px 40px rgba(66, 59, 78, 0.3);
	--box_shadow_light: 5px 5px 6px 0px rgba(0,0,0,0.16);
	--box_shadow_bottom: 2px 4px 3px rgba(0,0,0,0.2);
	--box_shadow_top: 0px -4px 7px rgba(0,0,0,0.2);
	
	--text_shadow: 3px 5px 6px #312158;
	--text_shadow_opacity: 3px 5px 6px rgba(49,33,88,0.2);
	--border-radius: 30px;
	--border-radius_50px_gauche: 50px 0 0 50px;
	--border-radius_320px_gauche: 320px 0 0 320px;
	--border-radius_320px_droite: 0 320px 320px 0;
	--border-radius_30px_droite: 0 30px 30px 0;
	--border-radius_320px_haut: 320px 320px 0 0;
	--border-radius_50pc: 50%;
	--border-radius_6px: 6px;
	--border-radius_14px: 14px;
	--border-radius_30px: 30px;
	--border-radius_50px: 50px;
	--border-radius_199px: 199px;
	--border-radius_309px: 309px;
	--font_1: "Montserrat", sans-serif
}
body {
	width: 100%;
	margin: 0;
	font-family: var(--font_1);
	font-size: 1em;
	font-weight: 400;
	color: var(--color_1);
	background-color: white
}
/* Ce qui disparait en écran réduit */
#header_contact, #header_social_wrapper, #cclair_conseil_wrapper .logo_calque, #prise_en_charge_wrapper .logo_calque { display: none }

#notifications {
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: white;
	z-index: 999;
	text-align: center
}
#notifications .error {
	padding: 10px 0 10px 0;
	font-size: 1.1em;
	color: white;
	background-color: #c60000
}
#notifications .success {
	padding: 10px 0 10px 0;
	font-size: 1em;
	color: white;
	background-color: #02c816
}
h1, .h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: var(--color_1)
}
h1 {
	font-size: 2.5em;
	line-height: 1em
}

h2, .h2 { font-size: 2.3em }
h1, .h1 {
	margin-top: 10px;
	margin-bottom: 10px
}
h3 { font-size: 1.6em }
h4 { font-size: 1.4em }
h5, h6 { font-size: 1.3em }
/*.bloc_titre h1::after, .bloc_titre .h1::after {
	display: block;
	content: "";
	width: 120px;
	height: 4px;
	margin-top: 10px;
	background-color: var(--color_1)
}*/
.bloc_titre::before {
	content: "";
	width: 65px;
	height: 65px;
	margin-right: 10px;
	background: url('../img/icons/bloc_titre_bg.webp');
	flex-shrink: 0
}
.bloc_titre_centre {
 	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center
}

.text_center { text-align: center }
.text_uppercase { text-transform: uppercase }
a {
	color: var(--color_link_base);
	text-decoration: underline
}
.lien_couleur_2 a { color: var(--color_2) }
a:hover {
	color: var(--color_1);
	text-decoration: none
}
hr {
	width: 50%;
	height: 0;
	margin: 5px auto;
	border: none;
	border-top: 15px solid var(--color_2);
	-webkit-box-shadow: : var(--box_shadow_light);
	-moz-box-shadow: var(--box_shadow_light);
	box-shadow: var(--box_shadow_light)
}
.bloc {
	padding: var(--padding_base);
	line-height: var(--line-height_mobile);
	font-size: 1em;
	word-wrap: break-word
}
.bloc h1, .bloc h2, .bloc h3, .bloc h4, .bloc h5, .bloc h6, .bloc .soustitre { line-height: normal }
.bloc li {
	list-style-type: '| ';
	margin-top: 8px
}
.bloc li::marker { color: var(--color_3) }
.fond_1 .bloc li::marker, .fond_2 .bloc li::marker { color: white }

.width_100 { width: 100% }
.width_80pc {
	width: var(--width_80pc);
	margin: auto
}
.width_90pc {
	width: var(--width_90pc);
	margin: auto
}
.width_96pc {
	width: var(--width_96pc);
	margin: auto
}
.max_width_1300 {
	max-width: 1300px;
	margin: auto
}
.max_width_1500 {
	max-width: 1500px;
	margin: auto
}
.overflow_hidden { overflow: hidden }
.pos_relative { position: relative }
.margin_top_30 { margin-top: 30px }

/* COULEURS ECRITURE */
.couleur_noir, .couleur_noir a { color: black }
.couleur_blanc, .couleur_blanc a, .couleur_blanc h1, .couleur_blanc .h1, .couleur_blanc h2 { color: white }
.couleur_blanc .h1::after { background-color: white }
.couleur_1 { color: var(--color_1) }
.couleur_2 { color: var(--color_2) }

/* COULEURS FONDS */
.fond_noir { background-color: black }
.fond_blanc { background-color: white }
.fond_blanc_opacite { background-color: var(--color_white_opacity) }
.fond_1 { background-color: var(--color_1) }
.fond_1_opacite { background-color: var(--color_1_opacity) }
.fond_2 { background-color: var(--color_2) }
.fond_3 { background-color: var(--color_3) }


/* BORDURE POUR IMAGE */
.bordure_arrondie_photo_wrapper { position: relative }
.bordure_arrondie_photo_wrapper svg {
	height: 280px;
	width: 280px;
	transform: rotate(90deg)
}
.bordure_arrondie_photo_wrapper svg circle {
	fill: none;
	stroke: var(--color_3);
	stroke-width: 15px;
	transform: translate(20px, 20px);
	stroke-dasharray: 0;
	stroke-dashoffset: 0
}
.bordure_arrondie_photo_wrapper img {
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	transform: translate(-50%, -50%)
}
.bordure_arrondie_photo_wrapper svg circle.svg_border_animation { animation: circle_photo 2.5s forwards }
@keyframes circle_photo {
	from {
		stroke-dasharray: 350
	}
	to {
		stroke-dasharray: 565
	}
}

/* BORDURE POUR BLOCS */
.bordure_arrondie_bloc_et_texte_dehors_wrapper {
	position: relative
}
.bordure_arrondie_bloc_wrapper {
	position: relative;
	width: 260px;
	margin: auto;
	padding: 2.5em
}
.bordure_arrondie_bloc_wrapper svg {
	height: 260px;
	width: 260px;
	transform: rotate(90deg)
}
.bordure_arrondie_bloc_wrapper svg circle {
	fill: none;
	stroke: var(--color_1);
	stroke-width: 25px;
	transform: translate(20px, 20px);
	stroke-dasharray: 0;
	stroke-dashoffset: 0
}
.fond_1 .bordure_arrondie_bloc_wrapper svg circle {
	stroke: var(--color_3)
}
.bordure_arrondie_bloc_wrapper svg circle.svg_border_animation { animation: circle_bloc 2.5s forwards }
@keyframes circle_bloc {
	from {
		stroke-dasharray: 350
	}
	to {
		stroke-dasharray: 520
	}
}

.bordure_arrondie_texte_dedans {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 8em;
	font-weight: 600;
	color: var(--color_2)
}
.bordure_arrondie_texte_dehors {
	display: block;
	text-align: center
}



.bordure_blanc { border: 4px solid white }
.bordure_2 { border: 4px solid var(--color_2) }

.image_arrondie {
	-moz-border-radius: var(--border-radius_50pc);
	-webkit-border-radius: var(--border-radius_50pc);
    border-radius: var(--border-radius_50pc)
}

.image_arrondie_6px {
	-moz-border-radius: var(--border-radius_6px);
	-webkit-border-radius: var(--border-radius_6px);
    border-radius: var(--border-radius_6px)
}
.image_arrondie_199px {
	-moz-border-radius: var(--border-radius_199px);
	-webkit-border-radius: var(--border-radius_199px);
    border-radius: var(--border-radius_199px)
}
.image_arrondie_309px {
	-moz-border-radius: var(--border-radius_309px);
	-webkit-border-radius: var(--border-radius_309px);
    border-radius: var(--border-radius_309px)
}
.bloc_arrondi_gauche {
	-moz-border-radius: 70% 0% 0% 0% / 70% 0% 0% 0%;
	-webkit-border-radius: 70% 0% 0% 0% / 70% 0% 0% 0%;
	border-radius: 70% 0% 0% 0% / 70% 0% 0% 0%
}


/* HEADER */
header {
	z-index: 1000;
	position: fixed;
	top: -30px;
	-webkit-box-shadow: : var(--box_shadow_bottom);
	-moz-box-shadow: var(--box_shadow_bottom);
	box-shadow: var(--box_shadow_bottom);
	transition: top 300ms ease
}
#header_transition_height { height: 30px }
header a { text-decoration: none }
header.sticky {
	height: auto;
	top: 0
}
header.sticky #header_transition_height { display: none }

#header_wrapper {
	display: grid;
	display: -ms-grid;
	grid-template-areas: "header_gauche header_milieu header_droite";
	-ms-grid-columns: 1fr auto 1fr;
	grid-template-columns: 1fr auto 1fr;
	width: var(--width_96pc);
	align-items: center;
	margin: auto
}
#header_gauche {
	grid-area: header_gauche;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex
}
#header_milieu { grid-area: header_milieu }
#header_logo img { width: 160px }


#header_droite {
	grid-area: header_droite;
	justify-self: end;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	align-items: center
}
.header_social {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center
}
#header_droite_infos .a_simulation, #header_contact .a_simulation, #header_social .a_simulation{ margin-right: 5px }
#header_droite_infos .a_simulation, #header_contact .a_simulation, #header_social_wrapper a, #footer_social_wrapper a {
	width: 35px;
	height: 35px;
	padding: 5px;
	box-sizing: border-box;
	fill: white;
	background-color: var(--color_1);
	-moz-border-radius: var(--border-radius_50pc);
	-webkit-border-radius: var(--border-radius_50pc);
    border-radius: var(--border-radius_50pc)
}
#header_droite_infos .a_simulation > svg, #header_social_wrapper svg, #footer_social_wrapper svg {
	width: 20px;
	height: 20px
}
#header_droite_infos svg:hover, #header_social_wrapper svg:hover, #footer_social_wrapper svg:hover { fill: var(--color_3) }

#header_droite_infos{
	padding-left: 4px;
}

#header_wrapper .bouton_pop_up:hover { cursor: pointer }
#header_wrapper .bouton_pop_up:hover .pop_up, #header_wrapper .bouton_pop_up.is_open .pop_up {
	visibility: visible;
	opacity: 1
}
#header_wrapper .pop_up {
	cursor: auto;
	visibility: hidden;
	position: fixed;
	top: 60px;
	right: 20px;
	padding: 15px;
	border-radius: var(--border-radius_6px);
	-moz-border-radius: var(--border-radius_6px);
	-webkit-border-radius: var(--border-radius_6px);
	-webkit-box-shadow: var(--box_shadow);
	-moz-box-shadow: var(--box_shadow);
	box-shadow: var(--box_shadow);
	z-index: 9999;
	opacity: 0;
	-webkit-transition: visibility 0s, opacity 0.5s linear;
	-moz-transition: visibility 0s, opacity 0.5s linear;
	-o-transition: visibility 0s, opacity 0.5s linear;
	transition: visibility 0s, opacity 0.5s linear
}
.pop_up_titre { font-size: 1.3em }
.pop_up_ligne {
	display: grid;
	display: -ms-grid;
	grid-template-areas: "pop_up_icon pop_up_texte";
	-ms-grid-columns: auto 1fr;
	grid-template-columns: auto 1fr;
	grid-gap: 10px;
	gap: 10px;
	margin-bottom: 5px
}
.pop_up_ligne svg {
	grid-area: pop_up_icon
}
.pop_up_texte hr {
	width: 80%;
	margin: 10px auto 5px auto;
	border-top: 1px solid var(--color_1)
}


#main_wrapper { margin-top: 110px }

/* ACCUEIL INTRO */
#accueil_intro {
	width: 90%;
	margin: auto
}
#accueil_intro_texte h1 { color: var(--color_1) }
#accueil_intro_texte .soustitre {
	margin-bottom: 50px;
	font-weight: 700;
	font-size: 2em
}
#accueil_intro_texte strong {
	text-transform: uppercase;
	color: var(--color_1)
}
#accueil_intro_texte .citation {
	display: block;
	padding: 20px;
	margin: 30px auto;
	box-sizing: border-box
}
#accueil_intro_texte .citation:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 90px;
	height: 80px;
	margin-top: -50px;
	margin-left: -100px;
	background-image: url('../img/icons/citation_blanc_before_bg.webp');
	background-size: contain
}
#accueil_intro_texte .citation:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 90px;
	height: 80px;
	right: 50px;
	background-image: url('../img/icons/citation_blanc_after_bg.webp');
	background-size: contain
}

/* LOGOS FILIGRANE */
.logo_bg_bleu {
	background-repeat: no-repeat;
	background-position: top right
}
.logo_bg_bord_gauche {
	background-repeat: no-repeat;
	background-position: left -200px top -200px
}

/* PRESENTATION et VALEURS */
#presentation, #valeurs {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center
}
.valeurs_titre {
	margin-top: 30px;
	font-weight: 600;
	font-size: 1.1em
}

/* POUR LES BACKGROUND IMAGES */
.photo_fond {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover
}
@supports (-webkit-overflow-scrolling: touch) {
	.photo_fond {
		background-attachment: scroll
	}
}


/* CCLAIR CONSEIL et PRISE EN CHARGE */
#cclair_conseil_wrapper .texte_sur_image_wrapper, #prise_en_charge_wrapper .texte_sur_image_wrapper {
	background-color: var(--color_2_opacity)
}

/* OFFRE */
#offre {
	width: 90%;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center
}
.offre_bloc { margin-top: 60px }
.offre_texte {
	margin-top: 15px;
	font-weight: 700
}
.offre_texte span {
	text-transform: uppercase;
	color: var(--color_3)
}

/* AVIS */
#reviews_swipper {
	max-width: 760px;
	margin: auto
}
.review_nom {
	font-weight: 600;
	text-align: right
}


/* PARTENAIRES */
#partenaires {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}
#partenaires img { max-width: 340px }


/* RUBRIQUE INTRO */
#rubrique_intro {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	width: 90%;
	max-width: 1600px;
	margin: auto
}
#rubrique_intro_texte { max-width: 1000px }



/* SWIPER CAROUSEL CORE */
.swiper-carousel {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden
}
.swiper-carousel .swiper-slide, .swiper-carousel swiper-slide { position: relative }

/* CONTENU AVEC 2 COLONNES */
.content_2_cols_wrapper, .content_2_cols_wrapper_width_100 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center
}
.content_2_cols_wrapper.contenu { align-items: flex-start }
.content_2_cols_gauche, .content_2_cols_droite { width: 100% }
.content_2_cols_image { text-align: center }
.content_2_cols_image img {
	display: block;
	margin: auto
}
.content_2_cols_texte { box-sizing: border-box }

.column_reverse {
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse
}




/* DECALAGE BLOC */
.offset_100 {
	opacity: 0;
	transition-timing-function: ease;
	transition-duration: .1s;
	transform: translate3d(0, 100px, 0)
}
.offset_200_left {
	opacity: 0;
	transition-timing-function: ease;
	transition-duration: .1s;
	transform: translate3d(-200px, 0, 0)
}
.offset_200_right {
	opacity: 0;
	transition-timing-function: ease;
	transition-duration: .1s;
	transform: translate3d(200px, 0, 0)
}
.offset_animate {
	opacity: 1;
	transform: translateZ(0);
}
.offset_delay_03 { transition-duration: .3s }
.offset_delay_04 { transition-duration: .4s }
.offset_delay_05 { transition-duration: .5s }
.offset_delay_06 { transition-duration: .6s }
.offset_delay_07 { transition-duration: .7s }
.offset_delay_08 { transition-duration: .8s }
.offset_delay_09 { transition-duration: .9s }
.offset_delay_1 { transition-duration: 1s }
.offset_delay_1_1 { transition-duration: 1.1s }
.offset_delay_1_2 { transition-duration: 1.2s }



/* NEWS */
#news_highlight ul, #news_liste ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em
}
#news_highlight li, #news_liste li {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	transition: .3s ease-in-out
}
#news_highlight .photo, #news_liste .photo {
	width: auto;
	margin: 0 auto 0 auto;
	text-align: center
}
#news_highlight .photo img, #news_liste .photo img {
	display: block;
	width: 100%
}
#news_highlight li.actualite_seule:hover, #news_liste li.actualite_seule:hover {
	-webkit-box-shadow: 2px 2px 5px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 5px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 5px 3px rgba(0,0,0,0.1)
}
#news_highlight .actualite_nom, #news_liste .actualite_nom {
	text-align: center;
	width: 90%;
	margin: 10px auto;
	font-size: 1.3em;
	text-transform: none
}
#news_highlight .actualite_nom a, #news_liste .actualite_nom a {
	color: var(--color_black);
	text-decoration: none
}
#news_highlight .actualite_contenu, #news_liste .actualite_contenu {
	width: 90%;
	margin: auto
}
#news_highlight li .actualite_lire, #news_liste li .actualite_lire {
	position: absolute;
	bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%)
}
#news_highlight li.actualite_seule:not(:hover) svg, #news_liste li.actualite_seule:not(:hover) svg { 
	transform: rotate(0deg);
	transition: all 0.2s ease-out
}
#news_highlight li.actualite_seule:hover svg, #news_liste li.actualite_seule:hover svg { 
	transform: rotate(90deg);
	transition: all 0.3s ease-in;
}

#breadcrumb {
	width: auto;
	min-height: 25px;
	margin: 0;
	color: var(--color_2);
	font-size: 0.9em;
	font-weight: 700;
	display: table-cell
}
#breadcrumb a {
	color: var(--color_1);
	text-decoration: none;
	font-weight: 400
}
#breadcrumb img {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle
}
.read_time { font-size: 0.9em }

img { border: 0 }
.invisible { display: none }
.span_visible { display: inline }
.div_visible { display: block }
img, object, embed, canvas, video, audio, picture {
	max-width: 100%;
	height: auto
}
div.clearfix, span.clearfix {
    display: block;
    clear: both
}
ul.pagination {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 5px;
	margin: 10px auto;
	list-style-type: none;
	list-style-image: none;
	text-align: center
}
ul.pagination li {
	padding: 0;
	margin: 0 5px 0 5px
}
ul.pagination li a {
	color: var(--color_1);
	font-size: 1.1em
}
ul.pagination li.active a { text-decoration: none }
.error_404 a { color: black; font-size: 1.1em }
.height_5, .height_10, .height_20, .height_30, .height_40, .height_50, .height_60, .height_80, .height_100, .height_150 {
	width: 100%
}
.height_5 { height: 5px }
.height_10 { height: 10px }
.height_20 { height: 20px }
.height_30 { height: 30px }
.height_40 { height: 40px }
.height_50 { height: 50px }
.height_60 { height: 60px }
.height_80 { height: 80px }
.height_100 { height: 100px }
.height_150 { height: 150px }
.shadow {
	-webkit-box-shadow: : var(--box_shadow);
	-moz-box-shadow: var(--box_shadow);
	box-shadow: var(--box_shadow)
}
.shadow_light {
	-webkit-box-shadow: : var(--box_shadow_light);
	-moz-box-shadow: var(--box_shadow_light);
	box-shadow: var(--box_shadow_light)
}
.bouton_action_1, .bouton_action_2 {
	display: inline-block;
	margin: 10px auto;
	padding: 10px 40px 10px 30px;
	font-family: var(--font_1);
	font-weight: 700;
	-webkit-box-shadow: : var(--box_shadow);
	-moz-box-shadow: var(--box_shadow);
	box-shadow: var(--box_shadow);
	text-decoration: none;
	text-align: center;
	-moz-border-radius: var(--border-radius_14px);
	-webkit-border-radius: var(--border-radius_14px);
    border-radius: var(--border-radius_14px);
    -webkit-transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;
	transition: all .6s ease-in
}
.bouton_action_1 {
	background-color: white;
	color: var(--color_3)
}
.bouton_action_2 {
	background-color: var(--color_1);
	color: var(--color_3)
}
.bouton_action_1 a, a.bouton_action_1 {
	color: var(--color_3);
	text-decoration: none
}
.bouton_action_2 a, a.bouton_action_2, a.lien_pdf {
	color: var(--color_3);
	text-decoration: none
}
.bouton_action_1:hover, .bouton_action_2:hover, .lien_pdf:hover {
	opacity: 0.8
}

/* CADRE DECALAGE */
.cadre_decalage {
	position: relative;
	z-index: 0;
	display: inline-block
}
.cadre_decalage::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	border: 6px solid var(--color_1);
	background-color: transparent
}
.cadre_decalage_haut_gauche::before {
	transform: translate(-30px,-30px)
}
.cadre_decalage_haut_droite::before {
	transform: translate(30px,-30px)
}
.cadre_decalage_bas_gauche::before {
	transform: translate(-30px,30px)
}
.cadre_decalage_bas_droite::before {
	transform: translate(30px,30px)
}

.seo_villes {
	font-family: var(--font_1);
	font-size: 1.1em
}

/* DIAPORAMA AVEC BLOC TEXTE */
#page_image_titre_texte_wrapper { position: relative }
#page_image_titre_texte_wrapper img {
	display: block;
	width: 100%
}

/* DIAPORAMA */
#slider_page_wrapper {
	position: relative;
	clear: left;
	width: auto;
	height: auto;
	max-height: 800px;
	margin: 0;
	padding: 0;
	overflow: hidden
}
#slider_page_wrapper img {
	display: block;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none
}
#slider_page ul, #slider_page li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-height: 700px;
	list-style: none
}
#slider_page li { display: none }
#slider_page li:first-child { display: block }
#slider_page, #slider_page li { overflow: hidden }
#slider_page, #slider_page img { width: 100% }
.slider_titre {
	font-size: 1.3em;
	color: #dcbb7f;
	text-transform: uppercase
}
.slider_titre a {
	color: #5e94b5;
	text-decoration: none
}

.slider_texte_gauche_wrapper, .slider_texte_droite_wrapper, .slider_texte_milieu_wrapper {
	position: absolute;
	width: 200px;
	text-align: center;
	background-color: rgba(255,255,255,0.6);
	top: 50%;
	transform: translateY(-50%)
}
.slider_texte_gauche_wrapper { left: 5% }
.slider_texte_droite_wrapper { right: 5% }
.slider_texte_milieu_wrapper { left: 35% }

/* DIAPORAMA AVEC 2 COLONNES */
#page_image_intro_wrapper {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center
}
	
#page_titre_intro_wrapper {
	background-color: var(--color_2);
	padding: var(--padding_base);
	display : block;
}


/* Accordion */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix::before,
.ui-helper-clearfix::after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix::after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	min-height: 39px;
	margin: 20px 0 0 0;
	padding: 20px;
	font-size: 1.2em;
	background-color: #f9f9fa;
}
.ui-accordion .ui-accordion-header-active { background-color: var(--color_2) }
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
	background-color: var(--color_3);
	color: var(--color_3)
}

/* Component containers
----------------------------------*/

.ui-widget-header {
	border: 1px solid var(--color_1);
	background: var(--color_1);
	color: black;
	font-weight: bold
}
.ui-widget-header a {
	color: black
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	font-weight: 200;
	color: black
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: black;
	text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	font-weight: 200;
	color: black;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: black;
	text-decoration: none
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	font-weight: 200
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: var(--color_2);
	background-color: white
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: white;
	text-decoration: none
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	flex-shrink: 0;
	width: 21px;
	height: 21px;
	margin-left: 10px;
	margin-top: 3px
}
/*
.ui_icon_plus { background-image: url("../img/icons/ui_icon_plus_bg.webp") }
.ui_icon_moins { background-image: url("../img/icons/ui_icon_moins_bg.webp") }
*/



.youtube-wrapper, .youtube-wrapper-2, .youtube-wrapper-3, .youtube-container, .youtube-container-2, .youtube-container-3 {
	width: 95%;
	max-width: 640px;
	margin: 0 auto
}
.youtube-wrapper-2, .youtube-wrapper-3, .youtube-container-2, .youtube-container-3 { margin-top: 10px }
.video-wrapper, .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#map_wrapper, #map_wrapper iframe {
  width: 100%;
  height: 350px;
  border: 0
}
#retour_haut {
	position: fixed;
	bottom: 70px;
	right: 25px;
	cursor: pointer;
	display: none;
	opacity: 0.8;
	z-index: 9999
}
#preview_blank { height: 80px }
#preview_mode {
	font-family: var(--font_1);
	position: fixed;
	bottom: 0;
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	background-color: rgba(126,33,126,0.9)
}
/* FOOTER */
#footer {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	width: var(--width_96pc);
	margin: auto;
	padding-bottom: 10px
}
#footer_liens ul {
	margin: 0;
	padding: 0
}
#footer_liens li {
	list-style: none;
	margin: 0;
	padding: 10px 0 5px 0
}
#footer_liens li a { text-decoration: none }
#footer_mobile_height {
	display: block;
	height: 75px
}
#footer_mobile_wrapper {
	display: block;
	position: fixed;
	box-sizing: border-box;
	bottom: 0;
	z-index: 999;
	background-color: transparent
}
#footer_mobile {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center	
}
#footer_mobile > div {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	height: 50px;
	padding: 10px;
	flex-basis: 50%
}
#footer_mobile a {
	display: block;
	width: 100%;
	text-decoration: none
}
#footer_mobile_tel { flex-shrink: 0 }


/* MENU */
#menu_dropdown_icon {
	position: relative;
	cursor: pointer;
	height: 32px;
	width: 32px;
	margin-right: 20px;
	z-index: 1000;
	flex-shrink: 0
}
.menu_dropdown_icon_line {
	width: 100%;
	height: 4px;
	margin-top: 5px;
	background-color: var(--color_3)
}
#menu_dropdown_wrapper {
	position: fixed;
	display: none;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	top: 0;
	width: 100%;
	z-index: 999
}
#menu_dropdown_wrapper.is_open {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex
}
#menu_dropdown {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	background: var(--color_3);
	visibility: hidden;
	overflow-y: auto
}
#menu_dropdown_content {
	position: relative;
	height: 100vh;
	overflow-y: auto;
	background-size: cover;
	background-position: center
}
#menu_dropdown_ul_gauche {
	margin-top: 100px;
	margin-bottom: 0
}
#menu_dropdown_ul_droite { margin-top: 0 }
.menu_dropdown_ul li {
	padding: 0;
	margin: 10px 0 15px 0;
	list-style-type: none;
	list-style-image: none
}
/*.menu_dropdown_ul li:first-child { padding-top: 10px }*/
.menu_dropdown_ul .menu_dropdown_li_a_wrapper {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between
}
.menu_dropdown_li_icon {
	flex-grow: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 20px;
	background-color: white;
	color: white;
	clip-path: polygon(100% 0, 0 0, 50% 100%)
}
.menu_dropdown_ul li.is_open .menu_dropdown_li_icon {
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}
.menu_dropdown_ul .niveau2 .menu_dropdown_li_icon { display: none }
.menu_dropdown_ul .niveau2 .menu_dropdown_li_a_wrapper { display: block }
.menu_dropdown_ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: white
}
.menu_dropdown_ul li a:hover { color: var(--color_2) }
.menu_dropdown_ul .niveau2 { display: none }
.menu_dropdown_ul .niveau2 li { margin: 12px 0 12px 0 }

@media all and (min-width:650px) {
	/* NEWS */
	#news_highlight li.actualite_seule, #news_liste li.actualite_seule { 
		width: 450px;
		margin: 40px auto
	}
	
	/* PARTENAIRES */
	#partenaires {
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-around;
		-webkit-justify-content: space-around
	}
	#partenaires img { max-width: 180px }
}
@media all and (min-width: 800px) {
	.contenu_2_cols {
		column-count: 2;
		column-gap: 50px
	}
	.contenu_2_cols p:first-child { margin: 0 }
	
	
}
@media all and (min-width: 980px) {
	/* HEADER */
	header { height: 190px }
	#header_wrapper { margin: 5px auto }
	#header_milieu { width: 210px }
	header.sticky #header_wrapper { height: 100px }
	header.sticky #header_logo img { width: 150px }
	#header_contact, #header_social_wrapper { display: block }
	#header_wrapper .pop_up {
		top: 90px;
		right: 30px
	}
	header.sticky #header_wrapper .pop_up { top: 70px }
	#header_logo img { width: 210px }
	
	#main_wrapper { margin-top: 160px }
	.bloc { line-height: var(--line-height_base) }
	.width_980, .content_center {
		width: 980px;
		margin: auto
	}
	.image_arrondie_gauche {
		-moz-border-radius: var(--border-radius_320px_gauche);
		-webkit-border-radius: var(--border-radius_320px_gauche);
	    border-radius: var(--border-radius_320px_gauche)
	}
	.image_arrondie_droite {
		-moz-border-radius: var(--border-radius_320px_droite);
		-webkit-border-radius: var(--border-radius_320px_droite);
	    border-radius: var(--border-radius_320px_droite)
	}
	.image_arrondie_haut {
		-moz-border-radius: var(--border-radius_320px_haut);
		-webkit-border-radius: var(--border-radius_320px_haut);
	    border-radius: var(--border-radius_320px_haut)
	}
	
	
	/* CADRE ROTATION */
	.cadre_rotation {
		position: relative;
		z-index: 0;
		display: inline-block
	}
	.cadre_rotation::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		border: 6px solid var(--color_1);
		background-color: transparent;
		transition: transform .5s ease-in-out;
		transform: rotate(45deg)
	}
	.cadre_rotation:hover::before {
		transform: rotate(135deg)
	}
	
	
	
	
	/* ACCUEIL INTRO */
	#accueil_intro {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		align-items: flex-start;
		position: relative
	}
	#accueil_intro_image {
		position: sticky;
		top: calc(180px);
		flex-basis: 25%;
		flex-shrink: 0
	}
	#accueil_intro_texte { flex-basis: 50% }
	
	
	/* RUBRIQUE INTRO */
	#rubrique_intro {
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		align-items: flex-start
	}
	#rubrique_intro_image {
		position: sticky;
		top: calc(130px)
	}
	
	/* BORDURE POUR IMAGE */
	.bordure_arrondie_photo_wrapper svg {
		height: 320px;
		width: 320px
	}
	.bordure_arrondie_photo_wrapper svg circle {
		stroke-width: 19px
	}
	.bordure_arrondie_photo_wrapper img { width: 300px }
	@keyframes circle_photo {
		from {
			stroke-dasharray: 350
		}
		to {
			stroke-dasharray: 665
		}
	}
	
	/* CCLAIR CONSEIL et PRISE EN CHARGE */
	#cclair_conseil_wrapper .bloc_titre_centre, #prise_en_charge_wrapper .bloc_titre_centre {
		justify-content: flex-start;
		-webkit-justify-content: flex-start
	}
	#cclair_conseil_wrapper .texte_sur_image_wrapper, #prise_en_charge_wrapper .texte_sur_image_wrapper {
		width: 50%;
		max-width: 745px;
		margin: auto;
		padding: 10px 50px;
		box-sizing: border-box;
		background-color: var(--color_2);
		-moz-border-radius: var(--border-radius_50px);
		-webkit-border-radius: var(--border-radius_50px);
    	border-radius: var(--border-radius_50px)
	}
	
	/* LOGOS FILIGRANE */
	.logo_bg_bord_gauche { background-position: left -150px top -150px }
	
	
	/* OFFRE */
	#offre {
		width: 90%;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		align-items: flex-start
	}
	.offre_bloc {
		margin-top: 60px;
		flex-basis: 30%;
		flex-shrink: 0
	}
	.offre_bloc:nth-child(2) { margin-top: 120px }
	.offre_texte {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		justify-content: center;
		height: 150px
	}
	
	
	
	
	
	/* NEWS */
	#news_highlight ul, #news_liste ul {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		flex-wrap: wrap
	}
	#news_highlight li.actualite_seule, #news_liste li.actualite_seule { 
		width: 320px;
		margin: 20px 0 20px 0
	}
	#news_liste li.actualite_seule { margin: 25px }
	
	#news_highlight .actualite_nom, #news_liste .actualite_nom {
		height: 50px;
		overflow: hidden
	}
	#news_highlight .photo, #news_liste .photo {
		height: 200px;
		overflow: hidden;
		text-align: center
	}
	#news_highlight li.actualite_seule:hover .photo img, #news_liste li.actualite_seule:hover .photo img { 
		opacity: 100%;
		transition: all 0.2s ease-in
	}
	#news_highlight .actualite_contenu, #news_liste .actualite_contenu {
		width: 90%;
		height: 120px
	}
	
	
	
	/* PARTENAIRES */
	#partenaires img { max-width: 250px }
	
	
	
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper {
		max-width: var(--max_width_content_base_980);
		margin: auto;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row
	}
	.content_2_cols_wrapper_width_100 {
		width: 100%;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row
	}
	.content_2_cols_gauche, .content_2_cols_droite { width: var(--width_50pc) }
	.content_2_cols_gauche { margin-right: 60px }
	.content_2_cols_droite { margin-left: 30px }
	
	.content_2_cols_image {
		max-width: 90%;
		flex-grow: 0
	}
	.content_2_cols_texte { max-width: 90% }
	
	.content_2_cols_wrapper_width_100 .content_2_cols_gauche .content_2_cols_texte { margin-left: 5% }
	.content_2_cols_wrapper_width_100 .content_2_cols_image { max-width: none }
	
	
	.content_2_cols_gauche, .content_2_cols_droite { width: var(--width_50pc) }
	
	/* CONTENU AVEC 2 COLONNES MAIS AVEC LARGEUR DIFFERENTES  */
	.content_2_col_relative {
		position: relative;
	}
	.content_2_cols_small {
		margin-left: 60px;
		width: 40%
	}
	
	.content_2_cols_small .content_2_cols_texte {
		width: 90%;
		margin: auto
	}
	.content_2_cols_large {
		width: 60%;
		max-width: 1050px
	}
	
	/* DIAPORAMA AVEC 2 COLONNES */
	#page_image_intro_wrapper {
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row
	}
	#page_image_wrapper {
		width: 50%;
		flex-shrink: 0;
		align-self: stretch
		
	}
	#page_image_wrapper img {
		height: 100%;
		object-fit: cover
		
	}
	
	
	
	
	
	
	.youtube-wrapper-2 {
		float: left;
		width: 45%;
		margin: 0 40px 0 0
	}
	.width_980 .width_80pc .youtube-wrapper-2 {
		width: 41%;
		margin: 10px 25px 10px 25px
	}
	.youtube-wrapper-3 {
		float: left;
		width: 30%;
		margin: 0 20px 0 0
	}
	
	
	/* FOOTER */
	#footer {
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between
	}
	#footer_liens ul {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: center;
		-webkit-justify-content: center
	}
	#footer_liens ul li::after {
		content: '-';
		float: right;
		padding: 0 6px 0 6px;
		color: white
	}
	#footer_liens ul li:last-child::after { content: none }
	
	
	#menu_dropdown { padding: 0 }
	#menu_dropdown_icon { margin-right: 30px }
	#footer_mobile_height, #footer_mobile_wrapper { display: none }
	
	
	
	
	
	
	
	#retour_haut { bottom: 55px }
}

@media all and (min-width:1100px) {
	
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base_1100) }
	
	/* PRESENTATION et VALEURS */
	#presentation, #valeurs {
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		align-items: flex-start
	}
	#presentation > div:nth-child(2) { margin-top: 180px }
	#presentation > div:nth-child(3) { margin-top: 360px }
	.valeurs_titre { margin-top: 0 }
	.bordure_arrondie_texte_dehors {
		display: inline;
		position: absolute;
		top: 320px;
  		transform: translateX(150px);
		text-align: left
	}

	
	#menu_dropdown { overflow-y: hidden }
	#menu_dropdown_content {
		display: -ms-grid;
		display: grid;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "menu_gauche menu_droite";
		margin-left: auto;
		margin-right: auto
	}
	#menu_dropdown_ul_gauche {
		margin-top: 0;
		grid-area: menu_gauche
	}
	#menu_dropdown_ul_droite { grid-area: menu_droite }
	.menu_dropdown_ul {
		height: 100%;
		position: relative;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		justify-content: center;
		-webkit-justify-content: center
	}
	.menu_dropdown_ul li {
		width: 20vw;
		margin: 10px 0 10px 0
	}
	.menu_dropdown_ul .niveau2 li { margin: 11px 0 9px 0 }
	.menu_dropdown_ul li.visage .niveau2 { margin-top: -180px }
	.menu_dropdown_ul li.med_esthetique .niveau2 { margin-top: -460px }
	.menu_dropdown_li_icon, .menu_dropdown_ul li.is_open .menu_dropdown_li_icon {
		clip-path: polygon(100% 50%, 0 0, 0 100%)
	}
	.menu_dropdown_ul li:hover .menu_dropdown_li_icon {
		transform: rotate(90deg);
		transition: 300ms linear all;
		-webkit-transition: 300ms linear all
	}
	.menu_dropdown_ul .niveau2 {
		position: absolute;
		top: -20px;
		margin-left: 20vw;
		height: 100vh
	}
	
	#page_image_texte_wrapper { max-width: 400px}
	
	
	
}
@media all and (min-width:1300px) {
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base_1300) }
	
	/* CCLAIR CONSEIL et PRISE EN CHARGE */
	#cclair_conseil_wrapper, #prise_en_charge_wrapper { height: 780px }
	#cclair_conseil_wrapper .logo_calque, #prise_en_charge_wrapper .logo_calque {
		display: block;
		position: absolute;
		z-index: 10;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		pointer-events: none
	}
	#cclair_conseil_wrapper .texte_sur_image_wrapper {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10%
	}
	#prise_en_charge_wrapper .texte_sur_image_wrapper {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 10%
	}
	
	/* PARTENAIRES */
	#partenaires img { max-width: 340px }
	
	/* FOOTER */
	#footer_gauche {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		align-items: center;
		flex-shrink: 0
	}
	#footer_logo { margin-right: 30px }
	
}
@media all and (min-width:1500px) {
	.content_center { width: 1200px }
	
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base_1500) }
}
@media all and (min-width:1600px) {
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base) }
	
	/* BORDURE POUR IMAGE */
	.bordure_arrondie_photo_wrapper svg {
		height: 470px;
		width: 470px
	}
	.bordure_arrondie_photo_wrapper img { width: 450px }
	@keyframes circle_photo {
		from {
			stroke-dasharray: 350
		}
		to {
			stroke-dasharray: 1020
		}
	}
	
	/* PRESENTATION et VALEURS */
	.bordure_arrondie_texte_dehors {
		top: 260px;
  		transform: translateX(200px)
	}
	
	/* PARTENAIRES */
	#partenaires {
		width: 90%;
		margin: auto
	}
	
}