@charset "windows-1252";

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

body {
	background: #690404 url('Images/fondchevale.png') repeat-y; /* image de fond */
	margin:0; /* suppression de toutes les marges */
	padding:0;
	color: #FFCCCC; 
	font: 90%;
	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,#inf1 {border: 0px solid #999999;}  

a:link {font-weight: bold; text-decoration: none; color: #FF6600;}
a:visited {font-weight: bold; text-decoration: none; color: #FF6600;}
a:hover, a:active {text-decoration: none; color: #ffffff;} 
H2 a:link {font-weight: bold; text-decoration: none; color: black;}
H2 a:hover {font-weight: bold; text-decoration: none; color: white;}

.tip {padding: 10px;background-color: #FFFFCC;border: 2px solid #650000;color: #650000;font-size:10pt;}
.tip a:link {color: #FF6600;} 
.tip a:hover {color: #FF0000;}
.tipi {padding: 10px;background-color: #FFFFCC;border: 3px solid #000;border-top: 3px solid #fff;border-left: 3px solid #fff;color: #650000;font-size:10pt;}  
.tipim {padding: 2px;background-color: #FFFFCC;border: 3px solid #000;border-top: 3px solid #fff;border-left: 3px solid #fff;}  
.tipi a:link {color: #FF6600;} 
.tipi a:hover {color: #FF0000;}
.info {padding: 25px;margin-top: 25px;}

.bordgauch {float: left;
	width: 162px;
	color: orange; 
	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 { position: relative;
	margin-top: 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: auto;  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: 180px;
	width: 86%;
	height: 100%;
	padding: 0;
	text-align: center;
	font-size:16pt;
	font-family:arial;
	color:white;
	font-weight:bold ;}	
	
.contact {}	 
	
.blancadre {background-color: white; padding: 25px; border-right: 2px solid  black; border-bottom: 2px solid  black; border-top: 1px solid grey; border-left: 1px solid grey; width:auto;}
.cadreblanc {margin: 0; padding: 0;border: 25px solid #ffffff;}	  
.ombre {background-image: url('Images/ombre.png'); padding-top: 0; padding-left: 0;padding-right: 15px; padding-bottom:15px;}
.liframe {margin: 0; padding: 6px; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid  black; border-bottom: 1px solid  black;}	
.liframi {margin: 0; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid  grey; border-bottom: 1px solid  grey;}	
	
.firstlevel{
	display: block;
	text-align: left;
	color:#FFCCCC;
	line-height:20px;
	background-color: #990000;
	width:160px;
	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:160px;
	background-color: #FFCCCC;	
	text-decoration: none;
	color: #C1445A;
	padding-left: 18px;
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #000; 
	border-bottom: 2px solid #000; 
}

.collapsable {
	display: block;
	width:160px;
	font-size:10pt;
	line-height:20px;
	background-color: #FFCCCC;	
	color:#000;
	text-align:left;
}
.collapsable  a {
	display: block;
	width:160px;
	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:160px;
	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 {
	display: block;
	width: 274px; 
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	line-height:20px;
	text-align: center;
	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);}

.visg {float: left; background-image: url('Images/visg.jpg'); width: 42px; height: 42px}	
.visd {float: left; background-image: url('Images/visd.jpg'); width: 41px; height: 42px}	
.visavis {float: left; background-image: url('Images/visavis.jpg'); width: auto; height: 42px; line-height: 42px; color: black; font-size: 16; font-weight: bold;}	
.plaquette {float: left; height: 42px; width: auto; margin: 1em;}