/* CSS Document */

/*général*/
body
{
	top:0;
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	background:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

a img
{
	border:none;
}

a
{
	color:#80BDFF;
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
}

p
{
	margin:0;
}

input, select
{
	font-size:12px;
	border:1px solid #C0C0C0;
}

textarea
{
	border:1px solid #C0C0C0;
}

.radio, .checkbox
{
	border:none;
}

/**LES TABLEAUX*/
table
{
	border-spacing:0px;
}

table tr th
{
	font-weight:bold;
	/*background-image:url(../_images/picto_orange.gif);*/
	background-repeat:no-repeat;
	background-position:left;
	padding:4px 4px 4px 4px;
}

table tr td
{
	padding:4px 4px 4px 4px;
	font-size:0.9em;
}

table .titre
{
	background:#A0A0A0;
	font-weight:bold;
	color:white;
	height:25px;
}

table .titre_annonce
{
	background:url(../_images/fond_4.png);
	background-repeat:repeat-x;
	font-weight:bold;
	color:white;
	height:25px;
	font-size:1.2em;
	border-collapse : collapse;
}

.entourer
{
	border:1px solid #999;
}

.tablo_blanc, .blanc
{
	background-color:white;
}

.gris
{
	background:#E3F1FF;
}
table.tablo_blanc tr td
{
	border-bottom:3px solid #F3F3F3;
}

table.annonce
{
	background-color:#F3F3F3;
	font-size:1.1em;
	border-collapse : collapse;
	border:1px solid #A3A3A3;
}

table.annonce_fiche
{
	background-color:white;
	font-size:1em;
	border-collapse : collapse;
	
}

/*****************************************************************************
*************************positionnement des blocs*****************************
*****************************************************************************/
#global
{
	position: relative; /* on positionne le conteneur */
	margin-top:0;
	top:0;
	margin-left: auto;
	margin-right: auto;
	width:900px;
	text-align:left;
	background-color:white;
}

#header
{
	position:relative;
	background-image:url(../_images/bandeau.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:100px;/*Hauteur a changer selon l'image de fond*/
	top:0;
	margin:0;
	padding:0;
	border-top:1px solid transparent;
}

#centre
{
	position:relative;
	margin:10px 0 15px 0;
	padding:0;
	background:#fff;
	overflow:hidden;
}

#menu
{
	float: left;
	width: 167px;
	height:100%;
}

#contenu
{
	padding:0 0 0 20px;
	margin:0;
	overflow: hidden;
	background: #fff;
	height:100%;
}


#footer
{
	position:relative;
	height:20px;
	background:url(../_images/fond.jpg) repeat;
	padding:10px;
	clear:both;
}

/**************************************************************************
***********************************le header*******************************
**************************************************************************/
#header h1
{
	font-size:2.4em;
	text-align:center;
	/*display:none;*/
}


/*************************************************************************
***********************************le menu********************************
*************************************************************************/
#menu a
{
	color:#FF9422;
	font-weight:bold;
}

.menu_principal .haut, #ss_menu .haut, #connexion .haut
{
	background:url(../_images/haut_menu.gif) no-repeat transparent;
	color:white;
	height:25px;
	margin:0;
	line-height:22px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li
{
	padding:0 0 0 15px;
	background-image:url(../_images/fond_menu.gif);
	background-repeat:no-repeat;
	height:31px;
	font-size:0.9em;
}

#menu ul li:hover
{
	padding:0 0 0 15px;
	background-image:url(../_images/fond_menu_over.gif);
	background-repeat:no-repeat;
	height:31px;
}

#menu ul li a
{
	color:black;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
}

#menu ul li a:hover
{
	text-decoration:underline;
}

#connexion
{
	background:#F3F3F3;
}

#connexion p
{
	margin:0;
	padding:5px;
}

#connexion .haut
{
padding:0;
}
#connexion input
{
	width:140px;
	border:1px solid #666;
	background:white;
	font-size:1em;
}

#connexion input:focus
{
	background:#dedede;
}


/*************************************************************************
*********************************le contenu*******************************
*************************************************************************/
#contenu .bloc
{
	background:#F3F3F3;
	width:710px;
}

#contenu .bloc2
{
	background:#F3F3F3;
	
	padding : 6px ;
	}

#contenu .bloc .haut_bloc
{
	background-image:url(../_images/haut_cadre.gif);
	background-repeat:no-repeat;
	height:20px;
	margin:0;
}

#contenu .bloc .bas_bloc
{
	background-image:url(../_images/bas_cadre.gif);
	background-repeat:no-repeat;
	height:10px;
	margin:0;
}

#contenu .bloc h2
{
	font-size:1.2em;
	color:white;
	padding:2px 0 0 25px;
}

#contenu .bloc .milieu_bloc
{
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	margin:0;
	padding:5px 10px 0 10px;
}

#contenu .bloc .milieu_bloc p
{
	margin:0;
	padding:0 0 7px 0;
}

#contenu .bloc .milieu_bloc a
{
	color:#80BDFF;
	font-weight:bold;
}
#contenu .bloc .milieu_bloc a:hover
{
	text-decoration:none;
}

#contenu .bloc .milieu_bloc h3
{
	color:#666666;
	letter-spacing:3px;
	background-image:url(../_images/picto_gris.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0 0 0 14px;
	font-size:1.3em;
}

/*petit bloc*/
#contenu .petit_bloc
{
	background:#F3F3F3;
	width:335px;
}

#contenu .petit_bloc .haut_bloc
{
	background-image:url(../_images/haut_cadre_2.gif);
	background-repeat:no-repeat;
	height:20px;
	margin:0;
}

#contenu .petit_bloc .bas_bloc
{
	background-image:url(../_images/bas_cadre_2.gif);
	background-repeat:no-repeat;
	height:10px;
	margin:0;
}

#contenu .petit_bloc h2
{
	font-size:1.2em;
	color:white;
	padding:2px 0 0 25px;
}

#contenu .petit_bloc .milieu_bloc
{
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	margin:0;
	padding:5px 10px 0 10px;
}

#contenu #inscription
{
	width:710px;
	position:relative;
}
#contenu #inscription #deja_inscrit
{
	position:relative;
	float:left;
	width:335px;
	margin-bottom:160px;
}

#contenu #inscription #nouvel_inscription
{
	position:relative;
	float:right;
	margin-right:0px;
	width:335px;
	margin-bottom:20px;
}

/*details d'une annonce page accueil*/
#centre .bloc .milieu_bloc .bloc_annonce
{
	font-size:11px;
	color:#000;
	float:left;
	position:relative;
	padding:0 5px 0 5px;
}

#centre .bloc .milieu_bloc .bloc_annonce a
{
	font-size:11px;
	color:#000;
	text-decoration:none;
	font-weight:lighter;
}

#centre .bloc .milieu_bloc .bloc_annonce .prix
{
	color:#0B498B;
	font-weight:bold;
}
#centre .spacer
{
	clear: both;
}
/******************************************************************************
**************************************Element général**************************
******************************************************************************/
.gras
{
	font-weight:bold;
}
.italique
{
	font-style:italic;
	font-size:0.9em;
}
.align_droit
{
	text-align:right;
}
.align_centre
{
	text-align:center;
}
.align_top
{
	vertical-align:top;
}
.erreur
{
	color:red;
	font-weight:bold;
}
.ok
{
	color:#00CC33;
	font-weight:bold;
}
.horizon
{
	border-bottom:1px solid #fff;
}
.petit_noir
{
	font-size:0.7em;
	color:black;
}
.petit_orange
{
	font-size:0.8em;
	color:#FFBC07;
}

.info_bulle
{
	font-size:0.9em;
}

.entourage
{
	border:1px solid #a3a3a3;
	margin-top:5px;
	padding :5px;
	background-color : #FFFFFF;
}

.entourage:hover
{
	border:1px solid #ffffff;
	margin-top:5px;
	padding :5px;
	background-color : #87C1FF;
}

.prix
{
	color:#0B498B;
}

.chemin
{
	color:#0B498B;
	font-size : 12px;
	padding : 0 0 8px 0;
	margin  : 0;
}


/*pour les images au survol*/
.lien_image {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
.lien_image:hover {
background: none; /* correction d'un bug IE */
}
.lien_image .image { /* définition de la balise <span> inclue dans <a> */
display: none;
}
.lien_image:hover .image { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
width: 150px;
text-align: center;
color: white;
margin-left:30px;
border:1px solid #555;
}

#map
{
	border:1px solid #C0C0C0;
	height:330px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px; 
}


/*systeme de pagination*/
#page
{
	position:relative;
	text-align:center;
}
.form_page
{
	display:inline;
	text-align:center;
}

.num_page a
{
	display:inline;
	border:1px solid #FFBC07;
	background:#0695ce;
	padding:1px;
	color:white;
	cursor:pointer;
	margin-left:2px;
	text-decoration:none;
}

.num_page a:hover
{
	background:#28A9DD;
	border: 1px solid #FFBC07;
}

.num_page_actif
{
	display:inline;
	border:1px solid #FFBC07;
	background:white;
	padding:1px;
	color:black;
	margin-left:2px;
	
}

.image_galerie
{
	text-align:center;
	cursor:pointer;
	height:110px;
	width:150px;
	background-position:center;
	border:1px solid #a3a3a3;
	margin-top:5px;
	padding :5px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.image_galerie:hover
{
	border:1px solid #ffffff;
	margin-top:5px;
	padding :5px;
	background-color : #87C1FF;
}

/**********************************************************************************
************************************Galerie photo**********************************
***********************************************************************************/
div#galerie
{
	background:white;
	padding: 15px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

#galerie .image_galerie
{
	text-align:center;
	cursor:pointer;
	height:110px;
	width:150px;
	background-position:center;
	border:1px solid #a3a3a3;
	padding :5px;
	background-color:#FFFFFF;
	vertical-align:top;
}
#galerie .image_galerie:hover
{
	border:1px solid #ffffff;
	margin-top:5px;
	padding :5px;
	background-color : #87C1FF;
}


dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font-size:2em;
	color: black ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #898989 ;
}

/*Fin galerie photo*/


/****************************************************************************
**************************************le footer******************************
****************************************************************************/
#footer p
{
	margin:0;
	padding:0;
	text-align:center;
}