/*//////////////////////////////// PARTIE POUR LA MISE EN PAGE GENERALE /////////////////////////////////////////////////////////////////////*/

*{
margin:0;
padding:0;
}

body, html{
color:#333333;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background-color:#ffffff;
}

#conteneur{
width:800px;
margin:0 auto;
}

#header{
width:800px;
height:142px;
background:url(../../images/header.jpg) left bottom no-repeat;
}

#ensemble{
width:800px;
}

#block_left{
float:left;
width:138px;
min-height:418px;
background:url(../../images/menu.jpg) left top no-repeat;
}

.compteur{
margin:9px 0 0 0;
}

#textes h1.accueil{
float:left;
width:300px;
height:80px;
padding:40px 0.5em 0 0.5em;
margin:1em 0.5em 0.5em 1em;
}

a.couder{
float:left;
display:block;
width:120px;
height:118px;
margin:1em 0 0 50px;
text-decoration:none;
}


a.couder img{ border:none; }

#block_left ul{
width:134px;
list-style-type:none;
font-size:0.9em;
margin:68px 0 0 0;
}

#block_left ul li{
border-bottom:#8F8F8F solid 2px;
text-align:left;
padding:0 0 10px 0;
}

#block_left ul li a{
display:block;
width:130px;
height:10px;
text-decoration:none;
text-transform:uppercase;
color:#000000;
margin:10px 0 0 4px;
text-align:center;
padding:5px 0;
font-weight:bold;
}

#block_left ul li a:hover{
display:block;
width:122px;
height:10px;
text-decoration:none;
text-transform:uppercase;
color:#000000;
border-left:#946800 solid 3px;
border-right:#946800 solid 3px;
text-align:center;
margin:10px 0 0 4px;
padding:5px 0;
font-weight:bold;
}

#titres{
float:right;
width:662px;
height:63px;
background:url(../../images/fond_titres.jpg) left top no-repeat;
}

#titres h2{
width:543px;
height:55px;
font-size:1.2em;
font-weight:bold;
background:url(../../images/titre.jpg) left top no-repeat;
padding:10px 0 0 60px;
margin:5px 0 10px 190px;
}


#block_right{
float:right;
width:662px;
}

#textes{
clear:both;
width:662px;
min-height:355px;
background:url(../../images/repeat_milieu.jpg) right top repeat-y;
}

#textes h1{
width:600px;
font-size:1.2em;
font-weight:bold;
margin:20px 65px 20px 40px;
text-align:justify;
}

#textes p{
padding:20px 65px 20px 40px;
text-align:justify;
}

#clear{
clear:both;
}

#footer{
width:800px;
height:64px;
background:url(../../images/footer.jpg) left top no-repeat;
}


#footer a.retour{
display:block;
width:150px;
height:20px;
color:#666666;
float:right;
line-height:20px;
font-size:10px;
}

#footer p{
float:left;
width:500px;
height:20px;
margin:44px 0 0 165px;
text-align:center;
font-size:0.8em;
}

#footer p a{
text-decoration:none;
color:#999999;
padding:0 10px;
}

#footer p a:hover{
text-decoration:underline;
color:#333333;
padding:0 10px;
}

#planet{
float:left;
width:100px;
height:20px;
margin:44px 0 0 0;
text-align:left;
font-size:0.8em;
}

#planet a{
color:#7A6138;
text-decoration:none;
text-align:center;
}

#planet a:hover{
color:#8D6645;
text-decoration:underline;
text-align:center;
}


#fond_jaune_repeat{
width:584px;
background:url(../../images/fond_jaune_repeat.gif) left top repeat-y;
}


#fond_jaune_repeat h2{
width:500px;
font-size:0.9em;
font-weight:bold;
padding:0 0 0 25px;
margin:10px 0 0 50px;
background:url(../../images/fleche.gif) top left no-repeat;
text-align:justify;
}

#cadre_jaune, #cadre_bleu{
width:584px;
margin:5px 30px 0 20px;
}

#cadre_jaune_h{
width:584px;
height:22px;
background:url(../../images/cadre_jaune_haut.gif) left top no-repeat;
}

#cadre_bleu_h{
width:584px;
height:22px;
background:url(../../images/cadre_bleu_haut.gif) left top no-repeat;
}

#cadre_jaune_repeat{
width:584px;
background:url(../../images/cadre_jaune_repeat.gif) left top repeat-y;
}

#cadre_bleu_repeat{
width:584px;
background:url(../../images/cadre_bleu_repeat.gif) left top repeat-y;
}


#cadre_jaune_repeat p, #cadre_bleu_repeat p{
padding:8px 40px;
text-align:justify;
}


#cadre_bleu_repeat p a, #cadre_bleu_repeat p a:hover{
text-transform:uppercase;
color:#FF9900;
text-decoration:underline;
}

#cadre_jaune_b{
width:584px;
height:22px;
background:url(../../images/cadre_jaune_bas.gif) left top no-repeat;
}

