html{
border-left-color: #000000;
border-right-color:#000000;
}
body {
	margin : 0;
	padding : 0;
	font-size : 100%;
	line-height : 1.6;
	font-family : verdana, arial, helvetica, sans-serif;
	color : #000000;
        background-color:#FFCC00;
	background-image:  url(images/fondhibou.gif);
}
#entete {
	position:relative;
	margin-top:1em;
	padding-left:1em;
	width:100%;
}

#navigation {
	overflow : hidden;
	background-color : #dae0d2;
	background-image :  url(img/fond.png);
	background-repeat : repeat-x;
}
#navigation ul li a {
float : left;
text-decoration : none;
letter-spacing : 1px;
padding-left : 10px;
background-image :  url(img/coin-gauche.png);
background-repeat : no-repeat;
background-position : 0% -250px;
}
#navigation ul li a span {
	float : left;
	padding-right : 10px;
	padding-top : 4px;
	padding-bottom : 3px;
	padding-left : 0;
	background-image :  url(img/coin-droit.png);
	background-repeat : no-repeat;
	background-position : 100% -250px;
	color : #ffffff;
}
#navigation ul li#actif {
float : left;
text-decoration : none;
letter-spacing : 1px;
padding-left : 10px;
background-image :  url(img/coin-gauche.png);
background-repeat : no-repeat;
background-position : 0% 0%;
}
#navigation ul li#actif span {
	float : left;
	padding-right : 10px;
	padding-top : 6px;
	padding-bottom : 3px;
	padding-left : 0;
	background-image :  url(img/coin-droit.png);
	background-repeat : no-repeat;
	background-position : 100% 0%;
	color : #333333;
}

#navigation ul li a:hover {
	background-position : 0% -500px;
}
#navigation ul li a:focus {
background-position : 0% -500px;
}
#navigation ul li a:hover span {
background-position : 100% -500px;
}
#navigation ul li a:focus span {
	background-position : 100% -500px;
}

#contenu {
	overflow: scroll;
	padding:1em;
	margin-top:1em;
	margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
	text-align: justify;
    background-color:#FFCC00;
}
#contenu1 {
position:relative;
width:70%;
padding:1em;
margin-top:1em;
margin-left: 10em;
margin-right:10em;
text-align: center;
color:#FFFFFF;
background-image:url(images/ardoise.png);
}
#contenu2 {
	overflow: scroll;
	padding:1em;
	margin-top:1em;
	margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
	text-align: justify;
    background-color:#FFCC00;
}


#footer{
    margin-top: 1em;
	text-align:center;
	width:100%;
	font-size:300%;
	border-style:double;
	border-width:medium;
	border-color:#999999;
    background-color:#FFCC00;
}

img{
border:none;
}

.imagel {
float:left;
padding:1em
}


#navigation ul {
margin : 16px 16px 0 0;
padding : 0;
list-style : none;
}
#navigation li {
margin-left : 3px;
}