.prechargement {
	text-align:center;
	text-decoration:none;
	width:100%;
	height:100%;

}
.prechargement img {
	border:none;
}
/*##################################### TRAVAUX */

.panneau {
top:80px;
left:280px;
position:absolute;
text-align:center;
width:251px;
height:221px;
background-image:url(../images/Travaux.jpg);
background-repeat:no-repeat;
}
.text_travaux {
color:#999999;
top:310px;
left:255px;
position:absolute;
text-align:center;
width:300px;
height:auto;
font-size:16px;
}

/*##################################### Mise a zero des marges et du padding par defaut */

* {margin:0;padding:0;}

img {
	border : 0;
}

body {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	min-height:100%;
}
hr {
	height:1px;
	color:#cc3300;
	margin:0.5em 0;
	padding: 0;
	border:0;
	background-color:#CC3300;
}
input {
     color:#535353;
     background-color:#FFFFFF;
	 border:solid #CCCCCC 1px;
     font-size:13px;
     font-family:arial;
	 font-weight:normal;
}
textarea {
	 vertical-align:text-top;
     color:#535353;
     background-color:#FFFFFF;
	 border:solid #CCCCCC 1px;
     font-size:13px;
     font-family:arial;
}
select {
     color:#535353;
     background-color:#FFFFFF;
	 border:solid #CCCCCC 1px;
     font-size:13px;
     font-family:arial;
	 font-weight:normal;
}
.bouton_calc {
	left:10px;
	height:40px;
	width:120px;
	background-image:url(../images/bouton_calculer.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
	cursor:pointer;
}

/*################################################### Definition du conteneur du site */

.conteneur {
	text-align:left;
	position:relative;
	width:1000px;
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-y;
	height:auto;
	min-height:500px;
	margin:0 auto;	/*ATTENTION cette ligne permet de centrer le contenu dans les navigateurs*/
}
.conteneur_popup {
	text-align:left;
	position:relative;
	width:800px;
	height:auto;
	min-height:500px;
	margin:0 auto;
}
/*################################################### PLAN DU SITE */

.bloc_courant_plan {
	position:relative;
	text-align:left;
	top:0px;
	left:170px;
	width:600px;
	font-size:13px;
	color:#535353;
	float:left;
	height:auto;
	list-style:url(../images/fleche_plan.jpg);
	line-height:17px;
}
.bloc_courant_plan a {
	text-decoration:none;
	color:#707070;
	
	/*font-weight:bold;*/
}
.bloc_courant_plan a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#cc3300;
}
.bloc_courant_plan ul {
	margin-left:20px;
	font-weight:normal;
}
.bloc_courant_plan li {
	margin-left:0px;
}
.bloc_courant_plan ul li{
	margin-left:40px;
}
/*###################################################### POSITION BANNIERE */

.banniere {
	position:relative;
	width:975px;
	height:112px;
	background-image:url(../images/banniere_haut.jpg);
	left:13px;
}
.banniere_retour {
	position:relative;
	width:239px;
	height:105px;
	background-image:url(../images/banniere_retour.jpg);
	top:112px;
	float:right;
}
.banniere_retour_extranet {
	position:relative;
	width:239px;
	height:26px;
	background-image:url(../images/banniere_retour_extranet.jpg);
	top:112px;
	float:right;
	left:0px;
}
/*######################################################## MENU */

.menu {
	position:relative;
	left:32px;
	top:0px;
	margin:0 auto;
	z-index:90;
	float:left;
}
.menu li {
	display:block;
	float:left;
	position:relative;
}
.menu ul{
	float:left;	
}
.menu a {
	font-size:12px;
	color:#187e4b;
	font-weight:bold;
	text-decoration:none;
	width:auto !important;
	display:block;
}
.menu a:hover {
	color:#cc3300;
}
.seul {
	background:url(../images/onglet1.png) no-repeat left bottom;
	position:relative;
	height:auto;
	text-align:center;
}
.entre {
	margin:3px;
	background:none;
	position:relative;
	float:left;	
}
.seul a {
	padding:5px 15px 10px 15px;
	position:relative;
	background:url(../images/onglet3.png) no-repeat right bottom;
}
.gauche {
	background:url(../images/onglet1.png) no-repeat left bottom;
	position:relative;
	height:auto;
	text-align:center;
	z-index:903;
}
.gauche a {
	padding:5px 10px 10px 20px;
	position:relative;
}
.gauche2 {
	background:url(../images/onglet1.png) no-repeat left bottom;
	position:relative;
	height:auto;
	text-align:center;
	z-index:901;
}
.gauche2 a {
	padding:5px 10px 10px 20px;
	position:relative;
}
.droite {
	background:url(../images/onglet2.png) no-repeat left bottom;
	position:relative;
	height:auto;
	text-align:center;
	z-index:902;
}
.droite a {
	padding:5px 15px 10px 15px;
	position:relative;
	background:url(../images/onglet3.png) no-repeat right bottom;
}
.droite2 {
	background:url(../images/onglet2.png) no-repeat left bottom;
	position:relative;
	height:auto;
	text-align:center;
	z-index:900;
}
.droite2 a {
	padding:5px 15px 10px 15px;
	position:relative;
	background:url(../images/onglet3.png) no-repeat right bottom;
}
/*########################################################## SOUS MENU Général */

.sous_menu {
	margin:0 auto;
	position:relative;
	width:auto;
	background-image:url(../images/sous_menu_fond.png);
	background-repeat:repeat-y;
	float:left;
}
.sous_menu_haut {
	margin:0 auto;
	position:relative;
	width:164px;
	height:14px;
	background:url(../images/sous_menu_haut.png);
	background-repeat:no-repeat;
	float:left;
}
.sous_menu_haut1 {
	margin:0 auto;
	position:relative;
	width:164px;
	height:14px;
	background:url(../images/sous_menu_haut1.png);
	background-repeat:no-repeat;
	float:left;
}
.sous_menu_fleche {
	margin:0 auto;
	position:relative;
	left:0;
	top:0;
	background-image:url(../images/sous_menu_fleche.png);
	float:left;
}
.sous_menu ul {
	margin:0 auto;
	float:left;
}
.sous_menu li {
	text-align:left;
	font-weight:normal;
	width:auto;
	display:block;
	float:left;
	position:relative;
	height:20px;
}
.sous_menu a {
	float:left;
	text-align:left;
	font-weight:normal;
	margin:0px 0px 0px 3px;
	padding:3px 0px 0px 15px;
	font-size:11px;
	color:#535353;
	text-decoration:none;
	background-image:url(../images/sous_menu_filet.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:143px !important;
	height:20px !important;
}
.sous_menu li a:hover{
	margin:0px 0px 0px 3px;
	padding:3px 0px 0px 16px;
	display:block;
	text-align:left;
	font-weight:normal;
	background-image:url(../images/sous_menu_over.png);
	background-repeat:no-repeat;
	background-position:top;
	width:143px !important;
	height:20px !important;
	color:#FFFFFF;
	float:left;
}
.sous_menu_bas {
	position:relative;
	width:164px;
	height:14px;
	background:url(../images/sous_menu_bas.png);
	float:left;
}	

/*########################################################### SOUS MENUS */

#sous_menu1,#sous_menu2,#sous_menu3,#sous_menu4 {
	position:absolute;
	top:20px;
	margin:0 auto;
	z-index:950;
	display:none;
}
#sous_menu1,#sous_menu3 {
	left:5px;
}
#sous_menu2,#sous_menu4 {
	left:0px;
}

