#page {
	padding: 0px;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#bando {
	margin: 0px;
	padding: 0px;
	height: 601px;
	width: 955px;
}
#menu {
	margin: 0px;
	padding: 0px;
	width: 955px;
}
/*--------début du menu de premier niveau--------*/

#menu                         /*-----pour le menu horizontal-------*/
{
	width:700px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0 auto;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             /*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	border: 0;	
	}
#menu > li                   /*------uniquement pour la liste de premier niveau-------*/
{
	float: left;           /*------permet de mettre les items <li> horizontalement------*/
	width: 105
	px;          /*------je donne une largeur à mes cellules-------*/
	margin: 5px;           /*------j'espace mes cellules de 5px-------*/
	padding: 0;
	border: 0;
}
#menu li a                   /*------pour les liens de premier niveau-------*/
{
	display: block;        /*------pour mettre mes liens en block------*/
	color: #FFFFFF;         /*------donne une couleur à la police------*/
      background-color: rgb(0, 0, 0);           /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
	background-color: rgba(0, 0, 0, 0.5);     /*------fond transparent reconnus par les bons éléves-----*/
	margin: 0;                                /*------mettre tout le monde d'accord--------*/
	padding: 4px 8px;                         /*-----marge interne----*/
	border:1px solid #FFFFFF;                 /*-----une bordure extérieur-------*/
	text-decoration: none;                    /*-----pas de décoration pour mes liens-----*/

}


#menu li a:hover {                         /*-------une couleur de fond au survol sur mes liens-------*/
      background-color: rgb(175, 214, 1);
      background-color: rgba(175, 214, 1, 0.5);
}

/*---------------fin du menu de premier niveau-------------*/

/*---------------début du menu déroulant-------------------*/


#menu .menuderoulant       /*----pour mon menu déroulant-------*/
{
	display: none;          /*------pour le faire disparaitre------*/
	list-style-type: none;  /*-------pas de puce-------*/
	margin: 0;              /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
	padding: 0;
	border: 0;
}
#menu .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;                /*----------je donne une largeur à mes cellules de sous menu----------*/
      border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
	border-right: 1px solid transparent;
}
#menu .menuderoulant li a         /*---------pour mes liens du menu deroulant---------*/
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;       
      background-color:rgb(0, 0, 0);
      background-color:rgba(0,0,0,0.5);

}
#menu .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
	background-color: rgb(18, 89, 239);
      background-color: rgba(18, 89, 239, 0.8);

}

#menu .menuderoulant li a:visited {         /*---------pour permmetre au visiteur de savoir sur les liens qu'il a déjà visité--------*/
      background-color:rgb(227, 22, 30);
      background-color:rgba(227, 22, 30, 0.5);
}



#menu li:hover > .menuderoulant { display: block; }    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/ 
#centre {
	float: left;
	width: 915px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 12px;
	color: #FFF;
	text-align: justify;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}#pied {
	width: 955px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	clear: both;
	font-size: 14px;
	text-align: center;
	background-color: #CCC;
}
#pied ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#pied li {
	text-align: center;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#pied li a {
	color: #666;
	padding: 2px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#pied li a:hover {
	color: #609;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(images/Fond_abtrait.jpg);
	background-repeat: repeat-x;
}