@charset "UTF-8";
/* CSS Document */

body {
height:auto;
margin:0 auto;
min-height:100%;
padding:0 0 1px;
position:relative;
font-family:verdana;
font-size:8pt;
}

#header{
position:relative;
width:100%;
}

#titre{
position:relative;
margin-left:200px;
padding-top:26px;
font-family:verdana;
font-size:20pt;
text-align:center;
}

#header2{
background-image:url(fond_gris7.png);
background-repeat:no-repeat;
height:880px;
width:900px;
margin-top:100px;
margin-left:20px;
position:relative;

}

#conteneur{
width:883px;
margin: auto;
position:relative;
}

#logo{
background-image:url(logo_spf.jpg);
width:160px;
height:160px;
left:22px;
position:absolute;
top:10px;
}


/* Code css pour le menu */

#menu{
position:absolute;
right:0px;
margin-top:45px;
width:728px;
height:78px;
}

#menu li {
list-style-type:none;
display:block;
float:left;
height:78px;
}

#menu li a{
display:block;
float:left;
text-indent:-9999px;
list-style-type:none;
height:78px;
}

#menu li a:hover{
background-position:0 -80px;
height:78px;
}

.accueil{
background-image:url(accueil.jpg);
width:145px;
background-position:0 -80px;
}

.actualites{
background-image:url(actu.jpg);
width:145px;
display:block;
}

.activites{
background-image:url(activites.jpg);
width:145px;
display:block;
}

.organisation{
background-image:url(organisation.jpg);
width:145px;
display:block;
}

.contact{
background-image:url(contact.jpg);
width:145px;
}



/*contenu*/

#contenu1{
margin-top:22px;
margin-left:30px;
width:92%;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#titre2{
position:relative;
font-weight:bold;
font-family:verdana;
font-size:12px;
color:#21409A;
}

#contenu2{
display:inline;
float:left;
height:85px;
position:relative;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#contenu3{
float:left;
height:50px;
margin-left:40px;
position:relative;
width:40%;
}

#contenu3 p.spf {position:relative; width:300px; padding-left:75px; text-align:left;} 
#contenu3 p.spf img {position:absolute; left:0;}

#contenu4{
float:left;
height:50px;
position:relative;
width:22%;
margin-top:-5px;
}

#contenu4 p.lien_droite {position:relative; width:150px; padding-left:60px; text-align:left;} 
#contenu4 p.lien_droite img {position:absolute; left:0;}

#contenu5{
float:left;
height:50px;
position:relative;
width:27%;
margin-top:-5px;
}

#contenu5 p.lien_droite {position:relative; width:150px; padding-left:130px; text-align:left;} 
#contenu5 p.lien_droite img {position:absolute; left: 20px;}

a:hover {
color:#21409A;
text-decoration:underline;

}

a {
color:#000000;
text-decoration:underline;

}



/* END */


#footer {
font-size:10px;
float:left;
line-height:20px;
text-align:center;
width:100%;
}


#bas{
height:30px;
margin:0 auto;
position:relative;
width:1000px;
}