/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
	background: #000099 url(images/back.png) top center;
	margin: 0;
	padding: 0;
	font: normal 8pt/13pt verdana, arial,sans-serif;
	border-top: 10;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat;
width: 800px;
height: 50px;
}

/**************************************************/
/*                                       Content
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y;
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat;
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
}
/*                    Menu                   */
#menu {
width: 149px; /*149 à la place de 150 autrement l'écriture dépasse*/
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\"";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}

#menu li a:link, #menu li a:visited {
color: #FFFFFF;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 35px;
height: 29px;
text-align: left;
}

#menu li a:hover {
color: #FFCC00;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 35px;
height: 29px;
text-align: left;
}
/*  paragraphe sous le menu*/
#menu li.part a {
height: 130px;
voice-family: "\"}\"";
voice-family: inherit;
height: 120px;
text-decoration: none;
text-align: left;
}

#menu li.part a:link, #menu li.part a:visited {
color: #FFFFFF;
display: block;
background:  url(images/para_off.png) top center no-repeat;
padding: 23px 0 0 10px;
height: 120px;
text-align: left;
}

#menu li.part a:hover {
color: #FFFF33;
background:  url(images/para_on.png) top center no-repeat;
padding: 23px 0 0 10px;
height: 120px;
text-align: left;
}
/*  paragraphe sous le menu fin*/

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}s

#stuff {
width: 590px;
margin: 160px;
padding: 0;
border: 2px navy;
}

img {
border: none;
}

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat;
width: 800px;
height: 50px;
}
