/* 
*		CSS Document pour One Spirit
*		franckysolo.productions
*		le 12/11/2008
*/
 
/*structure id*/
#main{
width:1000px;
height:100%;
margin:10%;
margin-top:0%;
}

#banniere{
width:1000px;
height:233px;
background:url(../Images/ban_accueil.jpg) top no-repeat;
margin:0%;
float:left;

}
#banniere a{
color:transparent;
}

#page{
width:1000px;
height:322px;
background:url(../Images/page.jpg) top left no-repeat;
margin:0%;
float:left;
}

#footer{
width:1000px;
height:202px;
background:url(../Images/footer_accueil.jpg) top left no-repeat;
margin:0%;
float:left;
}

#liste{
height:320px;
width:350px;
float:left;
margin-left:20px;
margin-top:10px;
text-align:justify;
}

#player{
width:200px;
height:auto;
float:left;
margin-left:25px;
margin-top:40px;
}

/*Navigation*/
#nav{
width:220px;
height:322px;
margin:0%;
float:left;
padding:7px;
}
#music{
background:url(../Images/music.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;
}
#music:hover{
background:url(../Images/music_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;
}
#video{
background:url(../Images/video.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;
}
#video:hover{
background:url(../Images/video_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;
}
#video{
background:url(../Images/video.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#video:hover{
background:url(../Images/video_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#news{
background:url(../Images/news.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#news:hover{
background:url(../Images/news_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#gallery{
background:url(../Images/gallery.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#gallery:hover{
background:url(../Images/gallery_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}

#bio{
background:url(../Images/bio.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#bio:hover{
background:url(../Images/bio_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#guest{
background:url(../Images/guest.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#guest:hover{
background:url(../Images/guest_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#contact{
background:url(../Images/contact.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#contact:hover{
background:url(../Images/contact_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#links{
background:url(../Images/links.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}
#links:hover{
background:url(../Images/links_hover.png) left no-repeat;
width:210px;
height:39px;
display:block;
color:transparent;

}

/*Element de page*/
body{
background-color:#DECBA1;
margin:0%;
font-size:16px;
font-weight:bold;
font-family: Calibri arial;
color: #330000;
}
object{
margin:0px; 
clear:both;
}
embed{
margin:0px; 
clear:both;
}
img{border:0;}
hr{color:#663300;}
h1{text-align:center;font-size:18px;}
h3{margin:1%;}	
h2{
margin-top:0%;
margin-bottom:0%;
font-size:20px;
}
.titre{
}
a{
color:#663300;
text-decoration:none;
}
a:hover{
color: #B56301;
text-decoration:none;
}
a img{
color:transparent;
}

form{
color:#663300;
}

label{
font-size:12px;
}
legend{color:#663300;}
fieldset{
border:#663300 1px solid;
width:90%;
padding:5px;
}
textarea{
border:1px dashed #330000;
width:400px;
}
input,textarea{
background-color:transparent;
font-weight:bold;
}

input:focus,textarea:focus{background: url(../Images/ban.jpg) bottom center no-repeat;}

table{
margin-left:10px;
width:500px;
font-size:16px;
background-color: #ccc ;
}
td{
background-color:#FFFF99;
text-align:center;
}
th{
background:url(../Images/entete.gif) bottom right repeat;
}
ul{
list-style: decimal inside;
font-size:12px;
margin:0px;
}

ul#player {
list-style:none;
font-size:12px;
margin:0px;
}

li{
text-align:justify;
}

/*class*/
/*box align center*/
.box{
height:320px;
width:550px;
float:left;
padding-top:0%;
padding:2%;
margin-left:20px;
text-align:center;
}
.ad_box{
height:300px;
width:550px;
float:left;
padding-top:0%;
padding:2%;
margin-left:20px;
text-align:left;
}
.box_book{
height:300px;
width:500px;
float:left;
padding-top:0%;
padding:2%;
margin-left:20px;
}
/*box align left*/
.box_left{
height:320px;
width:550px;
float:left;
padding:2%;
margin-left:20px;
text-align:left;
}
.book{
width:490px;
height:190px;
/*border: #663300 dashed 1px;
*/text-align:justify;
padding:2px;
clear:both;
overflow: auto;
}
.news{
width:490px;
height:200px;
text-align:left;
clear:both;
margin-bottom:2px;
margin-top:2px;
clear:both;
overflow: auto;
}
.texte{
background:url(../Images/logo.png) top right no-repeat;
}
.on_right{
float:right;
}
.right{
text-align:right;
}
.marge{
margin-left:20px;
}
.small{font-size:14px;}
.rouge{color:#FF0000;}
.gris{color:#ccc;}
.size{font-size:12px;}
.entete{
background:url(../Images/entete.gif) left bottom repeat-x;
width:500px;
height:auto;
color:#330000;
text-align:left;
float:left;
margin-left:10px;
margin-bottom:Opx;
margin-top:Opx;
}
.entete1{
background:url(../Images/entete_rev.gif) left bottom repeat-x;
width:170px;
height:auto;
color:#330000;
text-align:left;
margin-right:50px;
float:right;
}
.entete2{
background:url(../Images/entete_rev.gif) left bottom repeat-x;
width:auto;
height:auto;
color: #330000;
text-align:left;
float:left;
}