/* ==================== */ /* ==================== */ /* ==================== */ /*============================= /*============================== ! Layout for desktop version ==============================*/ BODY{font-family:Verdana, sans-serif;;background-repeat:no-repeat;font-size:10pt;color:#424A0F;font-weight:400; /* ==================== background-image:url(../__ruler.jpg) ==================== */ } /* ==================== */ /* ==================== */ /* ==================== */ /*============================= /*============================= MASTER FIXES =============================*/ .correction { color: #c30b0b !important;} .uppercase_text { text-transform: uppercase !important;} .radius-15{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} .border_blue{border-color:#007B7B;border-style:solid;border-width:2px;} .language { text-transform: uppercase; margin-left:20px; font-size:10px; font-weight: bold; color: #999;} .language a { text-decoration:none !important; color: #999;} .language a:hover { text-decoration:none !important; color: #4F86C7;} .margin_top_20{margin-top:20px;} .extra_margin_top_x10{margin-top:10px !important;} .extra_margin_bot_x10{margin-bottom:10px !important;} .right{float:right;} .align_center { text-align: center !important;} .warning_mobile_vert { display:none;} .warning_mobile_vert2 { display:none;} .onlymobile { display:none !important;} .onlydesktop { display: inherit;} .font14 { font-size: 21px; text-transform: uppercase; display:block;} /* ==================== */ /* ==================== */ /* ==================== */ /*============================= /*============================= HEADER =============================*/ .mobile_header { margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px; color: #007b7b; font-weight: bold;} .header{background-image:url(../01_header/laquintessence_header_v00.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_equipe{background-image:url(../01_header/laquintessence_header_equipe.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_contact{background-image:url(../01_header/laquintessence_header_contact.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_produits{background-image:url(../01_header/laquintessence_header_produits.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_presse{background-image:url(../01_header/laquintessence_header_presse.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_abstract_00{background-image:url(../01_header/laquintessence_header_abstract_00.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_abstract_01{background-image:url(../01_header/laquintessence_header_abstract_01.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .header_abstract_02{background-image:url(../01_header/laquintessence_header_abstract_02.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .logo{background-image:url(../01_header/laquintessence_logo_00.png);height:200px;width:404px;background-repeat:no-repeat;background-position:12px center;margin-top:20px;margin-left:15px;} .logo1{background-image:url(../01_header/laquintessence_logo_01.png);height:200px;width:404px;background-repeat:no-repeat;background-position:12px center;margin-top:20px;margin-left:15px;} .menu_box{height:244px;display:block;text-transform:uppercase;} .menu_item A{display:block;color:#C8DB49;font-size:20px;text-decoration:none;padding-left:30px;background-image:url(../01_header/menu_star_201.png);background-repeat:no-repeat;background-position:0 6px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;letter-spacing:0.08em;padding-top:3px;height:40px;} .menu_item A:hover{display:block;color:#007B7B;font-size:20px;text-decoration:none;padding-left:35px;background-image:url(../01_header/menu_star_202.png);background-repeat:no-repeat;background-position:5px 6px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;letter-spacing:0.08em;padding-top:3px;height:40px;} .menu_item_selected{display:block;text-transform:uppercase;color:#007B7B;font-size:20px;text-decoration:none;padding-left:30px;background-image:url(../01_header/menu_star_202.png);background-repeat:no-repeat;background-position:0 6px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;letter-spacing:0.08em;padding-top:3px;height:40px;} /* ==================== */ /* ==================== */ /* ==================== */ /*============================= /*============================= ! PROMO =============================*/ .promo-2012-04_back { background-image:url(../../_nos-produits/laquintessence__produits_x700__intraceuticals__01.jpg); background-size:100%; background-position: left top; background-repeat: no-repeat; height:250px; background-color:#2b74a4; padding-top:15px; padding-right:15px; padding-left:350px;} .promo-2012-04_text {color:#fff; text-align:justify; line-height:16px;text-shadow: 4px 4px 4px #2b74a4; letter-spacing:1.0px; font-size:11px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;} /*============================= /*============================= ! MAIN CONTENT =============================*/ .greenbox{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;background-color:#C8DB49;margin-top:10px;margin-bottom:10px;border-color:#8E9F1F;border-style:solid;border-width:2px; line-height: 1em;} /* ==================== */ /* ==================== */ /* ==================== */ /*============================= /*============================= ! SUB MENU =============================*/ .menu_sub{padding-top:20px;padding-left:24px;padding-bottom:20px;} .menu_sub UL{list-style-position:inside;list-style-type:none;opacity:1;} .menu_sub LI{text-transform:uppercase;} .menu_sub LI A:hover{color:#FFF;list-style-position:inside;list-style-type:disc;} /* ==================== */ /* ==================== */ /* ==================== */ /*============================= ! content =============================*/ .content_top_spacer{margin-top:7px !important;margin-right:20px;} .content_text_01{margin-top:20px;text-align:justify;padding-right:24px;font-size:12px;margin-bottom:20px;} .content_text_02{margin-top:20px;text-align:justify;font-size:12px;margin-bottom:20px;border-radius:15px;-moz-border-radius:15px; padding:20px; border: 2px solid #007B7B; color: #007B7B;} .content_text_03{margin-top:20px;text-align:justify;margin-right:24px;font-size:12px;margin-bottom:20px;border-radius:15px;-moz-border-radius:15px; padding:20px; border: 2px solid #007B7B; color: #007B7B;} .bluebox{background-color:#007B7B;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin-top:0;margin-right:20px;margin-bottom:20px;display:block;border-color:#007B7B;border-style:solid;border-width:4px;} .bluebox_no_margin{background-color:#007B7B;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin-top:0;margin-right:20px;margin-bottom:0;display:block;border-color:#007B7B;border-style:solid;border-width:4px;} .bluebox_title{text-align:center;padding-top:3px;padding-bottom:3px;font-size:14px;font-weight:700;color:#FFF;text-transform:uppercase;} .inner_white{background-color:#FFF;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-color:#007B7B;border-style:solid;border-width:0;padding:10px 20px 20px;} .spotted_row_01{border-bottom-width:thin;border-bottom-style:dotted;border-bottom-color:#8E9F1F;padding-bottom:2px;} .spotted_row_02,.spotted_row_02nohover{padding-bottom:2px;padding-top:2px;border-bottom-width:thin;border-bottom-style:dotted;border-bottom-color:#007B7B;} .spotted_row_02:hover{padding-bottom:2px;padding-top:2px;border-bottom-width:thin;border-bottom-style:dotted;border-bottom-color:#007B7B;background-color:#FBFDF2;} .spotted_row_03,.spotted_row_02nohover{padding-bottom:2px;border-bottom-width:thin;border-bottom-style:dotted;border-bottom-color:#007B7B;} /* ==================== */ /* ==================== */ /* ==================== */ .inner_box_row_left{width:60%;float:left;display:table-cell;} .inner_white_header_left{text-align:left;font-size:12px;font-weight:700;color:#8E9F1F;text-transform:uppercase;} /* ==================== */ .inner_box_row_right{width:35%;text-align:right !important;float:right;display:table-cell;} .inner_white_header_right{font-size:12px;font-weight:700;color:#8E9F1F;text-transform:uppercase;letter-spacing:0.04em;} /* ==================== */ .inner_box_row_full{width:100%;float:left;vertical-align:top;display:table-cell;} /* ==================== */ /* ==================== */ /* ==================== */ .extra_pad_top_x04{padding-top:4px !important;} .extra_pad_top_x06{padding-top:6px !important;} .extra_pad_top_x08{padding-top:8px !important;} .extra_margin_bot_x04{margin-bottom:4px !important;} .extra_pad_bot_x04{padding-bottom:4px !important;} .extra_pad_bot_x08{padding-bottom:8px !important;} .feature_text_blue{color:#007B7B;} .feature_title{text-align:justify;font-size:12px;font-weight:700;color:#007B7B;margin-bottom:0;padding-bottom:0;letter-spacing:0.04em;} .feature_title_sub{text-align:left;font-size:12px;font-weight:700;color:#666666;margin-bottom:0;padding-bottom:0;letter-spacing:0.04em;} .feature_title_link{font-size:11px !important;color:#000;letter-spacing:0.04em !important;text-decoration:none !important;text-transform:lowercase !important;} .feature_title_link A{font-size:11px !important;letter-spacing:0.04em !important;text-decoration:none !important;} .feature_title_link A:hover{font-size:11px !important;color:#FFF !important;letter-spacing:0.04em !important;text-decoration:none !important;} .feature_description{color:#000;text-align:justify;margin-bottom:2px;letter-spacing:0.04em;line-height:14px;font-size:12px;display:inherit;} .feature_description A{color:#000;text-decoration:none;font-weight:700;} .feature_description A:hover{color:#007B7B;font-weight:700;text-decoration:none;} /* ==================== */ .image_module_01{float:right;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-color:#007B7B;border-style:solid;border-width:1px;margin:10px 0 10px 40px;} .image_module_02{float:left;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-color:#007B7B;border-style:solid;border-width:2px;margin:10px 20px 0 0;} .image_module_03{float:left; clear:both;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-color:#007B7B;border-style:solid;border-width:2px;margin:10px 20px 0 0;} /* ==================== */ .box_001{margin-top:10px;width:100%;} .box_002{float:left;width:23%;max-width:160px;} .box_003{float:right;width:73%;max-width:493px;margin-bottom:10px;} .box_004{float:left;width:100%;max-width:677px;margin-bottom:10px;} .featureimage{width:70%;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin-top:10px;margin-bottom:10px;border-color:#007B7B;border-style:solid;border-width:2px;} .spotted_row_last:hover{padding-top:4px;padding-bottom:0 !important;background-color:#FBFDF2;} .feature_price{font-size:12px;font-weight:700;color:#007B7B;letter-spacing:0.04em;} .retour_sub_menu{color:#000;text-align:right;margin-bottom:4px;margin-top:4px;letter-spacing:0.04em;font-size:11px;display:block;margin-right:30px;text-transform:uppercase;} .retour_sub_menu A{color:#007B7B;text-decoration:none;} .retour_sub_menu A:hover{color:#FFF;text-decoration:none;} .google-table2{height:500px;border-radius:15px;-moz-border-radius:15px;width:100% !important;} .img_feature_right{border-color:#007B7B;border-style:solid;border-width:2px;} .img_feature_left{margin-top:10px;border-color:#007B7B;border-style:solid;border-width:2px;} .spotted_row_last,.spotted_row_last_nohover{padding-top:4px;padding-bottom:0 !important;} /*div one box with left and right divs*/ .box-gray2{float:left;background-color:#14F23E;border:2px solid #353535;margin-bottom:10px;} .repertoire_left{float:left;width:160px;overflow:hidden;height:1%;margin-right:10px;} .repertoire_right{float:right;width:561px;overflow:hidden;height:1%;} .footer_copy { font-size: 10px; color: #000; line-height:10px; margin-top: 4px:} .footer_copy a { text-decoration:none !important; color: #8E9F1F;} .footer_copy a:hover { text-decoration:none !important; color: #4F86C7;} /*==================== ==================== ==================== ==================== LIST*/ UL{list-style-position:inside;list-style-type:disc;opacity:.5;} LI,LI A{font-family:nobile_bold, Verdana, Geneva, sans-serif;text-align:left;color:#007B7B;font-size:12px;font-weight:700;letter-spacing:0.02em;text-decoration:none;padding-bottom:3px;} LI A:hover{color:#FFF;} /*==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ==================== ============================= ! Layout for 1140 version =============================*/ @media handheld, only screen and (max-width: 1140px) { .logo{background-image:url(../01_header/laquintessence_logo_00.png);height:160px;width:323px;background-repeat:no-repeat;background-position:12px center;margin-top:20px;margin-left:15px;background-size: 323px 160px;} .logo1{background-image:url(../01_header/laquintessence_logo_01.png);height:160px;width:323px;background-repeat:no-repeat;background-position:12px center;margin-top:20px;margin-left:15px;background-size: 323px 160px;} .menu_item A { font-size: 18px; padding-top: 5px; letter-spacing: 0.4px; height: 38px; } .menu_item A:hover { font-size: 18px; padding-top: 5px; letter-spacing: 0.4px; height: 38px; } .menu_item_selected { font-size: 18px; padding-top: 5px; letter-spacing: 0.4px; height: 38px; } .menu_sub LI a { color:#007b7b; font-size: 11px; letter-spacing:0.4px;} .promo-2012-04_back {height:220px; padding-left:340px;} } @media handheld, only screen and (max-width: 1040px) { .menu_sub LI a { color:#007b7b; font-size: 10px; letter-spacing:0.4px; line-height:6px;} .logo{background-image:url(../01_header/laquintessence_logo_00.png);height:140px;width:283px;background-repeat:no-repeat;background-position:12px center;margin-top:10px;margin-left:0px;background-size: 283px 140px;} .logo1{background-image:url(../01_header/laquintessence_logo_01.png);height:140px;width:283px;background-repeat:no-repeat;background-position:12px center;margin-top:20px;margin-left:15px;background-size: 283px 140px;} .promo-2012-04_back {height:200px; padding-left:200px;} } @media handheld, only screen and (max-width: 990px) { } @media handheld, only screen and (max-width: 940px) { .header_equipe{background-image:url(../01_header/laquintessence_header_equipe2.jpg);height:240px;width:100%;background-position:right;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;border-color:#8E9F1F;border-style:solid;border-width:2px;} .logo{background-image:url(../01_header/laquintessence_logo_00.png);height:100px;width:223px;background-repeat:no-repeat;background-position:12px center;margin-top:10px;margin-left:0px;background-size: 223px 100px;} .menu_item A { font-size: 15px; padding-top: 5px; letter-spacing: 0.4px; height: 38px; } .menu_item A:hover { font-size: 15px; padding-top: 5px; letter-spacing: 0.4px; height: 38px; } .menu_item_selected { font-size: 15px; padding-top: 5px; letter-spacing: 0.4px; height: 38px; } .menu_sub LI a { color:#007b7b; font-size: 9px; letter-spacing:0.4px; line-height:2px;} .promo-2012-04_back {height:180px;} } @media handheld, only screen and (max-width: 900px) { .promo-2012-04_back { background-image: none !important; padding-left:15px; padding-right:15px;} } @media handheld, only screen and (max-width: 870px) {.menu_sub LI a { color:#007b7b; font-size: 8px; letter-spacing:0.4px; line-height:2px;} .inner_white_header_right, .inner_white_header_left, .feature_price, .feature_title {font-size:11px; letter-spacing:0.01em;} } @media handheld, only screen and (max-width: 768px) { .onlydesktop { display: none !important;} .onlymobile { display:block !important;} .header { } .logo { background-image: url(../01_header/laquintessence_logo_200px_H_white.png) !important; height: 140px !important; width: 283px !important; background-repeat: no-repeat; background-position: 12px center; margin-top: 10px !important; margin-left: 0px !important; } } @media handheld, only screen and (max-width: 767px) { body {background-color: #F7FAE5 !important;} .menu_item A { height: 18px !important; color: #C8DB49 !important; font-size: 12px !important; padding-left: 0px !important; padding-top: 0px !important; padding-bottom: 3px !important; background-image: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; letter-spacing: 0.11em; margin-bottom: 0px !important; border-bottom-width: medium; border-bottom-style: dotted; border-bottom-color: #C8DB49; display: block !important; } .menu_item A:hover { height: 18px !important; color: #007B7B !important; font-size: 12px !important; padding-left: 0px !important; padding-top: 0px !important; padding-bottom: 3px !important; background-image: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; letter-spacing: 0.11em; margin-bottom: 0px !important; border-bottom-width: medium; border-bottom-style: dotted; border-bottom-color: #007B7B; display: block !important; } .menu_item_selected { height: 18px !important; color: #007B7B !important; font-size: 12px !important; padding-left: 0px !important; padding-top: 0px !important; padding-bottom: 3px !important; background-image: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; letter-spacing: 0.11em; margin-bottom: 0px !important; border-bottom-width: medium; border-bottom-style: dotted; border-bottom-color: #007B7B; display: block !important; } .menu_box { background:none; height: 144px; margin-top: 0px; } .greenbox { background: none; border: none; line-height: 1em; margin-bottom: 10px; margin-top: 0px; } .menu_sub { padding-top: 10px; padding-left: 0px; padding-bottom: 0px; } .content_top_spacer { margin-right: 20px; margin-top: 0px !important; } .menu_sub LI a { color:#007b7b; font-size: 10px; letter-spacing:0.4px; line-height:2px;} .menu_sub LI a:hover { color:#000; font-size: 10px; letter-spacing:0.4px; line-height:2px;} .bluebox {margin-right:0px;} .bluebox_no_margin {margin-right:0px;} .content_text_02 { border: 2px solid #007B7B; border-radius: 15px 15px 15px 15px; color: #007B7B; font-size: 12px; margin-bottom: 20px; margin-top: 10px; padding: 10px; text-align: justify; } .retour_sub_menu A:hover { color: #000; } .retour_sub_menu{margin-right:0px; margin-top:10px; margin-bottom:10px;} .language {margin-left: 0px; text-align: right !important;} .footer_copy { font-size: 11px; color: #000; font-weight: normal; line-height:16px; padding-top: 20px; margin-bottom: 10px; margin-top: 0px;} .fb_mobile { padding-top: 20px; padding-bottom: 20px; background-color: #005aa1;} .language_mobile { z-index: 999; float:right; text-transform: uppercase; font-size:10px; font-weight: bold; color: #999; padding-top: 10px;} .language_mobile a { text-decoration:none !important; color: #999;} .language_mobile a:hover { text-decoration:none !important; color: #4F86C7;} .promo-2012-04_back {height:200px; padding-left:240px; background-image:url(../../_nos-produits/laquintessence__produits_x700__intraceuticals__01.jpg) !important;} } @media handheld, only screen and (max-width: 700px) { .menu_sub LI a { color:#007b7b; font-size: 10px; letter-spacing:0.4px; line-height:2px;} .menu_sub LI a:hover { color:#000; font-size: 10px; letter-spacing:0.4px; line-height:2px;} .promo-2012-04_back {height:170px; padding-left:200px; background-image:url(../../_nos-produits/laquintessence__produits_x700__intraceuticals__01.jpg) !important;} .promo-2012-04_text { font-weight: normal !important;} } @media handheld, only screen and (max-width: 500px) { BODY{font-size:9pt; } .inner_white_header_right, .inner_white_header_left, .feature_price, .feature_title {font-size:10px; letter-spacing:0.008em;} .margin_top_20 { margin-top:0px !important;} .google-table2{ max-height:170px !important;} .promo-2012-04_back {height:140px; padding-left:150px !important; background-image:url(../../_nos-produits/laquintessence__produits_x700__intraceuticals__01.png) !important; background-position: -100px !important top;} .promo-2012-04_text { font-weight: bold !important; letter-spacing:0.9px !important; line-height: 13px !important;} } @media handheld, only screen and (max-width: 350px) { .font14 { font-size: 16px; text-transform: uppercase; display:block;} .image_module_02{ display: block;} .warning_mobile_vert { display:block !important; background:#c30b0b; border-radius:10px;-moz-border-radius:10px; padding:20PX; color: #FFFFFF !important; font-weight:700; font-size:12px; text-transform:uppercase; margin:20px; text-align: justify;line-height: 16px;} .warning_mobile_vert2 { display:block !important; background:#c30b0b; border-radius:10px;-moz-border-radius:10px; padding:20px; color: #FFFFFF !important; font-weight:700; font-size:12px; text-transform:uppercase; margin-top:10px; text-align: justify;line-height: 16px;} .mobile_header{ display:none !important;}}