/* CSS Document */
html {
font-size: 100%;
}

body {
font-family: Helvetica, Arial, Sans-Serif;
font-size: 11pt;
background: url('/images/idolmaster.jpg') no-repeat top center;
background-color: #ffc600;
text-align: center;
color: #333;
}

img {
border: 0;
}

p {
background-color: transparent;
}

h2 {
font-size: 1.6em;
color: #c00;
font-weight: normal;
}

.summary {
margin-left: 5px;
font-family: Arial, Sans-Serif;
font-size: 0.8em;
}

.domaine {
text-align: center;
width: 100%;
height: 15px; 
}

#main {
width: 900px;
text-align: left;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
}

#header {
width: 900px;
text-align: left;
background-repeat: no-repeat;
background-position: 190px 0px;
background-color: #fff;
height: 120px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}

#title {
height: 90px;
}

.title_h1 {
color: #e14060;;
text-decoration: none;
position: relative;
font-size:55px;
line-height:55px;
padding:0;
margin:0;
letter-spacing:-3px;
text-align:center;
text-shadow: 0px 3px 5px #999999;
}

h1 {
margin: 0;
float: left;
padding-left: 20px;
padding-top: 20px;
font-weight: normal;
}

#navigation {
width: 680px;
height: 25px;
float: left;
margin-left: 20px;
background: #333;
opacity: 0.9;
}

ul.nav {
list-style: none;
margin: 0;
padding: 0 30px 0 0;
}

li.navigation {
float: right;
margin-left: 0.5em;
padding-right: 0.5em;
margin-top: 0.2em;
display: block;
position: relative;
}

#navigation a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-family: Arial;
}

#navigation a:hover {
text-decoration:underline;
}

#menu-droite {
width: 310px;
float: right;
}

#index-container {
width: 890px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: left;
background-color: #fff;
}

.summary-index {
display: none;
}

#popup-background {
display: none;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
opacity: 0.7;
z-index:1;
}

#popup-summary {
font-family: Arial, Sans-Serif;
display:none;
text-align: left;
position:fixed; 
/*height:250px;*/
width:400px;
background:#ffffff;
border:2px solid #cccccc;
z-index:2; 
padding:15px 15px 20px 5px;
font-size: 0.8em;
}

#popup-summary-close{
width: 16px;
height: 16px;
right:4px;
top:4px;
position:absolute;
display:block;
cursor: pointer;
background: url('/icones/css/kel-sprite.png') 0 -460px no-repeat;
}

#popup-summary-next{
width: 16px;
height: 16px;
right: 4px;
position:absolute;
display:block;
cursor: pointer;
background: url('/icones/css/kel-sprite.png') 0 -496px no-repeat;
text-decoration: none;
}

button.summary {
border: 0;
display:block;
background: none;
width: 85px;
}

a.result-left {
display: block;
height: 140px;
width: 99px;
}

.result-right {
float: right;
width: 100px;
height: 140px;
}

.result-bottom {
height: 40px;
padding: 3px 3px 3px 3px;
clear: both;
color: darkslategrey;
width: 100%;
font-size: 0.95em;
font-family: Arial, Sans-Serif;
text-align: left; 
}


#pub-index {
width: 468px;
height: 60px;
margin-right: 15px;
margin-top: 15px;
float: right;
}

#pub-liste {
height: 60px;
padding-left: 10px;
}

#pub-fiche {
height: 60px;
}

#pub-square {
height: 250px;
margin-bottom: 20px;
}

#container {
width: 880px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: left;
background-color: #fff;
}

#results {
width: 100%;
}

#midcorps {
width: 60%;
float: left;
}

dl, dt, dd {
padding: 0;
margin: 0;
}

dl.apropos {
padding-left: 1em;
}

dt.apropos {
margin-bottom: 0.5em;
margin-top: 0.5em;
padding-left: 15px;
background: url('/icones/icon_bullet.gif') center left no-repeat;
font-weight: bold;
}

.menu-text {
clear:both;
font-size: 0.8em;
margin-left: 1em;
}

#rating {
background-color: #f0f0f0;
border: 1px solid grey;
padding: 10px;
}

#reco ul {
list-style: none;
margin: 0 0 0 1em;
padding: 0;
width: 270px;
}

#reco li {
margin: 5px 0 0 0;
padding-left: 15px;
width: 275px;
background: transparent url('/icones/icon_bullet.gif') no-repeat left;
}

.sidebar {
padding: 5px;
background:#fcfcfc;
margin:0 0 5px 0;
border:1px solid lightgrey;
width: 290px;
}

.sidebar h3{
padding-left: 10px;
}

.sidebar p{
padding-left: 10px;
}

.header-login {
float: left; 
margin-left: 15px;
}

#login form {
padding-left: 1em;
text-align: center;
font-size: 0.8em;
}

#login p {
margin: 0;
padding: 0;
}

label.frm_login{
display:block;
float:left;
width:40%;
text-align:right;
margin:0 1em 1em 0;
padding:0.1em 0.1em 0.1em 0.5em
}

