:root {
	--color_black: black;
	--color_white: white;
	--color_white_opacity: rgba(255, 255, 255, 0.8);
	--color_1: #5987A1; /* bleu */
	--color_2: #6ABEC6; /* bleu turquoise */
	--color_3: #FA7945; /* orange */
	--color_4: #FAFAFA; /* gris très clair */
	--color_1_opacity: rgba(15, 38, 73, 0.7);
	--color_placeholder_base: #757575;
	--color_link_base: #5987A1;
	--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(0,0,0,0.169);
	--box_shadow_light: 2px 2px 3px rgba(0,0,0,0.4);
	--box_shadow_bottom: 2px 4px 3px 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: 50px;
	--border-radius_50pc: 50%;
	--border-radius_30px: 30px;
	--font_1: 'Barlow', sans-serif;
}
body {
	width: 100%;
	margin: 0;
	font-family: var(--font_1);
	font-size: 1em;
	font-weight: 400;
	color: var(--color_1)
}
/* Ce qui disparait en écran réduit */
#header_logo, #header_contact, #accueil_titre_wrapper, #virgule_slogan, .bloc_op_texte { 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
}
h1, .h1, h2, h3 { text-transform: uppercase }
.h1, h1 {
	font-size: 2.1em;
	color: var(--color_1);
	line-height: 1em
}
h2, .h2 {
	font-size: 1.9em;
	color: var(--color_1)
}
h1, .h1 {
	margin-top: 40px
}
h3 { font-size: 1.7em }
h4 { font-size: 1.4em }
h5, h6 { font-size: 1.3em }

.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_2);
	text-decoration: none
}
hr {
	width: 90%;
	height: 1px;
	margin: 5px auto;
	border: none;
	border-top: 1px solid var(--color_2)
}
.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;
	background-image: url('../img/icons/li_puce_bleu_bg.png');
	background-repeat: no-repeat	
}
.fond_1 .bloc li { background-image: url('../img/icons/li_puce_blanc_bg.png') }

.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: var(--color_black) }
.couleur_blanc, .couleur_blanc a, .couleur_blanc h1, .couleur_blanc .h1, .couleur_blanc h2 { color: var(--color_white) }
.couleur_1 { color: var(--color_1) }
.couleur_2 { color: var(--color_2) }

/* COULEURS FONDS */
.fond_noir { background-color: var(--color_black) }
.fond_blanc { background-color: var(--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: 8px solid var(--color_white) }
.bordure_2 { border: 8px 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)
}


/* HEADER */
header {
	z-index: 1000;
	position: fixed;
	top: -30px;
	background-color: var(--color_white);
	-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_logo_mobile_wrapper {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	justify-content: center;
	-webkit-justify-content: center;
	width: var(--width_96pc);
	margin: 8px auto
}
#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_docteur {
	margin-top: 20px;
	font-size: 2em;
	font-weight: 600
}


#header_droite {
	grid-area: header_droite;
	justify-self: end;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	align-items: center
}
.header_droite_bouton {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	width: 40px
}
.header_social {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content:center;
	align-items: center;
	width: 32px;
	height: 32px
}
#header_droite svg { fill: var(--color_3) }
#header_droite svg:hover { fill: var(--color_1) }


.bouton_pop_up:hover { cursor: pointer }
.bouton_pop_up:hover .pop_up, .bouton_pop_up.is_open .pop_up {
	visibility: visible;
	opacity: 1
}
.pop_up {
	cursor: auto;
	visibility: hidden;
	position: fixed;
	top: 30px;
	right: 10px;
	padding: 15px;
	border-radius: var(--border-radius);
	-moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
	-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_2)
}
.pop_up_texte br {
	margin-bottom: 7px
}

/* BLOC DOCTEUR */
#banner_docteur, #acte_correction, #faq_wrapper {
	background-repeat: no-repeat;
	background-position: bottom right
}
#banner_docteur h2 {
	font-weight: 300;
	font-size: 1.5em;
	text-transform: none;
	color: var(--color_2)
}

