/* 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: 819px; 
margin-top:40px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#FFFFFF;
}

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

#centre{
background-image:url(decoupe/page-region/bas.jpg);
width:820px;
height:646px;
border-right:solid 1px #53392b;
border-left:solid 1px #53392b;
}

#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:0px 2px 7px 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:85px;
}

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

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

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

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

#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);
padding-left:26px;
height:21px;
width:55px;
font-weight:bold;
}

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

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

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

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

#region:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:80px;
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-top:0px;
margin:0px;
}

/*MISE EN FORME DU TEXTE*/

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

h2{
color:#00662c;
font-size:12px;
padding-top:8px;
padding-bottom:1px;
font-family:Helvetica, Arial, sans-serif;
}

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


#col1{
width:350px;
float:left;
padding-right:15px;
padding-left:82px;
}

#col2{
padding-top:50px;
float:left;
width:335px;
padding-right:20px;
}

#col1 img{
padding-left:0px;
padding-top:10px;}

#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 */
}