body {
	color: #FFFFFF;
	background-color:#e7e1cf;
	font-family:"Times New Roman", Times, serif;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	margin:0px; 
	padding:0px;
}

#global {/* necessaire pour centrer le site */
     margin-left: auto;
     margin-right: auto;
     width: 769px;/* obligatoire */
     text-align: left;
}

a:link, a:visited {
	color: #FFCC00;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
	color: #ea663b;
	outline: #ea663b solid 1px;
}

#titre_dessus {
	background-image:url(../images/titre_dessus.gif);
	height:11px;
	width:769px;
	overflow:hidden;	
}

#titre {
	background-image:url(../images/titre.gif);
	height:68px;
	width:769px;	
}

#titre_droite {
	background-image:url(../images/titre_droite1.gif);
	height:51px;
	width:26px;
	float:left;
	overflow:hidden;
}

#titre_droite:hover {
	background-image:url(../images/titre_droite2.gif);
}

#titre_gauche {
	background-image:url(../images/titre_gauche1.gif);
	height:51px;
	width:26px;
	float:left;
	overflow:hidden;

}

#titre_gauche:hover {
	background-image:url(../images/titre_gauche2.gif);
}


.titre {	
	font-size: 44px;
	color:#c83c21;
	font-style:italic;
	text-align:center;
}


.sous_titre {
	color: #FFCC00;
	font-size: 22px;
	clear:both;
	margin: 0 0 0 50px;
}

.text{
	text-align:justify;
}

.image{
	margin: 0 0 0 0;
	border:3px double #009900;
}

.legende,.legende2{	
	text-align:center;
	color:#ea663d;
	font-style:italic;
	clear:both;
	padding: 5px 0 10px 0;
}
.legende2{	
	margin: 5px 0 0 0;
}

#menu2 {
	float:left;
	color:#000000;
	text-decoration:none;
	height:125px;
	background-color: #000000;
	background-image:url(../images/logo.jpg);
	background-position:top;
	width:769px;

}

#corps{	
	float:left;
	clear:both;
	width:769px;
	background-color: #000000;
	background-image:url(../images/ombre.gif);
}

#contenu{
	float:right;
	position:relative;
	right:19px;
	width:563px;

}

#pied{	
	float:left;
	clear:both;
	width:769px;
	background-color: #000000;
	background-image:url(../images/ombre.gif);
	padding:6px 0 6px 0;
}

.arrondi_haut {
	overflow:hidden; /* bug ie */
	float:left;
	height:22px;
	background-image:url(../images/haut.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:769px;
}

.arrondi_bas {
	overflow:hidden; /* bug ie */
	float:left;
	height:13px;
	background-image:url(../images/bas.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:769px;
}

.chapeau {
	overflow:hidden; /* bug ie */
	float:left;
	height:27px;
	background-image:url(../images/chapeau.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:769px;
}

#pub_haut{
	float:left;
	clear:both;
	width:769px;
	background-color: #000000;
	background-image:url(../images/ombre.gif);
}

#pub_gauche{
	float:right;
	width:160px;
}

#aleatoire{
	background:url(images/aleatoire/fond.gif);
	background-repeat:no-repeat;
	float:right;
	width:160px;
	height:195px;
	position:relative;
	top:10px;
}

#pub_bas{
	overflow:hidden;
	height:115px;
	clear:both;
	padding-left:16px;
	position:relative;
	top:25px;
}


#map {
	float:left; 
	font-size:18px;
	height:30px;
	padding-top:10px;
}

.galerie{
	border:3px double #009900;
	width: 166px;
}

.galerie:hover{
	border:3px solid #ea663b;
	padding:0;
	outline:none;
}

.galerie_bord {
	float:left;
	width:182px;
}

.galerie_milieu {
	float:left;
	border-right:2px dashed #FFCC33;
	border-left:2px dashed #FFCC33;
	width:182px;
}

.galerie_par3 {
	float:left;
	border-bottom:2px dashed #FFCC33;
}


#bouton{
	clear:both;
	text-align:center;
	margin:20px 0 20px 0;
}
.bouton{
	border: 1px solid gray;
}

.bouton:hover{
	outline:none;
	border: 1px solid ea663b;
}


/*    Auteur: Patrick Perron                                                                */
/*    Site web: Nubium Graphik - http://www.nubiumgraphik.com                               */
/*    Version: 1.03                                                                         */
/*    Compatible: Explorer, Firefox, Opera, Netscape 7+, Safari, Konqueror et +             */

/*    Avantage: Ultra léger, facilement modifiable, permet le PNG transparent, 
      permet des effet hover sans javascript (seulement dans Explorer), 
		sémantique excellente et optimisé SEO (Search engine optimisation)                    */
		
/*    Merci de bien vouloir faire un liens vers Nubium Graphik si vous utilisez ce menu     */
/*    Pour toute question, veuillez utiliser le Forum de Nubium Graphik, Merci !            */	


#menu {
	position: relative;
	left: 81px;
	top:1px;
}

/* On enlève les puces, le padding et le margin */
#menu ul {
	padding: 0px; 
	margin: 0px; 
	list-style-type:none; /* Cette ligne enlève les puces */
}

/* Dimension des boutons, couleur de background, disposition initiale sur une ligne 
   NOTE: affecte la class "drop" */
li.drop {
	display: block; 
	position:relative;
	width: 120px; /* Largeur visible du bouton */
	height: 18px; 
	overflow:hidden; /* Permet de cacher la partie débordante de l'image  */
	float:left;
}

/* L'effet hover affiche la hauteur automatiquement par rapport au nombre de LI
   NOTE: affecte la class "drop" */
li.drop:hover {
	height:auto;
	outline:none;
}

/* Permet de corriger les espaces entre chaque LI dans EXPLORER
   NOTE: affecte le dernier niveau des boutons */
*html #menu ul li ul li { float:left; }

/* On met nos liens du menu en block et donne un style au texte des boutons */
#menu a {
	display:block;
	width:120px; /* Largeur visible du bouton */
	height: 18px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

/* effet hover des liens */
#menu a:hover {
	outline:none;
}

/* Permet d'insérer un background VIA le FIX PNG */
#menu span {
	display: block;
	position: relative;
	width: 240px; /* 2x la largeur visible du bouton */
	height: 18px; /* Soustrayez le "padding-top" de la hauteur initiale de votre bouton  */
	padding-left: 2px; /* Cette ligne permet de positionner le texte de votre bouton sur l'horizontal */
	padding-top: 3px; /* Cette ligne permet de positionner le texte de votre bouton sur le vertical */
	background-repeat:no-repeat; 
	cursor:pointer;
	/* background-image:url(menuBouton.png); CETTE LIGNE EST ÉCRITE DANS LE FICHIER "ALPHACSS.PHP" */
	/* le background sera générer dynamiquement dépendant du navigateur */
}

/* On décale la tag SPAN de 100 px vers la gauche - pour ne pas perdre le texte dans la zone
   hidden on lui met un padding-left de 105px */
#menu a:hover span { 
	left: -120px;
	padding-left: 122px;
	outline:none;
}