/* CSS Document */
* {
padding: 0;
margin: 0;
border: 0;
}

html,body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
background-color : #36488C;
padding:0px;
margin:0px;
border:0px;
}


/* Centrage de la page et largeur de la page */
/* Conteneur général */
#global {
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 900px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left; /* on rétablit l'alignement normal du texte */
background-color : #36488C;
/* Barre de défilement */
scrollbar-face-color:#FFCC00;
scrollbar-arrow-color:#36488C;
scrollbar-track-color:#FFEA94;
scrollbar-shadow-color:#36488C;
scrollbar-highlight-color:#36488C;
scrollbar-3dlight-color:#FFF;
scrollbar-darkshadow-Color:#FFF;
}

#bandeau {
position: absolute;
top:0;
left:0;
height:130px;
width:900px;
background-image:url(../images/img_fond_bandeau.gif);
background-color:#FFF;
}

#menu {
position: absolute;
top:140px;
left:0;
height:520px;
width:210px;
background-image:url(../images/img_fond_menu.gif);
background-color:#FFF;
}

#corps {
position: absolute;
top:140px;
left:220px;
height:520px;
width:680px;
background-color:#FFF;
background-image:url(../images/img_fond_corps.gif);
}

#logo {
position: absolute;
top:25px;
left:30px;
height:90px;
width:270px;
}

#toison {
position: absolute;
top:20px;
left:410px;
height:100px;
width:460px;
}

#contact {
position: absolute;
top:340px;
left:15px;
height:150px;
width:190px;
}

#coordonnees {
position: absolute;
top:10px;
left:10px;
height:100px;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333;
text-align:center;
}

#adresse {
position: absolute;
top:420px;
left:10px;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333;
text-align:center;
line-height:25px;
}


#coordonnees a{
font-size: 12px;
color:#36488C;
text-decoration:none;
font-weight:bold;
}

#coordonnees a:hover, #coordonnees a:visited, #coordonnees a:active{
font-size: 12px;
color:#36488C;
text-decoration:underline;
}

#bouton {
position: absolute;
top:140px;
left:10px;
height:100px;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#36488C;
text-align:center;
}

#bouton a{
width:190px;
height:40px;
background-image:url(../images/img_bouton_off.gif);
float:right;
line-height:40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#36488C;
font-style:italic;
font-weight:bold;
text-decoration:none;
text-align:left;
margin-bottom:10px;
}

#bouton a:hover, #bouton a:active{
width:190px;
height:40px;
background-image:url(../images/img_bouton_on.gif);
float:right;
color:#FFF;
}

#titre_page{
position:absolute;
top:0;
left:0;
width:230px;
line-height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#36488C;
font-style:italic;
font-weight:bold;
text-align:center;
}

.slideshow{
position:absolute;
width:260px;
height:195px;
border:2px solid #FFCC00;
}

.slideshow_grand{
position:absolute;
width:400px;
height:267px;
border:2px solid #FFCC00;
overflow:hidden;
}

.txt_presentation{
position:absolute;
top:80px;
left:20px;
width:320px;
line-height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#36488C;
text-align:center;
font-weight:bold;
}

label {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 14px;
color: #36488C;
float: left;
width: 170px;
padding-top: 3px;
text-align: left;
font-style:italic;
font-weight:bold;
}

input, textarea, select {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 13px;
color: #36488C;
padding: 1px;
margin-bottom:15px;
border:2px groove #CCC;

}

.cont_form {
position:absolute;
top:80px;
left:180px;
width:450px;
}

.cont_form_mail {
position:absolute;
top:80px;
left:60px;
width:850px;
}

.cont_form_mail label{
width: 130px;
}

.cont_bouton {
position:absolute;
width:680px;
top: 300px;
left:0;
text-align:center;
background-color:transparent;
}

.cont_bouton input {
width:150px;
font-weight:bold;
margin:10px;
border:1px solid #36488C;
}

.cont_ligne {
position:absolute;
width:650px;
height:448px;
overflow:auto;
top: 50px;
left: 10px;
border:1px solid #CCC;
}

.cont_ligne a {
width:630px;
height:156px !important;
float:left;
vertical-align:top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#36488C;
text-decoration:none;
background-color:transparent;
}

.cont_ligne a:hover {
text-decoration:none;
background-color:#FF0000;
color:#FFF;
font-weight:bold;
}

.cont_ligne p {
width:100px;
float:left;
font-weight:bold;
font-size:16px;
text-align:center;
height:156px;
display:block;
padding-top:65px;
}

.cont_ligne img {
float:left;
overflow:hidden;
height:150px;
margin:3px;
}

.ligne_impair{
background-color:#FFF;
height:156px !important;
border-bottom:1px solid #CCC;
}

.ligne_pair{
background-color:#FFCC00;
height:156px !important;
border-bottom:1px solid #CCC;
}

.cont_nombre_bien {
position:absolute;
width:150px;
height:35px;
top: 21px;
left: 512px;
background-image:url(../images/img_onglet.gif);
line-height:32px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#36488C;
font-style:italic;
font-weight:bold;
text-align:center;
}

.texte_info {
position:absolute;
top:100px;
width:630px;
line-height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#36488C;
font-style:italic;
font-weight:bold;
text-align:center;
}

.descriptif_bien {
position:absolute;
top:335px;
left:20px;
width:630px;
height:100px;
overflow:auto;
line-height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#36488C;
text-align:left;
}

.cont_ligne_detail{
width:270px;
position:absolute;
top:55px; 
left:400px;
}

.ligne_detail{
float:left;
width:260px;
color:#36488C; 
font-size:25px;
line-height:45px;
text-align:center;
}

.cont_photo {
position: absolute;
top: 30px;
left: 40px; 
width: 600px;
height: 450px;
background-color : transparent;
z-index: 10;
overflow: hidden;
}


/* PIED DE PAGE */
#foot {
position:relative;
top:660px;
left:220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
text-align: center;
color: #CCC;
width:680px;
}

#foot a{
text-decoration: none;
font-size: 10px;
color: #FFF;
}

#foot a:hover{
text-decoration: underline;
}

#foot a:visited{
text-decoration: none;
}