body{
padding:0px;
margin:Opx;
background-color:#CCCCCC;
background-repeat:repeat;
}

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

a:hover{
text-decoration:none;
}

img{
border:none;
}

#logo{
position:absolute;
left : 10px;
top:0px;
width:220px;
}


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

#bannière{
position:absolute;
left:301px;
}

#navigation{
position:absolute;
top:150px;
}

#navigation ul li{
display:inline;
}



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

.NomBouton{
color:white;
position:relative;
bottom:56px;
left:58px;
font-size:15px;
font-family:Trebuchet MS;
}

#mairie .NomBouton{
position:relative;
left:64px;
}

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

#mairie{
position:absolute;
top:0px;
left:100px;
font-size:12px;
font-family:Trebuchet MS;
z-index:9;
}

#mairie ul li{
background-color:#584C45;
}

#actualités{
position:absolute;
top:0.5px;
left:200px;
font-size:12px;
font-family:Trebuchet MS;
z-index:8;
}

#actualités ul li{
background-color:#0108FD;
}



#formalités{
position:absolute;
top:0.5px;
left:300px;
font-size:12px;
font-family:Trebuchet MS;
z-index:7;
}

#formalités ul li{
background-color:#F15E25;
}

#scolarité{
position:absolute;
top:0.5px;
left:400px;
font-size:12px;
font-family:Trebuchet MS;
z-index:6;
}

#scolarité ul li{
background-color:#942590;
}

#economie{
position:absolute;
top:0.5px;
left:500px;
font-size:12px;
font-family:Trebuchet MS;
z-index:5;
}

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

#associations{
position:absolute;
top:0.5px;
left:600px;
font-size:12px;
font-family:Trebuchet MS;
z-index:4;
}

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

#tourisme{
position:absolute;
top:0.5px;
left:700px;
font-family:Trebuchet MS;
z-index:3;
}

#tourisme 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:90px;
}

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

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

#texte{
position:absolute;
top:250px;
left:30px;
width:300px;
}

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

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


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


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

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

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

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

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

#agenda{
position:absolute;
font-family:Trebuchet MS;
top:250px;
left:480px;
}

#agenda ul{
width:400px;
}

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

.navigation{
font-size:18px;
font-family:Trebuchet MS;
color:green;
font-weight:normal;
}

p{
font-family:Trebuchet MS;
font-size:13px;
}

.sql p
{
font-family:Trebuchet MS;
}

.sql p *
{
font-family:Trebuchet MS;
}

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

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

#pieddepage p {
position:absolute;
top:-12px;
bottom:35px;
}

/*page association*/

#cadrefond{
position:absolute;
top:300px;
left:35px;
height:300px;
width:170px;
}

.chemin h1{
position:absolute;
font-size:20px;
left:30px;
top:300px;
height:200px;
width:170px;
text-align:center;
color:white;
}

.chemin{
height:200px;
width:170px;
text-align:center;
font-family:Trebuchet MS;
font-size:15px;
color:black;
}

.chemin ul{
position:absolute;
left:-5px;
top:350px;
}

.chemin ul li{
display:block;
width:150px;
margin:10px;
}

.sql{
position:absolute;
left:300px;
top:210px;
width:550px;
height:1500px;
font-family:Trebuchet MS;
overflow:inherit;
}

#cadre-sql img{
position:absolute;
left:280px;
top:200px;
width:600px;
height:2600px;
}