@charset "utf-8";



body {
	background-color: #ffc571;
	font-size:16px;
}



a{
	color: #dba501;
	text-decoration: underline;
	font-size:16px;

}

a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-size:16px;

}

a:active , a:focus{
	color: #dba501;
	text-decoration: underline;
	font-size:16px;
}


p:first-letter{
margin-left:20px;
 }
 
p{
	margin-top:0px;
	font-size:1.0em;
 }
 
 h1{
 margin-top:0px;
 text-align:center;
 }

/* Milieu                    Milieu            Milieu      */
/* Milieu                    Milieu            Milieu      */
/* Milieu                    Milieu            Milieu      */

	.milieu {
	width: 896px;
	height:639px;
	border: 0px;
	

}

#milieu .haut {
  background:transparent url("images/centrehaut.jpg") no-repeat;
  width:896px; 
  height:15px;
  margin:0; 
position:absolute;
left: 0px;
top: -15px;
z-index:1;
}

#milieu .bas {
  background:transparent url("images/centrebas.jpg") no-repeat;
  width:896px; 
  height:73px;
  margin-bottom:-50px; 
}

#milieu .centre {
	background: repeat;
	text-align:justify;
	padding-left : 48px;
	padding-right : 30px;
	padding-bottom : 160px;
	padding-top : 0px;
	width:490px;
}

#milieu {
  background:transparent url("images/centremilieu.jpg") repeat-y;
  width:896px;
  z-index:1;
  top: 60px;
  right: 50%;
  position:absolute;
  left: 50%;
  margin-left: -448px; /* moitié de la largeur */
 
}


/* Texte                    Texte            Texte      */
/* Texte                    Texte            Texte      */
/* Texte                    Texte            Texte      */

	.texte {
	width: 643px;
	height:46px;
	border: 0px;
	

}

#texte .haut {
	background:transparent url("images/textehaut.jpg") no-repeat;
	width:643px;
	height:9px;
	margin:0;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:1;
	 

}

.bastexte {
  background:transparent url("images/textebas.jpg") no-repeat;
  width:643px; 
  height:9px;
	position:relative;
	left: 190px;
	top: 130px;
	z-index:2;
	padding-top:10px;
	padding-left:15px;
}

#texte .centre {
	text-align:justify;
	padding-left : 20px;
	padding-right : 20px;
	padding-bottom : 5px;
	padding-top : 17px;
	width:603px;
	color: #dba501;	
	min-height:383px;
	

	
}

#texte {
  background:transparent url("images/textemilieu.jpg") repeat-y;
  width:635px;
  z-index:3;
  top: 130px;
  left: 190px;
  position:relative;
  

}


/* Arbre                    Arbre            Arbre      */
/* Arbre                    Arbre            Arbre      */
/* Arbre                    Arbre            Arbre      */




#olivier {
	background:url(images/olivier.jpg) no-repeat;
	width:292px;
	height:284px;
	position:absolute;
	left: -37px;
	top: -62px;
	z-index:2;
	display: block ;
	Padding : 0;
	Margin: 0;
}

#olivier a {
	display: block ;
	position:relative;
	Padding : 0;
	Margin: 0;
	height:250px;
}


	

/* Pied                    Pied            Pied      */
/* Pied                    Pied            Pied      */
/* Pied                    Pied            Pied      */



.pied {
	background:url(images/pied.jpg) no-repeat;
	width:834px;
	height:37px;
	position:relative;
	left: 0px;
	top: 145px;
	z-index:2;
	color: #dba501;	
	padding-top:10px;
	padding-left:15px;
	text-align:center;
}







/* Banniere                    Banniere            Banniere      */
/* Banniere                    Banniere            Banniere      */
/* Banniere                    Banniere            Banniere      */




#banniere {
	background:url(images/banniere.jpg) no-repeat;
	width:555px;
	height:182px;
	position:absolute;
	left: 255px;
	top: -62px;
	z-index:1;
}