/* ACCUEIL INSTITUT */
#institut_slider_wrapper .splide__arrow {
    background: transparent;
    opacity: 1;
    width: 40px;
    top: unset;
    bottom: 10%
}
#institut_slider_wrapper .splide__arrow svg {
    height: 150px;
    width: 150px
}
#institut_slider li img { width: 100% }
#institut_thumb_slider_wrapper ul li:first-child { margin: 15px 10px 10px 0 }
#institut_thumb_slider_wrapper ul li { margin: 15px 0px }
#institut_thumb_slider_wrapper ul li { border: none }
#institut_wrapper h3 {
	font-weight: 300;
	font-size: 1.5em;
	text-transform: none;
	color: var(--color_white)
}

/* ACTES PRATIQUES */
#accueil_actes_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
}
.accueil_acte_nom_virgule {
	position: absolute;
	bottom: 10px;
	font-weight: 400;
	font-size: 1.2em;
	text-shadow: var(--text_shadow);
}
.accueil_acte_nom a {
	font-size: 1.4em;
	text-decoration: none
}
.accueil_acte_nom_virgule .virgule { width: 200px }

/* EQUIPE */
#banner_equipe h3 {
	font-weight: 300;
	font-size: 1.5em;
	text-transform: none;
	color: var(--color_2)
}

/* BLOCS OPERATOIRES */
h3#blocs_op_soustitre {
	font-weight: 300;
	font-size: 1.5em;
	text-transform: none;
	color: var(--color_white)
}
#blocs_op_wrapper {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: space-between;
	-webkit-justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}
#blocs_op_wrapper img { display: block }
.bloc_op_wrapper .flip_card {
	position: absolute;
	width: 90%;
	height: 150px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.bloc_op_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
}
.bloc_op_wrapper .flip_card:hover .flip_card_inner {
	-webkit-transform: rotateX(0) rotateY(180deg);
	transform: rotateX(0) rotateY(180deg)
}
.bloc_op_wrapper .flip_card_front, .bloc_op_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: white;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	box-sizing: border-box
}
.bloc_op_wrapper .flip_card_front {
	background-color: rgba(89,135,161,0.8);
	border: 8px solid white
}
.bloc_op_wrapper .flip_card_back {
	background-color: rgba(89,135,161,0.9);
	transform: rotateY(180deg);
	border: 8px solid white
}
.bloc_op_nom {
	font-size: 1.2em;
	text-transform: uppercase;
	text-shadow: var(--text_shadow)
}

/* SWIPER - SURCHARGE */
.swiper-slide img.bordure_blanc { box-sizing: border-box }
.swiper-pagination {
	position: relative!important;
	margin-top: 25px
}

/* AUTEUR */
#auteur_soustitre {
	font-weight: 300;
	font-size: 1.5em;
	color: var(--color_2)
}
#auteur_boutons a { margin-right: 20px }

/* 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
}
#menu_dropdown {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 30px 0 0 0;
	font-size: 1.1em;
	background: var(--color_white);
	visibility: hidden;
	overflow-y: auto
}
#menu_dropdown_content {
	position: relative;
	height: 100vh;
	overflow-y: auto
}
#menu_dropdown_logo {
	padding: 10px 0;
	text-align: center
}
#menu_dropdown_logo img { max-width: 70% }
#menu_dropdown_ul {
	margin-top: 50px;
	background-color: var(--color_2)
}
#menu_dropdown_ul li {
	padding: 0;
	margin: 10px 0 20px 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: black;
	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: var(--color_black)
}
#menu_dropdown_ul li a:hover { color: var(--color_white) }
#menu_dropdown_ul .niveau2 { display: none }
#menu_dropdown_ul .niveau2 li { margin: 12px 0 12px 0 }




/* RECHERCHE */
#recherche_form {
    width: 210px;
    height: 35px;
    margin: 0;
    background-color: #f7f7f7;
    border: 1px solid var(--color_3);
    -moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius)
}
#recherche_expression {
    width: 168px;
    height: 35px;
	margin-bottom: 5px;
	padding-left: 15px;
	border: none;
    color: #757575;
    background-color:transparent
}
#recherche_expression::placeholder {
	color: var(--color_placeholder_base);
	opacity: 1;
	font-size: 0.9em;
	font-style: italic
}
#recherche_expression:-ms-input-placeholder { var(--color_placeholder_base); font-size: 0.9em; font-style: italic }
#recherche_expression::-ms-input-placeholder { var(--color_placeholder_base); 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.png') no-repeat center transparent;
    cursor: pointer;
    border: none
}
#search_form input:focus-visible { outline: none }
#main_wrapper { margin-top: 115px }

