*{
	margin:0;
	padding:0;
}
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.9em Trebuchet MS, helvetica, sans-serif ;
	background-image:url(images/background.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
	/*background: #dea ; */
}

div#conteneur
{
	width: 952px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 2px solid #009;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#330000ff,endColorstr=#33ffffff);
	}

div#header
{
	width: 952px ;
	height: 140px ;
	}

.logo {
	position: relative ;
	left: 0px;
	top: 0px;
	border:0;
	/* décalage du logo dans le div header*/
}

ul#menu {
	height:25px;
	
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond */
	width:952px;
	background: url(images/bg_menu.gif) repeat left top;
	border-left: 1px solid #dea;
	text-align: center ;
}

ul#menu li {
/*width:952px;*/
	display:inline;
	/*list-style-type: none;*/

}
ul#menu li a
{
	width: 189px;
	line-height: 25px;
	font-size: 1.2em;
	letter-spacing: 3px;
	color: #fff;
	float:left;
	/* permet de rendre les liens flottants*/
	display: block;
	/* le display block, suivant le float left permet de déterminer une dimension aux a*/
	text-decoration: none;
	border-right: 1px solid #dea;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	}

div#contenu
{
	padding: 15px 15px 0 100px ;
	}
	
div#contenu h2
{
	height:30px;
	padding-left: 65px;
	line-height: 25px;
	font-size: 1.4em;
	background: url(images/flag.gif) no-repeat left bottom;
	/* Ajout d'une image devant les titres des pages, on décale le texte en fonction */
	color: #009;
	border-bottom: 1px solid #009;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	vertical-align: bottom;
	}

div#contenu h3
{
	margin-left:1.7em;
	padding-left: 5px;
	border-bottom: 1px solid #06F;
	border-left: 1px solid #06F;
	font-size: 1.2em;
	color: #06F;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #009 ;
}

div#footer
{
	width: 942px ;
	height: 30px ;
	margin: 10px;
}

div#footer-grandleft
{
	width: 600px ;
	height: 30px ;
	float:left;
}
div#bannerbotleft
{
	width: 300px ;
	height: 30px ;
	float:left;
}

div#bannerbotcenter
{
	width: 300px ;
	height: 30px ;
	float: right;
}


div#bannerbotright
{
	width: 342px ;
	height: 30px ;
	float: right;
}

p#footer-left
{
	margin: 0;
	padding-right: 10px;
	line-height: 40px;
	text-align: left;
	color: #00F;
}

p#footer-center
{
	margin: 0;
	padding-left: 10px;
	line-height: 40px;
	text-align: center;
	color: #00F;
}

p#footer-right
{
	margin: 0;
	padding-right: 10px;
	line-height: 40px;
	text-align: right;
	color: #00F;
}

#conteneur #contenu p a {
	color: #00C;
}