@charset "UTF-8";
body {
	background: #5DA772 url(imagestyle/back.jpg) repeat-x scroll;
}
.header {
	background: url(imagestyle/back.jpg);
	border-bottom: 10px solid #069;
}
.header #logo {
	padding: 5px;
}
.content {
	border-top: solid #006699;
	padding: 0px;
	font: 1em Arial, Helvetica, sans-serif;
}
/* CSS Document */
.container {
	background: #006699;
	border-top: none;
}
.sidebar1 {
	background: #069;
	font-size: 0.85em;
	color: #FFF;
	text-decoration: none;
}
.container .footer {
	border-top: 20px solid #069;
	background: #A21444;
	color: #A0A0A4;
}

ul.liens a, ul.liens a:visited {
	padding: 5px 5px 5px 15px;
	display: block; /* attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
	width: 180px;  /*cette largeur permet de cliquer sur le bouton entier dans IE6. Si la compatibilité avec IE6 n'est pas nécessaire, vous pouvez la supprimer. Pour calculer la largeur approprié, soustrayez la marge intérieure de ce lien de la largeur du conteneur de barre latérale. */
	text-decoration: none;
	background: #C6D580;
	text-align: left;
	border-top-width: medium;
	border-bottom-width: medium;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
ul.liens a:hover, ul.liens a:active, ul.liens a:focus { /* modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	background: #ADB96E;
	color: #FFF;
}
#liensindex {/* liens sur fonds bleu. */
	color: #A0A0A4;
}

.gros {
	font-size: 1.2em;
	color: #B27952;
	font-weight: bold;
}
.feuille {
	background: url(imagestyle/page4.png) no-repeat left bottom;
	padding: 30px 60px 75px 40px;
}