/* CSS Document */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
		font-size: 12px;
        background-color: #FFFFFF;
        }
h2 {
text-transform:uppercase;
font-size:160%;
text-align:center;
margin:10px 0px;
}
h3 {
text-transform:uppercase;
font-size:140%;
letter-spacing:3px;
margin:20px 0px 8px 60px;
	clear:both;
}
h4 {
text-transform:uppercase;
font-size:110%;
font-weight:bold;
letter-spacing:2px;
margin:10px 8px 20px 8px;
text-align:center;
}
h5 {
text-transform:uppercase;
font-size:120%;
letter-spacing:2px;
margin:10px 0px 8px 84px;
padding:0;
}
a {
text-decoration:none;
color:#009966;
}
a:hover {
text-decoration:underline;
}
ul {
margin:10px;
padding:0;
}
li {
margin:3px 12px;
}
img {
border:none;
}
/*********** structure ******************/
div#global {
	width: 990px;
	margin: 6px auto;
	position: relative;
	background:#FFffff;
	border:#FF9797 1px solid;
	}
div#header {
	clear:both;
	overflow: auto;
	height:244px;
	}
div#content {
	overflow: auto;
	background-color:#ffffff;
	margin:0px 2px;
	padding:0;
	}
div#footer {
	width: 990px;
	margin: 6px 0px;
}

/*********** header ******************/
#header h1 {
	position:absolute;
	top:169px;
	right:7px;
	font-weight:bold;
	font-size: 160%;
/*	color:#FF9797; */
	color:#ff3300;
	margin:0;
	text-align:center;
}
.space {
	letter-spacing:2px;
	color:#cc9900;
	text-transform:uppercase;
	font-size: 60%;
}
#menu ul {
	margin:0;
	list-style-type:none;
	position:absolute;
	top:194px;
	left:6px;
}
#menu ul li {
	float:left;
	margin:0px 5px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.2em;
}
.petit {
	font:normal 80% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}
#menu a {
 	display: block;
	padding:10px 0px 0px 0px;
	color:#000000;
	height:39px;
	background-image:url(images/onglet.jpg);
	width:167px;
}
#menu a:hover {
	background-image:url(images/onglet2.jpg);
	padding:18px 0px 0px 0px;
	height:31px;
	text-decoration:none;
}
#bouton_fixe {
	position:absolute;
	top:220px;
	right:10px;
	background-image:url(images/fond_btn_fixe.jpg);
	padding:0px 6px 0px 6px;
}
#saisie_email {
display:none;
}

/*********** footer ******************/
#footer img {
float:right;
margin:-5px 10px 0px 0px;
}

/*********** content ******************/
div#gauche {
	float:left;
	width:280px;
	margin:4px 0px 0px 2px;
}
div#milieu {
	margin:28px 320px 0px 303px;
}
div#droite {
	float:right;
	width:310px;
	margin:20px 4px 0px 0px;
}
/*********** milieu ******************/
img.carte {
border:#FF9797 1px solid;
}
#milieu ul {
	margin:10px 0px 0px 60px;
	font-weight:bold;
}
#milieu li {
	font-weight:normal;
}

#milieu input.droite {
	float:right;
	margin:0px 0px 0px 30px;
}
#milieu th {
	background-color:#ffdbdb;
	border:#ff9999 1px solid;
	padding:4px;
}
#milieu th.resultat {
	background-color:#FFFF99;
}
#milieu input.resultat {
	background-color:#FFFF99;
	text-align:right;
	font-weight:bold;
}
#milieu table {
	border:#ff9999 1px solid;
}
/*********** gauche ******************/
#gauche p {
	margin:6px 0px;
	text-align:justify;
}
#intro p:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
	font:bold 250% Verdana, Arial, Helvetica, sans-serif;
   color:#CC9900;
   margin-right: 2px; /* marge de 5px à droite pour que ça colle pas trop au reste du texte */
   padding:2px 2px 2px 2px;
}
#liste_annonces_dept {
	margin:10px 0px;
	background-color:#3D8383;
	background-image:url(images/fond_liste.jpg);
	background-attachment:inherit;
	height:560px;
	padding:4px;
	border:#000000 1px solid;
	color:#FFFFff;
	overflow:auto;
}
#liste_annonces_dept p:first-letter {
  color:#FFFF99;
  margin-top:10px;
}
#lib_annonce {
	clear:both;
}
#lib_annonce img {
	float:left;
	margin:4px 5px 4px 0px;
}

#liste_annonces_dept a,  #centregauche table a {
	font-weight:bold;
	color:#FFFFcc;
}
#centregauche table {
	margin-top:10px;
	border:#330000 1px solid;
	width:100%;
	color:#FFFFff;
	background-color:#3D8383;
	background-image:url(images/fond_table.jpg);
}
#centregauche td {
	text-align:center;
	width:33%;
	padding:5px;
}
#centregauche table img {
	border-bottom:#ffffff 2px solid;
	border-right:#ffffff 2px solid;
	border-top:#ffffcc 2px solid;
	border-left:#ffffcc 2px solid;
	margin-bottom:20px;
}
/*********** droite ******************/
#agences p.titre, #annonces p.titre, #news p.titre, #login p.titre {
	height:25px;
	padding:36px 0px 0px 60px;
	font-weight:bold;
	text-transform:uppercase;
}
#agences p.titre, #annonces p.titre {
	width:240px;
}
#news p.titre {
	width:220px;
	background-image:url(images/titre_news.jpg);
	margin:10px 0px 0px 0px;
}
#login p.titre {
	width:220px;
	background-image:url(images/titre_login.jpg);
	margin:10px 0px 0px 0px;
}

