/*  ---------------- Nouvelle mise en forme ---------------------------- */

BODY {
	MARGIN: 10px
	font-family: Verdana, Helvetica;
	FONT-STYLE: bold;
	font-size: 30px;
	color: black;
    background-image: url(http://www.sionneau.com/images/bg.jpg);
    background-repeat: repeat;
 	font-size: 100%; /* Autorise le redimensionnement de texte pour MSIE */
}

html > body {
	font-family: Verdana, Helvetica;
	font-size: 20px; /* Pour les autres navigateurs */
}

.conteneur {
	BORDER-STYLE: none;
}

.bandeau {
	LINE-HEIGHT: 170px; 
	BORDER-BOTTOM-style: none;
	PADDING-BOTTOM: 5px; 
	HEIGHT: 170px; 
	TEXT-ALIGN: center; 
}

.menuflash {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	MARGIN-BOTTOM: -1.2em; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 170px; 
	PADDING-TOP: 5px;
	BORDER-STYLE: none;
}

.contenu {
	position: relative;
	BORDER-RIGHT: #A92929 1px solid; 
	BORDER-TOP: #A92929 1px solid; 
	BORDER-LEFT: #A92929 1px solid; 
	BORDER-BOTTOM: #A92929 1px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 20px; 
	MARGIN-LEFT: 200px; 
	MARGIN-RIGHT: 0px; 
	PADDING-TOP: 20px; 
}

.pied {
	BORDER-TOP: #666 1px solid; 
	LINE-HEIGHT: 30px; 
	HEIGHT: 30px; 
	TEXT-ALIGN: center	 
}


/*  ---------------- Mise en forme du texte ---------------------------- */


H1 {
	MARGIN: 0px;
	color: #330099;
	TEXT-ALIGN: center;
	FONT-STYLE: bold;
	font-family: Verdana, Helvetica;
	font-size: 25px;
}

H2 {
	MARGIN: 0px;
	color: #330099;
	font-family: Verdana, Helvetica;
	font-size: 20px;
	TEXT-ALIGN: center;
	FONT-STYLE: bold;
}

H3 {
	Color: #660099;
	TEXT-ALIGN: center;
	font-family: Verdana, Helvetica;
	FONT-STYLE: italic;
	font-size: 16px;
}

H4 {
	MARGIN: 0px;
	color: Red;
	FONT-STYLE: bold;
	font-family: Verdana, Helvetica;
	font-size: 18px;
	TEXT-ALIGN: left;
}

H5 {
	MARGIN: 0px;
	color: #0000FF;
	font-family: Verdana, Helvetica;
	font-size: 16px;
	TEXT-ALIGN: left;
	FONT-STYLE: bold;
}

H6 {
	MARGIN: 0px;
	color: red;
	font-style: bold;
	font-family: Verdana, Helvetica;
	font-size: 18px;
	TEXT-ALIGN: center;
}

H7 {
	MARGIN: 0px;
	color: red;
	font-family: Verdana, Helvetica;
	font-size: 50px;
	TEXT-ALIGN: left;

}

H8 {
	MARGIN: 0px;
	color: #330099;
	FONT-STYLE: bold;
	font-family: Verdana, Helvetica;
	font-size: 18px;
	TEXT-ALIGN: left;

}


H9 {
	Color: Blue;
	TEXT-ALIGN: center;
	font-family: Verdana, Helvetica;
	FONT-STYLE: italic;
	font-size: 15px;
}


P {
	MARGIN: 0px;
	font-family: Verdana, Helvetica;
	FONT-STYLE: normal;
	font-size: 16px;
	color: black;
	TEXT-ALIGN: justify;
}



P.2 {
	MARGIN: 0px;
	font-family: Verdana, Helvetica;
	FONT-STYLE: bold;
	font-size: 20px;
	color: #FF0000;
	TEXT-ALIGN: center;
}

P.3 {
	MARGIN: 0px;
	font-family: Verdana, Helvetica;
	FONT-STYLE: bold;
	font-size: 20px;
	color: black;
	TEXT-ALIGN: left;
}

UL {
	MARGIN: -left:40px;
	font-family: Verdana, Helvetica;
	FONT-STYLE: normal;
	font-size: 16px;
	color: black;
	TEXT-ALIGN: justify;
}

/*  ---------------- Mise en forme des articles ---------------------------- */

#articles  {
    padding:0; 
    margin:auto;
}

#articles ul  {
    list-style-type:none;
    display:block;
    padding:0;
    margin:0;
    line-height: 30px;
    font-family: Verdana, Helvetica;
	font-size: 20px;
	color: red;
}

#articles ul li {
    
}

#articles  a {
    width:100px;
}

li.nouveau {
	
	color: White;
	font-size:20px;
	line-height: 40px;
}	

/*  ---------------- Mise en forme des images ---------------------------- */

#imagegauche { 
	float: left ;
	margin-left: 20px;
	margin-right: 20px;
}

#imagedroite { 
	float: right ;
	margin-left: 20px;
	margin-right: 20px;
}

#cadrage  {
    padding:10px; 
    border:2px solid #000;
    width:500px;
    height: 200px;
    margin:auto;
    font-family: Verdana, Helvetica;
	font-size: 16px;
	color: brown;
}

/*  ---------------- Liste des livres ---------------------------- */

.conteneurlivre
{
padding: 5px 10px;
margin: 0px auto;	
}

.livre
{
clear: left;	
}


dl.float-left
{
border: 1px solid #A92929;
background-color: #E8DB95;
width: 242px;
text-align: center;
padding: 10px 0 10px 0;
float: left;
margin: 0 1em 1em 0.5em;
font-size:20px;
font-family: Verdana, Helvetica;

}

.float-left dt
{
font-weight: bold;
background-color: #A92929;
color: #E8DB95;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-left dd img
{
border: 1px solid #000;
width: 200px;
height: 260px;
}

.float-left dd em
{
color: #A92929;
font-style: bold;	
}	


.float-left dd
{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 85%;
}

/*  ---------------- Mise en forme des tableaux ---------------------------- */

.categorie
{
border: 1px solid black;
margin-left: 150px;
margin-right: 150px;		
}

TABLE {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}


th
{
	border: 2px solid black;
	text-align: center;
	background: #FFFFCC;
	font-family: Verdana, Helvetica;
	FONT-STYLE: bold;
	font-size: 18px;
	color: red;
	padding: 10px;
}

td
{
	border: 1px solid black;
	text-align: left;
	font-family: Verdana, Helvetica;
	FONT-STYLE: bold;
	font-size: 16px;
	color: black;
	padding: 10px;
}

/*  ---------------- Mise en forme des images ---------------------------- */

.cadre
{
	border: 1px solid #A92929;
}


/*  ---------------- Menu de bas de page ---------------------------- */


#menubas
{
    font-family: Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;
    color: #666;
    height: 30px;
	margin-left: 100px;
    margin-right: 100px;
    font-style: bold;
}

#menubas ul {
    float : right;
   }

#menubas ul li {
    margin-left: 0;
    margin-bottom: 0;
    border: 1px solid #000;
    list-style: none;
    float: right;
    padding: 0px;
    font-style: bold;
   }

#menubas ul li.courant {
    border-bottom: 1px solid #A92929;
    list-style: none;
    float: right;
   }
#menubas li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    background-color:#A92929;
 	color: #fff;
    text-decoration: none;
}

html>body#menubas li a {
    width: auto;
    padding: 0;
   }

#menubas li a:hover {
    background-color: white;
    color: black;
   }
   
#menubas li a:active {
    background-color: white;
    color: #666;
   }