body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	background-image:url(../img/fd.jpg);
	background-repeat: repeat-x; 
	background-color:#FEA233;
}

h1{
	z-index.php:2;
	position:relative;
	padding-top:0px;
	margin-top:0px;
	font-size:16px;	
	border-bottom:1px solid #FF6A06;
	color:#FF6A06;
	text-align:left;
	width:100%;
	height:18px;
	line-height:18px;
}

h2{	
	z-index.php:2;
	padding-top:0px;
	margin-top:0px;	
	position:relative;
	padding-top:10px;	
	color:#000000;
	background-color:#19B0C3;
	text-align:left;
	font-size:16px;
	margin-bottom:5px;
	padding:3px;
	height:18px;
	line-height:18px;
}

h2.retour{	
	z-index.php:2;
	position:relative;
	float:left;
	padding-top:0px;
	padding-left:0px;
	margin-top:0px;
	color:#000000;
	background-color:#19B0C3;
	text-align:left;
	font-size:16px;
	width:910px;
	padding:5px;
}

h3{
	z-index.php:2;
	position:relative;
	text-align:right;
	background-color:#FEA233;
	color: #000000;
	margin-top:2px;
	font-size:14px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
}

h4{
	z-index.php:2;
	position:relative;
	padding-top:0px;
	margin-top:10px;
	padding-bottom:5px;
	color:#179EB0;
	border-bottom:1px dashed #179EB0;
	font-size:14px;
	text-align:left;
	width:100%;
}

h5{
	z-index.php:2;
	position:relative;
	float:left;
	padding-top:0px;
	margin-top:0px;
	color:#FF6A06;
	border-bottom: dashed 1px #FF6A06;
	padding:2px;
	text-align:left;
	font-size:14px;	
	width:100%;
	margin-bottom:5px;
}

h6{
	z-index.php:2;
	position:relative;
	float:left;
	padding-top:0px;
	margin-top:0px;
	color:#179EB0;
	padding:2px;
	text-align:left;
	font-size:14px;	
	width:100%;
	margin-bottom:5px;
}

div.hr {
  height: 15px;
  width:100%;
  background: #fff url(../img/hr1.gif) repeat-x scroll center;
  padding-bottom:0px;
  margin-bottom:0px;
}

div.hr hr {
  display: none;
}

table{
	width:100%;
	text-align:center;
	border:1px solid #179EB0;
}

caption{
	background-color:#179EB0;
	color:#000000;
	padding:2px;
	font-size:15px;
	font-weight:bold;
}

th{
	border:1px solid #fea233;
	background-color:#fea233;
}

td{
	border:1px dotted #179EB0;
	text-align:left;
	padding-left:5px;
}

.logo_left{
	position:relative;
	z-index.php:2;
	left:10px;
}

img.left{
	position : relative;
	margin:20px;
	float: left;	
	border: #00267C 2px solid;
	padding:0px;
}


img.center{
	position:relative;
	z-index.php:2;
	left:50%;
	width:500px;
	margin-left:-250px;
	border:1px solid #179EB0;
}
img.centrer_600px{
	position:relative;
	z-index.php:2;
	left:50%;
	width:600px;
	margin-left:-300px;
	border:1px solid #179EB0;
}
/*----------- DEBUT Entete haut ------------------------------------------*/ 
#Entete{
	z-index.php: 2;
	position: relative;	
	background-repeat:no-repeat;
	text-indent: 15px; 
	width: 980px; 
	height: 150px;
	margin-left: -490px;
	left:50%;
	padding-bottom:0px;
	margin-bottom:0px;
	background-image:url(../img/entete.jpg);
}
/*----------- DEBUT Entete haut ------------------------------------------*/ 
/*debut des liens de l'entete ----------------------------------------*/
a.lien_harmattan{
	z-index.php: 3;
	position: relative;	
	background-repeat:no-repeat;
	background-image:url(../img/lien_harmattan_bleu.png);
	width:30px;
	height:30px;
	display:block;
	left:410px;
	top:20px;
	margin-bottom:0px;
	padding-bottom:0px;
}

