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

body {
font-family: Verdana, Helvetica, Arial, Sans-Serif;
font-size: 0.9em;
background: url('/images/noir.jpg') no-repeat top center;
background-color: #b482b4;
text-align: center;
color: #333;
}

img {
border: 0;
}

p {
background-color: transparent;
}

h2 {
font-size: 1.2em;
color: #606;
}

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

.details {
padding-left: 5px;
padding-bottom: 5px;
}

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

#header {
width: 900px;
text-align: left;
background-image: url('/images/titre.jpg');
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: #f90;
text-decoration: none;
}

h1 {
color: #f90;
margin: 0;
float: left;
padding-left: 30px;
padding-top: 30px;
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;
}

li.navigation {
float: right;
margin-top: 3px; 
margin-left: 0.5em;
padding-right: 0.5em;
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:250px;
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/close.png') center no-repeat;
}

#popup-summary-next{
width: 16px;
height: 16px;
right: 4px;
position:absolute;
display:block;
cursor: pointer;
background: url('/icones/css/next.png') center 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;
}


#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;
}

h3.menu {
font-size: 1em;
color: #606;
background: url('/icones/css/menu-top.png') left top no-repeat;
padding: 0.3em 0 0 1em;
margin: 0;
background-color: #fff;
}

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

#reco {
margin: 1em 0 1em 0;
}

#reco p {
color: #333;
margin-left: 1em;
}

#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;
}


/* Connection */

dl.menu-round {
background: url('/icones/css/menu-bottom.png') bottom left no-repeat;
padding-bottom: 20px;
margin-bottom: 10px;
}

dt.menu-round {
height: 20px;
padding: 10px 10px 0 20px;
background: url('/icones/css/menu-top.png') top left no-repeat;
text-align: left;
font-weight: bold; 
color: #606;
}

dd.menu-round {
padding: 0 10px 0 10px;
background: url('/icones/css/menu-middle.png') top left repeat-y;
}

p.menu-round {
font-size: 0.8em;
padding: 0.5em 0 0.2em 0;
margin: 0 0 0 1em;
}

#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;
}

/* Amazon */

#volumes a {
text-decoration:none ;
}

#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%;
}

.amazonlink {
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	font-size: 11px;
	font-weight: normal;
}

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

.delivery {
color: #ff3300;
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: 208px;
height: 140px;
padding: 3px;
margin: 3px;
border: solid 1px #c0c0c0;
background: url('/icones/bg-gray.gif') top left repeat-x;
font-size: 90%;
}

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

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: 3px;
font-size: 0.75em;
clear: both;
color: #fff;
}

#footer a {
color: #fff;
}

#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;
}

/* Round borders */

.top_left_c1 , .top_right_c1, .bottom_left_c1, .bottom_right_c1 {
 height: 19px; background-repeat: no-repeat; 
 position: absolute;
 }
.top_left_c1 {
  top: 0px;
  left: 0px;
  width: 100%;
  float: left; 
  background-image: url('/icones/back_c1_top_left.png'); 
  z-index: 1;
}

.top_right_c1 {
  top: 0px;
  right: 0px;
  width: 19px; 
  background-image: url('/icones/back_c1_top_right.png'); 
  float: right;
  z-index: 2;
}

.bottom_left_c1 {
  bottom: 0px;
  width: 100%;
  left: 0px;
  background-image: url('/icones/back_c1_bottom_left.png');
  z-index: 3;
}

.bottom_right_c1 {
  width: 19px;
  bottom: 0px;
  right: 0px;
  background-image: url('/icones/back_c1_bottom_right.png'); 
  z-index: 4;
}

/* Search form */

#searchfrm {
background-color: #f7f7f7;
padding: 15px 0 0 10px;
font-size: 0.9em;
margin-top: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 900px;
}

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

#searchfrm h2 {
background-image: url(/icones/arrow.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0 0 0 1em;
margin: 10px 0 20px 0;
}

input[type="checkbox"] {
margin-right: 1em;
margin-left: 1em;
}


input[type="radio"] {
margin-right: 1em;
margin-left: 0em;
}

h2.side-blue {
color:#364A5B;
}

h2.side-pink {
color:#850049;
}

h2.side-green {
color:#516D0A;
}

#searchfrm li {
	display: block;
	float: left;
	width: 275px;
	padding: 0px 0px 0px 10px;
}

li.side-blue {
background: url('/icones/blue_bg.gif') no-repeat;
}

li.side-pink {
background: url('/icones/pink_bg.gif') no-repeat;
margin-left: 20px;
}

li.side-green {
background: url('/icones/green_bg.gif') no-repeat;
}

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

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

#menu-gauche {
width: 120px;
float: left;
}

#menu {
width: 320px;
float: right;
padding-right: 10px;
}

.avisfiche {
color: #f30;
font-family: Arial;
font-size: 10pt;
}

div.fieldnotset
{ 
width: 450px;
border: 1px solid #ffc200; 
margin-top: 2em;
margin-bottom: 2em;
padding-left: 10px;
padding-right: 8px;
padding-bottom: 0.5em;
}

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: #999;
}

.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;
}



/* Submit button */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('/icones/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 30px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('/icones/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 30px 4px 10px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
}

/* the overlayed element */ 

div.overlay { 
     
    /* growing background image */ 
    background-image:url(/icones/overlay/petrol.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:500px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/icones/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(/icones/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(/icones/overlay/petrol.png) no-repeat !important;
    color:#fff;     
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;        
}

/* Autocomplete */

#q {
width: 500px;
}

#search {
padding: 20px 0 20px 0;
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: #fff;
} 

div.autocomplete {
      position:absolute;
      width:300px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      z-index: 10;
      text-align: left;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:20px;
      cursor:pointer;
    }
    
    .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/alt_star.gif') left -1000px repeat-x;
float: left;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}

.star-rating a:hover,
.star-rating a:focus{
background-position: left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

#rating_wait {
opacity:0.5;
float: left;
margin: 17px 0 0 25px;
}