/*
Theme Name: DermaVital
Theme URI: http://wordpress.org/
Description: Theme par Dix-Onze inc.
Author: Dix-Onze inc.
Version: 5.0

strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/
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, sub, sup, 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, main {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {
	display: block;
}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
}


ol, ul {list-style-type: none;}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/*---Additional Form resets---*/

button, input[type="button"] {
	background: none;
}

:required {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

/*---Typographic Styling---*/

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

u {
	text-decoration: underline;
}

pre, code {
	font-family: Monaco, Courier, monospace;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after, q:before,  q:after {
	content: "";
}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {
	cursor: pointer;
}

/*---Misc. Element Styling---*/

img {
	-ms-interpolation-mode: bicubic;
}

/* End strppd.css */

/* Custom fonts */
/*
@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpictograms/modernpics-webfont.eot');
    src: url('fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal; }
*/

/* Proper box model */
* { }

/* General styles */

html {
	font-size: 12px;
	line-height: 16px;
}

body {
	font-family: 'Poppins', sans-serif;
	background-color: #fff;
	letter-spacing: .08em;
}

a { 
	transition: all .3s;
	font-weight: bold;
	text-decoration: none !important;
	color: #3f3f3f;
	font-style: normal;
}


a:hover {
	text-decoration: underline !important;
}

address{  }

aside{  }

b, strong{  }

blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1,
h2 {
	font-size: 2.5rem; /* 30px / 12px */
	line-height: 3.25rem; /* 50px / 16px */
	color: #3f3f3f;
	font-weight: bold;
	text-align: left;
	padding-bottom: 30px;
	padding-top: 40px;
}


h3 {
	font-size: 1.5rem; /* 18px / 12px */
	line-height: 1.875rem; /* 30px / 16px */
	color: #3f3f3f;
	font-weight: bold;
	padding-top: 60px;
	text-transform: uppercase;
	text-align: center;
}

h4 {

}

h5 {

}	

h6 {

}

.fonce h1, .fonce h2, .fonce h3, .fonce h4, .fonce h5, .fonce h6 {
	color: #fff;
}

li,
p {
	font-family: 'Poppins', sans-serif;
	font-size: 1.55rem; /* 16px / 12px */
	line-height: 2.2rem; /* 26px / 16px*/
	color: #3f3f3f;
	/*font-style: italic;*/
	text-align: justify;
	padding-bottom: 30px;
}

th,
td {
	font-size: 1.1rem; /* 16px / 12px */
	line-height: 1.2rem; /* 26px / 16px*/
}

h1.sans-padding,
h2.sans-padding,
p.sans-padding {
	padding-bottom: 0;
	padding-top: 0;
}

p:last-child {
	
}

i, em{  }

i {
	
}

img{  }

input, select, textarea{  }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li {
	font-weight: 600;
}


select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

hr {
	
}

/*font-family: 'Roboto', sans-serif;/*
/*font-family: 'Raleway', sans-serif;/*
/*font-family: 'Montserrat', sans-serif;/*
/*font-family: 'Lato', sans-serif;/*
/*font-family: 'Open Sans', sans-serif;/*
/*font-family: 'Comfortaa', cursive;/*
/*font-family: 'Lora', serif;/*
/*font-family: 'Cormorant Garamond', serif;/*


/* Custom styles */


ul {
	list-style-type: none;
}

.entete {
	width: 100%;
	padding: 80px 0 80px 0;
	position: relative;
	z-index: 100;
}

.entete img {
	margin-top: -30px;
	float: left;
}

.menu-mobile {
	cursor: pointer;
	display: none;
}

.menu-mobile:before {
	font-size: 2rem; /* 24px / 12px */
}

#menu-principal {
	float: right;
}

#menu-principal ul {
	display: block;
}

#menu-principal ul li {
	display: inline;
	padding-left: 50px;
}

#menu-principal ul li a {
	font-size: 1.1666rem !important; /* 20px / 12px */
	text-transform: uppercase !important;
    transition: all .3s !important;
    font-weight: normal !important;
    text-decoration: none !important;
    color: #3f3f3f !important;
    font-style: normal !important;
}

#menu-principal ul li:first-child {
	padding-left: 0;
}

#menu-principal ul li a:hover {
	border-bottom: 4px solid #000;
	padding-bottom: 8px;
	text-decoration: none !important;
}


/*dermavital*/

.boite {
	padding-top: 90px;
	padding-bottom: 90px;
}
.boite-demi {
	padding-top: 45px;
	padding-bottom: 45px;
}
.boite-demi p:last-child,
.boite p:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}


