/******************************************************************************************
Personnalise le rendu écran du site, la feuille est hiérarchisée.
D'abord les bloc modules puis les affichages textuels 
@author:Jérôme
@Version:0.1
@creation:11-11-2006
*****************************************************************************************/
body, *{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#top img{
	border:0;
}


label{
	font-weight:bold;
	margin:2px 0px 2px 0px;
}

a{
	color:black;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color:#e13c26;
}

span.over{
	color:#e13c26;
}
.input-text{
	width:127px;
	height:17px;
	border:2px solid #9c9c9c;
}

#module-premiere-visite,
#module-espace-pro,
#module-espace-pro-cnx,
#module-commande-express,
#module-newsletter,
#module-nos-engagements,
#module-notre-societe,
#module-mon-panier{
	padding:0px;
	margin:0px;
	margin-bottom:11px;
	border:0px;
	vertical-align:top;
	width:155px;
	background-image:url(/images/fd-module-left.gif);
	background-repeat:repeat-y;
}

#module-premiere-visite img,
#module-espace-pro img,
#module-espace-pro-cnx img,
#module-commande-express img,
#module-newsletter img,
#module-nos-engagements img,
#module-notre-societe img,
#module-mon-panier img{
	margin:0px; 
	padding:0px;
	border:0px;
	margin-left:1px;
	clear:both;	
}


#module-premiere-visite,
#module-espace-pro-cnx,
#module-commande-express,
#module-newsletter,
#module-mon-panier,
#commande_catalogue{
	text-align:center;
}

.module-bottom{
	padding:0px;
	margin:0px;
	margin-top:9px;
	font-size:1px; /*Permet de supprimer l'espace sous l'image sous IE*/
	clear:both;	
	display:none;
}
.module-bottom img{
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
	vertical-align: middle;
}

.btn{
	display:block;
	background-image:url(/images/btn/btn-off.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:white;
	text-align: center;
	margin:0px;
	padding:0px;
	width:112px;
	height:21px;
	border:0px;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
}

.btn_input{
	padding-top:0px; 
	height:24px;
	color:white;
}

.btn:hover{  
	background-image:url(/images/btn/btn-on.gif);
	background-repeat:no-repeat;
	color:white;
}

#left .btn, #right .btn{
	margin-left:auto;
	margin-right:auto;
	margin-top:9px;
}

#form-cnx{
	text-align:left;
	margin-left:10px;
	margin-top:13px;
}

#form-cnx label{
	font-size:11px;
}

#module-espace-pro p, #module-commande-express p{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}

#module-espace-pro-cnx p{
	font-weight:bold;
	font-size:11px;
	margin-top:5px;
	margin-left:8px;
	text-align:left
}

#picto-cnx-panier{
	width:20px;
	float:left;
	padding-top:7px;
}


#cnx-panier{
	width:70px;
	font-weight:bold;	
	float:left;
}

#acces-panier-left{
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:30px;
	margin-top:5px;
	width:90px;
}

#formu_ch_cmd{
	margin-top:9px;
}

.label_left{
	float:left;
}


#module-commande-express #cmd_sav{
	width:138px;
	font-size:10px;
	margin:4px 0px 4px 0px;
}

#module-commande-express div.bloc{
	width:138px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
}

#ch_cmd_code_article, #ch_cmd_qte{
	width:51px;
	
}



#formu_nl{
	margin-top:9px;
}



#module-nos-engagements a, #module-notre-societe a{
	font-size:11px;
	display:block;
	font-weight:bold;
	margin:3px 0px 3px 4px;
}


#module-mon-panier table{
	margin-left:auto;
	margin-right:auto;
	width:135px;
}

#module-mon-panier td, #module-mon-panier p{
	font-weight:bold;
}

#module-mon-panier p{
	margin-top:5px;
}

td.intitule{
	text-align:left;
	vertical-align:middle;
	height:20px;	
}

td.valeur{
	text-align:right;
	vertical-align:middle;
	color:#e13c26;
}

#barre_resultat{
	border-bottom:2px solid #999999;
}



