* {margin: 0; padding: 0;} 

body 
{ 
background : #000000; 
background-repeat : repeat; 
color : #000000; 
font-size : 10pt; 
font-family : Comic sans MS; 
text-align : center; 
background-attachment : fixed; 
} 
#cadre 
{ 
background : #0099FF; 
background-image : url(http://www.oeildelamer.fr/img/actus/greatbarrierreef1.jpg); 
background-repeat : repeat; 
width : 1000px; 
padding-top : 25px; 
padding-left : 60px; 
padding-right : 60px; 
padding-bottom : 25px; 
text-align : left; 
margin : auto; 
border : 1px solid #000000; 
position : relative; 
background-attachment : fixed; 
} 
#haut 
{ 
background-image : url(http://www.oeildelamer.fr/img/actus/greatbarrierreef1.jpg); 
background-repeat : repeat; 
height : 70px; 
padding-top : 5px; 
margin-left : 50px; 
margin-right : 50px; 
border-width : 2px; 
border-style : solid; 
border-color : #000000; 
text-align : center; 
background-attachment : fixed; 
} 
#haut h1 a 
{ 
text-decoration : none; 
font-size : 35pt; 
font-family : Comic sans Ms; 
} 
a 
{ 
color : #000000; 
text-decoration : underline; 
} 
a:hover 
{ 
color : #000000; 
text-decoration : none; 
} 
#barre 
{ 
width : 900px; 
height : 60px; 
margin-top : 30px; 
} 
#barre ul 
{ 
list-style-type : none; 
} 
#barre li 
{ 
float : left; 
} 
#barre a 
{ 
background : #000099; 
color : #FFFFFF; 
text-decoration : none; 
width : 100px; 
height : 28px; 
margin-left : 2px; 
font-size : 13pt; 
font-family : Comic sans SM; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
text-align : center; 
display : block; 
} 
#barre a:hover 
{ 
background : #00CCFF; 
text-decoration : none; 
border : 1px solid; 
} 
#menu 
{ 
width : 200px; 
float : left; 
} 
#menu ul 
{ 
list-style-type : none; 
} 
#menu ul li 
{ 
background-image : url(http://www.oeildelamer.fr/img/actus/greatbarrierreef1.jpg); 
color : #000099; 
width : 170px; 
margin-top : -1px; 
font-size : 12pt; 
font-family : Comic sans SM; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
} 
#menu ul li a 
{ 
background-image : url(http://www.oeildelamer.fr/img/actus/greatbarrierreef1.jpg color ); 
color : #000099; 
text-decoration : none; 
width : 170px; 
font-size : 12pt; 
font-family : Comic sans SM; 
line-height : 25px; 
} 
#menu ul li a:hover 
{ 
background-image : url(http://www.oeildelamer.fr/img/actus/greatbarrierreef1.jpg); 
color : #000099; 
text-decoration : underline; 
} 
#menu h2 
{ 
background : #000099; 
color : #FFFFFF; 
width : 170px; 
height : 25px; 
font-size : 12pt; 
font-family : Comic sans SM; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
text-align : center; 
} 
#contenu 
{ 
background : #FFCC33; 
background-image : url(http://www.blog4ever.com/blogfichiers/237552/boximages/237552080829015536.jpg); 
color : #000000; 
width : 600px; 
padding-top : 5px; 
padding-left : 10px; 
padding-right : 5px; 
padding-bottom : 5px; 
margin-top : px; 
margin-left : 50px; 
font-size : 12pt; 
font-family : Comic sans SM; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
} 
#contenu h3 
{ 
background : #000000; 
color : #FFFFFF; 
width : 200px; 
height : 28px; 
padding-left : 10px; 
padding-right : 50px; 
margin-top : 10px; 
margin-left : px; 
margin-right : px; 
margin-bottom : 15px; 
font-size : 12pt; 
font-family : Comic sans MS; 
} 
#contenu ul 
{ 
list-style-type : none; 
margin-left : 15px; 
} 
#contenu a 
{ 
color : #000000; 
text-decoration : none; 
font-size : 12pt; 
font-family : Comic sans SM; 
} 
#contenu a:hover 
{ 
color : #000000; 
text-decoration : underline; 
} 
#bas 
{ 
background : #EBEDAB; 
background-image : url(http://www.blog4ever.com/blogfichiers/237552/boximages/237552080829015536.jpg); 
margin : auto; 
} 
#spacer 
{ 
height : 50px; 
clear : both; 
} 
hr { margin:5px; height:1px; background-color:#000000;} 
fieldset { border:0; } 
* html #menu h2{width: 202px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}