body {
margin: 10px 0 ;
padding:0;
font-family: Arial, Helvetica, sans-serif;
text-align: center ;
background-color: #000000;
}



h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}

h1 {
font-size:17px;
}

h2 {
font-size:12px;
letter-spacing:1px;
color: #ffffff;
background-color: #6588be;
font-weight:bold;
text-align:center;
}

p{
padding: 0;
margin: 0;
text-align:justify;
font-size: 13px;
}

table {
font-size:12px;
}

.clear {
clear:both;
}

.bold {
font-weight:bold;
}
.lineheight{
line-height: 5px;
}

.lineheight6{
line-height: 6px;
}

.lineheight25{
line-height: 25px;
}

.margin27 {
margin-left: 27px;
}

.fontsize15 {
font-size: 14px;
}

.color_orange {
color: #c58b25;
}
.color_bleu {
color: #d5cec7;
}

.color_marron {
color: #534e4e;
}

#main {
margin:0 auto;
width: 742px;
text-align: left ;
}


#zone_menu {
width: 171px;
float:left;
}

#menu {
width: 171px;
height: 380px;
background: url(images/zone_menu.jpg) no-repeat ;
}

#zone_flash {
width: 232px;
height: 590px;
background-color:#000000;
float:left;
}

#zone_contenu {
width: 339px;
height: 590px;
float:left;
}

#contenu {
width: 339px;
height: 507px;
background: url(images/zone_contenu.jpg) no-repeat ;
}

#texte {
height: 458px;
padding: 0 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
overflow: auto;
}


ul.liste_accueil {
margin: 0 ;
padding: 0 ;
padding-left: 30px; ;
list-style-type: square ;
font-weight:bold;
}


ul.liste_accueil li {
line-height:20px ;
font-size: 13px ;
color: #ffffff ;
}




h1#header {
width: 171px;
height: 211px 
}

h1#header a {
width: 171px ;
height: 211px ;
display: block ;
background: url(images/logo_residencedelagare.jpg) no-repeat ;
text-indent: -5000px ;
}


h2#header {
width: 339px;
height: 84px 
}

h2#header a {
width: 339px ;
height: 84px ;
display: block ;
background: url(images/titre_residence.jpg) no-repeat ;
text-indent: -5000px ;
}

h3#titre {width: 226px; height: 50px; background: url(images/titre_accueil.png) no-repeat ; text-indent: -5000px ; float: right; }
h3#titre_studios {width: 226px; height: 50px; background: url(images/titre_studios.png) no-repeat ; text-indent: -5000px ; float: right; }
h3#titre_services {width: 226px; height: 50px; background: url(images/titre_services.png) no-repeat ; text-indent: -5000px ; float: right; }
h3#titre_tarifs {width: 226px; height: 50px; background: url(images/titre_tarifs.png) no-repeat ; text-indent: -5000px ; float: right; }
h3#titre_localisation {width: 226px; height: 50px; background: url(images/titre_localisation.png) no-repeat ; text-indent: -5000px ; float: right; }
h3#titre_contact {width: 226px; height: 50px; background: url(images/titre_contact.png) no-repeat ; text-indent: -5000px ; float: right; }

#contact a {
position:relative;
top: 222px;
margin-left: 1px;
line-height: 22px;
width: 161px;
height: 24px; 
font-size: 14px ;
font-weight: bold ;
letter-spacing: 1px ;
color: #ffffff ;
display: block;
background-color: #a51a1f;
text-decoration:none;
text-align:center;
}


#contact a:hover {
background-color: #b8373c;
}

ul#menu_gauche {
margin: 0 ;
padding: 0 ;
padding-left: 30px; ;
list-style-type: none ;
}

ul#menu_gauche li a {

font-size: 14px ;
font-weight: bold ;
letter-spacing: 1px ;
color: #ffffff ;
text-decoration: none ;
}

ul#menu_gauche li a:hover {
color: #957b52 ;
}




#footer{
width: 742px;
height:45px;
text-align:center;
color:#6588be;
font-size:11px;
}


ul#basdepage {
height: 45px ;
margin: 0 ;
padding: 0 ;
margin-left: 170px ;
text-align: center ;
list-style-type: none ;
text-indent:4px;
font-weight: bold;
}

ul#basdepage li {
float: left ;
text-align: center ;
}

ul#basdepage li a {
line-height: 31px ;
font-size: 11px ;
letter-spacing: 1px ;
color: #fff ;
display: inline;
text-decoration: none ;
}

ul#basdepage li a:hover {
color: #d6dbe2;
}

input {
margin-bottom: 2px;
}

.lienbas {
font-size: 12px;
color: #00cccb;
text-decoration:none;
}

.lienbas:hover {
font-size: 12px;
color: #ffffff;
text-decoration:none;
}

#cadre_contact {
width:290px;
margin-left: 15px;
float:left;
}

label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
float:left;
width:90px;
margin-top:5px;
}

.lienref {
font-size: 12px;
color: #ffffff;
text-decoration:none;
}

.lienref:hover {
font-size: 12px;
color: #ffffff;
text-decoration:underline;
}

.contenu {
color: #ffffff
}