.surtitre {
	color: var(--color_2);
	font-weight: 300
}
.surtitre::before, .surtitre::after { content: "-" }
.soustitre { font-size: 1.1em }


/* CONTENU AVEC 2 COLONNES */
.content_2_cols_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
}
.content_2_cols_wrapper.contenu { align-items: flex-start }
.content_2_cols_gauche, .content_2_cols_droite { width: 100% }
.content_2_cols_image {
	max-width: 90%;
	flex-grow: 0
}
.content_2_cols_texte {
	max-width: 90%;
	box-sizing: border-box
}

/* 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_05 { transition-duration: .5s }
.offset_delay_07 { transition-duration: .7s }

/* CADRE AUTOUR DES PHOTOS */
.cadre_decalage {
	position: relative;
	z-index: 0;
	display: inline-block
}
.cadre_decalage::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
	border: 2px solid var(--color_2);
	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) }













/* SURTITRE et TITRE BANNIERE EN COMMUN */
.banner_surtitre, .banner_titre { text-shadow: var(--text_shadow) }
.banner_surtitre {
	font-size: 1.6em;
	font-weight: 300
}
.banner_titre {
	margin-top: 20px;
	margin-bottom: 20px
}







/* FAQ */
#faq {
	width: 90%;
	margin: auto
}
#faq h3 {
	text-transform: none;
	font-family: var(--font_1)
}




/* NEWS */
#news_highlight ul, #news_liste ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em
}
#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_lire, #news_liste li .actualite_lire {
	display: block;
	text-align: center
}
#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.5em
}
#news_highlight .actualite_nom a, #news_liste .actualite_nom a { text-decoration: none }
#news_highlight .actualite_resume, #news_liste .actualite_resume { padding: 5px }

/* LISTE DES RUBRIQUES */
.liste_rubriques {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap
}
.liste_rub { 
	margin-bottom: 20px
}
.liste_rub_photo {
	position: relative;
	overflow: hidden
}
.liste_rub_photo img { display: block }
.liste_rub_nom { width: 100% }
.liste_rub_nom a {
	display: block;
	width: 89%;
	padding: 30px 15px;
	font-size: 1.4em;
	color: var(--color_white);
	text-decoration: none
}

#breadcrumb {
	width: auto;
	min-height: 25px;
	margin: 0;
	color: var(--color_1);
	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: #4F7083;
	font-size: 1.1em
}
ul.pagination li.active a { text-decoration: none }
.error_404 a { color: var(--color_2); 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)
}
.bouton_action_1, .bouton_action_2, .lien_fiche {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin: 10px auto;
	padding: 8px 30px 8px 30px;
	font-weight: 600;
	text-shadow: var(--text_shadow_opacity);
	text-decoration: none;
	text-align: center;
	-moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
	-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: var(--color_3);
	color: var(--color_white)
}
.bouton_action_2 {
	background-color: var(--color_2);
	color: var(--color_1)
}
.bouton_action_1 a, a.bouton_action_1, a.lien_fiche {
	color: var(--color_white);
	text-decoration: none
}
.bouton_action_2 a, a.bouton_action_2 {
	color: var(--color_1);
	text-decoration: none
}
.bouton_action_1:hover, .bouton_action_2:hover, .lien_fiche:hover { opacity: 0.8 }

.seo_villes { font-size: 0.8em }

/* DIAPORAMA UNE IMAGE */
#page_image_titre_wrapper {
	position: relative
}
#page_image_wrapper img {
	display: block;
	width: 100%
}
#accueil_slogan {
	position: absolute;
	max-width: 60%;
	bottom: 20%;
	left: 10px;
	font-style: italic;
	font-size: 1.3em;
	color: var(--color_2)
}


/* DIAPORAMA */
#slider_page_wrapper {
	position: relative;
	clear: left;
	width: auto;
	height: auto;
	max-height: 700px;
	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% }





/* 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-content {
	padding: 0 2em 0 2em;
	border-top: 0;
	overflow: auto;
	background-color: transparent;
	box-shadow: var(--box_shadow_light)
}
/* Component containers
----------------------------------*/