label.niceform, input.niceform {
display: block;
width: 110px;
float: left;
margin-bottom: 10px;
}

textarea.niceform {
font-family: Arial, Sans Serif;
font-size: 1em;
width: 250px;
white-space: nowrap; 
}

.bouton {
border: 0px;
padding: 2px 3px 2px 3px;
font-weight: bold;
background-color: #303030;
color: #fff;
font-size: 0.8em;
}

label.niceform {
text-align: right;
width: 75px;
padding-right: 15px;
}

br.niceform {
clear: both;
}

#people-collection ul {
list-style: square;
padding-left: 0.5em;
}

/* Amazon */

#volumes {
border: 1px solid lightgrey;
padding-left: 10px;
background-color: #fafafa;
}

#volumes ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

#volumes li {
float: left;
width: 120px;
height: 220px;
padding: 3px;
margin: 3px;
text-align: center;
font-size: 90%;
}

a.amazonlink {
font-family: Verdana, Arial, Helvetica, Sans Serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
}

a.amazonlink:hover {
text-decoration: underline;
} 

.ref {
font-size: 0.7em;
color: #696969;
}

.delivery {
color: darkgreen;
font-variant: small-caps;
}

.price {
color: red;
font-weight: bold;
font-size: 1.2em;
}

/* Search */

#result {
color: #fff;
width: 300px;
height: 109px;
padding: 15px;
}

#result strong {
font-size: 1.5em;
}

#result-liste {
list-style: none;
margin: 0;
padding: 10px;
width: 567px;
border: 1px solid #a53946;
}

#liste ul {
list-style: none;
}

ul.thumbnail {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

ul.thumbnail li {
float: left;
width: 205px;
height: 180px;
padding: 3px;
margin: 3px;
border: solid 1px #c0c0c0;
background: url('/icones/bg-gray.gif') bottom left repeat-x;
font-size: 90%;
}

div.thumb {
width: 100px;
float: left;
height: 145px;
}

a.thumb {
font-weight: bold;
}

#alphalist {
margin: 10px 2em 2em 10px;
padding-bottom: 1em;
}

#alphalist ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#alphalist li {
font-family: Verdana;
text-transform: uppercase;
float: left;
margin: 0 0.5em 0 0;
}

#liste ul {
margin: 0;
padding:0;
}

#liste li{
margin-bottom: 5px;
}

#footer {
margin-top: 5px;
font-size: 0.9em;
clear: both;
}

#footer a {
color: blue;
}

#footer img {
vertical-align: top;
margin-right: 2px;
}

div.content {
clear:both;
}

a.goext {
background: url('/icones/goext.gif') right no-repeat;
padding-right: 1.5em;
}

/* Profil */

h4.profil {
border-bottom: 1px solid #606;
}

.profil-support {
color: #000;
font-size: 0.9em;
font-family: Arial, Sans-Serif;
}


#corps {
width: 570px;
float: left;
}

#fiche {
width: 550px;
margin-left: 10px;
float: left;
}

#menu {
width: 300px;
float: right;
}

div.contribution
{ 
width: 520px;
padding: 0 1em;
border: 1px solid lightgrey;
background-color: #fafafa;
margin-bottom: 5px; 
}

textarea[disabled="disabled"] {
background-color: lightgrey;
}

textarea[readonly="readonly"] {
background-color: lightgrey;
}

div.public {
width: 330px;
height: 80px; 
position:absolute;
margin-top:-65px;
margin-left:95px;
color:white;
background:rgba(0,0,0,.9);
padding:15px;
border-radius:3px;
box-shadow:0 0 2px rgba(0,0,0,.5);
}

div.public::before{
content:'';
position:absolute;
top:-6px;
left:10px;
width:0;
height:0;
border-bottom:6px solid rgba(0,0,0,.9);
border-left:6px solid transparent;
border-right:6px solid transparent;
}

h3 {
line-height: 1px;
font-size: 1.4em;
font-weight: normal;
color: #c00;
}

p.contribution {
text-align: justify;
}

p.legend {
margin-top:-0.8em;
margin-left:10px;
float:left;
font-weight: bold;
color: #606;
font-variant: small-caps;
}

p.legend span
{
padding:0 10px;
background-color:#fff;
}

.light {
color: grey;
}

.clear {
clear:both;
margin:0px;
padding:0px;
display: block;
}

/* Images */

.wrap2, .wrap3 {
float : left;
}

.wrap1-left {
 float : left;
 margin-right: 15px;
 background: url('/icones/css/shadow.gif') right bottom no-repeat;
}

.wrap2 {
 background: url('/icones/css/corner-bl.gif') -12px 100% no-repeat;
}
.wrap3 {
padding: 0 9px 9px 0;
background:url('/icones/css/corner-tr.gif') 100% -12px no-repeat;
}

/* Autocomplete */

#q {
width: 300px;
}

#search {
padding: 5px 5px 5px 20px;
width: 880px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
text-align: left;
} 

.div_search {
margin-top: 10px;
}

.ajax_file {
font-size: 0.9em;
color: purple;
cursor:pointer;
display:inline;
}

