*{
margin:0;
padding:0;
}

body{
font-family:arial, verdana, sans serif;
font-size:12px;
}

.logoidee{
position:relative;
left:20px;
top:20px;
}

#conteneur{
width:984px;
height:1O0%;
margin:auto;
background-color:#F7F7F7;
}

#logo{
position:absolute;
top:0;
width:184px;
text-align:center;
background-color:#FFF;
}

#header{
height:110px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
position:relative;
top:30px;
}

#menu{
background-color:#FFF;
margin-left:20px;
width:184px;
height:100%:
}

#menu h1{
font-size:13px;
color:white;
background-image:url(images/menu-cat.jpg);
background-repeat:no-repeat;
padding-left:35px;
padding-top:9px;
height:33px;
width:184px;
}

#menu ul{
list-style-type:none;
padding-bottom:10px;
}

#menu li{
position:relative;
left:25px;
margin:-3px;
}

#menu a{
color:#164B91;
text-decoration:none;
}

#menu a:hover{
text-decoration:underline;
}

#textarea{
width:100%;
}

.blanc{
background-color:#FFF;
position:relative;
margin-left:20px;
width:740px;
position:relative;
top:-5px;
}



#textarea h1{
background-image:url(images/titre-cat.jpg);
background-repeat:no-repeat;
padding-left:15px;
padding-top:9px;
height:33px;
width:293px;
color:white;
font-size:13px;
margin-top:60px;
position:relative;
left:20px;
background-color:#FFF;
width:725px;
}

#textarea p{
color:black;
background-color:#FFF;
padding:10px;
}

#textarea a{
color:#6F8900;
}

#documents{
}

#documents ul{
list-style-type:none;
position:relative;
left:15px;
margin-bottom:20px;
}

#calendrier{
width:500px;
margin:auto;
}

#calendrier h2{
display:none;
}

.calendar td{
border:1px solid grey;
text-align:center;
}

.calendar td:hover{
background-color:#F2F2F2;
}

#footer{
width:940px;
height:30px;
margin:auto;
color:#074488;
font-weight:bold;
padding-top:10px;
}

.infos{
float:left;
}

.liensFooter{
float:right;

}

.liensFooter a{
color:#6F8900;
text-decoration:none;
}

.liensHeader td{
background-image:url(images/liensHaut.png);
background-repeat:no-repeat;
width:100px;
height:24px;
text-align:center;
}

.liensHeader a{
color:white;
text-decoration:none;
font-size:10px;
}

.liensFooter a:hover{
text-decoration:underline;
}

.plansite{

width:500px;
}

ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; }
ul.plansite li {
  border-left: 1px solid #00A5E7;
  color: #9EBB22;
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: #9EBB22;
  border-bottom: 1px solid #00A5E7; }
ul.plansite li strong {
  font-size: 105%; }

a{
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

#index{
width:820px;
height:477px;
background-image:url("../images/entree.png");
margin:auto;
margin-top:5%;
position:relative;
}

#infos{
position:relative;
top:70px;
left:50px;
font-weight:bold;
}

#espaces{
position:absolute;
left:440px;
top:40px;
}

#liens{
position:relative;
float:right;
right:90px;
top:345px;
}

#liens a{
color:#A2BE2B;
}

.particuliers{
height:100px;
}

.particuliers a{
color:#174E8F;
position:relative;
}

.professionels{
height:100px;
}

.professionels a{
color:#A2BE2B;
position:relative;
}

.collectivites{
height:100px;
}

.collectivites a{
color:#DF9D01;
position:relative;
}

#natice-dri{
position:absolute;
bottom:15px;
right:50px;
color:white;
}

#natice-dri a{
color:white;
font-size:11px;
}

#contact{
width:600px;
margin:auto;
}