/* CSS Document 
  product_info.css
*/
#ColCentre{
  width:750px;
}
#ProdInfo{
  float:left;
  width:734px;
}
#Presume{
  float:left;
  width:280px;
}
#NomProduit{
  margin-bottom:5px;
  width:100%;
  float:left;
}
#Presume div{
  margin-bottom:5px;
  width:100%;
  float:left;
}
.sub_title{
  font-weight: bold;
  color:#99121A;
  font-size: 10px;
}
h1{
  color:#99121A;
  margin:0;
}
#Pdescript{
  float:right;
  width:400px;
  margin:10px;
}
#Pauteur{
  font-weight:bold;
}
#Pauteur span{
  color:#938A67;
}
#Pprixediteur{
  font-weight:bold;
}
#Premise5{
  color:#938a67;
  display:none;
}
#Pprixpublic{
  display:none;
}
#Pboutonauteur{
  position: relative;
  height:25px;
  z-index:1000,
}
#Pboutonauteur p{
  background:#1880D7;
  color:#FFFFFF;
  padding:5px;
  display:block;
  font-weight:bold;
  width:250px;
  float:left;
  font-size:12px;
}
#ListAut li{
  background:#1880D7;
  color:#FFFFFF;
  padding:5px;
  display:block;
  font-weight:bold;
  text-decoration:none;
  width:250px;
  float:left;
  font-size:12px;
}
#ListAut li a{
  background:#1880D7;
  color:#FFFFFF;
  width:240px;
  display:block;
  font-weight:bold;
  text-decoration:none;

}
#ListAut{
  list-style-type:none;
  width:260px;
  margin:0;
  padding:0;
  position:absolute;
  top:25px; left:0;
  height:0;
  overflow:hidden;
  z-index:1000;
}
#ListAut li a:hover{
  color:#FFFF00;
}
#BlocPimages{
  float:left;
  width:280px;
  margin: 0 30px 0px 0;
/*  text-align:center;*/

}

.CrossProd{
  float:left;
  width:700px;
  text-align:left;
  margin:2px;
  padding:2px;
  border:1px solid #EDEDED;
  background:#FFFFFF;
}
.CrossProd a{
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  margin:2px 5px;
}
.ProdsLinks ul{
  list-style-type:none;
  margin:0;
  padding:0; 
}
fieldset.ProdsLinks{
  background:#FAFAFA;
  border: 0px solid #EDEDED;
  margin:10px;
  margin-top:20px;
}
.ProdsLinks legend{ 
  border:0px solid #FCC70F;
  padding:7px 15px;
  margin-top:-30px;
  border-bottom:0;
}
.ProdsLinks .OrigniP{
  font-size:9px;
  color:silver;
  text-decoration:line-through;
  display:none;
}
.ProdsLinks .EditP{
  font-size:12px;
  color:#99121A;
  font-weight:bold;
}
.ProdsLinks p a{
  text-decoration:none;
  font-size:10px;
  display:block;
  padding:2px;
}

/* ---------------------------------- */
ul#ProdImg{
  top:10px;
  left:0;
  text-align:left;
}

/* Large thumbnail: */
#ProdImg li.etalage_thumb{
	background: white url(images/loading.gif) center no-repeat;
	/*
	-webkit-box-shadow: 0 0 7px #aaa;
	-moz-box-shadow: 0 0 7px #aaa;
	box-shadow: 0 0 7px #aaa;
	*/
  margin-left:-12px;
  margin-right:30px;
	border:1px solid silver;
}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#ProdImg img.etalage_thumb_image{ }

/* Small thumbnails: */
#ProdImg li.etalage_small_thumbs li{
	margin: 20px; /* The space between and above the small thumbs */
  margin-bottom:-10px;
	cursor: pointer;
	border:1px solid silver;
}
/* The one on the left that makes them slide */
#ProdImg ul li.etalage_smallthumb_first{ }
/* The one on the right that makes them slide */
#ProdImg ul li.etalage_smallthumb_last{ }
/* The currently active one */
#ProdImg ul li.etalage_smallthumb_active{
/**/
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
/*	*/
	cursor: default;
}

/* Zoomed image area: */
#ProdImg li.etalage_zoom_area{
/*	background: url(images/loading.gif) center no-repeat; */
	margin:2px; /* The space between the large thumbnail and the zoomed area */
	z-index:800;
}
#ProdImg li.etalage_zoom_area img{
 /* border:1px dotted silver;*/
}
/* Magnifier area (thumbnail hovering): */
#ProdImg li.etalage_magnifier{
	background: white;
	
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
}

/* Optional hint that will apear at the top right of the large thumbnail: */
#ProdImg li.etalage_hint{ }

/* Optional icon that will apear at the left bottom of the large thumbnail: */
#ProdImg li.etalage_icon{
	background: url(images/zoom.png) no-repeat;
	margin: 0 0 -12px -6px;
	width: 32px;
	height: 32px;
	z-index:801;
}

