/*
 * ================================================== 
 * Styles concernant uniquement la mise en page
 * ================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	
	background-image:url(./col_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}

body.fond_droite {
	background-image:url(./col_bg.gif);
	background-repeat: repeat-y;
	background-position: right 20px;
}

/*
#raccourcis {
display: block;
}

#entete {
	margin:0;
	display: block;
}

#bandeau_haut {
	margin: 0;
	padding: 0;
	background-color: gray;
	display: block;
}
*/
#corps {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	padding-top: 0px;
}

#pied {
	display: block;
	clear: both;
}


/* == Mis en page avec un bandeau à droite == */

/*
 * Mise en page bandeau à droite et contenu à gauche
 * Ce container est obligatoire pour décaler le bloc de gauche vers la gauche
 * pour laisser de la place à la colonne de droite
 */
 
#container {
	float:left;
	width: 100%;
	margin: 0 0 0 -18.4em;
	padding: 0;
}

/*
 * Il faut ramener le bloc de gauche vers la droite (pour qu'il soit entièrement 
 * dans la page) en fixant une marge de la meme valeur que la marge négative de 
 * son containeur
 */

#contenu_gauche {
	padding: 0 0.2em;
	margin: 0.2em 0 0 18.4em;
}

/*
 * Maintenant que le bloc de gauche est bien décalé alors la colonne de droite
 * peut flotter à droite à l'emplacement libéré.
 * Il faut fixer une marge négative pour le ramener dans la page.
 */

#bandeau_droite {
	float: right;
	width: 18em;
	margin: 0 0 0 -18em; /* Nécessaire mais je ne sais pas pourquoi ! */
	padding: 20px 0 0 0;
	background-image: url(col_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* == Mis en page avec un bandeau à gauche == */

#bandeau_gauche {
	float: left;
	width: 18em;
	padding: 0;
	margin:0 0 0 0;
}

#contenu_droite {
	margin: 0 0 0 18.5em;
	padding: 0.2em ;
}

/* == FIN : styles concernant uniquement la mise en page == */