/*
 Couleurs
 vert menu : #7aa167
 vert item menu : #e6ede2
 bleu gris titres : #58848b
 gris texte : #777c70
 
 
*/
body{
   margin:0;
   padding:0;
   font-family:Arial, Sans-Serif;
   color:#777c70;
   font-size:10pt;

}
img{
   border:none;
}
a{
   color:#58848b;
   text-decoration:none;
}
a:hover{
   color:#58848b;
   text-decoration: underline;
}

 /* A few IE bug fixes */
 * { margin: 0; padding: 0; }
 * html ul ul li a { height: 100%; }
 * html ul li a { height: 100%; }
 * html ul ul li { margin-bottom: -1px; }     
#global{
   text-align:center;   
}
#centrer{
   margin-left: auto;
   margin-right: auto;
  width:892px;
   text-align:left;
   padding:0;
   position:relative;   
}  

#logo{
   position:absolute;
   top:10px;
   left:0;
   width:278px;
   height:149px;

}
#head_menu{
   position:absolute;
   width:500px;
   top:126px;
   right:0px;
   height:16px;
   text-align: right;
}
#head_menu ul.head_menu_list{
   margin:0;
   padding:0;
   list-style: none;
}
#head_menu ul.head_menu_list li{
   display:inline;        
   text-transform: uppercase;
   padding:0;
   margin:0;
}
#head_menu ul.head_menu_list li.last_item a{
   border:none;
   padding:0;
   margin:0;
}     
#head_menu ul.head_menu_list a{
   color:#777c70;
   margin:0;
   padding:0 4px 0 0;
   border-right:1px solid #777c70;      
}  
#head_menu ul.head_menu_list a:hover{
   color:#58848b;
   text-decoration: none;
}        

#menu{
   position:absolute;
   width:184px;
   left:22px;
   top:142px;
   padding:20px 20px 250px 20px;
   background:#7aa167 url('../img/bg_end_menu.gif') 0 100% repeat-x;
   min-height:323px;/*ie 6 hauteur pour l'image*/
}
#menu ul.menu_list{
   list-style: none;
   font-size:12pt;
}
li { list-style-type: none; }
 
 /* Header links styling */
 #menu ul h3.head a, #menu ul h3 a{ 
 color: #bdd7af;
 font-weight: bold;
 font-size:10pt;
 display:block; 
 border-top: 1px solid #bdd7af;
 background: url('../img/down.gif') no-repeat; 
 background-position: 98% 50%;
 padding:5px 0 5px 5px;
 }
 #menu ul h3.head a.first_item, #menu ul h3 a.first_item{ 
    border:none;
 }      
 #menu ul h3.head a:hover, #menu ul h3 a:hover { 
 color: #fff;
 background: url('../img/down.gif') no-repeat; 
 background-position: 98% 50%;
 text-decoration:none;
 }
 #menu ul h3 a.selected,  #menu ul h3.selected a { 
 background: url('../img/up.gif') no-repeat; 
 background-position:98% 50%;
 color: #fff;
 }
 #menu ul h3 a.selected:hover, #menu ul h3.selected a:hover  { 
 background: url('../img/up.gif') no-repeat; 
 background-position:98% 50%;
 color: #fff;
 }
 

 #menu ul ul{
    margin:0 0 10px 0;
 }
 /* Some list and link styling */
       #menu ul ul li { 
                padding:0px 0 0px 5px;
                margin-bottom: 0; 
                }
       #menu ul ul li a { display:block; color: #fff; }
       #menu ul ul li a:hover { display:block; color: #fff;}
 
#news_clocher{
   background:#7aa167 url('../images/news_clocher.jpg') 0 0 no-repeat;
   padding:95px 10px 10px 10px;
   width:366px;
   color:#fff;
}
#news_clocher a, #news_clocher a:hover{
   color:#fff;
}