.ui-widget-header {
	border: 1px solid var(--color_3);
	background: var(--color_3);
	color: var(--color_black);
	font-weight: bold
}
.ui-widget-header a {
	color: var(--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
}
.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 {
	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
}
.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 {
	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: var(--color_white);
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: var(--color_white);
	text-decoration: none;
}

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

/* states and images */
.ui-icon {
	flex-shrink: 0;
	width: 39px;
	height: 39px;
	margin-left: 10px
}
.ui_icon_plus { background-image: url("../img/icons/li_puce_bleu_bg.png") }
.ui_icon_moins { background-image: url("../img/icons/li_puce_bleu_bas_bg.png") }

.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
}
#footer_droite img {
	display: inline-block;
	max-width: 150px;
	margin: 25px
}
#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_liens li a:hover { color: var(--color_2) }
#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 }

@media all and (min-width:650px) {
	
	/* DIAPORAMA UNE IMAGE */
	#accueil_titre_wrapper {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.3em;
		font-weight: 700
	}
	#virgule_slogan { display: block }
	.virgule { width: 200px }
	
	/* BLOCS OPERATOIRES */
	.bloc_op_wrapper .flip_card { height: 300px }
	.bloc_op_nom { font-size: 1.5em }
	.bloc_op_texte {
		display: block;
		width: 70%
	}
	
	
	
	
	
	/* FOOTER */
	#footer_gauche img { width: 200px }
	
	/* LISTE DES RUBRIQUES */
	.liste_rubriques {
		justify-content: space-between;
		-webkit-justify-content: space-between
	}
	.liste_rub { flex-basis: 48% }
	.liste_rub_photo img {
		-moz-border-radius: 30px 30px 0 0;
		-webkit-border-radius: 30px 30px 0 0;
    	border-radius: 30px 30px 0 0
	}
	.liste_rub_nom {
		-moz-border-radius: 0 0 30px 30px;
		-webkit-border-radius: 0 0 30px 30px;
    	border-radius: 0 0 30px 30px
	}
	
	/* NEWS */
	#news_highlight li.actualite_seule, #news_liste li.actualite_seule { 
		width: 450px;
		margin: 40px auto;
	}
}
@media all and (min-width: 800px) {

	.contenu_2_cols {
		column-count: 2;
		column-gap: 50px
	}
	.contenu_2_cols p:first-child { margin: 0 }
	
	/* DIAPORAMA */
	.slider_bloc_texte { padding: 0 30px 0 30px }
	.slider_titre {	font-size: 1.5em }
	
	.slider_texte { height: 100px }
	
	.slider_texte_gauche_wrapper { left: 18% }
	.slider_texte_droite_wrapper { right: 18% 	}
	.slider_texte_gauche_wrapper, .slider_texte_droite_wrapper, .slider_texte_milieu_wrapper {
		width: 350px;
		text-align:left
	}
}
@media all and (min-width: 980px) {
	/* HEADER */
	header { height: 206px }
	#header_wrapper { margin: 8px auto }
	#header_logo, #header_contact { display: block }
	#header_docteur {
		margin-top: 0;
		font-size: 2.7em
	}
	
	.pop_up { top: 95px }
	.header_droite_bouton { margin-left: 5px }
	#header_logo_mobile_wrapper { display: none }
	.width_980, .content_center {
		width: 980px;
		margin: auto
	}
	#menu_dropdown { padding: 0 }
	#menu_dropdown_icon { margin-right: 30px }
	#footer_mobile_height, #footer_mobile_wrapper { display: none }
	
	#main_wrapper { margin-top: 175px }
	.bloc { line-height: var(--line-height_base) }
	
	/* DIAPORAMA UNE IMAGE */
	#accueil_titre_wrapper {
		left: 100px;
		font-size: 2.4em
	}
	#accueil_titre_wrapper .bloc { line-height: 40px }
	#virgule_slogan { margin-left: -80px }
	#accueil_slogan {
		left: 100px;
		font-size: 1.7em
	}
	
	/* ACTES PRATIQUES */
	#accueil_actes_wrapper {
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-wrap: wrap
	}
	.accueil_acte_wrapper { width: 49% }
	.accueil_acte_wrapper:nth-child(3), .accueil_acte_wrapper:nth-child(4) { margin-top: 30px }
	/*.accueil_acte_wrapper img {
		-webkit-transition: -webkit-filter 1s cubic-bezier(.25,.1,.25,1);
		transition: -webkit-filter 1s cubic-bezier(.25,.1,.25,1);
		-o-transition: filter 1s cubic-bezier(.25,.1,.25,1);
		transition: filter 1s cubic-bezier(.25,.1,.25,1);
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
		transform: scale(1.1)
	}
	.accueil_acte_wrapper img:hover {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-o-filter: blur(0);
		-ms-filter: blur(0);
		filter: blur(0)
	}*/
	.accueil_acte_nom_virgule { left: 110px }
	.accueil_acte_nom a { font-size: 1.8em }
	.accueil_acte_nom_virgule .virgule { margin-left: -70px }
	.accueil_acte_nom_virgule img {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-o-filter: blur(0);
		-ms-filter: blur(0);
		filter: blur(0)
	}
	
	/* BLOCS OPERATOIRES */
	#blocs_op_wrapper {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
	}
	
	
	/* 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_gauche, .content_2_cols_droite { width: var(--width_50pc) }
	.content_2_cols_gauche { margin-right: 30px }
	.content_2_cols_droite { margin-left: 30px }
	
	.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;
		min-height: 700px
	}
	.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
	}
	
	
	
	
	
	
	
	
	
	
	/* FOOTER */
	#footer {
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between
	}
	#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 }
	
	
	
	
	
	
	
	/* NEWS */
	#news_highlight ul, #news_liste ul {
		display: flex;
		display: -webkit-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 { transform: translateY(-20px) }
	#news_highlight .actualite_nom, #news_liste .actualite_nom {
		height: 60px;
		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: 115px;
		margin: auto
	}
	#news_highlight li .actualite_lire, #news_liste li .actualite_lire {
		margin-right: 30px;
		text-align: right
	}
	.youtube-wrapper-2 {
		float: left;
		width: 45%;
		margin: 0 40px 0 0
	}
	.youtube-wrapper-3 {
		float: left;
		width: 30%;
		margin: 0 20px 0 0
	}
	#retour_haut { bottom: 15px }
}

