/* CSS Document */

#moteur{
clear:both;
width:870px;
}

#haut-orange{
float:left;
width:369px;
height:25px;
background:url(../images/orange-haut.jpg) no-repeat 0 0;
margin:37px 0 15px 0;
}

#moteur h2#votre-rech{
float:left;
display:block;
width:500px;
height:25px;
background:url(../images/tit-votre-rech.gif) no-repeat 8px 5px;
text-indent:-5000px;
text-decoration:none;
margin:37px 0 15px 0;
}

#moteur p{
clear:both;
margin:5px 0;
}


#moteur input#moteur-rech{
width:369px;
height:25px;
margin-left:350px;
}

#moteur form.form{
width:770px;
margin:0 0 0 100px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#moteur h3{
clear:both;
width:300px;
height:20px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
}

#moteur form.form #col-1{
clear:both;
float:left;
width:330px;}
#moteur form.form #col-2{
float:left;
width:400px;}
#moteur form.form #col-3{
float:left;
width:400px;
margin-left:20px;}


#moteur form.form input.bt{
float:left;
width:15px;
margin:2px;
}

form.form label.labbt{
float:left;
margin: 4px 5px 0 5px;
}

form.form label.moteur-txt{
float:left;
font-weight:bold;
width:250px;
margin: 4px 5px 0 5px;
}

#moteur form.form input.moteur-champs{
float:left;
width:80px;
margin:2px;
}

#moteur form.form label.champs{
float:left;
width:150px;
padding:4px 0 0 0;
}

#moteur form.form input{
float:left;
width:150px;
}

#moteur form.form label.chiffres{
float:left;
width:100px;
padding:4px 0 0 0;}
#moteur form.form label.chiffres2{
float:left;
padding:4px 0 0 0;
margin:0 5px;}
#moteur form.form input.chiffres{
float:left;
width:50px;
margin:2px;
}

a#retour-liste, a#retour-criteres{
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#FF6600;
margin:0;
padding:15px 0 5px 0;}
a#retour-liste:hover, a#retour-criteres:hover {
text-decoration:underline;
color:#FF6600;
}

#list-sort{
clear:both;
width:750px;
margin:0 0 0 5px;
}

#list-sort a{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
text-decoration:none;
margin:0 0 0 5px;
}

#list-sort a:hover{
color:#333;
text-decoration:underline;
}

#infos-centrees{
width:770px;
text-align:center;
}

.avantages{
width:450px;
height:20px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

/********************************************************************/
/**************************    DET_ITEM   ***************************/
/********************************************************************/

.annonces-detail{
display:block;
width:650px;
margin:0 auto;
padding: 10px 20px 20px 30px;
}

.titre{
float:left;
width:350px;
text-align:left;
padding:2px 5px 2px 15px;
font-weight:bold;
color:#fff;
margin:5px 0 10px 5px;
background:#188fc7;
}

.prix{
float:left;
width:250px;
text-align:right;
padding:2px 15px 2px 0;
font-weight:bold;
color:#fff;
margin:5px 0 10px 0;
background:#188fc7;
}

ul.photos{
clear:both;
float:left;
display:block;
width:150px;
margin:5px;
}

.photos li{
list-style:none;
margin:0 auto;
text-align:center;
}

.situation{
float:left;
display:block;
width:450px;
}
.situation2{
clear:both;
display:block;
width:600px;
padding: 20px;
border-bottom: 17px solid #188fc7;
border-top: 5px solid #188fc7;
}

.situation2 a{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
text-decoration:none;}
.situation2 a:hover{
color:#333;
text-decoration:underline;}