@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('fonts/AvenirNextCondensed-Regular.woff2') format('woff2'),
        url('fonts/AvenirNextCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('fonts/AvenirNextCondensed-DemiBold.woff2') format('woff2'),
        url('fonts/AvenirNextCondensed-DemiBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-DemiBold.woff2') format('woff2'),
        url('fonts/AvenirNext-DemiBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('fonts/AvenirNext-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{

	font-family: 'Avenir Next Condensed';
}

body
{
	background-color: #fff;
	font-family: 'Avenir Next';
	overflow-x: hidden;
}


p a
{
	color:#d5a52d;
	font-style: italic;
	text-decoration: underline;
}

.slider-home .slide
{
	height: 724px;
	text-align: center;

  background: no-repeat center;
  background-size: cover;
}

.slider-home .texte h2
{
	color:#d5a52d;
	font-size: 78px;
	 font-family: "DM Serif Text", serif;
	 margin-bottom: 20px;
}

.slider-home .texte.milieu
{
	margin:0 auto;
	margin-top: 230px;
	text-align: center;
}

.slider-home p 
{
	font-family: "Avenir Next Condensed";
	line-height: 28px;
}

.slider-home .texte.gauche-droite
{
	margin:0 auto;
	margin-top: 110px;
	text-align: left;
	display: inline-block;
}

.slider-home .texte.gauche-droite > *
{
	float: left;
}


.slider-home .texte.gauche-droite > h2
{
	margin-left: 100px;
}

.slider-home .texte.gauche-droite > .texte
{
	max-width: 390px;
	margin-left: 25px;
}

.slider-home .texte.droite
{
	float: right;
	margin-top: 180px;
	text-align: right;
}

.slider-home .texte.droite .texte
{
	background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
	padding: 10px;
}

.slider-home .texte.gauche
{
	float: left;
	margin-top: 200px;
	text-align: left;
}

.slider-home .slick-dots
{
	margin:0;
	list-style: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:60px;
	z-index: 99;
	text-align: center;
}

.slider-home .slick-dots li
{
	padding: 0;  
	float: left;
  margin: 0 5px;
}

.slider-home .slick-dots li button
{
	width: 40px;
	height: 3px;
	border: none;
	text-indent: -10000px;
	background-color: #b3b7bc;
	cursor: pointer;
}

.slider-home .slick-dots li.slick-active button,
.slider-home .slick-dots li button:hover
{
	background-color: #d5a52d;
}

.slider-home
{
	padding: 0!important;
}

.section
{
	padding: 150px 0;
}

p, li
{
	color:#384350;
	font-size: 20px;
	font-family: 'Avenir Next Condensed';
	line-height: 28px;

}

.bouton
{
	background-color: #d5a52d;
	font-size: 20px;
	font-family: 'Avenir Next';
	text-transform: uppercase;
	line-height: 34px;
	padding: 10px 30px;
	text-decoration: none;
	border: none;
	  font-style: normal;
}

.bouton:hover
{
	background-color: #E5B53d;
	text-decoration: none;
}

.bouton-flottant
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:-30px;
	z-index: 9999;
}

.relative
{
	position: relative;
}

.bloc-info
{
	position: relative;
	height: 850px;
}

.bloc-info h1,
h2
{
	font-size: 38px;
	  font-family: "DM Serif Text", serif;
	  line-height: 52px;
	color:#d5a52d;
	padding: 0;

	font-weight: normal;
}	

h3
{
	font-size: 28px;
	font-family: "DM Serif Text", serif;
	line-height: 42px;
	font-weight: normal;
	color:#384350;
	padding: 0;
}

.bloc-info .intro
{
	width: 360px;
	text-align: justify;
}

.bloc-info .intro h1
{
	text-align: left;
}

.bloc-info .chiffres
{
	position: absolute;
	background: url('images/fond-chiffres.png') no-repeat left 220px center;
	width: 100%;
  height: 670px;
  left: 0;
  top: 0;

}

.bloc-info .chiffres .chiffre
{
	font-size: 165px;
	color:#fff;
	float: left;
	  font-family: "DM Serif Text", serif;

}

.bloc-info .chiffres .texte
{
	float: left;
	width: 350px;
	margin-left: 20px;
}

.bloc-info .chiffres .dentiste
{
	position: absolute;
	left: 610px;
  top: 50px;
}

.bloc-info .chiffres .dentiste .texte
{
	padding-top: 100px;
}


.bloc-info .chiffres .secretaire
{
	position: absolute;
	left: 560px;
  top: 250px;
}

.bloc-info .chiffres .secretaire .texte
{
	padding-left: 20px;
	padding-top: 100px;
}

.bloc-info .chiffres .assitant
{
	position: absolute;
	left: 480px;
  top: 510px;
}

.bloc-info .chiffres .assitant .texte
{
  padding-top: 20px;
  padding-left: 10px;
  margin-left: 0;
}

.bloc-info .chiffres .assitant .texte h3
{
	color:#d4a226;
}

.fin-intro
{
	font-size: 26px;
	color:#384350;
	text-align: center;
	  font-family: "DM Serif Text", serif;
	  background: #ebeced;
	  padding: 20px;
}

.slider-cabinet
{

}

.slider-cabinet .slide
{
	height: 820px;
	position: relative;
}


.slider-cabinet .slide > div
{
	position: absolute;
	overflow: hidden;
}

.slider-cabinet .slide > div img
{
	object-fit: cover;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top:50%;
	width: 100%;
	height: 100%;
}


.slider-cabinet .image-haut-gauche
{
	left: 0;
	top:0;
	width: 340px;
	height: 470px;
}

.slider-cabinet .image-haut-droite
{
	right: 0;
	top:0;
	width: 710px;
	height: 210px;
}

.slider-cabinet .image-centre
{
left: 370px;
	top:250px;
	width: 340px;
	height: 220px;
}

.slider-cabinet .image-bas-gauche
{
left: 0;
	bottom:100px;
	width: 340px;
	height: 220px;
}

.slider-cabinet .image-bas
{
left: 370px;
	bottom:100px;
	width: 340px;
	height: 220px;
}

.slider-cabinet .image-bas-droite
{
right: 0;
	bottom:100px;
	width: 340px;
	height: 470px;
}

.slider-cabinet .texte-centre
{
	position: absolute;
	z-index: 9;
	transform: translate(-50%, -50%);
	color:#fff;
	text-transform: uppercase;
	font-size: 22Px;
	font-weight: 800;
	left: 50%;
	top:50%;
	line-height: 42px;
	text-align: center;
	width: 100%;
	font-family: "Avenir Next";
  font-weight: normal;
}


.slider-cabinet .slick-dots
{
	margin:0;
	list-style: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:50px;
	z-index: 99;
	text-align: center;
}

.slider-cabinet .slick-dots li
{
	padding: 0;  
	float: left;
  margin: 0 5px;
}

.slider-cabinet .slick-dots li button
{
	width: 40px;
	height: 3px;
	border: none;
	text-indent: -10000px;
	background-color: #b3b7bc;
	cursor: pointer;
}

.slider-cabinet .slick-dots li.slick-active button,
.slider-cabinet .slick-dots li button:hover
{
	background-color: #d5a52d;
}

.slider-cabinet .slick-arrow
{
	position: absolute;
	right: 0;
	top:-30px;
	width: 21px;
	height: 11px;
	text-indent: -10000px;
	border:none;
	background: no-repeat center;
	padding: 0;
	cursor: pointer;
}

.slider-cabinet .slick-arrow.slick-next
{
	background-image: url('images/arrow-right.svg');
}

.slider-cabinet .slick-arrow.slick-next:hover
{
	background-image: url('images/arrow-right-hover.svg');
}


.slider-cabinet .slick-arrow.slick-prev
{
	background-image: url('images/arrow-left.svg');
	right: 90px
}

.slider-cabinet .slick-arrow.slick-prev:hover
{
	background-image: url('images/arrow-left-hover.svg');
}

.slider-cabinet .compteur
{
	position: absolute;
	left: 0;
	bottom:0;
	width: 40px;
	height: 80px;
}

.slider-cabinet .compteur .current
{

	color:#c8cacd;
	font-size: 60px;
	line-height: 60px;
	 font-family: "DM Serif Text", serif;
	  position: absolute;
	  left: 0;
	  top:0;
}

.slider-cabinet .compteur .total
{
	position: absolute;
	right: 0;
	bottom: 0;
	color:#c8cacd;
	line-height: 30px;
	font-size: 30px;
	  font-family: "DM Serif Text", serif;
}

.slider-cabinet .compteur .barre
{
	position: absolute;
  width: 60px;
  height: 1px;
  background-color: #c8cacd;
  transform: rotate(-45deg);
  left: -13px;
  bottom: 22px;
}

.section-soins
{
	padding-top: 70px;
}

.section-soins .barre
{
	border-bottom: 1px solid #404d5b;
	padding-top: 20px;
	margin-bottom: 30px;
}

.bloc-soins
{
	display: block;
	
}

.bloc-soins .picto
{
  float: left;
  width: 160px;
}

.bloc-soins .picto img
{
	max-width: 130px;
}


.bloc-soins .texte
{
  float: left;
  width: calc(100% - 160px - 40px);
}

.footer
{
	background-color: #404a57;
	padding-top: 50px;
	padding-bottom: 50px;
}

.footer * 
{
	color:#eaebec;
}

.footer .pre-titre
{
	text-transform: uppercase;
	color:#d5a52d;
	font-size: 18px;
	font-weight: 900;
  font-weight: normal;
  font-family: "Avenir Next";
}

.footer b,
.footer strong
{
	text-transform: uppercase;
}

#branding
{
	position: absolute;
	z-index: 9;
	left: 0;
	width: 100%;
	top:0;
	background: none;
	height: 95px;
	background-color: #fff;
}

.page-template-template-accueil #branding
{
	background: none;
}


#branding .logo
{
	width: 330px;
	float: left;
	margin-top: 15px;
}

#branding .centrer
{
	display: block;
}

#branding #access
{
	float: right;
	clear: both;
	margin-top: 20px;
}

 #access div > ul
 {
 	list-style: none;
 	margin-top: 0;
 	padding: 0;
 }


 #access div > ul > li 
 {
 	list-style: none;
 	margin-top: 0;
 	padding: 0;
 	margin-left: 20px;
 }

 #access div > ul > li > a
 {
 	font-size: 15px;
 	line-height: 15px;
	color: #384350;
	text-transform: uppercase;
	font-family: 'Avenir Next';
 }

.burger
{
	display: none;
}

.top-head
{
	float: right;
	clear: both;
	padding-top: 15px;
}

.top-head a
{
	float: left;
	margin:0 5px;
}

.top-head img
{
	width: 25px;
}

.top-head .bouton
{
	margin-left: 10px;
	background-color: #DDA400;
	padding: 6px 10px;
	color:#fff;
	font-size: 13px;
	line-height: 13px;
	margin-right: 0;
}

.hero-page
{
	margin-top: 95px;
	padding: 70px 0;
}

.hero-page h1
{
	color:#fff;
	font-family: "DM Serif Text", serif;
	font-weight: normal;
	font-size: 52px;
}

.hero-questionnaire .bouton
{
	position: relative;
}


.hero-questionnaire .bouton::after
{
	content: "";
	background: url('images/curseur.png');
	width: 38px;
	height: 55px;
	filter: drop-shadow(-5px 5px 1px rgba(0,0,0, .2));
	position: absolute;
	z-index: 9;
	left: 50%;
	bottom: -40px;
	transition: .3s ease all;
}

.hero-questionnaire .bouton:hover::after
{
	bottom: -30px;
	left: calc(50% - 10px);
}

.trait
{
	border-bottom: 1px solid #404d5b;
	margin-top: 10px;
	margin-bottom: 20px;
}

.boutons-questionnaire .bouton
{
	background-color: #e7e8ea;
	color:#384350;
}

.boutons-questionnaire .bouton.active
{
	background-color: #d5a52d;
	  color: #fff;
}


.boutons-questionnaire .bouton:hover
{
	opacity: .7;
}


.questionnaire-adulte,
.questionnaire-enfant
{
	margin-top: 100px;
	display: none;
}

.questionnaire-adulte.active,
.questionnaire-enfant.active
{
	display: block;
}

.bloc-coordonnees
{
	margin: 30px auto;
	max-width: 830px;
	padding: 40px;
	box-sizing: border-box;
	background-color: #f4f5f6;
}

.bloc-coordonnees .bloc-text {
  display: flex;
  align-items: flex-end; /* Aligne le bas du texte avec la ligne du champ */
  margin-bottom: 20px;   /* Espace entre les lignes du formulaire */
  width: 100%;
}

.bloc-coordonnees .bloc-text label {
  flex-shrink: 0;        /* Empêche le texte du label de se rétrécir ou de passer à la ligne */
  padding-right: 15px;   /* Crée l'espace fixe entre le label et le début de la ligne de l'input */
  color: #555;           /* À ajuster selon ta charte graphique */
  font-family: 'Avenir Next Condensed';
  font-size: 20px;
}

.bloc-coordonnees .bloc-text input {
  flex-grow: 1;          /* Force l'input à prendre TOUT l'espace disponible restant */
  border: none;          /* Supprime les bordures par défaut */
  border-bottom: 1px solid #999; /* Crée la ligne fine du design */
  background: transparent;
  padding: 5px 0;
  outline: none;         /* Supprime le contour par défaut au focus si tu gères le tien */
}

/* Optionnel : Changement de couleur de la ligne au clic dans le champ */
.bloc-coordonnees .bloc-text input:focus {
  border-bottom-color: #d5a52d; /* Exemple avec un bleu turquoise */
}

.liste-checkbox
{
	columns: 3;
	margin-bottom: 30px;
}

.liste-checkbox .bloc-checkbox
{
	margin-bottom: 20px;
}


.liste-checkbox .bloc-checkbox label
{
	font-size: 18px;
	padding-left: 10px;
	font-weight: normal;
	color:#404d5b;
}

.formulaire-cache
{
	display: none;
	padding: 20px 0;
}

.formulaire-cache > p
{
	padding-bottom: 30px;
}

.deroule.active+.formulaire-cache
{
	display: block;
}

.deroule
{
	background: url('images/fleche-bas.svg') no-repeat center;
	width: 40px;
	height: 40px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

.questionnaire h3
{
	color:#daaa18;
	margin: 20px 0;
}

.questionnaire h3 span
{
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	color:#fff;
	  background: #daaa18;
  margin-right: 20px;
  margin-top: -7px;
}

input[name="autres_maladies"]
{
	display: none;
	border:none;
	border-bottom: 1px solid #404d5b;
	padding-top: 10px;

	  width: 100%;
  box-sizing: border-box;
  margin-left: 32px;
}

input:checked ~ input[name="autres_maladies"]
{
	display: block;
}

.question 
{
	padding-bottom: 20px;
	overflow: hidden;
	clear: both;
}

.question span
{
	color:#404d5b;
	font-weight: 500;
	line-height: 26px;
	font-size: 20px;
	float: left;
	margin-right: 10px;
}

.question .reponse
{
	float: left;
	margin-left: 10px;
}

.question input
{
	display: none;
}

.question input+label
{
	height: 26px;
	line-height: 26px;
	text-transform: uppercase;
	font-size: 20px;
	color:#404d5b;
	padding: 0 5px;
	margin-right: 10px;
	display: inline-block;
	border: 1px solid #404d5b;
	float: left;
	cursor: pointer;
}

.question input+label:hover,
.question input:checked+label
{
	background-color: #daaa18;
	border-color: #daaa18;
	color:#fff;
}

.question .lequel,
.question .full-width
{
	clear: both;
	display: none;
	  align-items: flex-end;
}

.question .lequel label,
.question .full-width label {
  flex-shrink: 0;
  padding-right: 15px;
  color: #daaa18;
  font-family: 'Avenir Next Condensed';
  font-size: 20px;
  font-weight: normal;
}

.question .full-width label
{
	color: #404d5b;
}

.question .lequel input,
.question .full-width input {
  flex-grow: 1;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 1px solid #999;
  background: transparent;
  padding: 5px 0;
  outline: none;
}

.question .lequel input:focus,
.question .full-width input:focus {
  border-bottom-color: #d5a52d;
}

.question input[value="oui"]:checked ~ .lequel,
.question .full-width 
{
	display: flex;
}

.question .lequel input,
.question .full-width input
{
	display: block;
}

.questionnaire input[type="submit"]
{
	line-height: 56px;
	color:#fff;
	background-color: #384350;
	border: none;
	cursor: pointer;
	padding: 0 20px;
	 font-family: "DM Serif Text", serif;
	  font-size: 30px;
	  margin-top: 50px;
}

.questionnaire input[type="submit"]:hover
{
	opacity: .7;
}

.bloc-titre-inputs
{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 40px;
	margin-bottom: 30px;
}

.bloc-titre-inputs .titre
{
  grid-column: span 3;
  background-color: #eff0f1;
  border-right: 1px solid #404d5b;
  padding: 25px;
}

.bloc-titre-inputs .inputs
{
  grid-column: span 9;
  padding: 25px 0;
}

.bloc-titre-inputs h3
{
	color:#37434f;
	font-size: 28px;
	line-height: 32px;
	margin: 0;
}

.bloc-titre-inputs h3 span
{
	display: block;
	font-size: 21px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	float: none;
  	margin-bottom: 10px;
}


.bloc-input:not(.radio-group) {
	
	clear: both;
	display: flex;
	  align-items: flex-end;
	  margin-bottom: 10px;
}

.bloc-input.radio-group
{
	  margin-bottom: 10px;
	  padding-top: 10px;
}

.bloc-input:not(.radio-group) label,
.bloc-input .label-simulation,
.bloc-input label,
.inputs .bloc-checkbox label
 {
  flex-shrink: 0;
  padding-right: 15px;
  color: #404d5b;
  font-family: 'Avenir Next Condensed';
  font-size: 20px;
  font-weight: normal;
}


.bloc-input:not(.radio-group) input,
.bloc-checkbox-input input {
  flex-grow: 1;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 1px solid #999;
  background: transparent;
  padding: 5px 0;
  outline: none;
}

.bloc-input:not(.radio-group) input:focus {
  border-bottom-color: #d5a52d;
}

.inputs.deux-colonnes
{
	columns: 2;
}

.inputs .bloc-checkbox 
{
	margin-bottom: 10px;
}

.bloc-titre-inputs .liste-checkbox
{
	columns: 1;
	  margin: 0;
}

.orange-label
{
	font-size: 18px;
	color:#daaa18;
}

.tableau-habitudes,
.tableau-pathologies
{
	columns: 2;
}

.liste-equipe
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.liste-equipe .photo
{
	background: url('images/fond-photo.png') no-repeat left 30px bottom;
	padding: 20px;
	  text-align: center;
	  margin-bottom: 20px;
}

.liste-equipe .photo img
{
	max-width: 230px;
	max-height: 230px;
  border-radius: 100%;
}

.liste-equipe .bloc-equipe
{
	text-align: center;
}

.liste-equipe .bloc-equipe .titre
{
	color:#d5a52d;
	font-size: 17px;
	text-transform: uppercase;
}

.hero-faq
{
	min-height: 335px;
	box-sizing: border-box;
}

.texte-hero-faq
{
	color:#fff;
	background: #3d4653;
	padding: 10px 0;
	text-align: center;
}

.texte-hero-faq p
{
	color:#fff;
}

.liste-faq
{

}


.liste-faq .question
{
	font-size: 20px;
	color:#384350;	
    font-family: 'Avenir Next';
	background:#f1f2f3 url('images/faq.svg') right center no-repeat;
	background-size: 50px;
	line-height: 20px;
	padding: 15px 25px;
	padding-right: 75px;
	cursor: pointer;
	margin-top: 30px;
}

.liste-faq .question.active
{
	background-image: url('images/faq-open.svg');
/*	background-color: #fff;*/
}


.liste-faq .reponse
{
	padding: 25px;
}

.liste-faq .question+.reponse
{
	display: none;
}
.liste-faq .question.active+.reponse
{
	display: block;
}

.titre-fiche
{
	color:#384350;
	  font-family: "DM Serif Text", serif;
	  font-size: 26px;
	  text-align: center;
	  position: relative;
	  cursor: pointer;
	  padding-bottom: 45px;
}

.bloc-fiche+.bloc-fiche
{

	  margin-top: 70px;
}

.titre-fiche::before
{
	content: "";
	width: 35px;
	height: 35px;
	background: url('images/faq.svg')  center no-repeat;
	background-size: cover;
	border-radius: 100px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}

.titre-fiche.active::before
{
	background: #ebeced url('images/faq-open.svg')  center no-repeat;
	background-size: cover;

}


.titre-fiche::after
{
	content: "";
	z-index: 5;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 16px;
	border-bottom: 1px solid #384350;
}


.titre-fiche span
{
	  font-family: "DM Serif Text", serif;
	  font-size: 22px;
	  font-style: italic;
	  color:#d5a52d;
}

.titre-fiche+.texte-fiche
{
	display: none;
	padding-top: 30px;
}

.titre-fiche.active+.texte-fiche
{
	display: block;
}

.hero-fiche h1
{
	text-align: center;
	color:#d5a52d;  
	padding-top: 180px;
  margin-bottom: -70px;
}

.bloc-fiche .texte-fiche
{
	color:#cfa845;
}

.hero-contact
{
	min-height: 400px;
	  box-sizing: border-box;
}

.hero-contact p
{
	color:#fff;
}

.bouton-form
{
	position: absolute;
	z-index: 5;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	text-transform: none;
	font-family: 'DM Serif Text';
}

.infos-utiles
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 100px;
	text-align: center;
}

.infos-utiles .image img
{
	max-height: 70px;
}

.horaire-acces
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 90px;
	padding-top: 50px;
}

