/***** 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 {
	background: url("../../matos/fonds/cotes_vaches.jpg") #666666;
	font-size:12px;
	font-weight:bold;
	border:2px solid #CCCC99;
	color:black;
	width:150px;
	padding:1px;
	margin:1em;

}
.menu {
	text-align:center;
	background: #666666  url("../../matos/fonds/cotes_vaches.jpg");
	border: #;

}
.ssmenu {
	border: #;

/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
}
.menu span, .ssmenu span {
	display:none;
}

.ssmenu ul, .ssmenu li {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .menu a:visited {
	font-family:"MS Sans Serif", arial, sans-serif, Verdana;
	text-decoration:none;
	color:#CCCC99;
	padding:2px 1px;
	display:block;
	margin:0px;
	width:100%;
}



 .ssmenu a, .ssmenu a:visited {
	font-family:"MS Sans Serif", arial, sans-serif, Verdana;
	text-decoration:none;
	color:#CCCC99;
	padding:2px 1px;
	display:block;
	margin:0px;
	width:100%;
	voice-family: "\";

}\"";
	voice-family:inherit;
}


html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;

}

.menu a:hover, .menu a:focus {
	background: #666666 url("../../matos/fonds/marron.jpg");
	border:1px solid #CCCC99;
	color:#CCCC99;
	text-decoration:none;
	
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
	background: #666666 url("../../matos/fonds/marron.jpg");
	color:#CCCC99;
	text-decoration:none;
	
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure et largeur des menu et ssmenu.
- l'effet spécial IE pour les ssmenu
- police et couleurs des liens "non survolés" et "survolés".
*/
.entete {
	background: #666666 url("../../matos/fonds/vache2.jpg");
	position: absolute;
	width: 650px;
	text-align: left;
	height: 50px;
	top: 4px;
	left: 120px;
	font-family: Arial, Helvetica, sans-serif;

}
.titre {
	color: #CCCC99;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
}
.menuhaut a{
    text-decoration:none;
    color: #666666;
	
}
.menuhaut a:hover{
	color: #CCCC99;
	background-image: url("../../matos/fonds/marron.jpg");
	background-color: #000066;



}
.menuhaut {
    
	position: absolute;
	width: 650px;
	text-align: center;
	height: 14px;
	top: 55px;
	left: 120px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009933;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #009933;
	font-size: 12px;
    font-family:"MS Sans Serif", arial, sans-serif, Verdana;
	line-height: normal;
	color: #666666;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}
