body {
padding:5px 0px 10px 0px;
margin:0px;
background:url(../../images/fond_page.jpg) repeat-x;
font-family:arial;
font-size:11px;
}

a{
text-decoration:none;
color:#c00000;
}

h1 {
font-size:14px;
}

p {
margin:10px auto;
}

img {
border:0px;
}

form {
margin:0px;
}

select {
background-color:white;
}

#banniere, #contenu, #footer, #menu {
width:950px;
margin:0px auto;
text-align:center;
}

#banniere {
height:124px;
}

#pub {
width:600px;
margin-top:22px;
padding-left:0px;
padding-right:40px;
height:100px;
float:right;
text-align:center;
}

#pub_laterale {
width:300px;
height:280px;
margin:20px auto 0px auto;
clear:both;
}

html>body #contenu {
height: auto;
min-height: 500px;
} 

#contenu {
height:500px;
background:white;
border-top:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
background:url(../../images/fond_page.jpg) repeat-x 0px -25px;
padding-bottom:10px;
}

#page_gauche {
float:left;
width:350px;
margin:10px 0px;
border-right:3px solid #e0e0e0;
text-align:left;
}

#page_droite{
width:597px;
float:left;
margin:10px 0px;
}

#footer {
clear:both;
background:#606060;
color:white;
height:20px;
line-height:20px;
border:1px solid #404040;
text-align:center;
font-size:11px;
}

#footer a{
color:white;
font-size:11px;
font-weight:bold;
}

/*=============================================================== Menu ===================================================================*/
#menu {
width:952px;
height:30px;
clear:both;
}

#menu ul , #menu ul li ,#menu ul li a{
height:24px;
line-height:24px;
}

#sous_menu{
width:952px;
margin:0px auto;
display:block;
height:20px;
line-height:20px;
font-size:1px;
background:#003366;
}

#menu ul{
margin:0px 0px 0px 0px;
padding:0px;
text-align:center;
font-weight:bold;
}

#menu ul li {
width:97px;
float:right;
list-style-type:none;
padding:0px 1px 0px 0px;
}

#menu ul li a{
width:97px;
display:block;
color:black;
border-top:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
background:url(../../images/fond_bouton_menu.gif) repeat-x bottom;
}

#menu ul li a:hover{
color:#0040a0;
background:right;
}


/*==========================================================================================================================================*/


/*============================================================== Pannel Top ============================================================*/

#pannel_top {
height:50px;
line-height:50px;
text-align:left;
clear:both;
}

#pannel_top div{
float:left;
}

#pannel_top input{
font-size:11px;
}

.pannel_top_p {
height:14px;
line-height:14px;
clear:both; 
font-size:10px; 
margin:0px 0px 0px 15px;
}

#pannel_top p a{
color:black;
}

#panel_top_left {
width:220px;
background:url(../../images/fond_div_login_centre.gif) repeat-x; 
position:relative;
top:-1px;
left:-1px;
padding-left:10px;
color:white;
height:32px;
line-height:32px;
}

#panel_top_left p a{
color:white;
font-weight:bold;
}

.input_search, .input_rubrique,.input_ville  {
border:1px solid #c0c0c0;
color:#808080;
background:url(../../images/fond_input_log.png) no-repeat -3px -3px;
background-color:white;
}

.input_ville {
font-family:verdana;
font-size:13px;
margin:3px 0px 0px 20px;
}

.input_search {
width:250px;
margin:0px 5px 0px 30px;
}

.input_rubrique{
width:152px;
font-size:11px;
margin:0px 0px 0px 5px;
}

.input_connect {
border:1px solid #404040;
color:#808080;
width:80px;
margin-right:7px;
background:url(../../images/fond_input_log.png) no-repeat;
}

.bouton_connect {
font-weight:bold;
background:url(../../images/fond_input_log.png) no-repeat -3px -3px;
border:1px solid #e0e0e0;
color:#707070;
}
/*======================================================================================================================================*/

/*======================================================================Panel Left ========================================================*/
#pannel_left {
text-align:left;
margin:10px 0px 0px 10px;
}
#pannel_left label{
margin-left:30px;
}

#blocDepartements {
text-align:left;
position:absolute;
z-index:2;
margin-left:40px;
width:150px;
display:none;
color:white;
font-size:10px;
}

#blocDepartements ul{
width:150px;
margin:0px;
padding:0px;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
background:#003366;
}

