/* debut de mise en page */
		

#hl {position:fixed; top:0px; left:0px; background:#905050; z-index:1000;}

#menuleft a:focus,#foot a:focus  {
  text-decoration:none;
  border:0;
  outline:none;/* pour retirer le pointille lors du click sur firefox */
 }








* html #headleft,html h1 {position:absolute;}



img{
 	border:none;
}  

#comment1{
	display:block;
 	height:100px;	
	color:red;
	width:200px;
	text-align: right;
}

/* fin choix langue  */



#titre2{
	color:red;;
	position:absolute;
	left:240px;
	top:100px;
	width:200px;
	font: 12px Verdana, sans-serif;
	z-index:7;
}


/* debut generalite du contanier */

.txt1 {
	color:#b0bbea;
}
.rouge{
	color:red;
}
.rouge1{
	color:red;
	font-size:14px;
	margin-bottom:0px;
	margin-top:8px;
	
}

.chapitre {
	float: left;
	color: red;  
	font: 22px Verdana, sans-serif; 
	margin-left:15px;
}
.cent{
	text-align: center;
}
p {
	color:#b0bbea;
}

			/* debut position info */
.info{
	float:right;
	/*position:relative;*/
	
	margin-right:20px;
	top:0px;
	width:30px;/*  necessaire pour ie6 et7 pour l'ascenceur du bas */
	/*_margin-right:5px;*/  /*  hack ie5 ie6 */
}


.inforight{  
	width:40px;
	height:1px;
}
.help {   /* class pour javascript open in new window */
	text-decoration: none ;
	border:0;
}
.hinfo {   /* class pour javascript open in new window */
	color:#fff;
	font-style: italic ;
	font-family: times, serif ;
	font-size: 16pt ;
	text-decoration: none ;
	border:0;
}



/* fin position info */
/* fin generalite container*/

/*  debut menu foot */

#w3cfr, #w3cen {
	position: absolute;
	margin:5px 0 0 30px;
	padding: 0;
	bottom:10px;
	left:0;
	list-style-type: none;
	font-style: normal ;
 	font-weight:normal;
 	font-size: 8px ; 
 	font-family:verdana,brush,chancery,script,arial ;
 	
 	width:300px;
}

.f1 {
	position:absolute; /* float left ne marche pas sinon les li s'ecarte lors du hover*/
	left:0px;
	top:-10px;
	width: 55px;
}
.f2 {
	position:absolute;
	left:55px;
	width: 55px;
	top:-10px;	
}

.f3 {
	position:absolute;
	left:110px;
	width: 55px;
	top:-10px;
}

.f4 {
	position:absolute;
	left:165px;
	width: 55px;
	top:-10px;
}

.f1 a, .f2 a, .f3 a, .f4 a {
	display: block;  
	width: 55px;
	/*heigth:10px;*/
	text-decoration: none;
	color:white;
	
}

.f1 a:hover, .f2 a:hover, .f3 a:hover, .f4 a:hover {
	color:red;
	text-decoration: none;
	background:black;  /* neccessaire pour ie5 ie6 sinon pas d'affichage du span */
	background-image:url(images/texture-IH.gif); 
	
	}

.f1 a span, .f2 a span, .f3 a span, .f4 a span {
	display:block;
	visibility:hidden; /* hide the image */
	position:relative;
	top:-30px;
	left:0px;
	z-index:100;
	width:200px;/* no width perhaps to solve an Opera bug that makes it selectable when hidden */
	height:15px;
	font-size: 12px ; 
	background:black;
	text-align:left;
	 
}

.f1 a:hover span, .f2 a:hover span, .f3 a:hover span, .f4 a:hover span {
	display:block;
	position:relative;
	visibility:visible; /* make the image visible */
	top:-30px;
	left:0px;
	z-index:100;
	width:200px;
	height:15px;
	font-size: 12px ; 
	background:black;
	text-align:left;
}	
/*  fin menu foot */



/* fin de la mise en page */

/*  commun toute page */

	* {margin:0;padding:0}
html {
	height:100%; 
	max-height:100%;  
	padding:0; 
	margin:0; 
	border:0; 
	font-size:76%; 
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
/*background:#fff url(clown.jpg) -18px 0 no-repeat; */
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }	

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background:url(images/texture-IH.gif);
}


