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


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


#logo-haut{
float:left;
background-image:url(decoupe/page-accueil/logo-haut.jpg);
width:252px;
height:80px;
border-left:solid 1px #53392b;
}


#banniere{
float:right;
background-image:url(decoupe/page-accueil/banniere.jpg);
width:567px;
height:80px;
border-right:solid 1px #53392b;
}


.clearer{
clear:both;
}


#logo-milieu{
float:left;
background-image:url(decoupe/page-accueil/logo-milieu.jpg);
width:252px;
height:27px;
border-left:solid 1px #53392b;
}


#fond-menu{
float:right;
background-image:url(decoupe/page-accueil/menu.jpg);
width:567px;
height:27px;
border-right:solid 1px #53392b;
}

#logo-bas{
float:left;
background-image:url(decoupe/page-accueil/logo-bas.jpg);
width:252px;
height:430px;
border-left:solid 1px #53392b;
}


#centre{
float:right;
background-image:url(decoupe/page-accueil/centre.jpg);
width:567px;
height:430px;
border-right: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*/

#fond-menu ul{
list-style:none;
margin:0px; 
padding:0px;
}

#fond-menu a{
color:white;
font-size:11px;
font-family:Helvetica,Verdana,Arial;
text-decoration:none;
}


table{
margin-left:10px;
padding:0;
border:0;
}

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

td a {
display:block;
padding:4px 2px 4px 2px;
margin-right:2px;
}

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

#menu{
display:inline; 
}

/*vignettes menu (vertes)*/

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

#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{
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/cote-rouge.jpg);
background-repeat:no-repeat;
padding-left:15px;
height:21px;
width:55px;
}*/




/*#menu li{
display:inline;
}

#menu{
margin-top:5px;
}

#menu a{
color:white;
font-size:11px;
font-family:Helvetica,Verdana,Arial;
text-decoration:none;
background-image:url(decoupe/images/vert.jpg);
}

#accueil a{
padding:5px 12px 4px 0;
}

.autres a{
padding:5px 12px 4px 12px;
}

#menu a:hover{
font-weight:bold;
background-image:url(decoupe/images/rouge.jpg);
}

#accueil a:hover{
padding:5px 8px 4px 0;
}

.autres a:hover{
padding:5px 10px 4px 10px;
}
*/




/*mise en forme des textes*/

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

h2{
font-size:14px;
font-family:Helvetica Neue, Arial, sans-serif;
padding-left:80px;
padding-top:10px;
font-weight:normal;
}

p{
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#646466;
padding-left:80px;
line-height:15px;
padding-top:10px;
}

#piedpage{
font-size:11px;
margin:0px;
padding-left:150px;
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 */
}