#blocDepartements li{
margin:0px;
padding:0px 0px 0px 3px;
list-style-type:none;
cursor:pointer;
}

#blocDepartements li:hover{
text-decoration:underline;
}
#blocDepartements li span{
font-size:11px;
font-weight:bold;
}
/*========================================================================================================================================*/

/*====================================================================== Région ==========================================================*/
.ul_region {
text-align:left;
padding:0px 0px 0px 40px;
margin:10px 0px 20px 0px;
float:left;
}

.ul_region li{
padding:0px;
margin:0px;
list-style-type:none;
font-weight:bold;
}

.ul_region li a{
color:#0060c0;
}

.ul_region li a:hover{
text-decoration:underline;
color:#c00000;
}
/*=========================================================================================================================================*/

/*============================================================ Categorie =====================================================================*/
.ul_categorie {
text-align:left;
padding:0px;
margin:10px 0px 20px 20px;
font-weight:12px;
}

.ul_categorie li{
height:30px;
line-height:30px;
padding:0px;
margin:0px 0px 0px 10px;
font-weight:bold;
border-bottom:1px solid #eeeeee;
list-style-type:none;
}

.ul_categorie li a{
color:#0060c0;
}

.ul_categorie li a:hover{
text-decoration:underline;
}

.ul_categorie li.li_sous_rubrique{
padding-left:15px;
border-bottom:none;
height:20px;
line-height:20px;
}

.ul_categorie li.li_sous_rubrique a{
color:black;
}

/*============================================================================================================================================*/

/*====================================================================Annonce Une ========================================================*/
#annonces_une {
width:515px;
height:150px;
border:2px solid #e0e0e0;
background:#eeeeee;
margin:15px auto 0px auto;
padding:0px 10px;
}

#annonces_une_left, #annonces_une_centre, #annonces_une_right {
float:left;
height:130px;
margin:10px 0px;
}

#annonces_une_left {
width:30px;
border:1px solid #606060;
background:url(../../images/fonds/fond_bouton_une.gif) repeat-y left;
background-color:#003366;
}

#annonces_une_right {
width:30px;
border:1px solid #606060;
background:url(../../images/fonds/fond_bouton_une.gif) repeat-y right;
background-color:#003366;
}

#annonces_une_left a, #annonces_une_right a{
display:block;
font-size: 1px;
padding:57px 0px;
}

#annonces_une_left a:hover, #annonces_une_right a:hover {
background:#404040;
}

#annonces_une_centre {
width:450px;
background-color:white;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}

#annonces_une_centre div{
float:left;
margin:5px 5px;
width:101px;
height:120px;
text-align:center;
}

#annonces_une_centre img{
display:block;
margin:0px auto;
}

#annonces_une_centre a:hover{
text-decoration:underline;
}
/*=========================================================================================================================================*/

/*=================================================================== Une ================================================================*/
.une {
width:250px;
margin:10px 0px 0px 0px;
padding-left:30px;
float:left;
text-align:left;
}

.une_logo{
width:248px;
height:90px;
border:1px solid #e0e0e0;
}

.une h3{
font-size:11px;
color:#790e11;
background:url(../../images/fond_titre_une.gif) repeat-x bottom;
border:1px solid #a0a0a0;
height:20px;
line-height:20px;
margin-bottom:2px;
padding-left:5px;
}

.une h3 a{
color:#ba2c2c;
}

.une h3 span{
padding-left:10px;
background:url(../../images/pictos/puce_une_titre.gif) no-repeat left center;
}

.une h4{
margin:10px auto 0px auto;
font-size:11px;
border-bottom:1px solid #790e11;
padding-left:15px;
background:url(../../images/pictos/puce_une_sous_titre.gif) no-repeat left center;
}

.une ul {
margin:5px 0px 0px 15px;
padding:0px;
}

.une ul li{
list-style-type:none;
height:20px;
line-height:20px;
color:#790e11;
border-bottom:1px dotted #a0a0a0;
}

.une ul li a{
color:#790e11;
display:block;
font-weight:bold;
}

.une ul li a:hover{
background:url(../../images/fond_bouton_menu.gif) repeat-x bottom;
color:black;

}
/*========================================================================================================================================*/

/*===============================================================Menu Conseil =============================================================*/
#menu_conseil {
margin:0px 20px;
border-top:5px solid #e0e0e0;
font-weight:bold;
}
/*=========================================================================================================================================*/

