body /* style pour le cadre principale qui sera centre */
{
   width: 990px; /* largeur totale de notre site */
   margin: auto; /* Centre le site */
   margin-top: 0px; /* Coller le site en haut */
   margin-bottom: 0px; /* Coller le site en bas */
   /*background-color: #2ba5ec; /* Fond bleu clair vif */ 
   background-image: url("images/fond.gif"); /* L'image  degradé gris  */
   background-repeat: repeat-xy; /* fond qui ne se repetera  */
}

#menu_haut_gauche  /* Logo courtage et accueil */
{
   float: left;
   width: 290px;
   height: 151px;
}

#header_haut_droite /* Logo haut */
{
   float: left;
   width: 700px; 
   height: 151px; 
   background-image: url("images/menu_haut_droite.png"); /* L'image  degradé gris  */
   background-repeat: no-repeat; /* fond qui se repetera en hauteur */
}

#menu_gauche  /* Menu avec tous les liens */
{
   float: left;
   width: 290px;
   height: 443px;
   background-image: url("images/fond_menu_gauche.png"); /* L'image  degradé gris  */
   background-repeat: no-repeat; /* fond qui se repetera en hauteur */
}

#main_droite /* contenu */
{
   float: left;
   width: 700px; 
   height: 443px;
   background-image: url("images/fond_main_droite.png"); /* L'image  degradé gris  */
   background-repeat: no-repeat; /* fond qui se repetera en hauteur */
}

#main_droite_vide /* contenu */
{
   float: left;
   width: 700px; 
   height: 443px;
   background-image: url("images/fond_main_droite_vide.png"); /* L'image  degradé gris  */
   background-repeat: no-repeat; /* fond qui se repetera en hauteur */
}
#footer_bas /* pied de pagecontenu */
{
   float: left;  
   width: 987px; 
   height: 1px;
   
}

div.ascenseur
{
  display: block;
  width : 670px ; 
  height : 420px ;
  overflow : auto ;
  /*background-color : #2ba5ec;  */
}

img
{
	display: block; /* transforme les images en bloc et corrige le bug d espace au dessus des images */
	border: 0px;
	padding-top : 0px;

}

img.inline
{
	display: inline; /* permet d afficher les images a cotes des autres */
	border: 0px;
	padding-top : 0px;
	vertical-align: middle; /* supprime l espace sous l image dans FF */

}

/* Tous les liens non visite */
a:link
{
	color: white;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens non visite rouge */
a.rouge:link
{
	color: #983c13;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens non visite rouge */
a.rougesouligne:link
{
	color: #983c13;
	text-decoration: underline;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens non visite rouge */
a.noir:link
{
	color: black;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens visite */
a:visited 
{
	color: white;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens visite rouge */
a.rouge:visited 
{
	color: #983c13;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

a.rougesouligne:visited 
{
	color: #983c13;
	text-decoration: underline;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens visite rouge */
a.noir:visited 
{
	color: black;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens blanc survoles */
a:hover
{
	color: black;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens rouge survoles */
a.rouge:hover
{
	color: black;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

a.rougesouligne:hover
{
	color: black;
	text-decoration: underline;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Tous les liens noir survoles */
a.noir:hover
{
	color: #983c13;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

/* Les paragraphes */

p /* texte par defaut blanc */
{
   color: black; /* couleur du texte noir par defaut  */
   margin: 0px; /* centre le texte verticalement */
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
}

p.petit /* texte par defaut blanc */
{
   color: black; /* couleur du texte noir par defaut  */
   margin: 0px; /* centre le texte verticalement */
   font-family: Arial;
   font-size: 9px;
   font-weight: bold;
}

p.souligne /* texte par defaut rouge */
{
   text-decoration:underline; 
}

p.rouge /* texte par defaut rouge */
{
   color: #983c13; /* couleur du texte rouge */
}

p.noir /* texte par defaut noir */
{
   display : inline;
   color: black; /* couleur du texte rouge */
}

p.center
{
   text-align: center;
   padding: 0px;
}

/* dans un paragraphe les span en rouge */
.rouge
{
   color: #983c13;
}

.souligne /* dans un paragraphe les span en souligne */
{
   text-decoration:underline; 
}
/* Gros titre noir */
h2
{
   color: black; /* couleur du texte noir par defaut  */
   margin: 0px; /* centre le texte verticalement */
   font-family: Arial;
   font-size: 22px;
   font-weight: bold;
}

/* Moyen Titre rouge */
h3
{
   color: #983c13; /* couleur du texte noir par defaut  */
   margin: 0px; /* centre le texte verticalement */
   font-family: Arial;
   font-size: 14px;
   font-weight: bold;
}

form
{
display : inline; /* Corrige le bug sous IE pour les listes deroulantes */
}
/*
select
{
	display: inline;
    margin-bottom: 0px; 
	border: none;
	padding: 0px;
	padding-top : 0px;
	vertical-align: middle
}
*/
table /* Les tableau */
{
   margin-bottom: 0px; 
	border: none;
}

th /* Les cellules d'en-tête */
{
   padding: 0px;
}

tr /* Les lignes */
{
	padding: 0px;
}

td /* Les cellules normales */
{
   text-indent:0px;
   padding: 0px;
}

td.center
{
   text-align: center;
   padding: 0px;
}

td.right
{
   text-align: right;
   padding: 0px;
}

input, textarea /* Les Formulaires */
{
	padding: 0px; 
}