#banniere a {
	display: block ;
	position:relative;
	Padding : 0;
	Margin: 0;
	height:182px;
}



/* Menu                    Menu            Menu      */
/* Menu                    Menu            Menu      */
/* Menu                    Menu            Menu      */


.menu {
	background:url(images/fondmenu.jpg);
	width:240px;
	height:362px;
	position:absolute;
	left: -1px;
	top: 183px;
	z-index:4;
	Padding : 0;
	Margin: 0;
}



	#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7 {
		list-style: none ;
		position:absolute;
		Padding : 0;
		Margin: 0;
}

	#menu1 li a,#menu2 li a,#menu3 li a,#menu4 li a,#menu5 li a,#menu6 li a,#menu7  li a {
	display: block ;
	position:relative;
	Padding : 0;
	Margin: 0;
}
#menu1 {
	top: 25px;
	left: 1px;
	background: url(images/historique.gif) top no-repeat;
	width: 117px;
	height: 30px;
	
}
#menu1 li a:hover, #menu1 li a:focus,#menu1 li a:active{
	top: 2px;
	left: 0px;
	background: url(images/historique_h.gif) top no-repeat;
	width: 117px;
	height: 45px;
	list-style: none ;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
	
}
#menu2 {
	top:78px;
	left: 40px;
	background: url(images/garrigue.gif) top no-repeat;
	width: 117px;
	height: 63px;
}
#menu2 li a:hover, #menu2 li a:focus,#menu2 li a:active{
	top: 3px;
	left: 2px;
	background: url(images/garrigue_h.gif) top no-repeat;
	width: 117px;
	height: 63px;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
}
#menu3 {
	top:138px;
	left: 91px;
	background: url(images/exemple.gif) top no-repeat;
	width: 129px;
	height: 45px;
}
#menu3 li a:hover, #menu3 li a:focus,#menu3 li a:active{
	top:2px;
	left:1px;
	background: url(images/exemple_h.gif) top no-repeat;
	width: 129px;
	height: 45px;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
}
#menu4 {
	top: 202px;
	left: 16px;
	background: url(images/chantiers.gif)  top no-repeat;
	width: 106px;
	height: 55px;
}
#menu4 li a:hover, #menu4 li a:focus,#menu4 li a:active{
	top:2px;
	left: 2px;
	background: url(images/chantiers_h.gif) top no-repeat;
	width: 106px;
	height: 58px;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
}
#menu5 {
	top: 178px;
	left: 115px;
	background: url(images/cevennes.gif) top no-repeat;
	width: 161px;
	height: 60px;
}
#menu5 li a:hover, #menu5 li a:focus,#menu5 li a:active{
	top:3px;
	left: 0px;
	background: url(images/cevennes_h.gif) top no-repeat;
	width: 161px;
	height: 60px;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
}

#menu6 {
	top: 255px;
	left: 80px;
	background: url(images/petoulet.gif) top no-repeat;
	width: 140px;
	height: 38px;
}

#menu6 li a:hover, #menu6 li a:focus,#menu6 li a:active{
	top:2px;
	left: 0px;
	background: url(images/petoulet_h.gif) top no-repeat;
	width: 140px;
	height: 38px;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
}

#menu7 {
	top: 318px;
	left: -11px;
	background: url(images/infos.gif) top no-repeat;
	width: 161px;
	height: 46px;
}

#menu7 li a:hover, #menu7 li a:focus,#menu7 li a:active{
	top:3px;
	left: 1px;
	background: url(images/infos_h.gif) top no-repeat;
	width: 161px;
	height: 46px;
	position:absolute;
	Padding : 0;
	Margin: 0;
	overflow: hidden ;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	

.photo{
color:#FFFFFF;
font-size:22px;
}

.erreur{
text-decoration:blink;
}

#langue{
		position:absolute;
		Padding : 0;
		Margin: 0;
		top: 10px;
		left:825px;
		z-index:10;
		}