body {
background:white;
font-family:arial;
font-size:11px;
padding:0px;
margin:0px;
}

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

h1 {
font-size:12px;
margin:0px 0px 10px 0px;
}

h2 {
margin:0px auto 10px auto;
font-size:18px;
text-align:left;
color:#116499;
}

.h2_2 {
text-align:left;
font-size:14px;
margin-bottom:20px;
}

h3 {
font-size:14px;
margin:15px auto;
}

p {
margin:10px auto;
}

img {
border:0px;
}

form {
margin:0px;
}

select {
font-size:12px;
border:1px solid #606060;
}

#site {
width:1005px;
margin:0px auto;
background:white url(./../images/fonds/fond_page.jpg) repeat-y center top;
}

#contenu{
width:990px;
height:750px;
text-align:center;
background:url(./../images/fonds/background.jpg) no-repeat center top;
margin:0px auto;
padding-top:10px;
}

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

#page {
width:780px;
margin:0px auto;
border:1px solid #808080;
padding:20px 0px;
}

html>body #page {
background-image:url(./../images/transparent.png) !important;
} 

#page_top {
width:780px;
height:23px;
background:url(./../images/fonds/fond_page_top.png) !important;
}

*html #page_top { 
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./../images/fonds/fond_page_top.png", sizingMethod="scale"); 
} 

#page_gauche {
position:relative;
width:190px;
height:650px;
float:left;
padding:0px 0px 10px 15px;
}

html>body #page_gauche {
height: auto;
min-height:650px;
} 

#page_droite {
position:relative;
width:540px;
padding:10px 10px 10px 20px;
height:300px;
float:left;
}

html>body #page_droite {
position:relative;
height: auto;
min-height:300px;
} 

#footer {
width:988px;
height:103px;
margin:0px auto;
background:url(./../images/fonds/fond_footer.png) no-repeat center center;
font-size:10px;
color:white;
padding-top:1px;
}

*html #footer { 
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./../images/fonds/fond_footer.png", sizingMethod="scale"); 
} 

#footer p{
text-align:center;
font-size:12px;
font-weight:bold;
margin-top:65px;
}

#footer a{
color:white;
}


/*======================================= Banniere ============================================= */
#banniere {
width:780px;
height:51px;
line-height:28px;
text-align:center;
margin:0px auto;
padding:0px;
}

#banniere h1{
margin:0px auto;
text-align:center;
font-size:11px;
}

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

/* ========================================= Menu ============================================== */

#logo {
width:180px;
height:102px;
display:block;
text-indent:-5000px;
background:url(./../images/logo.png) no-repeat;
margin:0px auto;
cursor:pointer;
position:relative;
}

*html #logo {
zoom: 1;
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./../images/logo.png", sizingMethod="scale"); 
}

#menu {
margin:0px 0px 30px 0px;
text-align:center;
font-size:11px;
}

#menu ul {
padding:0px;
margin:0px auto;
text-align:left;
}

#menu ul li {
width:171px;
list-style-type:none;
height:29px;
line-height:29px;
margin:10px 0px;
}

#menu a {
background:url(./../images/fonds/fond_bouton_1.jpg) no-repeat top;
width:171px;
height:29px;
line-height:29px;
color:white;
display:block;
padding-left:20px;
font-weight:bold;
}

#menu a:hover {
color:white;
background:url(./../images/fonds/fond_bouton_1.jpg) no-repeat bottom;
}

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

/*============================================ BLOCKS =========================================== */

/*############## BLOCK CONTACT #############*/

.block_contact {
width:180px;
background:white;
clear:both;
border:1px solid #808080;
color:black;
font-size:11px;
padding:10px 5px;
text-align:center;
}

.block_contact img {
border:1px solid #808080;
}

.block_contact a {
font-weight:bold;
color:orange;
text-decoration:underline;
}

/*##############################################*/

/*############## BLOCK PHOTO ACCUEIL #############*/

.block_photo_accueil {
width:514px;
height:214px;
background:url(./../images/photo_home_2.jpg) no-repeat; 
margin:20px auto 0px auto;
}

