/* 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-presentation/haut.jpg);
width:819px;
height:131px;
border-right:solid 1px #53392b;
border-left:solid 1px #53392b;
border-top:solid 1px #53392b;
}

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

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


/*MENU*/

table{
margin-left:261px;
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:75px;
}

#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:75px;
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-left:85px;
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;
}

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

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

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

#col1{
float:left;
padding-left:10px;
padding-right:25px;
}

#col2{
padding-top:15px;
}

#clearer{
clear:both;
}