.boite.sans-pad-bot {
	padding-bottom: 0;
}

.boite.noire {
	background-color: #231f20;
}

.a-propos img {
	padding-left: 70px;
}

.dermavital img {
	padding-left: 0;
}

.dermavital-texte {
	max-width: 490px;
	padding-left: 90px;
}

.dermavital h1 {
	text-align: left;
}

p.nom {
	font-weight: bold;
	font-size: 2.1666rem; /* 26px / 12px */
	padding-bottom: 6px;
	font-style: normal;
}

p.titre-gras {
	font-weight: bold;
	font-style: normal;
	padding-bottom: 0;
}

/*corps-visage*/

a.bouton-std {
	width: 280px;
	box-sizing: border-box;
	text-decoration: none !important;
	font-size: 1.666rem; /* 20px / 12px */
	text-align: center;
	padding: 14px;
	border: 1px solid #000;
	display: block;
}

a.bouton-std:hover {
	background-color: #fcf9f4;
	border: 1px solid #fcf9f4;
}

a.bouton-std.bt-beige {
	background-color: #fcf9f4;
	color: #000;
	border: 1px solid #fcf9f4;
	display: block;
}

a.bouton-std.bt-beige:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}

.service-simple a.bouton-std {
	width: auto;
	display: inline-block;
	padding: 6px 14px;
	font-size: 1.3rem;
	font-weight: normal;
}
.service-simple a.bouton-std:hover {
	background: #fff;
}

.grid-parent-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0;
}

.grid-parent-2 .grid-child {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0;
	min-height: 500px;
}
.grid-parent-2.carte .grid-child {
	min-height: 400px;
}
.grid-parent-2.toute-equipe .grid-child {
	max-height: 700px;
}

.grid-parent-2 .grid-child.texte {
	max-width: 590px;
	padding: 130px 80px 130px 0;
	margin-left: auto;
	box-sizing: border-box;
	min-height: 320px;
}
.grid-parent-2 .grid-child.sans-max {
	min-height: 320px;
}

.grid-parent-2 .grid-child.texte.droite {
	padding: 130px 0 130px 80px;
	margin-right: auto;
	margin-left: 0;
}

.info-texte-droite a.bouton-std {
	margin-left: 100px;
}

.info-texte-droite.blanc {
	background-color: #fff;
	height: 640px;
}

.info-texte-droite h2 {
	padding-top: 150px;
}

p.question {
	padding: 90px 0;
	font-size: 2.5rem; /* 30px / 12px */
	line-height: 1.875rem; /*30px / 16px*/
	font-style: normal;
	font-weight: bold;
}

a.question.bouton-std {
	float: right;
	margin-top: 70px;
	font-size: 1.666rem; /* 20px / 12px */
	line-height: 1.875rem /*30px / 16px*/
}

.temoignage.boite {
	background-color: #fcf9f4;
	position: relative;
    z-index: -2;	
}

.temoignage-texte {
	width: 500px;
	margin: 0 auto;
}

.temoignage-texte h2,
.temoignage-texte p {
	text-align: center;
}


/* choisir/joindre */

.choisir-joindre.grid-parent-2 .grid-child.texte {
	max-width: 767px;
	padding: 130px 80px 130px 0px;
	margin-left: 357px;
	box-sizing: border-box;
	min-height: 590px;
}

.choisir-liste {
	padding-left: 100px;
}

.choisir-liste p {
	padding-bottom: 50px;
}

.strong-700 {
	font-weight: 700;
}

.cercle-position {
	position: relative;
}

.cercle {
	height: 75px;
	width: 75px;
	background-image: url(images/cercle.jpg); 
	background-repeat: no-repeat;
	position: absolute;
	top: 3px;
	left: -100px;
}

.position-droite {
	width: 100%;
	height: 100%;
	background-color: #fcf9f4;
	position: relative;
}

.grid-child.reservez {
	height: 570px;
}

.lettre {
	width: 250px;
	position: absolute;
	top: 640px;
	/*left: 80px;*/
	left: 50%;
	transform: translateX(-50%);
}

.lettre p {
	font-size: 2.1666rem; /* 26px / 12px */
	line-height: 2.5rem; /*40px / 16px*/
	text-align: left;
}

a.gros-chiffre {
	font-size: 2.666rem; /* 32px / 12px */
	line-height: 3.5rem; /*56px / 16px*/
	font-style: normal;
	
}

a.different {
	font-family: 'Poppins', sans-serif;
	font-style: italic;
	font-weight: 400;
}

