* {padding: 0; margin: 0; }
body {color: #232B14; font-family: Arial, Helvetica, sans-serif; font-size : 13px; width:100%; height: 100%;  background: #333; top left repeat-x; padding: 20px 0px; font-weight: 200; }
html {width:100%;}

#document {margin: 0px auto; width: 900px; overflow: auto; background-color: transparent;  color:#333; }

#document a {color: #ddd; text-decoration : underline; border-style : none;}
#document a:hover {color : #fff; }

#corps {margin-top: 215px; overflow: hidden; background: transparent url("../images/fond-corps.jpg") top left repeat-y; width: 900px; padding: 45px 0 0 0px;}



#contenu {float: left; width: 610px; text-align : left; padding : 3px 10px; margin:5px 0 0 20px}
#contenu a {background: transparent; color: #A02C00; text-decoration: none; }
#contenu a:hover {background: transparent; color: #A02C00; text-decoration: underline; }
#contenu p {margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; line-height: 17px; }
#contenu img {border:1px solid #ccc;}
#contenu .illustration {border:1px solid #47662B; padding: 2px; }
#contenu .important { background: #efe none;  border:1px solid #36551A; border-left: 7px solid #36551A; padding: 8px; margin-bottom: 5px; }
#contenu ul,ol { margin: 0 0 0 15px; padding: 0px 0 2px 20px; }
#contenu li { padding: 1px;}
#contenu .date {color : #B0710A; font-style: italic; }
#contenu h1 {color: #A02C00; font-size : 24px; letter-spacing : 0px; padding: 10px 0px 8px; background-color: inherit; font-family: Impact, Arial, sans-serif; font-weight: 100;}
#contenu h2 {color : #B0710A; background-color: inherit; font-size : 16px;  padding: 5px 0px; }
#contenu h3 {color : #36551A; background-color: inherit; font-size : 13px; 	margin: 0px; padding-top : 4px; padding-bottom : 4px;}




#menu {float: left; width: 200px; padding: 20px 5px 20px 20px; line-height: 18px; }
#menu .section { margin-bottom: 5px;  }
#menu .section h2 {color : #36551A; background-color: inherit; font-size : 14px; padding: 7px 0px 5px;}
#menu .section h3 a {color: #888;}
#menu .section ul { list-style-type: square; margin: 0px; padding-left:20px}
#menu .section li { line-height: 15px; margin-bottom: 2px; }
#menu .section a {text-decoration: none; color: #DD771D; }
#menu .section a:hover {color: #DD771D; text-decoration: underline;}
#menu .section p {line-height: 15px; color: #454D36}
#menu .section p a {color: #DD771D;}
#menu .section p a:hover {color: #874B46; text-decoration: underline; background-color: transparent; }



#navigation-secondaire {clear: both; height: 72px; background: #261712 url("../images/fond-post-scriptum.jpg") top left no-repeat; font-size: 11px; text-align: left; padding-left:30px}
#navigation-secondaire ul {list-style: none; line-height: 23px; padding-top:5px}
#navigation-secondaire li {display: inline; line-height: 20px; }
#navigation-secondaire ul li:after {content: " | ";}
#navigation-secondaire ul li.dernier:after {content: "";}
#navigation-secondaire a {text-decoration:underline; color:#fff;} 
#navigation-secondaire p {padding: 2px 0px 0px; color:#999;} 





#entete {position: absolute; top: 20px; width: 900px; height: 260px;  background: transparent url("../images/fond-entete.jpg") top left no-repeat; padding-left: 19px; }

#identification { height: 216px; }
#identification p.titre {text-align:right; text-transform: uppercase; background-color: inherit; font-size: 15px; margin:22px 40px 0 0 ;}
#identification p.slogan {text-align:right; font-weight: lighter; color: #444; background-color: inherit; font-size: 10px; letter-spacing : 0.2em; margin:0px 40px 0 0 ;}
#identification a {color: #C7A506; text-decoration: none; background-color: inherit;}
#identification a span {color: #9B5000; background-color: inherit; }
#identification a:hover{color:#C7A506}




#navigation {position : absolute; top: 215px; left: 16px;  width : 868px; height: 50px; background-color: #213510; border-bottom: 1px solid #102A0B;}

#navigation #menu-general{position:relative;display:block;height:30px;font-size:12px;font-weight:bold;background:transparent url(../images/menu/greenslate_background.jpg) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#navigation #menu-general ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#navigation #menu-general ul li{display:block;float:left;margin:0 1px 0 0; }
#navigation #menu-general ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:10px 15px 0 15px;height:20px; background-color: transparent;}
#navigation #menu-general ul li a:hover,#menu-general ul li a.actif{color:#fff;background:transparent url(../images/menu/greenslate_backgroundOVER.jpg) no-repeat top center;}

#navigation #menu-page{padding: 3px 0px 0px 15px; color: #aaa; }
#navigation #menu-page ul {list-style: none; margin: 0px; padding: 0px;}
#navigation #menu-page li {display: inline; line-height: 11px; margin-right: 20px; }
#navigation #menu-page a {text-decoration:underline; color:#FFFFFF; background-color: transparent;}