/***********************************************************************
* Pages.css
* - Content
* - Form
* - Leftsidebar
*	- Home
*		- Tooltip Basket
*	- Add Opinion Reader
*	- Step 2 Basket and Welcome gift
* - Rightsidebar
*	- Home
*		- Book
*		- Book Details
*		- Opinions Readers (partiel)
*   - Step 2 Payment informations
***********************************************************************/

/* - Content **********************************************************/

.content
{
	margin: 0 auto;
	overflow: hidden;
	_height: 100%;
}

.content .section
{
	float: left;
	_width: 463px;
	.position: relative;
	.z-index: 10000;
}

/* - Form *************************************************************/

.form
{
    padding: 20px 0;	
}

.form p
{
	margin: 4px 0;
	padding: 4px 0;
	overflow: hidden;
}
	
.form p.checkbox
{
	padding-left: 196px;	
}

.form p.focus
{
	background: transparent url('focus.png') no-repeat scroll top left;
}

.form p.textareafocus
{
	background: transparent url('focus-textarea.png') no-repeat scroll top left;
}

.form p.radio input
{
	position: relative;
	top: 3px;	
}

.form p.checkbox label, .form p.radio label
{
	color: #000;
	font-family: Arial;
	font-size: 12px;
}

.form p.radio span.choice
{
	padding-right: 30px;
}

.form p span.label, 
.form p.select label, 
.form p.text label, 
.form p.textarea label
{
    color: #000;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 0 10px;
    width: 102px;
}

.form p.focus span.label, 
.form p.focus label,
.form p.focus select, 
.form p.textareafocus label
{
    color: #fff;
}

.form p.select select
{
    border: solid 1px #9495a2;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
    position: relative;
    top: -1px;
    width: 196px;	
}

.form p.text input
{
    border: solid 1px #9495a2;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
    width: 192px;	
}

.form p.textarea textarea
{
    border: solid 1px #9495a2;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    height: 150px;
    .height: 148px;
    padding: 1px 1px 2px 1px;
    width: 278px;	
}

.form p.submit
{
	padding: 10px 0;
	text-align: center;	
}

.button-center { text-align:center; margin:10px 0; }

/* - Leftsidebar ******************************************************/

