@charset "utf-8";

/* Caractéristiques générales */
html {
	overflow: scroll;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Page */
#page {
	background-color: transparent;
	color: #ffffff;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 600px;	
}

#contenu {
	background-color: transparent;
	color: #ffffff;
	margin: 0 auto;
	padding: 0;
	text-align: justify;
}

/* Titres */
h1 {
	background-color: #511464;
	color: #ffffff;
	font-weight: bold;	
	font-size: 4em;
	margin: 0;
	padding: 10px;
	text-align: center;
}

h2 {
	background-color: transparent;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	font-size: 2em;
	margin: 0;
	padding: 0;
	text-align: center;
}

h3 {
	background-color: transparent;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

h4 {
	background-color: #511464;
	color: #ffffff;
	font-size: 1.25em;
	margin: 0;
	padding: 2px;
	text-align: justify;
}

/* Rubriques */
/****************** Rubrique 1 */
#rubrique1home {
	background-color: #773a8a;
	float: left;
	margin: 0;
	min-height: 200px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;
}

#rubrique1gauche {
	background-color: #773a8a;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

#rubrique1droite {
	background-color: #773a8a;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

/****************** Rubrique 2 */
#rubrique2home {
	background-color: #975aaa;
	float: left;
	margin: 0;
	min-height: 200px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;
}

#rubrique2gauche {
	background-color: #975aaa;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

#rubrique2droite {
	background-color: #975aaa;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

/****************** Rubrique 3 */
#rubrique3home {
	background-color: #b77aca;
	float: left;
	margin: 0;
	min-height: 200px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;
}

#rubrique3gauche {
	background-color: #b77aca;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

#rubrique3droite {
	background-color: #b77aca;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

/****************** Rubrique 4 */
#rubrique4home {
	background-color: #ca8ddd;
	float: left;
	margin: 0;
	min-height: 200px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;
}

#rubrique4gauche {
	background-color: #ca8ddd;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

#rubrique4droite {
	background-color: #ca8ddd;
	float: left;
	margin: 0;
	min-height: 450px; /* Hauteur à ajuster en fonction de la taille du texte */
	padding: 10px;
	width: 280px;	
}

/* Bas */
#bas {
	background-color: #511464;
	color: #ffffff;
	font-size: 0.9em;
	margin: 0;
	padding: 5px;
	text-align: center;
}

/* Liens */
a {
	background-color: transparent;	
	color: #ffffff;
	text-decoration: underline
}

a:hover {
	background-color: transparent;	
	color: #ffffff;
	text-decoration: none
}