/*Containeur global du site
/*----------------------------------------------------------*/


#body { background: black; margin: 10px; }

#container{
width: 1020px;
margin: auto;
background-color:#FFFFFF;
line-height: 100%;
font-family:Arial, Helvetica, sans-serif;
}
/*----------------------------------------------------------*/

/*Entête du site
/*----------------------------------------------------------*/
#top{
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

/*----------------------------------------------------------*/

/*Menu de l'entête du site
/*----------------------------------------------------------*/
#headermenu {
width:1020px;
clear:both;
margin: 0;
padding: 0;
color: gray;
background-color:#ECEEF0;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight:bold;
}


#body {
	background-color: #0000FF;
}


#headermenu ul{
margin: 0;
padding: 0;
display: inline;
font-weight:bold;
}

#headermenu ul li{
margin: 0;
padding: 0;
list-style: none;
display:inline;
font-weight:bold;
}

#headermenu ul li a{
text-decoration:none;
color: gray;
background-color:#ECEEF0;
font-weight:bold;
}
/*----------------------------------------------------------*/

/*Menu du haut */
/*----------------------------------------------------------*/
#topmenu{
width:auto;
clear:both;
margin: 10px 0px 5px 0px;
padding: 0;
color: #8EC122;
background-color: #FFFFFF;
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight:bold;
}

#topmenu ul{
margin: 0;
display: inline;
}

#topmenu ul li{
margin: 0;
padding: 0px 0px 0px 15px;
list-style: none;
display: inline;
}
#topmenu ul li a.premier{
text-decoration:none;
color:#339933;
padding-left: 10px;
background-color: transparent;
background:url(images/puce_vert.gif) no-repeat 0px 4px;

}

#topmenu ul li a.deuxieme{
text-decoration:none;
color:#FF9933;
padding-left: 10px;
background-color: transparent;
background:url(images/puce_orange.gif) no-repeat 0px 4px;
}

#topmenu ul li a.troisieme{
text-decoration:none;
color:#990066;
padding-left: 10px;
background-color: transparent;
background:url(images/puce_violet.gif) no-repeat 0px 4px;
}
#topmenu ul li a.quatrieme{
text-decoration:none;
padding-left: 10px;
color:#218EFC;
background-color: transparent;
background:url(images/puce_rose.gif) no-repeat 0px 4px;

}

#topmenu ul li a:hover{
text-decoration:underline;
}

/*----------------------------------------------------------*/

/*Menu de gauche*/
/*----------------------------------------------------------*/
#leftnav{
float: left;
margin: 0;
padding-top: 25px;
background-color: #ECEEF0;
padding: 27px 24px 5px 5px;
width: 150px;
}

#leftmenu{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight:100;
color: #FFFFFF;
}

#leftmenu ul{
margin: 0;
padding:0;
border: none;
}

#leftmenu li{
margin: 0;
list-style:none;

}

#leftmenu li a{
display:block;
background-color: transparent;
background:url(images/puce.gif) no-repeat 4px 11px;
border-top : 1px dotted #990066;
padding: 10px 5px 7px 15px;
color: #990066;
text-decoration:none;
width: 100%;
}

#leftmenu li a.active {
background-color: #F5E5EF;
color: #990066;
}

#leftmenu li a:hover {
background:url(images/puce2.gif) no-repeat 4px 11px;
background-color: #F5E5EF;
color: #990066;
}
/*----------------------------------------------------------*/

/*Colonne de droite*/
/*----------------------------------------------------------*/
#rightnav{
float:right;
width: 170px;
margin: 0;
padding: 0;
}

#rightnav .bloc{
color: #B6DBFF;
background-color:#B6DBFF;
padding:0px 0px 0px 0px;
margin: 0;
text-align:left;
margin-top: 0px;
}

#rightnav .bloc h1{
color: #1E8DFC;
background-color:#FFFFFF;
text-decoration:none;
border-bottom: 3px solid #1E8DFC;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size: 0.9em;
margin:0;
padding: 0;
}

#rightnav .bloc h1 a{
color: #1E8DFC;
text-decoration:none;
}

#rightnav .bloc h1 a:hover{
color: #1E8DFC;
text-decoration:underline;
}

#rightnav .bloc h1 a:visited{
color: #1E8DFC;
}

#rightnav .bloc h2{
color: #1E8DFC;
background-color:#B6DBFF;
text-decoration:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size: 0.7em;
margin:0;
padding: 0px 0px 0px 5px;
/*line-height: 12px;*/
}

#rightnav .bloc p{
color: gray;
text-align:left;
font-size: 0.7em;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
padding: 0px 5px 5px 5px;
margin: 0;
background-color:#B9DAFB;
}

#rightnav .bloc p a{
color: gray;
text-decoration:none;
}

#rightnav .bloc p a:hover{
text-decoration:underline;
}
/*----------------------------------------------------------*/

/*Zone de contenu*/
/*----------------------------------------------------------*/
#content{
padding: 20px;
color: gray;
background-color: #FFFFFF;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.avecdroite{
margin: 0px 220px 10px 200px;
}

.sansdroite{
margin: 0px 20px 10px 200px;
}

.newsletter{
}

hr.spip {
display:block;
height: 1px;
margin: 0;
padding: 0;
color: gray;
background-color: gray;
border: 0;
clear:left;
}
/*----------------------------------------------------------*/

/*Pied de page*/
/*----------------------------------------------------------*/
#footer{
clear:both;
margin: 0;
padding-top: 2em;
background-color: #fff;
}
/*----------------------------------------------------------*/

/*Menu du pied de page
/*----------------------------------------------------------*/
#footermenu {
width:auto;
clear:both;
margin: 0;
padding: 0;
color: gray;
background-color: #FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

#footermenu ul{
margin: 0;
padding: 0;
display: inline;
}

#footermenu ul li{
margin: 0;
padding: 0;
list-style: none;
display:inline;
}

#footermenu ul li a{
text-decoration:none;
color: gray;
background-color: #FFFFFF;
}
/*----------------------------------------------------------*/