#sous_menu5 {
	position:absolute;
	width:164px;
	margin:0 auto;
	padding:0;
	float:left;
	z-index:960;
	left:135px;
	top:25px;
	display:none;
}
#sous_menu5 li {
	display:block;
	height:20px;
}
#sous_menu5 a {
	text-decoration:none;
	display:block;
	height:20px;
	width:143px;
	color:#535353;
}
#sous_menu5 a:hover {
	font-weight:normal;
	color:#FFFFFF;
}

/*######################################################### BLOC DE CONTENU */

.contenu {
	position:relative;
	text-align:left;
	width:1000px;
	left:0;
	top:0;
	z-index:50;
}

/*######################################################### PAGES COURANTES */

.central {
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
	text-align:left;
	width:750px;
	min-height:430px;
	height:auto;
	left:13px;
	float:left;
	z-index:100;
}
.titres_pages {
	position:relative;
	top:6px;
	left:41px;
	font-size:23px;
	font-weight:normal;
	color:#707070;
	float:left;
	z-index:199;
}
.titres_pages a {
	text-decoration:none;
	color:#CC3300;
}
.titres_pages li {
	display:block;
	text-decoration:none;
}
.bloc_courant_haut {
	position:relative;
	margin-top:-6px;
	text-align:left;
	top:0px;
	left:15px;
	width:724px;
	height:30px;
	background:url(../images/fond_blocs_haut.jpg);
	float:left;
}
.bloc_courant_fond {
	position:relative;
	left:15px;
	width:724px;
	background-image:url(../images/fond_blocs_fond.jpg);
	background-repeat:repeat-y;
	float:left;
}
.bloc_courant {
	position:relative;
	margin:-5px 0 0 0;
	top:0px;
	left:28px;
	width:675px;
	font-size:12px;
	color:#535353;
	float:left;
	height:auto;
}
.texte_petit {
	font-size:10px;
	font-weight:normal;
	color:#535353;
}
.bloc_courant_bas  {
	position:relative;
	left:0;
	width:724px;
	height:30px;
	background:url(../images/fond_blocs_bas.jpg);
	float:left;
}
.bloc_courant a {
	text-decoration:none;
	color:#FF6600;
}
.bloc_courant a:hover {
	text-decoration:none;
	color:#CC3300;
}
.centrer {
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;
	width:650px;
}
.mep_titre_vert {
	font-size:15px;
	color:#187e4b;
	font-weight:bold;
}
.mep_titre_rouge {
	font-size:15px;
	color:#cc3300;
	font-weight:bold;
}
.mep_titre_gris {
	font-size:15px;
	color:#707070;
	font-weight:bold;
}
.mep_mea_gris {
	font-size:22px;
	color:#707070;
	font-weight:bold;
	font-style:italic;
}
.mep_mea_vert {
	font-size:22px;
	color:#187e4b;
	font-weight:bold;
	font-style:italic;
}
.mep_mea_rouge {
	font-size:22px;
	color:#cc3300;
	font-weight:bold;
	font-style:italic;
}
.normal_grand {
	font-size:15px;
}
.bold_rouge {
	font-weight:bold;
	color:#CC3300;
}
.bold_vert {
	font-weight:bold;
	color:#187e4b;
}
.bold_gris {
	font-weight:bold;
	color:#535353;
}

