@charset "utf-8";
/*mise à jour reference*/
#tab_ref .ref_mtd{
padding:0 5px 0 5px;
}
/*mise à jour extranet*/
.detail_reference th, .detail_reference td{
padding:10px;
vertical-align:top;
}
.detail_reference th{
background-color:#ee8837;
color:white;
border:1px solid black;
border-bottom:none;
width:150px;
}
.detail_reference td{
border:1px solid #525252;
border-bottom:none;
border-left:none;
}
.detail_reference .last th, .detail_reference .last td{
border-bottom:1px solid black;
}
.bouton_delai{
background-image:url(large_button_link.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:125px;
height:19px;
margin:0;
padding:0;
}
.commandes th{
padding:10px;
background-color:#ee8837;
border-right:1px solid white;
color:white;
vertical-align:top;
}
.commandes td {
padding:5px 10px 5px 10px;
vertical-align:top;
border-left:1px solid #525252;
border-bottom:1px solid #bebebe;
}
.commandes th.last{
border:none;
}
.commandes td.last{
border-right:1px solid #525252;
}
.content_body .bouton_delai a{
color:white;
text-decoration:none;
}
.content_body .bouton_delai a:hover{
color:white;
}
.lien_bouton{
background-image:url(menuV-extranet-button-bkg.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:97px;
height:19px;
margin:0;
padding:0;
}
#page .lien_bouton a{
color:white;
text-decoration:none;
margin:0;
padding:0;
}
#page .lien_bouton a:hover{
color:#a3a3a3;
}
/*mise à jour 26 septembre '08*/
#page h3,h4,h5,h6{
margin:10px 0 10px 0;
padding:0;
}

#page h3{
color:black;
font-size:14px;
}
#page h4{
font-size:14px;
}
#page h5{
font-size:12px;
}
#page h6{
font-size:11px;
}
#page .intro{
color:black;
font-weight:bold;
}
/* CSS Document */
/*classe pour transparence png64*/
img.alpha {
width: 185px;
height: 375px;
border:none;
}
/*parametre de page*/
#topbackground{
position:absolute;
left:0;
top:0;
width:100%;
height:220px;
background-image:url(top-bkg.gif);
}
#container{
position:absolute;
top:0px;
left:10%;
min-height:750px;
}
body{
font-family:Arial, Helvetica, sans-serif;
background-image:url(bkg.gif);
margin:0;
padding:0;
}
img{
border:0;
margin-top:5px;
margin-bottom:5px;
}
th{
vertical-align:top;
font-weight:bold;
text-align:left;
}
/*----------------CONFIG ATOMS-----------------------*/
.alignLeft {
	text-align: left !important;
}
.alignCenter {
	text-align: center !important;
}
.alignRight {
	text-align: right !important;
}
.alignJustify{
	text-align:justify !important;
	padding-right:10px;
}
/*-------------------------HEADER ---------------------------------- */
#logo{
position:absolute;
left:0px;
top:0px;
}
#banner{
color:white;
font-size:10px;
position:absolute;
left:140px;
top:0px;
height:190px;
width:746px;
text-align:right;
background-image:url(../img/banner.jpg);
}
#banner a{
color:#999999;
}
#banner a:hover{
color:white;
text-decoration:none;
}
#lang{
margin-right:20px;
}
#menuSearch{
position:absolute;
z-index:10;
left:140px;
top:190px;
background-image:url(menu-bkg.gif);
background-repeat:repeat-x;
height:30px;
overflow:hidden;
width:746px;
font-size:12px;
padding:0;
margin:0;
}
#menu{
position:absolute;
left:0px;
top:4px;
height:30px;
padding:0;
margin:0;
}
#menu a, #menu a:visited {
display:inline-block;
color:#a7a5a5;
text-decoration:none;
padding:4px 15px 11px 15px !important;
>padding:2px 15px 5px 15px !important;
margin:0;
background-image:url(menu-bkg-link.gif);
background-repeat:no-repeat;
background-position:right;
word-spacing:0;
}
#menu a:hover {
color:#fff;
text-decoration:none;
background-image:url(menu-bkg-linkHover.gif);
}

