:root {
	--color_white_opacity: rgba(255, 255, 255, 0.8);
	--color_1: #7F3621; /* marron */
	--color_2:  #F2D388; /* doré */
	--color_3: #F4F3F6; /* gris */
	--color_3_opacity: rgba(244, 243, 246, 0.8);
	--color_5: #030304; /* gris foncé */
	--swiper-pagination-color: var(--color_2);
	--swiper-pagination-bullet-inactive-color: #464646;
	--color_1_opacity: rgba(15, 38, 73, 0.7);
	--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);
	--box_shadow_actes: 5px 10px 40px rgba(66, 59, 78, 0.3);
	--text_shadow: 3px 5px 6px #7F3621;
	--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_30px: 30px;
	--border-radius_199px: 199px;
	--border-radius_309px: 309px;
	--font_1: museo-sans, sans-serif;
	--font_2: ivymode, sans-serif
}
body {
	width: 100%;
	margin: 0;
	font-family: var(--font_1);
	font-size: 1em;
	font-weight: 400;
	background-color: white
}
/* Ce qui disparait en écran réduit */
#header_logo, #header_contact, #header_social_wrapper, #logo_rubrique { 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-family: var(--font_2);
	font-weight: 400;
	text-transform: uppercase;
	color: var(--color_1)

}
h1 {
	font-size: 2.5em;
	line-height: 1em
}
h1, .h1 {
	margin-top: 10px;
	margin-bottom: 10px
}
h2, .h2 { font-size: 2.3em }
.h2_puce h2 {
	margin-top: 8px;
	padding-left: 35px;
	list-style-type: none;
	line-height: 2em;
	background-image: url('../img/icons/li_puce_jaune_bg.png');
	background-position: left;
	background-repeat: no-repeat
}
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_centre {
 	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	justify-content: center;
	-webkit-justify-content: center
 }
 .soustitre {
 	margin: 10px 0 10px 0;
 	font-size: 2.1em;
 	font-style: italic;
 	font-family: var(--font_2);
 	color: var(--color_1)
 }
.text_center { text-align: center }
.text_uppercase { text-transform: uppercase }
.text_italic { font-style: italic }
a {
	color: var(--color_link_base);
	text-decoration: underline
}
.lien_couleur_2 a { color: var(--color_2) }
a:hover {
	color: var(--color_2);
	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
}
.bloc h1, .bloc h2, .bloc h3, .bloc h4, .bloc h5, .bloc h6 { line-height: normal }
.bloc li {
	margin-top: 8px;
	padding-left: 30px;
	list-style-type: none;
	line-height: 2em;
	background-image: url('../img/icons/li_puce_jaune_bg.png');
	background-repeat: no-repeat
}

.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 }


/* 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) }


/* BORDURES */
.bordure_blanc { border: 4px solid white }
.bordure_2 { border: 7px solid var(--color_1) }

.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;
	background-color: var(--color_1);
	-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_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: var(--color_1);
	background-color: white;
	-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_2) }

#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: 30px;
	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)
}

/* RECHERCHE */
#recherche_form {
    width: 210px;
    height: 35px;
    margin: 0;
    background-color: white
}
#recherche_expression {
    width: 155px;
    height: 35px;
	margin-bottom: 5px;
	padding-left: 15px;
	border: none;
	background-color: transparent
}
#recherche_expression::placeholder {
	color: var(--color_1);
	opacity: 1;
	font-size: 0.9em
}
#recherche_expression:-ms-input-placeholder { color: var(--color_1); font-size: 0.9em; font-style: italic }
#recherche_expression::-ms-input-placeholder { color: var(--color_1); font-size: 0.9em; font-style: italic }
#search_form {
	width: 200px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: no-wrap
}
#search_form input[type=submit] {
    width: 35px;
    height: 35px;
    background: url('../img/icons/search_form_bg.svg') no-repeat center transparent;
    cursor: pointer;
    border: none
}
#search_form input:focus-visible { outline: none }
#main_wrapper { margin-top: 40px }

