/* CSS Document */
body{
margin:0;
padding:0;
text-align:center;
font-size:62.5%;
background-color:white;
}
#conteneur{
background:url(image/fond.jpg) repeat-y;
width:1000px;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
}

/* MENU */

#blocmenu{
background:url(image/barre-menu.jpg) right no-repeat;
margin:0 0 0 24px;
padding:0;
width:185px;
height:995px;
float:left;
}

#menuglobal{
float:left;
margin:220px 0 0 -130px;
width:165px;
position:relative;}

#menu{
background-image:url(image/fondmenu.jpg); 
width:165px;
margin:0;
padding:1em 0 0 0;
}


#fond{
background:url(image/pied.png) no-repeat;  
height:15px;
width:166px;
margin:-5px 0 0 0;
padding:0;}


.fin{
clear:both;
visibility:hidden;}
#menu ul{
margin:0;
padding:0 0 0.5em 0;
}

#menu ul li{
font:0.7em arial,sans serif;
margin:0;
padding:0;


}

#menu li{
text-align:right;
font:1.8em arial,sans serif;
list-style-type:none;
margin:0 1em 0 0;

}

#menu li a{
text-decoration:none;
margin:0;
padding:0;
color:#811454;
}


/* Evitement */
#evitement{
font:1.1em verdana,sans serif;
color:#480b2f;
text-align:right;
margin-right:30px;}

#evitement a{
margin:0 0.2em;
padding:0;
text-decoration:none;
color:#480b2f;}

#evitement a:hover{
margin:0 0.2em;
padding:0;
color:#b0c620;}

/* ENTETE */

#header h1{
background:url(image/titre.jpg) no-repeat;
height:211px;
width:680px;
float:left;
margin:5px 0 0 30px;
padding:0;
}

#header h1 span{
display:none;
}
#titre{
position:absolute;
top:205px;
left:265px;
width:350px;
}
.ligne{
border-bottom:1px solid #b0c638;
margin:-10px 0 0 0;
padding:0;
width:350px;
z-index:99;
position: relative;
float:left;}
/* TYPOGRAPHIE */

h2{
font:20px arial,sans serif;
color:#811454;
margin:0;
padding:0 0.2em 0 0em;
background-color:#f9f6f8;
z-index:101;
position: relative;
float:left;}

h3{
font:1.6em verdana,sans serif;
color:white;
border:1px solid #9db133;
background-color:#b0c638;
padding:0.03em 0.4em;
margin:0.5em 0 1.2em 0;}

h4{
font:2em arial,sans serif;
color:white;
background-color:#9c4678;
padding:0.1em 0.4em;
width:150px;
text-align:center;
margin:0.25em 0;}

h5{
font:bold 1.3em verdana,sans serif;
color:#811454;
text-decoration:underline;
margin:1em 0 0.5em 0;
padding:0;
text-align:center;}
h6{
font:bold 1.4em verdana,sans serif;
color:#811454;
margin:0 0 0 1em;
padding:0;
text-decoration:underline;}
p{
font:1.3em verdana,sans serif;
color:#480b2f;
}
div.texteintro{
width:640px;
margin:0 0 0.5em 1em;
padding:0.5em;
text-align:justify;}
li.texteintro{
font:1.3em verdana,sans serif;
color:#480b2f;
width:640px;
margin:0 0 0.5em 1em;
padding:0.2em;
text-align:justify;}
.date{
width:640px;
font:bold 1.2em verdana,sans serif;
color:#811454;
text-align:right;
margin:0 0 0.1em 1em;
padding:0;
 }
.logo{
float:left;
margin:0.5em 1em 0.5em 1em;
padding:0;

}
.textelogo{
margin:0 0 0 2em;
text-align:justify;
padding:0.5em 0 0.5em 1em;
}
/*CONTENU AVEC DECHIRURE*/
#contenu{
width:670px;
background-color:#e6e1e4;
margin:0 0 20px 25px;
padding:0;
float:left;
background-image:url(image/dechirure.jpg);
background-repeat: no-repeat;
background-position: right top;
border:1px solid #999999;}

#contenugauche{
width:430px;
float:left;
padding:0;
margin:2.5px 0 0 5px;
}

#contenudroit{
width:150px;
float:left;
padding:0;
margin:2.5px 0 0 40px;
}
.logo1{
float:left;
margin:0.5em 0 0.5em 0;
padding:0;

}

/*CONTENU SANS DECHIRURE*/
#contenu2{
width:670px;
background-color:#e6e1e4;
margin:0 0 20px 20px;
padding:0 0.5em 0.5em 0;
border:1px solid #9a9c98;
float:left;
}
div#contenu2 h3{
width:642px;
margin:1em 0.8em 0.5em 0.8em ;
padding:0;}
div#contenu2 a{
margin:1em 0 1.2em 1em ;
padding:0;
color:#480b2f;
font-weight:bold;}
div#contenu2 a.retour{
margin:0 0 0 300px;
padding:0;
color:#480b2f;}
#encartequipe{
width:670px;
background-image:url(image/fond-equipe.jpg);
background-repeat: repeat-y;
margin:0;
padding:0;}

#encartpied{
width:670px;
margin:0 0 0 0;
padding:1em 0 2em 0.5em;
background-image:url(image/pied-equipe.jpg);
background-repeat: no-repeat;
background-position: bottom right;}

div#encartequipe p{
text-align:justify;
width:620px;
margin:0 0 0 2em;
padding:0;
font-size:1.15em;
line-height:1.3em;}

.fin{
clear:both;
visibility:hidden;
}

/*MAG PLUS*/
#place{
width:642px;
margin:0;
padding:0;}


/*FOOTER*/
#footer{ 

text-align:center;
font:1.1em verdana,sans serif;
margin:1em 0 0 200px;
padding:0;

clear:both;}

#footer a{
text-decoration:none;
color:#811454;}
#footer a:hover{
text-decoration:none;
font:bold 1.1em verdana,sans serif;}