a.menuOpen, a.menuOpen:visited, a.menuOpen:hover {
color:#fff !important;
text-decoration:none;
background-image:url(menu-bkg-linkHover.gif) !important;
}
.search{
position:absolute;
left:500px;
top:0px;
background-image:url(menu-bkg-link.gif);
height:30px;
}
.search form {
margin:0 !important;
padding:0 !important;
height:30px;
}
.searchtext{
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #b8b8b8 !important;
border-bottom:1px solid #b8b8b8 !important;
font-size:10px;
width:130px;
background-color:#959595;
padding:0px 1px 0px 1px;
margin:4px 0 5px 0 !important;
>margin:4px 0 10px 0 !important;
}
.search form input.button {
border:none;
cursor:pointer;
height:30px;
width:85px;
font-size:10px;
padding:5px 0 8px 0px;
margin:0 0 5px 9px;
text-align:center;
color:#fff;
background-image:url("menu-search-button-bkg.gif");
background-color:transparent;
background-repeat:no-repeat;
}
/*------------------LEFT MENU --------------------------*/

#imageOnMenu{
position:absolute;
left:-10px;
top:185px;
width:185px;
height:375px;
z-index:9;
}
#leftmenuzone{
position:absolute;
left:-10px;
top:170px;
>top:220px;
width:140px;
background-color:#dcdcdc;
z-index:7;
}
#leftmenu{
font-size:11px;
text-align:right;
position:absolute;
top:400px;
>top:380px;
left:20px;
z-index:8;
}
#leftmenu a{
color:black;
text-decoration:none;
}
#leftmenu a:hover{
text-decoration:underline;
}
#leftmenu p{
margin:0 0 5px 0;
padding:0;
line-height:normal;
}
.lefttext {
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #b8b8b8 !important;
border-bottom:1px solid #b8b8b8 !important;
padding:3px 1px 1px 1px;
font-size:10px;
width:102px;
background-color:#d4d4d4;
margin:0 0 1px 0 !important;
color:#767676 !important;
}
#leftmenu input.button {
border:none;
cursor:pointer;
height:19px;
width:97px;
font-size:10px;
padding:0 0 1px 0;
margin:5px 0 0 9px;
text-align:center;
color:#fff;
background-image:url("menuV-extranet-button-bkg.gif");
background-repeat:no-repeat;
background-color:transparent;
}
/*------------------------------Page--------------------------------------*/
#page{
padding-left:40px;
padding-top:20px;
position:absolute;
top:220px;
left:0px;
padding-left:180px;
background-image:url(page_area.gif);
background-repeat:repeat-y;
width:706px;
font-size:12px;
color:#525252;
/*ajout simulation de min-height pour IE6*/
min-height:600px;
height:auto !important;
height:600px;
}
.content_body a{
color:#999999;
}
.content_body a:hover{
color:#e18333;
}
.sector{
padding-left:8px;
}
#page h1{
font-size:18px;
color:#e18333;
width:400px;
}
#page h2{
color:black;
font-size:16px;
}
.product_show h1{
width:200px;
}
.pagetextinput{
color:#666666;
font-size:10px;
height:15px;
width:130px;
padding-left:5px;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
background-color:#d4d4d4;
}
#page input.button{
border:none;
cursor:pointer;
height:19px;
width:97px;
font-size:12px;
padding:0 0 1px 0;
margin:5px 0 0 9px;
text-align:center;
color:#fff;
background-image:url("menuV-extranet-button-bkg.gif");
background-repeat:no-repeat;
background-color:transparent;
}