.horaire-acces .horaires,
.horaire-acces .acces
{
	background-color: #eff0f1;
}

.horaire-acces .horaires h3,
.horaire-acces .acces h3
{
	background-color: #fff;
	text-align: center;
	color:#d5a52d;
	font-size: 24px;
}

.liste-horaires
{
	padding: 25px 35px;
}

.liste-horaires .horaire
{
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 5Px 0;
}

.liste-horaires .horaire::after
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	border-bottom: 1px dotted #384350;
	z-index: 1;
}


.liste-horaires .horaire .jour
{
	float: left;
	padding-bottom: 2px;
	margin-bottom: -2px;
	background-color:#eff0f1;
	z-index: 2;
	position: relative;
	font-size: 18px;
	color:#384350;
	text-transform: uppercase;
	padding-right: 5px;
}

.liste-horaires .horaire .heures
{
	z-index: 2;
	position: relative;
	float: right;
	padding-bottom: 2px;
	margin-bottom: -2px;
	background-color:#eff0f1;
	padding-left: 5px;

	font-size: 18px;
	color:#384350;
}

.liste-horaires .horaire .heures span
{
	color:#d5a52d;
}

.contenu-acces
{
	padding: 25px 35px;
}

.contenu-acces > div
{
	padding-left: 60px;
	position: relative;
	background:no-repeat left top;
	background-size: auto 35px;
}