a.mail.different {
	margin-top: 30px;
}

.inspiration {
	width: 100%;
	background: #fff;
	display: block;
}


/* infolettre */

.infolettre {
	background-color:#fcf9f4;
}

.frm-infolettre {
	float: right;
	vertical-align: middle;
	padding-right: 50px;
	margin-top: 110px;
}	

.frm-infolettre input[type="text"] {
	width: 354px;
	border: 1px solid #000;
	padding: 10px 0 10px 10px;
	font-size: 1rem; /* 12px / 12px */
	text-align: left;
	background-color: #fcf9f4;
	font-style: italic;
}

.frm-infolettre input[type="submit"] {
	font-size: 1rem; /* 12px / 12px */
	border: 1px solid #3f3f3f;
	color: #fcf9f4;
	background-color: #3f3f3f;
	padding: 10px;
	display: inline-block;
	margin-left: -4px;
}

.frm-infolettre input[type="submit"]:hover {
	color: #000;
	background-color: #fff;
}

.frm-infolettre input:focus {
	outline: none;
}


/* Notre equipe*/

.texte-au-centre {
	padding: 0px 150px 100px 150px;
}		

.texte-au-centre h1,
.texte-au-centre p {
	text-align: center;
	padding-bottom: 0;
}

.grid-parent-2 .grid-child.equipe.fond-1,
.grid-parent-2 .grid-child.equipe.fond-2 {
	max-width: 450px;
	padding: 0 75px;
	display: block;
}

p.lettre-plus {
	font-size: 1.666rem; /* 20px / 12px */
	line-height: 1.875rem; /* 30px / 16px */
}

.fond-1 {
	background-color: #fcf9f4;
}

.fond-2 {
	background-color: #ffeae5;
}

img.signature {
	display: block;
	margin: 0 auto;
}

.texte-equipe {
	padding-top: 90px;
}

.texte-equipe p {
	text-align: center;
}


/* Tarifs */

.tarifs h1 {
	padding-bottom: 0;
	text-align: center;
}

.tarifs p {
	text-align: center;
}

table, th, td {
	text-align: right;
	color: #231f20;
	line-height: 1.625rem; /* 26px / 16ps */
}

th.tb-left, td.tb-left {
	text-align: left;
}

.bordure-ht {
	border-top: 1px solid #000;
	padding-top: 20px;
}

.bordure-bs {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
}

.bd-pad {
	padding-bottom: 20px;
}

.bd-pad-1 {
	padding-bottom: 10px;
}

table, tr {
	line-height: 50px;
}

hr {
	width: 1180px;
	background: none;
	border: none;
	border-bottom: 1px solid #000;
	margin-top: 20px;
	margin-bottom: 20px;
}

img.promotion {
	margin-top: 50px;
	width: 100%;
}


.form-padding h2 {
	padding-top: 0;
}

/* Page venus */

.menu-principal.menu-venus {
	padding-top: 0;
	width: 100%;
	height: 30px;
	padding: 20px 0;
	background-color: #ffeae5;
}

.menu-venus a.bouton-std {
	width: 240px;
	padding: 6px;
	float: right;
}

.menu-principal.menu-venus ul li a:hover {
	border-bottom: 1px solid #000;
	background-color: #3f3f3f;
	color: #fff;
	text-decoration: none !important;
}

.menu-secondaire {
	max-width: 1180px;
	margin-left: 357px;
}

.diapo {
	padding-top: 80px;
}

.grise {
	background-color: #f4f4f4;
}

.rose-p {
	background-color: #fcf9f4;
}

.rose-f {
	background-color: #ffeae5;
}

.mauve {
	background-color: #edf2f4;
}

.grid-parent-2 .grid-child .texte.pd-gauche h1 {
	padding-bottom: 0;
}


/* Zones traitables */

.homme h2,
.homme p {
	text-align: right;
}

p.just {
	text-align: justify;
}

.padding-g {
	padding-left: 30px;
}

.padding-d {
	padding-right: 30px;
}

.bouton-std.bt-blanc {
	width: 130px;
	padding: 14px 0;
}

.femme .bouton-std.bt-blanc  {
	float: right;
}

.homme .bouton-std.bt-blanc {
	background-color: #000;
	color: #fff;
}

.homme .bouton-std.bt-blanc:hover {
	background-color: #fcf9f4;
	border: 1px solid #fcf9f4;
	color: #000;
}


/* seance */

.numero {
	padding-left: 70px;
	position: relative;
}

