/* CSS Document */
/* Coded by mic thanks to various tutorial and help on internet. Big thanks to www.siteduzero.com*/
body
{
    width: 840px;
    font-family: verdana;
	font-size: 9px;
	line-height: 12px;
	color: #000000;  
scrollbar-face-color: #756E7C; 
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #756E7C;
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #756E7C; 
scrollbar-track-color: #756E7C; 
scrollbar-arrow-color: #FFFFFF;

}
.a:link { color: #000000; text-decoration: none}
.a:visited{color: #000000;text-decoration: none}
.a:hover { background:#CC33CC; color: #ffffff;text-decoration: none}


#contenu { 
   width:840px; /*Largeur du design*/ 
   margin:0 auto 0 -420px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:absolute; 
   top:25px; /*25px entre le coin supérieur de l’écran et le design*/ 
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   border:1px solid #000000; /* Bordure encadrant le design */ 
   } 
   

/* L'en-tête */
#header
{
   width: 840px;
   height: 195px; 
   background-image: url("pix/header.png");
   background-repeat: no-repeat;
   

}
/* Menu */

#menu { 

   font-weight: bold;
   background: #A285B5;
   border:1px solid #000000; /* Bordure encadrant le design */ 
   }
.menu:link { color: #FFFFFF; text-decoration: none}
.menu:visited{color: #ffffff;text-decoration: none}
.menu:hover { background:#CC33CC; color: #ffffff;text-decoration: none}

/* Le corps de la page */

#corps
{

text-alig:left;
/*font-weight: bold;*/
margin: 25px;
height:100%;
  
}
#corps h1
{
font-size:14px;
color:#C17DEA; 
}
   
.corps:link { color: #C17DEA; text-decoration: none}
.corps:visited{color: #C17DEA;text-decoration: none}
.corps:hover { background:#C17DEA; color:#ffffff ;text-decoration: none}

/*Display Full*/

#dislayfull
{

    font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	text-align: center;     

}
.displayfull:link { color: #000000; text-decoration: none}
.displayfull:visited{color: #000000;text-decoration: none}
.displayfull:hover { background:#C17DEA; color: #ffffff;text-decoration: none}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   font-family: verdana;
	font-size: 8px;
   width: 840px;
   height: 75px;
   text-align: center;
   color: #FFFFFF;
   background-image: url("./pix/footer.png");
   background-repeat: no-repeat;
}

.pied_de_page:link { color: #FFFFFF; text-decoration: none}
.pied_de_page:visited{color: #FFFFFF;text-decoration: none}
.pied_de_page:hover { color: #ffffff;text-decoration: none}
/*Archive*/

#archives
{

    font-family: verdana;
	font-size: 9px;
   float: right; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
}




.archives
{font-family: verdana;
	font-size: 10px;
   width: 840px;
   height: 75px;
   text-align: center;
   color: #000000;
}
.archives:link { color: #000000; text-decoration: none}
.archives:visited{color: #000000;text-decoration: none}
.archives:hover { background:#C17DEA; color: #ffffff;text-decoration: none}





/*Book & BookFull */

#book
{

  text-alig:left;
   
margin: 25px;

   
   
   }
   

#bookfull
{

    font-family: verdana;
	font-size: 9px;
      width: 500px; /* Très important : donner une taille au menu */
   
}
.bookfull:link { color: #000000; text-decoration: none}
.bookfull:visited{color: #000000;text-decoration: none}
.bookfull:hover { background:#C17DEA; color: #ffffff;text-decoration: none}


}
.book
{font-family: verdana;
	font-size: 9px;
   width: 840px;
   height: 75px;
   text-align: left;
  
}

.book:link { color: #000000; text-decoration: none}
.book:visited{ color: #000000;text-decoration: none}
.book:hover { color: #ffffff; background: #C17DEA;text-decoration: none}


.hideme
 {
visibility : hidden;
}
 
 
 /* Video Attribute */
 #video
{

text-alig:left;
margin: 25px;
  
}
#video h1
{
font-size:16px;
color:#C17DEA; 
}
#video h2
{
font-size:12px;
color:#CC33CC; 
}
   
.video:link { color: #330099; text-decoration: none}
.video:visited{color: #330099;text-decoration: none}
.video:hover { background:#330099; color:#ffffff ;text-decoration: none}