body {
background:#121212 url(./../images/fonds/background.jpg) no-repeat center top;
color:white;
font-family:arial;
font-size:12px;
padding:0px;
margin:0px;
}

a{
text-decoration:none;
color:white;
}

h1 {
font-size:14px;
}

h2 {
margin:10px auto;
font-size:12px;
text-align:left;
}

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:975px;
margin:0px auto;
}

#contenu{
width:973px;
height:600px;
color:white;
text-align:center;
}

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


#page {
padding:0px 15px;
}


#contenu_2{
width:973px;
height:600px;
background-color:white;
padding-top:10px;
border-left:1px solid black;
border-right:1px solid black;
color:white;
text-align:center;
}

html>body #contenu_2 {
height: auto;
min-height:300px;
} 

#contenu_2 a {
color:black;
}

#contenu_2 h2 {
color:black;
}

#contenu_2 h1 {
color:black;
}

#page_gauche {
width:250px;
height:300px;
float:left;
padding:10px 0px 0px 15px;
}

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

#page_droite {
width:690px;
padding:10px 0px;
height:300px;
float:left;
}

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

#footer {
width:960px;
height:60px;
margin:0px auto;
background:#121212 url(./../images/logo_petit.jpg) no-repeat center center;
font-size:10px;
margin-bottom:10px;
border:1px solid #121212;
}

#footer p{
margin:0px;
}

#footer a{
color:white;
margin:0px 5px;
}


/*======================================= Banniere ============================================= */
#banniere {
width:973px;
height:125px;
text-align:center;
margin:0px auto;
padding:0px;
}

#banniere div{
width:973px;
height:125px;
}

#banniere img {
border:0px;
float:left;
margin-left:310px;
}

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

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

#menu {
height:30px;
line-height:30px;
background:#1d1d1d url(./../images/fonds/fond_menu_top.jpg) repeat-y top center;
text-align:center;
font-size:11px;
}

#menu ul {
width:973px;
height:30px;
line-height:30px;
padding:0px;
margin:0px auto;
text-align:center;
}

#menu ul li {
float:left;
width:152px;
list-style-type:none;
}

#menu a {
height:30px;
line-height:30px;
color:#ffcc33;
display:block;
}

#menu a:hover {
color:white;
background:#404040;
border-left:1px solid #303030;
border-right:1px solid #303030;
}

#sous_menu {
width:973px;
margin:0px auto;
height:20px;
background:url(./../images/fonds/fond_sous_menu_top.jpg) no-repeat center center;
}

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

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

/*############## BLOCK CONSTRUCTEUR #############*/

.block_constructeur {
width:945px;
margin:0px auto;
height:80px;
background:black;
padding:10px 0px 0px 0px;
}

.block_constructeur img{
margin:0px 40px;
}

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

/*############## BLOCK DIAPORAMA HOME ###############*/
.block_diaporama_home {
width:973px;
}

.block_diaporama_home_ombre_right {
width:14px;
background:url(./../images/fonds/ombre_diaporama.png) no-repeat center right;
float:right;
height:370px;
}

.block_diaporama_home_ombre_left {
width:14px;
background:url(./../images/fonds/ombre_diaporama.png) no-repeat center left;
float:left;
height:370px;
}

.block_diaporama_home_image {
width:945px;
height:370px;
background:black;
margin:0px auto;
float:left;
}

.block_diaporama_home_image img{
margin:10px auto;
}

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

/*############## BLOCK DIAPORAMA PAGE ###############*/
.block_diaporama_page {
width:973px;
}

.block_diaporama_page_ombre_right {
width:14px;
background:url(./../images/fonds/ombre_diaporama.png) no-repeat center right;
float:right;
height:190px;
}

.block_diaporama_page_ombre_left {
width:14px;
background:url(./../images/fonds/ombre_diaporama.png) no-repeat center left;
float:left;
height:190px;
}

.block_diaporama_page_image {
width:945px;
height:190px;
background:black;
margin:0px auto;
float:left;
}

.block_diaporama_page_image img{
margin:10px auto;
}

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

/*################### BLOCK MENU #################*/
.block_menu {
background:#080808 url(./../images/fonds/fond_block_menu.gif) repeat-x;
width:219px;
height:100px;
float:left;
border:1px solid #3e3d3d;
padding:1px;
font-size:11px;
}

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

.block_menu h2{
height:37px;
line-height:37px;
text-align:center;
background:#202020 url(./../images/fonds/fond_menu_titre.jpg) no-repeat;
margin:0px 0px 10px 0px;
padding-left:15px;
}

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

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

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

/*############## BLOCK ACTUALITES ###############*/
.block_actualite {
padding:1px;
background:#080808 url(./../images/fonds/fond_block_menu.gif) repeat-x;
width:462px;
height:360px;
float:left;
margin:0px 15px;
border:1px solid #3e3d3d;
overflow:hidden;
}

.block_actualite h2{
height:37px;
line-height:37px;
font-size:12px;
text-align:left;
background:url(./../images/fonds/fond_actualite_titre.jpg) no-repeat;
margin:0px 0px 10px 0px;
padding-left:15px;
}

.conteneur_actualite {
height:270px;
}

.divs_news {
text-align:justify;
margin:0px 10px;
border-bottom:1px dotted #808080;
}

.divs_news h3 {
font-size:11px;
color:#f6cf36;
margin:10px auto 5px auto;
}

.divs_news a {
color:#f6cf36;
}

html>body .conteneur_actualite {
height:auto;
min-height:270px;
} 
/*##############################################*/

/*############## BLOCK ACTUALITES ###############*/
.block_annonce_une {
width:176px;
height:170px;
float:left;
padding:10px 0px 0px 0px;
margin:0px 10px 10px 0px;
border:1px solid #1a5559;
font-size:10px;
text-align:center;
background:black;
}