/* ACCUEIL INTRO */
#accueil_intro_wrapper { margin-top: 80px }
#accueil_soustitre {
	margin: 10px 0 10px 0;
	font-size: 2.1em;
 	font-family: var(--font_2);
 	color: var(--color_1);
 	text-transform: uppercase
}

/* TITRE RUBRIQUE FINALE */
#titre_rubrique {
	z-index: 1;
	text-align: center;
}

#logo_rubrique {
	padding: 10px;
}

/* LISTE DES RUBRIQUES */

.acte_photo img { display: block }
.acte_nom {
	position: relative;
	width: 100%;
	bottom: 0;
	padding: 20px 0 20px 0;
	background-color: var(--color_1)
}
.acte_nom a {
	font-size: 1.2em;
	text-decoration: none
}

/* LOGOS EN BACKGROUND */
.logo_bg_centre {
	background-repeat: no-repeat;
	background-position: center;
}
.logo_bg_droite{
	background-repeat: no-repeat;
	background-position: right;
}
.logo_bg_auteur {
	background-repeat: no-repeat;
	background-position: bottom right
}


/* VALEURS */
#valeurs_texte_wrapper {
		width: 90%;
		max-width: 1600px;
		padding: 30px;
    	box-sizing: border-box;
		margin: auto;
		font-weight: 500;
		font-size: 1.2em;
		text-align: center;
}

/* CADRE ROTATION */
.cadre_rotation_valeur {
	position: relative;
	z-index: 0;
	display: inline-block;
	padding: 25px;
	margin: 30px;
}
.cadre_rotation_valeur::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	border: 6px solid var(--color_2);
	background-color: transparent;
	transition: transform .5s ease-in-out;
	transform: rotate(45deg)
}
.cadre_rotation_valeur:hover::before {
	transform: rotate(135deg)
}
	

/* SOINS PRATIQUES */
#soins_wrapper {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}
#soins_wrapper img { 
	display: block;
	}
.soin_wrapper .flip_card {
	position: absolute;
	width: 85%;
	height: 85%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.soin_wrapper .flip_card_inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.soin_wrapper .flip_card:hover .flip_card_inner {
	-webkit-transform: rotateX(0) rotateY(180deg);
	transform: rotateX(0) rotateY(180deg);
	
}
.soin_wrapper .flip_card_front, .soin_wrapper .flip_card_back {
	position: absolute;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: var(--color_white)
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	box-sizing: border-box
}
.soin_wrapper .flip_card_front {
	background-color: rgba(127, 54, 33, 0.7);
	border: 6px solid white
}
.soin_wrapper .flip_card_back {
	background-color: rgba(127, 54, 33, 0.7);
	transform: rotateY(180deg);
	border: 6px solid white
}
.soins_nom {
	font-size: 1.2em;
	text-transform: uppercase;
	color: white;
	text-shadow: var(--text_shadow)
}
.soins_nom .flip_card_back {
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}

.soins_texte {
	color: white;
}
#besoin_texte_footer {
	padding: 20px 30px;
	box-sizing: border-box
}

/* FICHES INFOS */
#fiches_infos_wrapper a {
	font-size: 1.1em;
	text-decoration: none
}


/* 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;
	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
}




/* 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 }

/* DOCTEUR ACCUEIL */
#docteur_wrapper_bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: var(--color_2)
}

/* INFORMATIONS UTILES */

#infos_utiles h2{
	padding:10px 10px 10px 40px;
}


/* FAQ */
#faq {
	width: 90%;
	margin: auto
}
#faq h3 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	color: var(--color_1);
	text-transform: none;
	font-family: var(--font_2);
	font-weight: 400;
}


