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

/* BALISE BASIQUES */
HTML { }
BODY {  background:url("../_images/_contentskin/background_cnt.gif") no-repeat left top; margin:0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; }
BODY.home { background:url("../_images/_contentskin/background.jpg") no-repeat center top; }
P { font-size:11px; letter-spacing:0.01em; }
A { color:#666; cursor:pointer; }
A:hover { text-decoration:none; }
SMALL { font-size:11px; letter-spacing:0.01em; width:99%; color:#FFF; 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; margin:10px 0 0 0; }
IMG { border:none; }
SELECT { background:#77043a; color:#FFF; font-size:12px; margin:1px; width: 90%; font-family:Arial, Helvetica, sans-serif; }

/* HEADER */
HEADER { width:100%; height:123px; display:inline-block; }
HEADER IMG { }
HEADER DIV { margin: 95px 10px 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: 18px 0 0 20px; font-size:14px; height:28px; color:#FFF; width:609px; 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 5px; color:#936; line-height:10px; }
.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:#C3C; text-align: center; }
.content H4  { margin: 13px 0 0 0; padding: 0 0 0 5px; font-size:15px; color:#666; text-align:right; }
.content H4 SPAN  { color:#936; letter-spacing:0.1em; }
.content H6 { font-family: "Segoe UI", sans-serif; font-size:14px; margin: 0 0 0 0; padding: 5px 0 0 0; text-align: center; }

/* ASIDE (navigation, recherche) */
ASIDE { color:#C69; width:100%; height:50px; display:inline-block; background:#006; background:url("../_images/_contentskin/containers/bg_navigation.gif") no-repeat right top; }
ASIDE INPUT { float:left; background:url("../_images/_contentskin/menu_navigation/search.gif") no-repeat; height: 17px; width: 181px; border: 0px solid #F5D5BC; font-size:10px;	letter-spacing: 0.1em; padding: 5px 2px 0 15px; color:#FFF; overflow:hidden; margin:14px 30px 0 18px; }
ASIDE .link { float:left; width:73%; margin:18px 0 0 0; height:16px; overflow:hidden; }
ASIDE .link A { vertical-align:bottom; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing: 0.05em; position:relative; text-decoration:none; color:#FEE9FB;  }
ASIDE .link A:hover { color:#CCC; }

/* Presentation */
#presentation_container  { height:153px; width:100%; position:relative; margin: 36px 0 0 0;  }
#presentation_container .right_container  { width:170px; height:156px; position:absolute; left:0px; top:4px; background:url("../_images/_contentskin/containers/right_container.png") no-repeat; }
#presentation_container .element  { width:100%; height:25px; background:#039; }

/* BARRE NAVIGATION */
NAV { text-align:center; font-size:1em; }
NAV .element { position:relative; z-index:100000;  }
NAV .element A.a  { color:#FFF; font-weight:bold; width:228px; height:23px; padding: 13px 0 0 0; margin:0; text-decoration:none; display:inline-block; background:url("../_images/_contentskin/menu_navigation/menubar_item_out.gif") no-repeat; float:left; }
NAV .element:hover A.a { color:#333; background:url("../_images/_contentskin/menu_navigation/menubar_item_over.gif"); }
NAV .discovmenu_top { position:absolute; top:36px; visibility:hidden; z-index:1; padding: 0 0 0 0; margin: 0 0 0 0; }
NAV .discovmenu_top#menu_deroulant1 { left: 32px; }
NAV .discovmenu_top#menu_deroulant2 { left: 260px; }
NAV .discovmenu_top#menu_deroulant3 { left: 366px; }
NAV .discovmenu_top#menu_deroulant4 { left: 594px; }
NAV .discovmenu_bottom { background:url("../_images/_contentskin/containers/element_bg.png") no-repeat bottom; padding: 0 0 29px 0; }
NAV .discovmenu_bg { background:url("../_images/_contentskin/containers/discovmenu_bg.gif") repeat-y; display:inline-block; width:350px; text-align:left; }

NAV .discovmenu_top .column { float:left; width:175px; margin: 0 0 0 0; color:#666; padding: 0 6px 4px 6.8px; }
NAV .discovmenu_top .column.top { padding: 0 0 0 0; }
NAV .discovmenu_top .column .bg { }
NAV .discovmenu_top .column .bottom { margin: 0 0 0 0; padding: 0 0 8px 0; }
NAV .discovmenu_top .column H3 { color:#000; height:25px; background:url("../_images/_contentskin/containers/H3_menu.gif") repeat-x; font-size:14px; padding: 8px 0 4px 6px; margin: 0 0 0 0; }
NAV .discovmenu_top .column A { text-decoration:none; font-weight:bold; color:#333; background:none; height:22px; padding:0px; margin:0; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; padding: 2px 0 3px 1px; margin: 0 0 0 1px; word-spacing:-0.07em; letter-spacing:-0.049em; width:158px; }
NAV .discovmenu_top .column A:hover { color:#FFF; background:url("../_images/_contentskin/containers/discovmenu_link.gif"); }
NAV .discovmenu_top .column SPAN { color:#000; font-size:10px; font-weight:lighter; word-spacing:-0.2em; }

/* SECTIONS */
SECTION.left { width:628px; background:url("../_images/_contentskin/containers/content.gif") no-repeat bottom; }
SECTION.right { width:285px; }
SECTION.left.align_left { float:left; margin:0 0 0 10px; }
SECTION.right.align_left { float:left; margin:0 0 0 10px; }
SECTION.left.align_right { float:right; margin:0 10px 0 0; }
SECTION.right.align_right { float:right; margin:0 10px 0 0; }

/* SECTION RIGHT */
DETAILS:first-child { margin:5px 0 0 0; }
DETAILS { background:url("../_images/_contentskin/containers/bg_left_top.gif") no-repeat bottom; margin: 10px 0 0 0; padding: 0 0 15px 0; display:inline-block; width:100%; }
DETAILS.no_background { background:none; }
DETAILS#espace_client { color:#CCC; font-size:13px; }
DETAILS#espace_client A { margin:20px 0 0 0; display:inline-block; color:#FFF; text-decoration:none; font-size:13px; }
DETAILS#espace_client A:hover { color:#666; }
DETAILS SPAN { font-size:14px; color:#FFF; display:inline-block; padding: 15px 0 0 30px; height:40px; width:253px; font-weight:bold; background:url("../_images/_contentskin/containers/H1_left_top.gif") no-repeat; }

/* FOOTER */
FOOTER { position:relative; background:#3a99b7; display:block; height:174px; margin:0 0 0 0; width:100%; }
FOOTER IMG { position:absolute; top:60px; cursor:pointer; right:0px; }

FOOTER div { width:999px; margin-left:auto; margin-right:auto; }
FOOTER div H2 { color:#FFF; list-style:none; padding: 8px 0 0 8px; text-transform: uppercase; font-size:14px; font-weight:bold; background:url("../_images/_contentskin/containers/footer_topUL.gif") no-repeat; width:130px; height:26px; margin:0px; }
FOOTER MENU { float:left; margin: 20px 0 0 20px; padding:0 0 0 0; background:url("../_images/_contentskin/containers/footer_title.png") no-repeat top left; height:120px; }
FOOTER MENU UL { padding:0; list-style:square; color:#FFF; }
FOOTER UL LI { background:none; padding:0; margin:0; height:15px; width:140px; margin: 0 0 0 40px; list-style-image:url("../_images/_contentskin/containers/footer_topLI.png"); }
FOOTER A { color:#FFF; text-decoration:none; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
FOOTER A:hover { text-decoration:underline; }