﻿@charset "utf-8";
/* CSS Document ACELI 2015 */

/* ref creation
.menu_top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menu_top li {
	float: right;
}

.menu_top a:link, a:visited  {
	text-align: center;
	text-decoration: none;
	text-transform: none;
	border: 1px solid #d0d0d0;
	color: #000;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	display: block;
}

.menu_top a:hover, a:active  {
	background-color: #f1f1f1;
} */

/*++++++++++++++++++++++++++++++++++++++++++++*/
#menu {
/*height:30px;   */            /* hauteur de la barre de menu */
width:680px;               /* largeur du menu en tenant compte des marges */
/*background-color:#FFCC33; */ /* couleur d'arrière-plan pour tout le menu */
/*margin:-25px 0 0 0;      */  /* largeur de marge définie dans l'ordre : haut, droite, bas, gauche */
/*padding:0 0 0 10px;*/        /* marges intérieures */
/*font-family:arial;         /* police de caractère arial */
/*font-weight:bold;          /* caractères gras */
}


#menu ul {                 /* liste des rubriques visibles par défaut */
margin:0;                  /* annulation de toute marge externe */
padding:0;                 /* annulation de toute marge interne */
list-style-type:none;      /* mise à l'horizontale des éléments de la liste */
/*text-align:center;   */      /* alignement au centre des éléments de la liste */
}


#menu li {                 /* style pour les élements de la liste principale */
float:right;                /* mise à l'horizontale */
margin:auto;               /* centrage de l'élément de liste */
padding:0;                 /* annulation de toute marge interne */
margin-left: 10px;
/*background-color:#FFCC33;  *//* couleur orange d'arrière-plan */
/*line-height:20px;  */        /* hauteur de l'élément de liste */
}


#menu li a {               /* lien présent dans la liste principale */
display:block;             /* détection du lien sur toute la surface */
/*width:150px;  */             /* largeur de la surface de clic */
/*color:#000000; */            /* couleur noire du texte */
text-decoration:none;      /* suppression du soulignement sous le lien */
/*padding:5px;     */          /* marge interne autour du lien */
/*border-right:dotted 1px #eeeeee; *//* ajout d'un trait de séparation à droite de chaque item */
	text-align: center;
	text-decoration: none;
	text-transform: none;
	border: 1px solid #d0d0d0;
	color: #000;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#menu li a:hover {         /* survol du lien de la première liste */
background-color: #f1f1f1
}


#menu ul li ul {           /* sous-liste */
display:none;              /* cachée par défaut */
}


#menu ul li:hover ul {     /* affichage de la sous-liste quand on passe la souris sur la liste principale */
	display: block;             /* attention : ne marche pas sous IE sans le bout de code mis au début de menu.php */
	text-decoration: none;
	text-transform: none;
}


#menu li:hover ul li {     /* correction nécessaire pour IE */
float:none;
}


#menu li ul li{            /* trait de séparation sous chaque item du menu déroulant */
background:rgba(255,255,255,0.5);  /* avec transparence 50%*/
}


#menu li ul li a:hover {   /* changement de couleur du menu déroulant lors du survol de chaque item */
	background-color: #f1f1f1;
color:#000000;
}