.contenu-acces > div::before
{
	content: "";
	position: absolute;
	left: 45px;
  top: 15px;
  width: 0;
  height: 0;
  border-left: 10px solid #d4a226;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 0px solid transparent;
}


.contenu-acces > div.bus
{
	background:no-repeat left top 10px;
	background-image: url('images/bus.svg');
	background-size: auto 30px;
}


.contenu-acces > div.tram
{
	background:no-repeat left top 5px;
	background-image: url('images/tram.svg');
	background-size: auto 40px;
}

.contenu-acces > div.parking
{
	background:no-repeat left top 10px;
	background-image: url('images/parking.svg');
	background-size: auto 30px;
}

.zone-pietonne 
{
	position: relative;
	text-align: center;
	margin-top: 50px;
	  margin-bottom: -100px;
}

.zone-pietonne::before
{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top:50%;
	transform: translateY(-50%);
	z-index: 1;
	border: 1px solid #254259;
}

.zone-pietonne span
{
	padding: 0 40px;
	background-color: #fff;
	display: inline-block;
	font-size: 18px;
	color:#254259;
	position: relative;
	z-index: 2;
	  font-family: "DM Serif Text", serif;

}

.fond-bleu
{
	background-color: #384350;
	padding: 0;
}

.fond-carte p
{
	padding: 0;
	margin:0;
}

