/* La barre du menu du haut : propriétés générales
-------------------------------------------------------- */

#topmenu {
	FONT-SIZE: 1.1em;
 	BACKGROUND: url(img/menubg.png) #fff repeat-x;
 	COLOR: #6c6c6c;
 	BORDER-BOTTOM: #b9b9b9 1px solid;
	border-top: 1px solid #CCC;
	HEIGHT: 2.2em;   /* Régle la hauteur du menu */
}

/* Le champ de recherche
-------------------------------------------------------- */

#topmenu FORM {
	PADDING-RIGHT: 0px;
 	MARGIN-TOP: 2px; /* Régle le positionnement en hauteur */
 	PADDING-LEFT: 0px;
	FONT-SIZE: 0.75em;
	PADDING-BOTTOM: 0px;
 	PADDING-TOP: 0px;
 	POSITION: absolute;
}

#topmenu TABLE {
	PADDING-RIGHT: 0px;
 	PADDING-LEFT: 0px;
 	PADDING-BOTTOM: 0px;
 	MARGIN: 0px;
	/* WIDTH: 200px;  ancienne valeur : 222px, modifiée à cause du débordement de la section sur le bouton "Acceuil" */
 	PADDING-TOP: 0px; 
	/* FLOAT: right;  AJOUT D'UNE CONFIG PERSO ICI : la supprimer pour mettre le champ recherche par défaut à gauhe */
}

#topmenu TABLE TD {
	PADDING-RIGHT: 3px;
 	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
 	WHITE-SPACE: nowrap;
}

#topmenu FORM SELECT {
	PADDING-RIGHT: 0px! important;
 	PADDING-LEFT: 0px! important; 
	FONT-SIZE: 1em;
 	PADDING-BOTTOM: 0px! important;
 	WIDTH: 100%; 
	PADDING-TOP: 0px! important; 
	POSITION: relative;
}

#topmenu UL {
	PADDING-RIGHT: 0px;
 	DISPLAY: block;
 	PADDING-LEFT: 0px;
 	FONT-SIZE: 1em;
 	PADDING-BOTTOM: 0px;
 	MARGIN: 0px;
 	PADDING-TOP: 3px; /* Régle le positionnement en hauteur */
}

#topmenu LI {
	PADDING-RIGHT: 0px;
 	DISPLAY: block;
 	PADDING-LEFT: 0px;
 	FONT-SIZE: 1em; 
	PADDING-BOTTOM: 0px;
 	MARGIN: 0px;
 	LINE-HEIGHT: 1.3em;
 	PADDING-TOP: 0px;
 	LIST-STYLE-TYPE: none;
 	HEIGHT: 1.85em;
}

#topmenu LI UL {
	FONT-SIZE: 1em;
}

#topmenu UL UL LI {
	FONT-SIZE: 1em;
}

/* Le menu déroulant
-------------------------------------------------------- */

#topmenu UL.menu {
	FONT-SIZE: 0.75em;
	HEIGHT: 2.6em;
}

#topmenu UL.menu LI {
	FLOAT: Right; /* Right pour mettre le menu à droite */
	HEIGHT: 100%;
}

#topmenu UL.menu A {
	PADDING-RIGHT: 15px;
 	DISPLAY: block;
 	PADDING-LEFT: 16.2px;						   /* ANCIENNE VALEURE 18px - MODIFIÉ LE 07.11.2007 */
 	/* BACKGROUND: url(img/divider.png) no-repeat 0% 50%; */ /* DESACTIVATION CF INFRA LE 07.11.2007 */
 	PADDING-BOTTOM: 0.6em;
 	COLOR: #6c6c6c;
 	PADDING-TOP: 0.7em;
 	TEXT-DECORATION: none;  
	CURSOR : POINTER; 			/* AJOUT D'UNE CONFIG PERSO ICI pour curseur en forme de main */
}

#topmenu UL.menu A:hover {
	COLOR: #663399; 			
	background-color: white; 	/* BOUTTON "ACCUEIL" */ /* AJOUT D'UNE CONFIG PERSO ICI */ 
}

#topmenu UL.menu A.active {
	COLOR: #663399;
	background-color: white; 	/* AJOUT D'UNE CONFIG PERSO ICI */
}

#topmenu UL.menu UL {
	BORDER-RIGHT: #d5dff3 1px solid; /* ANCIENNE VALEUR #8f8f8f */
 	PADDING-RIGHT: 0px;
 	BORDER-TOP: #b9b9b9 1px solid;
 	DISPLAY: none;
 	PADDING-LEFT: 0px;
 	Z-INDEX: 100;
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#356699CC);
 	BACKGROUND: url(img/leftmenubg.png) #f2f2f2 repeat-x;
 	FLOAT: none;
 	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
 	BORDER-LEFT: #d5dff3 1px solid;	/* ANCIENNE VALEUR #8f8f8f */
 	PADDING-TOP: 6px;
 	BORDER-BOTTOM: #d5dff3 1px solid;	/* ANCIENNE VALEUR #8f8f8f */
 	POSITION: absolute; 
	/* FILTER: alpha(opacity=90);	*/ /* AJOUT D'UNE CONFIG PERSO ICI pour menu transparent */
						   /* Désactivation le 23/10/2007 pour les dégradés */
}