/* 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 {
	display: block;
	padding: 8px 0 8px 0;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: right
}

#slider_page_wrapper #breadcrumb_wrapper {
	position: absolute;
	left: 5%
}
#slider_page_wrapper #breadcrumb, #slider_page_wrapper #breadcrumb a { color: white }
#breadcrumb {
	width: auto;
	min-height: 25px;
	margin: 0;
	color: black;
	font-size: 0.9em;
	font-weight: 700;
	display: table-cell
}
#breadcrumb a {
	color: black;
	text-decoration: none;
	font-weight: 700
}
#breadcrumb img {
	display: inline!important;
	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, .lien_fiche {
	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-shadow: var(--text_shadow_opacity);
	text-decoration: none;
	text-align: center;
	-webkit-transition: opacity .6s ease-in, outline-offset .3s ease-in-out;
	-moz-transition: opacity .6s ease-in, outline-offset .3s ease-in-out;
	-o-transition: opacity .6s ease-in, outline-offset .3s ease-in-out;
	transition: opacity .6s ease-in, outline-offset .3s ease-in-out;
	outline: 3px solid var(--color_1);
	outline-offset: 5px
}
.bouton_action_1 {
	background-color: var(--color_1);
	color: var(--color_2)
}
.bouton_action_2 {
	background-color: var(--color_1);
	color: white
}
.bouton_action_1 a, a.bouton_action_1, a.lien_fiche {
	color: var(--color_2);
	text-decoration: none;
	margin: 20px 40px 0 0
}
.bouton_action_2 a, a.bouton_action_2 {
	color: white;
	text-decoration: none
}
.bouton_action_1:hover, .bouton_action_2:hover, .lien_fiche:hover {
	opacity: 0.8;
	outline-offset: 2px
}
.bouton_action_1::after, .bouton_action_2::after {
	position: absolute;
	margin-left: 5px;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.bouton_action_1:hover::after, .bouton_action_2:hover::after {
	margin-left: 15px
}
/* 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;
}


/* AUTEUR */
#auteur_container {
	margin: auto;
	padding: 25px;
}

