body
{
   width: 800px;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 20px;    
   background-color: #1A1A1A;
background-image:url(http://www.baddness.ch/picture_library/font-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;

font-family: Arial;
font-size: 14px;

}





#bloc_font
{
   
   background-color: #fff;
   width: 800px;
 border: 10px solid white;
   clear:both;


}



h1
{    
   color: #0066CC;
   
}



/* L'en-tête */

#en_tete
{
  

 width: 780px;
 
  background-image:url(http://www.baddness.ch/logo.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#en_tete a
{
   color: #FEE501;
}

/* Menu horizontal */

#menu_hori
{

   background-color: #ffffff;
   background-repeat: repeat-x;
   border: 2px solid black;
   text-align: center;
   margin-bottom: 20px;
background-position: right;
}

.element_menu_hori a
{
   color: #242424;
}

.element_menu_hori a:hover
{
   background-color: #FBB001;
   color: black;
}


/* Le menu */

#menu
{

   width: 212px;
  float: left;
background-color: #ffffff;
   background-repeat: repeat-x;
   border: 0px solid black;
   text-align: left;
   margin-left: 20px;
 
background-position: right;

}




/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #224A11;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}



.element_menu a
{
   color: #000000;;
}

.element_menu a:hover
{
  
   color: #224A11;
}


/* Le corps de la page */


#corps
{

   margin-bottom: 20px;
   padding: 10px;   
   color: #000000;
   background-color: #ffffff; 
   background-repeat: repeat-x;   
   border: 0px solid black;
}


.element_corps table {
font-size: 12px;
}





.element_corps a
{
   color: #000;

}

.element_corps a:hover
{
   background-color: ;
   
}

#corps h1
{
   color: #00ACD7;
   text-align: left;
   font-family: Arial, "Arial Black";
}

#corps h3
{
   color: #000;
   text-align: left;
   font-family: Arial, "Arial Black";
  
 
}


#corps p1
{
    color: #808080;
    
    font-family: Arial, "Arial Black"; 
}

#corps hr
{
   display:;

}



#corps p
{
    color: #000000;

    font-family: Arial, "Arial Black"; 
}


#corps h2
{
   height: 30px;

  
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #242424;
   text-align: center;
}

/* Les news */

#news
{
   
 
   margin-bottom: 20px;
   padding: 5px;
   padding-left: 10px;
   color: #242424;
   background-color: #ffffff;
 
   background-repeat: repeat-x;
   
   border: 2px solid black;
}


#menu_pied
{

display: none;
text-align: center;
color: #000;
font-size: 12px;
  padding-left: 20px;
  padding-bottom: 10px;
 
}

.element_menu_pied a
{
   color: #000;;
}

.element_menu_pied a:hover
{
   color: #224A11;
}




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

#pied_de_page
{


text-align: center;
color: #fffff;
margin-bottom: 10px;
text-size: 2px;


}

 


.element_pied_de_page a
{
   color: #000;;
}

.element_pied_de_page a:hover
{
   color: #224A11;
}


#style
{


text-align: left;
color: #fffff;
margin-bottom: 10px;
font-size: 10px;
 
}

.style p
{
 color: #ffffff;  
}

.style a
{
   color: #ffffff;
}

.style a:hover
{
   color: #ffffff;
}
























/* MENU CSS*/


.breadcrumb{position:relative; height:30px; width:820px;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; }
.breadcrumb ul li a:hover {text-decoration:underline; color:rbg(255,255,255);}
.breadcrumb ul li a.active{background:none; color:rgb(255,255,255);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 100% -90px no-repeat; }

input {

   padding: 4px; 
 }

select, option {
  padding: 2px; 
 }
textarea {
 padding: 4px; 
 }
input[type=submit], input[type=reset] {
width:100px;
 cursor:pointer;
}

.description{
  font-style: italic; 
font-family:  arial, sans-serif;
font-size: 18px;
color: #727272;

}