/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding:0px;
	/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;

	
}


/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */

.menu {
	color:#FFFFFF;
	text-align: center;
	height:35px;
}

.ssmenu {
	background: #666666 url(../images/fond_menu_haut_def.png) repeat;

	}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li{
	margin:0;
	list-style-type:none;
	
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.ssmenu li{
border-bottom: 1px solid #CDCDCC;
}
.menu a {
	/* Les liens qui ne sont pas sous le curseur. */
	color:#FFFFFF;
	text-decoration:none;
	/* Ne pas modifier le block */
	display:block;
	width:100%;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 6px;
}
.menu a:hover {
	background: url(../images/rollover_navprincipale.png) repeat-x;
}


.ssmenu a{
	color:#FFFFFF;
	text-decoration:none;
	/* Ne pas modifier le block */
	display:block;
	width:auto;
	margin: 0px;
	border-bottom: thin solid #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
}



/*html>body .menu a, html>body .menu a:hover, html>body .ssmenu a,  html>body .ssmenu a:hover {

	text-decoration:none;
}*/

.ssmenu ul:hover, .menu a:hover {
	margin:0px;
	width:100%;
}

/**.menu a:hover {
	background: url(../images/rollover_navprincipale.png) repeat-x;
	padding-bottom: 5px;
	height: 25px;
}
**/
.ssmenu a:hover {
	background: url(../images/fond_menu_hover.gif) no-repeat;
}
.sstitre_produit {
	font-size: 1.3em;
	color: #666666;
	font-weight: bold;
}