#BoutonLiseuse{
  width:250px;
  height:40px;
  float:left;
  margin-top:25px;
  margin-left:15px;
}
#LiseuseGo{
  height:30px;
  width:200px;
  background: #FCC70F url(img/liseuse.gif) top left no-repeat;
  border:1px solid #ECB909;
  color:#473A17;
  display:block;
  padding-left:32px;
  text-decoration:none;
  font-weight:bold;
  line-height:30px;
}
#LiseuseGo:hover{
  background-position:bottom left;
  color:#99121A;
}
#LiseuseContent{
  width:770px;
  height:450px;
}
/* Icon that will apear at the left bottom of the large thumbnail (optional): */

/* Description area (optional) */
#ProdImg div.etalage_description{ background:#FFFFFF; font-size:9px; color:#1880D7;padding:2px;text-align:center;}

/* ------------------------------------ FUNCTIONALITY -------------------------------------- */
/* The following CSS serves to make Etalage function properly. Don't edit or edit carefully. */
/* ----------------------------------------------------------------------------------------- */

#ProdImg, .etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, ul .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom }
.etalage_magnifier{ cursor:pointer }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
ul .etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area div{ border:1px solid silver;padding:1px;background:#FFFFFF;bottom:200px;overflow:hidden; z-index:1999 }
ul .etalage_zoom_preview{position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
ul li div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }

#Commentaires{
}
#WriteReviewContent{
  text-align:left;
}
#resultWR,#resultWR div,#resultWR p,#resultWR ul {
 float:left;
}
#resultWR p {
  margin:2px;
}
#resultWR div{
 width:100%;
}
.NotesRev{
  color:#000000;
  font-size:14px;
}
.TitreRev{
  padding:5px;
}
.AuthRev{
  color:#000000;
  font-size:9px;
  font-weight:normal;
  font-variant:normal;
}
.note_wr{
  float:left;
  width:20px;
  height:16px;
  margin:0;
  text-align:center;
  padding:0;
  background:url(img/stars.png) top right no-repeat;
}
#BlocStars{
  float:left;
  padding:1px;
}
.icn_ok{
  width:16px;
  height:16px;
  background:url(img/bullets.png) top right no-repeat;
  display:block;
}
.icn_warn{
  width:16px;
  height:16px;
  background:url(img/bullets.png) top center no-repeat;
  display:block;
}
#wrrBandeau p{
  float:left;
}
#Button_Valid_WR{
  width:150px;
  height:30px;
  background:url(img/button_valid_wr.png) top left no-repeat;
  display:block;
  float:right;
}
#Button_Valid_WR:hover{
  background-position:bottom left;
}
.BlocVideo{
  float:left;
  width:100%;
  margin:2px;
}
a.VideoButton{
  background:url(img/video_a.png)top left no-repeat;
  height:32px;
  font-weight:bold;
  font-size:14px;
  color:#1880D7;
  padding-left:36px;
  display:block;
}
a.VideoButton:hover{
  background-position:bottom left;
}
.aParaitreWarn{
  position:absolute;
  top:0px;
  left:0px;
  width:167px;
  height:167px;
  background:url(img/aparaitre.png) no-repeat;
  z-index:500;
}
#Zone_ePub{
  display: inline-block;
  margin-top: 30px;
  text-align: center;
  width:100%;
}
#Zone_ePub p span{
  font-size:9px;
}
a.ePubLink{
  width:50px;
  height: 30px;
  background-image:url(img/ePubSprite30.jpg);
  margin: 5px;
  display: inline-block;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 5px 0px #cfcfcf;
  -webkit-box-shadow: 2px 2px 5px 0px #cfcfcf;
  -o-box-shadow: 2px 2px 5px 0px #cfcfcf;
  box-shadow: 2px 2px 5px 0px #cfcfcf;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);
}
.ePubLink:hover{
  -moz-box-shadow: 2px 2px 5px 0px #656565;
  -webkit-box-shadow: 2px 2px 5px 0px #656565;
  -o-box-shadow: 2px 2px 5px 0px #656565;
  box-shadow: 2px 2px 5px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);  
  }

.ProdButtons{
  float:right;
  margin:5px 15px; 
  text-align:center;
}
.prod_wait{
  margin-top: 5px;
}
#mail_waiting{
  width:200px;
  margin:5px;
}
.ButtonProdWait{
  margin:5px;
}
#InfoMailWP{
  font-size:9px;
}
.CloseButton{
  background:#DFDF00;
  color:#99121A;
}

p.products_waitContent {
  text-align: center; 
  color:#99121A;
  font-size: 16px;
  font-weight: bold;
}
div#Cloud_Access{
  margin: 10px;
  padding:5px;
  border:1px solid silver;
  border-radius: 5px;
}
h2{
  font-size:11px;
}