html, body {margin: 0; padding: 0; height: 100%;}

body {background: #0ba331 url(../images/fond.png) repeat-x; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.8em;}
a{text-decoration: none; color:#0e6424; font-weight: bold;}
a:hover, a:focus, a:active{color:red;}
p{line-height: 20px;}
img{border: none;}
h1, h2, h3, h4, h5, h6{color: #0e6424; margin-bottom: 20px; text-align: center; line-height: 20px;}
#colcentre h1{border-bottom: 2px ridge #0e6424; padding: 8px; font-size: 1.6em;}
#colcentre p{ margin-bottom: 10px;}
#site {position: relative; background: white url(../images/largeur.png) repeat-y; width: 978px; min-height: 100%; margin: 15px auto 0 auto; text-align: justify;	}

#entete {height: 192px; line-height: 2.8em; background: url(../images/entete.jpg) no-repeat; color:#2d2d2d;	}
#entete h1{color: white; text-align: center; padding-top: 8px;}
#entete h1 a{color: white; text-transform: uppercase; font-size:19px;}

#ambony{position: absolute; background: url(../images/ombre.png) no-repeat; z-index: 100; top: 259px; left: 199px; width: 580px;}
#entre{height: 45px; background: url(../images/entre.png) repeat-x; width:960px; margin: 0 auto; }
#colgauche {float: left; width: 200px; margin-bottom: 25px; color: white;text-align: left;}
#colgauche_int{padding: 0 10px 0 15px;}

#coldroite {float: right; width: 200px; margin-bottom: 25px; color: white;text-align: left;	}
#coldroite_int{padding: 0 15px 0 10px;}

#colcentre { padding: 1px 0; margin: 0 220px 0 220px; margin-bottom: 25px; line-height: 1.5em; text-align: left;}
#direction{text-align: center; margin-top: 10px;}
#pied {clear: both;height: 128px; background: url(../images/bas.png) no-repeat; color: white;}

#google_gauche{width: 160px; margin: 0 auto 20px auto;}
#google_droite{width: 160px; margin: 0 auto;}
#bas{clear: both; width: 960px; margin: 0 auto;height: 120px; padding-top: 25px;background: url(../images/entre.png) repeat;}
#google_bas{width: 728px; margin: 0 auto;}
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_haut {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menu { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background: #618e60 url(../images/menu_haut.png) repeat-x; 
  width: 960px; margin: 0 auto;
  
   padding-top: 1px; font-size: 11px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { padding: 5px;width: 200px; }


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { z-index: 1000;
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { z-index: 1000;
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
   
}

#primary-nav li a:hover, #primary-nav li a:focus, #primary-nav li a:active {font-style: normal; background: #5f5c51 url(../images/haut.png) repeat-x; }
#primary-nav li li {
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 8px 15px; 
   text-decoration: none; 
   color:#ffffff;
}
#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background: #618e60 url(../images/menu_haut.png) repeat-x; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background: #5f5c51 url(../images/haut.png) repeat-x; 
}
#primary-nav li li.menuactive { 
   background: #5f5c51 url(../images/haut.png) repeat-x; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
 background: #5f5c51 url(../images/haut.png) repeat-x;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
#primary-nav li li { background:#047c26;
   float: left; 
   clear: both; 
}
#primary-nav li li a { text-align: left; 
   height: 1%; 
}




.NewsSummary {
padding: 0.5em 0.5em 1em; 
margin: 0 0.5em 1em 0.5em; 
}

.NewsSummaryPostdate {
font-size: 11px;
font-weight: bold; text-align: center; padding-bottom: 8px;
 }

.NewsSummaryLink {
font-weight: bold; padding-top: 0.2em; color: #952d37; padding-bottom: 6px; font-size: 0.9em; text-align: left;}
.NewsSummaryLink a {color:#0a3213;}
.NewsSummaryLink a:hover, .NewsSummaryLink a:focus, .NewsSummaryLink a:active{color:#aeca50;}

.NewsSummaryCategory {color: white;
font-style: italic;
margin: 5px 0; font-size: 0.8em;
}

.NewsSummaryAuthor { color:white; font-style: italic; padding-bottom: 0.5em; font-size: 0.8em;}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%; font-size: 0.8em;
 }

.NewsSummaryMorelink {
  padding-top: 0.6em; font-size: 0.8em; font-weight: bold;
}
.NewsSummaryMorelink a {color: #0a3213;}
.NewsSummaryMorelink a:hover, .NewsSummaryMorelink a:focus, .NewsSummaryMorelink a:active{color:#aeca50;}

#NewsPostDetailDate {
font-size: 90%;
margin-bottom: 10px;
font-weight: bold;
}
h3#NewsPostDetailTitle  {color:#0a3213; margin-bottom: 10px;}

#NewsPostDetailSummary {
line-height: 150%; margin-bottom: 15px;
}

#NewsPostDetailCategory {
font-style: italic;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}
#NewsPostDetailHorizRule{border-color: white; margin-bottom: 10px;}
#NewsPostDetailPrintLink {margin-top: 25px; text-align: center; }
#NewsPostDetailPrintLink a{color:  #0e6424;}
#NewsPostDetailPrintLink a:hover, #NewsPostDetailPrintLink a:focus, #NewsPostDetailPrintLink a:active{color:#14892f; font-weight: bold;}
#NewsPostDetailReturnLink {text-align: center; margin-top: 10px; margin-bottom: 20px;}
#NewsPostDetailReturnLink a{color: #0e6424;}
#NewsPostDetailReturnLink a:hover, #NewsPostDetailReturnLink a:focus, #NewsPostDetailReturnLink a:active{color:#14892f; font-weight: bold;}

#copyright{clear: both;margin: 0; }
p.copyright{margin:0; padding: 10px 0 0 20px; font-size: 11px;}

#menu_bas{width: 650px;margin-right: 250px;float: right; }
#menu_bas li{float: right; padding-top: 20px;margin-left: 45px;}
#menu_bas li a{color:#0a3213; font-size: 11px; }
#menu_bas li a:hover, #menu_bas li a:focus, #menu_bas li a:active{color: #aeca50;}


div.contactform{width: 100%; margin: 0 auto 0 auto; }
.captchapict{width: 150px; height: 50px; margin:10px 0 10px 0;}
.contactform fieldset{width:80%; color:#0e6424; margin: 0 auto 0 auto; font-weight: bold;  background-color: white;}
.contactform fieldset legend{color: #0e6424; font-weight: bold; }
.captchapict{width: 150px; height: 50px; margin:10px 0 10px 0;}
.contactform fieldset {padding: 1em;}
.contactform textarea{width: 70%;}
.required label{color: #0e6424; font-weight: bold; font-size: 11px;}

#m5moduleform_1{width: 180px;}
.newsletter {margin: 0; font-size: 11px; }
#m5moduleform_1 input[type="text"]{font-size: 11px; margin: 5px 0 5px 0; width: 165px;}

.nms{ color:#aeca50; font-size: 11px;height: 29px;margin: 0; background: url(../images/bouton_menu_gauche.png) no-repeat; padding-top: 3px;}
#flux{margin: 20px 0 20px 0;}
.rss{float: left; width: 50px; color:#0a3213; font-weight: bold; font-size: 1.25em; text-align: center; padding-left: 40px; padding-top: 4px;}
#rss{float: right; width: 50px; padding-right: 30px;}
.clear{clear: both;}

.right{float: right; margin-left: 20px;}

.video{width: 425px; margin: 0 auto;}
h4.connexion{ color:#aeca50; font-size: 11px;height: 29px;margin: 0 0 0 5px; background: url(../images/bouton_menu_gauche.png) no-repeat; padding-top: 3px;}
#m6moduleform_2{margin-left: 10px;}
#m6moduleform_2 p{line-height: 15px;}
#m6moduleform_2 p.centre{text-align: center;margin-bottom: 0; line-height: 10px;}
#m6moduleform_2 input[type="text"]{width: 150px; font-size: 11px;}
#m6moduleform_2 input[type="password"]{width: 150px; margin-bottom: 5px;font-size: 11px;}
#m6moduleform_2 input[type="submit"]{margin-bottom: 5px;}
#m6moduleform_2 a:hover{color:#aeca50;}
.centre {margin-left: 20px; font-size: 10px;}
.centre1{margin-left: 26px; font-size: 10px;}
#cntnt01feu_input_Nom{margin-bottom: 5px;}
#vf{background-color: red;}

#stat{margin-top: 20px;}