html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
/* background-color: #fff; /*couleur de fond blanche*/

}
.cadre-outset {border: outset blue 3px} /* encadrement de type standard outset */
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
/*position: absolute;*/
background-color:#FFFFFF;
/*background-color: #99CC99;*/
}

.header {

height: 87px;
 background: url('../images/l1_01.gif') no-repeat bottom left;
/*margin: 0px;*/
background-color:#FFFFFF;
/*background-color: #99CCCC; */
}
.menu {

position: absolute;
left:0;
width: 250px;
height: 465px;
background-color:#FFFFFF;
background-color:#FFFFFF;
}
.frame {
margin-left: 282px;
width: auto;
/*height: auto;*/
height: 485px;
background-color:#FFFFFF;
/*background-color:#9999CC;*/
overflow: auto;
}
/*
p {margin: 0 0 10px 0;}
*/



.jaune {
  background-color: #ffff00;
  float: right;
  width: 200px;
  margin: 0;
  text-align: center;
  border: 2px solid #5555ff;
}


h1 {
font-style : Normal ; 
font-size : 110%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
text-align: left;
font-weight: bold;
color: navy;
/* position: relative; */
margin: 0 0 1em 0;
padding: 5px;
border-bottom: 2px solid #5555ff;
}	


h2 {
font-style : Normal ; 
font-size : 100%; 
font-weight: bold;
font-family :  Arial, Helvetica, Geneva, sans-serif;
text-align: left;
color: #335544;
/*position: relative;*/
padding: 5px;
}	

p
{
	margin:1px;
	font-weight: normal;
	color: #555753;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
    text-align: justify; /* Ils seront justifiés */
    font-size: 100%; 
}
acronym {
 cursor : pointer; 
}
span.p2
{
	text-decoration: underline;
	color: #aa5773;
	font-size: 120%;
}

div.trouge {
	text-align:center;
	font-weight: bold;
	color: #FF57aa;
	font-size: 120%;
	}
div.arabe {
	text-align:right;
	/*font-weight: bold;*/
	font-size: 130%;
	color: #555753;
	}


div.signature {
	text-align:right;
	font-style:italic;
	text-decoration: underline;
	color: #335544;
}
div.tgrand {
	text-align:center;
	font-weight: bold;
	color: #335544;
	font-size: 200%;
	border-bottom: 2px solid #5555ff;
	}
	
	
span.coran {
	font-weight: bold;
	font-style:italic;
	color: #7757aa;
	font-size: 100%;
}
ul /* Ma liste aura des puces en forme de dossiers */
{
   /* list-style-image: url("dossier.png"); */
   	list-style-type: square;
   	list-style-position: outside;
   	font-size: 100%; /* Allez, soyons fous, grossissons le texte :o;) */
   	font-weight: normal;
   	color: #555753;
 	text-align: justify; /* Ils seront justifiés */
 	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

ol /* Ma liste aura des puces en forme de dossiers */
{
   /* list-style-image: url("dossier.png"); */
   	list-style-type:decimal;
   	counter-reset: section;
   	list-style-position: outside;
   	font-size: 100%; /* Allez, soyons fous, grossissons le texte :o;) */
   	font-weight: normal;
   	color: #555753;
 	text-align: justify; /* Ils seront justifiés */
 	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

img.borderless 
{
border:0px;
margin:0px
}

.borderful 
{
border:2px solid ;
margin:0px
}
/*
q1
{
	font-weight: bold;
	font-style:italic;
	color: #7757aa;
	font-size: 100%;
}
*/


a.info {
/*position: relative;*/
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 100;
}
a.info:hover span {
display: inline;
position: absolute;
width: 400px;
top: 150px;
left: 260px;/*-5em;*/
border: 1px solid #000000;

background: #ffffee; /*orange;*/
text-align: justify;
color: black;/* white;*/
padding: 2px;
}