@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/backg.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
}
h1 {
	text-align:left;
	font-size:20px;
	color:#000000;
	font-weight:normal;
	padding-bottom:-55px;
}
h2 {
	text-align:left;
	font-size:14px;
	color:#FF0000;
	font-weight:normal;
}
p {
	text-align:left;
	font-size:12px;
	line-height:15px;
	color:#000000;
	font-weight:normal;
}
.centre {
	text-align:center;
	font-size:12px;
	line-height:15px;
	color:#000000;
	font-weight:normal;
}
b {
	color:#000000;
}
b a {
	color:#075592;
	font-weight:bold;
	text-decoration:underline;
}
b a:hover {
	color:#075592;
	font-weight:bold;
	text-decoration:none;
}
a {
	color:#075592;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	color:#075592;
	font-weight:bold;
	text-decoration:none;
}
#accueil {
	margin:10px 0 0 10px;
	padding-top:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#000000;
	background-color:#ffc239;
	font-weight:bold;
	width:140px;
	height:20px;
}
#accueil a {
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
#accueil a:hover {
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
#logo {
	background:url(../images/logo_200.jpg);
	width:200px;
	height:61px;
	margin:0 0 0 10px;
	background-repeat:no-repeat;
}
ul, li {
	text-align:left;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	line-height:16px;
}
.menubas {
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	background-color:#ffc239;
}
.menubas a {
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
.menubas a:hover {
	text-align:center;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
.filariane {
	text-align:right;
	font-size:10px;
	color:#075592;
	font-weight:bold;
}
.filariane a {
	text-align:right;
	font-size:10px;
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
.filariane a:hover {
	text-align:right;
	font-size:10px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

/* début du hack "fixed" permettant de fixer le menu fixe sous IE */
body { /* redéfini les propriétés de toute la page */
	overflow-y: hidden; /* fonction microsoft supprimant les ascenseurs sous IE */
	margin: 0; /* la marge du body est à 0 pixels */
	padding:0
} /* marge intérieure à 0 pixels */
html > body {
	overflow-y: auto
} /* annule le overflow-y pour firefox 1.5 et supérieur */
.content { /* boite prenant toute la page sauf le menu fixe*/
	width:100%;
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
	overflow: auto;
} /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */

.menu1 { /* menu fixe en bas de l'écran */
	position: absolute; /* position du menu = par rapport à la boite parent (ici le body) */
	top: 30px; /* Le bas du menu est à 0 pixels du bas de l'écran */
	left: 0; /* La gauche du menu est à 0 pixels du bas de l'écran */
	width: 20%; /* largeur du menu = 98% de l'écran */
	height: 100%;
	background-color : transparent; /* la couleur du menu */
}
.menu2 { /* menu fixe en bas de l'écran */
	position: absolute; /* position du menu = par rapport à la boite parent (ici le body) */
	top: 300px; /* Le bas du menu est à 0 pixels du bas de l'écran */
	right: 0; /* La gauche du menu est à 0 pixels du bas de l'écran */
	width: 20%; /* largeur du menu = 98% de l'écran */
	height: 100%;
	background-color : transparent; /* la couleur du menu */
}
body>.menu1 {
	position:fixed
} /* annule le hack "fixed" pour les autres navigateurs que IE */
body>.menu2 {
	position:fixed
} /* annule le hack "fixed" pour les autres navigateurs que IE */
.boite {
	width:100%;
	height:100%;
} /* boite servant à faire défiler l'écran, en débordant de la page */