/* bandeau du haut */ 
#head {position:fixed; margin:0; top:0px; right:18px; display:block; width:100%; height:85px;z-index:4; /*_padding-left:125px;*/}
* html #head {position:absolute;}
#topper {position:fixed; display:block; top:0; right:112px; width:100%; height:85px; background:url(images/texture-IH.gif); font-family:times new roman, serif;  color:#000; z-index:8;}
* html #topper {position:absolute; }
#headdroit {
	float:right;
	top:0;
	margin-right:0px;
	margin-top:0px;
	/*width:400px;*/
	height:85px;
	text-align:right;
	/*background:yellow;*/
}
#comment2{
	display:inline;
 	height:85px;	
	color:red;
	width:200px;
	text-align: right;
	/*background:yellow;*/
}


#titre1, #titre1ombre {
	color:#226622;
	position:fixed;
	text-align:center;
	left:220px; 
	top:10px;
	width:400px;
	font: 28px Verdana, sans-serif;
	text-align:left;
	z-index:99;
}
* html #titre1, * html #titre1ombre {
	position:absolute; 
}


#titre1ombre{
	color:red;
	left:218px;
	top:7px;
	z-index:100;
}
 #titreactu {
	position:fixed;
	text-align:center;
	left:230px; 
	top:50px;
	color: red;  
	font: 20px Verdana, sans-serif; 
	font-style: normal;
	text-align: left;
background-color:transparent; /*#000;noir*/
	/*background-image:url(images/texture-IH.gif);
	width:400px;*//*il faut absolument ca pour le background*/		
	z-index:10;
}
* html #titreactu {
	position:absolute; 
}
/* fin bandeau du haut */ 

/* choix langue haut gauche */


#headleft{
	 z-index:30;position:fixed;display:block;top: 0px;left:0px; width: 175px;
		padding-top:20px;height:125px;background-color:transparent;

	
}
* html #headleft {position:absolute;}
 #headleft a:focus{
  text-decoration:none;
  border:0;
  outline:none;/* pour retirer le pointille lors du click sur firefox */
 }

/* debut choix langue  */
#bobgre {
position:absolute;
top:15px;
height:97px;
width:197px;
z-index:22;
}
* html #bobgre {position:absolute;}
#bobgre img {z-index:30;}

.chen {
position:fixed;
 	top: 15px;
 	left:30px;

}

.choix_lg {
position:absolute;
	z-index: 90;
 	width:60px;
 	height:40px
}

.chfr{
position:absolute;
 	top: 40px;
 	left:90px;

}

.choix_lg a {
	display: block;
 	text-align: center;
 	text-decoration:none;
z-index:25;
}
.dr,.dra {
	display: none;
}

.choix_lg a:hover {
	color:red;
	background:transparent;
 	text-decoration:none;
	}

.choix_lg a:hover .dra{ 
	display:block;
position:absolute;
  	left:20px;
	top:25px;
	z-index:26;
}

.choix_lg a:hover span.dr {
position:absolute;
 	display: block;
	top:-10px; left: 40px; 
   	background:transparent; 
	width:80px;
	color:red;
	text-decoration:none;
	z-index:100;
	color:red;
	text-align:center; 
font-weight:bold;
}


/* fin choix langue */

/* composant de limage haut a droite*/
#bienvenue  {
	float:right;
	 color:#000; 
	margin-right:0px;
	top:0px; 
	width:95px; height:85px; 
	/*background:green ;*/
	background:url(images/texture-IH.gif);
	 	text-align: right;
	 z-index:9;
	 }

#bienvenue img { z-index:9;}
/* fin de bienv*/

/*  menu left */
/* debut menuleft */

#menuleft { /* mise en place menu */
	position:absolute; 
	left:0; 
	top:125px; 
	height:300px;
	margin-left:30px; 
	width:126px; 
	color:white; 
	z-index:60;
}

* html #menuleft { position:absolute; }


#links, #linksfr  {
	float:left;
	width:113px;
	padding: 5px 0px 5px 10px;/* 0 car fait difference de largeur avec ie*/
	border:1px double red; 
	margin:0;
 	z-index: 50;/* important pour la transparence du span */
 		
}
#links ul, #linksfr ul {
	list-style-type: none;
	font-style: normal ;
 	font-weight:normal;
 	font-size: 12px ; 
 	font-family:verdana,brush,chancery,script,arial ;
}
#links  li,#linksfr  li  {
	float: left;
	
}
#links ul li a, #linksfr ul li a {
	display: block;
 	text-align: left;
 	font-style: normal ;
 	font-weight:normal;
 	font-size: 12px; 
 	font-family:verdana,brush,chancery,script,arial ;
	border-width: 0; 
  text-decoration: none;
	color: #00FF00;
	border: 0px;
	width:108px;
	z-index: 55;
	left: 0px;
	
}

#links  ul li a:hover, #linksfr  ul li a:hover {
	color: red;    
	border: 1px  white;
	font-size: 14px ;
	left: 5px;
	background:transparent;
}

