body
{
background-color:#c4c3c8;

scrollbar-face-color: #bdbcc2;
scrollbar-shadow-color: #bdbcc2;
scrollbar-highlight-color: #bdbcc2;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color:#7f7e84;
scrollbar-arrow-color: #000000;
}
.police
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}

input
{
background-color:#cfced4;
}

textarea
{
background-color:#cfced4;
}
select
{
background-color:#cfced4;
}
a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#666666;
}
.table
{
height:825px;
width:1024px;
}
.corp
{
width:570px;
height:1005px;
background-color:#bdbcc2;
}

.corp #titre h1
{
position:relative;
top:-5px;
left:10px;
width:550px;
height:25px;
padding-top:5px;
/*border:#CC33CC 1px solid;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:white;
background-color:#7f7e84;
}
.corp #ano
{
position:relative;
top:-10px;
left:0px;
width:570px;
height:940px;
background-color:#bdbcc2;
/*border:#CC33CC 1px solid;*/
overflow:auto;
}

.corp #annonce
{
position:relative;
left:20px;
top:10px;
}

.cor
{
background-color:#c6c5cb;

}
.menu
{
width:200px;
height:1014px;
position:relative;
left:20px;
}

.right
{
width:214px;
height:800px;
position:relative;
left:20px;
}

.menu #logo
{
width:199px;
height:116px;
background-image:url(pic/logo-trefle1.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

.menu #offre
{
width:199px;
height:465px;
background-color:#b2afb6;
position:relative;
top:10px;
}

.menu #main
{
border:#7f7e84 1px solid;
background-color:#7f7e84;
height:412px;
width:197px;
position:relative;

}

.menu #main ul li a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#c9c8ce;
text-decoration:none;
}
.menu #main ul li a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;

}
.menu #main ul li
{
margin-top:5px;
}

.menu #main #sous ul li a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#c9c8ce;
text-decoration:none;
}

.menu #main #sous a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:black;
text-decoration:none;
}

.menu #main #sous 
{
position:relative;
left:-60px;

/*border:#FF0000 1px solid;*/
}

.right #pic
{
background-image:url(pic/right.jpg);
width:216px;
height:530px;
background-repeat:no-repeat;
position:relative;
left:18px;
}

.right #rec
{
width:216px;
height:480px;
background-repeat:no-repeat;
position:relative;
top:20px;
left:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.right #auth a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#000000;
}

.right #rec a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#000000;
}

.right #auth
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:216px;
height:280px;
background-repeat:no-repeat;
position:relative;
top:-280px;
left:18px;
}
.right #tel
{
width:200px;
height:100px;
position:absolute;
top:903px;
left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}

.right #tel input
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.right #rec input
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.right #auth input
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.menu #offre a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
}

.menu #offre a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-decoration:none;
}
/********************************** PROPOSER UN BIEN ********************************************/
#com
{
position:absolute;
top:85px;
left:290px;
}

* html #com
{
position:absolute;
top:75px;
left:290px;
}
*+ html #com
{
position:absolute;
top:89px;
left:285px;
}
.rec
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#radio
{
background-color:#bdbcc2;
}

select
{
background-color:#d5d4da;
}
#rec #radio
{
background-color:#afaeb4;
}
/******************************* TROUVER UN BIEN ************************************************/
.recherche
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.recherche #com
{
position:absolute;
top:87px;
left:275px;
}

* html .recherche #com
{
position:absolute;
top:75px;
left:275px;
}
*+ html .recherche #com
{
position:absolute;
top:89px;
left:270px;
}

/**********************************Compatibilité*******************************************************/

* html .menu #main #sous
{
position:relative;
top:-20px;
left:-20px;
}

* + html .menu #main #sous
{
position:relative;
top:-20px;
left:-20px;
}

* html .corp #titre h1
{
position:relative;
top:10px;
left:10px;
width:550px;
height:25px;
padding-top:5px;
/*border:#CC33CC 1px solid;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:white;
background-color:#7f7e84;
}
* html .corp #ano
{
position:relative;
top:10px;
left:5px;
width:565px;
height:950px;
background-color:#bdbcc2;
/*border:#CC33CC 1px solid;*/
overflow:auto;
}

*+ html .corp #titre h1
{
position:relative;
top:10px;
left:10px;
width:550px;
height:25px;
padding-top:5px;
/*border:#CC33CC 1px solid;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:white;
background-color:#7f7e84;
}
*+ html .corp #ano
{
position:relative;
top:10px;
left:5px;
width:565px;
height:940px;
background-color:#bdbcc2;
/*border:#CC33CC 1px solid;*/
overflow:auto;
}

/***********annonce detail******************************/
#affiche
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#res
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


* html .right #auth
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:216px;
background-repeat:no-repeat;
position:relative;
top:-160px;
left:18px;
}

* html .right #rec
{
width:216px;
height:180px;
background-repeat:no-repeat;
position:relative;
top:200px;
left:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

*+ html .right #auth
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:216px;
background-repeat:no-repeat;
position:relative;
top:-160px;
left:18px;
}

*+ html .right #rec
{
width:216px;
height:180px;
background-repeat:no-repeat;
position:relative;
top:200px;
left:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.corp #text
{
position:relative;
top:-10px;
left:15px;
width:540px;
height:940px;
background-color:#bdbcc2;
/*border:#CC33CC 1px solid;*/
overflow:auto;
}

* html .corp #text
{
position:relative;
top:10px;
left:15px;
width:540px;
height:940px;
background-color:#bdbcc2;
/*border:#CC33CC 1px solid;*/
overflow:auto;
}

*+ html .corp #text
{
position:relative;
top:10px;
left:15px;
width:540px;
height:940px;
background-color:#bdbcc2;
/*border:#CC33CC 1px solid;*/
overflow:auto;
}

#foot
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#333333;
}