#topmenu UL.menu UL LI {
	/* BORDER-TOP: #E3E3E3 1px solid; */ /*AJOUT D'UNE CONFIG PERSO ICI */
	PADDING-RIGHT: 0px;
 	PADDING-LEFT: 0px;
 	FLOAT: none;
 	PADDING-BOTTOM: 0px;
 	MARGIN: Opx;
 	WIDTH: 150px; /* ancienne valeur : 100px */ /* MODIF ICI POUR LA COMPATIBILITÉ DU MENU AVEC FIREFOX ET IE 7 */
 	PADDING-TOP: 0px;
	/* WHITE-SPACE: nowrap; */ /* Empêche le passage à la ligne */ /* MODIF ICI POUR LA COMPATIBILITÉ DU MENU AVEC FIREFOX ET IE 7 */
 	min-width: 100px;
}

#topmenu UL.menu LI.rss A.active { 	/* AJOUT D'UNE CONFIG PERSO ICI */
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55FF6033);
	width: 22px;
	background-color: #FF9933;
	COLOR: #FFFFFF;
	/* font-weight : bold; */  	/* PERMET DE METTRE EN GRAS */
}

#topmenu UL.menu LI.rss A:hover {	/* AJOUT D'UNE CONFIG PERSO ICI LE 01.05.2007 */
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55FF6033);
	background-color: #FF9933;
	COLOR: #FFFFFF;		
}

#topmenu UL.menu UL A {
	PADDING-RIGHT: 10px;
 	DISPLAY: block;
 	PADDING-LEFT: 10px;
 	BACKGROUND: none transparent scroll repeat 0% 0%;
 	PADDING-BOTTOM: 3px;
 	MARGIN: 0;
 	WIDTH: 84%; /* ancienne valeur : 100% */ /* MODIF ICI POUR LA COMPATIBILITÉ DU MENU AVEC FIREFOX ET IE 7 */
 	PADDING-TOP: 3px; 
}

#topmenu UL.menu UL LI A { 			/* AJOUT D'UNE CONFIG PERSO ICI */
	BACKGROUND: url(img/square.png) no-repeat 5px 60%;
	padding-left: 2.8ex; 	
}

#topmenu UL.menu UL LI A:hover {
	background-color: white;		/* AJOUT D'UNE CONFIG PERSO ICI */
}

/* AJOUT ICI DES COULEURS DU MENU DÉROULANT LE 01.05.2007
-------------------------------------------------------- */

#topmenu UL.menu LI.surjurizine A.active {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55AA3300);
	width: 64px;
	background-color: #E45E50;
	COLOR: #FFFFFF; 
}

#topmenu UL.menu LI.surjurizine A:hover {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55AA3300);
	background-color: #E45E50;
	COLOR: #FFFFFF;		
}

#topmenu UL.menu LI.contacts A.active {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55500060);
	width: 48px;
	background-color: #FFE700;
	COLOR: #FFFFFF;
}

#topmenu UL.menu LI.contacts A:hover {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55500060);
	background-color: #FFE700;
	COLOR: #FFFFFF;		
}

#topmenu UL.menu LI.rubriques A.active {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55500060);
	width: 56px;
	background-color: #BB84B5;
	COLOR: #FFFFFF;
}

#topmenu UL.menu LI.rubriques A:hover {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55500060);
	background-color: #BB84B5;
	COLOR: #FFFFFF;		
}

#topmenu UL.menu LI.articlesrecents A.active {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55006000);
	width: 83px;
	background-color: #7BC339;
	COLOR: #FFFFFF;
}

#topmenu UL.menu LI.articlesrecents A:hover {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55006000);
	background-color: #7BC339;
	COLOR: #FFFFFF;		
}

#topmenu UL.menu LI.accueil A:hover {
	Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#55500060);
	width: 37px;
	background-color: #6699CC;
	COLOR: #FFFFFF;
}

/* ADAPATION DES DIVIDER POUR ALLEGER L'AFFICHAGE DES IMAGES DE FOND DU MENU LE 07.11.2007
-------------------------------------------------------- */

#topmenu UL.menu LI.divider {
	BACKGROUND: url(img/divider.png) no-repeat 0% 50%;
	FONT-SIZE: 0.1px;
	width: 2px;
}