@media screen{

body{
padding:0px;
margin:0px;
text-align:center;
}

.tags{
margin-left: auto;
margin-right: auto;
width: 725px; 
font-size:0.7em;
color:#FFF;
text-align:center;
font-family:arial,helvetica,sans-serif;
}

/*TEST MENU DÉROULANT*/

dl, dt, dd, ul, li, img {
margin: 0;
padding: 0;
list-style-type: none;
text-decoration:none;
}

#menu {
position: absolute;
top:6%;
left:50%;
z-index:100;
width:1000px;
height:50px;
margin-top:-25px;
}

.correctionen
{
margin-left:-490px;
}

.correctionfr
{
margin-left:-450px;
}

.correctionjpn
{
margin-left:-450px;
}


#menu dl {
float: left;
width:110px;
height:30px;
background-color:none;
margin:0px;
color:#FFF;
}

#menu dl.petit {
float: left;
width:90px;
height:30px;
background-color:none;
margin:0px;
color:#FFF;
}


#menu dl.pluslong {
float: left;
width:133px;
height:30px;
background-color:none;
margin:0px;
color:#FFF;
}


#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background-color:#000;
border: 1px solid #fff;
color:#fff;
height:23px;
}


#menu dd {
border-top:0px none;
border-right: 2px solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 2px solid #FFF;
}
#menu dd.long {
border-top:0px none;
border-right: 2px solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 2px solid #FFF;
width:130px;
}

#menu li {
text-align:left;
background-color:#000;
border-bottom:1px solid #fff;
}

#menu li a img {
text-decoration:none;
}


#menu dt a{
font-size:0.7em;
color: #FFF;
text-decoration: none;
display: block;
height:19px;
border: 0px none;
background-color:none;
padding:4px 2px 2px 2px;

}

#menu li a {
color:#fff;
font-size:0.7em;
text-decoration: none;
display: block;
height:17px;
border: 0px none;
background-color:none;
padding:4px 2px 2px 2px;
}


#menu li a:hover, #menu dt a:hover {
display:block;
background: #C00;
height:17px;
padding:4px 2px 2px 2px;
}


#menu li a.river:hover, #menu dt a.river:hover, 
#menu dt a.river:active {
background: #f7960c;
height:17px;
}
#menu li a.remix {
background: #759be4;
height:17px;
font-size:11px;
}

#menu li a.remix:hover, #menu dt a.remix:hover, 
#menu dt a.remix:active {
background: #759be4;
height:17px;
font-size:11px;
}

#menu li a.prao:hover, #menu dt a.prao:hover, 
#menu dt a.prao:active {
background: #922e3a;
height:17px;
}

#menu li a.galerie:hover, #menu dt a.galerie:hover,
#menu dt a.galerie:active {
background: #a7c001;
height:17px;
}

#menu li a.boutique:hover, #menu dt a.boutique:hover,
#menu dt a.boutique:active{
background: #005f9f;
height:23px;
padding:4px 2px 2px 2px;
} 

html>body #menu li a.boutique:hover, #menu dt a.boutique:hover,
#menu dt a.boutique:active{
height:17px;
}


#menu li a.accueil:hover, #menu dt a.accueil:hover,
#menu dt a.accueil:active {
background: #468fdb;
height:17px;
}

#menu li a.camellia:hover, #menu dt a.camellia:hover,
#menu dt a.camellia:active {
background: #d54600;
height:17px;
}

#menu li a.bio:hover, #menu dt a.bio:hover,
#menu dt a.bio:active {
background: #c20000;
height:17px;
}

#menu li a.audio:hover, #menu dt a.audio:hover,
#menu dt a.audio:active{
background: #4c3252;
height:17px;
}

#menu li a.info:hover, #menu dt a.info:hover,
#menu dt a.info:active {
background: #f09a00;
height:17px;
}

#menu li a.contact:hover, #menu dt a.contact:hover,
#menu dt a.contact:active {
background: #0F3D75;
height:17px;
}