.fond-carte iframe
{
	width: 100%;
	height: 480px;
	  display: block;
}

.wpcf7-form
{
	background-color: #eff0f1;
}

.bloc-form
{
	max-width: 550px;
	box-sizing: border-box;
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 25px;
	padding: 30px 55px;
	background-color: #fff;
}

.bloc-form .input-50
{
	grid-column: span 1;
}


.bloc-form .input-100
{
	grid-column: span 2;
}

.bloc-form input[type="text"],
.bloc-form input[type="email"],
.bloc-form input[type="tel"],
.bloc-form textarea
{
	width: 100%;
	box-sizing: border-box;
	font-size: 18px;
    font-family: 'Avenir Next Condensed';
    border: none;
    border-bottom: 1px solid #404d5b;
    color:#404d5b;
    height: 30px;
}

.bloc-form textarea
{
	height: 170px;
	resize: none;
	line-height: 22px;
}

.bloc-form input[type="submit"]
{
	border: 1px solid #404d5b;
    font-family: 'Avenir Next';
    text-transform: uppercase;
    color:#384350;
    height: 40px;
    width: 110px;
    padding: 0;
    cursor: pointer;
    background-color: #fff;
    float: right;
}

.bloc-form input[type="submit"]:hover
{
	color:#fff;
	background-color: #384350;
}