.page-default .content .leftsidebar
{
	width: 463px;
	z-index:11000;
}

	/* - Home *********************************************************/

	.content .leftsidebar .home .themes
	{
		width:446px;
		padding-bottom:5px;
		margin-bottom:10px;
		font-weight: bold;
		background:#2b2525 url('menu-categories-bottom.gif') 0 bottom no-repeat;
	}
	.content .leftsidebar .home .themes ul {padding:0 34px; _padding-right:0; margin:0; list-style-type:none;}
	.content .leftsidebar .home .themes ul li {float:left; width:auto; padding:0 0 5px 12px; margin:2px 5px 2px 0; color:#ff0036; text-align:left; text-decoration:underline; background:#2b2525 url('menu-categories-arrow.gif') 0 3px no-repeat; white-space:nowrap;}
	.content .leftsidebar .home .themes ul li a {color:#fff; display:block; padding:0 0 0 0;}
	.content .leftsidebar .home .themes ul li a:hover {color:#ff0036}

	.content .leftsidebar .home .search-area {width:414px; height:62px; padding:0 0 10px 32px; background:url('search-area-bg.png') 0 0 no-repeat} 
	.content .leftsidebar .home .search-area p {padding:3px 0 10px 0; font-weight:bold;}
	.content .leftsidebar .home .search-area select {float:left; width:215px; margin:3px 30px 0 0; border:1px solid #000; font-size:10px}
	
	.content .leftsidebar .home .bookshelf
	{
		clear:both;
	}	
	
	.content .leftsidebar .home ul
	{
		list-style-type: none;
		margin: 8px 0 0 0;
		overflow: hidden;
		padding: 0;
	}

	.content .leftsidebar .home ul li
	{
		float: left;
		margin: 0 0 13px 13px;
		_margin-left: 6px;
		_margin-right: 7px;
		text-align: center;
		width: 99px;
	}

	.content .leftsidebar .home ul li img
	{
		vertical-align: bottom;
	}

	.content .leftsidebar .home ul li span.illustration a img
	{
		border: solid 2px #000;
	}

	.content .leftsidebar .home ul li span.information
	{
		display: block;
		font-family: Arial;
		font-size: 12px;
		overflow: hidden;
		padding: 8px;
	}

	.content .leftsidebar .home ul li span.information span.price
	{
		color: #ff0036;
		float: left;
		font-weight: bold;
		width: 58px;
	}

	.content .leftsidebar .home ul li span.information span.price del
	{
		color: #000;
		display: block;
		font-weight: normal;
		line-height:25px;
	}

	.content .leftsidebar .home ul li span.information span.basket
	{
		float: right;
		padding: 1px 0;
	}

	.content .leftsidebar .home ul li span.information span.basket a img
	{
		border: none;
	}

	.content .leftsidebar .home ul li span.further
	{
		display: block;
	}

	.content .leftsidebar .home ul li span.further a img
	{
		border: none;
	}

	.content .leftsidebar .home .pager
	{
		clear: both;
		color: #000;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		margin: 0 18px;
		padding: 16px 0;
		text-align: right;
	}

	.content .leftsidebar .home .pager a
	{
		color: #000;
	}

	.content .leftsidebar .home .pager span.current
	{
		color: #ff0036;
		text-decoration: underline;
	}

	.content .leftsidebar .home .pager span.introduce
	{
		display: block;
		margin-bottom: 6px;
	}
	
		/* - Tooltip Basket ********************************************/

		.content .leftsidebar .home ul
		{
			overflow: visible;	
		}

		.content .leftsidebar .home ul li span.information
		{
			position: relative;
			overflow: visible;
			/*height: 30px;*/
		}

		.content .leftsidebar .home ul li span.information .basket a .tooltip
		{
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/tooltip-basket.png", sizingMethod="scale");
			display: none;
			left: 58px;
			position: absolute;
			z-index:9999999;
			top: -38px;
			z-index: 10000;
		}

		.content .leftsidebar .home ul li span.information .basket a .tooltip img
		{
			_visibility: hidden;
		}

		.content .leftsidebar .home ul li span.information .basket a:hover .tooltip
		{
			display: block;
		}

	/* - Add Opinion Reader *******************************************/

	.content .leftsidebar .add-opinion-reader h4
	{
		color: #000;
		font-family: Arial;
		font-size: 21px;
		font-weight: normal;
		padding: 24px 0;
	}

	.content .leftsidebar .add-opinion-reader h4 span
	{
		color: #ff0036;
	}

	.content .leftsidebar .add-opinion-reader p.intro
	{
		padding: 0 0 26px 0;	
	}
	
	#confirmation-add-opinion {padding-bottom:45px; text-align:center; background:url('pic-confirmation.png') center bottom no-repeat}
	
	/* - Mon panier *************************************************************/
	
	#myBasket {width:449px;}
	#myBasket h3 {}

	#myBasket table {width:449px; border-collapse:collapse; background:url('panier_middle_table2.png') repeat-y}
	#myBasket table tbody td.separe, #myBasket table tfoot td.separe
	{padding:6px 0; background:url('panier_separe_table.png') 0 center repeat-x}
	#myBasket table td.thumbnail {width:71px; text-align:right;}
	#myBasket table td.thumbnail img {border:1px solid #000}
	#myBasket table td.describe {width:165px;}
	#myBasket table td.describe p {padding:0 10px 0 50px;}
	#myBasket table td.describe p strong {display:block; color:#ff0036}
	#myBasket table td.price, #myBasket table td.free {color:#fff; font-size:14px; font-weight:bold; text-align:center;}
	#myBasket table td.free {font-size:14px; width:165px;}
	#myBasket table td.delete {text-align:center;}
	/*#myBasket table tfoot td {font-size:.1em; padding:0; border:0; background:url('panier_bottom_table2.png')}*/
	
	
	/* - Mon cadeau *************************************************************/
	
	#myGift {width:449px; padding-top:0px; clear:both;}
	#myGift h3 {padding-bottom:15px}
	
    #myGift table {width:449px; border-collapse:collapse; background:transparent url(panier_middle_table.png) repeat scroll 0%;}
    #myGift table thead td {height: 12px; font-size: 0.1em; background: transparent url(panier_top_table.png) no-repeat scroll 0%;}
    #myGift table tbody td.thumbnail {width: 71px; text-align: right;}
    #myGift table tbody td.describe {width: 165px;}
    #myGift table tbody td.describe p {padding:0 10px 0 12px; font-weight:bold}
    #myGift table tbody td.freeGift {width: 115px; color: #fff;  font-size: 14px; font-weight: bold; text-align: center;}
    #myGift table tbody td.priceValue {width: 115px; color:#ff0036; text-decoration:line-thought; font-weight:bold; font-size:15px; text-align:center;}
    #myGift table tbody td.separe  {height: 12px;	background:transparent url(panier_separe_table.png) repeat-x scroll 0pt center;}
    #myGift table tfoot td {height: 12px; font-size: 0.1em; background: transparent url(panier_bottom_table.png) no-repeat scroll 0%;}
	
	
	/* - Mon total de commande *************************************************************/

	#myTotal {width:449px; clear:both;}
	#myTotal table {width:449px; border-collapse:collapse; background:url('panier_middle_table2.png')}
	#myTotal table thead td, #myTotal table tfoot td {height:12px; font-size:.1em; background:url('total_commande_bg_top.png') no-repeat}
	#myTotal table tfoot td {background:url('panier_bottom_table2.png') no-repeat}
	#myTotal .shipping, #myTotal .orderTotal {width:212px; padding:0 0 0 0px; font-weight:bold;}
	#myTotal .shippingPrice, #myTotal .price {width:82px; color:#fff; font-size:14px; text-align:center;}
	#myTotal .save {width:73px; font-weight:bold; font-size:12px; padding:0 0 0 10px; text-align:center;}
	#myTotal .save span {display:block; padding-bottom:5px; font-size:18px; color:#ff0036}
	#myTotal .shipping {color:#ff0036}
	#myTotal .shipping, #myTotal .shippingPrice {padding-bottom:13px; border-bottom:1px solid #000; padding-top:10px;}
	#myTotal .orderTotal, #myTotal .price {padding-top:10px; font-size:18px;}
	
	
/* - Rightsidebar *****************************************************/

.content .rightsidebar
{
	margin-left: 10px;
	_margin-left: 4px;
	width: 452px;
}

.content .leftgroupssidebar
{
	margin-left: 10px;
	_margin-left: 4px;
	width: 452px;
}
	/* - Home *********************************************************/
	
	.content .rightsidebar .home .subsection
	{
		width: 444px;
		padding-bottom:12px;
		margin: 0 auto 38px auto;
		position:relative;
		background:url('subsection-bottom.gif') 0 bottom no-repeat;
	}
	
        .content .leftgroupssidebar .home .subsection
	{
		width: 444px;
		padding-bottom:12px;
		margin: 0 auto 38px auto;
		position:relative;
		background:url('subsection-bottom.gif') 0 bottom no-repeat;
	}
        
	.content .rightsidebar .home .subsection h4
	{
		background:#fff url('subsection-top.gif') 0 bottom no-repeat;
		margin: 0;
	}
        
        .content .leftgroupssidebar .home .subsection h4
	{
		background:#fff url('subsection-top.gif') 0 bottom no-repeat;
		margin: 0;
	}
        
	.content .rightsidebar .home .subsection h4 img {vertical-align: bottom;}
	
        .content .leftgroupssidebar .home .subsection h4 img {vertical-align: bottom;}
	
	/* IE 6 hacks img .png + height */
	.content .rightsidebar .home .subsection h4 span {_background: none; _display: block; _width: 444px;}
	.content .rightsidebar .home .subsection h4 span img {_visibility: hidden;}
	.content .rightsidebar .home .favorite-books h4 span {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/favorite-books.png", sizingMethod="scale"); _height: 48px;}
	.content .rightsidebar .home .france-loisirs-selection h4 span {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/france-loisirs-selection.png", sizingMethod="scale");	_height: 42px;}
	.content .rightsidebar .home .opinions-readers h4 span {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/opinions-readers.png", sizingMethod="scale");	_height: 48px;}

        /* IE 6 hacks img .png + height */
	.content .leftgroupssidebar .home .subsection h4 span {_background: none; _display: block; _width: 444px;}
	.content .leftgroupssidebar .home .subsection h4 span img {_visibility: hidden;}
	.content .leftgroupssidebar .home .favorite-books h4 span {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/favorite-books.png", sizingMethod="scale"); _height: 48px;}
	.content .leftgroupssidebar .home .france-loisirs-selection h4 span {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/france-loisirs-selection.png", sizingMethod="scale");	_height: 42px;}
	.content .leftgroupssidebar .home .opinions-readers h4 span {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/privilege/images/opinions-readers.png", sizingMethod="scale");	_height: 48px;}

	.content .rightsidebar .home .subsection ul {
		list-style-type: none;
		overflow: hidden;
		padding: 0 18px;
		margin: 0;
		height:100%;
		background:#2b2525;
	}
        
        .content .leftgroupssidebar .home .subsection ul {
		list-style-type: none;
		overflow: hidden;
		padding: 0 18px;
		margin: 0;
		height:100%;
		background:#2b2525;
	}
        
	.content .rightsidebar .home .subsection ul li
	{
		float: left;
		padding: 0 5px 25px 5px;
		width: 126px;
	}

        .content .leftgroupssidebar .home .subsection ul li
	{
		float: left;
		padding: 0 5px 25px 5px;
		width: 113px;
	}
        
	.content .rightsidebar .home .subsection ul li img
	{
		vertical-align: bottom;
	}
	
        .content .leftgroupssidebar .home .subsection ul li img
	{
		vertical-align: bottom;
	}
        
	.content .rightsidebar .home .subsection ul li a img
	{
		border: none;
	}
        
        .content .leftgroupssidebar .home .subsection ul li a img
	{
		border: none;
                display:inline;
	}
        
	.content .rightsidebar .home .subsection ul li span {display:block; text-align:center;}
	.content .rightsidebar .home .subsection ul li span.illustration a img
	{
		border: solid 2px #000;
		margin:0 auto;
	}

        .content .leftgroupssidebar .home .subsection ul li span {display:block; text-align:center;}
	.content .leftgroupssidebar .home .subsection ul li span.illustration a img
	{
		border: solid 2px #000;
		margin:0 auto;
	}
        
	.content .rightsidebar .home .subsection ul li span.information
	{
		display: block;
		font-family: Arial;
		font-size: 12px;
		padding-top: 4px
	}
        
        .content .leftgroupssidebar .home .subsection ul li span.information
	{
		display: block;
		font-family: Arial;
		font-size: 12px;
		padding-top: 4px
	}
        
	.content .rightsidebar .home .subsection ul li span.information a
	{
		color: #ff0036;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

        .content .leftgroupssidebar .home .subsection ul li span.information a
	{
		color: #ff0036;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
        
	.content .rightsidebar .home .subsection ul li span.information span
	{
		color: #fff;
		display: block;
		font-family: Arial;
	}

        .content .leftgroupssidebar .home .subsection ul li span.information span
	{
		color: #fff;
		display: block;
		font-family: Arial;
	}
        
	.content .rightsidebar .home .subsection ul li span.further, .content .rightsidebar .home .subsection ul li span.read
	{
		display: block;
	}
	.content .rightsidebar .home .subsection ul li span.further {
                position:absolute;
                bottom:10px;
                width:126px;
            }
	.content .rightsidebar .home .subsection ul li span.read
	{
		padding: 10px 0;
	}

        .content .leftgroupssidebar .home .subsection ul li span.further, .content .leftgroupssidebar .home .subsection ul li span.read
	{
		display: block;
	}
	.content .leftgroupssidebar .home .subsection ul li span.further {
                position:absolute;
                bottom:10px;
                width:100px;
            }
	.content .leftgroupssidebar .home .subsection ul li span.further2 {
                bottom:10px;
                text-align:center;
            }
	.content .leftgroupssidebar .home .subsection ul li span.read
	{
		padding: 10px 0;
	}
        
	/* - Book *********************************************************/

	.content .rightsidebar .book h1
	{
		color: #000;
		font-family: Arial;
		font-size: 24px;
		font-weight: normal;
	}

        .content .leftgroupssidebar .book h1
	{
		color: #000;
		font-family: Arial;
		font-size: 24px;
		font-weight: normal;
	}
        
	.content .rightsidebar .book h1 span
	{
		color: #ff0036;
	}

        .content .leftgroupssidebar .book h1 span
	{
		color: #ff0036;
	}
        
	.content .rightsidebar .book .introduction
	{
		margin: 0;
		overflow: hidden;
		padding: 20px 0 70px 0;
	}

        .content .rightsidebar .book .introduction
	{
		margin: 0;
		overflow: hidden;
		padding: 20px 0 70px 0;
	}
        
	.content .leftgroupssidebar .book .introduction .illustration
	{
		float: left;
		margin-right: 26px;
		margin-bottom: 10px;
	}

	.content .rightsidebar .book .introduction .illustration img
	{
		border: solid 2px #000;
	}

        .content .leftgroupssidebar .book .introduction .illustration img
	{
		border: solid 2px #000;
	}
        
	.content .rightsidebar .book .introduction .basket
	{
		padding: 50px 0 0 0;	
	}

        .content .leftgroupssidebar .book .introduction .basket
	{
		padding: 50px 0 0 0;	
	}
        
	.content .rightsidebar .book .introduction .price
	{
		color: #000;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
	}

        .content .leftgroupssidebar .book .introduction .price
	{
		color: #000;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
	}
        
	.content .rightsidebar .book .introduction .price span,
	.content .rightsidebar .book .introduction .price del
	{
		font-size: 14px;
	}

        .content .leftgroupssidebar .book .introduction .price span,
	.content .leftgroupssidebar .book .introduction .price del
	{
		font-size: 14px;
	}
        
	.content .rightsidebar .book .introduction .price strong
	{
		color: #ff0036;
		text-transform: uppercase;	
	}

        .content .leftgroupssidebar .book .introduction .price strong
	{
		color: #ff0036;
		text-transform: uppercase;	
	}
        
	.content .rightsidebar .book .introduction ul
	{
		list-style-type: none;
		margin: 0;
		padding: 30px 0;	
	}

        .content .leftgroupssidebar .book .introduction ul
	{
		list-style-type: none;
		margin: 0;
		padding: 30px 0;	
	}
        
	.content .rightsidebar .book .introduction .introduce
	{
		color: #000;
		font-family: Arial;
		font-size: 11px;
	}

        .content .leftgroupssidebar .book .introduction .introduce
	{
		color: #000;
		font-family: Arial;
		font-size: 11px;
	}
        
	.content .rightsidebar .book .introduction .introduce span
	{
		display: block;	
	}

        .content .leftgroupssidebar .book .introduction .introduce span
	{
		display: block;	
	}
        
	.content .rightsidebar .book .introduction .introduce span a
	{
		font-weight: bold;	
	}

        .content .leftgroupssidebar .book .introduction .introduce span a
	{
		font-weight: bold;	
	}
        
	.content .rightsidebar .book .subsection
	{
		width: 444px;
		margin:0;
		padding:0
	}

        .content .leftgroupssidebar .book .subsection
	{
		width: 444px;
		margin:0;
		padding:0
	}
        
	.content .rightsidebar .book .subsection div
	{
		width: 444px;
		padding-bottom:12px;
		margin: 0 auto 38px auto;
		position:relative;
		background:#2b2525 url('subsection-bottom.gif') 0 bottom no-repeat;
	}
	
        .content .leftgroupssidebar .book .subsection div
	{
		width: 444px;
		padding-bottom:12px;
		margin: 0 auto 38px auto;
		position:relative;
		background:#2b2525 url('subsection-bottom.gif') 0 bottom no-repeat;
	}
        
	.content .rightsidebar .book .opinions-readers {}
	.content .rightsidebar .book .opinions-readers div
	{
		width:446px;
		margin:0;
		padding:0 0 12px 0;
		background: url('section-bottom-white.gif') 0 bottom no-repeat;
	}
	
        .content .leftgroupssidebar .book .opinions-readers {}
	.content .leftgroupssidebar .book .opinions-readers div
	{
		width:446px;
		margin:0;
		padding:0 0 12px 0;
		background: url('section-bottom-white.gif') 0 bottom no-repeat;
	}
        
	.content .rightsidebar .book .opinions-readers div p
	{
		background:url('section.gif') repeat-y scroll top left;
		width: 446px;
		margin: 0;
		padding: 0 0 35px 0;
	}

        .content .leftgroupssidebar .book .opinions-readers div p
	{
		background:url('section.gif') repeat-y scroll top left;
		width: 446px;
		margin: 0;
		padding: 0 0 35px 0;
	}
        
	.content .rightsidebar .book .subsection h2
	{
		font-family: Arial; 
		font-size: 16px; 
		font-weight: bold; 
		height: 64px;
	}

        .content .leftgroupssidebar .book .subsection h2
	{
		font-family: Arial; 
		font-size: 16px; 
		font-weight: bold; 
		height: 64px;
	}
        
	.content .rightsidebar .book .subsection h2 span
	{
		color: #ff0036;	
	}

        .content .leftgroupssidebar .book .subsection h2 span
	{
		color: #ff0036;	
	}
        
	.content .rightsidebar .book .books h2
	{
		background: transparent url('books.gif') no-repeat scroll bottom left; 
		padding-left: 48px;
	}

        .content .leftgroupssidebar .book .books h2
	{
		background: transparent url('books.gif') no-repeat scroll bottom left; 
		padding-left: 48px;
	}
        
	.content .rightsidebar .book .opinions-readers h2
	{
		background: transparent url('opinions-readers.gif') no-repeat scroll bottom left;            	
		padding-left: 70px;
		width:376px;
	}

        .content .leftgroupssidebar .book .opinions-readers h2
	{
		background: transparent url('opinions-readers.gif') no-repeat scroll bottom left;            	
		padding-left: 70px;
		width:376px;
	}
        
	.content .rightsidebar .book .books ul
	{
		list-style-type: none;
		overflow: hidden;
		padding: 0 18px;
		margin: 0;
		background:#2b2525;
	}

        .content .leftgroupssidebar .book .books ul
	{
		list-style-type: none;
		overflow: hidden;
		padding: 0 18px;
		margin: 0;
		background:#2b2525;
	}
        
	.content .rightsidebar .book .books ul li
	{
		float: left;
		padding: 0 5px 20px 5px;
		margin:0;
		width: 126px;
	}

        .content .leftgroupssidebar .book .books ul li
	{
		float: left;
		padding: 0 5px 20px 5px;
		margin:0;
		width: 126px;
	}
        
	.content .rightsidebar .book .books ul li img
	{
		vertical-align: bottom;
	}

        .content .leftgroupssidebar .book .books ul li img
	{
		vertical-align: bottom;
	}
        
	.content .rightsidebar .book .books ul li span {display:block; text-align:center;}
	.content .rightsidebar .book .books ul li span.illustration a img
	{
		border: solid 2px #000;
	}

        .content .leftgroupssidebar .book .books ul li span {display:block; text-align:center;}
	.content .leftgroupssidebar .book .books ul li span.illustration a img
	{
		border: solid 2px #000;
	}
        
	.content .rightsidebar .book .books ul li span.information
	{
		display: block;
		font-family: Arial;
		font-size: 12px;
		padding-top: 4px;
	}

        .content .leftgroupssidebar .book .books ul li span.information
	{
		display: block;
		font-family: Arial;
		font-size: 12px;
		padding-top: 4px;
	}
        
	.content .rightsidebar .book .books ul li span.information a
	{
		color: #ff0036;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

        .content .leftgroupssidebar .book .books ul li span.information a
	{
		color: #ff0036;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
        
	.content .rightsidebar .book .books ul li span.information span
	{
		color: #fff;
		display: block;
		font-family: Arial;
	}

        .content .leftgroupssidebar .book .books ul li span.information span
	{
		color: #fff;
		display: block;
		font-family: Arial;
	}
        
	.content .rightsidebar .book .books ul li span.details
	{
		display: block;
		padding: 10px 0 0 0;
	}
	.content .rightsidebar .book .books ul li span.further {
                position:absolute;
                bottom:12px;
                width: 126px;
                margin:0
            }

        .content .leftgroupssidebar .book .books ul li span.details
	{
		display: block;
		padding: 10px 0 0 0;
	}
	.content .leftgroupssidebar .book .books ul li span.further {
                position:absolute;
                bottom:12px;
                width: 126px;
                margin:0
            }
        
	.content .rightsidebar .book .books ul li span.details a img
	{
		border: none;
	}

        .content .leftgroupssidebar .book .books ul li span.details a img
	{
		border: none;
	}
        
	.content .rightsidebar .book .opinions-readers ul
	{
		background:url('section.gif') repeat-y scroll top left;
		font-family: Arial;
		font-size: 12px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

        .content .leftgroupssidebar .book .opinions-readers ul
	{
		background:url('section.gif') repeat-y scroll top left;
		font-family: Arial;
		font-size: 12px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
        
	.content .rightsidebar .book .opinions-readers ul li.comment span.content
	{
		color: #000;
		display: block;
		padding: 16px 100px 22px 40px;
	}

        .content .leftgroupssidebar .book .opinions-readers ul li.comment span.content
	{
		color: #000;
		display: block;
		padding: 16px 100px 22px 40px;
	}
        
	.content .rightsidebar .book .opinions-readers ul li.comment span.someone
	{
		background:#000 url('dot.gif') no-repeat scroll 22px 9px;
		color: #ff0036;
		display: block;
		font-weight: bold;
		padding: 5px 100px 5px 40px;
	}

        .content .leftgroupssidebar .book .opinions-readers ul li.comment span.someone
	{
		background:#000 url('dot.gif') no-repeat scroll 22px 9px;
		color: #ff0036;
		display: block;
		font-weight: bold;
		padding: 5px 100px 5px 40px;
	}
        
	.content .rightsidebar .book .opinions-readers ul li.comment span.someone span
	{
		color: #000;
		display: block;
	}
	
        .content .leftgroupssidebar .book .opinions-readers ul li.comment span.someone span
	{
		color: #000;
		display: block;
	}
        
	.content .rightsidebar .book .opinions-readers ul.further
	{
		background:url('section.gif') repeat-y scroll top left;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		padding: 0 5px;
		width:436px;
	}

        .content .leftgroupssidebar .book .opinions-readers ul.further
	{
		background:url('section.gif') repeat-y scroll top left;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		padding: 0 5px;
		width:436px;
	}
        
	.content .rightsidebar .book .opinions-readers ul.further li
	{
		background:url('arrow-further.png') no-repeat scroll 0 2px;
		margin: 0 0 0 15px;
		padding: 0 0 10px 18px;
		width:390px;
	}

        .content .leftgroupssidebar .book .opinions-readers ul.further li
	{
		background:url('arrow-further.png') no-repeat scroll 0 2px;
		margin: 0 0 0 15px;
		padding: 0 0 10px 18px;
		width:390px;
	}
        
	.content .rightsidebar .book .opinions-readers ul.further li a
	{
		color: #000;
		text-decoration: underline;
	}

        .content .leftgroupssidebar .book .opinions-readers ul.further li a
	{
		color: #000;
		text-decoration: underline;
	}
        
	.content .rightsidebar .book .opinions-readers ul.further li a span
	{
		color: #ff0036;
		text-decoration: underline;
	}

        .content .leftgroupssidebar .book .opinions-readers ul.further li a span
	{
		color: #ff0036;
		text-decoration: underline;
	}
        
	/* - Book Details **************************************************/

	.content .rightsidebar .book-details h1
	{
		color: #000;
		font-family: Arial;
		font-size: 24px;
		font-weight: normal;
	}

        .content .leftgroupssidebar .book-details h1
	{
		color: #000;
		font-family: Arial;
		font-size: 24px;
		font-weight: normal;
	}
        
	.content .rightsidebar .book-details h1 span
	{
		color: #ff0036;
	}

        .content .leftgroupssidebar .book-details h1 span
	{
		color: #ff0036;
	}
        
	.content .rightsidebar .book-details .introduction
	{
		_height: 100%;
		margin: 0;
		overflow: hidden;
		padding: 20px 0;
	}

        .content .leftgroupssidebar .book-details .introduction
	{
		_height: 100%;
		margin: 0;
		overflow: hidden;
		padding: 20px 0;
	}
        
	.content .rightsidebar .book-details .introduction .illustration
	{
		float: left;
		margin-right: 26px;
	}

        .content .leftgroupssidebar .book-details .introduction .illustration
	{
		float: left;
		margin-right: 26px;
	}
        
	.content .rightsidebar .book-details .introduction .illustration img
	{
		border: solid 2px #000;
	}

        .content .leftgroupssidebar .book-details .introduction .illustration img
	{
		border: solid 2px #000;
	}
        
	.content .rightsidebar .book-details .introduction .basket
	{
		padding: 22px 0 0 0;	
	}

        .content .leftgroupssidebar .book-details .introduction .basket
	{
		padding: 22px 0 0 0;	
	}
        
	.content .rightsidebar .book-details .introduction .introduce
	{
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;	
	}

        .content .leftgroupssidebar .book-details .introduction .introduce
	{
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;	
	}
        
	.content .rightsidebar .book-details .introduction .price
	{
		color: #000;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		padding: 18px 0;	
	}

        .content .leftgroupssidebar .book-details .introduction .price
	{
		color: #000;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		padding: 18px 0;	
	}
        
	.content .rightsidebar .book-details .introduction .price span
	{
		display: block;
		font-size: 14px;
	}

        .content .leftgroupssidebar .book-details .introduction .price span
	{
		display: block;
		font-size: 14px;
	}
        
	.content .rightsidebar .book-details .introduction .price strong
	{
		color: #ff0036;
		text-transform: uppercase;	
	}

        .content .leftgroupssidebar .book-details .introduction .price strong
	{
		color: #ff0036;
		text-transform: uppercase;	
	}
        
	.content .rightsidebar .book-details .introduction ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;	
	}

        .content .leftgroupssidebar .book-details .introduction ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;	
	}
        
	.content .rightsidebar .book-details .introduction ul li.age
	{
		padding: 16px 0;	
	}

        .content .leftgroupssidebar .book-details .introduction ul li.age
	{
		padding: 16px 0;	
	}
        
	.content .rightsidebar .book-details .sumup h4, .rightsidebar .book-details .extract h4
	{
		color: #ff0036;
		font-family: Arial;
		font-size: 14px;
		margin: 0 0 4px 0;
	}

        .content .leftgroupssidebar .book-details .sumup h4, .rightsidebar .book-details .extract h4
	{
		color: #ff0036;
		font-family: Arial;
		font-size: 14px;
		margin: 0 0 4px 0;
	}
        
	.content .rightsidebar .book-details .sumup p, .rightsidebar .book-details .extract p
	{
		color: #000;
		font-family: Arial;
		font-size: 11px;
		padding: 0 0 12px 0;
		text-align: justify;
	}

        .content .leftgroupssidebar .book-details .sumup p, .rightsidebar .book-details .extract p
	{
		color: #000;
		font-family: Arial;
		font-size: 11px;
		padding: 0 0 12px 0;
		text-align: justify;
	}
        
	.content .rightsidebar .book-details ul.further
	{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		margin: 34px 0;
		padding: 0;
	}

        .content .leftgroupssidebar .book-details ul.further
	{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		margin: 34px 0;
		padding: 0;
	}
        
	.content .rightsidebar .book-details ul.further li
	{
		background: transparent url('arrow-further.png') no-repeat scroll 0 2px;
		margin: 0 0 22px 0;
		padding: 0 0 0 18px;	
	}

        .content .leftgroupssidebar .book-details ul.further li
	{
		background: transparent url('arrow-further.png') no-repeat scroll 0 2px;
		margin: 0 0 22px 0;
		padding: 0 0 0 18px;	
	}
        
	.content .rightsidebar .book-details ul.further li a
	{
		color: #000;	
	}

        .content .leftgroupssidebar .book-details ul.further li a
	{
		color: #000;	
	}
        
	.content .rightsidebar .book-details ul.further li a span
	{
		color: #ff0036;
		text-decoration: underline;
	}
	
        .content .leftgroupssidebar .book-details ul.further li a span
	{
		color: #ff0036;
		text-decoration: underline;
	}
        
	/* - Opinion Readers ************************************************/

	.book-opinions-readers
	{
		background: #2b2525 url('section-bottom.gif') no-repeat scroll bottom left;
		float:left;
		width:452px;
	}
	
	.book-opinions-readers div.opinions
	{
		background: url('section-top.gif') no-repeat scroll top left;
		padding-top: 11px;
		margin-bottom:22px;
	}
	
	.book-opinions-readers div p
	{
		height: 44px;
		line-height: 44px;
		margin: 0;
		padding: 0;
	}
        
        .book-opinions-readers div p.autorAvi
	{
		line-height: 0pt; 
                height: 0pt; 
                padding-bottom: 15px;
		color: red;
	}
        
        .autorAvi
	{
		line-height: 0pt; 
                height: 0pt; 
                padding-bottom: 15px;
		color: red;
	}

	.book-opinions-readers div p.erreur_msg {line-height:normal; margin:0 1px; padding:5px; background:#fff;}
	
        .content .rightsidebar .book-opinions-readers .opinions ul
	{
		background: #fff url('section1.gif') repeat-y scroll top left;
		font-family: Arial;
		font-size: 12px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
        
        .content .leftgroupssidebar .book-opinions-readers .opinions ul
	{
		background: #fff url('section1.gif') repeat-y scroll top left;
		font-family: Arial;
		font-size: 12px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul li.comment span.content
	{
		color: #000;
		display: block;
		padding: 16px 100px 22px 40px;
	}

        .content .leftgroupssidebar .book-opinions-readers .opinions ul li.comment span.content
	{
		color: #000;
		display: block;
		padding: 16px 100px 22px 40px;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul li.comment span.someone
	{
		background: #2b2525 url('dot.gif') no-repeat scroll 22px 9px;
		color: #ff0036;
		display: block;
		font-weight: bold;
		padding: 5px 100px 5px 40px;
	}

        .content .leftgroupssidebar .book-opinions-readers .opinions ul li.comment span.someone
	{
		background: #2b2525 url('dot.gif') no-repeat scroll 22px 9px;
		color: #ff0036;
		display: block;
		font-weight: bold;
		padding: 5px 100px 5px 40px;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul li.comment span.someone span
	{
		color: #fff;
		display: block;
	}
	
        .content .leftgroupssidebar .book-opinions-readers .opinions ul li.comment span.someone span
	{
		color: #fff;
		display: block;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul.further
	{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		padding: 10px 0 0 0;
		_padding-top: 42px;
	}

        .content .leftgroupssidebar .book-opinions-readers .opinions ul.further
	{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		list-style-type: none;
		padding: 10px 0 0 0;
		_padding-top: 42px;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul.further li
	{
		background: transparent url('arrow-further.png') no-repeat scroll 0 2px;
		margin: 0 0 0 20px;
		padding: 0 0 10px 18px;
	}

        .content .leftgroupssidebar .book-opinions-readers .opinions ul.further li
	{
		background: transparent url('arrow-further.png') no-repeat scroll 0 2px;
		margin: 0 0 0 20px;
		padding: 0 0 10px 18px;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul.further li a
	{
		color: #000;
		text-decoration: underline;
	}

        .content .leftgroupssidebar .book-opinions-readers .opinions ul.further li a
	{
		color: #000;
		text-decoration: underline;
	}
        
	.content .rightsidebar .book-opinions-readers .opinions ul.further li a span
	{
		color: #ff0036;
		text-decoration: underline;
	}
	
        .content .leftgroupssidebar .book-opinions-readers .opinions ul.further li a span
	{
		color: #ff0036;
		text-decoration: underline;
	}
        
	/* - Identification area *****************************************/
	#identification_area {}
	#identification_area {width:448px; display:table; padding-bottom:12px; background:url('paiement_bg_bottom.png') 0 bottom no-repeat;}
	
	#identification_area ul {width:416px; display:table; margin:0; padding:0 15px; list-style:none; border-left:1px solid #000; border-right:1px solid #000}
	#identification_area ul li {width:416px; clear:both; float:left; padding:2px 0;}
	
	#identification_area ul li a {color:#ff0036}
	
	#identification_area ul li label, #identification_area ul li span.label {width:170px; float:left; padding-top:3px; font-weight:bold;}
	#identification_area ul li.auto label, #identification_area ul li.auto span {width:auto;}
	
	#identification_area ul li span input {width:auto; border:0}
	#identification_area ul li span label {width:auto; padding:0 12px 0 3px; float:none; font-weight:normal;}
	#identification_area ul li.auto label {width:auto;}
	
	#identification_area ul li select, #identification_area ul li input {font-size:11px; border:1px solid #000}
	#identification_area ul li input {width:114px; padding:2px 2px 0 2px}
	#identification_area ul li select {width:120px;}

	#identification_area ul li.checkbox {padding:15px 0} 
	#identification_area ul li.checkbox.first {padding-top:0} 
	
	#identification_area ul li.checkbox input {width:auto; margin-right:10px; float:left; border:0}
	#identification_area ul li.checkbox label {width:380px; font-weight:normal;}
	#identification_area ul li.checkbox.first label {float:none;}
	
	#identification_area ul li.road-number input {width:35px; margin-right:3px}
	#identification_area ul li.road-number span input {width:auto; margin-right:0; padding:0}
	#identification_area ul li.address-complement label {width:60px; padding-right:5px; font-weight:normal; text-align:right}
	#identification_area ul li.address-complement input {width:60px; float:left}
	#identification_area ul li.email input, #identification_area ul li.adress input {width:180px}
	#identification_area ul li.no-label {width:286px; padding-left:130px;}
	#identification_area ul li.viral {margin-bottom:10px}
	#identification_area ul li.viral span label {width:60px; font-weight:bold}
	#identification_area ul li.favoriteReading {padding-bottom:10px}
	#identification_area ul li.favoriteReading select {width:250px}
	
	#identification_area ul li input.birth-day-month {width:20px; text-align:center}
	#identification_area ul li input.birth-year {width:40px; text-align:center}
	
	#identification_area ul li input.erreur {border:1px solid #ff0036}
	#identification_area ul li label.erreur, #identification_area ul li span.erreur {color:#ff0036}

	.identification-submit {margin:20px auto; display:block}
	#identification-comment {font-size:11px;}
	
	/* - Payment area ************************************************/
	.erreur_msg {color:#ff0036; margin: 0 0 10px 0; padding: 25px 0 0 0; font-weight:bold; text-align:center;}
	
	#payment_area {width:448px; display:table; padding-bottom:12px; background:url('paiement_bg_bottom.png') 0 bottom no-repeat;}
	#payment_area ul {width:416px; display:table; margin:0; padding:0 15px; list-style:none; border-left:1px solid #000; border-right:1px solid #000}
	#payment_area ul li {width:416px; clear:both; float:left; padding:2px 0;}
	#payment_area ul li.clear {padding:0; height:0;}
	#payment_area ul li a {color:#ff0036}
	
	#payment_area ul li.payment_type_choice.securise {background:url('paiement_securise_pic.gif') right 7px no-repeat}
	#payment_area ul li.payment_type_choice input {margin:0 3px 0 0}
	
	#payment_area ul li ul {clear:both; width:416px; margin:5px 0; padding:0; border:0;}
	#payment_area ul li ul li {width:396px;padding:2px 10px}
	#payment_area ul li ul li label {width:155px; float:left; padding-top:3px; font-weight:bold;}
	#payment_area ul li ul li select, #payment_area ul li ul li input {font-size:11px; border:1px solid #000}
	#payment_area ul li ul li input {width:114px; padding:2px 2px 0 2px}
	#payment_area ul li ul li select {width:120px;}
	#payment_area ul li ul li span {font-size:10px}
	#payment_area ul li ul li.crypto input {width:34px}
	#payment_area ul li ul li.date select {width:60px}
	
	#payment_area ul li p {padding:2px 10px;}
	#payment_area ul li p strong {display:block; color:#ff0036; text-align:center}
	
	.subscription-submit {margin:20px auto; display:block}
	#subscription-comment {font-size:11px;}
	
	
/* - Pages informatives ************************************************/
	

	.full-page {width:926px; margin:10px auto}
	.full-page p, .full-page ul {padding:5px 0}
	.full-page ul {list-style:none; padding-left:20px;}
	.full-page p strong.couleur {font-weight:normal; color:#ff0036}
	.full-page h3 {margin:50px 0 10px 0; font-size:18px; color:#ff0036;}
	.full-page h3.first {margin-top:0}
	.full-page .button-center { clear:both; } 
	
	/* hérite de .full-page*/
	.qui-sommes-nous p {text-align:center; font-size:14px}
	.qui-sommes-nous h3 {padding:25px 0 0 0; margin:0; font-size:0.1em;}
	.qui-sommes-nous h3 img {}
	.qui-sommes-nous ul {width:925px; margin:0; padding:0 0 12px 0; background:transparent url('qui-sommes-nous-bottom.png') 0 bottom no-repeat}
	.qui-sommes-nous ul li {width:878px; _width:879px; padding:6px 0 15px 45px; margin:0 10px 0 0; font-weight:bold; border-right:1px solid #000; border-left:1px solid #000; background:url('qui-sommes-nous-dot.png') 25px 9px no-repeat}
	
	/* hérite de .full-page*/
	.confirmation-adhesion {text-align:center; font-size:14px}
	.confirmation-adhesion a {color:#ff0036;}
	
	.book-list-intro {text-align:center; font-size:14px}
	.book-list {width:660px; margin:15px auto;}
	.book-list ul {width:200px; padding:0 10px; margin:0; float:left}
	.book-list ul li {width:200px;}
	.book-list ul li strong {display:block; width:24px; text-align:center; margin:0 0 5px 0; padding:25px 0 3px 0; color:#ff0036; background:url('bg-letter-list-book.png') 0 bottom no-repeat}
	.book-list ul li a {padding:0 0 1px 10px; display:block; text-decoration:none; background:url('dot-list-books.png') 3px 7px no-repeat}
	.book-list ul li a:hover {color:#ff0036}