@import url("_content.css");
@import url("_skin.css");
@import url("_products.css");

/* BALISE BASIQUES */
HTML { background:url("../_images/_contentskin/background.gif") center top repeat-y; }
BODY { background:url("../_images/_contentskin/bg.jpg") center top no-repeat; margin:0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; }
IMG { border:0px; }
P { font-size:11px; letter-spacing:0.01em; padding: 0 10px 0 10px; }
A { color:#333; cursor:pointer; }
A:hover { text-decoration:none; }
SMALL { font-size:12px; letter-spacing:0.01em; width:100%; text-align:center; display:inline-block; }
BIG { display:block; padding: 10px 0 10px 0; width:100%; text-align:center; color:#666; font-size:14px; }
OBJECT { text-align:center; display:inline-block; width:100%; margin:10px 0 0 0; }
SELECT { background:#BBDCFD; color:#000; font-size:12px; margin:1px; width: 90%; font-family:Arial, Helvetica, sans-serif; }

/* HEADER */
HEADER { width:100%; height:253px; display:inline-block; }
HEADER IMG { margin: 0 0 0 173px; }
HEADER DIV { margin: 5px 3px 0 0; width:16px; height:16px; float:right; cursor:pointer; }

/* HEADER DRAPEAUX */
HEADER .flag_FR { background:url("../_images/_contentskin/preload_flags/FR_out.png"); }
HEADER .flag_FR:hover, .flag_FR.on { background:url("../_images/_contentskin/preload_flags/FR_over.png"); }
HEADER .flag_ES { background:url("../_images/_contentskin/preload_flags/ES_out.png"); }
HEADER .flag_ES:hover, .flag_ES.on { background:url("../_images/_contentskin/preload_flags/ES_over.png"); }
HEADER .flag_IT { background:url("../_images/_contentskin/preload_flags/IT_out.png"); }
HEADER .flag_IT:hover, .flag_IT.on { background:url("../_images/_contentskin/preload_flags/IT_over.png"); }
HEADER .flag_DE { background:url("../_images/_contentskin/preload_flags/DE_out.png"); }
HEADER .flag_DE:hover, .flag_DE.on { background:url("../_images/_contentskin/preload_flags/DE_over.png"); }
HEADER .flag_NL { background:url("../_images/_contentskin/preload_flags/NL_out.png"); }
HEADER .flag_NL:hover, .flag_NL.on { background:url("../_images/_contentskin/preload_flags/NL_over.png"); }
HEADER .flag_UK { background:url("../_images/_contentskin/preload_flags/UK_out.png"); }
HEADER .flag_UK:hover, .flag_UK.on  { background:url("../_images/_contentskin/preload_flags/UK_over.png"); }

/* TITRES */
H1,.h1 { display:inline-block; background:url("../_images/_contentskin/containers/H1.png") no-repeat; margin: 0 0 0 0; padding: 5px 0 0 55px; font-size:14px; height:21px; color:#FFF; width:100%; font-weight:bold; margin: 0 0 0 0; }
.h1 { margin:20px 0 0 0; }
.content H2 { font-family: "Segoe UI", sans-serif; font-size:13px; margin: 12px 0 0 10px; color:#36F; }
.content H3{ font-family: "Segoe UI", sans-serif; font-size:10px; margin: 12px 0 0 12px; }
.content H5 { font-family: "Segoe UI", sans-serif; font-size:12px; margin: 0 0 0 0; color: #729EE2; text-align: center; }
.content H6 { font-family: "Segoe UI", sans-serif; font-size:14px; margin: 0 0 0 0; padding: 5px 0 0 0; text-align: center; }
.content H4 { margin: 13px 0 0 0; padding: 7px 0 0 45px; height:22px; font-size:15px; color:#FFF; background:url("../_images/_contentskin/backgrounds/top_search.png") no-repeat bottom center; }
.content H4 SPAN { color:#E8EFFF; }

/* ASIDE (navigation, recherche) */
ASIDE { width:100%; margin:45px 0 0 0; height:50px; display:inline-block; }
ASIDE INPUT { float:left; background:url("../_images/_contentskin/menu_navigation/search.gif") no-repeat; height: 21px; width: 124px; border: 0px solid #F5D5BC; font-size:10px;	letter-spacing: 0.1em; padding: 8px 2px 0 35px; color:#FFF; overflow:hidden; margin:0 50px 0 40px; }
ASIDE A { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing: 0.05em; text-decoration:none; color:#000; }
ASIDE A:hover { color:#333; }
ASIDE .link { width:70%; margin:8px 0 0 0; float:left; }

/* BARRE NAVIGATION */
NAV { text-align:center; font-size:1em; }
NAV DIV { float:left; }
NAV DIV:first-child { margin:0 0 0 11px; }
NAV A { color:#FFF; font-weight:bold; width:181px; height:20px; padding: 8px 0 0 0; background:#930; margin: 0 0 0 7px; text-decoration:none; display:inline-block; background:url("../_images/_contentskin/menu_navigation/menubar_item_out.png"); }
NAV A:hover { background:url("../_images/_contentskin/menu_navigation/menubar_item_over.png"); }

/* SECTIONS */
SECTION.left { width:694px; }
SECTION.right { width:249px; background:url("../_images/_contentclientsp/menu/menu_espaceClient_botom.gif") no-repeat bottom #f1f8fd; }
SECTION.left.align_left { float:left; }
SECTION.right.align_left { float:left; }
SECTION.left.align_right { float:right; }
SECTION.right.align_right { float:right; }

/* SECTION RIGHT */
DETAILS { background:url("../_images/_contentclientsp/menu/menu_espaceClientH1.gif") no-repeat; padding: 0 0 15px; display:inline-block; width:100%; }
DETAILS.no_background { background:none; }
DETAILS#espace_client { background:url("../_images/_contentclientsp/menu/menu_espaceClient.gif"); height:180px; }
DETAILS#espace_client A { margin:20px 0 0 0; display:inline-block; }
DETAILS SPAN { font-size:14px; color:#FFF; display:inline-block; width:100%; padding: 6px 0 0 30px; height:40px; font-weight:bold; }

/* FOOTER */
FOOTER { position:relative; background:url("../_images/_contentskin/footer.png") no-repeat center; display:block; height:254px; width:100%; }
FOOTER IMG { position:absolute; top:60px; cursor:pointer; left:150px; }

FOOTER div { width:999px; margin-left:auto; margin-right:auto; }
FOOTER div H2 { color:#166198; list-style:none; padding: 4px 0 0 21px; font-size:12px; font-weight:bold; background:url("../_images/_contentskin/containers/footer_topUL.gif") no-repeat; width:161px; height:26px; }
FOOTER MENU { float:left; margin: 95px 0 0 0; padding:0 0 0 35px; background:url("../_images/_contentskin/containers/effet_footer.png") no-repeat right; height:120px; }
FOOTER MENU UL { padding:0; }
FOOTER UL LI { background:none; padding:0; margin:0; width:205px; list-style-image:url("../_images/_contentskin/containers/footer_topLI.png"); }
FOOTER A { color:#333; text-decoration:none; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
FOOTER A:hover { text-decoration:underline; }