* {padding: 0; margin: 0; }
body {width:100%; height: 100%;  background: #BCBCBC url("../images/fond-ecran.jpg") top left repeat-x; font: 11px/1.6em "Lucida Grande", "Lucida Sans", Tahoma, Arial, sans-serif; padding: 20px 0px; font-weight: 200; }
html {width:100%;}

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

#document a {color: #DD771D; text-decoration:underline;}
#document a:hover {color: #DD771D; text-decoration:underline;} 

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


#contenu { float: left; width: 585px; line-height: 20px; padding: 0 0 20px 50px;}
#contenu h1 {color: #036B99; font: 22px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; margin: 35px 0px 15px; font-weight: bold; line-height: 28px; }
#contenu h2 { color: #036B99; font: 18px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; margin: 15px 10px 5px 0px; padding: 0px;  font-weight: lighter; }
#contenu h3 { color: #036B99; font: 14px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; margin: 10px 10px 0px 0px; padding: 0px; font-weight: normal;}

#contenu h1 a, #contenu h2 a, #contenu h3 a {text-decoration: none; color: #036B99; }  
#contenu h1 a:hover, #contenu h2 a:hover, #contenu h3 a:hover {text-decoration: none; color: #036B99; }  

#contenu ul, #contenu ol { padding: 2px 20px; margin: 0px 0px 0px 20px; }
#contenu li { padding: 1px;}
#contenu p {margin: 0px; padding: 5px 0px 0px 0px; text-align: justify;}
#contenu a {text-decoration:underline; color:#DD771D;} 
#contenu .illustration {}
#contenu .illustration .photo img {text-align: left; background: #FAFAFA; border: 1px solid #CBCBCB; padding: 5px; }
#contenu .illustration .legende {text-align: left; margin: -8px 0px 15px; font-size: 11px; color: #716F1F; }
#contenu .imagette {background: #FAFAFA; border: 1px solid #CBCBCB; padding: 5px; }
#contenu div.important{ margin:4px 0px 8px; padding:5px 10px; background: #fff url("../images/fond-important.jpg") top left repeat-x; border: 1px solid #CBCBCB;}
#contenu div.important p{margin: 0px; padding: 0px; }
#contenu div.important ul{margin: 0px 20px; padding: 0px; }

#contenu div.actu { margin:2px 9px 8px 9px; padding:5px 10px 7px; border: 1px solid #CBCBCB; background:url("../images/fond-haut-actu.jpg") repeat-x left top; background-color: #fff;}
#contenu div.actu h2 {font-size: 14px; padding: 5px; margin: 0px; text-align: left; }
#contenu div.actu h2 a { text-decoration: none; }
#contenu div.actu p {list-style-type: none; padding: 5px; margin: 0px; text-align: left; line-height: 16px; }
#contenu div.actu p.suite{font-style: italic;}
#contenu div.actu p a {}
#contenu div.actu p.date{ text-align: right; font-size: 9px;  padding: 5px; margin: 0px; }

#contenu p.chapeau{background: #dedede url("../images/fond-chapeau.jpg") top left repeat-x; padding: 5px 5px; border: 1px solid #bcbcbc; border-left: 5px solid #ababab; color: #333; margin-bottom: 15px; }


#navigation-secondaire {clear: both; text-align: center; margin: 0px 39px; padding: 10px 0px 0px;  border-top: 2px #ccc solid;  background: #fff;}
#navigation-secondaire  ul {list-style: none; line-height: 23px;}
#navigation-secondaire  li {display: inline; line-height: 20px; }
#navigation-secondaire  a {text-decoration:underline; color:#666;} 
#navigation-secondaire  p {padding: 10px 0px 0px; } 


#contenu-forum {width: 952px; line-height: 20px; padding: 25px 0 20px 30px;}
 

#menu {float: right; width: 300px; margin-right: 40px; padding: 20px 5px 20px 0px; line-height: 18px; }
#menu .section { margin-bottom: 5px;  }
#menu .section h2 {color: #036B99; font: 15px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; line-height: 18px; margin: 20px 0px 7px; font-weight: bold; }
#menu .section h3 {color: #888; font: 12px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; line-height: 18px; margin: 6px 0px 4px 0px; font-weight: bold;}
#menu .section h3 a {color: #888;}
#menu .section ul { 	list-style: square; margin-left: 25px; }
#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 { list-style-type: none; padding: 0px 0px 5px; margin: 0px; line-height: 16px;}
#menu .section p a {color: #DD771D;}
#menu .section p a:hover {color: #874B46; text-decoration: underline; background-color: transparent; }

#menu .section ul.sommaire { text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; border-top: 1px dotted #bcbcbc;}
#menu .section ul.sommaire li { list-style: none; padding: 4px 0 4px 0px; margin: 0 2px; color: #8F8F8F; border-bottom: 1px dotted #bcbcbc;}
#menu .section ul.sommaire li a {color: #676767; }



#post-scriptum { clear: both; height: 65px; background: #261712 url("../images/fond-post-scriptum.jpg") top left no-repeat; font-size: 11px; text-align: center; }
#post-scriptum p {padding: 10px 0px 0px;}



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

#identification { height: 105px;}
#identification #logo {float: left; padding: 37px 0px 0px 16px; width: 106px; }
#identification p.titre {font: 45px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 45px 0px 0px 126px; line-height: 45px;  color: #646464; letter-spacing: -2px; font-weight: bold; }
#identification p.slogan {font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 4px 129px 0px;  color: #535353; letter-spacing: 2px; font-weight: 100;}
#identification a, #identification a:hover {text-decoration: none; color: #353537;}


#navigation-tertiaire {text-align: right; margin: 0 65px 0 0; padding: 0px; margin-top: -60px; font-size: 11px;}
#navigation-tertiaire ul {list-style: none; margin: 0px; padding: 0px 0px 0px;  }
#navigation-tertiaire li {display: inline; line-height: 10px; }
#navigation-tertiaire li a {text-decoration:none; color: #555; }
#navigation-tertiaire p.credit-banniere {margin: 44px 0 0; padding: 0px; line-height: 12px; color:#999; font-size: 10px; } 
#navigation-tertiaire p.credit-banniere a {text-decoration:none; color:#999;} 


#navigation {width: 934px; height: 228px; background: transparent; margin-top: 5px; padding-left: 20px; font: 11px/1.6em "Lucida Grande", "Lucida Sans", Tahoma, Arial, sans-serif;}

#navigation #animation {height: 200px; margin-bottom: 5px; }

#navigation #menu-general{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url("../images/menu/dolphin_bg.gif") repeat-x bottom left;padding:0px;}
#navigation #menu-general ul{margin:0;padding:0;list-style-type:none;width:auto;float:left; line-height: 38px;}
#navigation #menu-general ul li{display:block;float:left;margin:0 1px; }
#navigation #menu-general ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 15px 0;height:33px; line-height: 39px; }
#navigation #menu-general ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#navigation #menu-general ul li a:hover{color:#fff;background:transparent url(../images/menu/dolphin_bg-OVER.gif) repeat-x bottom left;}
#navigation #menu-general ul li a:hover span{display:block;width:auto;cursor:pointer;}
#navigation #menu-general ul li a.actif, #navigation #menu-general ul li a.actif:hover{color:#fff;background:#1D6893 url(../images/menu/dolphin_left-ON.jpg) no-repeat top left;line-height:275%;}
#navigation #menu-general ul li a.actif span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/menu/dolphin_right-ON.jpg) no-repeat top right;height:33px;}



#navigation #menu-page{padding: 3px 0px 0px 11px; color: #ccc; background:#143D55; height: 20px; }
#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:#aaa;} 




table{
width: 100%; 	
margin: 5px 0px 0px;
}

th {
	background: #143D55 url("../images/fond-tableau.jpg") repeat-x;
	height: 15px;
	line-height: 18px; 
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #6E3C93;
	border-right: solid 0px #30617F;
}
tr {
	height: 25px;
	line-height: 16px; 	
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
}

tr.ligne-a {
	background: #dedede;
}
tr.ligne-b {
	background: #EFEFEF;		
}