/* Feuille CSS réalisée par blueshit http://designdesk.org grace a un exelent tutorial :
http://www.elmoustikoblog.net/tutos/sources/structure_page/etape1.html 
Feuille de style vadide W3C ! */

body {
margin : 10px 0; 
padding : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
background : #fff url(bg.png) repeat-x fixed 50% 0%; 
} 
div#conteneur {
width : 770px; 
margin : 0 auto; 
text-align : left; 
background : #fff; 
border : 1px solid #000; 
} 
h1#header {
height : 70px; 
background : #000 url(header.png) no-repeat 0% 0%;
width:770px;
margin : 0; 
} 
h1#header a {
position : relative; 
left : 80px; 
top : 18px; 
font-size : 25px; 
color : #000; 
text-decoration : none; 
} 
div#contenu {
padding : 0 30px 0 100px; 
background : url(bg_page.png) no-repeat 15px 15px; 
} 
div#contenu h2 {
padding-left : 30px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h2_contenu.png) no-repeat 0% 100%; 
color : #333; 
border-bottom : 1px solid #333; 
} 
div#contenu h3 {
margin-left : 10px; 
padding-left : 5px; 
border-bottom : 1px solid #333; 
border-left : 3px solid #333; 
color : #333; 
} 
div#contenu p {
margin-left : 15px; 
text-align : left; 
line-height : 1.7em; 
color : #333; 
} 
div#contenu table {
margin-left : 7px; 
text-align : left; 
line-height : 1.7em; 
color : #333; 
} 
div#contenu a {
color : #333; 
text-decoration : none; 
background : #eee; 
} 
div#contenu a:hover {
color : #000; 
background : #ddd; 
text-decoration : none; 
} 
a.menu:link {
color : #FFFFFF; 

text-decoration : none; 
} 
a.menu:visited {
color : #FFFFFF; 

text-decoration : none; 
} 
a.menu:hover {
color : #FFFFFF; 
text-decoration : underline; 
} 
a:link {
color : #000000; 
text-decoration : none; 
} 
a:visited {
color : #000000; 
text-decoration : none; 
} 
a:hover {
color : #000000; 
text-decoration : underline; 
} 

pre {
overflow : auto; 
} 
* html pre {
width : 730px; 
} 
#menu {
width : 770px; 
} 
ul#menu {
height : 30px; 
margin : 0; 
padding : 0; 
background : url(bg_menu.png) repeat-x 0 -20px; 
list-style-type : none; 
} 
ul#menu li {
float : left; 
text-align : center; 
} 
ul#menu li a {
padding : 0 10px; 
line-height : 20px; 
font-size : 0.9em; 
font-weight : bold; 
letter-spacing : 1px; 
color : #000; 
display : block; 
text-decoration : none; 
border-right : 1px solid #a8d4ff; 
} 
ul#menu li a:hover {
background : url(bg_menu.png) repeat-x 0 0; 
/*border-right : 1px solid #ffde00; */
} 
p#footer {
margin : 0; 
padding-right : 10px; 
line-height : 30px; 
text-align : right; 
color : #333; 
} 
p#footer a {
color : #333; 
/*background : #eee; */
text-decoration : none; 
} 
p#footer a:hover {
color : #000; 
/*background : #ddd; */
text-decoration : underline; 
} 

li.inline {
 	display: inline;
 	padding-left: 3px;
 	padding-right: 7px;
 	border-right: 1px dotted #066;
 }

li.last {
 	display: inline;
 	padding-left: 3px;
 	padding-right: 3px;
 	border-right: 0px;
 }