#contenu{
/*   float:left;
   margin:142px 0 0 252px;*/
   position:absolute;
   top:142px;
   left:252px;
   width:640px;
}
#contenu h1{
   color:#58848b;
   font-weight: normal;
   margin:20px 20px 10px 20px;
   font-size: 18pt;
}
#contenu h3{
   margin:20px 20px 10px 0px;
   font-size: 14pt;
}
#contenu #contenu_parag{
   color:#777c70;
   margin:10px 20px 10px 20px;
   font-size: 10pt;
}
#contenu #contenu_parag ul{
   margin:0;
   padding:0;
}
#contenu #contenu_parag ul li{
   list-style-position: inside;
   list-style-type: square;
   margin-left: 0;
   padding:4px 0 4px 0px;
   border-bottom:#E1EAD4 1px solid;
}
#contenu #contenu_parag ul li ul{
   margin-left:20px;
   padding:0;
}
#contenu #contenu_parag ul li ul li{
   list-style-position: inside;
   list-style-type: square;
   margin-left: 0;
   padding:2px 0 0px 0px;
   border:none;
   color:#58848b;
}

#contenu #bandeau p{
   margin:0;
}
#contenu #contenu_parag p{
   margin:5px 0 5px 0;
   font-size: 10pt;
}
#bandeau_accueil{
   background: url('../img/contenu_photo_vully.jpg') no-repeat 0 0;
   height:393px;    
}
#bandeau_accueil h1{
   margin:0;
   color:#fff;
   font-size:30pt;   
   display:block;
   padding:235px 20px 20px 20px;
}
#events{
   float:right;
   clear:right;
   width:200px;
   margin:0 0 5px 20px;
   padding:0px 0 10px 0;   
}
div.catergory_{
   margin:2px 0 5px 0;
}
dl.event{
   
}
dl.event dt.categorie{
   color:#014305;
   font-size:12pt;
}
dl.event dd{
   font-size:10pt;
   margin:0 0 4px 0;
   padding:0;
   font-weight: bold;
}  
dl.event dd.date_event{
   font-size: 8pt;
   font-weight: normal;
} 
dl.event dd span{
   font-weight: normal;
}
dl.event dt{
   font-size:10pt;
   font-weight: bold;
   color:#014305;
   margin:0 0 0 0;
   padding:0;
   border-bottom:1px solid #e4efdf;
}
dl.event dd{
   font-weight: normal;
}
div.contact_bloc{
   margin:6px 0 4px 0;
   background: url('../img/icon_people.gif') 0 100% no-repeat;
   min-height:46px;
   border:1px solid #e4efdf;
   padding:8px 5px 8px 70px;
}
div.contact_house{
   background-image: url('../img/icon_house.gif');
}
div.ico_cm{
   background: url('../img/icon_people_cm.png')  0 0 no-repeat;   
}  
div.ico_fb{
   background: url('../img/icon_people_fb.png')  0 0 no-repeat;   
}
div.ico_fn{
   background: url('../img/icon_people_fn.png')  0 0 no-repeat;   
}
div.ico_jpd{
   background: url('../img/icon_people_jpd.png')  0 0 no-repeat;   
}
div.ico_mcg{
   background: url('../img/icon_people_mcg.png')  0 0 no-repeat;   
}
div.ico_mj{
   background: url('../img/icon_people_mj.png')  0 0 no-repeat;   
} 
div.ico_ms{
   background: url('../img/icon_people_ms.png')  0 0 no-repeat;   
}
div.ico_ppb{
   background: url('../img/icon_people_ppb.png')  0 0 no-repeat;   
}
div.ico_wf{
   background: url('../img/icon_people_wf.png')  0 0 no-repeat;   
}
div.ico_wk{
   background: url('../img/icon_people_wk.png')  0 0 no-repeat;   
}


div.contact_bloc:hover{
   background-color:#f5f9f3;
}
#contenu #contenu_parag ul li.blog_item{
 list-style: none;  
}
#contenu #contenu_parag ul li.blog_item h3{
   margin:10px 0 0 0;
}