a.lien_harmattan:hover{
	background-position: 0px -30px;
}

a.lien_collection{
	z-index.php: 3;
	position: relative;	
	background-repeat:no-repeat;
	background-image:url(../img/lien_harmattan_bleu.png);
	width:30px;
	height:30px;
	display:block;
	left:855px;
	top:-9px;
}

a.lien_collection:hover{
	background-position: 0px -30px;
}


/*fin des liens de l'entete ----------------------------------------*/


/*----------- DEBUT Entete bas ------------------------------------------*/ 
#EnteteBas{
	z-index.php: 2;
	position: relative;
	background-repeat:no-repeat;
	text-indent: 15px;
	width: 980px;
	height: 31px;
	margin-left: -490px;
	top:0px;
	left:50%; 				
	background-image:url(../img/entete_bas.jpg);
	margin-bottom:0px;
	margin-top:-13px;
}

/*----------- FIN Entete bas ------------------------------------------*/ 
#Cadrepp{
	z-index.php: 2;
	position: relative;
	background-repeat:no-repeat;
	text-indent: 15px;
	width: 978px;
	height:auto;
	margin-left: -490px;
	left:50%;
	margin-top:-10px;
	padding-top:0px;
	border-top:0px red solid;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	background:#ffffff;
}

.titre{
	z-index.php: 2;
	position: relative;
	background-color:#ff0000;
}

/* Pour IE on ne fixe une hauteur .. si le contenu est plus grand il va s'adapter */
.container
{	
	z-index.php:2;
	position:relative;
	text-indent:0px;
	margin-top:1%;
	margin-left:1%;
	width: 98%;
	margin-right:1%;
	height: 710px;
	padding-bottom:20px;
}

/*Pour ff on définit la taille miniamle et la hauteur s'adapte si le contenu est plus important*/ 
html>body .container
{
	height: auto;
	min-height: 650px; /*hauteur mini pour les autres*/
}

.menu{
	left: 0px;
	width:100%;
	z-index.php:1;
	position:relative;
	float:none;
}

.menu ul{
	padding-top:10px;
}

.menu, .menu ul /* Liste */   
{
	line-height : 30px; /* on définit une hauteur pour chaque élément */
	text-align : left; /* on centre le texte qui se trouve dans la liste */
	text-indent:2px;
	list-style-type:none;
}

li.menu_orange{	
	border:1px solid #FF6A06;
	text-decoration:none;
	color:#FF6A06;
	margin-top:-5px;
	padding:2px;
}

li.menu_orange:hover{
	padding:2px;
	color:#19B11A;
	border:#19B11A solid 1px;
}

.menu_bleu ul li a {
	border:1px solid #179EB0;
	text-decoration:none;
	color:#179EB0;
	margin-top:-5px;
	padding:2px;
}

.menu_bleu ul li a:hover{
	padding:2px;
	color:#19B11A;
	border:#19B11A solid 1px;
}

a.retour_bleu{
	z-index.php:2;
	position:relative;
	float:right;
	background-image:url(../img/retour_bleu.jpg);
	background-repeat:no-repeat;
	border:0;
	top:-2px;
	width:38px;
	height:30px;
	display:block;
	margin-bottom:5px;
}

a.retour_bleu:hover{
	background-position: 0px -30px;
}

a.retour_menu{
	margin-top:10px;
	background-image:url(../img/retour_menu.jpg);
	background-repeat:no-repeat;
	float:left;
	border:0;
	width:108px;
	height:45px;
	display:block;
}

a.retour_menu:hover{
	background-position: 0px -45px;
}

a.retour_pp{
	margin-top:10px;
	background-image:url(../img/retour_pp.jpg);
	background-repeat:no-repeat;
	float:right;
	border:0;
	width:179px;
	height:45px;
	display:block;
}

a.retour_pp:hover{	
	background-position: 0px -45px;
}

.clear{
	clear:both;
}

.txt_ds_container{
	z-index.php: 3;
	position: relative;	
	margin-bottom:100px;
	padding-top:30px;
}