/*============================================================= Formulaire ==================================================================*/
.formulaire {
width:600px;
margin:10px auto;
}

.formulaire fieldset{
border:1px solid #c0c0c0;
margin:10px auto;
text-align:right;
padding-right:0px;
}

.formulaire fieldset p{
padding-right:200px;
}

.formulaire legend{
font-weight:bold;
}

.formulaire input {
border:1px solid #c0c0c0;
background:url(../../images/fond_input_log.png) no-repeat -3px -3px;
background-color:white;
vertical-align:middle;
}

.formulaire select {
background-color:white;
}

.fieldset_erreur legend{
color:#c00000;
}

.fieldset_erreur span{
color:#c00000;
font-weight:bold;
}

.fieldset_erreur p{
margin-left:30px;
}

.formulaire .checkbox {
border:none;
background:white;
}

.input_erreur {
font-weight:bold;
}

.input_erreur input{
border:2px solid #c00000;
}

.input_erreur select{
border:2px solid #c00000;
}

.input_erreur textarea{
border:2px solid #c00000;
}
/*==========================================================================================================================================*/

/*================================================================Access ======================================================================*/
.access {
width:670px;
height:300px;
margin:40px auto;
}

.access div {
width:300px;
height:300px;
margin:0px 0px 0px 20px;
border:1px solid #c0c0c0;
float:left;
}

.access p{
text-align:justify;
padding:0px 20px;
}

.access p label{
display:block;
}

.access h2 {
font-size:16px;
padding:10px 0px;
margin:0px auto;
}

.access h3 {
font-size:14px;
}
/*==============================================================================================================================================*/

/*====================================================================== Espace Membre et admin ===================================================*/

.admin_page_gauche {
float:left;
width:230px;
text-align:left;
padding-top:30px;
}

.admin_page_gauche h2{
height:43px;
line-height:43px;
padding-left:10px;
vertical-align:middle;
margin:0px 0px 7px 0px;
font-size:12px;
background:url(../../images/fonds/fond_menu_admin_titre.gif) repeat-x;
}

.admin_page_gauche h2 img{
vertical-align:middle;
margin-right:5px;
}

.admin_page_gauche ul{
padding:0px;
margin:0px 0px 7px 40px
}

.admin_page_gauche ul li{
height:30px;
line-height:30px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #e0e0e0;
list-style-type:square;
}

.admin_page_gauche ul li a{
height:30px;
line-height:30px;
display:block;
font-weight:bold;
color:#606060;
}

.admin_page_gauche ul li a:hover{
background-color:#eeeeee;
}

.admin_page_droite {
float:left;
width:715px;
}

.table_admin {
width:670px;
border:1px solid #a0a0a0;
margin:0px auto 10px auto;
clear:both;
}
/*=================================================================================================================================================*/

/*================================================================== Table Admin annonce =============================================================*/
.table_admin_annonce_onglet {
width:670px;
margin:0px auto;
}

.table_admin_annonce_onglet div{
width:190px;
margin-top:10px;
float:left;
border-top:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
background-color:#eeeeee;
height:25px;
line-height:25px;
font-weight:bold;
}

.table_admin_annonce_onglet div a{
color:#a0a0a0;
display:block;
}

.table_admin_annonce_onglet div a:hover{
background-color:#a0a0a0;
color:white;
}

#onglet_actif {
color:black;
background-color:#e0e0e0;
}

/*====================================================================================================================================================*/

/*======================================================================== Conteneur affichage Page ======================================================*/
.conteneur_affichage_page {
height:20px;
margin:0px auto;
}

.bouton_prec_total, .bouton_prec_total_desac {
width:20px;
height:20px;
line-height:20px;
margin-right:1px;
border:1px solid #c0c0c0;
float:left;
color:black;
}

.bouton_suiv_prec, .bouton_suiv_prec_desac {
width:70px;
height:20px;
line-height:20px;
border:1px solid #c0c0c0;
float:left;
color:black;
}

.bouton_suiv_prec {
font-weight:bold;
}

.bouton_prec_total:hover , .bouton_suiv_prec:hover, .bouton_suiv_total:hover, .numero_page:hover {
border:1px solid #a0a0a0;
background-color:#c0c0c0;
color:white;
}

