body{
    background: rgb(49, 41, 115) ;
    font-family: Arial,Verdana,Helvetica,"Bitstream Vera Sans",sans-serif;
	position:relative; 
	width:800px;
	margin-left:auto;
	margin-right:auto;  
	color: white ;    
	font-size:80%;	
	}
img {

	border:     solid 2px #999;
	border-left:solid 2px #CCC;
	border-top: solid 2px #CCC;	
}

.tableNavigation{
	display:none;
}


#guideBandeau{
	width:800px;
	height:75px;
	margin-top:7px;	
	margin-bottom:0px;
	background:#E0E0F5;
	padding:0px;
	position:fixed;
	top:92px;
	}
#guideBandeau #recherche{
	width:85%;
	float:right;
	margin-top:0px;
	margin-bottom:5px;	
	}
#guideBandeau .navigation{
	width:12%;
	float:left;
	margin-top:5px;	
	height:65px;		
	margin-left:5px;	
	text-align:center;
	border:solid 1px navy;
	}
	
#aiderecherche{
	float:right;
	margin-top:5px;	
	padding-top:3px;
	margin-right:5px;	
	margin-bottom:5px;	
	text-align:center;
	border:solid 1px white;
	width:85%;
	height:60px;	
}
#guide {
	width:780px;
	height:900px;
	overflow:auto;
	padding:10px;
    text-align: justify;
	background-color: #E6E6FA;
	color: navy ;
}
#guide p{
	padding-left:30px;
		}
#guide img{
	margin:5px;

		}
#guideBandeau  #recherche #empl1,#guideBandeau  #recherche #empl2,#guideBandeau  #recherche #empl3{
	width:320px;
	float:left;
	display:none;
	margin:5px;
}
#guideBandeau  #recherche #empl3 SELECT {
	 width:320px;
	}
#recherche #empl2{
	clear:left;
}
#recherche #empl3{
	float:right;
}

#guideBandeau  #recherche #empl1,#guideBandeau  #recherche #empl2,#guideBandeau  #recherche #empl3{
	display:none;  // le 1 est invisible
	}
#guideBandeau  SELECT {
     color:#FFFF00;
     background-color:navy;
     font-size:13px;
     font-family:Arial;
     width:320px;
	}

#precedente {
	display:block;	
	cursor:pointer;
	float:left;
	width:15px;
	height:15px;
	background: url(flechegauche.gif);	
	margin-right:2px;

}

#precedente span ,#suivante span{
	display:none;
}


#suivante {
	display:block;
	float:right;
	background: url(flechedroite.gif);	
	cursor:pointer;
	width:15px;
	height:15px;
	margin-left:2px;
	
}

.exemple {
	display : list-item;
	list-style-position: outside;
    font-style: italic;
    padding: 5px ;
    margin: 7px ;
}


h1,h2,h3,h4,h5,h6,h7,h8{

    text-decoration:none;

}

h1 {

    border-width: 1px ;
	font-size: 130% ;
    font-style: italic;
	border-style: solid;
    padding: 5px ;
	color:darkblue;
	font-style:italic;
	font-decoration:underline;
	background:#EEE;
	text-align:center;
}
h2 {

	font-size: 120% ;
    font-style: italic;
    padding: 5px ;
	color:navy;
	text-decoration:underline;
}

h3 {

    border-width: 1px 0px 0px;
	font-size: 110% ;
    font-style: italic;
	color:blue;
	}
h4 {

    border-width: 1px 0px 0px 1px;
	font-size: 105%;
    font-style: italic;
	padding-left: 5px ;
	color:purple;

	}

h5 {

    border-width: 1px 0px 0px 1px;
	font-size: 100% ;
    font-style: italic;
	padding-left: 5px ;
	color:green;
	}

h6 {

    border-width: 1px 0px 0px 1px;
	font-size: 100% ;
    font-style: italic;
	padding-left: 5px ;
	color:navy;
	}

h7 {

    border-width: 1px 0px 0px 1px;
	font-size: 100% ;
    font-style: italic;
	padding-left: 5px ;
	color:black;
	}
p{

    text-align: left;

}
#pictoNavigation{
	display:none;
}
#datePublication{
	margin-top:5px;
	border: solid blue;
	border-width: 1px 0px 0px 0px; 
	font-style:italic;
	text-align:center;
	font-size:90%;

}
#entete{
	text-align:right;
	font-style:italic;
	margin:0px;
	color:navy;
	padding:10px;
	font-size:75%;
	margin-left:5px
}