#menu
{
  width: 150px; /* Très important : donner une taille au menu */
  height: 400px; 
  float: left;
  margin-left: -250px;
  position: absolute;
}

#menu a
{
  width: 150px; /* Très important : donner une taille au menu */
  float: left;
  color: black;
  position: absolute;
}

a
{
color: white;
}

a:visited
{
color: white;
}

a.lien-1_en, a.lien-1:link
{
	background: url("../images/menu_front/Reception_gold.png");
}

a.lien-1_en:hover, a.lien-1_en:active,  a.lien-1_en:focus
{
	background: url("../images/menu_front/Reception_white.png");
	text-decoration: none;
	color:black
}

a.lien-2_en, a.lien-2_en:link
{
	background: url("../images/menu_front/Buy_gold.png");
}

a.lien-2_en:hover, a.lien-2_en:active,  a.lien-2_en:focus
{
	background: url("../images/menu_front/Buy_white.png");
	text-decoration: none;
	color:black
}

a.lien-3_en, a.lien-3_en:link
{
	background: url("../images/menu_front/Rent_gold.png");
}

a.lien-3_en:hover, a.lien-3_en:active,  a.lien-3_en:focus
{
	background: url("../images/menu_front/Rent_white.png");
	text-decoration: none;
	color:black
}

a.lien-4_en, a.lien-4_en:link
{
	background: url("../images/menu_front/Sale_gold.png");
}

a.lien-4_en:hover, a.lien-4_en:active,  a.lien-4_en:focus
{
	background: url("../images/menu_front/Sale_white.png");
	text-decoration: none;
	color:black
}

a.lien-5_en, a.lien-5_en:link
{
	background: url("../images/menu_front/Agency_gold.png");
}

a.lien-5_en:hover, a.lien-5_en:active,  a.lien-5_en:focus
{
	background: url("../images/menu_front/Agency_white.png");
	text-decoration: none;
	color:black
}

a.lien-6_en, a.lien-6_en:link
{
	background: url("../images/menu_front/Contact_gold.png");
}

a.lien-6_en:hover, a.lien-6_en:active,  a.lien-6_en:focus
{
	background: url("../images/menu_front/Contact_white.png");
	text-decoration: none;
	color:black
}

a.lien-1, a.lien-1:link
{
	background: url("../images/menu_front/Accueil_gold.png");
}

a.lien-1:hover, a.lien-1:active,  a.lien-1:focus
{
	background: url("../images/menu_front/Accueil_white.png");
	text-decoration: none;
	color:black
}

a.lien-2, a.lien-2:link
{
	background: url("../images/menu_front/Acheter_gold.png");
}

a.lien-2:hover, a.lien-2:active,  a.lien-2:focus
{
	background: url("../images/menu_front/Acheter_white.png");
	text-decoration: none;
	color:black
}

a.lien-3, a.lien-3:link
{
	background: url("../images/menu_front/Louer_gold.png");
}

a.lien-3:hover, a.lien-3:active,  a.lien-3:focus
{
	background: url("../images/menu_front/Louer_white.png");
	text-decoration: none;
	color:black
}

a.lien-4, a.lien-4:link
{
	background: url("../images/menu_front/Vendre_gold.png");
}

a.lien-4:hover, a.lien-4:active,  a.lien-4:focus
{
	background: url("../images/menu_front/Vendre_white.png");
	text-decoration: none;
	color:black
}

a.lien-5, a.lien-5:link
{
	background: url("../images/menu_front/Agence_gold.png");
}

a.lien-5:hover, a.lien-5:active,  a.lien-5:focus
{
	background: url("../images/menu_front/Agence_white.png");
	text-decoration: none;
	color:black
}

a.lien-6, a.lien-6:link
{
	background: url("../images/menu_front/Contact_gold.png");
}

a.lien-6:hover, a.lien-6:active,  a.lien-6:focus
{
	background: url("../images/menu_front/Contact_white.png");
	text-decoration: none;
	color:black
}

a.lien-1_bck, a.lien-1_bck:link
{
	background: url("../images/menu_back/Acquereur_gold.png");
}

a.lien-1_bck:hover, a.lien-1_bck:active,  a.lien-1_bck:focus
{
	background: url("../images/menu_back/Acquereur_white.png");
	text-decoration: none;
	color:black
}

a.lien-2_bck, a.lien-2_bck:link
{
	background: url("../images/menu_back/Proprio_gold.png");
}

a.lien-2_bck:hover, a.lien-2_bck:active,  a.lien-2_bck:focus
{
	background: url("../images/menu_back/Proprio_white.png");
	text-decoration: none;
	color:black
}

a.lien-3_bck, a.lien-3_bck:link
{
	background: url("../images/menu_back/Biens_gold.png");
}

a.lien-3_bck:hover, a.lien-3_bck:active,  a.lien-3_bck:focus
{
	background: url("../images/menu_back/Biens_white.png");
	text-decoration: none;
	color:black
}

a.lien-4_bck, a.lien-4_bck:link
{
	background: url("../images/menu_back/Visites_gold.png");
}

a.lien-4_bck:hover, a.lien-4_bck:active,  a.lien-4_bck:focus
{
	background: url("../images/menu_back/Visites_white.png");
	text-decoration: none;
	color:black
}

a.lien-5_bck, a.lien-5_bck:link
{
	background: url("../images/menu_back/Propositions_gold.png");
}

a.lien-5_bck:hover, a.lien-5_bck:active,  a.lien-5_bck:focus
{
	background: url("../images/menu_back/Propositions_white.png");
	text-decoration: none;
	color:black
}

a.lien-6_bck, a.lien-6_bck:link
{
	background: url("../images/menu_back/Deconnecter_gold.png");
}

a.lien-6_bck:hover, a.lien-6_bck:active,  a.lien-6_bck:focus
{
	background: url("../images/menu_back/Deconnecter_white.png");
	text-decoration: none;
	color:black
}

.element_menu
{
   background-color: black;
   margin-bottom: 4px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-right : 20px;
   padding-top:0;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("../images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #FFD700;
   text-decoration:none;
   
}
.element_menu img
{
border:none;
}

#corps
{
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: white;
	font-family: verdana;
	
}
#corps p
{
   font-size: 14px;
   color: white;
	font-family: verdana;
}
#corps p1
{
   font-size: 12px;
   color: white;
	font-family: verdana;
}
#corps h1
{
color:white;
text-decoration:underline;
}
#corps h2
{
color:white;
text-decoration:underline;
}
#corps h3
{
color: white;
text-decoration:none;
font-family: verdana;
font-size:16px;
font-weight:normal;
text-align:center;
}

#corps a
{
text-decoration:underline;
color:white;

}
#corps a:visited
{
color:white;
}



#intro
{ 
position: absolute;  
  left: 50%; 
  top: 50%;
  height: 560px; 
  width: 410px;
  margin-left: -280px;
  margin-top: -205px;
  padding: 0; 
}
#intro a
{
text-decoration:underline;
color:white;

}
input, textarea
{
   font-family: verdana;
   margin-bottom: 2px;
   color:black;
   font-size: 12px
}
fieldset
{
   margin-bottom: 15px;
background-color:#adbce4;
}
legend
{
font-size:1.2em;
color:#445490;
}

#menu2
{
   width: 150px; /* Très important : donner une taille au menu */
  right: 50%;
   position: fixed;
  margin-right: -610px;
  top: 50%;
  height: 400px; 
  margin-top: -200px;
}

#menu2 a
{
  width: 150px; /* Très important : donner une taille au menu */
  right: 50%;
  position: fixed;
  color: white;
  margin-right: -610px;
}