#bloc_pub a{
	display:block;
	margin:5px 0px 3px 6px;
}

#bloc_pub a img, #commande_catalogue a img{
	border:0px;
}


#commande_catalogue{
	margin-top:10px;
}

#commande_catalogue a{
	font-weight:bold;
}

#containerServiceRH{
display:none;
}



















/*CENTRE*/
#center{
	padding:0px 6px 0px 8px;
	text-align:center;
}

#zone_promotion{
	text-align:center;
}
#module-promo{
	width:665px;
	margin-left:auto;
	margin-right:auto;
}
#zone_promotion .module-promo{
	background-image:url(/images/fd-module-promo.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	width:157px;
	height:226px;
	margin:7px 9px 0px 0px;
	vertical-align:top;
	text-align:center;
	font-weight:bold;
	float:left;
}

#zone_promotion .module-promo .img-titre{
	margin-bottom:9px;
}

#zone_promotion .module-promo p{
	font-size:10px;
	width:140px;
	height:50px;
	margin-left:5px;
}

#zone_promotion .module-promo .btn{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background-image:url(/images/btn/btn-promo-off.gif);
}

#zone_promotion .module-promo .btn:hover{  
	background-image:url(/images/btn/btn-promo-on.gif);
	background-repeat:no-repeat;
	color:white;
}


.visuel_zone_promo{
	
}


#catalogue{
	
	background-repeat:repeat-y;
	width:90%;
	text-align:left;
}


#module-recherche{
	background-image:url(/images/fd-top-catalogue.gif);
	width:678px;
	height:26px;
	margin-left:auto;
	margin-right:auto;
	display:none;
}

#rech-code-art,
#rech-mot-cle,
#rech-assistant{
	float:left;
	color:white;
	font-weight:bold;
	height:23px;
	padding-top:3px;
	margin-left:20px;
}

#rech-code-art{
	margin-left:7px;
}

#code-art{
	width:69px;
	height:17px;
	border:0px solid;
}

#mot-cle{
	width:182px;
	height:17px;
	border:0px solid;
}

#code-art-ok,
#mot-cle-ok,
#assistant-ok{
	vertical-align:middle;
	margin-top:1px;
	margin-left:5px;

}


#fil-ariane{
	width:638px;
	text-align:left;
	margin-left:25px;
	font-weight:bold;
	margin-top:7px;
	font-size:10px;
	height:30px;
}


td.top{
	vertical-align:top;
}


#bottom-catalogue{
	width:640px;
	text-align:left;
	margin-left:20px;
	font-weight:bold;
	margin-top:7px;
	font-size:10px;
	display:block;
	clear:both;	
}

#pagination-left{
	float:left;
	width:400px;	
}

#pagination-right{
	float:right;
	clear:right;	
	margin-right:10px;
}

#div_precedent1{
	height:190px;
}

#btn_precedent{
	display:block;
	margin-top:20px;
}

#btn_retour1{
	display:block;
	width:21px;
}

#btn_retour2{
	display:block;
	width:21px;
	height:101px;
	padding-top:190px;	
}

#btn_suivant{
	display:block;
	margin-top:40px;
}

#catalogue-produit {
	width:627px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
}


#catalogue-produit td{
	font-weight:bold;
	font-size:11px;
}

#catalogue-produit td.prod{
	width:115px;
	height:104px;
	vertical-align:middle;
	/*text-align:center;*/
}

#catalogue-produit td.prod a{
	display:block;
	width:104px;
	height:104px;
	border:2px solid #FFFFFF;	
}

#catalogue-produit td.prod a img{
	vertical-align:middle
}

#catalogue-produit td.intituleprod{
	width:115px;
	height:50px;
	vertical-align:top;
	text-align:center;
}

#catalogue-produit td.nav{
	width:26px;
/*	border:1px solid blue;*/
}

#catalogue-produit a img{
	border:0px solid #FFFFFF;	
	clear:both;
}
/*
#catalogue-produit a img{
	border:0px;
	color:#e13c26;
}*/

#catalogue-produit td.prod a.fil{
	border:2px solid #e13c26;	
}