.numero .no,
.numero.un img,
.numero.deux img,
.numero.trois img, 
.numero.quatre img,
.numero.cinq img,
.numero.six img {
	position: absolute;
	top: 0;
	left: 0;
}
.numero .no {
    width: 47px;
    height: 47px;
    font-size: 2rem;
    border-radius: 50%;
    background: black;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;    
}

.seance p,
.resultat p { 
	text-align: justify
}

.numero.un,
.numero.deux,
.numero.trois {
	padding-right: 30px;
}

.seance-info {
	width: 300px;
	padding: 14px 40px;
	text-align: left;
	background-color: #fcf9f4;
	float: left;
	margin: 50px 0 0 60px;
}

.sc-autre {
	font-weight: bold;
	font-size: 1.333rem; /* 16px / 12px */
	line-height: 1rem; /* 16px / 16px */
	font-style: normal;
}


.seance-info a {
	font-size: 1.5rem; /* 18px / 12px */
	line-height: 1.875rem; /* 30px / 16px */
	font-weight: normal;
}

/* resultats/consultation */

.resultat img {
	margin: 3px 4px;
}

.resultat-texte {
	padding-right: 30px;
}

.consultation {
	background-color: #fcf9f4;
}
.consultation p {
	font-size: 2.2rem; /* 30px / 12px */
	line-height: 2;  /*30px / 16px */	
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
}

.consultation a {
	display: inline-block;	
	color: #fff;
	background-color: #3f3f3f;
}

.consultation a:hover {
	color: #000;
	background-color: #fff;
}



/* cou/maintenance */

.cout h2,
.cout p {
	text-align: center;
}

.maintenance h2 {
	text-align: center;
}


/* page a propos qui nous sommes */

.photo-entete-propos {
	height: 540px;
	width: 100%;
	background-image: url(images/photo-entete-propos.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.clinique-photo {
	width: 1180px;
	margin: 0 auto;
}

.clin-gauche {
	background-size: cover;
	float: left;
}

.notre-equipe h1,
.clinique h2,
.mission h2 {
	padding-bottom: 30px;
}


.mission {
	padding-top: 280px;
	margin-top: -200px;
	position: relative;
	z-index: -2;
}

.formulaire-joindre {
	padding-top: 340px;
	margin-top: -200px;
}


.icones {
	width: 1180px;
	margin: 0 auto;
	text-align: center;
}

.gd-gauche {
	width: 393.3333px;
	height: 360px;
	padding-top: 56px;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-size: cover;
	float: left;
}

.icones img {
	margin-bottom: 50px;
}

.icone p {
	/*font-style: italic;*/
	font-size: 1.5rem; /* 18px / 12px */
	line-height: 1.875rem; /* 30px / 16px */
	text-align: center;
	padding-bottom: 0;
	font-weight: bold;
}

.icone a {
	font-family: 'Poppins', sans-serif;
	font-style: italic;
	font-weight: bold;
}

.icone.beige {
	background-color: #fcf9f4;
}

.icone.rose {
	background-color: #f2dfdd;
}

.icone.gris {
	background-color: #edf2f4;
}

#menu-principal ul li.btn-reserver a {
    background: black !important;
    color: white !important;
}
#menu-principal ul li.btn-reserver:hover a {
    background: rgba(0, 0, 0, 0.65) !important;
}

/* Formulaire */

.formulaire input[type="text"],
.formulaire input[type="email"],
.formulaire textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 24px 0px 30px 20px;
	font-style: italic;
	text-align: left;
	background-color: #fff;
	border: 1px solid #fff;
	margin-bottom: 40px;
}

.formulaire input[type="email"],
.formulaire textarea {
	width: 100%;
}

.formulaire input[type="text"].telephone {
	width: 100%;
}

.formulaire input[type="submit"] {
	width: 300px;
	padding: 20px 10px;
	font-style: italic;
	text-align: center;
	display: inline-block;
	background-color: black;
	border: 1px solid black;
    color: white;
}
.formulaire input[type="submit"]:hover {
	background-color: #222;
}

.formulaire textarea:focus, .formulaire-1 input:focus{
    outline: none;
}

.form-padding {
	padding-right: 70px;
}


/* Pied de page */

.logo-p-page {
	display: block;
	margin: 0 auto 30px auto;
}

.pied-de-page p,
.pied-de-page a {
	color: #fff;
	/*font-style: italic;*/
}

.pied-de-page p {
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-bottom: 6px;
}

.pied-de-page p {
    padding-top: 0 !important;
}

.pied-de-page li.widget {
	padding-bottom: 0;
}

.droit a {
	display: block;
}

