/* CSS Document */

* {margin:0; padding:0;}
h1 {color: #ffdd00;  padding: 5px; text-align: center;}
h2 {color: #ffdd00;}
h3 {color: #ffdd00; font-size: 120%; text-align: center; line-height: 150%;}
h4 {color: #ffdd00; font-size: 110%; text-align: center; line-height: 150%;}
.claire {clear: both;}
body {margin-top:0; font-family:Georgia, "Times New Roman", Times, serif; background: url(../img/pirates/fnd.jpg) repeat-x #000; position: relative;}
#container {width: 986px; margin-left: auto; margin-right: auto;}
#header {width: 986px; height: 305px; background: url(../img/pirates/header.jpg) center no-repeat;}
#content {width: 986px; height: 1155px; background: url(../img/pirates/fnd_container.jpg) center; position: relative;}
#conteneur {width: 986px; height: 85%; position: relative;}
#contenu { width: 488px; height: 440px; padding: 10px;  position: relative;}

#contenu3 {width: 418px; height: 200px; position: absolute; left: 600px; top: 10px;}
#contenu1 {width: 418px; height: 350px; position: absolute; left: 10px; top: 100px;  background: url(../img/pirates/fnd_contenu.png) repeat-y; border: 1px solid #370000;} 
#contenu h2 {font-size: 120%; text-align: left; line-height: 150%;}
#contenu h3 {font-size: 120%; text-align: center; line-height: 150%;}
#img_rhum { width: 61px; height: 255px; position:absolute; left: 427px; top: 10px; z-index:1;}
#contenu ul {list-style: none; font-size: 100%; font-weight: bold; color: #ffdd00; line-height: 150%; padding-left: 10px;}
#contenu1 p {width: 400px; text-align: left; padding: 10px; font-weight: bold; z-index: 10; line-height: 150%;} 

#contenu2 {width: 460px; height: 360px; padding: 10px; border: 1px solid #370000; background: url(../img/pirates/fnd_contenu.png) repeat-y; position: absolute; left: 250px; top: 470px;}
#contenu2 p {width: 460px; text-align: left; padding: 10px; font-weight: bold; z-index: 10; line-height: 150%;}