@charset "windows-1252";

H1 {text-align: center; font-style: bold; font-family: papyrus, Arial,Comic Sans MS; color: Blue; background: }
P {font-family: papyrus, Arial,Times New Roman; font-size: 12; color: #9d0202; padding-left: 15px}
H2 {text-align: center; font-family: papyrus, Arial, Comic Sans MS; color: #9d0202}
H3 {text-align: center; font-family: papyrus, Arial, Comic Sans MS; font-size: 10; color: #9d0202}
H6 {text-align: center; font-family: Arial, papyrus, Comic Sans MS; color: #9d0202}
TH {font-family: papyrus, Arial, Comic Sans MS; color: #9d0202}
TD {font-family: papyrus, Arial, Comic Sans MS; color: #9d0202}
H5 {text-align: left; font-family: papyrus, Arial, Comic Sans MS; color: ##9d0202 font-size: 10;}

body {
	background-color : #fff; /* couleur de fond */
	background-image: url('images/blanc.jpg'); /* image de fond */
	margin:0; /* suppression de toutes les marges */
	padding:0;
	color: white; 
	font: 75%;
	font-family: Arial, papyrus, Comic Sans MS;	text-align: center;
}

hr {clear: both; visibility: hidden;}

em {font-size:10px;}   
img {border: 1px solid #000000;}
#mr {border: 0px solid #999999;}  

a:link {font-weight: bold; text-decoration: none; color: #9d0202;}
a:visited {font-weight: bold; text-decoration: none; color: #9d0202;}
a:hover, a:active {text-decoration: none; color: #ffffff;}

.coin {
	float: left;
	background: url('images/Logo.jpg');
	width: 166px;
	height: 240px;
	color: #fff; 
	top: 0px;
	left: 0;
}

.bordgauch {float: left;
	width: 166px;
	color: #fff; 
	top: 240px;
	left: 0; 
	margin: 0; 
	text-align: left;
}	
.basgauche {width: 142px; left: 0; border: 0px solid #000000; text-align: center;}

.footer { position: absolute;
	top: 90%;
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.entete
	{margin: 0.5em 15%;
	border: 1px solid #000000;
	text-align: center;
	font-size:16pt;
	font-family:arial;
	color:white;
	font-weight:bold ;}

.gauch {margin: 5px;  padding: 0;  float: left;  width: 150px;  height: auto;  border: 0px solid #000000;  text-align: center;}
.droit {margin: 5px;  padding: 0;  float: right;  width: 150px;  height: auto;  border: 0px solid #000000;  text-align: center;}
.gauche {margin: 1em;padding: 0; float: left; width: auto; height: auto; text-align: center;}

.centre { position: absolute;
	border: 0px solid #000000;	
	margin-left: auto;
	margin-right: auto;
	top:0;	
	left: 166px;
	width: 83%;
	height: 100%;
	padding: 0;
	text-align: center;
	font-size:16pt;
	font-family:arial;
	color:white;
	font-weight:bold ;}	 
	
.menubas {
	display: block;
	float: left;
	background-color: black; /* url('images/menubas.jpg') no-repeat;*/
	width: 100%; 
	left: -10px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 16px;
	font-size:8pt; 
	color: #C1445A;
	text-align: center;	
	border: 0px solid #FF0000;	} 	 

.menuhaut {	 position: absolute;
	background-image: url('images/Red.gif'); /* image de fond */ 
	width: 100%; 
	left: 0;
	padding: 2px;
	height: 20px;
	font-size:8pt; 
	color: white;
	text-align: center;	
	}
.cadrered {
	background-image: url('images/Red.gif'); /* image de fond */ 
	padding: 15px;
	border: 1px solid #000000;}
.cadreblanc {margin: 0px;  border: 25px solid #ffffff;}	
.ombre {background-image: url('images/ombre.jpg'); padding-top: 0; padding-left: 0;padding-right: 10px; padding-bottom:10px;}
		
	
.firstlevel{
	display: block;
	text-align: left;
	color:#fff;
	line-height:20px;
	background-color: #C1445A;
	width:150px;
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #000; 
	border-bottom: 2px solid #000; 
}	
.firstlevel  a:hover {
	display: block;
	width:150px;
	background-color: #FFCCCC;	
	text-decoration: none;
	color: #C1445A;
	padding-left: 18px;
}

.collapsable {
	display: block;
	width:150px;
	font-size:10pt;
	line-height:20px;
	background-color: #FFCCCC;	
	color:#000;
	text-align:left;
}
.collapsable  a {
	display: block;
	width:150px;
	font-size:10pt;
	line-height:20px;
	background-color: #FFCCCC;	
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	color:#000;
	text-align:left;	
}
.collapsable  a:hover {
	display: block;
	width:150px;
	background-color: #9d0202;	
	text-decoration: none;
	color:white;
	padding-left: 18px;
}

.space {
	margin: 1em;
	padding: 0;
	float: left;
	width: 130px;
	height: 150px;
	text-align: center;}
	
.expo {
	width: 274px; 
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	text-align: center;
	margin-top: 10px;
	border: 0px solid #990000; }
	  
.expo a {
 	margin-right: 5px;	
	float: left;
}
a.prec {background-image: url(images/prec1.png); width: 86px; height: 20px;display: block;}
a.prec:hover {background-image: url(images/prec2.png);}
a.marc {background-image: url(images/marc1.png); width: 86px; height: 20px;display: block;}
a.marc:hover {background-image: url(images/marc2.png);}
a.next {background-image: url(images/next1.png); width: 86px; height: 20px;display: block;}
a.next:hover {background-image: url(images/next2.png);}