#blockArrivals{
float:right;
width:230px;
margin-right:8px;
position:relative;
z-index:8;
}
#blockArrivals h1{
font-size:14px;
color:black;
}
#blockArrivals a{
color:#999999;
}
#blockArrivals a:hover{
color:#e18333;
}
#blockNews{
clear:both;
position:relative;
>left:0 !important;
>left:180px;
float:right;
width:230px;
margin-right:8px;
margin-top:8px;
z-index:8;
}
#blockNews h1{
color:white;
font-size:12px;
font-weight:bold;
background-image:url(areaA-contentAreaC-h1-bkg.gif);
background-repeat:no-repeat;
padding-left:10px;
margin:0;
}
#blockNews div{
background-image:url(areaA-contentAreaC-p-bkg.gif);
background-repeat:no-repeat;
text-align:left;
}
#blockNews .imgcenter{
text-align:center;
}
#blockNews div a{
text-decoration:none;
color:#999999;
margin:0;
}
#blockNews div a:hover{
text-decoration:underline;
}
#blockNews div p{
padding:10px 10px 10px 10px;
margin:0;
}
#blockEvents{
clear:both;
float:right;
>left:0 !important;
>left:180px;
width:230px;
margin-right:8px;
margin-top:8px;
position:relative;
z-index:8;
}
#blockEvents h1{
color:white;
font-size:12px;
font-weight:bold;
background-image:url(areaA-contentAreaC-h1-bkg.gif);
background-repeat:no-repeat;
padding-left:10px;
margin:0;
}
#blockEvents div{
background-image:url(areaA-contentAreaC-p-bkg.gif);
text-align:left;
margin:0;
}
#blockEvents .imgcenter{
text-align:center;
}
#blockEvents div a{
text-decoration:none;
color:#999999;
margin:0;
}
#blockEvents div a:hover{
text-decoration:underline;
}
#blockEvents div p{
padding:5px 10px 10px 10px;
margin:0;
}
.links{
padding-bottom:12px;
padding-left:5px;
background-image:url(areaA-contentAreaC-links-bkg.gif);
margin:0;
}
.links a{
color:white;
text-decoration:none;
}
.links a:hover{
text-decoration:underline;
}
/* -------------------- footer -------------------- */
#footer{
position:absolute;
left:0px;
top:100%;
background-image:url(footer_bg.gif);
background-repeat:no-repeat;
width:886px;
color:#666666;
font-size:12px;
z-index:4;
text-align:center;
padding-top:50px;
}
#footer a, .footer a:visited {
	color:#dbdbdb;
	text-decoration:underline;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}

/* -------------------- subFooter -------------------- */
.subFooter{
background-color:#999999;
text-align:center;
padding-top:10px;
}
.subFooter a, .subFooter a:visited {
	color:#85807c;
	text-decoration:underline;
}
.subFooter a:hover {
	color:#303030;
	text-decoration:underline;
}
/*----------------Comportement interne des pages -------------------------*/
/* ---------------Comportement produits------------------------------*/
.product_unit img{
padding-top:20px;
}
.product_unit{
padding-bottom:50px;
border-bottom:solid 5px #949494;
margin-bottom:50px;
margin-left:80px;
}
.product_title{
background-image:url(title_product_bg.gif);
background-repeat:no-repeat;
height:23px;
width:100px;
}
.product_title_mid{
background-image:url(title_product_middle_bg.gif);
background-repeat:repeat-x;
width:120px;
}
.product_title_end{
background-image:url(title_product_ending_bg.gif);
background-repeat:no-repeat;
}
.product_title a{
color:white;
font-size:12px;
text-decoration:none;
font-weight:bold;
padding-left:10px;
}
.product_title a:hover{
color:#666666;
}
.anim{
padding-top:20px;
}
.slideshow{
/*background-color:#e8e8e8;*/
padding:0px 0px 20px 10px;
}