.wpcf7-response-output
{
	background-color: #fff;
	margin:0 50px;
}

.texte-equipe
{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	background-color: #d4a226;
	font-weight: 500;
	color:#ffffff;
	padding: 20px;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}

.hero-nos-soins h1
{
	margin-top: 100px;
  color: #7c808a;
  margin-bottom: -50px;
}

.premiere-consult
{
	color:#3d4653;
	font-size: 24px;
	text-transform: uppercase;
	font-family: "DM Serif Text", serif;
	background-color: #ebeced;
	text-align: center;
	padding: 20px;
}

.premiere-consult-section
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 30px 0;
	color:#fff;
}

.premiere-consult-section *
{
	color:#fff;
}

.premiere-consult-section h3,
.intro-soins h3
{
	color:#d5a52d;
}

.liste-titre-traitements
{
	columns: 4;
	column-gap: 40px;
}

.liste-titre-traitements span
{
	display: block;
	color:#384350;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
	padding-left: 26px;
	position: relative;
	cursor: pointer;

	font-family: 'Avenir Next';

}

.liste-titre-traitements span::before
{
	width: 12Px;
	height: 12px;
	background-color: #ebeced;
	position: absolute;
	left: 0;
	top:12px;
	content: "";
}

.liste-titre-traitements span:hover::before,
.liste-titre-traitements span.active::before
{
	background-color: #dca227;
}

.liste-titre-traitements span.active
{
	font-weight: bold;
}

.contenu-onglet
{
	display: none;
}

.contenu-onglet.active
{
	display: block;
}

.contenu-onglet .titre-slider
{
	background-color: #ebeced;
	margin-top: 60px;
	margin-bottom: 35px;
}

.slide-contenu .slider-traitements
{
	float: left;
	width: calc(50% - 30px);
}

.slide-contenu .contenu-traitement
{
	float: right;
	width: calc(50% - 30px);
}

.slide-contenu .slider-traitements .slide
{
	background-color: #ebeced;
}

.slide-contenu .slider-traitements .slide p
{
	padding: 20px;
	text-align: center;
}



