/* CSS Document */

/*Banderole******************************************************************************************/

div#banderole
{
	height:100px ;
	width:800px ;
	background-color:#FFFFFF ;
}

/*Barre de menu**************************************************************************************/
div #menu 
{
	width:800px ;
	background-color:#FFFFFF ;
}
ul#menu 
{ 
	/*Liste occupe tjs tte la largeur du calque*/
	width:100% ;
	/*Barre de menu "collée" à gauche*/
	float: left ;
	/*Padding = marge intérieure = décalage / Margin = marge extérieure de la liste*/
	/*Mise à 0 car marge automatique dans les listes*/
	margin-left:0px ;
	padding-left:0px ;
	/*Couleur sur toute la largeur du calque*/
	background-color:#999999 ;
	/*Position éléments menu à gauche*/
	text-align:left ;
}

ul#menu li 
{ 
	list-style-type:none ; 
	/*Liste verticale*/ 
	display:inline ; 
}

ul#menu li a
{
	/*Ajuster avec le survol (sinon ombre < bouton)*/
	float:left ;
	/*Bouton + large que le texte*/
	padding:0.2em 0.8em ;
	/* Propriétés du bouton*/
	font-family:arial, helvetica, sans-serif ;
	font-size: 14px;
	text-decoration: none;
	color:#FFFFFF ;
	background-color:#999999 ;
	border-right:1.5px solid #FFFFFF ;
}

ul#menu li a:hover, a:active
{
	color:#FFFFFF ;
	background-color:#666666 ;
}

ul#sousMenu 
{ 
	/*bloc caché*/
	display:none ;
}

ul#menu li:hover ul#sousMenu
{
	display:block ;
	/* Position en dessous du menu principal*/
	clear:both ;
	float:left ; 
	position:relative ;
	font-size:9pt ;
	/*Padding = marge intérieure = décalage / Margin = marge extérieure de la liste*/
	/*Mise à 0 car marge automatique dans les listes*/
	margin-left:0px ;
	padding-left:0px ;
}

ul#menu li:hover ul#sousMenu li a
{
	border:none ;
}

/*Contenu********************************************************************************************/

div#contenu
{
	/*Positionner sous le menu*/
	clear:both ;
	height:400px ;
	width:800px ;
	background-color:#FFFFFF ;
}