@charset "UTF-8";
/* CSS Document */
.wrapper{ width: 100%;}

header .navIcon{ margin: 10px; font-size: 20px; line-height: 30px;}
header .navIcon .icon{ width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin-right: 4px;}
header .social{ padding: 0; margin: 10px;}
header .social ul li a{ width: 30px; height: 30px; line-height: 30px; font-size: 18px;}


.page-menu{ width: 100%; left: -100%;}
.nav-bar .logo{ padding: 20px 0 10 0;}
.nav-bar .logo img{ display: block; max-width: 100px; margin: auto;}
.nav-bar nav{ font-size: 15px; margin: 0 30px;}
.nav-bar nav ul li+li{ margin-top: 5px;}
.nav-bar nav .subMenu li+li{ margin-top: 2px;}

.nav-bar .lineSep{ margin: 10px auto;}
.nav-bar .copyright{ padding: 0 0 10px 0;}

.headingTitle h1{ font-size: 17px; padding: 0;}
.headingTitle p{ font-size: 15px;}

/*logo*/
.logoBlock .logo a{ bottom: 90px;}
.logoBlock .logo a img{ height: 180px;}

.pageHeader .logo{ margin-bottom: 100px;}
.pageHeader .logo img{ max-width: 150px;}
.pageHeader h1{ font-size: 37px;}
/*end of logo*/

/*home*/
section.home .content{ width: 100%; position: absolute; top: inherit; right: inherit; bottom: 40px;}
section.home .logo{ margin: auto; margin-bottom: 30px; position: static;}
section.home .logo img{ display: block; margin: auto; width: 260px;}

.home .slogan{ width: 260px;}
.home .slogan h1{ font-size: 25px;}
.home .slogan h2{ font-size: 11px;}
/*end of home*/

/*about_us*/
.about_us_bg h1{ font-size: 20px;}
.about_us_bg .borderTitle{ width: 70%;}
.about_us_bg h2{ font-size: 20px; margin-top: 20px; line-height: 30px;}

.about_us{ margin-top: 30px;}
.about_us .about_us_text{ padding: 0 0 30px 0; width: 90%; margin: auto;}
.about_us p{ font-size: 15px;}
.about_us span.bgYellow{ margin: 0; padding: 5px; font-size: 15px;}
.about_us span.bgPink{ margin: 0; padding: 5px; font-size: 15px;}
.about_us span.bgBlue{ margin: 0; padding: 5px; font-size: 15px;}

.features .featuresItem{ margin: 20px; min-height: auto;}
.features .one_third{ width: 100%; float: none;}
.services .features .one_third+.one_third{ margin-top: 75px;}
/*end of about_us*/

/*catalogue*/
.products .features .featureItem{height: auto;}

.produit_bg{ height: auto;}
.produit_bg .img{ height: auto; position: static;}
.produit_bg .img img{ display: block; width: 100%; height: auto; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover;}

.spa article .img{ width: 100%; float: none; text-align: center; margin-bottom: 10px;}
.spa article .img img{ max-width: 100%;}
.spa article .details{ margin-left: 0;}
.spa article .details h2{ text-align: center; font-size:23px; }
.spa article .details .border{ width: 120px; margin: auto; border-bottom: solid 2px #b98c36;}
/*end of catalogue*/

/*galerie*/
.galerie .one_fourth{ width: 100%; float: none;}
/*end of galerie*/



/*contact*/
.contact article{ float: none; width: 100%;}
.contact .one_third{ float: none; width: 100%;}
/*End of contact*/

.imgLeft{ float: none; margin: auto; margin-bottom: 10px;}

.one_half{ width: 100%; float: none;}
.one_third{ width: 50%; float: left;}
.one_fourth{ width: 50%; float: left;}
.two_third{ width: 100%; float: none;}

footer{  height: auto; line-height: 20px; padding: 10px 20px; text-align: center;}
footer .copyright{ float: none;}
footer .atlascript{ float: none;}