BODY, HTML { width: 100%; height: 100%; margin: 0px; padding: 0px;}
FORM { display: inline; }
A { text-decoration: none; }
A.link { border: none; text-decoration: none; display: block; margin-bottom: 4px; }
TABLE { border-collapse: collapse; border: 0px; border-spacing: 0px; }
TD { font-size: 13px; padding: 5px; vertical-align: top; border-spacing: 2px; }
IMG { border: 0px; }
INPUT { height: 13px; border: 1px solid #000; }
SELECT { height: 15px; border: 1px solid #000; }
TEXTAREA { border: 1px solid #000; }
P { margin: 0px 0px 21px 0px; padding: 0px; }
.clear { clear: both; font-size: 0px; }
.float_none { float: none; }
.float_left { float: left; }
.float_right { float: right; }
/* -----------------------------------------------------------------
Client relevant customisable styles
----------------------------------------------------------------- */
/* Main font family and size */
BODY, HTML { font-family: Candara; font-size: 13px; }
/* Font size small */
#metaNavi A, #myfavorites_header, #langBox A { font-size: 9px; }
#IMG A { border: 0px; }
/* 2nd font family */
#langBox A, #metaNavi A, #myfavorites_header, .pager_number_entry A, .pager_number_entry .selected, .pager_with_text_entry .selected, .priceRequest TEXTAREA { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
H1 { font-size: 20px; margin-top: 0px; margin-bottom: 5px; }
.H1LOOKALIKE { font-size: 20px; margin-top: 0px; margin-bottom: 5px; font-weight: bold}
H2 { font-size: 20px; margin-top: 0px; }
H3 { font-size: 14px; }
/* Main font color */
BODY, HTML { color: #333333; }
/*A { color: #000000; text-decoration: underline; }*/
A:HOVER { color: #000000; text-decoration: none; }
/* 2nd font color */
H2, H3, .textBox H3, .priceRequest INPUT.grey, .priceRequest SELECT.grey, .priceRequest TEXTAREA { color: #808080; }
/* Highlight color */
A:HOVER, H1, .H1LOOKALIKE, #statusLine .left, .textBox A:HOVER, #statusLine .left A:HOVER, .textBoxImageRight A:HOVER, .textBoxImageLeft A:HOVER, #manufacturerTeaserBox A:HOVER, .banner_home A:HOVER, .banner_left A:HOVER, .banner_right A:HOVER, #myFavoritesBanner A:HOVER, #address A:HOVER, .pager_number_entry A:HOVER,.pager_with_text_entry A:HOVER , #fact_product_links A:HOVER, #recentlySeen A:HOVER, #prodSameTime A:HOVER, #headerTeaser .txt, #metaNavi A:HOVER, .artikel3 .text A:HOVER, .textBox4 A:HOVER, .textBox2 A:HOVER H1, .textBox3 A:HOVER H1, .textBox4 A:HOVER H1, .textBox5 A:HOVER H1, .tags A:HOVER, .all_article_link A:HOVER, .linklist A:HOVER { color: #716558; }
P A { text-decoration: none;
padding-left: 1px;
padding-right: 1px;
color: #000;
border: 1px solid transparent; /* Les bordures droites et gauches qui apparaîtront au passage de la souris déplaceraient */
border-bottom: 1px dotted #000; /* le texte de deux pixels vers la droite. C'est pourquoi on les définit tout le temps à */
} /* 1 pixel mais invisibles au repos. Note : "transparent" ne fonctionne pas sous IE < 7. */
/* 1 pixel mais invisibles au repos. Note : "transparent" ne fonctionne pas sous IE < 7. */
P A:hover {
border: 1px solid #716558;
padding-left: 1px;
padding-right: 1px;
}
#mainNavi .firstLevel A:HOVER, #mainNavi .secondLevel A:HOVER, #close_window A:HOVER, #webcode .send_form A:HOVER, #contextLinks A:HOVER { background-color: #716558; border-color: #716558; }
#footer_right A:HOVER, #pager A:HOVER IMG, #catalogue_price A:HOVER, #catalogue_price_simple A:HOVER, #newProducts #link A:HOVER, #footer_arrow A:HOVER, .artikel3 .weitere_links A:HOVER, #pagerLeft A:HOVER IMG, #pagerRight A:HOVER IMG, #artikel3_4_pager_back_overview:HOVER, #artikel3_4_pager_back_back:HOVER, #artikel3_4_pager_back_next:HOVER, #artikel3_4_pager_back_article:HOVER, #artikel3_4_pager_next_article:HOVER { background-color: #D9077E; }
#filter, #filterTarget, #edit_selection { border-color: #D9077E; }
/* Navigation font-color */
#mainNavi A { color: #949494; }
#mainNavi .firstLevel A.sel, #mainNavi .secondLevel A.sel { color: #000000; }
/* Mouseover font color over changing background-color */
#mainNavi .firstLevel A:HOVER, #mainNavi .secondLevel A:HOVER, #mainNavi .firstLevel A.sel:HOVER { color: #FFF; }
/* Input, textfield font color, font size */
INPUT, TEXTAREA, SELECT { font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
/* -----------------------------------------------------------------
End of client relevant customisable styles
----------------------------------------------------------------- */
/* HAUT
------------------------------------------------------------------ */
#header { width: 100%; position: relative; float: right; background: url("degrade.gif"); }
#headerTeaser { position: absolute; top: 6px; left: 30px; width: 900px; height: 26px; }
#headerTeaser .txt { margin-top: 4px; margin-left: 5px; font-size: 13px; font-weight: bold; letter-spacing: 1px; color: #FFFFFF; }
#langBox { font-size: 16px; width: 80px; height: 26px; padding-top: 10px; padding-bottom: 5px; float: right; margin-left: 2px; }
#langBox UL { margin: 0px; padding: 0px; width: 235px; }
#langBox LI { display: inline; margin-right: 14px; line-height: 16px; }
#langBox A { color: #FFF; white-space: nowrap; font-size: 16px}
#langBox A.sel { color: #FFF; font-weight: bold; }
/* Meta navigation
------------------------------------------------------------------ */
#metaNavi { position: absolute; top: 7px; right: 0px; }
#metaNavi UL{ margin: 0px; padding: 0px; }
#metaNavi LI{ display: inline; margin-left: 15px; }
#metaNavi A { color: #666; }
#content { width: 980px; }
#logo { margin: 0px 50px 30px 50px; width: 430px; }
#col_droite { margin: 20px 10px 20px 10px; width: 470px; float: right;}
/* Main Navigation
------------------------------------------------------------------ */
#mainNavi { padding-top: 25px; padding-bottom: 10px; padding-left:490px; width: 480px; float: left; }
#mainNavi .firstLevel { padding-bottom: 3px; }
#mainNavi .firstLevel A { padding: 3px; font-size: 18px; margin: 3px 17px 3px 3px; color: #716558; }
#mainNavi .secondLevel { padding: 3px; clear: both; }
#mainNavi .secondLevel A { font-size: 12px; color: #94908b; margin-right: 3px; line-height: 16px; border: 1px solid #FFF; border-left-width: 4px; border-right-width: 4px; float: left; white-space: nowrap; }
#mainNavi .firstLevel A.sel { font-weight: bold;}
#mainNavi .secondLevel A.sel { font-weight: bold;}
#mainNavi .noBorder { border: 0px; }
#mainNavi .topLine { margin-top: 6px; height: 1px; overflow: hidden; background: url("b_h.gif"); }
/* BAS
-------------------------------------*/
#footer { width: 99%; text-align: right; margin-left: 5px; margin-bottom: 16px; z-index: 2; background-color: #FFF; }
#footerAbs { clear: both; height: 16px; background-color: #FFF; }
#footer .borderLine { margin: 0px; }
#footer_left { font-size: 11px; color: #000; margin-left: 15px; letter-spacing: 1px; float: left; padding-top: 2px; padding-bottom: 2px;}
#footer_right { margin-top: 3px; margin-right: 14px; padding: 0px; float: right; height: 9px; width: 9px; }
#footer_right A { border: 0px; padding: 0px; margin: 0px; background-color: #666; height: 9px; overflow: hidden; display: block; margin-top: 1px; }
#footer_right DIV { background-image: url("arrow_up.gif"); }
#footer SPAN { background: #FFF; }
.borderLine { width: 100%; height: 1px; background: url("b_h.gif"); margin-left: 2px; margin-top: 14px; margin-bottom: 6px; overflow: hidden; clear: both; }
.productLine { width: 100%; height: 1px; background: url("b_h.gif"); margin-left: 2px; margin-top: 3px; margin-bottom: 5px; overflow: hidden; clear: both; }
.clear { clear: both; font-size: 0px; }
.produitImage { width: 160px; border: 1px; border-color: gray; padding: 1px; float: right; }