@media all and (min-width:1100px) {
	/* BLOCS OPERATOIRES */
	.bloc_op_wrapper .flip_card { width: 430px }
	
	#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 3fr;
		grid-template-columns: 1fr 3fr;
		grid-template-areas: "logo menu";
		margin-left: auto;
		margin-right: auto
	}
	#menu_dropdown_logo {
		grid-area: logo;
		margin-left: 10%;
		margin-right: 20px;
		padding: 0;
		overflow: hidden
	}
	#menu_dropdown_logo img { max-width: 100% }
	#menu_dropdown_ul {
		height: 100%;
		grid-area: menu;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-justify-content: center;
	}
	#menu_dropdown_ul li {
		width: 28vw;
		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: 28vw;
		height: 100vh
	}
	
	#page_image_texte_wrapper { max-width: 400px}
	#page_image_surtitre { font-size: 1.5em }
	#page_image_titre { font-size: 2.2em }
	
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base_1100) }
	
	
	
	
	
	
	
}
@media all and (min-width:1300px) {
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base_1300) }
	
	/* DIAPORAMA UNE IMAGE */
	#accueil_titre_wrapper { font-size: 2.8em }
	#accueil_titre_wrapper .bloc { line-height: 60px }
	.virgule { width: 320px }
	#accueil_slogan { font-size: 1.9em }
	
	
	
	
	
	
	

	/* FOOTER */
	#footer_droite img { max-width: none }
	
}
@media all and (min-width:1500px) {
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base_1500) }
	
	/* DIAPORAMA UNE IMAGE */
	#accueil_titre_wrapper {
		left: 220px;
		font-size: 3.3em
	}
	 #virgule_slogan { margin-left: -190px }
	.virgule { width: 521px }
	#accueil_slogan {
		left: 220px;
		font-size: 2.1em
	}
	
	/* ACTES PRATIQUES */
	.accueil_acte_nom.bloc { line-height: 50px }
	.accueil_acte_nom a { font-size: 3em }
	.accueil_acte_nom_virgule .virgule { width: 521px }
	
	/* BLOCS OPERATOIRES */
	.bloc_op_wrapper .flip_card {
		width: 500px;
		height: 400px
	}
	
	
	
	
	
	
	
	

}
@media all and (min-width:1600px) {
	/* CONTENU AVEC 2 COLONNES */
	.content_2_cols_wrapper { max-width: var(--max_width_content_base) }
}