* {padding:0; margin:0px;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
body { font-family: Verdana, Arial; font-size: 12px;   background-position:50% 0; background-repeat:no-repeat;}

#maincontainer { width:984px; color: #766457; margin:0 auto; }
#content {padding:5px 10px 50px 160px ; background-color:white; background-repeat:no-repeat; background-position:left top; min-height:500px;}
ul.oiesnews {padding-left:35px;}
ul.oiesnews a {text-decoration:none;}
ul.oiesnews a:hover {text-decoration:underline;}
.oiesnews2 {padding:10px 0 10px 30px; }
.oiesnews3 {padding:10px 0 10px 30px;}
.oiesnews3 li{padding:2px 0;}
#leftColumn img {width:505px;}
#leftColumn table table img {width:110px; margin:5px 5px 5px 0}



/* 
HEADER
*/
    #header {float:right; height:365px;}
    #topleft {float:left;}
    #topright {float:right; }
    
    /* Premier menu en haut */
    #topmenu {list-style: none; margin: 0; padding: 0px 0px 0px 20px; background-image: url(css/images/topmenubg.png); width: 736px; height: 26px; background-repeat: no-repeat;}
    #topmenu li {float: left; padding: 0; font-size: 11px; font-weight: bold;}
    #topmenu li a { text-align: center;  display: block; width: 115px; text-align: center; color:black; text-decoration:none;}
    #topmenu li a:hover {text-decoration: underline;}
    #topmenu li a span {display: block; padding-top: 1px;}
    
    /* Deuxieme menu en haut */
    #submenu {margin: 0; padding: 0px 0px 0px 40px; list-style: none; }
    #submenu li {float: left; padding: 0px 15px 0px 15px; background-image: url(css/images/topsubmenu_separator.png); background-repeat: no-repeat; background-position: 100% 0;}
    #submenu li a {padding: 2px 0px 2px 0px; font-size: 11px; color: #ffffff; font-weight: bold; color:white;}
    #submenu li a:hover {color: #000000; text-decoration: underline;}
    #submenu .nobg {background-image: none;}
    
    /* choix a droite (nous joindre / english) */
    #topright a{text-transform:uppercase; color:white; }
    #topright a:hover {color:black;}
    #topright ul {list-style-type:none; text-align:right;}
    
/* 
CONTENT 
*/
    #leftColumn {float:left; width:505px; }
    #leftColumn #nouvelle a {color:black;}
    #leftColumn #nouvellea:hover {font-weight: bold;}
    #leftColumn #nouvelle {width:300px; float:left; font-size:11px;}
    #leftColumn #nouvelle p {padding:3px 0;}
    #leftColumn #nouvelle h1 {font-size:13px; padding-bottom:15px;}
    #leftColumn #nouvelle dd {padding-left:20px;}
    #leftColumn #nouvelle dt {font-weight:bold;}
    #leftColumn #nouvelle dl{padding :15px 0}
    
    
    #leftColumn #autresnouvelles {float:right; width:172px; margin-right:10px;}
    #leftColumn #autresnouvelles h2{ width: 161px; height: 71px; background-image: url(css/images/autres_nouvelles.jpg); background-repeat: no-repeat; }
    #leftColumn #autresnouvelles h2.en{ width: 161px; height: 71px; background-image: url(css/images/more_news.jpg); background-repeat: no-repeat; }
    #leftColumn #autresnouvelles h2	span {visibility: hidden;}
    #leftColumn #autresnouvelles ul {list-style-type:none;}
    #leftColumn #autresnouvelles li {margin:10px 5px;}
    #leftColumn #autresnouvelles a {color:black; text-decoration:none;}
    #leftColumn #autresnouvelles a:hover {text-decoration:underline;}
    
    #leftColumn #decouvrir {float:right; width:172px; margin-right:10px;}
    #leftColumn #decouvrir h2 { width: 188px; height: 88px; background-image: url(css/images/a_decouvrir.jpg); background-repeat: no-repeat; background-position: 0px 0px;} 
      #leftColumn #decouvrir h2.en { width: 188px; height: 88px; background-image: url(css/images/discover.jpg); background-repeat: no-repeat; background-position: 0px 0px;} tColumn #decouvrir ul {}
    #leftColumn #decouvrir li {margin:10px 5px;}
    #leftColumn #decouvrir a {color:black; text-decoration:none;}
    #leftColumn #decouvrir a:hover {text-decoration:underline;}
    #leftColumn #decouvrir h2	span {visibility: hidden;}
    
    #leftColumn #aidonslesamis {float:right; width:161px; margin-right:10px;}
    #leftColumn #aidonslesamis h2 { width: 161px; height: 71px; background-image: url(css/images/aidezasso.jpg); background-repeat: no-repeat; background-position: 0px 0px;} 
    #leftColumn #aidonslesamis h2.en { width: 161px; height: 71px; background-image: url(css/images/aidezasso_en.jpg); background-repeat: no-repeat; background-position: 0px 0px;} 
    #leftColumn #aidonslesamis ul {}
    #leftColumn #aidonslesamis li {margin:10px 5px;}
    #leftColumn #aidonslesamis a {color:black; text-decoration:none;}
    #leftColumn #aidonslesamis a:hover {text-decoration:underline;}
    #leftColumn #aidonslesamis h2	span {visibility: hidden;}

/* GROS MENU - BOUTONS DE DROITE */
    #rightColumn {float:right; margin-right:5px; width:295px; }
    #rightColumn  ul {list-style: none; margin: 0; padding: 5px 0px 0px 0px;}
    #rightColumn  li {padding: 0px 0px 10px 0px;}
    #rightColumn  li a {display: block; background-repeat: no-repeat; width: 293px; height: 87px; text-decoration:none;}
    #rightColumn  li a span {visibility: hidden;}

#footer {height:100px;  margin-top:-1px; background-position:right top; background-repeat:no-repeat; background-image:url(css/images/footer.png);}
#footer ul {list-style-type:none; width:750px; margin:0 auto; text-align:center;}
#footer ul li a{color:black; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer #bottommenu ul li {float: left; padding: 0px 0px 0px 5px; text-align:center;}
#footer #bottommenu ul li a {padding: 5px 10px 5px 0px; background-image: url(css/images/btnmenu_separator.jpg); 	background-repeat: no-repeat; background-position: 100% 7px; color: #000000; }
#footer #bottommenu ul li .noseparator {background-image: none;}
#footer #bottommenu ul li .beginseparator { background-image: url(css/images/btnmenu_separator.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding: 5px 0px 5px 10px;}

/****************************************************************************************************************** 
CHOSES DIFFERENTES SUR CHAQUES PAGES (EX:BACKGROUND) 
*******************************************************************************************************************/
   
    body#amis {background-image:url(activites/css/images/bg.jpg); background-color:#dc7406;}
    body#chasse {background-image:url(activites/css/images/bg.jpg); background-color:#dc7406;}
    body#oiedesneiges {background-image:url(activites/css/images/bg.jpg); background-color:#dc7406;}

    body#sentiers {background-image:url(activites/css/images/bg.jpg); background-color:#dc7406;}