/****** FEUILLE DE STYLE GENERALE DU SITE ********/

body{
	background-color: #B7B7B7;
 	top: 0px;
 	left: 0px;
	margin:0px;
	margin-top: 10px;
	font-size: 11px;
	line-height:140%;
	font-family: Tahoma, sans-serif;	
	color: #666666;
} 

h1{
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
}

h2{
	font-size: 11px;
}

p{
	font-size: 11px;
	margin-top: -11px; /* delete the br after <p> */
}

p.left{
	text-align: left;
}

p.center{
	text-align: center;
}

p.right{
	text-align: right;
}

p.justify{
	text-align: justify;
}

span.bold{
	font-weight: bold;
}

span.underline{
	text-decoration: underline;
}

span.italic{
	font-style: italic;
} 

a{
 	text-decoration: none;
	color: #333333;
}
 
a:hover{
 	text-decoration: none;
	color: #1E9DB6;
}

a img{
	border-width: 0px;
	cursor: pointer;
}

input{
	font-size: 12px;
	font-family: Arial, sans-serif;	
	color: #333333;
}

textarea{
	font-size: 12px;
	font-family: Arial, sans-serif;	
	color: #333333;
}

/**
 *
 * Div englobal le site pour le centrer dans l'ecran
 *
 */
div#corps_site{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}


 
/** HEADER STRUCTURE **/
 /**
  * Container img entete
  */
 div#header_picture{
 	background: url('../img/structure/entete_maison.gif') no-repeat 0 0;
	width: 770px;
	height: 179px;
 }
 
 /**
  * Container pour la deuxieme partie du header
  */
 div#header{
 	width: 770px;
	height: 115px;
 }
 
/**
 *
 * container Header
 *
 */
 div#header div#header_logo{
 	/*background: url('../img/structure/logo.png') no-repeat 7px 0;*/
	width: 300px;
	height: 115px;
 }
 
 div#header_logo img{
	position: absolute;
	padding-left: 7px;
 }
 
 /**
  * Container img entete, background
  */
div#header_logo div#header_logo_background{
 	background: url('../img/structure/entete_bandeau_background_2.gif') repeat-x bottom;
	width: 300px;
	height: 115px;
 }
 
/**
 *
 * Sous container
 *
 */
 div#header div#header_2{
 	width: 470px;
	height: 115px;	
	float: right;
 }	
 
 /**
 *
 * Accroche
 *
 */
 div#header_2 div#header_accroche{
 	background: url('../img/structure/accroche.gif') no-repeat 0 0;
	width: 470px;
	height: 35px;
 }
 
/**
 *
 * container for the menu in the header
 *
 */
 div#header_2 div#header_menu_container{
 	background: url('../img/structure/entete_bandeau_background_2.gif') repeat-x bottom;
	width: 460px;
	height: 81px;
	padding-left: 10px;
	margin-top: -1px;
 }
 
/**
 *
 * menu in the header
 *
 */
 div#header_2 ul#header_menu{ 
	list-style-type: none;
	display: inline;
 }
 
/**
 *
 * zone item menu
 *
 */
 ul#header_menu li{ 
	background-repeat: no-repeat;
	float:left;   
	padding: 0;
	margin: 0;
	width: 92px;
	height: 81px;
 } 
 
 /**
 *
 * zone lien menu
 *
 */
 ul#header_menu li a{ 
 	display: block;
	width: 92px;
	height: 81px;
	text-decoration: none;
	padding: 0;
	margin: 0;
 }
 
/**
 *
 * zone lien menu -- accueil
 *
 */
 ul#header_menu li#accueil a{ 
	background-image: url('../img/structure/menu_accueil.png');
	background-position: 0px 81px;
 }
 
 /**
 *
 * zone lien active menu -- accueil
 *
 */
 ul#header_menu li#accueil a:hover{ 
	background-image: url('../img/structure/menu_accueil.png'); 
	background-position: 0px 0px;
 }
 
/**
 *
 * zone lien menu -- agence
 *
 */
 ul#header_menu li#agence a{ 
	background-image: url('../img/structure/menu_agence.png');
	background-position: 0px 81px;
 }
 
 /**
 *
 * zone lien active menu -- agence
 *
 */
 ul#header_menu li#agence a:hover{ 
	background-image: url('../img/structure/menu_agence.png'); 
	background-position: 0px 0px;
 }
 
/**
 *
 * zone lien menu -- gestion
 *
 */
 ul#header_menu li#gestion a{ 
	background-image: url('../img/structure/menu_gestion.png');
	background-position: 0px 81px;
 }
 
 /**
 *
 * zone lien active menu -- gestion
 *
 */
 ul#header_menu li#gestion a:hover{ 
	background-image: url('../img/structure/menu_gestion.png'); 
	background-position: 0px 0px;
 }
 
/**
 *
 * zone lien menu -- contact
 *
 */
 ul#header_menu li#contact a{ 
	background-image: url('../img/structure/menu_contact.png');
	background-position: 0px 81px;
 }
 
 /**
 *
 * zone lien active menu -- contact
 *
 */
 ul#header_menu li#contact a:hover{ 
	background-image: url('../img/structure/menu_contact.png'); 
	background-position: 0px 0px;
 }
 
/**
 *
 * zone lien menu -- plan
 *
 */
 ul#header_menu li#plan a{
	background-image: url('../img/structure/menu_plan.png');
	background-position: 0px 81px;
 }
 
 /**
 *
 * zone lien active menu -- plan
 *
 */
 ul#header_menu li#plan a:hover{ 
	background-image: url('../img/structure/menu_plan.png'); 
	background-position: 0px 0px;
 }
 
/**
 *
 * Container pour le bandeau du moteur de recherche
 *
 */
 div#corps_site div#header_recherche{
	background-image: url('../img/structure/entete_bandeau_background.png'); 
	background-repeat: no-repeat;
	margin-left: -2px;
	margin-top: 0px;
 	width: 774px;
	height: 44px;
 }	
 
 /**
  * Formulaire de rechercher
  */
 div#header_recherche form#formulaire_recherche{ 
 	width: 770px;
	height: 30px;
	padding-top: 12px;
 }	
 
 /**
  * Formulaire de rechercher - transaction
  */
 form#formulaire_recherche select#form_transaction{ 
 	margin-left : 210px;
 }
 
 /**
  * Formulaire de rechercher - bien
  */
 form#formulaire_recherche select#form_bien{ 
 	margin-left : 170px;
 }
 
 /**
  * Formulaire de rechercher - rechercher
  */
 form#formulaire_recherche input#form_rechercher{
 	position: absolute; 
 	margin-left : 35px;
 }
 
/** GENERAL BODY STRUCTURE **/ 

/**
 *
 * Body
 *
 */
 div#body{	
	padding: 20px 10px 10px 10px;
	height: auto;
 }
 
/** FOOTER STRUCTURE **/ 
/**
 * footer
 *
 */
 div#footer{	
 	padding-top: 5px;
 	height: 15px;
	width: 770px;
	color: #FFFFFF;
	background-color: #B7B7B7;
	text-align: center;
	font-size: 9px;
 }
 
  /**
  * Lien
  */
 div#footer a{
	color: #FFFFFF;
 }
 
  /**
  * Lien
  */
 div#footer a:hover{
	color: #333333;
 }
 
 div#second_menu{
 	color: #FFF;
	background-color: #B7B7B7;
	width: 770px;
	text-align: center;
 }
 
 div#second_menu a{
 	color: #FFF;
 }
 
 div#second_menu a:hover{
	color: #333333;
 }