body

{
	background-color: black;
	margin: auto;
	width: 800px; /* Largeur de la page qui sera la même pour l'ensemble de la page et sur tout le site, permet d'afficher la page correctement sur toutes les résolutions supérieures ou égales à 800px */
	font-family: arial black, arial; /* Police de caractère, Police de caractère en cas d'absence de la première */
	color: maroon;
}


h1

{
	text-align: center;/
}

p


{	
	text-align: justify;
}


blockquote /* Formatage du texte dans les citations */

{	
	text-align: justify;
	font-style: italic;
}

#source /* Formatage du texte pour les sources après les citations */

{	
	text-align: right;
}

/* Partie sup du guide dynamique en CSS */

/* Le premier div corresond à l'image normale */
/* Le div:hover définit l'image de survol */


#guide_top

{
	background-image: url('images/guide_top.jpg');
	float: left;
	width: 800px;
	height: 125px;
}


#guide_top:hover

{
	background-image: url('images/guide_top_choix.jpg');
}


/* Début de cadre et contenu */

#cadre_fond

{
	background-image: url('images/guide_middle.jpg');
	float: left;
	width: 800px;
}


#cadre_contenu

{ 
	width: 600px;
	left:100px;
}



#scroll_bar

{
	width: 22px; 
	height: 300px; 
	position: relative; 
	top: 50px; 
	left: 21px;">	
}

/* Fin de cadre et contenu */

/* Menu dynamique en CSS */

/* Chaque div corresond à une image normale */
/* Le div:hover qui suit définit son image de survol */

#guide_bottom_menu

{
	background-image: url('images/guide_bottom_menu.jpg');
	float: left;
	width: 300px;
	height: 75px;
}


#guide_bottom_menu:hover

{
	background-image: url('images/guide_bottom_menu_choix.jpg');
	
}

#guide_bottom_ajouter

{
	background-image: url('images/guide_bottom_ajouter.jpg');
	float: left;
	width: 200px;
	height: 75px;
}

#guide_bottom_ajouter:hover

{
	background-image: url('images/guide_bottom_ajouter_choix.jpg');
	
}


#guide_bottom_site

{
	background-image: url('images/guide_bottom_site.jpg');
	float: left;
	width: 300px;
	height: 75px;
}

#guide_bottom_site:hover

{
	background-image: url('images/guide_bottom_site_choix.jpg');
}

/* Fin du menu dynamique en CSS */
