/*général*/

body{
padding:0px;
margin:0px;
background-color:#CCCCCC;
min-height:100%;
position : absolute ;
left : 50% ;
width : 1024px ;
margin-left : -512px ;
}

a{
text-decoration:none;
outline : 0px;
}

a:hover{
text-decoration:none;
}

img{
border:none;
}

p{
font-family:tahoma;
font-size:14px;
}


ul p{
font-family:tahoma;
font-size:14px;
}

li {
font-family:tahoma;
font-size:14px;
}


/*navigation*/

#structure{
position : absolute ;
left : 50% ;
top:0px;
width : 1024px ;
margin-left : -512px ;
height:700px;
background-color:white;
}

#logo  {
width:300px;
}

#banniere {
position:absolute;
left:302px;
top:0px;

}

#navigation{
position:absolute;
top:200px;
z-index:500;
}

#navigation ul li{
display:inline;
}

#navigation ul li ul li{
font-family:tahoma;
font-size:15px;

}

#navigation ul li ul li a{
color:white;
}

#navigation ul li img{
width:170px;
height:70px;
}

.texte_bouton{
color:white;
font-family:Myriad Pro;
font-size:16px;
position:relative;
bottom:56px;
left:58px;
}


#accueil{
position:absolute;
top:0px;
left:0px;
z-index:10;
}

#villages{
position:absolute;
top:0px;
left:100px;
z-index:9;
}

#villages ul li{
background-color:#0108FD;
z-index:30;
}

#syndicat{
position:absolute;
top:0px;
left:200px;
z-index:8;
}

#syndicat ul li{
background-color:#584C45;
z-index:30;
}

#randonnees{
position:absolute;
top:0.5px;
left:300px;
z-index:7;
}

#randonnees ul li{
background-color:#F15E25;
}

#hebergement{
position:absolute;
top:0.5px;
left:400px;
z-index:6;
}

#hebergement ul li{
background-color:#942590;
}

#hebergement .texte_bouton {
position:relative;
bottom:56px;
left:56px;
}

#patrimoine{
position:absolute;
top:0.5px;
left:500px;
z-index:5;
}

#patrimoine ul li{
background-color:#603813;
}

#actualite{
position:absolute;
top:0.5px;
left:600px;
z-index:4;
}

#actualite ul li{
background-color:#006937;
}

#contact{
position:absolute;
top:0.5px;
left:700px;
z-index:3;
}

#contact ul li{
background-color:#F58D18;
}

#navigation ul li ul li{
display:block;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
text-align:center;
width:100px;
}

#navigation ul li ul{
position:absolute;
top:50px;
}



#texte{
position:absolute;
top:250px;
left:30px;
width:300px;
z-index:1;
}

#texte *{
display:block;
}

#texte h1 span{
font-size:15px;
}

#texte h1{
line-height:15px;
}

#map{
position:absolute;
top:455px;
left:30px;
width:250px;
}

#cadre img{
position:absolute;
top:250px;
left:450px;
width:500px;
height:430px;
}


#galerie{
position:absolute;
top:300px;
left:500px;
}

#galerie ul{
position:absolute;
left:260px;
top:-35px;
}

#galerie ul li p input {
max-width:60px;
max-height:45px;

}

#galerie ul li {
list-style-type:none;
display:block;
}


#grande p input{
position:absolute;
max-width:280px;
max-height:200px;
display:none;
top:0px;
left:0px;

}

#agenda{
position:absolute;
top:500px;
left:480px;

}


#agenda ul li{
display:block;
width:400px;
}



.navigation{
font-size:18px;
font-family:Myriad Pro;
color:red;
font-weight:normal;
z-index:1;
}





#pieddepage{
position:absolute;
top:700px;
left:0px;
}

#pieddepage img{
height:20px;
width:1024px;
}

#pieddepage p {
position:relative;
bottom:40px !important;
bottom:35px;
}


.liste_liens {
position:absolute;
top:300px;
height:300px;
width:170px;
font-family:Myriad Pro;
color:black;
}

.liste_liens img{
height:300px;
width:170px;
}


.liste_liens ul li{
position:relative;
left:-40px;
top:-270px;
width:160px;
margin-bottom:8px;
text-align:center;
display:block;
}

.liste_liens ul li ul{
position:relative;
left:0px;
top:270px;
width:160px;
margin-bottom:20px;
margin-top:5px;
text-align:center;
display:block;
font-size:14px;
}

.liste_liens h1{
color:white;
position:absolute;
top: 6px !important;
top:0px;
left:0px;
width:170px;
text-align:center;
font-size:18px;
}


#contenu{
font-family:tahoma;
font-size:14px;
position:absolute;
top:300px;
left:250px;
width:600px;
height:360px;
overflow:auto;
}


#carte {
position:absolute;
top:230px;
}


#carte img{
width:550px;
}

#rando1 {
position:absolute;
top:190px;
left:302px;
width:15px;
height:15px;

}

#rando2 {
position:absolute;
top:145px;
left:342px;
width:15px;
height:15px;

}

#rando3 {
position:absolute;
top:70px;
left:346px;
width:15px;
height:15px;

}

#rando4 {
position:absolute;
top:50px;
left:338px;
width:15px;
height:15px;

}

#rando5 {
position:absolute;
top:95px;
left:278px;
width:15px;
height:15px;

}

#rando6 {
position:absolute;
top:185px;
left:185px;
width:15px;
height:15px;

}

#rando7{
position:absolute;
top:360px;
left:132px;
width:15px;
height:15px;

}

#rando8{
position:absolute;
top:390px;
left:110px;
width:15px;
height:15px;

}

#rando9{
position:absolute;
top:410px;
left:70px;
width:15px;
height:15px;

}

#rando10{
position:absolute;
top:350px;
left:40px;
width:15px;
height:15px;

}

#rando11{
position:absolute;
top:350px;
left:220px;
width:15px;
height:15px;

}

#rando12{
position:absolute;
top:300px;
left:410px;
width:15px;
height:15px;

}

#rando13{
position:absolute;
top:482px;
left:458px;
width:15px;
height:15px;

}

#rando14{
position:absolute;
top:460px;
left:405px;
width:15px;
height:15px;

}

#rando15{
position:absolute;
top:418px;
left:478px;
width:15px;
height:15px;

}

#rando16{
position:absolute;
top:405px;
left:442px;
width:15px;
height:15px;

}

#cadre-contenu img {
position:absolute;
top:290px;
left:230px;
width:660px;
height:400px;

}

#formulaire {
position:absolute;
top:250px;
left:250px;
width:450px;
height:360px;
}

#formulaire-accueil {
position:absolute;
top:520px;
left:690px;
z-index:10;
}