.menu { list-style-type: none; line-height: 110%; text-align: left; color: #002F5E; } .tabcenter{ margin-left:auto; margin-right:auto; } #p1 {line-height: 2.0;} #p2 {line-height: 1.0;} /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* ============================================================================= Base ========================================================================== */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body, #content { height: 100%; width: 100%; min-width: 960px; margin: 0;} body > #content { height: auto; min-height: 100%;} html { font-size: 20px;} body { font-size: 1em; line-height: 1.4; } html, button, input, select, textarea { font-family: 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #222; } ::-moz-selection, ::selection { background: #a51849; color: #fff; text-shadow: none; } a { color: #b6446c; text-decoration: none} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; text-decoration: underline } h1, h2, h3, h4 { font-weight:bold; color: #000 } h1 span, h2 span, h3 span, h4 span { font-weight: normal; display: block;} h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: none; color: #000;} h1, h2 { text-transform: uppercase; font-size: 20px; margin: 0; margin-bottom: 10px;} h1 { font-size: 24px} h3 { font-size: 16px; margin: 0; margin-bottom: 10px;} hr { display: block; height: 1px; border: 0; border-top: 1px solid #000; margin: 1em 0; padding: 0; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } b, strong { font-weight: bold; } small, sub, sup { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 15px } td { vertical-align: top; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } figure { margin: 0; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } textarea { overflow: auto; vertical-align: top; resize: vertical; } .table { display: table; height: 100%; vertical-align: middle;} .cell { display: table-cell; vertical-align: middle;} .module { border-bottom: 4px solid #fff; border-top: 4px solid #fff;} .first { border-top:none;} .last { border-bottom: none} #header { height: 70px; background: #fff; line-height: 70px; position: relative; z-index: 1000;} #header nav, #header ul, #header li { display: inline-block;} .lte8 #header li { display: block; float: left; zoom: 1;} #header a { display: block; text-decoration: none; color: #6b797e; } #header .menu > li > a:hover { color: #b6446c} #header .logo { float: left;} #header .menu-header { float: right;} #header .menu { width: 640px;} #header .menu > li { position: relative; height: 70px} #header .menu > li > a { padding: 0 20px; text-align: center; line-height: 30px; margin: 20px 0} #header .sub-menu { position: absolute; display: none; width: 140px; top: 100%; left: 50%; margin-top: -5px; margin-left: -70px; z-index: 2; background: #b6446c; box-shadow: 2px 2px 2px rgba(68,68,68,0.6);} #header .sub-menu:before { content:""; position: absolute; top:-10px; left: 50%; margin-left: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #b6446c; } #header .sub-menu > li { display: block; clear: both} #header .sub-menu > li > a { color: #fff; padding: 10px; line-height: 1.2 } #header .sub-menu > li > a:hover, #header .sub-menu > .current_page_item > a { text-decoration: underline} #header .menu > li:hover .sub-menu { display: block;} #main { padding-bottom: 210px; } #banner, #banner ul, #banner li { display: block; position: relative;} #banner { width: 100%; background: #d8dde3; position: relative; overflow: hidden;} #banner ul, #banner li { margin: 0; padding: 0; list-style: none; } #banner .slides { height: 500px;} #banner .slide { float: left; height: 100%; background-position: center center; background-repeat: no-repeat; } #banner .slide, #banner .slide h1 { color: #6B797E} #banner .slide hr { border-top-color: #fff} #banner .slide .table { height: 500px;} #banner .slide .cell { padding: 40px 0;} #banner nav { position: relative;} #banner nav ul { height: 20px; line-height: 20px; position: absolute; bottom: 0;} #banner nav li { display: inline-block} .lte8 #banner nav li { display: block; float: left; zoom: 1;} #banner nav a { font-size: 60px; display: block; line-height: 20px; text-decoration: none; color: #fff} #banner nav a:hover, #banner nav a.active { color:#9e073b; } #pagebanner { width: 100%; height: 380px; background-color: #d8dde3; overflow: hidden; background-position: center center; background-repeat: no-repeat; } #anchorsmenu { background: url(images/submenu-bkg.jpg) center top no-repeat; padding: 20px 0} #anchorsmenu hr { border-top-color: #9e073b;} #anchorsmenu li { display: inline-block; padding: 5px 10px; line-height: 1} .lte8 #anchorsmenu li { display: block; float: left; zoom: 1;} #anchorsmenu a { color: #000; } #home-menu { height: 220px; position: relative;} #home-menu .left { left: 0; background: #190002 url(images/menu_left.jpg) top right; } #home-menu .right { left: 50%; background: #420514 url(images/menu_right.jpg) top left; } #home-menu .left, #home-menu .right { height: 100%; width: 50%; position: absolute; top:0; background-repeat: no-repeat} #home-menu nav { position: relative;} #home-menu ul { overflow: hidden; display: block; position: relative; } #home-menu li { display:inline;float:left;margin-left:10px;margin-right:10px; width: 220px; height: 220px; background: url(images/menu_sep.png) top left repeat-y;} .lte8 #home-menu li { display: block; zoom: 1;} #home-menu li:first-child { background: none;} #home-menu a { text-decoration: none; text-transform: uppercase; color: #fff; font-size: 20px; padding: 100px 0 0 40px; display: block} #home-menu a:after { content: "►"; display: block; width: 60px; border-top:1px solid #fff; font-size: 14px; padding-top: 4px; margin-top: 8px} #container { border-bottom: 1px solid #000; background: url(images/home-ctn-bkg.jpg) top center no-repeat} #container .grid_4 { border-top: 1px solid #000; height: 389px; padding-top: 10px; margin-top: 20px; overflow: hidden;} #container .grid_4 > h2 { display: block; width: 100%; height: 100%; margin: 0;} #container .fb-like-box { background: #fff; border: none} #container a { display: block; height: 389px; width: 300px; position: absolute; overflow: hidden} #container a:after { content: "►"; width: 128px; height: 128px; position: absolute; display: block; border-radius: 50%; text-align: center; background: #9e073b; background: rgba(158,7,59,.8); color: #fff; font-size: 1.5em; line-height: 80px; bottom: -64px; left: 50%; margin-left: -64px} #container a:hover:after { background: #3a242b;} #container .equipe { background: url(images/equipe.png) no-repeat center bottom;} #container .promotions { background: url(images/promo.png) no-repeat center bottom;} #container2 { background: #fff url(images/products_bkg.jpg) bottom center no-repeat} #container2 > section > header { padding-top: 10px; margin-top: 20px; } #container2 article h3 { font-weight: normal; text-transform: uppercase; display: block; clear: both} #container2 article > img { margin-top: 1em} #container2 ul { display: block; margin: 0; padding: 4px 0; list-style: none; border-top: 1px solid #dee4e9; border-bottom: 1px solid #dee4e9; text-align: center;} #container2 li { display: inline-block; padding: 0 18px; height: 59px;} .lte8 #container2 li { display: block; float: left; zoom: 1;} #container2 .guinot { width: 114px; } #container2 .swiss-line { width: 100px; } #container2 .esthederm { width: 80px; } #container2 .artdeco { width: 60px; padding-right: 30px } #container2 .ideal-protein { width: 146px; padding-left: 30px } #container2 .kerastase { width: 100px; } #container2 .redken { width: 95px; } #container2 .sebastian { width: 123px; } #container2 .k-therapy { width: 128px; } #container2 .nioxin { width: 98px; } #container2 .moroccanoil { width: 81px; } #container2 li a { display: block; height: 100%; width: 100%; position: relative;} #container2 li img { position: absolute; top:0; left: 0} .mainctn aside.image { min-height: 200px; background: #d8dde3;} .mainctn article { padding: 30px 0} .mainctn article .ctn { border-top:1px solid #000; padding-top: 10px;} #post-10 > .entry-title, #post-14 > .entry-title, #post-17 > .entry-title, #post-19 > .entry-title, #post-55 > .entry-title, #post-105 > .entry-title { display: none; } #post-10 .heading { position: relative; padding-top: 160px; padding-bottom: 160px; } #post-10 .heading p, #post-10 .heading h1 { position: relative;} #post-10 .about { background: url(images/about.jpg) center bottom no-repeat; width: 440px; height: 570px; position: absolute; bottom: 0; left: 10px} #post-14 h2 { margin: 2em 10px 1em 10px;} #post-17 .heading { position: relative; padding-top: 140px; padding-bottom: 40px; border-bottom: 1px solid #000 } #post-17 .heading p, #post-17 .heading h1 { position: relative;} #post-17 .cadeau { background: url(images/cadeau.jpg) center bottom no-repeat; width: 700px; height: 390px; position: absolute; bottom: 0; left: -160px} #post-19 { padding-top: 60px; } #post-55 .heading { position: relative; padding-top: 40px; padding-bottom: 40px } #post-55 .heading p, #post-55 .heading h1 { position: relative;} #post-55 .jobs { background: url(images/jobs.jpg) center bottom no-repeat; width: 700px; height: 390px; position: absolute; bottom: 0; left: -160px} .entry-content > table { display: block; margin: 0 auto;} .entry-content > table img { display: block; clear: both;} #footer { margin-top: -210px; height: 206px; color: #fff; background: url(images/footer.jpg) center no-repeat #66152e} #footer a, #footer input { text-decoration:none; color:#fff} #footer nav { padding-bottom: 10px; } #footer nav li { display: inline-block; padding-right: 40px;} .lte8 #footer nav li { display: block; float: left; zoom: 1;} #footer nav a { display: block; height: 60px; line-height: 60px;} #footer nav .suivez-nous-sur { padding-right: 0} #footer nav .suivez-nous-sur>a { padding-right: 14px; background: url(images/facebook_footer.png) right 10px no-repeat } #footer form { display: block; border: 1px solid #fff; background: #fff; height: 30px; position: relative; overflow: hidden; margin-bottom: 10px; color: #000;} #footer form p { width: 100%; height: 30px; line-height: 30px; color: #000; text-align: center; display: block; margin: 0; padding: 0;} #footer input { border:0 none; height: 100%;} #footer .txt { background: #fff; width: 100%; padding: 0; margin: 0; color: #000; padding-left: 10px;} #footer .btt { background: #9d053b; border: none; width: 30px; position: absolute; top:0; right:0;} #footer .coupons { font-weight: bold; display: block; border: 1px dashed #000; text-align: center; line-height: 40px; } .container{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.grid_1{width:60px}.grid_2{width:140px}.grid_3{width:220px}.grid_4{width:300px}.grid_5{width:380px}.grid_6{width:460px}.grid_7{width:540px}.grid_8{width:620px}.grid_9{width:700px}.grid_10{width:780px}.grid_11{width:860px}.grid_12{width:940px}.prefix_1{padding-left:80px}.prefix_2{padding-left:160px}.prefix_3{padding-left:240px}.prefix_4{padding-left:320px}.prefix_5{padding-left:400px}.prefix_6{padding-left:480px}.prefix_7{padding-left:560px}.prefix_8{padding-left:640px}.prefix_9{padding-left:720px}.prefix_10{padding-left:800px}.prefix_11{padding-left:880px}.suffix_1{padding-right:80px}.suffix_2{padding-right:160px}.suffix_3{padding-right:240px}.suffix_4{padding-right:320px}.suffix_5{padding-right:400px}.suffix_6{padding-right:480px}.suffix_7{padding-right:560px}.suffix_8{padding-right:640px}.suffix_9{padding-right:720px}.suffix_10{padding-right:800px}.suffix_11{padding-right:880px}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left}.hidden{display:none!important;visibility:hidden}.clear{clear:both}br.clear{display:block;height:1px;margin:-1px 0 0 0;overflow:hidden;visibility:hidden}.clearfix:before,.clearfix:after,.container:before,.container:after{content:"";display:table}.clearfix:after,.container:after{clear:both}.clearfix,.container{*zoom:1}.padded{padding-left:10px;padding-right:10px;width:940px;} .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { text-align:center; background:#000; margin: 10px} .wp-caption-text { clear: boath; display: block; margin: 0; padding: 5px 0; color: #fff;} .gallery-caption {} .bypostauthor {} .sticky {}