﻿body
{


height: 100%;
   width: 860px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 30px;
   margin-bottom: 20px;    
   background-color: #000000;
background-image:url(http://www.killbabylonsound.com/picture_library/back.jpg);
	background-repeat:no-repeat;
	background-position:top;
  background-color:;
font-family: Arial;
font-size: 14px;

}

#bloc_font
{
 background-image:url(picture_library/back-font.jpg);
	background-repeat:no-repeat;
	background-position:top;  
   background-color:;
   width: 860px;
 
 
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}


h1
{    
 color: #E2E2E1;
   
}




/* L'en-tête */

#en_tete
{
  

 width: 860px;
 HEIGHT: 140PX;
 
	background-repeat:no-repeat;
	background-position:top left;


}






#en_tete a
{
   color: #FEE501;
}









/* Menu horizontal */

#menu_hori
{

   background-color: ;
   background-repeat: repeat-x;
   border: 0px 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
{
clear: both;

 overflow:visible;
MIN-HEIGHT: 700PX;
 max-height: 1900PX;

   width: 200px;
  float: right;
background-color: ;
background-image:url(picture_library/menuback.png);
	background-repeat:repeat;
	background-position:top;
   
   text-align: left;
   margin-left: 10px;
 padding-left: 10px;
padding-top: 10px;
background-position: right;




}

#menu hr
{    
 color: #E2E2E1;
   
}


.element_menu li
{    
margin-left: -25px;


list-style-image: url('picture_library/arrow.png');
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  



}



/* Quelques effets sur les menus */







.element_menu h3
{    
   color: #000;
   font-family: Arial, "Arial Black";
   text-align: left;
font-size: 18px;

}



.element_menu a
{
   color: #000000;;
font-weight: bold;
}

.element_menu a:hover
{
  
   color: #fff;
}


/* Le corps de la page */


#corps
{







  width: 660px;
   margin-bottom: 20px;
   padding: 10px;   
   color: ;
   background-color: ; 
   background-repeat: repeat-x;   
 

}


.element_corps table {
font-size: 14px;
}



.element_corps li
{
 margin-left: 100px;
 margin-bottom: 5px;
   
}

.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;
    text-align: lerf;
    font-family: Arial, "Arial Black";
    font-size: 8pt;
  
}

#corps hr
{
   display: none;

}



#corps p
{
    color: #000000;

    font-family: Arial, "Arial Black"; 
}


#corps h2
{


  
   color: #242424;
   text-align: left;
}


#corps blockquote
{
margin:-10px;
padding:10px;
width:600px;
}




/* Les news */

#news
{
 
 
     width: 650px;
   margin-bottom: 20px;
   padding: 10px;   
   color: ;
   background-color: ; 
   background-repeat: repeat-x;   
   




}
#news hr
{
   color: #E2E2E1;

}


#news p1
{
    color: #808080;
    text-align: lerf;
    font-family: Arial, "Arial Black";
    font-size: 8pt;
  
}





#menu_pied
{


text-align: center;
color: #000;
font-size: 12px;
  padding-left: 20px;
  padding-bottom: 10px;
clear:both;
 
}

.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;
margin-top: 10px;
 margin-left: 10px;
}

.style-element
{
 color: #fff; 

}

.style-element a
{
   color: #fff;

}

.style-element a:hover
{
   color: #fff;

}






input {

   padding: 4px; 
 }

select, option {
  padding: 2px; 
 }
textarea {
 padding: 4px; 
 }
input[type=submit], input[type=reset] {
width:100px;
 cursor:pointer;
}
















/* MENU CSS*/
.breadcrumb{position:relative; height:30px; width:860px;clear:both;margin-TOP:15px;}
.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:14px 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; }
