body {
margin: 0;
padding: 0;
background-color:#310101;

}



#global {
position:absolute;
left: 50%;
top: 50%;
width: 800px;
height: 609px;
margin-top: -305px; /* moitié de la hauteur */
margin-left: -400px; /* moitié de la largeur */

}


#zoneaccueil {
float: left;
width : 250px;
height: 70px;
margin-left: 20px;
margin-top: 30px;
}

#news{
position:absolute;
top:120px;
bottom:0px;
width:200px;
height:300px;
left: 100px;
} 


#global a span {
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}

#menu{
	position:absolute;
	bottom:0px;
	width:817px;
	height:180px;
	top: 380px;
	left: -12px;
} 

#texte{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;

} 

#contact{
position:absolute;
top:190px;
bottom:0px;
width:100px;
height:100px;
left: 600px;
} 

#amis{
	position:absolute;
	top:246px;
	bottom:0px;
	width:100px;
	height:100px;
	left: 608px;
} 

#associations-1{
	position:absolute;
	top:252px;
	bottom:0px;
	width:84px;
	height:101px;
	left: 63px;
} 

#associations-2{
	position:absolute;
	top:245px;
	bottom:0px;
	width:81px;
	height:101px;
	left: 129px;
} 

#associations-3{
	position:absolute;
	top:248px;
	bottom:0px;
	width:81px;
	height:101px;
	left: 186px;
} 

#projetdev-1{
	position:absolute;
	top:283px;
	bottom:0px;
	width:57px;
	height:101px;
	left: 141px;
} 

#projetdev-2{
	position:absolute;
	top:270px;
	bottom:0px;
	width:81px;
	height:101px;
	left: 169px;
} 

#tourisme-1{
	position:absolute;
	top:294px;
	bottom:0px;
	width:65px;
	height:101px;
	left: 106px;
} 

#tourisme-2{
position:absolute;
	top:295px;
	bottom:0px;
	width:68px;
	height:101px;
	left: 201px;
} 

#carnet1{
	position:absolute;
	top:156px;
	bottom:0px;
	width:180px;
	height:120px;
	left: 104px;
} 

#carnet1 img {
text-decoration: none;
border: 2px solid #df8127;
}

#carnet1texte{
	position:absolute;
	top:280px;
	bottom:0px;
	width:179px;
	height:50px;
	left: 106px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style:italic;
} 

#carnet2{
	position:absolute;
	top:156px;
	bottom:0px;
	width:180px;
	height:120px;
	left: 348px;
} 

#carnet2 img {
text-decoration: none;
border: 2px solid #df8127;
}

#carnet2texte{
	position:absolute;
	top:280px;
	bottom:0px;
	width:179px;
	height:50px;
	left: 349px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style:italic;
} 

#photonext{
	position:absolute;
	top:337px;
	bottom:0px;
	width:40px;
	height:14px;
	left: 539px;
} 

#photonext img {
text-decoration: none;
border:none;
}

#photoprev{
	position:absolute;
	top:333px;
	bottom:0px;
	width:40px;
	height:14px;
	left: 99px;
} 

#photoprev img {
text-decoration: none;
border:none;
}

#menuprev{
	position:absolute;
	top:69px;
	bottom:0px;
	width:50px;
	height:18px;
	left: 353px;
	} 

#menuprev img {
text-decoration: none;
border:none;
}


#menutitreprev{
	position:absolute;
	top:31px;
	bottom:0px;
	width:121px;
	height:32px;
	left: 324px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff9f31;
	font-style: italic; 	
} 

#menutitreprev a , a:link , a:visited{
color: #ff9f31;
text-decoration: none;
font-size: 12px;
font-style: bold; 
} 

a:visited {
text-decoration: none;
color:#ffffff;
} 

#menutitre{
	position:absolute;
	top:31px;
	bottom:0px;
	width:124px;
	height:32px;
	left: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff9f31;
} 

#menutitrenext{
	position:absolute;
	top:31px;
	bottom:0px;
	width:124px;
	height:32px;
	left: 558px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic; 
	color: #ff9f31;
} 

#menutitrenext a , a:link , a:visited{
color: #ff9f31;
text-decoration: none;
font-size: 12px;
font-style: bold; 
} 

#menunext{
	position:absolute;
	top:70px;
	bottom:0px;
	width:50px;
	height:18px;
	left: 612px;
} 

#menunext img {
text-decoration: none;
border:none;
}

#depart-1{
	position:absolute;
	top:219px;
	bottom:0px;
	width:68px;
	height:50px;
	left: 85px;
} 

#depart-2{
	position:absolute;
	top:255px;
	bottom:0px;
	width:68px;
	height:51px;
	left: 79px;
} 

#depart-3{
	position:absolute;
	top:300px;
	bottom:0px;
	width:68px;
	height:51px;
	left: 79px;
} 

#depart-4{
	position:absolute;
	top:343px;
	bottom:0px;
	width:68px;
	height:51px;
	left: 79px;
} 

#support a , a:link , a:visited{
color: #000000;
text-decoration: underline;
font-size: 11px;
font-style: italic; 
} 

#copyright{
	position:absolute;
	top:592px;
	bottom:0px;
	width:245px;
	height:19px;
	left: 560px;
	font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ff9f31;
}