.droit {
	width: 160px;
	float: right;
	display: block;
}
	
img.credit {
	margin-top: 20px;
}

.pied-de-page h2 {
	font-size: 1.5rem; /* 18px / 12px */
    line-height: 1;
	font-style: normal;
	text-transform: uppercase;
	padding-bottom: 12px;
	color: #fff;
	padding-top: 0;
}

.pied-de-page .droit,
.pied-de-page .droit h2 {
	text-align: right;
}

.droit {
	width: 180px;
}

.centre {
	text-align: center;
}

.centre p {
	text-align: center;
	padding-top: 20px;
}

#nav_menu-2 .menu-footer-container {
	column-count: 2;
}
#nav_menu-2 .menu-footer-container li {
	padding-bottom: 0;
	text-align: right;
}
#nav_menu-2 .menu-footer-container a {
    transition: all .3s;
	font-size: 1rem;
	line-height: 1.3rem;
    text-decoration: none !important;
	color: #fff;
    /*font-style: italic;*/
	font-weight: normal;
}
#nav_menu-2 .menu-footer-container a:hover {
	text-decoration: underline !important;
}

ul.reseaux-sociaux li {
	display: inline-block;
}

a.rs-facebook,
a.rs-youtube,
a.rs-instagram {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin-left: 4px !important;
	background-color: #fff;
	color: #000;
	border-radius: 50%;
	margin-top: 14px;
}

a.rs-facebook {
	margin-left: 0 !important;
}

a.rs-facebook i,
a.rs-instagram i,
a.rs-youtube i  {
	font-size: 18px !important;
	line-height: 30px;
}

li a.rs-facebook:hover,
li a.rs-youtube:hover,
li a.rs-instagram:hover {
	border-bottom: none !important;
}

a.rs-facebook:hover {
	background-color: #3b5999;
}

a.rs-youtube:hover {
	background-color: #e4405f ;
}

a.rs-instagram:hover {
	background-color: #e4405f;
}

a.rs-facebook i:hover,
a.rs-youtube i:hover,
a.rs-instagram i:hover {
	color: #fff;
}


.choisir-joindre ul {
}
.choisir-joindre li {
	/* padding-left: 100px; */
	/* background: url(images/cercle.jpg) no-repeat left top; */
	font-weight: 400;
	padding-bottom: 50px;
}

.bg-deg-rose {
	background: url(images/bg-deg-beige-v3.png) repeat-x left bottom;
}

.a-propos img.signature-roxanne {
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 80px;
	z-index: -1;
}



.stitre.stsoin,
.stitre.stavis,
.stitre.stpourquoi,
.stitre.strendezvous,
.stitre.strla,
.stitre.strnos,
.stitre.strnotre,
.stitre.stapropos {
	position: relative;
	z-index: auto;
}
/*
.stitre.stsoin:before,
.stitre.stavis:before,
.stitre.stpourquoi:before,
.stitre.strendezvous:before,
.stitre.strla:before,
.stitre.strnos:before,
.stitre.strnotre:before,
.stitre.stapropos:before {
	content: "";
	display: block;
	position: absolute;	
	top: -5px;
	left: 0;
	z-index: -1;
}
.stitre.stapropos:before {
	width: 150px;
	height: 104px;
	background: url(images/titres/a-propos.png) no-repeat center center;
}
.stitre.stsoin:before {
	width: 90px;
	height: 104px;
	background: url(images/titres/soin.png) no-repeat center center;
}
.stitre.stavis:before {
	width: 243px;
	height: 127px;
	top: -35px;
	left: 50%;
	margin-left: -105px;
	background: url("images/titres/avis-clients.png") no-repeat center center;
}
.stitre.stpourquoi:before {
	width: 118px;
	height: 93px;
	background: url("images/titres/pourquoi.png") no-repeat center center;
}
.stitre.strla:before {
	width: 42px;
	height: 116px;
	top: -20px;
	left: 50%;
	margin-left: -21px;
	background: url("images/titres/la.png") no-repeat center center;
}
.stitre.strnos:before {
	width: 62px;
	height: 103px;
	background: url("images/titres/nos.png") no-repeat center center;
}
.stitre.strnotre:before {
	width: 114px;
	height: 127px;
	top: -30px;
	background: url("images/titres/notre.png") no-repeat center center;
}
.stitre.strendezvous:before {
	width: 162px;
	height: 88px;
	background: url("images/titres/rendez-vous.png") no-repeat center center;
}
*/

.centrer h1,
.centrer h2,
.centrer p {
	text-align: center;
}

.a-droite {
	text-align: right;
}