/*##############################################*/

/*######### BLOCK PANEL RECHECHE #############*/
.bouton_admin_accueil {
height:300px;
width:230px;
float:left;
background:white;
border:1px solid #c0c0c0;
margin:0px 20px;
}

.bouton_admin_accueil a{
height:300px;
line-height:300px;
width:230px;
display:block;
font-size:25px;
}

.bouton_admin_accueil a:hover{
background:#f9f9f9;
color:#f6cf36;
}
/*################### BLOCK MENU #################*/
.block_menu {
width:200px;
height:100px;
float:left;
padding:1px;
font-size:11px;
}

html>body .block_menu {
height: auto;
min-height:100px;
} 

.block_menu h2{
height:37px;
line-height:37px;
font-size:12px;
text-align:left;
margin:0px 0px 10px 0px;
padding-left:15px;
}

.block_menu h3 {
font-size:11px;
padding-left:10px;
color:orange;
background:white;
height:30px;
line-height:30px;
border-top:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
margin-bottom:0px;
}

.block_menu ul{
text-align:left;
margin:0px;
padding:0px;
}

.block_menu ul li{
width:200px;
height:30px;
line-height:30px;
margin:0px;
padding:0px;
list-style-type:none;
}

.block_menu ul li a{
width:190px;
height:30px;
line-height:30px;
display:block;
padding-left:10px;
font-weight:bold;
}

.block_menu ul li a:hover{
background:#006f9f;
color:white;
}

.block_menu_p_left {
text-align:left;
padding-left:10px;
}

.block_menu_p_right {
text-align:right;
padding-right:10px;
}
/*##############################################*/

/*######### BLOCK PANEL RECHECHE #############*/
.block_panel_recherche {
padding:10px 5px;
margin:20px auto;
border-bottom:1px dotted #c0c0c0;
}
/*##############################################*/

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



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

.formulaire p{
padding-right:150px;
}

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

.formulaire legend{
font-weight:bold;
color:black;
}

.fieldset_erreur {
border-top:2px solid #c0c0c0;
border-bottom:2px solid #c0c0c0;
border-left:none;
border-right:none;
margin:20px auto;
background:white;
}

.fieldset_erreur legend{
color:#f6cf36;
font-weight:bold;
background:#006f9f;
border:1px solid #606060;
padding:0px 10px;
}

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

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

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



.div_formulaire_colonne {
float:left;
width:48%;
}

.div_formulaire_colonne p{
margin:10px auto;
padding:0px;
text-align:right;
}



.input_erreur {
font-weight:bold;
}

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

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

.input_erreur textarea{
border:2px solid #f6cf36;
}

.label_auto {
width:115px;
display:block;
float:left;
}

.input_class_1 {
border:1px solid #606060;
height:16px;
line-height:16px;
width:140px;
font-size:11px;
margin:0px 0px 0px 0px;
background:white url(./../images/fonds/fond_input_text.gif) no-repeat -1px -2px;
}

.textarea_class_1 {
border:1px solid #606060;
overflow:auto;
background:white url(../../images/fonds/fond_input_text.gif) no-repeat -2px -2px;
}

.select_class_1 {
border:1px solid #606060;
width:140px;
font-size:12px;
margin:0px 0px 0px 0px;
}

.bouton_submit {
border:1px solid #606060;
background:#202020;
color:white;
}

.checkbox {
vertical-align:middle;
}
/*======================================================================================================================================*/

/*====================================================== MENU ONGLET N°2 (celui de l'admin...) ===========================================*/
.menu_onglet_2 {
width:620px;
font-weight:bold;
margin:0px auto 20px auto;
height:30px;
line-height:30px;   
}

.menu_onglet_2 a{
width:200px;
height:30px;
line-height:30px;
display:block; 
float:left;
border:1px solid #e0e0e0;
margin:0px 2px;
}

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

#menu_onglet_2_actif {
border:1px solid #808080;
background-color:#a0a0a0;
color:white;
}

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

/************************************************ LES TABLEAUX ******************************************************/