li.orange a{
	color:#FF6A06;
	text-decoration:none;
	padding:2px;
	border-bottom:1px dotted #FF6A06;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

li.orange a:hover{
	color:#ffffff;
	background-color:#FF6A06;
	text-decoration:none;
	padding:2px;
	border:1px solid #FF6A06;
}

li.bleu{
	color:#179EB0;
	text-decoration:none;
	padding:2px;
	width:auto;
	font-weight:bold;
}

li.bleu a{
	font-size:14px;
	color:#179EB0;
	padding:2px;
	text-decoration:none;
	border-bottom:1px dashed #179EB0;
}

li.bleu a:hover{
	color:#ffffff;
	background-color:#179EB0;
	text-decoration:none;
	padding:2px;	
}
li.gris{
	font-size:14px;
	color:#8F8F8F;
	padding:2px;
	text-decoration:none;
}





li.bleuA a{
	color:#179eb0;
	text-decoration:none;
	padding:2px;
	border-bottom:1px dotted #fea233;
	font-weight: bold;
}

li.bleuA a:hover{
	color:#ffffff;
	background-color:#fea233;
	text-decoration:none;
	padding:2px;
	border:1px solid #fea233;
}

.txt_orange{
	color:#FF9F2F;
}
li.bleu_2{
	margin-left:50px;
	color:#179EB0;
	text-decoration:none;
	padding:2px;
}

li.bleu_2 a{
	color:#179EB0;
	text-decoration:none;
	padding:2px;
	border-bottom:1px dotted #fea233;
	font-weight: bold;
}
li.bleu_2 a:hover{
	color:#ffffff;
	background-color:#FF9F2F;
	text-decoration:none;
	padding:2px;
}


li.bleu_3 a{
	color:#179EB0;
	text-decoration:none;
	padding:2px;
	border-bottom:1px dotted #fea233;
}
li.bleu_3 a:hover{
	color:#ffffff;
	background-color:#FF9F2F;
	text-decoration:none;
	padding:2px;
}



li.bleu_3{
	margin-left:100px;
	color:#179EB0;
	text-decoration:none;
	padding:2px;
}

li.bleu_4{
	margin-left:150px;
	color:#179EB0;
	text-decoration:none;
	padding:2px;
}

.lien{
	border:#FF9F2F 1px solid;
	padding-left:2px;
	padding-right:2px;
	color:#FF9F2F;
	text-decoration:none;
}

.lien:hover{
	border:#179EB0 1px solid;
	padding-left:2px;
	padding-right:2px;
	color:#179EB0;
	text-decoration:none;
}
.lien_center{
	display:block;
	text-align:center;
	background-color:#FF9F2F;
	border:#FF9F2F 1px solid;
	padding-left:2px;
	padding-right:2px;
	color:#ffffff;
	width:500px;
	display:block;
	margin:0 auto;
	text-decoration:none;
}

.lien_center:hover{
	border:#179EB0 1px solid;
	padding-left:2px;
	background-color:#179EB0;
	padding-right:2px;
	color:#ffffff;
	text-decoration:none;
}

.rapport_au_livre{
	z-index.php:2;
	position:relative;
	text-align:right;
	padding-top:0px;
	margin-top:0px;
	color:#1227C1;
	border-bottom:1px dotted #1227C1;
	font-size:12px;
	top:-5px;
	padding-bottom:5px;
}

.nav ul{
	float:none;
    list-style-image:none;
    list-style-type:none;
    margin:3px 0;
}
.nav ul li {
	background-image:url(../img/bt_suivant_precedent.jpg);
	background-repeat:no-repeat;
	float:left;
	height:50px;
	margin: 0px;
	list-style: none;
	position: absolute;
}
.nav ul li a {
    display:block;
    height:100%;
    width:100%;
}
.nav ul li:hover {
    z-index.php:1000;
}

.nav ul li.nav1 {
    background-position:0 0;
    left:30px;
    width:50px;
}
.nav ul li.nav1:hover {
    background-position:0 -50px; 
}
.nav ul li.nav2 {
    background-position:-50px 0;
    left:875px;
    width:50px;
}
.nav ul li.nav2:hover {
    background-position:-50px -50px;
}