#menu li a {
text-decoration:none;
font-size:.8em;
color:#fff;
font-family:arial,helvetica,sans-serif;
padding:4px 2px 2px 2px;
}

#site {
position: absolute;
z-index: 1;
top : 0px;
left :0px;
}

table.langue{
margin-top:20px;
}

a.langue{
text-decoration:none;
color:#fff;
font-weight:bolder;
font-size:.75em;
font-family:arial,helvetica,sans-serif;
margin-top:18px;
}










/*SECTION ACCUEIL*/

table.accueil{
width:1000px;
height:950px;
}
table.intro{
width:700px;
margin-top:270px;
text-align:justify;
font:1em arial, helvetica, sans-serif;
color:#FFF;
}
.scrollintrojpn{
height:370px;
width:330px;
overflow:scroll;
overflow-x:hidden;
scrollbar-base-color:#005f9f;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#005f9f;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#005f9f;
padding-right:10px;
}

table.intro a{
font:1em arial, helvetica, sans-serif;
font-weight:bolder;
color:#FFF;
text-decoration:none;
}
table.footer{
width:100%;
height:70px;
background-color:#000;
}

/*SECTION BOUTIQUE*/

table.bout{
width:1000px;
height:850px;
}
.scroll{
height:535px;
width:960px;
overflow:scroll;
overflow-x:hidden;
scrollbar-base-color:#005f9f;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#005f9f;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#005f9f;
padding-right:20px;
}
.scrollriver{
height:535px;
width:960px;
overflow:scroll;
overflow-x:hidden;
scrollbar-base-color:#f7960c;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#f7960c;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#f7960c;
padding-right:20px;
}

table.critique{
float:left;
margin-top:180px;
margin-left:10px;
width:600px;
text-align:justify;
color:#000;
font-size:1em;
font-family:arial, helvetica, sans-serif;
}

table.boutique{
float:left;
margin-top:180px;
margin-left:15px;
padding:10px;
width:275px;
text-align:justify;
color:#000; 
font-size:0.8em; 
font-family:arial, helvetica, sans-serif;
}
table.boutiqueinfo a{
color:#000;
font:.7em arial, helvetica, sans-serif ;
font-weight:bolder;
text-decoration:none;
}

table.boutique a{
color:#000;
font:.9em arial, helvetica, sans-serif ;
font-weight:bold;
text-decoration:none;
text-align:left;
}
table.boutiquedroit a{
color:#000;
font:.8em arial, helvetica, sans-serif ;
text-decoration:none;
}

table.boutiquedroit{
float:right;
margin-top:180px;
margin-right:0px;
width:650px;
text-align:left;
color:#000; 
font-size:0.8em; 
font-family:arial, helvetica, sans-serif;
}
td.chanson{
text-align:left;
color:#000; 
font-size:0.85em;
font-weight:bolder;
font-family:arial, helvetica, sans-serif;
}

td.pochette{
text-align:left;
color:#000; 
font-size:0.8em;
font-weight:bolder;
font-family:arial, helvetica, sans-serif;
}

h1{
text-align:left;
color:#000; 
font-size:1.3em; 
font-family:arial, helvetica, sans-serif;
}
table.footerboutique{
width:100%;
height:70px;
background-color:#005f9f;
}
table.footerboutique a{
font:.9em arial, helvetica, sans-serif;
font-weight:bolder;
color:#FFF;
text-decoration:none;
}
table.footerboutiqueriver{
width:100%;
height:70px;
background-color:#f7960c;
}


/*SECTION GALERIE PHOTOS*/
table.galerie{
width:1000px;
height:900px;
margin:0px;
}
table.anime{
width:900px;
height:550px;
margin-top:220px;
}
td.music{
font:1em arial, helvetica, sans-serif;
color:#fff;
text-align:center;
font-weight:bold;
}

table.footergalerie{
width:100%;
height:70px;
background-color:#96ac01;
}


