@charset "utf-8";
/* CSS Document */

body{
background-color:#C4DCCE;
font-family:Arial, Helvetica, sans-serif;
margin:0px; 
padding:0px;
}

#container{
margin-left: auto; /* Permet de centrer le site */
margin-right: auto;
width:1000px;
background-color:#ffffff;
}
#head-site{
height:150px;
background:url(../images/banner.jpg) repeat-x;
background-color:#FFFFFF;
padding-bottom:1px;
}
#main-site{
width:100%;
float:left;
background:#FFFFFF;
padding-top:5px;
}

#menu-site{
float:left;
background:url(../images/top_menu_02.png);
height:41px;
width:100%;
}

#left-menu{
width:215px;
float:left;
margin-bottom:15px;
}

#right-menu{
position:relative;
width:780px;
float:right;
margin-bottom:15px;
}

#footer-site{
width:100%;
text-align:center;
font-size:10px;
height:30px;
color:#FFFFFF;
background:url(../images/top_menu_02.png);
float:left;
}
#carte-zone{

position:relative;
}

#secteur-menu{
}
 #catre-menu a{
 background:url(../images/top_menu_02.png);
 height:20px;
 font-size:12px;
 color:#FFFFFF;
 }
 #menu-site a{
 background:url(../images/top_menu_02.png);
 height:30px;
 font-size:12px;
 color:#FFFFFF;
 }
 #accordionCouche, #accordionlocalite, #accordionStructure, #accordionloaclis{
 padding:2px;
 font-size:12px;
 }
 #accordionCouche div, #accordionlocalite div, #accordionStructure div,#accordionloaclis div{
 padding:0;
 margin:0;}
 
      /**** Menu Top *****/   
    #menu-site ul{
margin: 0;
padding: 0;
list-style-type: none;
}

     #menu-site ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
#menu-site ul li a{
display: block;
font-size:12px;
font-weight:bold;
background:url(images/menu-remp.jpg); /*background of menu items (default state)*/
color: white;
padding-left:9px;
padding-right:9px;
border-right: 1px solid #778;
color: #ffffff;
text-decoration: none;
}

* html #menu-site ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

#menu-site ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
border-top: 2px solid #030;
}

#menu-site ul li a:hover{
/*background: black; /*background of menu items during onmouseover (hover state)*/
border-top: 2px solid #030;

}

#menu-site ul li.active {
/*background: black; /*background of menu items during onmouseover (hover state)*/
border-top: 3px solid #030;

}
/******/
/**** catre-menu  *****/   
    #catre-menu ul{
margin: 0;
padding: 0;
list-style-type: none;
width:100%;
height:41px;
}

     #catre-menu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
#catre-menu ul li a{
display: block;
font-size:12px;
font-weight:bold;
background:url(images/menu-remp.jpg); /*background of menu items (default state)*/
color: white;
padding-left:9px;
padding-right:9px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html #catre-menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

#catre-menu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
border-top: 2px solid #030;
}

#catre-menu ul li a:hover{
/*background: black; /*background of menu items during onmouseover (hover state)*/
border-top: 2px solid #030;

}

#catre-menu ul li.active {
/*background: black; /*background of menu items during onmouseover (hover state)*/
border-top: 3px solid #030;

}