body{
margin:0;
padding:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-size:14px;
color:#FFFFFF;
text-align:center;
background:url(images/fond_body.jpg) repeat-x #fff;
}

h1{
margin:40px 0px 40px 0px;
}

a{color:#2f2d28; text-decoration:underline;}
a:hover{color:#ffcc0a; text-decoration:none;}

#content{
background:url(images/fond_content.png) repeat-y;
margin-left:auto;
margin-right:auto;
width:978px;
text-align:left;
}

.spacer{
clear:both;
margin:0;
padding:0;
line-height:0px;
font-size:0px;
}

#banniere{
background:url(images/banniere.jpg) no-repeat top center;
padding:10px 0px 10px 275px;
color:#000000;
font-size:20px;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
text-align:left;
line-height:22px;
}

#interne{
padding:20px;
}

.texte_image{
float:left;
font-style:italic;
font-size:21px;
line-height:25px;
padding:10px;
}

.slogan{
font-weight:bold;
font-variant:small-caps;
font-style:italic;
font-size:28px;
float:right;
text-align:right;
line-height:30px;
padding-top:50px;
}

.metier{
background:url(images/fond_metier.png) no-repeat;
text-align:center;
font-weight:bold;
font-style:italic;
font-size:24px;
line-height:30px;
padding:15px;
margin-bottom:10px;
}

.fleche{
background:url(images/fleche.png) center left no-repeat;
font-size:18px;
font-style:italic;
padding:10px 10px 10px 50px;
margin-left:50px;
color:#000000;
}

#footer{
margin-top:30px;
text-align:center;
font-weight:bold;
font-style:italic;
font-size:24px;
line-height:30px;
color:#000;
}


.lien_ami a{
float:right;
width:133px;
height:61px;
display:block;
text-decoration:none;
background:url(images/lien_ami.png);
}

.lien_ami a:hover{
float:right;
width:133px;
height:61px;
display:block;
text-decoration:none;
background:url(images/lien_ami_out.png);
}