#cadre_bleu_b{
width:584px;
height:22px;
background:url(../../images/cadre_bleu_bas.gif) left top no-repeat;
}

#bienvenue{
color:#FF9900;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
padding:8px 40px;
text-align:center;
}

#contact{
width:500px;
margin:10px 0 0 60px;
color:#C79647;
}

#contact p{
text-align:center;
}

#contact p a, #contact p a:hover{
text-decoration:underline;
color:#CC9900;
}

.contact_texte{
color:#A48777;
}

.contact_titre{
font-size:1em;
font-weight:bold;
text-transform:uppercase;
color:#CC9900;
}


/*////////////////////////////////  PARTIE POUR AFFICHER LES ANNONCES /////////////////////////////////////////////////////////////////////*/

#avant_annonces{
width:595px;
height:50px;
margin:0 0 0 10px;
}

.voir_annonces{
font-size:0.8em;
}

.img_adm{
width:96px;
height:72px;
border:#885C39 solid 1px;
background-color:#FFF8CC;
}


.img_adm_big{
width:300px;
height:225px;
border:#885C39 solid 2px;
background-color:#FFF8CC;
}


#textes table{
width:90%;
border:#666666 solid thin;
margin-left:10px;
background-color:#F7F0E6;
}

#textes table tr td{
margin:0;
padding:0;
}

#textes table tr{
min-height:80px;
}

#textes table tr:hover{
background-color:#F7F0E6;
}


#textes form{
width:90%;
margin:0 auto;
}


/*//////////////////////////// DETAILS DES ANNONCES ///////////////////////////////////////////////////////////////////////////////////////*/


#detail_gauche{
float:left;
width:320px;
min-height:300px;
margin:15px 0 10px 20px;
}

#detail_droite{
float:left;
width:260px;
min-height:300px;
margin:15px 0 0 0;
}


#image_detail{
width:305px;
height:230px;
padding:0 5px;
margin:0 auto;
}

#images_diapo{
width:320px;
height:80px;
padding:0 5px;
margin:0 auto;
}

#images_diapo, a{
	text-decoration:none;
}

#titre_annonce{
width:230px;
min-height:18px;
background-color:#ffd531;
border:#cccccc solid 2px;
text-align:center;
font-weight:bold;
margin:5px auto;
text-transform:uppercase;
padding:4px 2px;
font-size:0.9em;
}

#description_annonce{
width:224px;
min-height:190px;
background-color:#ffffec;
border:#cccccc solid 2px;
text-align:justify;
margin:5px auto;
text-transform:lowercase;
padding:5px;
}


#reste_annonce{
width:224px;
min-height:90px;
text-align:left;
margin:5px auto;
padding:5px;
}


/*
.haut_annonces{
width:560px;
height:30px;
background-color:#FFF8CC;
margin:5px 0 5px 20px;
border:1px solid #666666;
}


.annonces{
width:560px;
min-height:50px;
border:1px solid #666666;
margin:5px 0 5px 20px;
background-color:#F7BA3C;
}


.annonces:hover{
background-color:#D2BCAC;
}


.image_haut{
float:left;
width:20%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
border-right:#666666 solid 1px;
}

.voir_image{
float:left;
width:13%;
color:#000000;
font-size:0.8em;
text-align:center;
padding:5px 0;
margin:0;
}



.ville_haut{
float:left;
width:10%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
border-right:#666666 solid 1px;
}

.voir_ville{
float:left;
width:8%;
height:30px;
color:#000000;
font-size:0.8em;
text-align:center;
padding:20px 1% 0 8%;
}

.type_haut{
float:left;
width:20%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
border-right:#666666 solid 1px;
}


.voir_type{
float:left;
width:18%;
height:30px;
color:#000000;
font-size:0.8em;
text-align:center;
padding:20px 1% 0 1%;
}

.piece_haut{
float:left;
width:10%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
border-right:#666666 solid 1px;
}


.voir_piece{
float:left;
width:8%;
height:20px;
color:#000000;
font-size:0.8em;
text-align:center;
padding:30px 1% 0 1%;
}

.ref_haut{
float:left;
width:14%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
border-right:#666666 solid 1px;
}

.voir_ref{
float:left;
width:18%;
height:20px;
color:#000000;
font-size:0.8em;
text-align:center;
padding:30px 1% 0 0;
}


.prix_haut{
float:left;
width:20%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
}

.voir_prix{
float:left;
width:16%;
height:20px;
color:#000000;
font-size:0.8em;
text-align:center;
padding:30px 1% 0 0;
}

.choix_haut{
float:left;
width:5%;
height:20px;
color:#000000;
font-weight:bold;
text-align:center;
padding:5px 0;
}

.voir_choix{
float:left;
width:5%;
height:20px;
color:#000000;
font-size:0.8em;
text-align:center;
padding:30px 1% 0 1%;
}
*/