.slide-contenu .slider-traitements .slick-arrow
{
	position: absolute;
	top:50%;
	text-indent: -10000px;
	transform: translateY(-50%);
	border:none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: no-repeat center;
	background-size: cover;
	z-index: 99;
	cursor: pointer;
}

.slide-contenu .slider-traitements .slick-arrow.slick-prev
{
	background-image: url('images/fleche-soin-1.svg');
	left: 20px;
}


.slide-contenu .slider-traitements .slick-arrow.slick-next
{
	right: 20px;
	background-image: url('images/fleche-soin-2.svg');
}

.slider-traitements .slick-dots
{
	margin:0;
	list-style: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:-50px;
	z-index: 99;
	text-align: center;
}

.slider-traitements .slick-dots li
{
	padding: 0;  
	float: left;
  margin: 0 5px;
}

.slider-traitements .slick-dots li button
{
	width: 40px;
	height: 3px;
	border: none;
	text-indent: -10000px;
	background-color: #b3b7bc;
	cursor: pointer;
}

.slider-traitements .slick-dots li.slick-active button,
.slider-traitements .slick-dots li button:hover
{
	background-color: #d5a52d;
}

.pagination-traitement
{
	margin-bottom: -10px;
  margin-top: 100px;
}

.pagination-traitement .fleche-prev
{
	background:url('images/arrow-left.svg') no-repeat center;
	float: left;
	width: 25px;
	text-indent: -10000px;
	height: 25px;
	background-size: contain;
	cursor: pointer;
	margin-left: 20px;
	border: none;
}


.pagination-traitement .fleche-next
{
	background:url('images/arrow-right.svg') no-repeat center;
	float: right;
	width: 25px;
	border: none;
	text-indent: -10000px;
	height: 25px;
	cursor: pointer;
	margin-right: 20px;
	background-size: contain;
}

.hero-equipe
{
	height: 130px;
}

.col-equipe+.col-equipe
{
	padding-top: 100px;
}

.questionnaire-enfant::before
{
	content: "";
	display: block;
	background: url('images/bonhomme-formulaire.svg') no-repeat center;
	background-size: contain;
	width: 50px;
	height: 50px;
  margin: 0 auto;
}

.animation
{
	position: fixed;
	left: 0;
	top:0;
	  width: 100vw;
  height: 100vh;
	background-color: rgba(255, 255, 255, .95);
	background: #FFF url('images/fond-anim.jpg') no-repeat center top;
	background-size: cover;
	z-index: 99999;

	opacity:1;
	transform: translateY(0);

	animation: tchaoAnime 1s 4.5s ease-in-out forwards;

}

.centrer.anim-centrer
{
	display: block;
	position: absolute;
	left: 50%;
	  top: 50%;
  transform: translate(-50%, -50%);

  height: 204px;
  overflow: hidden;

}

.animation .logo
{
	position: relative;
	width: 166px;
	float: left;
	height: 204px;
	margin-left: 450px;

	animation: slideLogo .7s 2.2s ease-in-out forwards;
}

@keyframes slideLogo {
  0% {
    	margin-left: 450px;

  }
  100%{
    margin-left: 200px;
  }
}

@keyframes opaciteAnim {
  0% {
    	opacity:0;

  }
  100%{
    opacity:1;
  }
}

@keyframes opaciteSlideAnim {
  0% {
    	opacity:0;
    	transform: translateX(50px);

  }
  100%{
    opacity:1;
    	transform: translateX(0px);

  }
}

@keyframes tchaoAnime {
  0% {
    	opacity:1;
    	transform: translateY(0);

  }
  100%{
    opacity:0;
    	transform: translateY(-100vh);

  }
}

@keyframes animationcontenu {
  0% {
    	opacity:0;

  }
  100%{
    opacity:1;

  }
}

.anime-page
{
	opacity: 0;

	animation: animationcontenu .7s 0s ease-in-out forwards;

}




.animation .logo img
{
	position: absolute;
	left: 0;
	top:0;
	opacity: 0;
}

.animation .logo img
{
	animation: opaciteAnim .7s 1.7s ease-in-out forwards;
}

.animation .logo img+img
{
	animation: opaciteAnim .7s 1.3s ease-in-out forwards;
}

.animation .logo img+img+img
{
	animation: opaciteAnim .7s .9s ease-in-out forwards;
}

.animation .logo img+img+img+img
{
	animation: opaciteAnim .7s .5s ease-in-out forwards;
}


.animation .texte
{
	width: 470px;
	float: left;
	margin-left: 40px;
	  margin-top: 66px;
}

.animation .texte img
{
	width: 310px;
	opacity: 0;
	display: block;
    	transform: translateX(50px);

	animation: opaciteSlideAnim .7s 2.3s ease-in-out forwards;

}

.animation .texte img+img
{
	display: block;
	margin-top: 21px;
	opacity: 0;
	width: 470px;
    	transform: translateX(50px);


	animation: opaciteSlideAnim .7s 2.4s ease-in-out forwards;

}

.hide-after {
  animation-fill-mode: forwards; /* Assure que l'état final est maintenu */
}

/* Une fois fadeOutUp terminé, on cache définitivement l'élément */
.wow.fadeOutUp {
  animation-fill-mode: forwards;
}

.animation {
  visibility: visible !important;
  opacity: 1;
}