.product_show{
padding-bottom:50px;
margin-bottom:50px;
margin-left:80px;
}
.product_show_title{
color:white;
font-size:18px;
font-weight:bold;
background-color:#e48536;
height:30px;
width:100%;
padding-top:5px;
padding-left:20px;
margin-left:20px;
margin-bottom:10px;
}
.product_show img{
padding-left:5px;
padding-top:20px;
}
.slideshow img{
margin:0;
padding:0;
border:1px solid #e8e8e8;
}
.product_show li{
margin-left:-30px;}
.the_options{
clear:both;
position:relative;
float:right;
}
#product_action{
width:100%;
padding-top:10px;
padding-bottom:10px;
padding-left:25px;
background-color:#333333;
}
#product_action a{
margin-right:100px;
color:white;
}
#product_action a:hover{
color:#e48536;
}
.sous-liste{
list-style:none;
padding-left:100px;
}
.sous-liste li{
margin-top:10px;
}
.options_titre{
background-color:#e28434;
padding:0px 0px 0px 10px;
width:150px;
margin:0;
}
.options_titre_bas{
background-color:#e28434;
padding:0px 0px 0px 10px;
margin-top:50px;
}
ul{
list-style:square;
}
.options_titre_bas h2{
font-size:14px;
padding-top:2px;
padding-bottom:2px;
margin:0;
}
#options_titre_middle{
background-color:#e28434;
padding:0px 0px 0px 10px;
margin:0;
}
#options_titre_middle h2{
font-size:14px;
padding-top:2px;
padding-bottom:2px;
margin:0;
}
.options_titre h2{
font-size:14px;
padding-top:2px;
padding-bottom:2px;
margin:0;
}
.plan{
margin-top:20px;
margin-bottom:30px;
margin-left:20px;
}
.sitemap{
margin:0; 
background-color:#eceaea;
border:1px solid #666666;
}
.for_line{
border-left:1px solid #white; 
padding-top:10px;
padding-bottom:10px;
margin:0;
}
.for_line p{
padding:0;
padding-left:10px;
margin:0;
width:550px;
}
/*--Comportement références--*/
.reffield{
width:650px;
padding-left:10px;
}
.pageselect{
color:#666666;
font-size:10px;
width:155px;
padding-left:5px;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
background-color:#d4d4d4;
}
h3{
font-size:12px;
font-weight:bold;
padding-left:10px;
}
.reful{
padding-left:80px;
}
.tabsearch th{
color:white;
font-weight:bold;
background-color:#ee8837;
height:20px;
padding-left:10px;
padding-right:10px;
}
.tabsearch td{
background-color:#dcdcdc;
text-align:center;
}
.tabsearch .lien_page{
text-align:left;
}
.search_pages{
width:650px;
text-align:center;
padding-top:20px;
}
.link_listing{
padding-left:10px;
}
.sous_rubrique{
padding-top:15px;
padding-bottom:5px;
}
.black{
color:black;
}
.form_placement{
margin-left:25px;
width:500px;
}
.ban_form{
position:relative;
left:-65px;
}
.space{
padding-bottom:20px;
}
.onglet_selectionne{
position:relative;
float:left;
padding:5px 5px 5px 5px;
background-color:#e48536;
color:white;
}
.onglet{
position:relative;
float:left;
padding:5px 5px 5px 5px;
background-color:#fba35c;
border-right:1px solid white;
}
#zone_onglet{
margin:0;
padding:20px 0 0 0;
}
.onglet a{
text-decoration:none;
color:white;
}
.onglet a:hover{
text-decoration:none;
color:black;
}
#zone_texte_onglet{
clear:both;
}
/* integration HTML layout 24 septembre 08 */
#tab_ref{
width:694px;
}
#tab_ref th a{
color:white;
margin:0;
padding:0;
}
#tab_ref th a:hover{
color:black;
margin:0;
padding:0;
}
#tab_ref th{
color:white;
height:23px;
font-size:12px;
font-weight:bold;
padding:3px
}
#tab_ref .ref_Lth{
padding-left:20px;
background-image:url(title_product_bg.gif);
background-repeat:no-repeat;
}
#tab_ref .ref_mth{
background-image:url(title_product_middle_bg.gif);
background-repeat:repeat-x;
/*h d b g */
}
#tab_ref .ref_Rth{
background-image:url(title_product_ending_bg.gif);
background-repeat:no-repeat;
background-position:top right;
padding-left:20px;
border-left:1px solid white;
}
#tab_ref h2{
margin:0;
padding:0;
padding-top:10px;
}
#tab_ref p{
padding:0;
margin:0;
text-align:justify;
padding-right:20px;
padding-bottom:20px;
}
#tab_ref td{
border-bottom:1px solid #c0c0c0;
}
#tab_ref .ref_Ltd{
border-left:1px solid #c0c0c0;
}
#tab_ref .ref_Rtd{
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
}
#tab_ref img{
margin-top:10px;
margin-bottom:10px;
}
.changePage_selected{
font-weight:bold;
}
#TabListeP{
width:694px;
background-color:#f5f3f3;
}
#TabListeP img{
border:1px solid #c0c0c0;
}
#TabListeP td{
padding-bottom:10px;
padding-top:10px;
margin-bottom:50px;
}
#TabListeP h2{
margin:0;
padding:0;
}
#TabListeP .link{
text-align:right;
}
#TabListeP p{
padding-right:50px;
text-align:justify;
}
#TabListeP .TabListeP_sep{
background-color:#FFFFFF;
/*bug FF sur le height padding fonctionne*/
padding-top:2px;
padding-bottom:2px;
>height:4px;
}
#TabFiche{
width:694px;
}
#TabFiche h2{
margin:0;
padding:0 10px 0 10px;
}
#TabFiche p{
padding:0 10px 0 10px;
text-align:justify;
}
.product_fiche{
width:250px;
height:250px;
border:1px solid #C0C0C0;
overflow:hidden;
margin:0;
padding:0;
}
#page .product_fiche img{
margin:0;
padding:0;
}
#page .fiche_bouton{
margin-left:10px;
margin-bottom:20px;
display:inline-block;
background-image:url(fiche_bouton.gif);
background-position:center;
background-repeat:no-repeat;
color:white;
text-decoration:none;
padding:2px 30px 2px 30px;
}
#TabFiche .fiche_bouton{
color:white;
text-decoration:none;
}
#page .fiche_bouton:hover{
color:black;
}
#TabFiche .fiche_bouton:hover{
color:black;
}
#product_photo{
width:250px;
}
#product_photo img{
border:1px solid #C0C0C0;
margin-right:3px;
}
/*onglet from salembier*/
/*--------- onglet---------------*/