#mega-menu-menu_haut .mega-sub-menu {
	padding: 15px 30px !important;
	box-shadow: 0px 5px 5px 0px rgba(194,194,194,0.58) !important;
}

#mega-menu-menu_haut a:hover {
	text-decoration: none !important;
}

#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0 !important;
}

#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	padding: 6px 10px !important;
	font-size: 13px !important;
    letter-spacing: -0.5px;
	font-weight: normal!important;
	text-transform: none !important;
}


#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    background: #fcf9f4 !important;
    font-weight: normal !important;
    text-decoration: none !important;
    color: #666 !important;
}

#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-flyout ul.mega-sub-menu {
	background: #fff !important;
}
#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-flyout ul.mega-sub-menu a {
	background: #fff !important;
	font-weight: normal !important;
	text-transform: none !important;
}


#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-flyout ul.mega-sub-menu li.mega-current_page_item a {
	color: #444 !important;
}

#breadcrumbs {
	background: url(images/bg-filariane.png) repeat-x left top;
	font-size: 1rem;
	line-height: 1rem;
    transition: all .3s;
    font-weight: normal;
    color: #000;
    font-style: normal;	
	padding: 30px 0;
}
#breadcrumbs a {
    font-weight: normal;
    transition: all .3s;
    text-decoration: none;
    color: #3f3f3f;
}
#breadcrumbs a.bouton-std {
	width: auto;
	font-size: 0.9rem;
	line-height: 0.9rem;
	padding: 8px;
	border: 1px solid #000;
	margin: -8px 0 -10px 0;
	display: inline-block;
	text-transform: uppercase;
}
#breadcrumbs .grid_2 {
	text-align: right;
}

#nav-secondaire {
	background: black;
	padding: 20px 0;
}
#nav-secondaire ul li {
	padding-bottom: 0;
	display: inline-block;
	padding-right: 20px;
}
#nav-secondaire ul li a {
    font-weight: normal;
    transition: all .3s;
    text-decoration: none;
    color: white;
	font-size: 1rem;
	line-height: 1rem;
	text-transform: uppercase;
}

#slider-accueil {
	margin-top: -232px;
	position: relative;
	z-index: 50;
}

.img-membre {
	display: block;
	margin-left: -215px;
}

.etapes-image {
	position: absolute;
	left: 50%;
	bottom: 0;
}

.etapes-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.tableau-comparatif {
	width: 100%;
}
.tableau-comparatif th,
.tableau-comparatif td {
	padding: 6px 0;
}
.tableau-comparatif th {
	padding: 12px 0;
}
.tableau-comparatif td:nth-child(1) {
	text-align: left;
	border-bottom: 1px solid #000;
}
.tableau-comparatif td {
	font-weight: normal;
	font-style: italic;
}
.tableau-comparatif th:nth-child(2),
.tableau-comparatif td:nth-child(2) {
	width: 15%;
	background: #ffeae5;
	border-bottom: 1px solid #cfcfcf;
}
.tableau-comparatif th:nth-child(3),
.tableau-comparatif td:nth-child(3) {
	width: 15%;
	background: #fcf9f4;
	border-bottom: 1px solid #cfcfcf;
}
.tableau-comparatif th:nth-child(4),
.tableau-comparatif td:nth-child(4) {
	width: 15%;
	background: #edf2f4;
	border-bottom: 1px solid #cfcfcf;
}
.tableau-comparatif th:nth-child(5),
.tableau-comparatif td:nth-child(5) {
	width: 15%;
	background: #E4DFDA;
	border-bottom: 1px solid #cfcfcf;
}

.bg-separateur {
	position: relative;
}
.bg-separateur::before {
	content: "";
	width: 1px;
	height: 70%;
	position: absolute;
	left: 50%;
	top: 15%;
	background: #3f3f3f;
	display: block;
}

.tarfis {
	width: 99%;
}

.carousel div {
	display: none;
}
.carousel div.actif {
	display: block;
}

.une-slide {
	height: 200px;
}

#mega-menu-wrap-menu_haut #mega-menu-menu_haut > li.mega-menu-megamenu > ul.mega-sub-menu {
	top: 50px;
}

#mega-menu-wrap-menu_haut,
#mega-menu-wrap-menu_haut .mega-menu-toggle {
    background: transparent !important;
}