@media (max-width: 1300px)
{

	.bloc-info .chiffres
	{
		background-position: left 120px center;
	}

	.bloc-info .chiffres .dentiste
	{
		left: 490px;
	}

	.bloc-info .chiffres .secretaire
	{
		left: 460px
	}

	.bloc-info .chiffres .assitant
	{
		left: 370px;
	}


	.slider-cabinet .image-haut-gauche
	{
		width: 300px;
		height: 420px;
	}

	.slider-cabinet .image-haut-droite
	{
		width: 630px;
		height: 195px;
	}

	.slider-cabinet .image-centre
	{
		width: 300px;
		height: 195Px;

		left: 330px;
  	top: 225px;
	}

	.slider-cabinet .image-bas-gauche
	{
		width: 300px;
		height: 195Px;
	}

	.slider-cabinet .image-bas
	{
		width: 300px;
		height: 195Px;

		left: 330px;
	}

	.slider-cabinet .image-bas-droite
	{
		width: 300px;
		height: 420Px;
	}

	.slider-cabinet .slide {
	  height: 746px;
	  position: relative
	}

	.bloc-soins .picto img {
	  max-width: 100px;
	  margin-left: 30px;
	}

	.liste-equipe .photo
	{
		background-position: left 10px bottom;
	}

	.animation .logo
	{
		margin-left: 400px;
	}

	@keyframes slideLogo {
	  0% {
	    	margin-left: 400px;

	  }
	  100%{
	    margin-left: 140px;
	  }
	}
	
}

@media (max-width: 1000px)
{
	.burger
	{
		display: block;

		border-radius: 30px;
		background-color: #3D4E5C;
		width: 40px;
	    height: 40px;
	    float: right;
	    color: #fff;
	    border: none;
	    font-size: 30px;
	    font-weight: 300;
		cursor: pointer;

		background: #3D4E5C url('images/burger.svg') no-repeat center;
		background-size: 25px auto;
		margin-top: 40px;
	}

	.burger+div
	{
		display: none;
		position: absolute;
		top:100px;
		right: 20px;
    width: auto;
		background-color: #fff;
		z-index: 99;
		box-shadow: 0 10px 10px rgba(0, 0, 0, .2);

		padding:20px;
	}

	.burger.active
	{
		background-image: url('images/croix.svg');
	}

	.burger.active+div
	{
		
    display: grid;
  }
  
  #access {
    grid-row: 1; /* Force le bloc nav à se placer sur la première ligne */
  }
  
  .top-head {
    grid-row: 2; /* Place le top-head sur la deuxième ligne */
  }


	#access > div > ul
	{
		text-align: center;
		margin: 0;
	}

	#access > div > ul > li
	{
		float: none;
		margin: 0;
		border-top: 1px solid #F5F5F5;

	}

	#access div > ul > li > a
	{
		padding: 15px;
	}

	#access div > ul > li.bouton
	{
		margin-top: 20px;
	}

	.gtranslate_wrapper a {
	  margin-left: 0px;
	  margin-right: 10px;
	}

	 .animation .logo {
    margin-left: 270px !important;
    animation:none;
  }

  .centrer.anim-centrer
  {
  	height: auto;
  	text-align: center;
  }

  .animation .logo, 
  .animation .texte
  {
  	float: none;
  	margin:0 auto;
  }

  .animation .texte
  {
  	margin-top: 30px;
  }

  .animation .texte img
  {
  	margin-left: auto;
  	margin-right: auto;
  }

  .bloc-info .intro
  {
  	width: 100%;
  	text-align: left;
  }

  .bloc-info .chiffres
  {
  	position: relative;
  	background-position: left center;
  	background-size: 65% auto;
  }

   .bloc-info .chiffres .dentiste {
	    left: 370px;
	  }

	  .bloc-info .chiffres .chiffre
	  {
	  	font-size: 145px;
	  }

	  .bloc-info .chiffres .dentiste .texte
	  {
	  	  padding-top: 20px;
	  	    width: 250px;
	  }

	   .bloc-info .chiffres .secretaire {
	    left: 290px;
	  }

	  .bloc-info .chiffres .assitant {
	    left: 215px;
	    top: 480px;
	  }

	  .bloc-info .chiffres .assitant .texte
	  {
	  	width: 400px;
	  }

	  .bloc-info .chiffres .secretaire .texte
	  {
	  	padding-top: 50px;
	  	    width: 250px;
	  }

	   .slider-cabinet .image-haut-gauche {
	    width: 225px;
	    height: 305px;
	  }

	  .slider-cabinet .image-haut-droite {
	    width: 470px;
	    height: 145px;
	  }

	  .slider-cabinet .image-centre {
	    width: 225px;
	    height: 145Px;
	    left: 250px;
    	top: 160px;
	  }

	   .slider-cabinet .image-bas-gauche {
	    width: 225px;
	    height: 145Px;
	  }

	    .slider-cabinet .image-bas {
	     width: 225px;
	    height: 145Px;
	    left: 250px;
	  }

	   .slider-cabinet .image-bas-droite {
	    width: 225px;
	    height: 305px;
	  }

	  .slider-cabinet .slide
	  {
	  	height: 565px;
	  }

	  .slider-cabinet .texte-centre
	  {
	  	font-size: 16px;
	  	line-height: 22px;
	  }


	  .bloc-soins .picto
	  {
	  	float: none;
	  	width: 100%;
	  }

	  .bloc-soins .picto img
	  {
	  	margin: 0 auto;
	  	margin-bottom: 20px;
	  }



	.bloc-soins .texte {
	  float: none;
	  width: 100%;
	}

	.liste-equipe
	{
		  grid-template-columns: repeat(2, 1fr);
	}

	 .liste-equipe .photo {
    background-position: left 35px bottom;
  }

  .liste-titre-traitements
  {
  	columns: 3;
  }

  .question span
  {
  	float: none;
  	clear: both;
  	display: block;
  	  margin-bottom: 5px;
  }

  .question input[value="oui"]:checked ~ .lequel, .question .full-width
  {
  	display: block;
  }

  .question .lequel input, .question .full-width input
  {
  	width: 100%;
  }

  .bloc-titre-inputs
  {
  	display: block;
  }

  .bloc-titre-inputs h3 span
  {
  	display: inline-block;
	  margin-bottom: 0px;
	    margin-right: 10px;
  }

  .bloc-titre-inputs h3
  {
  	line-height: 35px;
  }

  .bloc-titre-inputs .titre
  {
  	border:none;
  	border-bottom: 1px solid #404d5b;
  }

  .bloc-input:not(.radio-group), .bloc-input
  {
  	display: block;
  	margin-bottom: 15px;
  }

  .bloc-input:not(.radio-group) label, .bloc-input .label-simulation, .bloc-input label
  {
  	display: block;
  }

  .inputs .radio-group label,
  .inputs .bloc-checkbox label
  {
  	display: inline-block;
  }

  .bloc-input:not(.radio-group) input, 
  .bloc-checkbox-input input[type="text"]
  {
  	width: 100%;
	  display: block;
	  margin-top: 5px;
  }

	
}