#menuOnglet ul{
	padding:3px 0 2px 0;
	>padding:5px 0 2px 0;
	margin:20px 0 0 0;
	border-bottom:1px solid #c7c7c7; 
}

#menuOnglet ul li{
	list-style:none;
	margin:0;
	display:inline;
}

#menuOnglet ul li a{
	padding:3px 0.5em;
	margin-left:3px;
	border:1px solid #c7c7c7;
	border-bottom:none;
	background-color:#efefef;
	text-decoration:none;
}

#menuOnglet ul li a:hover{
	text-decoration:underline;
	color:#5e5e5e;
}

#menuOnglet ul li a#current{
	background-color:#FFFFFF;
	border-bottom:2px solid white;
}
#menuOnglet ul li a#current:hover{
text-decoration:none;
}
#Onglet_Content{
margin:0;
padding:5px 5px 5px 5px;
border-left:1px solid #C7c7c7;
border-right:1px solid #C7c7c7;
border-bottom:1px solid #C7c7c7;
overflow:hidden;
width:413px;
}
#Onglet_Content p{
margin:0;

text-align:justify;
}
#Onglet_Content ul{
/*h d b g */
margin:0;
padding:5px 20px 10px 20px;
}
#Onglet_Content li{
margin-bottom:10px;
}
#Onglet_Content li ul li{
list-style:none;
}
#Onglet_Content img{
margin-bottom:10px;
}
.actu_image{
width:257px;
text-align:center;
overflow:hidden;
margin:0;
}
.actu_image img{
margin:0px 0 20px 0;
}

/*block Actualité */
#page .blockActu h1{
color:white;
font-size:12px;
font-weight:bold;
background-image:url(areaA-contentAreaC-h1-bkg.gif);
background-repeat:no-repeat;
padding-left:10px;
margin:0;
}
.blockActu div{
background-image:url(insideblockactu.gif);
text-align:left;
margin:0;
}
.blockActu div a{
text-decoration:none;
color:#999999;
margin:0;
}
.blockActu .imgcenter{
text-align:center;
}
.blockActu div a:hover{
text-decoration:underline;
}
#page .blockActu div p{
padding:2px 10px 0px 10px;
margin:0;
}
.blockActu{
width:230px;
margin-right:8px;
margin-top:8px;
position:relative;
float:left;
z-index:8;
}
.endingActuBlock{
height:19px;
background-image:url(endingactublock.gif);
margin:0;
}

#TabActu{
width:579px;
}
#TabActu h2{
margin:0;
padding:0 0px 0 10px;
}
#TabActu p{
padding:0 0px 0 10px;
text-align:justify;
}
#Actublock_placement{
margin-top:20px;
width:750px;
position:relative;
left:-20px;
}
/*----------------Plan du site-----------------------*/
.sitemap li{
list-style-type:none;
line-height:1.6em;

}
.sitemap li a{
text-decoration:none;
}
.sitemap li li{
border-left:3px solid #C7c7c7;
padding-left:10px;
}

/*----------------formulaire-----------------------*/

.formulaire{
border:1px solid #e8e8e9;
padding:5px;
}

.formulaire th{
background-color:#e8e8e9;
padding:3px 0 3px 5px;
margin-right:5px;
}
.actualite{
width:694px;
border:1px solid #c0c0c0;
}
.actualite img{
margin:0;
padding:0;
}
.block_imagette{
width:250px;
background-color:white;
text-align:center;
border:1px solid #c0c0c0;
overflow:hidden;
}
.actualite td{
border-bottom:2px solid #c0c0c0;
padding:10px;
background-color:#f5f3f3;
}
.error{
color:red;
font-weight:bold;
}
pre{
font-family:Arial, Helvetica, sans-serif;
}