/* styles for the star rater*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating  {
background: url('/icones/css/kel-sprite.png') left -1000px repeat-x;
float: right;
}

.star-rating{
position:relative;
width:150px;
height:30px;
overflow:hidden;
list-style:none;
padding:0;
background-position: 0 -631px;
margin: 0;
}

.star-rating li{
display: inline;
}

.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:30px;
line-height:30px;
outline:none;
overflow:hidden;
border: none;
}

.star-rating a:hover,
.star-rating a:focus{
background-position: 0 -581px;
}

.star-rating a.one-star{
width:15px;
z-index:11;
}
.star-rating a.two-stars{
width:30px;
z-index:10;
}
.star-rating a.three-stars{
width:45px;
z-index:9;
}
.star-rating a.four-stars{
width:60px;
z-index:8;
}
.star-rating a.five-stars{
width:75px;
z-index:7;
}

.star-rating a.six-stars{
width:90px;
z-index:6;
}
.star-rating a.seven-stars{
width:105px;
z-index:5;
}
.star-rating a.height-stars{
width:120px;
z-index:4;
}
.star-rating a.nine-stars{
width:135px;
z-index:3;
}
.star-rating a.teen-stars{
width:150px;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: 0 -531px;
}

#rating_wait {
opacity:0.5;
float: left;
margin: 3px;
}

.has_comment {
margin-top: 2px;
}

.rounded {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.small-rounded {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

span.rating-type, a.rating-type
{
padding-left: 20px;
background: url('/icones/css/kel-sprite.png') no-repeat top left;
}

span.rating-8, a.rating-8{ background-position: 0 0; width: 15px; height: 15px; } 
span.rating-4, a.rating-4{ background-position: 0 0; width: 15px; height: 15px; } 
span.rating-5, a.rating-5{ background-position: 0 -35px; width: 16px; height: 16px; } 
span.rating-7, a.rating-7{ background-position: 0 -71px; width: 15px; height: 14px; } 
span.rating-2, a.rating-2{ background-position: 0 -105px; width: 15px; height: 15px; } 
span.rating-3, a.rating-3{ background-position: 0 -140px; width: 16px; height: 16px; } 

.cancel {
display: inline-block;
background: url('/icones/css/kel-sprite.png') no-repeat 0 -296px;
width: 26px; 
height: 26px;
margin-bottom: 3px;
}

.button-action {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 9px;
	text-decoration:none;
}

.button-action:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	background-color:#f6f6f6;
}

.button-action:active {
	position:relative;
	top:1px;
}

select {
    padding:2px;
}

.button-thumb {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid grey;
	display:inline-block;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	padding:0px 12px;
  width: 50px;
	text-decoration:none;
}

.button-thumb:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}

.button-thumb:active {
	position:relative;
	top:1px;
}

.domaine {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding: 1px 10px 0px 10px;
  width: 40px;
}

/* shojo */
.domaine-24 {
  background-color: deeppink;
}

/* shonen */
.domaine-25 {
  background-color: royalblue;
}

/* seinen */
.domaine-26 {
  background-color: darkgreen;
}

/* josei */
.domaine-27 {
  background-color: darkred;
}

span.avis {
  display:inline-block;
  width: 70px;
  height: 16px;
  background: url('/icones/css/kel-sprite.png') top left; 
}

span.note-1 {
  background-position: -56px -377px;
}

span.note-2 {
  background-position: -56px -342px;
}

span.note-3 {
  background-position: -42px -377px;
}

span.note-4 {
  background-position: -42px -342px;
}

span.note-5 {
  background-position: -28px -377px;
}

span.note-6 {
  background-position: -28px -342px;
}

span.note-7 {
  background-position: -14px -377px;
}

span.note-8 {
  background-position: -14px -342px;
}

span.note-9 {
  background-position: 0px -377px;
}

span.note-10 {
  background-position: 0px -342px;
}

span.attention {
  display:inline-block;
  height: 26px;
  background: url('/icones/css/kel-sprite.png') no-repeat 0 -681px;
  color: red;
  padding-left: 35px;
  padding-top: 3px; 
}

#tabs-nohdr { 
    padding: 0px; 
    background: none; 
    border-width: 0px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 900px; 
}

.support {
display:inline-block;
height: 16px;
}

.support-dvd {
width: 50px;
background: url('/icones/css/dvd.png') center center no-repeat;
}

.support-bluray {
width: 50px;
background: url('/icones/css/blu-ray.png') center center no-repeat;
}

.support-combo {
width: 90px;
background: url('/icones/css/combo.png') center center no-repeat;
}

/* Cookie bar */

.cookie-message {
  position:fixed;
  top:0;left:0;right:0;
  padding:0 85px 0 20px;
  background:#ccc;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
}

.cookie-message p {
  color:#333;
  font: normal 11px/18px Arial;
  margin:0.6em 0;
}

a.cookie-close {
color: #fff;
background: #333;
margin-left: 10px;
padding: 3px;
font-weight: bold;
text-decoration: none;
}