/* 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.4em;
	background-color: transparent
}
.ui-accordion .ui-accordion-header-active { background-color: transparent }
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
	background-color: transparent;
	color: var(--color_5)
}

/* 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: 24px;
	height: 24px;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 10px
}
.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: 450px;
  border: 0
}
#map_wrapper iframe {
	filter: grayscale(1);
}
#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_social_menu_wrapper {
	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;
	border-bottom: 1px solid var(--color_2)
}
#footer_menu ul, #footer_liens ul {
	margin: 0;
	padding: 0
}
#footer_menu li, #footer_liens li {
	list-style: none;
	margin: 0;
	padding: 10px 0 5px 0
}
#footer_menu li a, #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: white
}
#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 }
#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: 50px;
	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
	}
	.actualite_lire { margin-left: 20px }
}
@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: 170px }
	#header_wrapper { margin: 5px auto }
	#header_milieu {
		position: relative;
		width: 159px
	}
	#header_logo { display: block }
	header.sticky #header_wrapper { height: 100px }
	header.sticky #header_logo img { width: 100px }
	#header_contact, #header_social_wrapper { display: block }
	#header_wrapper .pop_up {
		top: 80px;
		right: 80px
	}
	
	#main_wrapper { margin-top: 140px }
	.bloc { line-height: var(--line-height_base) }
	.width_980, .content_center {
		width: 980px;
		margin: auto
	}
	.height_sans_diapo { height: 150px }
	.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)
	}
		/* LOGOS EN BACKGROUND */
	.logo_bg_centre { background-size: auto }
	.logo_bg_droite, .logo_bg_auteur{ background-size: auto }

	.logo_bg_auteur {
		background-repeat: no-repeat;
		background-position: left 20%
	}
	
	/* TITRE RUBRIQUE FINALE */
	#titre_rubrique_wrapper {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		transform: translateY(-78px);
	  	height: 150px;
	  	box-sizing: border-box;
	  	justify-content: flex-end;
	  	-webkit-justify-content: flex-end;
	  	align-items: center
	}
	#titre_rubrique{
		width: 1500px;
		text-align: left;
		padding: 30px;
	}
	
	#logo_rubrique {
		z-index: 10;
		display: block;
		flex-shrink: 0;
		transform: translateX(100px)
	}
	#titre_rubrique h1 {
		padding-left: 90px
	}
	
	.cadre_rotation_rubrique {
		position: relative;
		z-index: 0;
		display: inline-block;
		padding: 25px;
		margin: 30px;
	}
	.cadre_rotation_rubrique::before {
		z-index: -1;
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		border: 6px solid white;
		background-color: var(--color_1);
		transition: transform .5s ease-in-out;
		transform: rotate(45deg)
	}
	.cadre_rotation_rubrique:hover::before {
		transform: rotate(135deg)
	}

	
	
	/* 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_wrapper { margin-top: 40px }
	#accueil_intro {
		width: 90%;
		margin: auto
	}
	#accueil_intro_texte {
		width: 90%;
		margin: auto
	}
	
	/* VALEURS */
	#valeurs_wrapper {
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	height: 600px
	}
	
	#valeurs_texte_wrapper {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: space-between;
	-webkit-justify-content: space-between
	}
	.valeurs_bloc { width: 25% }
	.valeurs_bloc img { margin-top: 0 }
	

	
	/* SOINS PRATIQUES */
	#accueil_soins_wrapper {
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-wrap: wrap
	}

	#soins_wrapper {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		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;
		gap: 40px;
	}


	#accueil_soins_wrapper
	.soins_texte {
	font-size: 0.9em;
	}
	.soin_wrapper .flip_card {
		position: absolute;
		width: 60%;
		height: 60%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-perspective: 1000px;
		perspective: 1000px
	}
	#besoin_texte_footer {
		padding: 20px 90px
	}
	
	/* 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 li.actualite_seule:hover, #news_liste li.actualite_seule:hover {
		z-index: 50;
		transform: scale(1.05,1.05)
	}
	#news_highlight .actualite_nom, #news_liste .actualite_nom {
		height: 50px;
		overflow: hidden;
		text-align: left
	}
	#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
	}
	
	
	#intro_wrapper{
	float: right;
	padding: 20px;
	width: 50%;
}
	
	
	/* FAQ */
	#faq h3 { padding: 15px 15px 5px 15px }
	
	
	
	
	
	/* 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
	}
	.content_2_cols_wrapper_width_100 {
		width: 100%;
		flex-direction: row;
		-webkit-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
	}
	#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_social_menu_wrapper {
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between
	}
	#footer_gauche {
		margin-right: 30px;
		flex-shrink: 0
	}
	#footer_menu { flex-grow: 1 }
	#footer_menu ul {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between
	}
	#footer_menu li {
		margin-left: 10px;
		margin-right: 10px
	}
	#footer_liens ul {
		display: flex;
		display: -webkit-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) }
	

	
	#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;
		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
	}
	.menu_dropdown_ul .techniques .niveau2 { top: -300px }
	
	#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) }
	
	
	/* SOINS PRATIQUES */
	#accueil_docteur_wrapper, #accueil_docteur_wrapper .content_2_cols_wrapper { height: 730px }
	#accueil_actes_swipper_wrapper {
		max-width: 1500px;
		margin: auto
	}
	#accueil_soins {
		height: 700px;
		justify-content: center;
		-webkit-justify-content:center
	}
	#accueil_soins .swiper-slide { width: 300px!important }
	
	/* VALEURS */
	#valeurs_wrapper {
		display: flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		justify-content: center;
		-webkit-justify-content: center;
		height: 600px
	}
	#valeurs_texte_wrapper {
		width: 90%;
		max-width: 1300px;
		padding: 20px;
    	box-sizing: border-box;
		margin: auto
	}
	
}
@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) }
	/* FOOTER */
	#footer_menu li {
		margin-left: 20px;
		margin-right: 20px
	}
	
	
}
@media all and (min-width:1600px) {
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base) }
}
@media all and (min-width:1700px) {
	/* FOOTER */
	#footer_menu li {
		margin-left: 40px;
		margin-right: 40px
	}
}