*{padding:0;margin:0}
html, body {
	padding : 0;
	margin : 0;
	height : 100%; /* Ces trois paramètres sont nécessaires pour un affichage correct */
}


/***********************************************************
 *      DISPO DES BOX
 ***********************************************************/  
#conteneur {
	position : relative;    /* Obligatoire pour positionner le footer par rapport au conteneur */
	margin : auto;          /* Centrage sous Firefox */
	text-align : left;      /* Reset de la position du texte à cause de IE */
	min-height : 100%;   /* Hauteur minimale de 100% */
	min-width:900px;
}

#header{
  background-image: url(images/bgheader.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height:135px;
  margin-left :00px;
}

#box_menu{
  position:absolute;
  height:25px; width:994px;
	margin-left:auto;margin-right:auto;
	text-align:left;
  z-index: 5;
  background-color:#555555
}
#main{
  margin-left:auto;margin-right:auto;
  width:994px;
	min-height : 100%;         /* Hauteur minimale de 100% */
	overflow : auto;            /* Firefox, pour tenir compte du contenu des div flottants (float, qui sont normalement mis à part) */
	padding-bottom : 90px; /* Hauteur du footer, pour éviter que ce dernier se place par dessus votre contenu (on le pousse) */

}


#box_center{
  width:100%;

  background-color: #FFF;
  padding-top:30px;
	padding-bottom : 20px; /* Hauteur du footer, pour éviter que ce dernier se place par dessus votre contenu (on le pousse) */

}

#box_right{
float:right; height:200px;width:125px;

margin :10px 10px 0 0;
}
#clean{clear:left;}
/***********************************************************
 *      MENU
 ***********************************************************/  


#Nav {
padding:0;
}
#Nav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
background:#DDDDDD none repeat scroll 0 0;
float:left;
margin:0 0 0 0;
padding:0;
width:140px;
text-align:center;
border:1px solid #73B900
}
#Nav li a {
background-color:#555555;
color:white;
display:block;
margin:0;

text-decoration:none;
height:23px;
font-weight:bold;
}
#Nav li a:hover, #Nav li a:active {
background-color:#777777;
color:white;
display:block;
margin:0;

text-decoration:none;
}

a.menu_img {background-position: 0 0;}
a.menu_img span{
	position:absolute;
	left: -5000px;
	top : -5000px;
	text-indent: -5000px;	
}
a.menu_img:hover {background-position: 0 23px;}
#f1{background-image: url(images/menu-foret_01.gif);}
#f2{background-image: url(images/menu-foret_02.gif);}
#f3{background-image: url(images/menu-foret_03.gif);}
#f4{background-image: url(images/menu-foret_04.gif);}
#f5{background-image: url(images/menu-foret_05.gif);}
#f6{background-image: url(images/menu-foret_06.gif);}
#f7{background-image: url(images/menu-foret_07.gif);}
.Menu {
display:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
/***********************************************************
 *      TEXTE ET TITRE
 ***********************************************************/  
 
#box_center{
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 14px; 
  color:#333; 
}   
#titre,#DDRSE{	position:absolute;	left: -5000px;	top : -5000px;	text-indent: -5000px;	}

h1 {
  width:1000px;height:119px;
  margin-left:auto;margin-right:auto;
  background-image: url(images/logo_up2.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

h2,h3,h4{font-family: Trebuchet MS;clear:right;color:#6B6B6B;   min-width:85%;
  width:85% !important;
  width:auto;}
.edalys{font-family: Trebuchet MS; font-weight: bold;color:#73B803} 
.bold{ font-weight: bold;} 
h2{margin-bottom: 15px;margin-top: 10px; color :#70884C}
h3{margin-bottom: 10px;margin-top: 10px; color :#7DAD23}
h4{margin-bottom: 10px;}

p{
  min-width:85%;
  width:85% !important;
  width:auto;
  text-align: justify;
  padding:4px 0 4px 4px;
  
}
.indent{padding:0px 0 0 20px ; margin-left:5px;
  background-image: url(images/puce1.gif);
  background-repeat: no-repeat;background-position: 0px 5px;
}
.indent_without_puce{
  padding:0 0 0 20px ; margin-left:5px;
}
.double_indent{padding-left:40px;margin-left:5px}
.asterix{ font-size : 12px; margin-top:10px}
ul.intext{margin-left:5px;margin-bottom:10px;  width:85%;}
ul.intext li{margin-left:35px;padding:0px 5px ;list-style-image: url(image/puce2.gif); list-style-position: outside; text-align: justify;}

ul.sommaire{
  margin-left:20px; font-size:15px;
  min-width:85%;
  width:85% !important;
  width:auto;
}
ul.sommaire, ul.sommaire li {
  margin-top: 10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


ul.sommaire li ul li { margin-left: 20px ; 
  list-style-image:url(images/puce2.gif);
}

a , a:visited {color :#71BB02}
a:hover, a:active{color: #606F50}

.italic{font-style: italic;}

a.next {
  clear:right;
  display:block;
  background-image: url(images/next.gif);
  background-repeat: no-repeat;background-position: 0px 0px;
  padding-left:25px;
  font-weight: bold;
  height:22px;
  float:right;
  width:200px;
  margin-right:50px;
}

a.next:hover {

}

label {
  display: inline;
  float:left;
  padding-left:5px;
  width:150px;
}

from  p {
  margin-left:10px

}
input {display: inline;
	font :12px arial; color : #454545; 
	height:16px; margin-bottom : 4px;	
}
input[type="radio"] {	
	height:13px; margin-bottom : 0px;	
}
input[type="submit"], button {	
  font-size:13px;font-weight: bold;
	color : #FFF; border:0; height:25px;width:90px;
  margin-left:400px;
  background-color:#FFF;
  background-image:url(images/bouton.gif);
  
}
.hide{font-size: xx-small;color:#FFF}
textarea{font :12px arial;color : #454545}
.erreur {color:#B84600}

#citation{
  position : absolute; top:0; right:0;
  width:40%;  float:right;  border-left:1px dashed #73B900;
  color :#336101;  margin:15px;
}
#citation p{
 font-size: 11px; font-family: trebuchet MS; text-align: justify;}
.auteur{font-weight:bold; font-size: 10px;}
.source{font-style: italic;font-size: 9px;}

/* // Easy Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider{border-left:1px dashed #73B900;border-bottom:1px dashed #73B900;
  min-width:85%;
  width:85% !important;
  width:auto;
  height:170px;overflow:hidden; }
#news{clear: none;}
#slider li{width:100%;height:170px;overflow:hidden;}	
#slider li h2{margin:0 10px;padding-top:5px;font-size: 18px;}	
#slider li p{margin:5px;width:95%;}				
span#prevBtn{}
span#nextBtn{}				
#slider a {color : #848194 ;text-decoration: none;}
#slider a:hover {color : #73B900 }
  	

/* // Easy Slider */


/* ================ image  ================ */
img{border:0}
.on_center{padding-bottom:20px; }
.on_left{float:left; margin-right:10px;margin-left:20px}

.on_right{float:right; margin: 0 20px 10px 10px;}
p.legend{width:100%;font-style: italic;text-align: center;}

/***********************************************************
 *      PIED DE PAGE
 ***********************************************************/  

#bottom {
  position: absolute; /* On le place par rapport au conteneur */
	bottom: 0; left: 0; /* Tout en bas à gauche */
	clear : both;         /* On casse l'alignement float des colonnes */
	width : 100%;      /* Largeur 100% */
	height : 70px;      /* Hauteur du footer */
  background-image: url(images/bottom.jpg);
  background-repeat: no-repeat;
  background-position: center;
}