.block_annonce_une img{
border:3px solid #e0e0e0;
}

.block_annonce_une p{
margin:5px auto;
}
/*##############################################*/

/*######### BLOCK LISTING ANNONCES #############*/
.block_listing_annonces {
width:688px;
background:#080808 url(./../images/fonds/fond_block_listing.jpg) repeat-x;
border:1px solid #606060;
padding:1px;
text-align:center;
margin-bottom:20px;
}

.block_listing_annonces h2{
height:30px;
line-height:30px;
font-size:12px;
text-align:left;
background:url(./../images/fonds/fond_listing_titre.gif) no-repeat;
margin:0px 0px 10px 0px;
padding-left:15px;
}

.block_listing_annonces h3{
font-size:12px;
text-align:left;
margin:10px 0px;
color:#f6cf36;
}
/*##############################################*/

/*######### BLOCK ANNONCE PHOTOS #############*/
.block_annonces_photos {
float:left;
width:274px;
height:460px;
background:#202020;
border:1px dotted #101010;
padding:0px;
}

.block_annonces_photos_up {
height:16px;
line-height:16px;
padding:9px 0px 10px 0px;
background:#003366 url(./../images/fonds/fond_bouton_photos.gif) repeat-x top;
border-bottom:1px solid #303030;
margin-bottom:5px;
}

.block_annonces_photos_down:hover, .block_annonces_photos_up:hover {
cursor:pointer;
}

.block_annonces_photos_down {
height:16px;
line-height:16px;
padding:9px 0px 10px 0px;
background:#101010 url(./../images/fonds/fond_bouton_photos.gif) repeat-x bottom;
border-top:1px solid #303030;
margin-top:5px;
}

.block_annonces_photos_down img,  .block_annonces_photos_up img {
vertical-align:middle;
}
/*##############################################*/

/*######### BLOCK PANEL RECHECHE #############*/
.block_panel_recherche {
background:#404040;
padding:10px;
margin:20px;
border-left:1px solid #272727;
border-right:1px solid #505050;
border-top:1px solid #272727;
border-bottom:1px solid #505050;
}
/*##############################################*/

.block_menu_constructeur {
display:block;
width:236px;
height:370px;
float:left;
background-position:left top;
}

.block_menu_constructeur:hover {
background-position:left bottom;
}

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

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

.bouton_admin_accueil a:hover{
background:#303030;
color:#f6cf36;
}
/*######### BLOCK PANEL RECHECHE #############*/

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


/* ========================================== MENU LATERAL ====================================== */
.div_menu_block {
width:230px;
background:#1b1b1b;
border:1px solid #101010;
padding-bottom:20px;
}

.h3_menu {
background:black url(./../images/fonds/fond_menu_titre.jpg) no-repeat;
height:35px;
line-height:35px;
border-bottom:1px solid #313131;
margin:0px;
color:#f6cf36;
font-size:12px;
}

.menu_fond {
padding:10px 0px 0px 0px;
margin:0px;
background:#1b1b1b url(./../images/fonds/fond_menu_block.gif) repeat-x;
}

.ul_menu {
padding:5px 0px 0px 0px;
margin:0px;
text-align:left;
}

.ul_menu li{
height:30px;
line-height:30px;
margin:0px;
list-style-type:none;
}

.ul_menu li a {
display:block;
background: url(./../images/pictos/puce_menu.png) no-repeat 10px 13px;
height:30px;
line-height:30px;
padding-left:20px;
margin:0px;
}

.ul_menu li a:hover {
background:black url(./../images/pictos/puce_menu.png) no-repeat 30px 13px;
border-top:1px solid #313131;
border-bottom:1px solid #313131;
font-weight:bold;
color:#c0c0c0;
padding-left:40px;
}

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

/*======================================== ADMIN ===============================================*/

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

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

.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:none;
}

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

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

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

.table_admin {
width:670px;
border:1px solid #404040;
margin:0px auto 10px auto;
clear:both;
color:white;
background:#202020;
border-bottom:none;
}

.table_admin_legende {
background-color:#202020;
color:white; height:25px;
line-height:25px;
border-bottom:1px solid #404040;
font-weight:bold;
}
/*=================================================================================================================================================*/

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

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

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

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

.fieldset_erreur legend{
color:#f6cf36;
font-weight:bold;
}

.fieldset_erreur span{
color:#f6cf36;
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;
color:#c0c0c0;
background:black;
height:16px;
line-height:16px;
width:140px;
font-size:11px;
margin:0px 0px 0px 0px;
}

.textarea_class_1 {
color:#c0c0c0;
background:black;
border:1px solid #606060;
}

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

.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:650px;
margin:10px auto;
font-size:11px;
}

.table_listing_annonce p{
margin:5px auto;
}
/*=======================================================================*/
/*=================================== Table Admin ======================*/
.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 #404040;
border-left:1px solid #404040;
background-color:#303030;
height:25px;
line-height:25px;
font-weight:bold;
}

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

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

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

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

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


/*======================================================================== 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 #101010;
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 #101010;
background-color:#202020;
}

.bouton_suiv_prec {
font-weight:bold;
}

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

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

.bouton_prec_total_desac, .bouton_suiv_prec_desac, .bouton_suiv_total_desac {
background:#202020;
color:#404040;
}

.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 #101010;
display:block;
color:white;
float:left;
margin-right:1px;
background-color:#202020;
}

.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:#f6cf36;
}

.span_10 {
font-size:10px;
}

.span_red {
color:red;
}

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

.input_radio {
vertical-align:middle;
}

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


label {
vertical-align:middle;
}