.navigation h3 /* Tous les titres de menus */
{   
	width: 1OO%; /* Largeur du bloc */
	height: 20px; /* Hauteur du bloc */
	background-color:#cc0000; /* Couleur de fond */
	background-image:url("Image1b.png"); /* Image de fond */
	background-repeat: x-repeat; /* Pour éviter que l'image ne se répète */
	margin:0px;
	padding:0px;
	text-indent:10px;
	color:white;
	font-weight:normal;
	line-height:20px;
}

.navigation dl,.navigation dt,.navigation dd,.navigation ul,.navigation li {
margin: 0;
padding: 0;
list-style-type: none;
background-image:url("Image2.png");
background-repeat: repeat-x;
}


.navigation dt {
cursor: pointer;
width:100%;
height: 20px;
line-height: 20px;
margin: 0px 0;
border-top: 1px solid white;
text-indent:10px;
}

.navigation dd {
display:none;
position: absolute;
z-index: 2;
margin-left: 12em;
margin-top: -1.4em;
width: 16em;
border: 1px solid black;
}

.navigation ul {
padding: 0px;
width:100%;
}

.navigation li {
font-size: 85%;
height: 18px;
line-height: 18px;
text-indent:10px;
border-bottom:1px solid black;
}
.navigation li a, .navigation dt a {
color: #000;
text-decoration: none;
display: block;
}

.navigation h3 a{
color: #FFFFFF;
text-decoration: none;
display: block;
}

.navigation li a:hover {
text-decoration: underline;
}

.navigation a /* Tous les liens se trouvant dans un menu */
{
	display:block;
	width:94%;
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	color: #000000;
	text-decoration: none;
	/border-left:7px solide transparent;
}

html>body .navigation a /* Tous les liens se trouvant dans un menu */
{
	display:block;
	width:100%;
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	color: #000000;
	text-decoration: none;
	border-left:7px solid transparent;
}

.navigation a:hover /* Quand on pointe sur un lien du menu */
{
	width:94%;
	height:100%;
	display:block;
	border-left: 7px solid #af0102;
}

.merchandising
{
	width: 1OO%; /* Très important : donner une taille au menu */
	margin-top:2px;
	background-color:#FFFFFF; /* Couleur de fond */
	/*background-image:url("merchandising.jpg"); /* Image de fond */
	background-repeat: no-repeat; /* Pour éviter que l'image ne se répète */
	background-position:center;
}

.sauf
{
	width: 163px; /* Très important : donner une taille au menu */
}

#connexion_titre
{
	width: 1OO%; /* Largeur du bloc */
	height: 20px; /* Hauteur du bloc */
	background-color:#cc0000; /* Couleur de fond */
	background-image:url("Image1b.png"); /* Image de fond */
	background-repeat: x-repeat; /* Pour éviter que l'image ne se répète */
	margin:0px;
	padding:0px;
	text-indent:10px;
	color:white;
	font-weight:normal;
	line-height:20px;
}

#connexion
{
	width:100%;
	height:80px;
	background-color:#dddddd; /* Couleur de fond */
	margin:0px;
	padding:0px;
	color:#000000;
}

html>body #connexion
{
	width:100%;
	height:100px;
	background-color:#dddddd; /* Couleur de fond */
	margin:0px;
	padding:0px;
	color:#000000;
}

#connexion a
{
	text-decoration:none;
	color:#000000;
}

#connexion a:hover
{
	text-decoration:underline;
	color:#000000;
}