body { 
        margin: 5px;
	padding: 0;
}

/* =================== CONTENEUR =================== */
#conteneur {
	position: absolute;
    width: 99%;
    background-color: #6699ff;
	text-align: center;
}

/* =================== HEADER =================== */
#header {
	padding-top: 5px;
	padding-bottom: 5px;
    font-family:"Comic Sans MS";
	font-size:medium;
	font-weight:bold;
	color: #ffffff;
    text-align: center;
}  

/* =================== CENTRAL =================== */
/* =================== remarque : .CENTRAL est une classe pas un id =================== */
.CENTRAL {
	padding: 0;
        clear: both;
}


/* =================== Bloc du haut =================== */
#top {
        clear:both;
        padding-top: 20px;
        height: 50px;
}


/* =================== 3 blocs dans le HEADER =================== */
#bloc1 {
        width: 50%;
        margin-left: 250px;
		font-family:"Comic Sans MS";
		font-size:medium;
		font-weight:bold;
		color: #ffffff;
        text-align: center;
        float: left;
}

#bloc2 {
        padding-right: 25px;
        float: right;
}

/* =================== 2 blocs menu dans le CENTRAL =================== */
.BlocGAUCHE {
    width: 27%;
	font-family:"Comic Sans MS";
	font-size:medium;
	font-weight:bold;
	color: #ffffff;
	text-align: center;
	float: left;
}

.BlocDROIT {
        width: 72%;
	text-align: left;
        float: right;
}

/* =================== Indentation liste dans liste =================== */
ol {
	list-style-type: none;
	text-indent: 80px;
	padding: 0;
}

/* =================== Bouton menu CENTRAL DROIT =================== */
.menuDROIT {
    	list-style-type: none;
	text-indent: 40px;
    	width: 90%;
}

.menuDROIT li a {
    	font: 0.8em "Comic Sans MS", serif;
    	text-decoration: none;
}

.menuDROIT li a:link, .menuDROIT li a:visited {
	color: #000000;
    	display: block;
   	background: url(MenuGauche.gif);
    	padding: 3px;
}

.menuDROIT li a:hover {
	color: #6699ff;
}