/****************************************************************************/
/*							CSS FICHE PRODUITS								*/
/****************************************************************************/
#titre-fiche-produit{
	margin-bottom:10px;
}

#fiche-produit{
	width:638px;
	padding:0px;	
	margin:0px;
	margin-left:25px;
	border:0px solid blue;
}

#visuels{
	width:210px; 
	float:left;
}

#data-str{
	width:418px;
	float:right;
}

#visuel-produit{
	float:left;
	width:200px;
	height:200px;
	border:2px solid #aaaaaa;
	/*margin-right:10px;
	margin-bottom:10px;*/
}

#designation-produit{
	width:300px;
	float:left;
	font-weight:bold;
	display:block;
	height:80px;
	margin-top:20px;
}

#logo-produit{
	float:right;
	margin-right:15px;
}

#points-importants{
	width:418px;
	float:left;
	overflow:visible;
	margin-top:15px;
}

#points-importants img{
	margin-top:-15px;
	margin-left:13px;
	position:relative;
}

#points-forts, #applications{
	width:200px;
	float:left;
	border:2px solid #e13c26;
}

#points-forts{
	margin-right:10px;
}
/**
#points-forts ul, #applications ul{
	padding-left:5px;
	margin-left:0px;
	width:190px;
}


#points-forts li, #applications li{
	list-style:disc;
	list-style-position:inside;
	font-size:11px;
	font-weight:normal;
}
*/

#points-forts div, #applications div{
	padding-left:5px;
	margin-left:0px;
	width:190px;
	margin-bottom:5px;
}

#meta-info{
	float:left;
	clear:left;
	width:204px;
}

#meta-info a img {
	border:0px;
}

#plus-visuel{
	clear:both;
}

#plus-visuel a img{
	border:0px;
	margin-top:5px;
}

#pictogrammes{
	width:204px;
	margin-top:10px;
}

#pictogrammes td{
	width:60px;
	height:60px;
	border:2px solid #AAAAAA;
	vertical-align:middle;
	text-align:center;
}

#guide-choix{
	float:left;
	clear:left;
	margin-top:10px;
	border:0px;
}

#guide-choix img{
	border:0px;
}

#descriptif{
	float:left;
	width:418px;
	/*margin-left:9px;*/
	position:relative;
	display:block;
}

#descriptif h2, h2.degrad{
	margin:0px;
	padding:0px; 
	float:left;	
	width:418px;	
	background-image:url(../images/fd-titre-h2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:10px;
	margin-bottom:10px;
	clear:both;
}


#accroche{
	color:#e13c26;
	font-size:11px;
	margin-bottom:20px;
}

#descriptif-produit{
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;	
	margin-bottom:20px;
}

#condition-livraison{
	margin-bottom:20px;
	font-weight:bold;
	color:#555555;
	font-size:11px;
	font-style:italic;
}
#carac-tech{
	margin:0px;
	padding:0px;
}
#carac-tech div{
	float:left;
	clear:both;
	width:380px;
	margin-left:15px; 
}

span.carac-intit{
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

span.carac-value{
	font-size:11px;
	font-weight:bold;
}


#liste-article{
	clear:both;
	float:left;
	margin-top:20px;
	display:block;
}

#liste-article table{
	clear:both;
	margin:0px;
	padding:0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-bottom:1px solid black;
}

#liste-article table td{
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	height:46px;
	font-size:11px;
	border-left:1px solid black;
	border-right:1px solid black;
}

#liste-article table th{
	padding:0px;
	background-color:#c3c3c3;
	border:1px solid #969696;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	height:45px;
}


#list-code, #list-ref-fourn, #list-coloris, #list-longueur, #list-largeur, #list-hauteur{		width:60px;}
#list-photo{	width:60px;}
#list-prix{		width:60px;}
#list-qte{		width:60px;}
#list-panier{	width:60px;}

input.input-list{
	width:47px;
	border:2px solid #999999;
	text-align:center;
}
tr.impaire{
	background-color:#FFFFFF;
}


tr.paire{
	background-color:#E5E5E5;
}

