@charset "UTF-8";
/* CSS Document */

body
	{
	margin:Opx;
	padding:Opx;
	margin-top:20px;
	background-image:url(IMG/fond.jpg);
	background-repeat:repeat-x;
	background-color:#ABC5D6;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
h2
	{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
a 
	{
	color:#0033CC;
	text-decoration:none;
	}
a:hover 
	{
	color:#0033CC;
	text-decoration:underline;
	}
#colonne-centrale-rub ul
	{
	padding-left:20px;
	list-style-position:outside;
	}
#colonne-centrale-rub li
	{
	list-style-type: square; 
	}
img
	{
	border:0;
	}
	
#page
	{
	width:850px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}
#banniere
	{
	width:850px;
	height:230px;
	background-image:url(IMG/banniere.jpg);
	background-repeat:no-repeat;
	}
#menu
	{
	width:850px;
	height:auto;
	padding-top:198px;
	}
#contenu
	{
	width:850px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	}
#colonne-gauche
	{
	width:180px;
	height:auto;
	padding-left:20px;
	float:left;
	}
#colonne-centrale
	{
	width:410px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-right:20px;
	}
#colonne-centrale-rub
	{
	width:500px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-right:20px;
	}
#colonne-droite
	{
	width:169px;
	height:auto;
	float:left;
	padding-right:20px;
	padding-left:10px;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	
	}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#sous-menu {
position: relative; /* placement du menu, à modifier selon vos besoins */

}
#sous-menu {
width: 180px;;
}
#sous-menu dt {
cursor:default;
}
#footer
	{
	
	width:850px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	color:#000000;
	clear:both;
	}
#footer a
	{
	color:#333333;
	font-weight:normal;
	}
#footer a:active
	{
	color:#333333;
	font-weight:normal;
	}
#footer a:hover
	{
	color:#333333;
	font-weight:normal;
	}
.sous-menu-rub
	{
	width:180px;
	height:23px;
	padding-top:5px;
	background-image:url(IMG/fond-sous-menu.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align: center;
	}
.sous-menu-rub a
	{
	color:#FFFFFF;
	text-decoration:none;
	margin-top:1px;
	}
.sous-menu-haut
	{
	width:180px;
	height:5px;
	background-image:url(IMG/sous-menu-haut.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	}
.sous-menu-bas
	{
	width:180px;
	height:7px;
	background-image:url(IMG/sous-menu-bas.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	}
.sous-menu-bas
	{
	width:180px;
	height:7px;
	margin-bottom:3px;
	background-image:url(IMG/sous-menu-bas.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	}
.sous-menu-liste {
text-align: center;
padding-top:2px;
padding-bottom:2px;
width:180px;
	height:auto;
	background-image:url(IMG/sous-menu-centre.jpg);
	background-repeat:repeat-y;
	text-decoration:none;
	color:#000000;
}
.sous-menu-liste li a  {
color: #000;
text-decoration: none;
display: block;
}
.texte-gauche
	{
	width:180px;
	height:auto;
	padding-top:20px;
	}
.produit
	{
	width:500px;
	height:auto;
	background-image:url(IMG/fond-titre-rub.jpg);
	background-position:bottom;
	padding-bottom:35px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	
	}
.nouveau
	{
	width:169px;
	height:auto;
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	margin-top:10px;
	padding-top:10px;
	}
.description
	{
	width:500px;
	height:auto;
	
	}
.texte-droite
	{
	width:100%;
	height:auto;
	}
.titre-actu
	{
	width:400px;
	height:auto;
	background-image:url(IMG/fond-titre.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	padding-top:0px;
	padding-bottom:10px;
	}
.titre-interieur
	{
	width:500px;
	height:auto;
	background-image:url(IMG/fond-titre-rub.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	
	}
.titre-interieur-sous
	{
	width:480px;
	height:auto;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	
	}
.titre
	{
	font-size:14px;
	font-weight:bold;
	}
.titre2
	{
	font-size:14px;
	}
.titre3
	{
	font-size:12px;
	font-weight:bold;
	}
.surbrillance
	{
	font-size:12px;
	color:#0033CC;
	font-weight:bold;
	}
.mention
	{
	font-size:11px;
	}
.sous-titre
	{
	font-size:12px;
	color:#000000;
	}
.spacer
	{
	width:100%;
	height:0.1px;
	font-size:1px;
	clear:both;
	}
	#footer a
	{
	color:#333333;
	font-weight:normal;
	}
#footer a:active
	{
	color:#333333;
	font-weight:normal;
	}
#footer a:hover
	{
	color:#333333;
	font-weight:normal;
	}
	.form-text
	{
	width:150px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.form-area
	{
	width:220px;
	height:150px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
.mention
	{
	font-size:11px;
	font-style:italic;
	color:#333333;
	padding-top:10px;
	}