.bouton_suiv_total, .bouton_suiv_total_desac {
width:20px;
height:20px;
line-height:20px;
margin-left:1px;
border:1px solid #c0c0c0;
float:left;
color:black;
}

.bouton_prec_total_desac, .bouton_suiv_prec_desac, .bouton_suiv_total_desac {
background:#eeeeee;
color:#c0c0c0;
}

.div_numero_page {
margin:0px 5px;
height:20px;
line-height:20px;
float:left;
}

.numero_page, .numero_page_ok {
font-weight:bold;
width:25px;
height:20px;
line-height:20px;
border:1px solid #c0c0c0;
display:block;
color:#c00000;
float:left;
margin-right:1px;
}

.numero_page_ok {
font-size:14px;
color:black;
}

/*=======================================================================================================================================================*/

/*============================================================================== Liste des annonces ========================================================*/

.onglet_annonces {
height:20px;
line-height:20px;
margin-top:20px;
clear:both;
border-bottom:1px solid #e0e0e0;
text-align:left;
}

.onglet_annonces a{
width:100px;
height:20px;
line-height:20px;
display:block;
float:left;
border-top:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
text-align:center;
background:url(../../images/fond_titre_une.gif) repeat-x bottom;
color:#505050;
font-weight:bold;
}

.onglet_annonces a span{
width:100px;
height:20px;
line-height:20px;
background:url(../../images/pictos/particulier_petit.gif) no-repeat 7px top;
display:block;
}

.onglet_annonces a span:hover{
background:url(../../images/pictos/particulier_petit.gif) no-repeat 7px bottom;
}

.onglet_annonces a:hover{
background:#eeeeee;
}

.onglet_annonces a.onglet_active {
background:#eeeeee;
}
/*========================================================================================================================================================*/


/*============================================================================ Contact =====================================================================*/

.contact {
width:400px;
padding:10px 40px;
float:left;
border:1px solid #e0e0e0;
background:url(../../images/fond_page.jpg) repeat-x 0px -40px;
margin:0px;
text-align:left;
}

.contact label{
font-weight:bold;
vertical-align:middle;
float:left;
}

.contact p{
margin:10px 30px 10px 0px;
}

.contact input {
border:1px solid #c0c0c0;
background:url(../../images/fond_input_log.png) no-repeat -2px -2px;
}

.contact select {
font-size:11px;
border:1px solid #c0c0c0;
background:url(../../images/fond_input_log.png) no-repeat 0px 0px;
background-color:white;
}

.contact textarea{
width:395px;
height:100px;
border:1px solid #c0c0c0;
background:url(../../images/fond_input_log.png) no-repeat -3px -1px;
}

/*===========================================================================================================================================================*/

/*============================================================================ Panel recherche ================================================================*/
.panel_recherche {
background:url(../../images/fond_page.jpg) repeat-x 0px -40px;
border:1px solid #e0e0e0;
margin:10px 20px;
text-align:left;
padding:0px 20px;
}

.panel_recherche p{
margin:5px auto;
}

.panel_recherche h3{
text-align:center;
font-size:12px;
margin:10px auto;
}

.panel_recherche select, .panel_recherche input{
font-size:11px;
border:1px solid #c0c0c0;
background:url(../../images/fond_input_log.png) no-repeat -3px -3px;
vertical-align:middle;
margin-right:10px;
color:#606060;
}


/*============================================================================================================================================================*/

/*================================================================================= Messagerie ====================================================================*/
.div_messagerie {
width:520px;
border:1px solid #e0e0e0;
margin:20px auto;
text-align:left;
padding:10px 20px 20px 20px;
background:url(../../images/fond_page.jpg) repeat-x 0px -40px;
}

.div_messagerie p{
background:url(../../images/fond_input_log.png) no-repeat -3px -3px;
padding-left:5px;
border:1px solid #e0e0e0;
line-height:20px;
}



/*===============================================================================================================================================================*/


/*================================================================================= Gestion des users ===================================================================*/
.ul_user {
text-align:left;
}

.ul_user li{
list-style-type:none;
margin-bottom:10px;
}



/*=======================================================================================================================================================================*/

.span_red {
color:#c00000;
}

.span_10 {
font-size:10px;
}

.style_a_1 {
font-weight:bold;
color:#c00000;
}

.spacer {
clear:both;
height:1px;
visibility:hidden;
font-size:1px;
line-height:1px;
}