body
{
background: #0a3d60;
margin:0;
padding:0;
font-family:Verdana, Geneva, Alba, sans-serif;
font-size:14px;
color:#FFF;
}

#conteneur
{
background:url(design/body.png) repeat-y top left;
width:930px;
margin:auto;
}

#contenu
{
margin: 0 0 0 2px;
}

#clear
{
clear:both;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////                            HEADER       ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#header
{
background: url(design/header.png) no-repeat top left;
height:66px;
width:918px;
padding:0;
}

#trait-header
{
background: url(design/trait-header.png) no-repeat top left;
height:15px;
width:918px;
padding:0;
margin:0;
}

.notaire
{
display:block;
margin:3px 0 0 100px;
float:left;
width:66px;
height:60px;
}


/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////                            MENU         ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/
.title
{
display:block;
float:left;
}
#menu
{
margin:0;
float:left;
}

#menu ul
{
padding:0;
margin:0;
}

#menu ul li
{
list-style:none;
float:left;
padding:0;
}

#menu ul li a
{
font-family: alba, verdana, times new roman, sans-serif; 
display:block;
height:68px;
width:119px;
text-decoration:none;
font-size:20px;
text-align:center;
line-height:74px;
font-weight:bold;
color:#FFF;
font-weight:bold;
}

#menu ul li a:hover
{
background:#236d96;
font-family: alba, verdana, times new roman, sans-serif; 
display:block;
height:66px;
width:119px;
text-decoration:none;
font-size:20px;
text-align:center;
line-height:74px;
font-weight:bold;
color:#FFF;
font-weight:bold;
}

.hover
{
background:#236d96;
font-family: alba, verdana, times new roman, sans-serif; 
display:block;
height:60px;
width:119px;
text-decoration:none;
font-size:20px;
text-align:center;
line-height:74px;
font-weight:bold;
color:#FFF;
margin:0;
padding:0;
}


#coordonnees
{
float:right;
margin:12px 30px 10px 0;
}





/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      CONTENU                            ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

/* EN - TETE */

#en-tete
{
background:url(design/en-tete.png) no-repeat top left;
height:222px;
}

.maison
{
display:block;
float:left;
}

p
{
text-align:justify;
padding:0;
margin:0;
}

#recherche
{
background:url(design/recherche.png) no-repeat top left;
width:314px;
height:222px;
float:left;
margin:0 10px 0 10px;
}

#recherche a:visited
{
text-decoration:none;
color:#fff;
}

.recherche-texte
{
display:block;
padding:30px;
font-size:18px;
}

.contact-us a
{
text-decoration:none;
color:#fff;
display:block;
text-align:center;
font-size:20px;
font-weight:bold;
margin:11px;
}

.contact-us a:hover
{
text-decoration:underline;
font-size:22px;
}

#village
{
width:275px;
float:left;
text-align:center;
margin:25px 0 30px 0;
}

.village
{
font-size:13px;
}





/* Retrouvez-nous... */

#findus
{
background:url(design/div-findus.png) no-repeat top left;
height:79px;
}

.fleche
{
float:left;
margin:17px 0 0 71px;
}

.findus-texte
{
font-size:18px;
font-family:verdana, times new roman, sans-serif;
display:block;
float:left;
margin:27px 0 0 7px !important; 
color:#0683a2;
font-weight:bold;
}

.ici a
{
color:#188ca8;
text-decoration:underline;
font-weight:bold;
}

/* contenu */

.poignee
{
display:block;
height:206px;
width:299px;
margin:auto;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      BIENS                              ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/
#en_tete_biens
{
color:#1a94b4;
font-size:14px;
font-weight:bold;
margin: 5px 0 2px 8px;
}

#separation_biens
{
background:url(design/trait_sep_bien.png) no-repeat top left;
width:890px;
height:2px;
margin:0 0 0 13px;
}

/* boxe biens */

.conteneur_boxes
{
margin:7px 0 0 0;
}

.boxe_biens
{
float:left;
width:265px;
margin:15px 22px 5PX 22px;
}

.title_biens
{
display:block;
background:url(design/title_biens.png) no-repeat top left;
width:265px;
height:22px;
color:#1a94b4;
padding:8px 0 0 8px;
}



a img{
border:0;
}

.photo_biens
{
background:url(design/body_biens.png) repeat-y top left;
height:175px;
}

.footer_biens
{
background:url(design/footer_biens.png) no-repeat top left;
height:30px;
color:#1a94b4;
padding:0 0 0 20px;
}

#loupe
{
display:block;
position:relative;
margin:-15px 0 0 210px; 
}


/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      FOOTER                             ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

#footer
{
background:url(design/footer.png) no-repeat top left;
width:930px;
height:12px;
margin:auto;
color:#1a94b4;
}

.securite
{
display:block;
height:35px;
width:610px;
margin:0 0 0 172px;
}

/*/////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
//////////////////      DIVERS                             ////////////////
///////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/
a:visited
{
color:#188ca8;
text-decoration:underline;
}

.center
{
text-align:center;
}

.black
{
margin:40px 0 20px 0;
color:black;
}

/* FORMULAIRE */
input[type=submit]{
margin: 0 0 0 7px;
cursor:pointer;
color:#236d96;
font-weight:bold;
padding:0 8px 0 0;
}

input[type=submit]{
background:url(design/submit.png) no-repeat top left;
width:140px;
height:34px;
border:0;
}

input[type=submit]:hover{
cursor:pointer;
}

input[type=text]{
border:0;
background:url(design/input-texte.png) no-repeat top left;
width:256px;
height:23px;
padding:10px 30px 0 13px;
margin: 0 5px 10px 10px;
}

textarea{
border:0;
background:url(design/area.png) no-repeat top left;
width:734px;
font-size:12px;
height:148px;
padding:13px 26px 3px 13px;
margin: 0 5px 10px 10px;
}

.error-message{
color:red;
}

#adresse
{
display:none;
}

label
{
margin:0 0 0 10px;
color:#236d96;
}

form
{
width:800px;
margin:-40px 0 0 50px;
}

#contact
{
color:#236d96;
width:820px;
margin:auto;
margin-top:30px;
}

#contact hr
{
color:#236d96;
}

#here
{
text-align:justify;
color:#236d96;
width:378px;
position:relative;
top:80px;
left:400px;
}

.noir
{
color:#000;
}