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

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

#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: 78px;
}

/**************************************************/
/*                         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: 10px;
text-align: right ;
}

/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: center;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: center;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 1px;
height: 29px;
text-align: center;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 1px;
height: 29px;
text-align: center;
}	

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

#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}
div#menu h1
{
    background: url(images/pouprus.png) no-repeat;
}
div#stuff h2
{
    padding-left: 25px ;
    line-height: 25px ;
    font-size: 1.4em ;
    background: url(images/little_parc.gif) no-repeat left bottom ;
    color: #e2394f ;
    border-bottom: 3px solid #e2394f ;
}
/* Mise en forme du titre de page, une petite image,
 on décale le texte en fonction de l'image, on donne un couleur au texte et
  on met une bordure basse */

div#stuff h3
{
    margin-left: 15px ;
    padding-left: 5px ;
    border-bottom: 1px solid #e2394f;
    border-left: 3px solid #e2394f;
    color: #e2394f;
}
/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */
div#stuff h4
{
    margin-left: 0px ;	
    padding-left: 0px ;
    border-bottom: 1px solid #e2394f;
    border-left: 3px solid #e2394f;
    color: #e2394f;
}
/* De même que pour le titre h3, à ceci près qu'on
 n'a ps de marge gauche */
div#stuff h5
{
    margin-left: 0px ;	
    padding-left: 0px ;
    font-size: 1.0em ;
    border-bottom: 1px solid #e2394f;
    border-left: 3px solid #e2394f;
    color: #e2394f;
}
/* De même que pour le titre h3, à ceci près qu'on
 n'a une police plus petite */ 

div#stuff h6
{
    margin-left: 25px ;	
    padding-left: 0px ;
    font-size: 1.0em ;
    text-align: left ;
    border-bottom: 1px solid #e2394f;
    border-left: 0px solid #e2394f;
    color: #e2394f;
}
/* De même que pour le titre h3, à ceci près qu'on
 n'a un décalage vers la gauche */ 
 
img {
border: none;
} 

/**************************************************/
/*                                       MiddleBLUE Piece                                        */
/**************************************************/
p#middleblue
{
    margin: 0 ;
    padding-right: 10px ;
	font-family: Goudy Stout;
	font-size: 1.0em ;
    line-height: 30px ;
    text-align: center ;
    color: blue ;
}

/**************************************************/
/*                                       BigRED Piece                                        */
/**************************************************/
p#bigred
{
    margin: 0 ;
    padding-right: 10px ;
	font-family: Goudy Stout;
	font-size: 2.0em ;
    line-height: 30px ;
    text-align: center ;
    color: red ;
}
/**************************************************/
/*                                       Footer Piece                                        */
/**************************************************/
p#footer
{
    margin: 0 ;
    padding-right: 10px ;
    line-height: 30px ;
    text-align: right ;
    color: #686655 ;
}

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

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