@media (max-width: 740px)
{
	.section
	{
	}
	
	.section .col-25,
	.section .col-33,
	.section .col-50,
	.section .col-66,
	.section .col-100,
	.section .col-1,
	.section .col-2,
	.section .col-3,
	.section .col-4,
	.section .col-5,
	.section .col-6,
	.section .col-7,
	.section .col-8,
	.section .col-9,
	.section .col-10,
	.section .col-11,
	.section .col-12
	{
  	grid-column: span 12;	 
	}




	input[type="text"], input[type="email"], textarea, select, input[type="number"]
	{
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	

	.credits
	{
		text-align: center;
	}


	  a + a .bouton
	  {
	  	margin: 0;
	  	margin-top: 20px;
	  }


	  .centrer .centrer
	  {
	  	padding: 0;
	  }


	.animation .logo, .animation .texte
	{
		margin: 0 auto!important;
		width: 100%;
	}

	.animation .logo
	{
		width: 70px;
		height: 100px;
		margin-bottom: 20px!important;
	}

	.animation .texte img
	{
		max-width: 70%;
	}

	.slider-home .texte h2
	{
		  font-size: 38px;
	}

	.slider-home .slick-dots li button
	{
		width: 30px;
	}

	.bouton-flottant
	{
		width: 70%;
	}

	.section {
	  padding: 100px 0;
	}

	.bloc-info
	{
		height: auto;
		  overflow: hidden;
	}
	.bloc-info .chiffres
	{
		height: auto;
		background: none;
	}

	.bloc-info .chiffres > div
	{
		position: static!important;
		    margin-bottom: 20px;
	}

	.bloc-info .chiffres .chiffre
	{
		color:#d5a52d;
		    float: none;
	}

	.bloc-info .chiffres .texte {
    padding-top: 0px !important;
    width: auto !important;
    padding-left: 0 !important;
    margin-left: 0;
        float: none;
  }

  .bloc-info .chiffres .assitant .texte h3 {
	  color: #384350;
	}

	.fin-intro {
	  font-size: 20px;
	}

	.slider-cabinet {
	  padding-top: 20px;
	      padding-bottom: 40px;
	}

	.slider-cabinet .slick-arrow
	{
		top:-10px;
	}

	.slider-cabinet .slide {
    height: auto;
        padding-bottom: 100px;
  }

  .slider-cabinet .slide > div:not(.compteur)
  {
  	width: calc(50vw - 30px);
    height: calc(50vw - 30px);
    position: relative;
    float: left;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 5px;
  }

  #branding .logo
  {
  	width: 220px;
  }

  .burger
  {
  	margin-top: 25px;
  }

  .burger + div
  {
  	top:80px;
  }

  .liste-equipe
  {
  	display: block;
  }

  .texte-equipe
  {
  	width: 90vw;
  	box-sizing: border-box;
  }

  .liste-equipe .photo img
  {
  	max-width: 100%;
  }

  .liste-equipe .photo {
    background-position: left 0px bottom 7px;
    width: 180px;
    margin: 0 auto;
    background-size: 180px;
  }

  .liste-equipe .bloc-equipe
  {
  	margin-bottom: 20px;
  }

  .bouton-form
  {
  	width: 70vw;
  }

   .liste-titre-traitements {
    columns: 1;
  }

  .slide-contenu .slider-traitements {
	  float: none;
	  width: 100%;
	}

	.slide-contenu .contenu-traitement {
	  float: none;
	  width: 100%;
	}

	.contenu-onglet .titre-slider
	{
		padding: 0 50px;
	}

	.bloc-info h1, h2
	{
		  font-size: 28px;
		  line-height: 42px;
	}

	.boutons-questionnaire .bouton
	{
		margin: 10px;
	}

	.bloc-coordonnees .bloc-text
	{
		display: block;
	}

	.bloc-coordonnees .bloc-text input
	{
		width: 100%;
	}

	.liste-checkbox {
	  columns: 1;
	}

	.questionnaire input[type="submit"]
	{
		font-size: 20px;
	}

	.inputs.deux-colonnes {
	  columns: 1;
	}

	.tableau-habitudes, .tableau-pathologies {
	  columns: 1;
	}

	.hero-page h1
	{
		font-size: 42px;
	}

	.texte-hero-faq
	{
		padding: 20px;
	}

	.infos-utiles
	{
		display: block;
	}

	.bloc-utile
	{
		margin-bottom: 20px;
	}

	.horaire-acces
	{
		display: block;
	}

	.horaire-acces .acces
	{
		margin-top: 20px;
	}

	.fond-bleu
	{
		padding: 0;
	}

	.zone-pietonne
	{
		margin-bottom: -60px;
	}

	.bloc-form .input-50 {
	  grid-column: span 2;
	}

	.bloc-form
	{
		  padding: 30px 5px;
	}
}