.prix-barre{
	text-decoration:line-through;
}

.promotion{
	color:#e13c26;
}

a.picto-photo{
	display:block;
	background-image:url(../images/btn/btn-photo-off.gif);
	background-repeat:no-repeat;
	width:20px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
}

a.picto-caddie, input.picto-caddie{
	display:block;
	background-image:url(../images/btn/btn-picto-panier-off.gif);
	background-repeat:no-repeat;
	width:19px;
	height:15px;
	margin-left:auto;
	margin-right:auto;
}

a.picto-caddie:hover{
	background-image:url(../images/btn/btn-picto-panier-on.gif);
}




/****************************************************************************/
/*								CSS PANIER									*/
/****************************************************************************/
#titre-panier{
	margin-bottom:10px;
	display:none;
}

#all-panier{
	width:90%;
	padding:0px;	
	margin:0px;
	margin-left:25px;
}

#ariane-panier{
	text-align:center;
}

#etape-panier{
	font-weight:bold;
}

#titre-etape-panier{
	font-weight:bold;
}

.indicateur-commande{
	color:#e13c26;
}

#continuer-achats{
	text-align:right;
	font-weight:bold;
	display:none;
}

#detail-produit-commande{
	clear:both;
	width:100%;
	border-collapse:collapse;
}

#detail-produit-commande .entete{
	text-align:center;
	font-weight:bold;
	height:29px;
	color:#000000;
	vertical-align:middle;
}

.panier-visuel{
	width:118px;
	height:110px;
	
}

.panier-designation{
	text-align:left;
	width:178px;
	font-weight:bold;
	color:#666666;
	vertical-align:top;
}

.code-intit{
	color:black;
	margin-top:10px;
}


.code-value{
	color:#666666;
}


.panier-prix{
	width:82px;
	text-align:center;
	font-weight:bold;
	vertical-align:top;
}

.panier-visuel,
.panier-designation,
.panier-prix,
.panier-qte,
.panier-dispo,
.panier-total{
	border-bottom:1px solid black;
}

.entete{
	border:0;
}

.panier-qte{
	width:77px;
	text-align:center;
	font-weight:bold;
	vertical-align:top;
}

.panier-qte input{
	width:25px;
	margin:0px;
	padding:0px;
	height:13px;
	border:0px;
	border:0;
	text-align:center;
}


.panier-qte a{
	margin-top:1px;
	
}

.panier-qte a img{
	border:0px;
	vertical-align:text-bottom;
	line-height:15px;
}

.btnPanierQte{display:none;}

.bloc-qte{
	height:15px;
	font-weight:bold;
}

.panier-dispo{
	width:65px;
	text-align:center;
	vertical-align:top;

}

.panier-total{
	width:80px;
	text-align:center;
	font-weight:bold;
	vertical-align:top;
}

.panier-sup{
	width:38px;
	text-align:center;
	vertical-align:top;
	display:none;
}

.panier-sup a img{
	border:0px;
}

.qdispo{
	font-size:10px;
	font-weight:bold;
	color:#ef6601;
	margin-top:5px;
}

.btn-bottom{
	text-align:right;
	float:right;
	clear:both;
	margin-top:20px;
	margin-bottom:2px;
	display:none;
}

#enregistre-commande{
	display:none;
}


#cartouche-commande{
	float:right;
	width:192px;
}
div.intitule-cartouche{
	clear:left;
	border:2px solid white;
	width:100px;
	height:18px;
	float:left;
	margin-top:2px;
	padding-top:0px;
	margin-bottom:2px;
	margin-right:6px;
	color:#666666;
	font-weight:bold;
	text-align:right;
	display:block;
}

div.total-cartouche{
	font-size:18px;
	color:#000000;
}

.valeur-cartouche{
	border:2px solid #999999;
	width:68px;
	height:18px;
	float:right;
	clear:right;
	margin-top:2px;
	margin-bottom:2px;
	text-align:right;
	font-weight:bold;
}


/***********************PANIER INFO BULLE******************************/
a.bulle span {  display:none; }
#containerService{ display:none;}
#containerService-alert{display:none;}