.bg-padding {
	padding: 30px 20px;
	box-sizing: border-box;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border: 0 !important;
	color: #fff;
	margin: 0 0 30px 0 !important;
	padding: 10px !important;
}
div.wpcf7-validation-errors {
	background-color: #c6213d !important;
}
span.wpcf7-not-valid-tip {
	color: #c6213d !important;
	font-size: 1rem !important;
	margin: -20px 0 10px 0;
}
div.wpcf7-mail-sent-ok {
	background-color: #398F14;
}

.les-notes {
    padding: 75px 0 50px 0;
}


































































@media screen and (max-width: 1250px) {
	
	img {
		max-width: 100% !important;
	}
	
	.boite {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.boite-demi {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.consultation .container_12 .grid_12,
	.consultation .container_12 .grid_6,	
	.venus-freeze-2 .container_12 .grid_12,
	.venus-freeze-2 .container_12 .grid_6,
	.notre-equipe .container_12 .grid_12,
	.mission .container_12 .grid_12,
	.mission .container_12 .grid_6,	
	.maintenance .container_12 .grid_12,
	.maintenance .container_12 .grid_6,	
	.femme .container_12 .grid_12,
	.femme .container_12 .grid_6,
	.homme .container_12 .grid_12,
	.homme .container_12 .grid_6,
	.seance .container_12 .grid_12,
	.seance .container_12 .grid_6,
	.resultat .container_12 .grid_12,
	.resultat .container_12 .grid_6,
	.resultat .container_12 .grid_3,
	.formulaire-joindre .container_12 .grid_12,
	.formulaire-joindre .container_12 .grid_8,
	.formulaire-joindre .container_12 .grid_4,
	.tarifs .container_12 .grid_12,
	.tarifs .container_12 .grid_6,
	.infolettre .container_12 .grid_6,
	.a-propos .container_12 .grid_12,
	.a-propos .container_12 .grid_6,
	.service-simple .container_12 .grid_6 {
		width: 98% !important;
		padding-left: 1% !important;
		padding-right: 1%x !important;
		text-align: center !important;
		display: block !important;	
		clear: both !important;
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}

	.formulaire-joindre,
	.mission {
		margin-top: 0;
	}	
	
	.femme .bouton-std.bt-blanc {
		float: none;
	}

	.homme h2 {
		text-align: center;
	}

	.resultat img.rg {
		padding-right: 9px;
	}


	.resultat img.lf {
		padding-left: 9px;
	}

	.formulaire input[type="submit"] {
		float: none;
		margin: 0 auto;
	}
	
	.frm-infolettre {
		margin: 0 auto 60px auto;		
		padding: 0;
		float: none;
		clear: both;
	}
	.logo-infolettre {
		margin-left: auto;
		margin-right: auto;
	}
	
	hr {
		width: 100%;
	}
	
	.lettre {
		top: 605px;
	}

	table {
		width: 100%;
	}
	
	.a-propos img.signature-roxanne {
		left: 50%;
		margin-left: -125px;
	}

	.grid-parent-2 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}

	.grid-parent-2 .grid-child {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}

	.grid-parent-2 .grid-child.texte {
		max-width: 100%;
		margin: 0 auto;
		display: block;
		padding: 40px 0px;
		box-sizing: border-box;
		min-height: 320px;
	}
	
	.grid-parent-2 .grid-child.texte p {
		text-align: center;
	}

	.grid-parent-2 .grid-child.texte.droite {
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.grid-parent-2 .grid-child.equipe {
		min-width: 400px;
		max-width: 100%;
		margin: 20px auto;
		padding: 0;
		min-height: auto;
	}
	.grid-parent-2 .grid-child.equipe img {
		height: auto;
	}

	h1,
	h2 {
		text-align: center;
	}

	.bouton-std {
		display: block;
		margin: 0 auto;
	}

	.lettre {
		width: 100%;
		left: 0;
		margin: 0 auto;
	}

	.lettre p {
		text-align: center;
		padding-bottom: 0;
	}

	.position-droite {
		height: 780px;
	}

	.grid-parent-2 .grid-child.texte.droite.blanc {
		padding-bottom: 40px;
		margin: 0 auto;
	}

	.grid-parent-2 .grid-child.texte.droite.blanc a {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	p.centre-2,
	p.nom,
	p.titre-gras {
		text-align: center;
	}

	.clinique-photo {
		width: 100%;
	}

	.clin-gauche {
		max-width: 600px;
		float: none;
		display: block;
		margin: 0 auto 20px auto;
	}

	table, th, td {
		max-width: 650px;
		margin: 0 auto;
	}

	.padding-g {
		padding-left: 0px;
	}

	.padding-d {
		padding-right: 0px;
		padding-top: 0;
	}

	.seance-info {
		display: block;
		margin: 50px auto;
		float: none;
	}

	.numero.un,
	.numero.deux,
	.numero.trois {
		padding-right: 0px;
	}

	.boite {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.boite-demi {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.dermavital-texte {
		max-width: 100%;
		padding-left: 0px;
	}

	.a-propos img {
		padding-left: 0;
		display: block;
		margin: 0 auto;
	}

	.choisir-joindre.grid-parent-2 .grid-child.texte {
		max-width: 100%;
		margin-left: 0px;
	}

	.cercle {
		display: none;
	}

	.choisir-liste {
		padding-left: 0px;
	}

	.form-padding {
		padding-right: 0;
	}

	.resultat-texte {
		padding-right: 0;
	}

	.resultat-texte p,
	.maintenance p,
	.clinique p,
	.mission p,
	.formulaire p,
	.consultation p {
		text-align: center;
	}
	
	.consultation p {
		margin-bottom: 24px;
	}

	.icones {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.gd-gauche {
		max-width: 100%;
		display: block;
		float: none;
		margin: 20px auto;
	}

	.diapo {
		padding-top: 0;
	}

	.texte-au-centre {
		padding: 0;
	}

	.consultation a {
		float: none;
	}
	.formulaire input[type="text"].telephone {
		margin-left: 0px;
		width: 100%;
	}

	.formulaire input[type="text"],
	.formulaire input[type="email"],
	.formulaire textarea {
		width: 100%;
	}	
	
	
	.stitre.stapropos:before {
		left: 50%;
		margin-left: -75px;
	}
	.stitre.stsoin:before {
		left: 50%;
		margin-left: -45px;
	}
	.stitre.stpourquoi:before {
		left: 50%;
		margin-left: -59px;
	}
	.stitre.strnos:before {
		left: 50%;
		margin-left: -31px;
	}
	.stitre.strnotre:before {
		left: 50%;
		margin-left: -57px;
	}
	.stitre.strendezvous:before {
		left: 50%;
		margin-left: -81px;
	}	
	.pied-de-page h2 {
		text-align: left;
	}
	
	.grid-parent-2 .grid-child.carte-accueil {
		min-height: 300px;
		height: 300px;
	}

	.img-membre {
		margin-left: 0;
	}
	
	.grid-parent-2 .grid-child.texte.sans-max {
		min-height: 0;
	}
	
	.femme h2, .femme p,
	.homme h2, .homme p {
		text-align: center;
	}

	.vdroite {
		padding-top: 20px;
	}
	
	#traitement .grid_6 p {
		text-align: center;
	}
	
	.bg-separateur::before {
		content: none;
	}
	.separateur-mobile {
		border-top: 1px dotted #9f9f9f;
		padding-top: 40px;
		margin-top: 40px;
	}
	
	.temoignage-texte {
		width: auto;
	}
	
	.lettre {
		left: 0;
		transform: none;
	}
	
	.formulaire {
		margin-top: 40px;
	}
}


@media screen and (max-width: 960px) {
	
	.venus-freeze-2 .container_12 .grid_12,
	.venus-freeze-2 .container_12 .grid_6,
	.pied-de-page .container_12 .grid_12,
	.pied-de-page .container_12 .grid_4 {
		width: 98% !important;
		padding-left: 1% !important;
		padding-right: 1% !important;
		text-align: center !important;
		display: block !important;	
		clear: both !important;
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}

	.pied-de-page p {
		text-align: center;
	}

	img.logo-p-page {
		padding-bottom: 10px;
	}

	.droit {
		float: none;
		display: inline-block;
	}

	p.titre {
		padding-top: 10px;
	}
	.pied-de-page h2 {
		text-align: center;
	}	
}

@media screen and (max-width: 700px) {
	.resultat img.rg {
	padding-right: 5px;
	margin-bottom: 10px;
}

.resultat img.lf {
	padding-left: 5px;
	margin-bottom: 10px;
}

}


@media screen and (max-width: 602px) {
	.resultat img.rg {
		padding-right: 0px;
}

.resultat img.lf {
	padding-left: 0px;
}

.boite-noire {
	padding: 60px 0;
}


}



@media screen and (max-width: 490px) {

	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12 {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center !important;
		display: block !important;	
		clear: both !important;
		float: none !important;
	}
	
	html {
		font-size: 9px;
		line-height: 12px;
	}	
	
	.entete img {
		max-width: 200px !important;
		width: 80%;
	}
	
	.entete {
		padding: 50px 0 0 0;
	}
	
	#slider-accueil {
		margin-top: 0;
	}
}