.titreville {
	color:#cc3300;
	font-size:16px;
	font-weight:bold;
	background-image:url(../images/fond_resultat_titre_ville.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-right:5px;
	height:29px;
	width:205px;
	margin-top:15px;
}

.titrevillevert {
	color:#187e4b;
	font-size:16px;
	font-weight:bold;
	background-image:url(../images/fond_resultat_titre_ville.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-right:5px;
	height:29px;
	width:205px;
	margin-top:15px;
}

.image1 {
	position:relative;
	right:-8px;
	top:-8px;
	width:203px;
	height:340px;
	background-image:url(../images/gestion.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image2 {
	position:relative;
	left:-10px;
	top:-8px;
	width:203px;
	height:390px;
	background-image:url(../images/photo2.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image3 {
	position:relative;
	right:-6px;
	top:-8px;
	width:203px;
	height:350px;
	background-image:url(../images/location.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image4 {
	position:relative;
	left:-10px;
	top:-8px;
	width:203px;
	height:340px;
	background-image:url(../images/transaction.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image5 {
	margin-left:15px;
	position:relative;
	right:-5px;
	top:0px;
	width:203px;
	height:233px;
	background-image:url(../images/photo5.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image6 {
	position:relative;
	left:-10px;
	top:-5px;
	width:203px;
	height:340px;
	background-image:url(../images/groupe_present.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image7 {
	position:relative;
	left:-10px;
	top:-8px;
	width:203px;
	height:436px;
	background-image:url(../images/serge_deglise.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image8 {
	position:relative;
	left:0px;
	top:233px;
	width:203px;
	height:203px;
	background-image:url(../images/graph_historique.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image9 {
	position:relative;
	left:-5px;
	top:-5px;
	width:350px;
	height:300px;
	background-image:url(../images/organisation.jpg);
	background-repeat:no-repeat;
	float:left;
}
.haut_dg {
	text-align:center;
	position:relative;
	left:0px;
	top:0px;
	width:690px;
	height:320px;
	float:left;
}
.localiser_dg {
	position:relative;
	right:115px;
	top:20px;
	width:103px;
	height:123px;
	color:#CC3300;
	font-weight:bold;
	vertical-align:bottom;
	background-image:url(../images/localiser_dg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	float:right;
	cursor:pointer;
}
.legende_dg {
	position:relative;
	font-weight:bold;
	color:#CC3300;
	text-align:center;
	top:105px;
}
.image11 {
	position:relative;
	right:-8px;
	top:-8px;
	width:300px;
	height:240px;
	background-image:url(../images/location.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image12 {
	position:relative;
	right:-5px;
	top:-8px;
	width:250px;
	height:250px;
	background-image:url(../images/accueil_telephone.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image13 {
	position:absolute;
	right:-8px;
	top:-8px;
	width:250px;
	height:250px;
	background-image:url(../images/engagements.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image14 {
	margin-left:25px;
	position:relative;
	right:-5px;
	top:0px;
	width:203px;
	height:233px;
	background-image:url(../images/formation.jpg);
	background-repeat:no-repeat;
	float:right;
}
.image15 {
	position:relative;
	left:-8px;
	top:-3px;
	width:300px;
	height:240px;
	background-image:url(../images/paris_nuit.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image16 {
	position:relative;
	left:-10px;
	top:-8px;
	width:203px;
	height:233px;
	background-image:url(../images/recrutement.jpg);
	background-repeat:no-repeat;
	float:left;
}
.image17 {
	position:relative;
	right:0px;
	top:0px;
	width:203px;
	height:203px;
	background-image:url(../images/transac_poignee.jpg);
	background-repeat:no-repeat;
	float:right;
}


/* ########################################################### PAGE ACCUEIL */

.titres_bulles2 {
	position:relative;
	margin:15px 20px 0 0;
	float:right;
}
.titres_bulles2 span {
	color:#FFFFFF;
	font-size:13px;
}
.titres_bulles2 a {
	color:#FFFFFF;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
.titres_bulles2 a:hover {
 	color:#d2d2d2;
}
.offres  {
	position:relative;
	top:20px;
	left:80px;
	width:583px;
	height:93px;
	background:url(../images/offres_fond.jpg);
	float:left;
}
.offres_bouton1 a {
	position:relative;
	top:48px;
	left:33px;
	text-align:left;
	font-size:19px;
	text-decoration:none;
	font-weight:bold;
	color:#187e4b;
	float:left;
}
.offres_bouton1 a:hover {
	color:#cc3300;
}
.offres_texte1 {
	position:relative;
	top:44px;
	left:55px;
	font-size:12px;
	color:#707070;
	float:left;
}
.offres_texte2 {
	position:relative;
	top:44px;
	left:118px;
	font-size:12px;
	color:#707070;
	float:left;
}
.offres_bouton2 a {
	position:relative;
	top:48px;
	left:97px;
	text-align:left;
	font-size:19px;
	text-decoration:none;
	font-weight:bold;
	color:#cc3300;
	float:left;
}
.offres_bouton2 a:hover {
	color:#187e4b;
}
.metiers  {
	font-size:15px;
	position:relative;
	top:20px;
	left:79px;
	width:287px;
	height:305px;
	background:url(../images/metiers_fond.jpg);
	float:left;
	text-align:center;
}
.metiers_bouton1 {
	padding-top:11px;
	position:absolute;
	background-image:url(../images/boutons_metiers_1.jpg);
	background-repeat:no-repeat;
	top:58px;
	left:20px;
	height:40px;
	width:154px;
	float:left;
}
.metiers_bouton1 a {
	text-decoration:none;
	font-weight:bold;
	color:#CC3300;
}
.metiers_bouton1 a:hover {
	color:#187e4b;
}
.metiers_bouton2 {
	padding-top:11px;
	position:absolute;
	background-image:url(../images/boutons_metiers_2.jpg);
	background-repeat:no-repeat;
	top:108px;
	left:20px;
	height:40px;
	width:195px;
	float:left;
}
.metiers_bouton2 a {
	text-decoration:none;
	font-weight:bold;
	color:#187e4b;
}
.metiers_bouton2 a:hover {
	color:#cc3300;
}
.metiers_bouton3 {
	padding-top:11px;
	position:absolute;
	background-image:url(../images/boutons_metiers_3.jpg);
	background-repeat:no-repeat;
	top:158px;
	left:20px;
	width:123px;
	height:40px;
	float:left;
}
.metiers_bouton3 a {
	text-decoration:none;
	font-weight:bold;
	color:#cc3300;
}
.metiers_bouton3 a:hover {
	color:#187e4b;
}
.metiers_bouton4 {
	padding-top:11px;
	position:absolute;
	background-image:url(../images/boutons_metiers_4.jpg);
	background-repeat:no-repeat;
	top:208px;
	left:20px;
	width:99px;
	height:40px;
	float:left;
}
.metiers_bouton4 a {
	text-decoration:none;
	font-weight:bold;
	color:#187e4b;
}
.metiers_bouton4 a:hover {
	color:#cc3300;
}
.services {
	position:relative;
	top:20px;
	left:88px;
	width:287px;
	height:305px;
	background:url(../images/services_fond.jpg);
	float:left;
	z-index:400;
}
.services_liste1 {
	position:relative;
	top:74px;
	left:40px;
	width:50px;
	font-size:14px;
	font-weight:bold;
	float:left;
	z-index:402;
}
.services_liste1 li {
	display:block;
	height:50px;
}
.services_liste1 a {
	text-decoration:none;
	color:#CC3300;
	height:50px;
}
.services_liste1 a:hover {
	color:#187e4b;
}
.services_liste2 {
	position:relative;
	top:74px;
	left:115px;
	width:50px;
	font-size:14px;
	font-weight:bold;
	float:left;
	z-index:401;
}
.services_liste2 li {
	display:block;
	height:50px;
}
.services_liste2 a {
	text-decoration:none;
	color:#CC3300;
	height:50px;
}
.services_liste2 a:hover {
	color:#187e4b;
}

/*########################################################## PAGES VENDRE LOUER */

.textes_formulaires { 
	margin:0 auto;
	padding:0;
	position:relative;
	top:65px;
	left:35px;
	font-size:13px;
}
.louer_fond {
	margin:0 auto;
	padding:0;
	position:relative;
	top:20px;
	left:5px;
	width:704px;
	height:344px;
	background:url(../images/louer_fond.jpg);
}
.vendre_fond {
	margin:0 auto;
	padding:0;
	position:relative;
	top:20px;
	left:5px;
	width:704px;
	height:344px;
	background:url(../images/vendre_fond.jpg);
}
.vendre_fond ul {
	list-style:none;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	line-height:50px;
}
.louer_fond ul {
	list-style:none;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	line-height:50px;
}
.placement_formulaire_gauche {
	left:30px;
	position:absolute;
	top:90px;
	width:300px;
	height:250px;
	float:left;
	height:auto;
}
.placement_formulaire_droite {
	left:350px;
	position:absolute;
	top:90px;
	width:300px;
	height:250px;
	float:left;
	height:auto;
}
.validez1 {
	margin:0 auto;
	width:110px;
	height:44px;
	text-align:center;
	position:absolute;
	font-size:14px;
	font-weight:bold;
	right:22px;
	bottom:39px;
}
.validez1 input {
     color:#187e4b;
	 font-weight:bold;
     background:none;
	 border:none;
     font-size:18px;
	 font-family:Arial;
}
.validez1 input:hover {
     color:#cc3300;
	 cursor:pointer;
}
.validez2 {
	margin:0 auto;
	width:110px;
	height:44px;
	text-align:center;
	position:absolute;
	font-size:14px;
	font-weight:bold;
	color:#187e4b;
	right:22px;
	bottom:39px;
}
.validez2 input {
     color:#cc3300;
	 font-weight:bold;
     background:none;
	 border:none;
     font-size:18px;
	 font-family:Arial;
}
.validez2 input:hover {
     color:#187e4b;
	 cursor:pointer;
}

/*############################################################ PAGE SERVICES */

.colone_services_1 {
	position:relative;
	width:235px;
	height:auto;
	left:35px;
	top:-5px;
	float:left;
}
.titres_bulles_services {
	position:relative;
	margin:17px 20px 0 0;
	float:right;
}
.titres_bulles_services a {
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
.titres_bulles_services a:hover {
 	color:#d2d2d2;
}
.bloc_services_haut {
	position:relative;
	margin:-2px 0 0 0;
	width:216px;
	height:45px;
	background-image:url(../images/lateral_grand_haut_vert.jpg);
	background-repeat:no-repeat;
	float:left;
}
.bloc_pratique_haut {
	position:relative;
	margin-top:-6px;
	text-align:left;
	top:0px;
	left:15px;
	width:724px;
	height:30px;
	background:url(../images/haut_pratique.jpg);
	float:left;
}

.titres_liens {
	position:relative;
	top:-10px;
	left:0px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#187e4b;
}
.bloc_liens {
width:700px;
	top:-10px;
	left:55px;
	height:35px;
	position:relative;
	list-style:none;
	float:left;
}	
.bloc_liens li {
	margin-right:20px;
	position:relative;
	list-style:none;
	float:left;
}
.bloc_liens a {
	position:relative;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#535353;
	float:left;
}
.bloc_liens a:hover {
	color:#cc3300;
	font-weight:bold;
}

.bloc_services_fond {
	position:relative;
	width:216px;
	background-image:url(../images/lateral_grand_fond.jpg);
	background-repeat:repeat-y;
	float:left;
}
.bloc_services {
	position:relative;
	list-style:none;
	float:left;
}	
.bloc_services li {
	position:relative;
	width:200px;
	list-style:none;
	float:left;
}
.bloc_services a {
	position:relative;
	margin:0 0 0 20px;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#707070;
	float:left;
}
.bloc_services a:hover {
	color:#cc3300;
	font-weight:bold;
}
.bloc_services_bas {
	position:relative;
	width:216px;
	height:28px;
	background-image:url(../images/lateral_grand_bas.jpg);
	background-repeat:no-repeat;
	float:left;
}
/*############################################################# PAGE CHIFFRES */

.chiffres_col1 {
	position:relative;
	width:283px;
	height:auto;
	float:left;
}
.chiffres_bloc1 {
	position:relative;
	/*line-height:30px;*/
	margin-bottom:10px;
}
.chiffres_bloc2 {
	top:15px;
	left:-5px;
	width:286px;
	height:430px;
	position:relative;
	background-image:url(../images/graphe1.jpg);
	background-repeat:no-repeat; 
}
.chiffres_filet_vertical {
	margin:0 10px 0 10px;
	position:relative;
	width:1px;
	height:740px;
	float:left;
	background-color:#CCCCCC;
}
.chiffres_filet_horizon {
	position:relative;
	width:100%;
	height:1px;
	float:left;
	background-color:#CCCCCC;
}
.chiffres_col2 {
	position:relative;
	width:370px;
	height:auto;
	float:left;
}
.chiffres_bloc3 {
	width:370px;
	height:212px;
	margin-bottom:23px;
	position:relative;
	background-image:url(../images/graphe2.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:left; 
}
.chiffres_bloc4 {
	margin-top:10px;
	margin-bottom:20px;
	width:370px;
	height:225px;
	position:relative;
	background-image:url(../images/graphe3.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:left; 
}
.chiffres_bloc5 {
	margin-top:20px;
	width:370px;
	height:220px;
	position:relative;
	background-image:url(../images/graphe4.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:left; 
}

/*########################################################## PAGE GENERALE AGENCES */

.vide_carte {
	position:relative;
	width:165px;
	height:133px;
	left:20px;
	top:0;
	float:left;
	z-index:801;
}
.titres_agences_gen {
	position:relative;
	top:20px;
	left:28px;
	font-size:29px;
	font-weight:normal;
	color:#CC3300;
	float:left;
	z-index:199;
	text-decoration:none;
	cursor:pointer;
}
.agences_gen_col1 {
	position:absolute;
	text-align:left;
	top:65px;
	left:115px;
	width:150px;
	text-decoration:none;
}
.agences_gen_col1 br {
	line-height:11px;
}
.agences_gen_col1 a {
	text-decoration:none;
}
.agences_gen_col1 a:hover {
	text-decoration:none;
	color:#bfbfbf;
}
.agences_gen_fond {
	position:relative;
	top:10px;
	left:60px;
	width:657px;
	height:394px;
	background-image:url(../images/carte_general.jpg);
	background-repeat:no-repeat;
	float:left;
}
.paris {
	position:absolute;
	top:85px;
	left:495px;
	width:74px;
	height:35px;
	cursor:pointer;
}
.dijon {
	position:absolute;
	top:165px;
	left:560px;
	width:65px;
	height:38px;
	cursor:pointer;
}
.lyon {
	position:absolute;
	top:215px;
	left:510px;
	width:70px;
	height:45px;
	cursor:pointer;
}
.grenoble {
	position:absolute;
	top:266px;
	left:545px;
	width:115px;
	height:31px;
	cursor:pointer;
}

.marseille {
	position:absolute;
	top:320px;
	left:515px;
	width:115px;
	height:31px;
	cursor:pointer;
}

.bordeaux {
	position:absolute;
	top:270px;
	left:400px;
	width:135px;
	height:31px;
	cursor:pointer;
}

/*######################################################### PAGE AGENCES PARIS */

.bloc_courant_ag {
	position:relative;
	margin:-5px 0 0 0;
	top:0px;
	left:28px;
	width:675px;
	font-size:12px;
	color:#535353;
	float:left;
	height:auto;
}
.bloc_courant_ag a {
	font-size:13px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	color:#187e4b;
}
.bloc_courant_ag a:hover {
	color:#a0a0a0;
}
.carte_paris {
	position:relative;
	top:35px;
	left:130px;
	width:426px;
	height:382px;
	background-image:url(../images/carte_paris.jpg);
	background-repeat:no-repeat;
}
.bulle1 a { /* Cazalieres */
	position:absolute;
	top:5px;
	left:60px;
}
.bulle2 a { /* lecasble */
	position:absolute;
	top:-5px;
	left:164px;
}
.bulle2_1 a { /* bien gerer */
	position:absolute;
	top:-5px;
	left:324px;
}
.bulle3 a { /* Lescalier */
	position:absolute;
	top:-5px;
	left:420px;
}
.bulle4 a { /* Meillant & Bourdeleau */
	position:absolute;
	top:5px;
	left:515px;
}
.bulle5 a { /* Garraud Maillet */
	position:absolute;
	top:80px;
	left:35px;
}
.bulle6 a { /* Morel */
	position:absolute;
	top:110px;
	left:550px;
}
.bulle7 a { /* ADB Transaction */
	position:absolute;
	top:175px;
	left:30px;
	color:#cc3300;
}
.bulle8 a { /* Baudrier */
	position:absolute;
	top:230px;
	left:545px;
}
.bulle9 a { /* Griffaton */
	position:absolute;
	top:235px;
	left:10px;
}
.bulle10 a { /* Lepinay */
	position:absolute;
	top:325px;
	left:535px;
}
.bulle11 a { /* Dunkerque */
	position:absolute;
	top:325px;
	left:45px;
}
.bulle12 a { /* Colliot */
	position:absolute;
	top:335px;
	left:210px;
}
.bulle12_1 a { /* Pierre et Gestion */
	position:absolute;
	top:335px;
	left:310px;
}
.bulle13 a { /* Fay et cie */
	position:absolute;
	top:335px;
	left:440px;
}


/*##################################################### PAGE AGENCES RHONE ALPES */

.general_position_cartes {
	position:relative;
	top:5px;
	left:5px;
	width:720px;
	height:392px;
	z-index:250;
}
.carte_rhone_alpes {
	position:relative;
	top:-10px;
	left:140px;
	width:383px;
	height:406px;
	background-image:url(../images/carte_rhone_alpes.jpg);
	background-repeat:no-repeat;
}
.bulle14 a { /* Pondevaux */
	position:absolute;
	top:-5px;
	left:40px;
	text-align:center;
}
.bulle15 a { /* Boffy */
	position:absolute;
	top:52px;
	left:10px;
	text-align:center;
}
.bulle16 a { /* Sogelem */
	position:absolute;
	top:-5px;
	left:508px;
	text-align:center;
}
.bulle17 a { /* Bagneres */
	position:absolute;
	top:73px;
	left:489px;
	text-align:center;
}
.bulle18 a { /* Sogimat1 */
	position:absolute;
	top:95px;
	left:30px;
	text-align:center;
	width: 112px;
}
.bulle19 a { /* Sogimat2 */
	position:absolute;
	top:134px;
	left:40px;
	text-align:center;
}
.bulle20 a { /* Gignoux */
	position:absolute;
	top:290px;
	left:465px;
	text-align:center;
}
.bulle21 a { /* Dir Generale */
	position:absolute;
	padding-top:13px;
	top:155px;
	left:515px;
	width:145px;
	height:70px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;	
	text-align:center;
	background-image:url(../images/Bulle_nom_agences_vert.jpg);
	background-repeat:no-repeat;
}

.bulle23 a { /* Rozier */
	position:absolute;
	top:214px;
	left:158px;
	text-align:center;
}

/*################################################### PAGE AGENCES BOURGOGNE */

.carte_bourgogne {
	position:relative;
	top:-5px;
	left:70px;
	width:372px;
	height:393px;
	background-image:url(../images/carte_bourgogne.jpg);
	background-repeat:no-repeat;
}
.bulle22 a { /* Dijon */
	position:absolute;
	top:92px;
	left:445px;
	color:#187e4b;
	text-align:center;
}

/*########################################################## PAGES TYPE AGENCES */

.lateral_gauche {
	position:relative;
	margin-right:15px;
	top:10px;
	left:20px;
	width:160px;
	height:auto;
	float:left;
}
.carte_paris_moyen {
	top:0;
	left:0;
	width:156px;
	height:120px;
	background-image:url(../images/carte_paris_moyen.jpg);
	float:left;
}
.carte_paris_petit {
	position:relative;
	top:0;
	left:-5px;
	width:80px;
	height:78px;
	background-image:url(../images/carte_paris_petit.jpg);
	float:left;
}
.carte_bourgogne_moyen {
	top:0;
	left:0;
	width:156px;
	height:120px;
	background-image:url(../images/carte_bourgogne_moyen.jpg);
	float:left;
}
.carte_bourgogne_petit {
	position:relative;
	top:0;
	left:-5px;
	width:80px;
	height:78px;
	background-image:url(../images/carte_bourgogne_petit.jpg);
	float:left;
}

.carte_paca_petit {
	position:relative;
	top:0;
	left:-5px;
	width:80px;
	height:78px;
	background-image:url(../images/carte_paca_petit.jpg);
	float:left;
}
.carte_paca_moyen {
	top:0;
	left:0;
	width:156px;
	height:120px;
	background-image:url(../images/carte_paca_moyen.jpg);
	float:left;
}
.carte_aquitaine_moyen {
	top:0;
	left:0;
	width:156px;
	height:120px;
	background-image:url(../images/carte_aquitaine_moyen.jpg);
	float:left;
}
.carte_aquitaine_petit {
	position:relative;
	top:0;
	left:-5px;
	width:80px;
	height:78px;
	background-image:url(../images/carte_aquitaine_petit.jpg);
	float:left;
}


.carte_rhone_alpes_moyen {
	top:0;
	left:0;
	width:156px;
	height:120px;
	background-image:url(../images/carte_rhone_alpes_moyen.jpg);
	float:left;
}
.carte_rhone_alpes_petit {
	position:relative;
	top:0;
	left:-5px;
	width:80px;
	height:78px;
	background-image:url(../images/carte_rhone_alpes_petit.jpg);
	float:left;
}
.carte_grenoble_moyen {
	top:0;
	left:0px;
	width:156px;
	height:120px;
	background-image:url(../images/carte_grenoble_moyen.jpg);
	float:left;
}
.carte_grenoble_petit {
	position:relative;
	top:0;
	left:-5px;
	width:80px;
	height:78px;
	background-image:url(../images/carte_grenoble_petit.jpg);
	float:left;
}
.liste_agences {
	position:relative;
	height:auto;
	float:left;
}
.liste_agences a {
	font-size:10px;
	text-decoration:none;
	color:#187e4b;
	font-weight:bold;
}
.liste_agences a:hover {
	text-decoration:none;
	color:#cc3300;
	font-weight:bold;
}
.autres_regions {
	margin-top:10px;
	position:relative;
	width:160px;
	text-align:center;
	font-weight:bold;
	float:left;
}
.autres_regions_col1 {
	position:relative;
	width:80px;
	height:auto;
	float:left;
}
.autres_regions_col2 {
	position:relative;
	font-size:11px;
	width:80px;
	text-align:right;
	height:auto;
	float:left;
}
.autres_regions_col2 a {
	text-decoration:none;
}
.central_agences {
	position:relative;
	padding-top:0px;
	top:6px;
	left:10px;
	width:540px;
	height:auto;
	float:left;
}
.nom_agence {
	position:relative;
	width:500px;
	height:auto;
	top:-12px;
	left:20px;
	font-size:18px;
	font-weight:bold;
	color:#187e4b;
	float:left;
	/*z-index:199;*/
}
.nom_agence span {
	font-size:12px;
	font-weight:normal;
}
.agence_type_haut {
	position:relative;
	margin-top:0px;
	text-align:left;
	top:0px;
	left:0px;
	width:540px;
	height:30px;
	background:url(../images/fond_blocsagences_haut.jpg);
	float:left;
}
.agence_type_fond {
	position:relative;
	left:0px;
	width:540px;
	background-image:url(../images/fond_blocsagences.jpg);
	background-repeat:repeat-y;
	float:left;
}
.agence_type {
	position:relative;
	margin:0;
	top:0px;
	left:10px;
	width:540px;
	font-size:12px;
	color:#535353;
	float:left;
}
.agence_type_bas  {
	position:relative;
	left:0;
	width:540px;
	height:30px;
	background:url(../images/fond_blocsagences_bas.jpg);
	float:left;
}
.central_gauche {
	position:relative;
	margin:0;
	padding:0;
	position:relative;
	top:-10px;
	left:20px;
	width:500px;
	height:auto;
}
.central_gauche a {
	text-decoration:none;
	color:#FF6600;
}
.central_gauche a:hover {
	text-decoration:none;
	color:#CC3300;
}
.image_agence {
	margin-left:15px;
	position:relative;
	right:-5px;
	top:0px;
	width:209px;
	height:168px;
	background-image:url(../images/agences_image.jpg);
	background-repeat:no-repeat;
	float:right;
}
.plan_adb {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_adb.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_dunkerque {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_dunkerque.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_baudrier {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_baudrier.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_cazalieres {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_cazalieres.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_colliot {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_colliot.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_fay {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_fay.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_garraud {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_garraud.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_griffaton {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_griffaton.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_lecasble {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_lecasble.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_lepinay {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_lepinay.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_lescallier {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_lescallier.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_meillant {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_meillant.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_morel {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_morel.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_sicov {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_sicov.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_bagneres {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_bagneres.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_boffy {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_boffy.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_pondevaux {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_pondevaux.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_sogelem {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_sogelem.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}

.plan_rosier  {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_rosier.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}

.plan_couturier  {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_couturier.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_lapierre  {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_lapierre.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}

.plan_lapierre1  {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_lapierre1.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_sogimat_tar {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_sogimat_tarare.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_sogimat_lar {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_sogimat_larbresle.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_gignoux {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_gignoux.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_bien_gerer {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_bien_gerer.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.plan_pierre_et_gestion {
	margin-bottom:-35px;
	position:relative;
	right:-5px;
	top:-25px;
	width:153px;
	height:160px;
	background-position:bottom;
	background-image:url(../images/plan_pierre_gestion.jpg);
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
.legende {
	position:relative;
	font-weight:bold;
	color:#187e4b;
	text-align:center;
	text-decoration:none;
	top:5px;
}
.legende a:hover {
	color:#cc3300;
}


/*################################################### PAGES FORMULAIRES GESTION SYNDIC VENTE*/

.placement_formulaire_offres_gauche {
	left:0px;
	position:absolute;
	top:95px;
	width:300px;
	height:auto;
	float:left;
	padding: 0px;
	margin: 0px auto;
	font-size:13px;
	font-weight:bold;
	line-height:25px;
}
.colone1 {
	 clear: both;
	 padding-top: 10px;
}
.colone1 span.label {
	 float: left;
	 width: 100px;
	 text-align: right;
}
.colone1 span.formw {
	padding-top: 5px;
	 float: right;
	 width: 200px;
	 text-align: left;
}
.adresse {
	clear: both;
	 padding-top: 10px;
	 margin-bottom:-10px;
	 float: left;
	 width: 100px;
	 text-align: right;
	 color:#535353;
}

.placement_formulaire_offres_droite {
	left:307px;
	position:absolute;
	top:97px;
	width:340px;
	height:auto;
	float:left;
	padding: 0px;
	margin: 0px auto;
	font-size:13px;
	font-weight:bold;
}  
.colone2 {
	 clear: both;
	 padding-top: 10px;
}
.colone2 span.label {
	 float: left;
	 width: 169px;
	 text-align: right;
}
.colone2 span.formw {
	 float: right;
	 width: 170px;
	 text-align: left;
}

.textes_formulaires_offres { 
	margin:0 auto;
	padding:0;
	position:absolute;
	top:59px;
	left:23px;
	font-size:13px;
}
.textes_formulaires_offres2 { 
	width:500px;
	font-weight:bold;
	margin:0 auto;
	padding:0;
	position:absolute;
	top:82px;
	left:23px;
	font-size:13px;
}
.syndic_fond {
	margin:0 auto;
	padding:0;
	position:relative;
	top:10px;
	left:5px;
	width:705px;
	height:435px;
	background-image:url(../images/form_offre_syndic.jpg);
}
.gestion_fond {
	margin:0 auto;
	padding:0;
	position:relative;
	top:10px;
	left:5px;
	width:705px;
	height:435px;
	background:url(../images/form_offre_gestion.jpg);
}
.vente_fond {
	margin:0 auto;
	padding:0;
	position:relative;
	top:10px;
	left:5px;
	width:705px;
	height:435px;
	background:url(../images/form_offre_vente.jpg);
}

.validez_offre1 {
	margin:0 auto;
	width:110px;
	height:44px;
	text-align:center;
	position:absolute;
	font-size:14px;
	font-weight:bold;
	right:22px;
	bottom:8px;
}
.validez_offre1 input {
     color:#187e4b;
	 font-weight:bold;
     background:none;
	 border:none;
     font-size:18px;
	 font-family:Arial;
}
.validez_offre1 input:hover {
     color:#cc3300;
	 cursor:pointer;
}
.validez_offre2 {
	margin:0 auto;
	width:110px;
	height:44px;
	text-align:center;
	position:absolute;
	font-size:14px;
	font-weight:bold;
	color:#187e4b;
	right:22px;
	bottom:8px;
}
.validez_offre2 input {
     color:#cc3300;
	 font-weight:bold;
     background:none;
	 border:none;
     font-size:18px;
	 font-family:Arial;
}
.validez_offre2 input:hover {
     color:#187e4b;
	 cursor:pointer;
}

/*######################################################## PAGE ACCES CLIENT / OFFRES */

.titres_blocs {
	text-align:right;
	position:relative;
	top:15px;
	right:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	font-style:italic;
	float:right;
}

.bloc_client {
	position:relative;
	top:60px;
	left:90px;
	width:284px;
	height:234px;
	background-image:url(../images/acces_client_fond.jpg);
	background-repeat:no-repeat;
}
.bloc_client_contenu {
	text-align:right;
	position:relative;
	width:284px;
	top:40px;
	right:20px;
	float:right;
	line-height:30px;
}
.connexion {
	width:60px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	color:#187e4b;
	right:13px;
	top:77px;
}
.connexion input {
     color:#cc3300;
	 font-weight:bold;
     background:none;
	 border:none;
     font-size:12px;
	 font-family:Arial;
}
.connexion input:hover {
     color:#187e4b;
	 cursor:pointer;
}
.oubli a {
	text-decoration:none;
	margin:0 auto;
	width:170px;
	height:auto;
	font-size:12px;
	text-align:right;
	position:absolute;
	color:#707070;
	right:25px;
	top:167px;
	background-image:url(../images/fleche_listes.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
.oubli a:hover {
	color:#cc3300;
}
.message_erreur {
	text-decoration:none;
	margin:0 auto;
	width:265px;
	height:auto;
	font-size:12px;
	text-align:right;
	position:absolute;
	color:#CC3300;
	font-weight:bold;
	left:10px;
	top:235px;
	text-align:center;
}
.bloc_pas_client {
	position:absolute;
	top:60px;
	left:390px;
	width:284px;
	height:234px;
	background-image:url(../images/pas_client_fond.jpg);
	background-repeat:no-repeat;
	float:right;
}
.bloc_pas_client_essai {
	position:absolute;
	top:60px;
	left:400px;
	width:284px;
	height:234px;
	float:right;
	font-size:11px;
	text-align:left;
	float:left;
}
.bloc_pas_client_contenu {
	font-size:14px;
	text-align:right;
	position:relative;
	width:284px;
	top:40px;
	right:25px;
	float:right;
}
.bloc_pas_client_contenu span {
	font-weight:bold;
}

.cliquez1 a {
	position:absolute;
	top:50px;
	right:6px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#187e4b;
}
.cliquez1 a:hover {
	color:#CC3300;
}
.cliquez2 a {
	position:absolute;
	top:93px;
	right:6px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#CC3300;
}
.cliquez2 a:hover {
	color:#187e4b;
}
.cliquez3 a {
	position:absolute;
	top:134px;
	right:6px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#187e4b;
}
.cliquez3 a:hover {
	color:#CC3300;
}
.sous_bloc {
	position:relative;
	top:80px;
	left:100px;
	width:570px;
	height:50px;
	text-align:center;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
}
.sous_bloc_acceuil {
	position:relative;
	top:10px;
	left:30px;
	width:700px;
	height:auto;
	text-align:center;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}
.sous_bloc_acceuil a {
text-decoration:none;
	font-weight:bold;
	color:#CC3300;
}

/*################################################################### LA LETTRE ORALIA */

.lettre_haut {
	position:relative;
	top:0px;
	left:0px;
	width:675px;
	height:auto;
}
.lettre_bas {
	float:left;
	position:relative;
	top:10px;
	left:0px;
	width:675px;
	height:auto;
}
.derniere_parution {
	position:relative;
	float:left;
	left:20px;
	width:460px;
	height:auto;
}
.precedentes_lettres {
	position:relative;
	float:left;
	left:30px;
	width:600px;
	height:auto;
}
.telecharger_pdf {
	position:relative;
	top:-12px;
	float:right;
	right:-5px;
	background-image:url(../images/telecharger_pdf.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:35px;
	display:block;
	cursor:pointer;
}
.lettre {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/lettre_grand2.jpg);
	width:150px;
	height:212px;
	float:left;
}
.illustr_dos_loc {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/illustr_dossier_loc.jpg);
	width:200px;
	height:212px;
	float:left;
}
/*######################################################### PAGE ENGAGEMENTS */

.la_volonte {
	height:40px;
	left:5px;
	position:relative;
	font-size:22px;
	color:#187e4b;
	font-weight:bold;
	font-style:italic;
}
.bloc_courant_engagements {
	position:relative;
	margin:-5px 0 0 0;
	top:0px;
	left:25px;
	width:675px;
	font-size:12px;
	color:#535353;
	float:left;
}
.bloc_courant_engagements a {
	color:#cc3300;
	text-decoration:none;
}
.bloc_oralia {
	top:5px;
	position:relative;
	width:50px;
	font-weight:bold;
	color:#187e4b;
	text-align:right;
}
.bloc_arguments {
	top:-11px;
	left:55px;
	float:left;
	position:relative;
	width:625px;
	height:auto;
	line-height:20px;
}
.ethique {
	position:relative;
	top:0px;
	float:left;
	left:0px;
	background-image:url(../images/bouton_ethique.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:46px;
}
.competences {
	position:relative;
	/*top:-12px;*/
	float:left;
	left:0px;
	background-image:url(../images/bouton_competences.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:46px;
}
.transparence {
	position:relative;
	/*top:-12px;*/
	float:left;
	left:0px;
	background-image:url(../images/bouton_transparence.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:46px;
}
.innovation {
	position:relative;
	/*top:-12px;*/
	float:left;
	left:0px;
	background-image:url(../images/bouton_innovation.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:46px;
}

/*####################################################### PAGE GARANTIE OR */

.logo_garantie_or {
	position:relative;
	left:0px;
	top:4px;
	width:200px;
	height:83px;
	background-image:url(../images/Logo_Garantie_OR.jpg);
	background-repeat:no-repeat;
	float:left;
}
.logo_petit {
	position:relative;
	left:0px;
	top:0px;
	width:50px;
	height:19px;
	background-image:url(../images/Logo_Garantie_OR_petit.jpg);
	background-repeat:no-repeat;
	float:right;
}

/*########################################################## PAGE RECRUTEMENT */

.bloc_courant_recrut {
	position:relative;
	margin:-5px 0 0 0;
	top:0px;
	left:28px;
	width:670px;
	font-size:12px;
	color:#535353;
	float:left;
	height:auto;
}
.bloc_courant_recrut a {
	text-decoration:none;
}
.recrut_intro {
	position:relative;
	margin:0;
	top:-4px;
	left:0px;
	height:auto;
	text-align:left;
}
.inter_blocs {
	position:relative;
	top:0px;
	left:0px;
	width:670px;
	height:45px;
	background-image:url(../images/inter_blocs.jpg);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}
.annonce_type {
	position:relative;
	top:0px;
	left:0px;
	width:670px;
	float:left;
	height:auto;
	border:solid 1px #bfbfbf;
}
.annonce_texte {
	position:relative;
	top:0px;
	left:25px;
	width:570px;
	font-size:12px;
	color:#535353;
	float:left;
	height:auto;
}
.arbre {
	position:relative;
	top:10px;
	left:10px;
	width:65px;
	height:77px;
	background-image:url(../images/arbre_annonces.jpg);
	background-repeat:no-repeat;
	float:left;
}
/*######################################################## MENU pages pratique */

.bloc_alphabet {
	color:#707070;
	font-weight:bold;
	font-size:16px;
	height:30px;
	width:670px;
}
.bloc_alphabet a {
	color:#cc3300;
}
.bloc_alphabet a:hover {
	color:#707070;
}
.lettrine {
	color:#CCCCCC;
	font-weight:lighter;
	font-size:65px;
}
.bloc_lexique {
	padding-right:10px;
	height:450px;
	width:670px;
	overflow: auto;
}
.logo_insee {
	margin-right:15px;
	position:relative;
	height:75px;
	width:75px;
	background-image:url(../images/logoINSEE.jpg);
	background-repeat:no-repeat;
	float:left;
}
/*######################################################## PAGE CREDITS */

.credit_bloc {
	width:675px;
	height:185px;
}
.credit1 {
	float:left;
	width:432px;
	height:185px;
}
.illustr_credit1 {
	float:left;
	width:243px;
	height:185px;
	background-image:url(../images/Illustration_credit1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.illustr_credit2 {
	float:left;
	width:243px;
	height:185px;
	background-image:url(../images/Illustration_credit2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.illustr_credit3 {
	float:left;
	width:243px;
	height:185px;
	background-image:url(../images/Illustration_credit3.jpg);
	background-repeat:no-repeat;
	/*background-position:bottom;*/
}
/*######################################################## MENU LATERAL DROITE */

.lateral {
	position:relative;
	margin:-50px 0 10px 0;
	width:216px;
	height:auto;
	left:19px;
	top:0px;
	float:left;
	z-index:800;
}
.carte {
	position:relative;
	background-image:url(../images/carte.png);
	width:165px;
	height:165px;
	left:20px;
	top:0;
	float:left;
	z-index:801;
}
.lien_carte {
	width:165px;
	height:165px;
	display:block;
	z-index:802;
	cursor:pointer;
}
.lateral_1 {
	position:relative;
	margin:-5px 0 0 0;
	width:216px;
	height:62px;
	background-image:url(../images/lateral_petit_vert.jpg);
	float:left;
}
.lateral_2_haut {
	position:relative;
	margin:-5px 0 0 0;
	width:216px;
	height:45px;
	background-image:url(../images/lateral_grand_haut_rouge.jpg);
	background-repeat:no-repeat;
	float:left;
}
.lateral_2_haut_plus {
	position:relative;
	margin:-5px 0 0 0;
	width:216px;
	height:55px;
	background-image:url(../images/lateral_grand_plus.jpg);
	background-repeat:no-repeat;
	float:left;
}
.lateral_2_fond {
	position:relative;
	width:216px;
	background-image:url(../images/lateral_grand_fond.jpg);
	background-repeat:repeat-y;
	float:left;
}
.lateral_2 {
	position:relative;
	list-style:none;
	float:left;
}	
.lateral_2 li {
	position:relative;
	width:200px;
	list-style:none;
	float:left;
}
.lateral_2 a {
	position:relative;
	margin:0 0 0 20px;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#cc3300;
	float:left;
}
.lateral_2 a:hover {
	color:#187e4b;
}
.lateral_2_bas {
	position:relative;
	width:216px;
	height:28px;
	background-image:url(../images/lateral_grand_bas.jpg);
	background-repeat:no-repeat;
	float:left;
}
.lateral_3_haut {
	position:relative;
	margin:-5px 0 0 0;
	width:216px;
	height:45px;
	background-image:url(../images/lateral_grand_haut_vert.jpg);
	background-repeat:no-repeat;
	float:left;
}
.lateral_3 {
	position:relative;
	width:216px;
	background-image:url(../images/lateral_grand_fond.jpg);
	background-repeat:repeat-y;
	float:left;
}	
.lateral_3 li {
	width:200px;
	position:relative;
	list-style:none;
	float:left;
}
.lateral_3 a {
	position:relative;
	margin:0 0 0 20px;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#187e4b;
	float:left;
	z-index:810;
}
.lateral_3 a:hover {
	color:#cc3300;
}
.lateral_3_bas {
	position:relative;
	top:0px;
	width:216px;
	height:28px;
	background-image:url(../images/lateral_grand_bas.jpg);
	background-repeat:no-repeat;
	float:left;
}
.lateral_4 {
	position:relative;
	margin:-5px 0 0 0;
	width:216px;
	height:62px;
	background-image:url(../images/lateral_petit_rouge.jpg);
	float:left;
}	
.titres_bulles {
	position:relative;
	margin:15px 20px 0 0;
	float:right;
}
.titres_bulles a {
	color:#FFFFFF;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
.titres_bulles a:hover {
 	color:#d2d2d2;
}

/*########################################################################### PAGE LOCATION/VENTE */
.haut_resultats {
position:relative;
width:685px;
height:100px;
border:solid #CCCCCC 1px;
left:-10px;
}

div#zone_resultats_recherche {
	float:left; 
	margin-left:-16px; 
	width:702px;
}

.resultats_recherche a {
	color:#333333;
	font-size:11px;
}

.resultats_recherche a:hover {
	color:#CC3300;
}

div#zone-icone {
	position:absolute; 
	top:39px; 
	left:505px;
	z-index:10;
}

div#detail-contenu {
	position:relative; 
	top:0px; 
	margin-left:-10px; 
	width:470px;
}

div#detail-col-droite{
	position:absolute; 
	top:20px; 
	left:458px; 
	width:227px;
}

div#diaporama-colonne-vignette {
	float:left; 
	width:88px; 
	height:66px; 
	margin-left:14px; 
	margin-top:8px; 
	overflow:hidden;
}

div#detail-contenu-titre {
	width:435px;
	color:#cc3300; 
	margin-left:0px; 
	padding-left:18px; 
	padding-top:0px; 
	font-size:16px;
	background-image:url(../images/fond_detail_titre.jpg);
	background-repeat:no-repeat;
	height:32px; 
	font-weight:bold;
}

div#detail-contenu-titre-transaction {
	width:435px;
	color:#187e4b; 
	margin-left:0px; 
	padding-left:18px; 
	padding-top:0px; 
	font-size:16px;
	background-image:url(../images/fond_detail_titre.jpg);
	background-repeat:no-repeat;
	height:32px; 
	font-weight:bold;
}

div#detail-contenu-haut {
	position:relative; 
	left:8px; 
	width:452px; 
	text-align:justify;
}
.telecharger_loc {
	position:relative;
	top:-2px;
	float:left;
	background-image:url(../images/telecharger_pdf.jpg);
	background-repeat:no-repeat;
	width:110px;
	height:35px;
	display:block;
	cursor:pointer;
}

/*########################################################################### PAGE COMPTE CLIENT */

.bloc_compte_haut {
	position:relative;
	margin-top:-6px;
	text-align:left;
	top:0px;
	left:15px;
	width:940px;
	height:30px;
	background:url(../images/fond_grand_haut.jpg);
	float:left;
}
.bloc_compte_fond {
	position:relative;
	left:15px;
	width:940px;
	background-image:url(../images/fond_grand_fond.jpg);
	background-repeat:repeat-y;
	float:left;
}
.bloc_compte {
	position:relative;
	margin:-5px 0 0 0;
	top:0px;
	left:28px;
	width:885px;
	font-size:12px;
	color:#535353;
	float:left;
}
.bloc_compte_bas  {
	position:relative;
	left:0;
	width:940px;
	height:30px;
	background:url(../images/fond_grand_bas.jpg);
	float:left;
}

/*############################################################################################### SPECIAL */

/*permet de cacher un bloc de texte*/
.cache {
	display:none;
}
.spacer {
  clear: both;
}
.exposant {
	font-size:9px;
}

/*################################################################################### Placement du footer */

.footer {
	clear:both;
	position:relative;
	width:1000px;
	height:40px;
	background-image:url(../images/basfond.jpg);
	background-repeat:no-repeat;
	text-align:right;
	margin:0 auto;
	z-index:1;
}
.textfooter {
	position:relative;
	font-weight:bold;
	font-size:10px;
	right:25px;
	top:-3px;
	color:#a0a0a0;	
}
.textfooter a {
	color:#a0a0a0;
	text-decoration:none;
}

/*################################################################################### DEMO COMPTE CLIENTS */

.demo {
top:-35px;
position:relative;
height:55px;
width:105px;
background-image:url(../images/demo.jpg);
float:right;
cursor:pointer;
}
.compte_copro {
position:relative;
left:30px;
width:600px;
height:420px;
background-image:url(../images/compte_copro.jpg);
background-repeat:no-repeat;
}
.compte_bailleur {
position:relative;
left:30px;
width:600px;
height:370px;
background-image:url(../images/compte_bailleur.jpg);
background-repeat:no-repeat;
}
.les_plus_logo {
position:relative;
float:left;
left:0px;
width:189px;
height:98px;
background-image:url(../images/les_plus.jpg);
background-repeat:no-repeat;
}