/*Design maguy krimm http://maguykrimm.com */


body
{
   width: 800px;
   margin-left: auto; 
   margin-right: auto; 
   margin-top: 5px; 
   margin-bottom: 20px;   
   position:relative;
   background:#000000; 
   background-repeat:no repeat;
   font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, "Times New Roman", Times, serif; 
   font-size: 11px;
   color : #ffffff;
}
  
   a img /* pas de bordure des images */
{
   border: none; 
}

    
/* en-tête */

#en_tete
{
   width: 800px;
   height: 130px;
   background-image: url("baniereblog.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


/* menu_horizontal */
#menu_horizontal
{
   width: 800px;
   height: 25px;
   margin-bottom: 10px;
}
.menu 

ul {
list-style-image: none;
width: 100%; 
}

.menu li {
float: right;

}

.menu a {
margin: 0 2px;
width: 130px;
height: 15px;
display: block;
text-align: center;
border: 2px solid green;
text-decoration: none;
color: #ffffff;
background: none;
}


.menu a:hover {
background: #ff6347;
border: none; 
}

.menu a:active {
background: gray;
border: 2px solid green; 
color: #ffffff;
}

/* Le menu  vertical */

#menu
{
   float: left;
   width: 160px;
}

.element_menu
{
   background-color: #000000;
   border: none;
   margin-bottom: 5px;
}

/* Quelques effets sur les menus */
.element_menu h3
{   
   color: #FFFF00;
   font-size: 12px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}

.element_menu ul
{
   padding: 1px;
   padding-left: 0px;
   margin-top: 0px;
   margin-bottom: 1px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps

{
   width: 600px;
   float: auto;
   margin-left: 170px;
   margin-bottom: 20px;
   padding: 5px;
   color: #ffffff;
   
    
}


h1 {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}
	
h2 {
	color: #ffff00;
	font-size: 16px;
	font-weight: bold;
}
	
h3 {
	color: #ffffff;
	font-size: 14px;
}


.imageflottante
{
   float: left;
   font-size: 3em; 
   margin-right: 10px; 
}

hr
{
 color: #dc143c;
 background: #dc143c;
 height: 1px ;
 padding: 0;
 margin: 0;
 border: 0;
}


/* Le tablo */

table
{
   border-collapse: collapse; 
}

td,  th
{
   border: 3px;
   color : #ffffff;
}

caption
{
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 11px;
   color: #009900;
   margin-bottom: 20px;
}

table
{
   margin: auto;
   border: none; 
   border-collapse: collapse; 
}

th /* Les cellules d'en-tête */
{
   font-size:11px;
   color : ffff00;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border:none;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   font-size: 11px;
   text-align: center;
   padding: 5px; 
}


a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: white; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}



#pied_de_page
{
   padding: 5px;
   text-align: right;
   color: #ffffff;
   background-color: none;
   border: none;
   font-size: 10px;
}