body {
margin:0;
padding:0;
background-image:url(../img/bg.gif);
font-size:12px;
font-family:Trebuchet Ms, Arial, Helvetica, sans-serif;
}

p {margin:0;padding:0;}
.gras {font-weight:bold;}
.gras2 {font-weight:bold;font-size:16px;}
.grand {font-size:18px;color:#0890B4;}
a:link.liens_actu, a:visited.liens_actu {color:#666666;text-decoration:underline;}
a:hover.liens_actu, a:active.liens_actu {color:#333333;text-decoration:none;}

#container {
width:901px;
border-right:8px solid #6F7274;
border-left:8px solid #6F7274;
margin:0 auto;
background-color:#fff;
padding:0;
}


/* ############################ HEADER ############################### */


#sub-header {
margin:0;
padding:0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#000;
font-size:10px;
line-height:22px;
}

div#sub-header h1 {
color:#D0D1D2;
font-size:10px;
line-height:22px;
margin:0;
font-weight:normal;
padding:0;
}


#header {
height:80px;
background-image:url(../img/bg-header.gif);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#3E4245;
}

#logo {
position:absolute;
margin-top:20px;
margin-left:07px;
}


/* ############################  SUB MENU ############################### */

ul#menu-sub-header {
margin:0;
padding:0;
float:right;
margin-right:10px;
}

ul#menu-sub-header li {
list-style-type:none;
display:inline;
margin-left:10px;
background-image:url(../img/puce-menu-sub-header.gif);
background-position:bottom center;
background-repeat:no-repeat;
padding-bottom:5px;
}

ul#menu-sub-header li a:link, ul#menu-sub-header li a:visited {
color:#FFC600;
text-decoration:none;
}

ul#menu-sub-header li a:hover, ul#menu-sub-header li a:active {
color:#fff;
text-decoration:none;
}

/* ############################ MENU ############################### */


#menu {
height:40px;
background-image:url(../img/bg-menu.gif);
background-repeat:repeat-x;
background-position:top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
}
/* ############################ bandeau ############################### */

#bandeau {
height:146px;
background-color:#333333;
padding:0;
margin:0;
}

/* ############################ Coup de Coeur ############################### */

#coup-de-coeur {
position:absolute;
margin-left:676px;
margin-top:35px;
width:225px;
height:274px;
background:url(../img/coup-de-coeur.gif) top left no-repeat;
}
p#coeur-nom {
text-align:center;
margin-top:40px;
padding-left:15px;
}

p#coeur-nom a {
color:#000000;
font-weight:bold;
}

p#coeur-desc {
padding-left:20px;
}

p#coeur-prix {
position:absolute;
margin-top:240px;
margin-left:20px;
font-size:11px;
color:#FFF;
}

p#coeur-image {
text-align:center;
margin:5px 0 5px 20px;
}

p#coeur-image img {
border:1px solid #fff;
}

p#coeur-fleche {
position:absolute;
margin-top:243px;
margin-left:193px;
}

p#coeur-fleche img{
margin:4px;
}

/* ############################ Colonne Gauche ############################### */

#gauche {
float:left;
width:215px;
background-color:#E4E4E5;
background-image:url(../img/bg-rond-news.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

div#gauche h2{
margin:0;
padding:0;
padding-left:8px;
background-image:url(../img/actualites.gif);
background-color:#3E4245;
background-repeat:no-repeat;
background-position:10px 0px;
height:25px;
}


/* ########################### RECHERCHE ###################### */

div#recherche {
width:403px;
background-color:#FFFAE6;
border:1px solid #FFE77B;
margin-top:20px;
margin-bottom:20px;
}


div#recherche h2{
padding:0;margin:0;
padding-left:10px;
background-color:#3E4245;
height:25px;
}

div#recherche form h3{
background-color:#FFE77B;
color:#423E4D;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
padding:2px 0 2px 10px;
margin-bottom:10px;
}

div#recherche form h3 span {
font-size:9px;
font-weight:normal;
letter-spacing:1px;
text-transform:none;
}

div#recherche form {
margin:0;
padding:0;
}

div#recherche form select#champ-pieces {
margin-left:50px;
margin-right:100px;
margin-bottom:10px;
}
div#recherche form select#champ-chambre {
margin-bottom:10px;
}

div#recherche form input, div#recherche form select {
font-size:11px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

div#recherche form p input#Champ-surface {
width:50px;
}
.bouton-envoyer {
border:0;
background-color:#3E4245;
width:100%;
cursor:pointer;
padding:3px 0;
color:#F7BF01;
text-transform:uppercase;
font-weight:bold;
}
/* ########################### CARTE ###################### */

#carte {
float:right;
border:2px solid #444444;
background-color:black;
background-image:url(../img/bg-carte.jpg);
background-position:top left;
background-repeat:repeat-x;
padding:5px 0 10px 0;
width:225px;
text-align:center;
margin-top:20px;
}
#carte2 {
position:absolute;
border:2px solid #444444;
background-color:black;
background-image:url(../img/bg-carte.jpg);
background-position:top left;
background-repeat:repeat-x;
padding:5px 0 10px 0;
width:225px;
text-align:center;
margin-left:438px;
margin-top:20px;
}

div#carte2 form {
margin:0;padding:0;
}

div#carte img, div#carte2 img  {
margin-bottom:5px;
}

div#carte p, div#carte2 p {
color:#FFCC00;
}

.hr-invisible {
height:1px;
visibility:hidden;
width:99%;
margin:0;
padding:0;
}

/* ########################### RESULTAT #################### */

.cadre-resultat {
border:1px solid #FDE87B;
border-top:5px solid #FCCF2B;
margin:20px 0;
}


