@charset "utf-8";
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }

body							{ margin: 0; padding: 0; font-size: 14px; font-family: 'Police','Century Gothic', Verdana; color: #333  }

header 							{ color: #282828 }
header a 						{ color: #084A87 }
header a:hover					{ color: #C2AA72 }
header .curseur:hover			{ color: #C2AA72 }
header .choix					{ color: #C2AA72 }
header .entete 					{ width: 1200px; margin: auto }
header .entete nav 				{ display: flex; justify-content: space-between; align-items: center; -webkit-box-align: end; font-size: 0.9em; font-family: 'barlow condensed'; font-weight: 400; text-transform: uppercase; letter-spacing: 2px }
nav .nav-left 					{ display: flex; -webkit-box-align: end; justify-content: center; flex: 0 0 33%; text-transform: none; font-size: 18px }
nav .nav-left .menu				{ cursor: pointer }
nav .menu i						{ font-weight: 600; color: #C2AA72; font-size: 30px }
nav .menu i.fas					{ display: block }
nav .menu span					{ display: block; margin-top: -8px; font-size: 11px; letter-spacing: 3px; color: #084A87; font-weight: bold }
nav .nav-logo 					{ flex: 0 0 34%; text-align: center }
nav .nav-logo a					{ margin: -35px 0 5px }
nav .nav-logo img				{ width: 230px; height: auto }
nav .nav-logo .menu				{ display: none; visibility: hidden }
nav .nav-right 					{ display: flex; justify-content: center; flex: 0 0 33%; padding-top: 6px; text-align: center }
nav .nav-right .nav-doctolib a 	{ color: #C2AA72 }
nav .nav-right .nav-doctolib img { width: auto; height: 30px; margin: 5px; vertical-align: middle }

@media (max-width: 1200px){ 
header .entete 					{ width: 100% }
}
@media (max-width: 600px){
nav  							{ text-align: center }
nav .nav-logo a					{ margin: 5px auto }	
nav .nav-logo img				{ display: block; margin: 2% auto; width: 175px }
nav .nav-left 					{ flex: 0 0 15% }
nav .nav-logo 					{ flex: 0 0 60% }
nav .nav-right 					{ flex: 0 0 25% }
}
@media (max-width: 500px){
nav .nav-logo img				{ width: 120px }
nav .nav-right .nav-doctolib img { height: 23px }	
}

/*header .entete nav 				{ display: block }
nav .nav-left, nav .nav-right 	{ display: none; visibility: hidden }
nav .nav-logo 					{ display: flex; align-items: center; flex: none }
nav .nav-logo img				{ margin-left: -10% }	
nav .nav-logo .menu				{ display: block; visibility: visible; margin: 2% 0 0 2%; cursor: pointer }
nav .nav-logo a					{ display: block; margin: auto }*/	

.panel-menu 					{ position: fixed; width: 50%; min-width: 300px; height: 100%; top: 0; left: -100%; z-index: 1000; padding: 25px 50px 30px; background-color: #F7F3EC; overflow-x: hidden; transition: 0.5s }
.panel-menu .panel-menu-close 	{ display: block; text-align: right }

.panel-menu ul 					{ list-style: none; margin: 0; padding: 0; text-align: center }
.panel-menu i					{ color: #C2AA72 }
.panel-menu:hover i				{ color: #C2AA72 }
.panel-menu .logo				{ text-align: center; padding: 2% }
.panel-menu .logo img			{ width: 200px; height: auto }
.panel-menu li 					{ display: block; width: 100%; font-size: 15px; letter-spacing: 1px; margin: 10px; -webkit-transition: all .25s ease-in; transition: all .25s ease-in }
.panel-menu li:hover 			{  }
.panel-menu a 					{ padding: 5px }
.panel-menu .iconefilet			{ width: 18px; height: auto; vertical-align: middle; margin: 10px }
.panel-menu .filet 				{ width: 30%; margin: 20px auto; border-bottom: 1px solid #CCC }

@media (max-width: 768px){
.panel-menu 					{ padding: 15px 30px 20px }
}
@media (max-width: 500px){
.panel-menu .logo img			{ width: 150px }
}

#page 							{ width: 100% }
.contenu 						{ width: 1200px; margin: auto }
.contenu-min					{ min-height: 300px }
.rub-titre 						{ font-family: 'barlow condensed'; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; margin: 1% 5% }
.rub-accroche 					{ font-family: 'barlow condensed'; font-size: 1.2em; letter-spacing: 1px }
.filet 							{ width: 10%; max-width: 100px; height: 1px; margin: 0 4% }
.bandimage 						{ width: 100%; text-align: center }
.bandimage img					{ width: 100%; height: auto }
.bandimage img.validation		{ width: 955px; height: auto }

.rides 							{ color : #0088C0 }
.peau 							{ color : #9564AA }
.intime 						{ color : #F0668D }
.seins 							{ color : #DA6EAB }
.laser 							{ color : #20BDBD }

@media (max-width: 955px){ 
.bandimage img.validation		{ width: 100% }
}

@media (max-width: 768px){ 
h2								{ font-size: 1.3em }
}

@media (max-width: 1200px){ 
.contenu 						{ width: 100% }
}

#jssor_1 						{ position:relative;margin:0 auto;top:0px;left:0px;width:1800px;height:540px;overflow:hidden;visibility:hidden }
#jssor_1 .jssorl-009-spin 		{ position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.5) }
#jssor_1 .jssorl-009-spin img	{ margin-top:-19px;position:relative;top:50%;width:38px;height:38px }
#jssor_1 .slides				{ cursor:default;position:relative;top:0px;left:0px;width:1800px;height:540px;overflow:hidden }
#jssor_1 .slides .slide-txt		{ left:0px;top:0px;width:1800px;height:540px;position:absolute }
#jssor_1 .slides .slide-txt	.slide-box	{ left:955px;top:75px;display:block;position:absolute;overflow:visible }
#jssor_1 .slides .slide-txt	.titre1	{ display:block;position:absolute;font-family:barlow,sans-serif;font-size:60px;font-weight:900;overflow:visible;left:-800px;top:200px }
#jssor_1 .slides .slide-txt	.titre2	{ display:block;position:absolute;font-family:barlow,sans-serif;font-size:84px;font-weight:900;overflow:visible;left:1600px;top:275px }

.jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear }
@keyframes jssorl-009-spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
.jssorb132 			{ position:absolute;position:absolute;bottom:24px;right:16px}
.jssorb132 .i 		{ position:absolute;cursor:pointer;}
.jssorb132 .i .b 	{ fill:#C2AA72;fill-opacity:0.8;stroke:#084A87;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
.jssorb132 .i:hover .b { fill:#084A87;fill-opacity:.7;stroke:#C2AA72;stroke-width:2000;stroke-opacity:0.8;}
.jssorb132 .iav .b 	{ fill:#084A87;stroke:#C2AA72;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
.jssorb132 .i.idn 	{ opacity:0.3;}
.jssora051 			{ display:block;position:absolute;cursor:pointer;width:55px;height:55px;top:0px }
.jssora051-left		{ left:25px }
.jssora051-right	{ right:25px }
.jssora051 .a 		{ fill:none;stroke:#C2AA72;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover 	{ opacity:.8;}
.jssora051.jssora051dn { opacity:.5;}
.jssora051.jssora051ds { opacity:.3;pointer-events:none;}

.hp-bloc 						{ display: flex; flex-direction: row; align-items: center; width: 80%; margin: 3% auto }
.hp-bloc .hp-bloc-img 			{ width: 50%; transition: filter 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) }
.hp-bloc .hp-bloc-img img		{ width: 100%; height: auto }
.hp-bloc .hp-bloc-txt			{ width: 50%; padding: 3% 5% }
.hp-bloc .hp-bloc-txt h1		{ font-family: 'Gabriel'; font-size: 84px; text-transform: none; letter-spacing: 1px; font-weight: 400; line-height: 66px; margin: 2% 0 }
.hp-bloc .hp-bloc-txt h1 p		{ margin: 0; font-size: 36px; line-height: 30px }
.hp-bloc .hp-bloc-txt p			{ font-size: 1.1em; text-transform: none; letter-spacing: 1px; font-weight: normal }
.hp-bloc .hp-bloc-txt img.hp-bloc-icone	{ width: 80px; height: auto }
.hp-bloc .hp-bloc-txt .more		{ margin: 5% auto 2% }

@media (max-width: 1200px){ 	
.hp-bloc 						{ width: 100% }
}
@media (max-width: 700px){ 	
.hp-bloc 						{ display: block; width: 90%; margin: 8% 5% 4% }
.hp-bloc .hp-bloc-img 			{ display: block; width: 100%; text-align: center }
.hp-bloc .hp-bloc-img img		{ max-width: 500px }
.hp-bloc .hp-bloc-txt 			{ display: block; width: 100% }
.hp-bloc .hp-bloc-txt h1		{ font-size: 56px; line-height: 40px }
.hp-bloc .hp-bloc-txt h1 p		{ font-size: 26px; line-height: 30px }
.hp-bloc .hp-bloc-txt img.hp-bloc-icone	{ width: 60px; height: auto }
}

.page-cols-2 					{ display: flex; flex-wrap: wrap; box-shadow: 0 4px 8px rgba(0,0,0,.1); margin-top: 20px }
.page-cols-2 .page-col-txt		{ display: flex; width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center;  padding: 3% }
.page-cols-2 .page-col-img		{ display: flex; width: 50%; background-position: center center; background-repeat: no-repeat;
 background-size: cover }
.page-cols-2 .page-col-login	{ background-image: url(/photos/login.jpg) }

@media (max-width: 550px){ 				
.page-cols-2 					{ display: block }
.page-cols-2 .page-col-txt		{ display: block; width: 90%; margin: auto }
.page-cols-2 .page-col-img		{ display: block; visibility: hidden }
}

.presentation 			 				{ display: flex!important; flex-wrap: wrap; background-color: #C0BEBC; color: #FFF; margin: 3% 0; padding: 3% }
.presentation .presentation-img 		{ flex: 0 0 50%; max-width: 60%; position: relative; text-align: center }
.presentation .presentation-img img		{ width: 100%; height: auto }
.presentation .presentation-txt 		{ flex: 0 0 50%; max-width: 40%; position: relative; padding: 2% 4% }
.presentation-txt .presentation-titre	{ font-family: 'Gabriel'; font-weight: 400; font-size: 2em  }
.presentation-txt .presentation-sstitre { font-family: 'barlow condensed'; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px }
.presentation-txt p 					{ line-height: 1.4em }
@media (max-width: 600px){ 				
.presentation 			 				{ display: none }
.presentation .presentation-img, .presentation .presentation-txt 		{ flex: none; max-width: none; width: 100% }
.presentation .presentation-img img		{ max-width: 500px }
}

.fiche 							{ width: 60%; margin: 0 auto 3% }
.fiche h3 						{ font-family: Gabriel; margin-bottom: 0 }
.fiche img						{ width: 300px; height: auto }
.fiche img.float-g 				{ width: 40%; height: auto; float: left; margin-right: 3% }
.fiche p 						{ margin: 5px 20px }

.fiche-suite-txt 				{ height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; text-align: justify; color: #999 }
.fiche-suite label				{ float: none; display: block; cursor: pointer; font-size: 10px; text-transform:uppercase; letter-spacing: 2px; text-align: right; padding-right: 10%; font-weight: 600 }
.fiche-suite input[type=checkbox]:checked + label + .fiche-suite-txt { max-height: 1000px; padding: 2% 0 }
.fiche-suite label > span { margin-left: 2%; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease }
.fiche-suite input[type=checkbox]:checked + label > span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }

.fiche .video					{ display: block; padding: 2% }
.fiche .video iframe			{ width: 500px; height: 280px; margin: auto }	

@media (max-width: 700px){ 				
.fiche 							{ width: 80% }
.fiche img						{ max-width: 100% }
}

.photos 						{ text-align: center }
.photos img						{ width: 23%; height: auto; margin: 1% }
@media (max-width: 900px){ 			
.photos img						{ width: 30% }
}
@media (max-width: 700px){ 			
.photos img						{ width: 47% }
}


.praticiens						{ display: flex; flex-direction: row; align-items: flex-start; width: 80%; margin: 3% auto }
.praticiens .hp-bloc-titre		{ width: 40%; transition: filter 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) }
.praticiens .hp-bloc-titre h1	{ font-family: 'Gabriel'; font-size: 64px; text-transform: none; letter-spacing: 1px; font-weight: 400; line-height: 50px; margin: 2% 0; color: #084A87 }
.praticiens .hp-bloc-titre img.hp-bloc-icone	{ width: 80px; height: auto; margin: 2% }
.praticiens .hp-bloc-txt		{ width: 60%; padding: 0 5% }
.praticiens .hp-bloc-txt h2		{ font-family: 'Gabriel'; font-size: 36px; text-transform: none; letter-spacing: 1px; font-weight: 400; line-height: 30px; margin: 2% 0; color: #C2AA72 }
.praticiens .hp-bloc-txt p		{ font-size: 1.1em; text-transform: none; letter-spacing: 1px; font-weight: normal }
.praticiens .hp-bloc-txt .more	{ max-width: 150px;  margin: 5% auto 2%; padding: 5px }
.praticiens .hp-bloc-txt .filet { display: block; width: 30%; max-width: 200px; height: 1px; margin: 10% auto }

@media (max-width: 1200px){ 	
.praticiens { width: 100% }
}
@media (max-width: 900px){ 	
.praticiens 					{ display: block; width: 90%; margin: 10% 5% }
.praticiens .hp-bloc-titre h1	{ font-size: 55px; line-height: 1em }
.praticiens .hp-bloc-txt 		{ display: block; width: 100%; padding: 3% }
.praticiens .hp-bloc-txt h2		{ font-size: 24px; line-height: 1.2em; font-weight: 500 }
}
@media (max-width: 700px){ 	
.praticiens .hp-bloc-titre h1	{ font-size: 48px }
.praticiens .hp-bloc-txt h2		{ font-size: 18px; line-height: 1.1em }
}


.validation	.bloc				{ display: inline-block; width: 35%; margin: 2% 5%; border: 1px solid #C2AA72; padding: 2% 4% }
.validation	.juridique			{ background-color: #333; color: #FFF; text-align: justify; line-height: 1.5em }
.validation .titre3				{ margin-bottom: 5% }
.validation	.etape				{ float: left; margin: 0 10px 20px 0; padding: 3px 8px; background-color: #C2AA72; font-size: 14px; color: #FFF; font-weight: bold }
@media (max-width: 900px){ 	
.validation	.bloc				{ display: block; width: 90%; margin: 5% auto }
}

.tarifs table 					{ border-collapse: collapse; width: 100%; max-width: 950px; margin: 0 auto 3% }
.tarifs table  tr:hover			{ border-top: 1px solid #829FBC; border-bottom: 1px solid #829FBC }
.tarifs table  tr:nth-child(even) { background-color: #F1F2F3 }
.tarifs table  th 				{ background-color: #C2AA72; color: #084A87; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; text-align: left; padding: 10px }
.tarifs table  tr.th td 		{ font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold }
.tarifs table  td 				{ padding: 10px 10px 10px 20px; line-height: 1.3em }
.tarifs table  td.prix			{ text-align: right; padding-right: 10px; white-space: nowrap }

@media (max-width: 700px){ 	
.tarifs table  tr.th td			{ font-size: 10px }
.tarifs table  th 				{ letter-spacing: 1px }
.tarifs table  td 				{ padding: 8px; font-size: 12px }
.tarifs table  td.prix			{ padding-right: 5px }
.tarifs table  td:last-child	{ font-size: 12px }
}

.cols2 							{ display: table; width: 100%; padding: 10px }
.col2 							{ display: table-cell; width: 50% }
.navbtn		 					{ text-align: center; margin: 10px; font-family: 'barlow condensed'; color: #FFF; letter-spacing: 2px; border: 0; text-transform: uppercase; cursor: pointer }
.navbtn 						{ background-color: #C2AA72 }
.navbtn:hover 					{ background-color: #AE3B2C }
.navbtn:hover .navbtn			{ background-color: #AE3B2C }

.navbtn-gris					{ background-color: #767171 }
.navbtn-gris:hover				{ background-color: #AE3B2C }
.navbtn-gris:hover .navbtn-gris { background-color: #AE3B2C }

.cols2img img 					{ width: 100%; height: auto }
.cols2img .navbtnpayer input	{ text-align: center; margin: 10px; color: #FFF; letter-spacing: 2px; border: 0; text-transform: uppercase; cursor: pointer }
.cols2img .navbtnpayer input:hover 	{ background-color: #AE3B2C }

@media (max-width: 600px){ 				
.cols2img .col2 				{ display: block; width: 100% }
}


.contact .contactform			{ display: inline-block; vertical-align:top; width: 70%; padding: 3%; font-size: 13px }
.contact .contactform .message	{ margin-top: 10% }
.contact .contactform .col2		{ display: inline-block; width: 49% }
.contactform input, .contactform textarea, .contactform select { position: relative; border: 1px solid #CCC; font-family: Questrial, Century Gothic, Verdana, Arial, sans-serif; color: #333; font-size: 15px; line-height: 20px; letter-spacing: 1px; padding: 8px 16px; margin: 0; resize: none;}
.contactform  input 			{ display: inline; width: 100% }
.contactform  textarea			{ width: 100% }
.contactform  label				{ display: block; text-transform:uppercase;	margin: 13px 0 2px 0; letter-spacing: 2px; font-size: 12px; width: 100% }
.contactform input[type="submit"] {	width: 100%; height: 40px; background-color: #767171; color:#FFF; border: none; cursor: pointer; text-align: center;	vertical-align: middle;	font-size: 15px; letter-spacing: 5px;  text-transform:uppercase	}
.contactform input[type="submit"]:hover		{	background-color: #C2AA72	}	
.contactform .g-recaptcha		{ margin: 2% 0; width: 100% }	

.contact .contactinfos			{ display: inline-block; vertical-align:top; width: 28%; text-align: center; line-height: 20px; margin: 3% 0 2%; font-weight: 300 }
.contact .contactinfo			{ padding: 10px; border: solid 1px #AAA }
.contact .contactinfo h1		{ font-size: 1.5em }
.contact .contactinfo h3		{ margin: 0; color: #DA5158; letter-spacing: 2px }
.contact .contactinfo h5		{ text-transform: uppercase; letter-spacing: 7px; font-weight: normal; margin-top: 0 }
.contact .contactinfo a			{ font-weight: 400 }
.contact .contactinfo a:hover	{ font-style: italic }
.contact .contactinfo .tel		{ font-size: 18px; letter-spacing: 3px; margin-top: 5% }
.contact .contactinfo .mail		{ font-size: 14px; letter-spacing: 2px; margin-top: 5%; padding: 2% 0 }

.medecin-rdv	 				{ display: block; text-align:center; background-color: #0596DE; color: #FFF; font-size: 13px; padding: 2% 1% }
.medecin-rdv img 				{ width: auto; height: 15px; margin-bottom: 3px; vertical-align: middle }
.medecin-rdv a					{ color: #FFF }
.medecin-rdv:hover				{ background-color: #C2AA72 }

@media (max-width: 900px){
.contact .contactinfos			{ width: 35%;  }
.contact .contactform, .contact .contactinfos			{  display: block; width: 90%; margin: auto }
}
@media (max-width: 1200px){
.contact section .container		{ width: 100%; padding: 0 }
}
@media (max-width: 768px){
.contact .contactform	.col2	{ display: block; width: 100% }
.contactform input[type="submit"] {	margin-top: 15px	}
}

.map		 					{ display: block; width: 100%; text-align: center; padding: 1% 0 }
.map .carte 					{ background-color: #EEE; margin-bottom: 30px }
.map iframe 					{ width: 100% !important; height: 350px!important; padding: 0; margin: 0 }
.map h2	 						{ margin-bottom: 0 }
.map h2	.minus					{ font-size: 13px; font-weight: normal }
.map h3	 						{ margin: 0 0 2%; font-weight: 400 }

.legal .infos					{ display: block; width: 100%; margin-top: 2%; line-height: 1.5em }
.legal .infos .infosdetail		{ display: inline-block; width: 20%; vertical-align: top; border: 1px solid #000; margin-left: 6%; padding: 0 2% 2%; font-size: 14px; text-align: right  }
.legal .infos .infosdetail h5	{ border-bottom: 1px solid #CCC; padding-bottom: 5px; margin: 20px 0 0; font-size: 16px  }
.legal .infos .infosdetail i	{ text-transform: uppercase; font-size: 11px; letter-spacing: 2px  }
.legal .infos .infostexte		{ display: inline-block; width: 48%; vertical-align: top; padding: 0 3% 2% 3%; font-size: 14px; text-align: justify }
.legal .infos .infostexte h3	{ text-align: left; font-size: 16px }
.legal .infos .photo			{ display: inline-block; width: 25%; height: auto; vertical-align: middle; text-align: center; overflow: hidden }
.legal .infos .photo img		{ width: 90%; max-width: 130px; height: auto; margin-top: 10%  }

@media (max-width: 768px){
.legal section .container		{ width: 100% }
.legal .infos .infosdetail		{ display: block; width: 90%; margin: 5% auto; font-size: 16px  }
.legal .infos .infostexte		{ display: block; width: 100%  }
.legal .infos .photo			{ display: block; width: 100%  }
.legal .infos .photo img		{ width: 100% }
}

.legal-reglement 				{ text-align: justify; font-size: 12px; line-height: 1.1em }

.grpd							{ padding: 2% 5% }
.grpd .blocsubdiv 				{ background-color: #627788; padding: 1%; color: #FFF; text-transform: uppercase; letter-spacing: 4px; text-align: center; font-size: 15px }
.grpd .blocsubdiv p				{ text-transform: none; font-size: 13px; letter-spacing: normal; color: #FFF!important }
.grpd .grpd-intro				{ padding: 0 10%; text-align: justify; font-size: 15px }
.grpd .grpd-logo 	 			{ text-align: center }
.grpd .grpd-logo img 			{ width: 100px; height: auto }
.grpd .grpd-txt 				{ width: 80%; margin: 1% auto }
.grpd .grpd-blocs				{ font-size: 15px; text-align: center; margin-top: 2% }
.grpd .grpd-bloc				{ display: inline-block; width: 31%; min-height: 420px; box-sizing: border-box; border: 1px solid #627788; text-align: justify; padding: 2% 2% 1% 2%; margin: 1%; vertical-align:top; line-height: 1.3em }
.grpd h2 						{ font-size: 1.3em; color: #22384D; text-align: center; line-height: 1.3em; font-weight: 500; text-transform: none; letter-spacing: 1px }
.grpd .grpd-icone 	 			{ text-align: center }
.grpd .grpd-icone img 			{ width: 48px; height: auto }

@media (max-width: 992px){
.grpd form 				{ width: 90% }
}

@media (max-width: 768px){
.grpd .grpd-bloc				{ display: inline-block; width: 45% }
.grpd .grpd-intro		{ padding: 0 2% }
}
@media (max-width: 580px){
.grpd form, .grpd .grpd-legal { display: block; width: 90%; margin: auto }
.grpd .grpd-intro		{ font-size: 14px }
.grpd form input 		{ font-size: 13px; letter-spacing: 2px }
.grpd .grpd-bloc 		{ display: block; width: 90%; margin: auto; min-height: inherit; margin-bottom: 2% }
.grpd form 				{ width: 100% }
}

.grpd-legal				{ margin-top: 5%; font-size: 12px; line-height: 1.1em; text-align: justify }

.pied-infos 					{ background-color: #A09D9A; padding: 3%; display: flex; flex-wrap: wrap; justify-content: center; color: #444; font-size: 16px }
.pied-infos .pied-info			{ flex: 0 0 33%; max-width: 33%; position: relative; text-align: center; line-height: 1.3em }
.pied-info .minus				{ font-size: 13px; color: #222 }
.pied-info i					{ color: #DDD; font-size: 60px; display: block }
.pied-info a					{ color: #444 }
.pied-info img.icone			{ width: 80px; height: auto; display: block; margin: auto }
.pied-info .detail				{ font-size: 13px }
.pied-info .tel					{ font-size: 24px; color: #EEE }

@media (max-width: 992px){
.pied-infos 					{ padding: 3% 1% }
}

@media (max-width: 768px){
.pied-infos						{ display: block }
.pied-infos .pied-info			{ display: block; width: 100%; flex: none; max-width: none; border-bottom: 1px solid #BBB; padding: 10px }
.pied-infos .pied-info:last-child{ border-bottom: none }
}

footer 							{ background-color: #546778; font-family: 'barlow condensed'; font-size: 15px; color: #DDD; padding: 2% 0 }/*8C8985*/
footer .pied-rs					{ padding-bottom: 1%; text-align: right; font-size: 24px }
footer .pied-rs	a				{ margin: 0 10px; color: #DDD; font-size: 30px }
footer .pied-rs	a:hover i 		{ color: #FFF; margin-left: 10px; transition: 0.5s }
footer .pied-rs	i 				{ vertical-align: middle }
footer .pied-cols				{ display: flex; flex-wrap: wrap }
footer .pied-cols .icone img	{ width: 100px; height: auto }
footer .pied-col				{ -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; position: relative; padding: 0 2% }
footer .pied-col ul				{ list-style: none; padding-left: 15px }
footer .pied-col h6				{ font-size: 20px; margin: 10px 0; color: #FFF; letter-spacing: 1px; font-weight: 300 }
footer .pied-col ul li			{ margin-top: 8px }
footer .pied-col ul li a		{ color: #DDD }
footer .pied-col ul li:hover a	{ color: #FFF; margin-left: 10px; transition: 0.5s }
footer .legal 					{ text-align: center; border-top: 1px solid #FFF; padding: 15px }

@media (max-width: 768px){
footer .pied-rs					{ text-align: center }
footer .pied-cols				{ display: block }
footer .pied-cols .icone img	{ width: 80px; height: auto }
footer .pied-col				{ flex: none; max-width: none; width: 80%; margin: auto; padding: 2% }
}

.panel-cookie 					{ position: fixed; width: 100%; top: -200px; z-index: 1000; padding: 1% 5%; background-color: #5C5A57; color: #FFF; text-align: center; font-size: 11px; letter-spacing: 2px; text-transform: uppercase }
.panel-cookie a					{ color: #FFF }
.panel-cookie .panel-cookie-close{ display: block; text-align: right }


@media (max-width: 1200px){ }
@media (max-width: 992px){ }
@media (max-width: 768px){ }
@media (max-width: 480px){ }