html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image : url("images/Back3.jpg");
	background-repeat : repeat-x;
	background-color : #5397ff;
}
div#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}
div#page {
	position: relative;
}
div#page #premier-element {
	margin-top: 0;
}
div#page #dernier-element {
	margin-bottom: 0px;
	padding-bottom: 4em;
}
.EspacementEntete{
	width : 100%;
}
.alignFF{
margin:0 auto 0 auto;
}
.W3C{
	border:none;
}
a.W3C:hover{
	border:none;
}
.ref{
	text-decoration : none;
	color : white;
	border : none;
}
a.ref:hover {
	color : red;
	border : none;
}
.mr {
	text-align : center;
}
.Roll_Ref{
	color : #505050;
	text-decoration : none;
}
.Roll_Ref:hover{
	color : red;
}
.CentrerEPP{
padding-left : 45%;
padding-bottom : 80px;
}

.Enable {
width: 335px;
height: 216px;
background-image:url('images/Purete.jpg');
background-repeat: no-repeat;
margin: 0 auto; 
z-index : 1;
cursor : normal;
margin-right : -10px;
}

.bt_PageEnCour{
width : 50px;
height : 46px;
background-image:url('images/PageSelected.jpg');
background-repeat: no-repeat;
background-position : center;
margin: 0 auto; 
margin-right : -5px;
z-index : 1;
}
.bt_Page{
width : 50px;
height : 46px;
background-image:url('images/Page.jpg');
background-repeat: no-repeat;
margin: 0 auto; 
z-index : 1;
}
.bt_Page p, .bt_Page a {
width : 50px;
height : 46px;
display: block;
margin: 0;
}
.bt_Page:hover{
width : 50px;
height : 46px;
background-image:url('images/PageSelec.jpg');
background-repeat: no-repeat;
margin: 0 auto; 
z-index : 1;
}
.Ecrit_pages{
padding-top : 13px;
text-decoration : none;
color : #555555;
}
.Ecrit_pages_selected{
text-decoration : none;
color : #555555;
}
/*===============================================
		Positionnement des infos
===============================================*/
.PositionRef{
position : relative;
font-size : 13px;
bottom : -17px;
right : 10px;
padding-right : 5px;
padding-left : 170px;
color : #505050;
}

.PositionTof{
position : relative;
bottom : -23px;
right : 70px;
}

.PositionGamm{
color : #505050;
position : relative;
font-size : 15px;
font-family : "times new roman", arial, serif;
bottom : 154px;
right : 70px;
}

.PositionMarq{
color : #505050;
text-align : left;
position : relative;
font-size : 15px;
font-family : "times new roman", arial, serif;
bottom : -27px;
right : 20px;
padding-left : 80px;
}

.PositionDesi{
color : #505050;
font-family : "times new roman", arial, serif;
font-size : 14px;
text-align : justify;
position : relative;
bottom : 180px;
padding-right : 20px;
padding-left : 190px;
}
/*===============================================
		Fin positionnement des infos
===============================================*/

.zoom1 {
 top : 100px;
 width: 60px;
 height: 47px;  
 background-image: url(images/RetourEnHaut.png);  
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : fixed; 
 z-index : 1; 
}
.zoom1 p, .zoom1 a {
width : 60px;
height : 47px;
display: block;
margin: 0;
}

.zoom1 a:hover {
width : 60px;
height : 47px;
background-image: url(images/RetourEnHaut2.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
z-index : 1;
}

.zoom2 {
top : 147px;
 width: 60px;
 height: 45px;
 background-image: url(images/RetourIndex.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : fixed;
 z-index : 1;
}
.zoom2 p, .zoom2 a {
width : 60px;
height : 45px;
display: block;
margin: 0;
}
.zoom2 a:hover {
width : 60px;
height : 45px;
background-image: url(images/RetourIndex2.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
z-index : 1;
}
em{
display : none;
}
a.tooltip em {
display:none;
}
a.tooltip:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
a.tooltip:hover em {
top : 105px;
font-style: normal;
font-size : 17px;
text-align: center;
display: block;
position: fixed; /* A positionner en absolute sur IE et donc, modifier parametres en conséquence (top et left)*/
left: -20px;
margin-left : 80px;
padding-top : 23px;
color: #505050;
width:550px;
background-image: url(images/TexteMenu.png);
width : 258px;
height : 80px;
background-repeat : no-repeat;
}
.Banniere{
float : right;
background-image : url(images/Boite.png);
width : 544px;
height : 182px;
padding-left : 36px;
margin-right : 0px;
margin-top : 5px;
padding-top : 20px;
padding-right : 0px;
background-repeat : no-repeat;
}
.MoteurDeRecherche{
background-image: url(images/MoteurRecherche.png);
width : 600px;
height : 185px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-repeat : no-repeat;
}
.MoT{
text-align : left;
padding-left : 35px;
font-size : 20px;
color : #505050;
font-family : "times new roman", arial, serif;
margin-top : 6px;
}
.Espacement{
padding-bottom : 270px;
}
.Espacement2{
padding-bottom : 50px;
}
.Explication{
font-size : 20px;
color : white;
font-family : "times new roman", arial, serif;
padding-right : 15px;
padding-left : 15px;
}