div.cadre-resultat p.header {
background-color:#FDE87B;
text-align:center;
margin-bottom:10px;
}

div.cadre-resultat p.header span.reference {
float:left;
padding-left:10px;
}

div.cadre-resultat p.header span.date-resultat {
float:right;
padding-right:10px;
}

img.photo-resultat {
padding:3px;
border:1px solid #ccc;
margin:0 10px;
float:left;
}
div.cadre-resultat p.titre {
font-size:18px;
font-weight:normal;
margin-bottom:10px;
margin-left:260px;
padding:0 10px 0 5px;
}

div.cadre-resultat p.titre a{
text-decoration:none;
}




div.cadre-resultat p.textesimple {
padding:1px 5px 0 10px;
margin-left:5px;
}

ul#liste_controle {
margin-left:260px;
margin-top:20px;
padding:0 10px 0 5px;
}

ul#liste_controle li {
list-style-type:square;
list-style-position:inside;
margin:5px 0;
}



div.description2 {
display:table;
width:99%;
}

div.cadre-resultat p.footer {
background-color:#FFFAE2;
border-top:1px solid #FFD92B;
text-align:center;
padding:2px 0;
margin-top:10px;
}

div.cadre-resultat p.footer span.fiche {
float:left;
padding-left:10px;
}

div.cadre-resultat p.footer span.fiche a{
color:#333333;
}

div.cadre-resultat p.footer span.loyer {
float:right;
font-size:14px;
font-weight:bold;
padding-right:5px;
}

div#calque_photo {
width:235px;
float:left;
} 

div#calque_photo img {
margin-bottom:10px;
}



/* ########################### GAUCHE ###################### */

div#gauche h2 {
margin:0;
padding:0;
}


div#gauche h2 span{
visibility:hidden;
}

.inner-gauche {
margin:0 9px;
}

.date {
color:#898989;
font-size:11px;
}

div.inner-gauche h3 {
font-weight:bold;
font-size:12px;
margin:0;
padding:0;
margin-top:16px;
}



#droit {
border-top:17px solid #E4E4E5;
background-color:white;
}

.inner-droit {
margin:20px 0 0 0;
margin-left: 215px;
padding:0 20px;
}

div.inner-droit h2 {
font-size:24px;
color:#3E4245;
text-transform:uppercase;
margin:0;
padding:0;
font-weight:normal;
letter-spacing:-1px;
}

div.inner-droit h3 {
text-transform:uppercase;
font-size:18px;
color:#949494;
margin:0;
padding:0;
font-weight:normal;
}

div.inner-droit p a {
color:#333;
}


/* ####################### AGENCE ######################## */

p.agence {
width:166px;
text-align:center;
float:left;
margin:20px 0;
}

p.agence img {
border:2px solid #ccc;
margin-bottom:10px;
}

.separation {
width:30px;
height:200px;
background-image:url(../img/separation.gif);
background-position:center center;
background-repeat:no-repeat;
float:left;
margin:20px 8px;
}


/* #######################  FOOTER ######################## */


#footer {
height:31px;
background:url(../img/bg-footer.gif) top center repeat-x;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-top:7px;
}

div#footer p a:link, div#footer p a:visited {
text-decoration:none;
color:black;
}

div#footer p a:hover, div#footer p a:active {
text-decoration:underline;
color:black;
}

/* #######################  Formulaire contact ######################## */

.champ {
width:280px;
padding:2px;
font-family:Trebuchet Ms, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #ccc;
margin-bottom:10px;
}

.bouton-envoyer2 {
background-color:#FDC400;
padding:2px 5px;
text-transform:uppercase;
color:#333333;
font-family:Trebuchet Ms, Arial, Helvetica, sans-serif;
font-size:10px;
letter-spacing:1px;
border:2px solid #FDDC00;
cursor:pointer;
margin-top:3px;
}

form fieldset {
border:1px dotted #ccc;
padding:10px;
margin:20px 0;
}

form fieldset legend {
color:#ccc;
text-transform:uppercase;
background-color:white;
padding:0 5px;
}

/* ################# COLONNES ############ */

.colonne {
float:left;
width:300px;
margin:0 10px;
background-color:#FFFAE6;
border:1px dotted #FAD75D;
height:400px;
margin-bottom:10px;
}

.colonne2 {
float:left;
width:280px;
margin:10px;
margin-bottom:40px;
}

p.colonne2 {
text-align:justify;
} 

div.colonne h3{
color:#FFCC00;
font-size:14px;
background-color:#333333;
padding:2px 5px;
}

div.colonne ul {
margin:10px;
padding:0;
}

div.colonne p {
padding:5px;
}

div.colonne ul li {
list-style-type:none;
padding-left:20px;
background-image:url(../img/puce-menu.gif);
background-position:4px 5px;
background-repeat:no-repeat;
margin-bottom:10px;
}

div#encadre-location {
height:64px;
background-image:url(../img/bg-encadre-location.gif);
background-position:top center;
background-repeat:no-repeat;
}

div#encadre-location p {
padding-left:100px;
padding-top:23px;
}

div#encadre-location p a {
font-size:20px;
}

div.inner-droit form {
margin:0;
padding:0;
}

ul.liste-fnaim {
margin:0;
padding:30px;
}

ul.liste-fnaim li {
list-style-type:square;
margin-bottom:10px;
}

div.inner-droit h3.actu {
margin-top:20px;
font-size:14px;
font-weight:bold;
color:#666;

}

div.inner-droit h3.actu, div.actu {
background-image:url(../img/h3-actu.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:5px;
display:block;
}



div.inner-droit p.description {
margin:0;
margin-left:260px;
text-align:justify;
}