#links ul li a.space, #linksfr ul li a.space{
	margin-top:8px;
}

#links ul li  a span, #linksfr ul li  a span {
	display: none; 
}

#links ul li  a:hover span, #linksfr ul li  a:hover span {
	display: block;
  position: absolute; 
	top: -85px; 
	left: 190px; 
	padding: 0px;
	margin: 10px; 
	color: red;  
	font: 20px Verdana, sans-serif; 
	font-style: normal;
	text-align: left;
	background-color: #000;  /* neccessaire pour ie5 ie6 sinon pas d'affichage du span */
	background-image:url(images/texture-IH.gif);
	z-index: 100;
	width:800px;/*485px; */  /*il faut absolument ca pour le background*/	
}

/* fin menuleft */


/*  foot */

#foot1 {display:block;position:absolute;bottom:-1px;width:100%; margin-left:0px;right:18px;height:23px; background-color:#808080;  overflow:hidden; color:#fff; z-index:1050;}
* html #foot1 {position:absolute; right:17px;
	right/* */:/**/17px; 
	right: /**/17px;}
#foot1 a:focus  {
  text-decoration:none;
  border:0;
  outline:none;/* pour retirer le pointille lors du click sur firefox */
 }
#padfoot {display:block; width:18px; height:23px; float:left;}
/* fin foot */

/* debut container */
#container {
	display:block; 
	position:relative; 
	height:100%; 
	max-height:100%; 
	padding-top:0px; 
	overflow:auto; 
	padding-left:200px;
	/*padding-right:10px; */
	z-index:3;
	text-align:center; 
	color:white;
	}

/* menu suivant precedant  dans le container*/
.droit1 {
	float:right;
	/*position:relative;*/
	margin-right:150px;
	font: 12px Verdana, sans-serif;
	width:180px;/*  necessaire pour ie6 et7 pour l'ascenceur du bas */
/*	_width:181px;
	_margin-right:79px;*/  /*  hack ie5 ie6 */
		color:#aaa;
		/*vertical-align:center;*/
		height:16px;
		text-align:center;
		padding:0;
	}
	div.txtici {
	display:block;
	width:153px;
	/*_width:148px;*/ /* for ie55*/
	height:16px;
	text-align:center;
	margin-left:13px;
	background:transparent url(images/fond1.gif) no-repeat; 
	}
	.aleft {
	float:left;
	}
	.aright {
	float:right;
	}
/* fin menu suivant precedant  dans le container*/

.pad {display:block; position:relative;height:84px;}/* permet de decaler les chapitres pour etre sous le head*/


.pad1 {display:block; height:400px;}


.text {display:block; padding:10px 10px 10px 10px; width:100%; margin-left:5px; text-align:justify; float:left; color:#FFF;}
.text {width/* */:/**/100%; 
	width: /**/100%;}

/* fin  commun toute page */

* html .menu2 {position:absolute; ;}/*pour ie 5*/	
 a {
	text-decoration: none;
}		
		
#container > hr{
	color: red;
	background-color: red;
	height: 1px;
	border: 0; /*voirwww.nanoum.net/blog/4_apparence_hr.html*/
	width:100%
}

#container  br{
	clear:both;
}
	
.left {
display:block;

float:left;
width:30%;
margin:20px;
margin-left:40px;
top: 4em;

}	
.droit2 {
display:block;

float:right;
width:50%;
margin:20px;
margin-right:40px;
top: 4em;


}	
.droit3 {
display:block;
float:right;
width:50%;
margin:20px;
margin-right:40px;
top: 14em;
}	
.infos {
float:right;
width:53px;
height:33px;
padding-right:20px;
background:transparent url(../fiche/images/INFO.jpg) no-repeat;
}
.infos a {
display:block;
width:33px;
height:33px;
}
.fs24{font-size:24px;}
.fs22{font-size:22px;}
.fs20{font-size:20px;}
.fs18{font-size:18px;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.fs12{font-size:12px;}
.fs10{font-size:10px;}
.fs8{font-size:8px;}
.bleu {color: #00FFFF;}
.vert{ color: #0f0;}

:focus {outline:none;}/* this remove all the dotted border when a link is focus or active */

.gau {text-align:left;}

.w50 {width:70%}
.w100 {width:100px;}
.w200 {width: 200px;}
.mauto{margin:0 auto;}
.tal{text-align:left;}
.il {display: inline-block; width:350px; height: 90px;}
.nw {white-space: nowrap;}
.ils {display: inline-block;}/* pour timbre */

h3 {
	color: #FF0000;
	font-size:15px;
	vertical-align: top;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;

}