#droite p.titre {
	margin:10px 0px 0px 10px;
}
#milieu p.titre {
	margin:10px 0px 0px 10px;
}

#agences p.titre {
	background-image:url(images/titre_projecteur.jpg);
}
#agences p {
margin:5px 0px 0px 0px;
padding:0;
}
#agences a {
	font-weight:normal;
	font-size:90%;
}
#annonces p.titre {
	background-image:url(images/titre_coeur.jpg);
}
.bloc {
	overflow:auto;
	border:#CC9900 1px solid;
	border-top:none;
	background-color:#ffffec;
	padding:4px;
	font-weight:bold;
}
#news .bloc, #login .bloc {
	width:250px;
	margin:0px 10px 10px 10px;
}
#agences .bloc {
	width:270px;
}
#droite .bloc {
	margin:0px 10px 10px 20px;
}
#milieu .bloc {
	margin:0px 10px 10px 20px;
}
#news form, #login form {
	margin:0;
	padding:2px;
}
#droite input, #droite select {
	margin-bottom:3px;
}
/*********** tarifs ******************/
 img.tarifs1 {
	margin:20px 0px 0px 10px;
}

/*********** pages annexes ******************/
#centregauche {
	overflow: auto;
	width:600px;
	margin:10px 0px 10px 10px;
	padding:10px;
}
#centredroit {
float:left;
	overflow: auto;
	width:600px;
	margin:16px 40px 10px 30px;
	padding:6px;
	font-size:140%;
	color:#FF9797;
}
#centredroit img.photo {
	border:#000000 2px solid;
	margin-bottom:20px;
	margin-right:3px;
}
#centredroit h1{
	letter-spacing:3px;
	color:#cc9900;
	font-size:120%;
	margin:0px 0px 6px 0px;
	padding:0;
}
#centredroit p {
	margin:0px 0px 6px 0px;
	padding:0;
}
#espace_gauche {
	float:left;
	width:260px;
	margin:10px 0px 10px 10px;
	background-color:#FFFFCC;
	border:#cc9900 2px dashed;
	font:normal 120% Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
}
#espace_droite {
	position:relative;
	display:block;
	margin:10px 20px 10px 330px;
	background-color:#ffdbdb;
	border:#cc9900 2px dashed;
	padding:6px 10px;
	width:600px;
}
#une_colonne {
	margin:10px 0px 10px 150px;
	padding:10px;
	width:700px;
	background-color:#FFFFCC;
	border:#cc9900 2px dashed;
}
#une_colonne p {
	margin:8px 10px;
}
#une_colonne p:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
	font:bold 250% Verdana, Arial, Helvetica, sans-serif;
   color:#CC9900;
   margin-right: 4px; /* marge de 5px à droite pour que ça colle pas trop au reste du texte */
   padding:2px 2px 2px 2px;
}
#une_colonne ul {
	margin:20px 0px 8px 65px;
}
#une_colonne li {
	margin-bottom:20px;
}

#vendu {
position:absolute;
top:360px;
left:460px;
}
#mensualites {
	position:relative;
	padding:10px;
	background-color:#FFFFCC;
	border:#cc9900 2px dashed;
}
.coordonnees {
	margin-left:170px;
	font-size:120%;
	font-weight:bold;
}
#formulaire {
	position:relative;
	display:block;
	margin:10px 0px 10px 150px;
	padding:6px 10px;
	background-color:#ffdbdb;
	border:#cc9900 2px dashed;
	width:700px;
}
#formulaire table, #espace_droite table {
	width:100%;
	background-color:#ffcaca;
	border:#cc3300 2px solid;
}
#formulaire input, #espace_droite input, #formulaire select, #espace_droite select, #formulaire textarea, #espace_droite textarea {
	font-weight:bold;
	font-size:12px;
}
td.td_gauche {
	width:136px;
	text-align:right;
	vertical-align:top;
	padding:6px 6px 0px 0px;
}
td.td_centre {
	text-align:center;
}
td.desc {
font-weight:bold;
padding:10px 30px;
}
td.td_droit {
	text-align:left;
	vertical-align:top;
}
td.td_seul {
	padding-left:80px;
	text-align:left;
}
#espace_droite td {
	height:30px;
}
#espace_droite a {
	color:#CC6600;
	font-weight:bold;
}
#btn {
	float:right;
	margin:10px 0px 10px 0px;
}

.smallfont, p.smallfont {
	font-size:11px;
}
.verysmallfont {
	font-size:9px;
}
#message {
	position:relative;
	display:block;
	margin:20px 270px 40px 270px;
	padding:30px 10px;
	background-color:#ffdbdb;
	border:#cc9900 2px dashed;
	width:420px;
	font:bold 140% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.prix {
	text-align:right;
}
#message_pseudo {
	color:#FF3300;
	margin-left:4px;
}

#pourlesagences {
margin-top:10px;
}
#validation {
display:none;
}
#maj_mdp {
display:none;
font-size:80%;
}
#aide_saisie_annonce {
display:none;
}
/*#departements {
	background-image:url(images/fond_departement.jpg);
	width:208px;
	height:35px;
	padding:11px 0px 0px 15px;
	margin:0px 0px 0px 60px;
	font-size:90%
}
select#dpt {
font-size:14px;
}*/
#styles {
margin:10px 6px 10px 6px;
background-color:#eeeeee;
padding:6px;
}
img.pub {
	border:#000000 1px solid;
}

/*********** divers ******************/
.couleur1 {
color:#CC9900;
}
.couleur2 {
color:#FF3300;
}
.couleur3 {
color:#993300;
}