body
{
   width: 800px;
   margin: auto;
   margin-bottom: 20px;    

   background-color: #000000;
   background-image: url("../images/fond.png");
   background-repeat: repeat-y;
	font-family: Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
}


#Ban
{
	margin-top: 10px;
   text-align:center;
   margin-bottom: 10px;
}

/* Le menu */

#Menu
{
   float: left;
   width: 120px;
}

.sMenu
{
   background-color: #213057;
   background-image: url("../images/menubar.png");
   background-repeat:no-repeat;
   
   border: 1px solid #00FFFC;

   
   /*Pourquoi ca fait ca ?? : entre 0 et 1, grosse difference*/
   padding: 5px;
   padding-top : 1px;

   font-size:small;
   text-align: justify;
   color: #FFFFFF;
   
   margin-bottom: 20px;
}

.sMenu em
{
font-style:italic;
color: #86BAF7;
}

.sMenu h3
{    
   color: #86BAF7;
   text-align: center;
   font-size:medium;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   font-variant:small-caps ;
}

.sMenu ul
{
   list-style-image: url("../images/puce.jpg");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.sMenu a , #corps a
{
   color: #86BAF7;
}

.sMenu a:visited , #corps a:visited
{
   color: #3F93F6;
}

.sMenu a:hover, #corps a:hover
{
   color: #FFFFFF;
}

/* Menu droite */
#dMenu
{
   float: right;
   width: 120px;
}

#corps, #Bas, .news, .livreor
{
   color: #FFFFFF;
   background-color: #213057;
   background-image: url("../images/Bar.png");
   background-repeat: repeat-x;
   /*border: 1px solid #28A2BD;*/
   border: 1px solid #00FFFC

}

/* Le corps de la page */
#corps
{
	/*Petite triche ici pour que ca soit lisible par IE et par Firefox sans que ca change trop la disposition.*/
	/*Dimension IE*/
	width: 520px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*Dimension Firefox*/
	width: 480px;

	margin-left: 140px;
	margin-bottom: 20px;
	padding: 20px;
	text-align: left;
}

html>body #corps {
	/*Dimension Opéra*/
  width: 480px;
}

#corps center
{
	text-align: center;
}

#corps strong
{
font-weight: bold;
}

#corps h1
{

	color: #86BAF7;
	text-align: center;
	font-weight:normal;
    font-size:x-large;
}

#corps h2
{
	font-size: 20px;
	font-weight:normal;
	background-image: url("../images/gdpuce.jpg");
	background-repeat: no-repeat;
	color: #86BAF7;
	padding-left: 25px;

	text-align: left;
}

.cache
{
	font-size:xx-small;
}

#Bas
{

	/*Petite triche ici pour que ca soit lisible par IE et par Firefox sans que ca change trop la disposition.*/
	/*Dimension IE*/
	width: 520px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*Dimension Firefox*/
	width: 480px;

	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size:small;
	
   
	margin-left: 140px;
}

html>body #Bas {
	/*Dimension Opéra*/
  width: 480px;
}

#Bas strong
{
font-weight: bold;
}
.news, .livreor, .formul
{
   margin-left: 40px;
   margin-right: 40px;
   margin-bottom: 15px;
   padding: 5px;
   
}

.news em
{
   font-size:xx-small;
   
   color: #86BAF7;
   text-align: left;
   font-style:normal;
}

.news
{
	color: #FFFFFF;
}

.news h3
{
   font-size:medium;
   font-variant:small-caps ;
   font-weight:bold;
   color: #86BAF7;
   text-align: center;
}

.formul
{
	margin-top: 15px;
	border: 1px dashed;
	text-align: center;
}