/*=========================== Table ====================================*/
.table_1 {
width:930px;
margin:0px auto;
border:1px solid #c0c0c0;
clear:both;
}

.table_1_legend {
background:url(./../images/fonds/fond_table_legend.gif) repeat-x; 
height:30px; 
line-height:30px; 
background-color:#e0e0e0; 
font-weight:bold;
}

.table_1 tr{
height:24px;
line-height:24px;
}

/*=======================================================================*/
/*=========================== TABLE LISTING ANNONCES ====================================*/

.table_listing_annonce {
width:540px;
margin:10px auto;
border:1px solid #e0e0e0;
font-size:12px;
}

.table_listing_annonce p{
margin:5px auto;
}
/*=======================================================================*/
/*=================================== Table Admin ======================*/

.table_admin {
width:540px;
border:1px solid black;
margin:0px auto 10px auto;
clear:both;
color:black;
background:white;
}

.table_admin_legende {
background-color:#eeeeee;
color:black;
height:25px;
line-height:25px;
border-bottom:1px solid #404040;
font-weight:bold;
}


.table_admin_annonce_onglet {
width:540px;
margin:0px auto;
}

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

.table_admin_annonce_onglet div a{
color:#404040;
display:block;
font-size:11px;
}

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

#onglet_actif {
color:black;
background-color:#eeeeee;
font-size:12px;
}

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

/*=================================== Table Tarif ======================*/
.table_tarif {
width:100%;
border:1px solid #c0c0c0;
text-align:center;
margin:0px auto;
}

.table_tarif_legende {
background:#606060 url(./../images/fonds/fond_table_legende_1.jpg) repeat-x;
font-weight:bold;
height:20px;
color:white;
}

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



/*********************************************************************************************************************/


/*======================================================================== Conteneur affichage Page ======================================================*/
.conteneur_affichage_page {
height:20px;
margin:20px 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:white;
}

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

.bouton_suiv_prec {
font-weight:bold;
}

.bouton_prec_total:hover , .bouton_suiv_prec:hover, .bouton_suiv_total:hover, .numero_page:hover {
border:1px solid #c0c0c0;
background-color:white;
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:white;
}

.bouton_prec_total_desac, .bouton_suiv_prec_desac, .bouton_suiv_total_desac {
background:white;
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:white;
float:left;
margin-right:1px;
background-color:white;
}

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

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

/*==================================================================== LES LIENS ========================================================================*/
/*############## LIENS JAUNES ################*/
.lien_style_1 {
color:#ffcc33;
text-decoration:underline;
font-weight:bold;
}
/*############################################*/

/*############### LIENS BOUTONS ##############*/

.lien_style_2, .lien_style_3, .lien_style_4 {
background:url(./../images/fonds/fond_bouton_4.gif) no-repeat; 
color:white;
font-weight:bold;
display:block;
width:197px;
height:30px;
line-height:30px;
margin:0px auto;
text-align:left;
padding-left:10px;
color:#ffcc33;
}

.lien_style_4 {
background:url(./../images/fonds/fond_bouton_5.gif) no-repeat; 
text-align:left;
padding-left:30px;
width:177px;
}



/*############################################*/


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

.hr {
background:url(./../images/fonds/fond_hr.gif); 
height:1px;
font-size:1px;
line-height:1px;
clear:both;
margin:10px;
text-indent:-5000px;
}

.span_yellow {
color:orange;
}

.span_orange {
color:orange;
}

.span_10 {
font-size:10px;
}

.span_red {
color:red;
}

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

.bouton_orange {
width:105px;
height:29px;
line-height:29px;
text-align:center;
display:block;
color:white;
background:url(./../images/fonds/fond_bouton_orange.jpg) no-repeat top; 
margin-left:180px;
}

.bouton_orange:hover {
background:url(./../images/fonds/fond_bouton_orange.jpg) no-repeat bottom; 
}



.input_radio {
vertical-align:middle;
}

.p_accueil {
margin-top:20px;
clear:both;
font-weight:bold;
}

.lien_maison {
text-decoration:none;
color:#ffffff;
}

label {
vertical-align:middle;
}