body {behavior: url(csshover.htc);
	margin: 0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; line-height:12px; font-weight:normal; color:#000000; background-image:url('images/bureau-stock_img-fond.jpg'); background-repeat:repeat-x; background-color:#e7e9e7; margin-top:0px; margin-bottom:0px;}

#page{width:1015 px;
margin:auto;}
	

.titre 
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:20px;
	color: #633f33;
	font-weight: bold;}
	
.liste 
{padding-left: 20px;}

a {color: #d39c43;}
a:hover {color: #c71f2d;}
	
td {vertical-align:top;}


/* ENTETE*/
#entete
{	margin: auto;
	margin-top:3px;
	margin-bottom:0px;
	font-weight : normal;
	text-align:center;
	color: #E7E9E7 ;}
#logo
{	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	align: left ;}
#information
{	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	margin-right: 0px;}
#information a:hover
{	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	margin-right: 0px;}

/* nouveauté */
#nouveaute
{	text-decoration : none; }


/* Menu */
#menu, #menu ul /* Liste */	
{	padding : 0px;
	margin: auto; 
	line-height : 25px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	list-style:none;}
#menu /* Ensemble du menu */
{	margin: auto;
	font-weight : normal; /* on met le texte en gras */
	font-family : verdana; /* on utilise Arial c'est plus beau ^^ */
	font-size : 10px; /* hauteur du texte : 12 pixels */}
	
li.titre-menu
{	background-image:url('images/bureau-stock_img-menu-fond1.jpg');
	background-repeat: no-repeat}
li.sous-menu
{	background: #cac330; /* ... et au contraire, le fond en blanc */}
li.titre-menu a:hover
{	background-image:url('images/bureau-stock_img-menu-fond3.jpg');
	background-repeat: no-repeat}
li.sous-menu a:hover
{	background: #633f33; /* ... et au contraire, le fond en blanc */}

#menu a:hover /* Lorsque la souris passe sur un des liens */
{	color: #FFFFFF; /* On passe le texte en noir ... */}
#menu a /* Contenu des listes */
{	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	color : #633F33; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 110px; /* largeur */}

#menu li /* Elements des listes */	
{ 	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #e7e9e7; /* on met une bordure blanche à droite de chaque élément */}
/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */}
#menu li ul /* Sous-listes */
{ 	position:  absolute; /* Position absolu */
	width: 110px; /* Largeur des sous-listes */
	background : #cac330; /* couleur de fond */	
	left: -999em; /* Hop, on envoie loin du champ de vision */}
#menu li ul li/* Eléments de sous-listes */
{	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #633f33; /* on met une bordure blanche en haut de chaque élément d'une sous liste */}#menu li ul ul /* Eléments de sous-listes */
/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li		
{	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */}


/* bon de commande */
#bdc
{	line-height : 25px; 
	padding	: 0; 
	background-image:url('images/bureau-stock_img-menu-fond2.jpg');
	background-repeat: no-repeat;
	color : #FFFFFF; 
	text-align : center }
#bdc a
{	display	: block; 
	text-decoration : none;
	color : #FFFFFF; }
#bdc a:hover
{	background-image:url('images/bureau-stock_img-menu-fond4.jpg');
	background-repeat: no-repeat}


/* produit */
.produit-header
{	background-image:url('images/bureau-stock_img-produit1.jpg');
	background-repeat: no-repeat;
	padding-left:70px;
	height:45px;
	padding-top:10px
}
.produit-header-titre1
{	font-size: 14px;
	color: #d39c43;
	font-weight: bold;
	line-height:22px;}
.produit-header-titre2
{	font-size: 22px;
	color: #633f33;
	font-weight: bold;
	line-height:22px;}
	
.produit-position
{	padding-left:20px;
	line-height:23px;
	vertical-align: bottom;
	background-image: url('images/bureau-stock_img-produit-a1.jpg');}
.produit-position a
{	font-size: 10px;
	color: #d39c43;
	font-weight: bold;
	line-height:23px;}
.produit-position a:hover
{	color: #633f33;}

.produit-article
{	background-image: url('images/bureau-stock_img-produit-a1.jpg');
	width:606px;
	height:100%}
.produit-article-description
{	background-image: url('images/bureau-stock_img-produit-a4.jpg');
	background-repeat:no-repeat;
	height:100%;
	width:304px;
	line-height: 12.5px;
	padding-top:30px;
	padding-bottom:20px;
	padding-right:15px;
	padding-left:10px}
	
.produit-article-description-titre1
{	font-size: 18px;
	line-height:20px;}
.produit-article-description-titre2
{	font-size: 12px;
	line-height:14px;}
.produit-article-description-titre3
{	font-size: 14px;
	line-height:16px;
	font-weight: bold;}

#service
{	background-image: url('images/bureau-stock_img-produit-a1.jpg');
}
.service-colonne
{	padding:15px;}

.service-colonne-image
{	width:120px;
	vertical-align:middle;
	padding-left:20px;
	text-align: center;
}
.service-colonne-image2
{	width:180px;
	vertical-align:middle;
	padding-left:20px;
	padding-right:50px;
	text-align: center;
}	
	
.service-colonne2
{	width:606px;
	text-align: left;}
	
.service-colonne2 ul
{	padding:15px;
padding-left:15px;
	}

	
.produit-footer
{	background-image:url('images/bureau-stock_img-produit4.jpg');
	background-repeat: no-repeat}



#r-contact
{
	margin:auto;
	width:180px;
	height:243px;
}

#r-livraison
{
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	margin-right: 0px;
	border:0px;
}


#blog
{
	padding:10px; font-weight : normal;
	color: #FFFFFF;
	background-color: #B39F8D;
	margin-top:20px;
	vertical-align:top;
	background-image:url('images/bureau-stock_img-blog.jpg');
	background-repeat: repeat-x;
	background-position-y:50%

}



#blog h3
{
	line-height:20px;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #633f33;
}
#blog a
{	color: #633f33;
}

#blog a:hover
{	color: #c71f2d;
}

#footer
{	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size: 12px;
	line-height:18px;
	height:50px;
	color: #633f33;
	text-align:center;
	vertical-align:middle;
	margin:auto;
	margin-top:20px;
	}
	
#partenaire
{	font-size: 9px;
	line-height:13px;
	height:80px;
	color: #e7e9e7;
	text-align:center;
	margin-top:20px;
	background-color:#633f33;
	padding:5px;
}
#partenaire a
{	text-decoration:none;}
#partenaire a:hover
{	color: #cac330;
	font-weight:normal;}