/*SECTION CAMELLIA LOUNGE*/
table.lounge{
width:1000px;
height:900px;
}
table.camellia{
width:700px;
margin-top:220px;
margin-left:155px;
text-align:justify;
font:1em arial, helvetica, sans-serif;
color:#FFF;
}
table.camellia a{
font:1em arial, helvetica, sans-serif;
color:#FFF;
text-decoration:underline;
}
table.camellia h1{
text-align:left;
color:#FFF; 
font-size:1.2em; 
font-family:arial, helvetica, sans-serif;
}
table.camellia ul li{
list-style:square;
}
table.camellia form{
font:1em arial, helvetica, sans-serif;
}


table.footercamelia{
width:100%;
height:70px;
background-color:#d54600;
}

.scrollCamellia{
height:535px;
width:800px;
overflow:scroll;
overflow-x:hidden;
scrollbar-base-color:#D54500;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#D54500;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#D54500;
padding-right:20px;
}

/*SECTION PRAO CLUB*/

table.footerprao{
width:100%;
height:70px;
background-color:#922e3a;
}

input.bouton{
height:22px;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background: url(../images/fond_bouton.gif) repeat-x;
font:.7em arial, helvetica, sans-serif;
color:#000;
font-weight:bold;
}


/*SECTION BIOGRAPHIE*/
table.bioo{
width:1000px;
height:865px;
}
table.biographie{
margin-left:200px;
margin-top:200px;
width:700px;
height:650px;
text-align:justify;
color:#000;
background:#c20000; 
font-size:0.75em;
font-family:arial, helvetica, sans-serif;
}
table.biography{
margin-left:200px;
margin-top:200px;
width:700px;
height:650px;
text-align:left;
color:#fff;
background:#c20000;
font-size:1em;
font-family:arial, helvetica, sans-serif;
}
.scrollbiojpn{
height:650px;
width:650px;
overflow:scroll;
overflow-x:hidden;
scrollbar-base-color:#000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#c20000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000;
padding-right:10px;
}


table.footerbio{
width:100%;
height:70px;
background-color:#c20000;
}


/*SECTION AUDIO VIDEO*/

table.audiovideo{
width:1000px;
height:850px;
}
table.gauche{
width:800px;
float:left;
margin-top:200px;
margin-left:75px;
color:#FFF;
font-size:1em;
font-weight:bolder;
font-family:arial, helvetica, sans-serif;
}


table.footeraudio{
width:100%;
height:70px;
background-color:#4c3150;
font:.75em arial, helvetica, sans-serif;
color:#FFF;
}

/*SECTION INFO*/
table.info{
width:1000px;
height:930px;
}
table.information{
width:700px;
margin-top:200px;
margin-left:200px;
text-align:justify;
font:1em #FFF arial, helvetica, sans-serif;
}
.scrollinfojpn{
height:675px;
width:700px;
overflow:scroll;
overflow-x:hidden;
scrollbar-base-color:#000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#f09a00;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000;
padding-right:10px;
}

table.information p{
font:1em arial, helvetica, sans-serif;
color:#FFF;
}
*html table.information p{
font:1em arial, helvetica, sans-serif;
color:#FFF;
}

table.information a{
font:1.1em arial, helvetica, sans-serif;
color:#FFF;
text-decoration:underline;
}

table.information h1{
text-align:left;
color:#FFF; 
font-size:1.2em; 
font-family:arial, helvetica, sans-serif;
}
*html table.information h1{
text-align:left;
color:#FFF; 
font-size:1.2em; 
font-family:arial, helvetica, sans-serif;
}

table.information ul li{
list-style:square inside;
font:1em arial, helvetica, sans-serif;
color:#FFF;
text-align:left;
}
*html table.information ul li{
list-style:square inside;
font:1em arial, helvetica, sans-serif;
color:#FFF;
}

table.footerinfo{
width:100%;
height:70px;
background-color:#f09a00;
font:.75em arial, helvetica, sans-serif;
color:#FFF;
}

}