/* CSS Document */

html, body, h1, h2, h3, h4, h5, form, p{
margin:0;
padding:0;
}


body{
background-image: url(decoupe/images/fond.jpg);
text-align:center;
background-repeat:repeat-x;
padding:0px;
margin:0px;
background-color:#ff9d5a;
}

#main{
width: 820px; 
margin-top:40px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#FFFFFF;
}


#header{
background-image:url(decoupe/page-logement/haut.jpg);
background-repeat:no-repeat;
width:820px;
height:159px;
border-right:solid 1px #53392b;
border-left:solid 1px #53392b;
border-top:solid 1px #53392b;
}


#centre{
background-image:url(decoupe/page-logement/bas.jpg);
background-repeat:no-repeat;
width:820px;
height:378px;
border-right:solid 1px #53392b;
border-left:solid 1px #53392b;
margin:0px;
}

#pied{
background-color:#FFFFFF;
width:820px;
height:26px;
border-bottom:solid 1px #53392b;
border-left:solid 1px #53392b;
border-right:solid 1px #53392b;
}



/*MENU*/

table{
margin-left:264px;
margin-top:78px;
padding:0;
border:0;
}

td{
text-align:center;
height:21px;
}

td a {
display:block;
/*padding:4px 2px 4px 2px;*/
margin-right:2px;
color:white;
font-size:11px;
font-family:Helvetica,Verdana,Arial;
text-decoration:none;
}

td a:hover{
font-weight:bold;
}


/*vignettes menu (vertes)*/

#accueil{
background-image:url(decoupe/images/cote-vert.jpg);
background-repeat:no-repeat;
padding-left:26px;
height:21px;
width:55px;
}

#presentation{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:90px;
}

#art{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:85px;
}

#services{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:70px;
}

#logement{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:90px;
}

#region{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:70px;
}

#contact{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:65px;
}

/*vignettes du menu en rouge*/

#accueil:hover{
background-image:url(decoupe/images/cote-rouge.jpg);
background-repeat:no-repeat;
padding-left:26px;
height:21px;
width:55px;
font-weight:bold;
}

#presentation:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:90px;
font-weight:bold;
}

#art:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:85px;
font-weight:bold;
}

#services:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:70px;
font-weight:bold;
}

#logement:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:90px;
font-weight:bold;
}

#region:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:70px;
font-weight:bold;
}

#contact:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:65px;
font-weight:bold;
}


.menu-selec{
background-image:url(decoupe/images/rouge.jpg)!important;
height:21px;
width:90px;
font-weight:bold;
padding:0px;
margin:0px;
}


/* MISE EN FORME TEXTE */

h1{ 
padding-left:72px;
padding-top:45px;
padding-bottom:10px;
color:#ff4800;
font-size:20px;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
margin:0px;
}

p{
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#646466;
padding-left:72px;
padding-bottom:15px;
}


#t2{
display:inline;
margin:0;
padding-left:40px;
padding-right:20px;}

#t3{
display:inline;
margin:0;
padding-left:20px;
padding-right:20px;
}

img{
vertical-align: middle;}

/*.plan{
margin-left:110px;}*/

#piedpage{
font-size:11px;
margin:0px;
padding-left:150px;
padding-top:3px;
padding-right:65px;
display:inline;
}

#agence img{
border:none;
opacity:0.5;
filter:alpha(opacity=50);
vertical-align: middle;
}


#agence:hover img{
opacity:1; /* bons navigateurs */
filter:alpha(opacity=100); /* IE */
} 

#pix{
margin-left:120px;
}