* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;	
	background: #202020;   /* couleur fond page */
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
    line-height: 1.4;
    font-size: 28px;
}


#superglobal {                                 /* sert à fixer le pied de page bien en bas */
	position : relative;
	min-height: 100%;
}


#global {                                      /* sert à fixer le pied de page bien en bas */
	position: relative;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;                           /* centre au milieu */
	padding-bottom: 95px;                     /* hauteur du pied page pour eviter une superposition */
	width: 800px;                             /* largeur sans la bordure exterieure */
	background: #202020;
}

#hautdepage {
            position: fixed;
            background: url(images/fond-entete.png) repeat-x  top;     /* aligne en haut */            
            height: 95px;                                             /* hauteur entete */
            width: 800px;                                              /* largeur sans la bordure exterieure */
            margin: 0 auto;                                            /* decalage vers la droite par rapport au fond */
}


#menu-haut {
           display: block;
           float: left;
           background: #202020;
           width: 800px;                                               /* largeur sans la bordure exterieure */
           height: 94px;                                              /* hauteur du menu haut */
           overflow: hidden;
}

#menu-haut img.x {
           position: absolute;
           top: 0px;
           left: 200px;
           border: 0px;
}

#menu-haut img.y {
           position: absolute;
           top: 0px;
           right: 0px;
           border: 0px;
}

#contenu {                                           
	background: #202020;
	margin: 0px auto;
	padding-top: 115px;                              /* hauteur du menu haut + marge */
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	width: 800px;                                /* largeur sans la bordure exterieure et sans les paddings gauche droite */
	height: 100%;
}

#contenu .vign-serie {                                    /* serie de vignettes */
            display:block;
            float:left;
            background: url(images/vign-frame.jpg) no-repeat;
            margin: 0px 0px 0px 0px;
            padding: 16px 16px 16px 16px;
}

#contenu img.simple {
    display: block;
    margin-left: auto;         /* centre au milieu */
    margin-right: auto;        /* centre au milieu */
    background: black;     
    padding: 30px 40px 30px 40px;                   
}

#contenu p {
         padding: 20px 0 10px 0;         /* espace  en haut et en bas */
         color: #555555; 
         font-size: 12px;                /* couleur du texte */
}

#contenu h1 {
         font-size: 36px;
         color: #808080;                 /* couleur du texte */
}

#contenu h2 {
         padding: 10px 0 20px 0;         /* espace  en haut et en bas */
         font-size: 28px;
         color: #808080;                 /* couleur du texte */
         text-align: center;
}

#contenu h3 {
         font-size: 20px;
         color: #808080;                /* couleur du texte */
}

#contenu  a {
         color: white;                 /* couleur du texte */
}

#contenu  a:hover {
         color: #B0B0B0;                /* couleur du texte */
}


#contenu .vign-clic-serie {
                display:block;
                float:left;
                background: #202020;
}

#contenu .vign-clic-serie  a {
                 display: block;    
                 float:left;
                 border: none;
                 margin: 1px 1px 0px 0px;
}

#contenu .vign-clic-serie  a:link {  
                 background: black; 
}

#contenu .vign-clic-serie  img:hover { 
                 border: 0px;
                 display:block; 
                 float:left;
                 padding: 9px 9px 9px 10px;                    /* espaces : haut gauche bas droite */
                 background: #202020;  
}

#contenu .vign-clic-serie img {
                border: 0px;
                display:block; 
                float:left;
                padding: 9px 9px 9px 10px;                    /* espaces : haut gauche bas droite */
}

#piedglobal {
	position: absolute;
	bottom: 0px;
	height: 95px;                                /* hauteur pied page */
	width: 100%;
}

#pieddepage {
	position: relative;
	bottom: 0px;
	height: 95px;                                  /* hauteur pied page */
	width: 800px;                                /* largeur sans la bordure exterieure */
	background: url(images/bordure-ext-basse.png) repeat-x  top;  
	margin: 0px auto;                             /* centre au milieu */
	text-align: center;
}


#pieddepage img.x {
       position:absolute;
       display:block; 
       top: 0px;
       left: 0px;
       border: 0px;
}

#pieddepage img.y {
       position:absolute;
       display:block; 
       top: 0px;
       right: 00px;
       border: 0px;
}