*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html, body{ height:100% }
body { width:100%; margin:0; padding:0; }
a img { border:none }
img{ max-width:100% }
ul, ol {  padding-left:15px; list-style-image:url(../images/puce.jpg) }
table, table td, table th{ font-size:inherit; border: 1px solid #7C7C7C }
main, section, article, aside, footer, header, nav, hgroup { display:block }

p{ margin:0 0 10px 0 }

body { color:#002432; font-family:"Trebuchet MS", Helvetica, arial, sans-serif; font-size:15px }

a, a:link, a:visited{ color:#002432 }
a:hover{ text-decoration:underline }

.nopadding{ padding-left:0; padding-right:0 }
.nopaddingl{ padding-left:0 }
.nopaddingr{ padding-right:0 }
.nomargin{ margin:0 }
.hide{ display:none }
.center{ text-align:center }
.right{ text-align:right}
.justify{ text-align:justify }
.floatl{ float:left }
.floatr{ float:right }
.clear{ clear:both }
.bold{ font-weight:bold }
.relative{ position:relative }
.tableau{ display:table; table-layout:fixed; width:100% }
.ligne{ display:table-row }
.cellule{ display:table-cell; vertical-align:top }
.inline-block{ display:inline-block; vertical-align:top }
.noflicker{ -webkit-transform: translateZ(0) }

@media (min-width: 1200px){ .container { max-width:940px } }
@media (min-width: 992px){ .container { max-width:940px } }

@font-face {
	font-family:'LobsterTwo-Regular';
	src: url('LobsterTwo_latin+latin-ext_gdi.eot');
	src: url('LobsterTwo_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('LobsterTwo_latin+latin-ext_gdi.woff') format('woff'),
		url('LobsterTwo_latin+latin-ext_gdi.ttf') format('truetype'),
		url('LobsterTwo_latin+latin-ext_gdi.svg#LobsterTwo-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-20AC;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
      font-family: 'LobsterTwo-Regular';
      src: url('LobsterTwo_latin+latin-ext_gdi.svg#LobsterTwo-Regular') format('svg');
  }
}

h2{ width: 95%; }

/* CORPS DE LA PAGE  *****************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

.fluid-header{ background:#004662; border-bottom:12px solid #006790  }
.fluid-header .container{ background:url(../images/cad-header.png) no-repeat center top; padding: 23px 0;  }
.fluid-header .header-droite{ text-align:right  }
.fluid-header p.titre{ font-family:'LobsterTwo-Regular'; color:#fff; font-size:47px; margin:10px 0 0 0; line-height: 40px;  }
.fluid-header p.tel{ font-family:'LobsterTwo-Regular'; color:#fff; font-size:31px; display:inline-block; margin: 25px 0 0 0; padding:4px 0 0 40px; background:url(../images/tel.png) no-repeat left center;   }
.fluid-header h1{ font-family:'LobsterTwo-Regular'; color:#ccdae0; font-size:27px; margin:0 0 10px 0  }

.fluid-contenu{ background:url(../images/bg.jpg) no-repeat center top; border-top:12px solid #66adb1  }
.fluid-contenu .container{ padding:50px 0 }
.fluid-contenu .soins h2{ font-family:'LobsterTwo-Regular'; font-size:26px; border-bottom:1px solid #70858d; padding:5px 0  }
.fluid-contenu .soins ul li{ padding:0 0 10px 0 }

.fluid-footer{ background:#004662; border-top:12px solid #006790 }
.fluid-footer .container{ background:url(../images/cad-footer.png) no-repeat left top; padding:30px 0;  }
.fluid-footer .footer-gauche{ color:#ccdae0;  }
.fluid-footer .footer-gauche h2{ font-family:'LobsterTwo-Regular'; font-size:26px; border-bottom:1px solid #70858d; padding:5px 0; color:#fff  }
.fluid-footer .footer-gauche address{ font-style:normal }

.fluid-copyright{ text-align:center; background:#003a51; padding:15px 0; font-size:10px; color:#ccdae0  }

#cont_map{ border-radius:15px; position:relative; z-index:999; width:100%; height:260px; border:5px solid #006790; background:#006790;  }
#map_canvas { border-radius:15px; width:100%; height:250px; position:absolute; left:0px; top:0px;  z-index:888;  }

/* SLIDER JSSOR **********************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

.conteneur-slider{ margin-bottom:30px; border:5px solid #66adb1; border-radius: 15px; background:#66adb1;  }
.slogan{ height:116px; background:url(../images/bg-slogan.png) no-repeat center center; width:940px; line-height: 38px; padding: 20px 0 0 0;
position:absolute; top:50px; left:0px; z-index:99999;  font-size:40px; text-align:center; margin:0; font-family:'LobsterTwo-Regular';  }
.slogan span{ font-size:31px; }

#slider1_container div,
#slider1_container #slides img { border-radius:15px }

.miettes,
.flechel,
.flecheldn, 
.flecher,
.flecherdn{ display:none !important }

/* MEDIA QUERIES  ********************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

/* Mobile */
@media (max-width:767px)
{ 
	.fluid-header .container { background: url(../images/cad-header.png) no-repeat center bottom; }
	.fluid-header .header-gauche{ text-align:center; }
	.fluid-header .header-droite{ text-align:center; }
	.fluid-header p.titre { font-size:42px }
	.fluid-header h1 { font-size:23px }
	.fluid-header p.tel { font-size: 23px; margin: 10px 0 0 0; }
	.slogan{ display:none; }
	.fluid-footer .footer-gauche address{ padding-bottom:30px;  }
	h2{ width:100% }
}

/* Tablettes */
@media (min-width:768px) and (max-width: 991px){ }

/* Mobile + Tablettes */
@media (max-width: 991px)
{ 
	.container { max-width:none } 

	/* Padding pour mobile */
	.paddingmob{ padding-left:15px !important; padding-right:15px !important }
	.paddingmobl{ padding-left:15px !important }
	.paddingmobr{ padding-right:15px !important }
	.nopaddingmob{ padding-left:0 !important; padding-right:0 !important }
	.nopaddingmobl{ padding-left:0 !important }
	.nopaddingmobr{ padding-right:0 !important }
	
}

/* Pc normal */
@media (min-width: 991px) and (max-width: 1199px) { }

/* Mobile + Tablettes + Pc normal */
@media (max-width: 1199px){ }

/* PC large */
@media (min-width: 1200px){ }