@charset "utf-8";
/*---------------------- tags elements ---------------------------------*/

#headerdroite {
        position: absolute  ;
        top : 145px ;
        left : 20px ;
      	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 	font-weight:bold;
	 color:red;
}

#login{
        position: absolute  ;
        top : 20px ;
        right : 25px ;
	 color:red;
}

body{
     margin: 0px;
	 padding:0px;
	 text-align: center;
	 background-color: #000327;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
}
form{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}
p{
	margin: 0px;
	padding: 0px;
}
table,table td,table th{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

/*---------------------- content structure ---------------------------------*/
#main_margin{
	 margin:0px auto 0px auto;
     width: 1024px;
     text-align: left;
	 padding:20px 0px 20px 0px;
	 background-color:#FFFFFF;
}
#main{
     width: 984px;
	 margin:0px 0px 0px 20px;
}
.clear{
	height:0px;
	font-size:0px;
	clear:both;
}
/*---------------------- bt gene ---------------------------------*/

.bt_gene{
	height: 20px;
	color: #FFFFFF;
	padding: 0px 0px 0px 2px;
	background: url(../img/left_bt_gene.gif) no-repeat left 0px;
	float:left;
	font-size:12px;
	padding:0 0 0 3px;
	text-decoration:none;
}
.bt_gene span{
	background: url(../img/right_bt_gene.gif) right 0px;
	color:#FFFFFF;
	display:block;
	padding:2px 14px 4px 10px;
}
.bt_gene:hover{
	background-position: left -20px;
}
.bt_gene:hover span{
	background-position: right -20px;
}
/*---------------------- header ---------------------------------*/
#header{
	height:89px;
	border-bottom:1px solid #001e82;
	background-image:url(../img/header2.jpg);
}

#logo{
    margin:20px 0px 0px 20px;
    float:left;
    width: 306px;
}
#top_menu {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:40px 0 0 241px;
    padding:0;
}

#top_menu li{
	float:left;
	margin:0px;
	padding:0px 10px 0px 10px;
	
}
#top_menu A{
	text-decoration:none;
	color:#001e82;
	display:block;
	height:20px;
	line-height:20px;
	float: left;
}
#top_menu A:HOVER{
	text-decoration:underline;	
}
#bt_basket{	
	background:url(../img/basket_ico.gif) no-repeat right;
	padding:0px 25px 0px 0px;
}
#sep{
    /*
    border-right: 1px solid #001E82;
    */
    border-left:  1px solid #001E82;
}

/*---------------------- menu ---------------------------------*/
#menu{
	height:30px;
	margin:0px 0px 18px 0px;
	clear: left;
}
#menu A{
	display:block;
	height:30px;
	margin:0px 3px 0px 0px;
	float:left;
}
#menu A:HOVER,#menu A.on{
	background-position: 0px 30px;
}
#bt_accueil{
	width:70px;
	background-image:url(../img/bt_accueil.png);
}
#bt_nouveautes{
	width:98px;
	background-image: url(../img/bt_nouveautes.png);
}
#bt_livres{
	width:98px;
	background-image: url(../img/bt_livres2009.png);
}
#bt_livres2{
	width:98px;
	background-image: url(../img/bt_livres2010.png);
}
#bt_collection{
	width:156px;
	background-image: url(../img/bt_collection.png);
}
#bt_paraitre{
	width:90px;
	background-image: url(../img/bt_paraitre.png);
}
#bt_auteurs{
	width:98px;
	background-image: url(../img/bt_auteurs.png);
}
#bt_titres{
	width:86px;
	background-image: url(../img/bt_titres.png);
}


/*---------------------- baseline ---------------------------------*/
#base_line{
	height:38px;
	margin:0px 0px 24px 0px;
	clear: left;
}
#search_form{
	width:365px;
	float:left;
	margin:12px 0px 0px 0px;
}
#search_form div{
	width:230px;
	border-right:1px solid #001e82;
	float:left;
	margin-right:10px;
}
#search_form #search_text{
	height:17px;
	border:1px solid #001e82;
	width:218px;
}
#search_form #bt_search{
	float:left;
	display:block;
	height:20px;
	width:80px;
	background-image:url(../img/bt_search.png);
}

#search_form #bt_search:HOVER{
	background-position:0px 20px;
}

#zoom_zone{
	width:174px;
	float:left;
	margin:12px 0px 0px 0px;
}
#zoom_zone IMG{
	float:left;
}
#zoom_zone A{
	display:block;
	height:20px;
	width:20px;
	float:left;
	margin-left:10px;
}

#zoom_zone A:HOVER{
	background-position:0px 20px;
}
#bt_little{
	background-image:url(../img/bt_zoom_little.gif);
}
#bt_big{
	background-image:url(../img/bt_zoom_plus.gif);
}


/*---------------------- left ---------------------------------*/
#left{
	margin:0px 10px 0px 0px;
	width:220px;
	float:left;
}
#menu_left_block_on{
	background-image:url(../img/header_left.gif);
	background-repeat:no-repeat;
	height:23px;
	width:210px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 0px 10px;
	margin-bottom:3px;
	font-family: Arial, Helvetica, sans-serif;
}
#left_menu_page{
	color:#FFFFFF;
	padding-bottom: 10px;
}
	
#left_menu_page.paraitre a{
	color: #001E82;
}
#left ul{
	margin:0px;
	padding:5px 0px 0px 0px;
	list-style:none;
	font-size:14px;
	width:218px;
}
#left ul li{
	margin:0px;
	padding:0px 10px 0px 10px;
	display:block;
	width:198px;
	clear:left;
}
#left ul li div{
	width:10px;
	margin:0px 9px 5px 0px;
	float:left;
}
#left ul li a{
	display:block;
	text-decoration:none;
	float:left;
	width:178px;
	color: #001E82;
}
.bt_menu_left{
	display: block;
	background-image:url(../img/back_bt_left.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:23px;
	margin-bottom:3px;
	padding:7px 0 0 10px;
	width:209px;
	text-decoration: none;
}
.bt_menu_left:hover{
	text-decoration: underline;
}
.display_on{
	display: block;
}
.display_off{
	display: none;
}
/*---------------------- content ---------------------------------*/
#content{
	border-left:1px solid #001e82;
	float:left;
	width: 743px;
	padding-left:9px;
}
#ariane_zone{
	width:733px;
	height:30px;
	background-image:url(../img/ariane_back.gif);
	font-size:20px;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
}
#ariane_zone span{
	color: #001E82;
}
#pagination_zone{
	border-bottom:1px solid #001e82;
	font-size: 16px;
	padding: 5px 0px 2px 10px;
	color: #001e82;
}
#titre_pagination{
	width: 60px;
	float: left;
}
#liens_pagination{
	float: left;
	width:570px;
}
#pagination_zone span{
	text-align: center;
	display: block;
	float: left;
	height: 16px;
	border-right :1px solid #001E82;
	width: 30px;
	margin-bottom: 4px 0px 3px 0px;
}
#pagination_zone a{
	color: #001E82;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	height: 16px;
	width: 30px;
	border-right :1px solid #001E82;
	margin: 0px 0px 3px 0px;
}
#pagination_zone a:last-child{
	border-right : none;
}

h5{
	text-align: center;
	font-size: 12px;
	color: #001e82;
	padding: 5px 0px 3px 0px;
}
h6{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #001e82;
	padding: 0px 0px 5px 0px;
}
.book_block{
	width: 247px;
	HEIGHT: 270PX;  /* hcv ORG 250 */
	float: left;
	margin: 30px 0px 0px 0px;

}
.book_block .img_link{
	margin: 0px 0px 0px 64px;
}
.book_block img{
	border: 1px solid #001E82;
}
.book_block .bt_gene{
	margin: 0px 0px 0px 65px;
}
.book_block .bt_basket_book{
	width: 25px;
	height: 20px;
	display: block;
	margin: 0px 0px 0px 10px;
	float: left;
	background-image: url(../img/bt_basket_block.gif);
}
.book_block .bt_basket_book:hover{
	background-position: 0px 20px;
}
/*---------------------- spec home ---------------------------------*/

#left_block_pub{                   /* HCV New */

	margin-bottom: 20px;
}


#left_menu_home{
	background-image:url(../img/bottom_left_menu_home.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FF6600;
	color:#FFFFFF;
	padding-bottom:20px;
	margin-bottom: 20px;
}


#left_menu_home a{
	color:#FFFFFF !important;
}
#left_menu_home .line, #left_block_newsletter .line{
	border-bottom:1px solid #FFFFFF;
	width:200px;
	margin:0px 0px 10px 10px;
	font-size:0px;
	height:10px;
	clear:left;
}
#bt_guide{
	margin:10px 0px 0px 47px;
}
#header_newsletter{
	background-color: #001e82;
	background-image:url(../img/header_left.gif);
	background-repeat:no-repeat;
	height:23px;
	width:210px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 0px 10px;
	margin-bottom:3px;
	font-family: Arial, Helvetica, sans-serif;
}
#left_block_newsletter{
	background-image:url(../img/bottom_left_block_newsletter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#001e82;
	color:#FFFFFF;
	padding-bottom:20px;
	margin-bottom: 20px;     /*HCV new */
}
#left_block_newsletter a{
	color: #FFFFFF !important;
}
#left_block_newsletter label{
	display: block;
	font-size: 14px;
	padding-left: 10px;
	height: 15px;
}
#left_block_newsletter input{
	width: 198px;
	border: 1px solid #001450;
	height: 18px;
	margin: 10px 0px 0px 10px;
}
#bt_newsletter{
	margin:10px 0px 0px 70px;
}
#left_content_home{
    border-right:1px solid #001450;
    float:left;
    margin:25px 0 32px;
    padding:0 10px 0 10px;
    text-align:center;
    width:351px;
}
#left_content_home .bt_gene{
    margin:10px 0px 0px 130px;
}
#right_content_home .bt_gene{
margin:10px 0 0 30px;
}

#right_content_home{
    float:left;
    margin:25px 0 80px;
    padding:0 0 0 60px;
    width:145px;

}
#left_content_home img,#right_content_home img{
	border: 1px solid #001450;
}

#left_content_home .bt_img{
    margin:19px auto 0px 65px;
    float:left;
}
#left_content_home h4,#right_content_home h4{
    font-size:14px;
    color:#001E82;
    border:none;
    text-align:center;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:0px;
}
#right_content_home .bt_img{
    margin:19px auto 0px 0px;
    float:left;
}
#left_content_home .bt_img{
    margin:19px auto 0px 65px;
    float:left;
}


/*---------------spec collection---------------*/
#bt_home_collection{
	padding: 20px 0px 10px 10px;
}
#bt_home_collection a{
    width: 130px;
    height: 163px;
    display: block;
    float: left;
    margin: 0px 0px 0px 40px;
    background-repeat: no-repeat;
}

#bt_home_collection a:hover{
    background-position: 0px -163px;
}

#bt_home_collection #romans{
	background-image: url(../img/bt_home_collection_romans.jpg);
}
#bt_home_collection #temoignages{
	background-image: url(../img/bt_home_collection_temoignages.jpg);
}
#bt_home_collection #biographies{
	background-image: url(../img/bt_home_collection_biographies.jpg);
}
#bt_home_collection #aventures{
	background-image: url(../img/bt_home_collection_aventures.jpg);
}
#bt_home_collection #histoire{
	background-image: url(../img/bt_home_collection_histoire.jpg);
}
#bt_home_collection #essais{
	background-image: url(../img/bt_home_collection_essais.jpg);
}
#bt_home_collection #spiritualite{
	background-image: url(../img/bt_home_collection_spiritualite.jpg);
}
#bt_home_collection #jeunesse{
	background-image: url(../img/bt_home_collection_jeunesse.jpg);
}

/*--------------------------spec fiche------------------------*/
#marge_top_fiche{
	border-bottom: 1px solid #001E82;
	height: 30px;
}
#content_fiche{
	margin-top: -10px;
}
#img_fiche{
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	float: left;
	margin: 0px 14px 0px 7px
}
#img_fiche img{
	border: 1px solid #001E82;
}
#top_menu_fiche{
	background-color: #FFFFFF;
	float:left;
	padding-left:3px;
}
#top_menu_fiche .bt_gene{
	margin-right: 3px;
}
#content_fiche h1{
	font-size: 30px;
	float: left;
	color: #001E82;
	width: 560px;            /* HCV org 580 */
	padding: 15px 0px 0px 0px;
	font-weight: normal;
}
#content_fiche h2{
	width: 560px;            /* HCV org 580 */
	font-weight: normal;
	font-size: 20px;
	color: #FF6600;
	float: left;
}
#content_fiche h3{
	width: 560px;            /* HCV org 580 */
	font-weight: normal;
	font-size: 14px;
	color: #001E82;
	padding: 5px 0px 0px 0px;
	float: left;
}
#zone_fiche_price{
        width: 560px;            /* HCV org 580 */
	float: left;
	margin: 7px 0px 5px 0px;
}
#fiche_price{
	
	height: 20px;
	color:#001E82;
	padding: 0px 0px 0px 4px;
	background: url(../img/back_fiche_price_left.gif) no-repeat left 0px;
	float:left;
	font-size:12px;
	text-decoration:none;
}
#fiche_price span{
	background: url(../img/back_fiche_price_right.gif) right 0px;
	display:block;
	padding:3px 14px 3px 10px;
}
#text_fiche{
	clear: left;
	padding: 15px 100px 0 10px;
	text-align: justify;
	font-size: 14px;
}
/*-------------------spec titre -----------------------------*/
.filter_liste{
	margin:0px;
	padding:20px 0px 20px 0px;
	list-style:none;
	font-size:14px;
	width:700px;
}
.filter_liste li{
	margin:0px;
	padding:0px 20px 0px 10px;
	display:block;
	width:300px;
	float: left;
}
.filter_liste li div{
	width:10px;
	margin:0px 10px 5px 0px;
	float:left;
}
.filter_liste li a{
	display:block;
	text-decoration:none;
	float:left;
	color: #001E82;
	width:280px;
}
/*-------------------spec tout savoir -----------------------------*/
h4{
	color:#001E82;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #001E82;
	padding:5px 0px 5px 10px;
	margin:0px 0px 10px 0px;
	clear:left;
}
p.savoir_p{
	padding:0px 0px 10px 10px;
	width:630px;
	font-size:14px;
}
p.savoir_p span{
	color:#cc0000;
	font-size:16px;
}
.exemple_lit_text{
	font-size:11px;
	padding:0px 0px 3px 10px;
}
.exemple_big_text{
	font-size:16px;
	padding:0px 0px 5px 10px;
}
.bt_par{
	margin:0px 0px 0px 10px;
	height:30px;
}
/*---------------------- spec panier ---------------------------------*/
#block_top_panier{
	background-image: url(../img/back_top_block_content.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 3px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 14px;
}
#block_top_panier p{
	padding: 10px;
}
#bot_block_panier{
	font-size: 0px;
	height: 2px;
	background-image: url(../img/back_bot_block_content.gif);	
}
#basket{
	width: 100%;
	margin-top: 10px;
}
#basket th{
	color: #e60000;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	border-top: 1px solid #787878;
	border-bottom: 1px solid #787878;
}
#basket td{
	padding: 5px 0px 5px 0px;
	border-bottom:  1px solid #787878;
}
#basket .ref{
	width: 50%;
	border-right: 1px solid #787878;
}
#basket .qt{
	text-align: center;
	border-right: 1px solid #787878;

}
#basket .price{
	text-align: center;
	border-right: 1px solid #787878;

}
#basket .ttc{
	text-align: center;
}


#basket td.price,#basket td.ttc,#basket td.total_ttc{
	text-align: right;
	padding-right: 20px;
}

#basket .qt input{
	width: 50px;
	border: 1px solid #001E82;
	text-align: center;
	height: 15px;
}
#basket .colspan_3_right{
	border-right: 1px solid #787878;
	font-weight: bold;
	padding-right: 20px;
	text-align: right;
}
#basket .colspan_3_left{
	border-right: 1px solid #787878;
	font-weight: bold;
}

#basket .colspan_3_left select{
	margin-left: 20px;
}

#basket .total_ttc{
	font-weight: bold;
}
.comment{
	font-size: 10px;
	padding: 4px 0px 0px 0px;
}
.etp_title_basket{
	font-weight: bold;
	color: #E60000;
	font-size: 14px;
	padding: 20px 0px 5px 0px;
	clear: left;
}
.block_choice_basket_1{
	width: 33%;
	float:left;
}

.block_choice_basket_2{
	width: 33%;
	float:left;
	border-right: 1px solid #787878;
	border-left: 1px solid #787878;
}
.block_choice_basket_2 p{
	float: left;
	padding-left: 30px;
	padding: 10px 20px 0px 30px;
}
.block_choice_basket_3{
	width: 33%;
	float:left;
}
.block_choice_basket_3 p{
	float: right;
	width: 180px;
	padding: 10px 0px 0px 0px;
}
.block_choice_basket_3 .bt_gene{
	float: right;
}
.block_choice_basket_2 .bt_gene{
	margin-left: 30px;
}
.obl{
 color: #001E82;
 font-weight: normal;
}
.obl span{
	color: #E60000;
}
.ligne_form{
	clear: both;
	margin: 5px 0px 0px 0px;
	height: 20px;
}
.ligne_form label{
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
}
.ligne_form select{
	float: left;
border: 1px solid #001E82;
}
.ligne_form input{
	float: left;

}
.ligne_form input.text_input_basket{
	height: 16px;
	border: 1px solid #001E82;
	width: 400px;
}
label.radio_pai{
	width:400px;
	font-weight: normal;
}
.radio_input{
	margin-left: 10px;
	margin-right: 10px;
}
label.check{
	width: 350px;
	font-size: 13px;
}
label.check a{
	text-decoration: none;
	color: #E60000;
}
label.check a:hover{
	text-decoration: underline;
}


#basket_list{
	list-style:none;
	font-size:14px;
	width:600px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#basket_list li{
	margin:0px ;
	padding:0px 10px 0px 10px;
	display:block;
	clear:left;
	width: 580px;
}
#basket_list li div{
	width:10px;
	margin:0px 9px 5px 0px;
	float:left;
	color: #E60000;
}
#basket_list li span{
	display:block;
	text-decoration:none;
	float:left;
	width:500px;
}

.bt_basket{
	height: 20px;
	color: #FFFFFF;
	padding: 0px 0px 0px 2px;
	background: url(../img/left_bt_basket.gif) no-repeat left 0px;
	float:left;
	font-size:12px;
	padding:0 0 0 3px;
	text-decoration:none;
}
.bt_basket span{
	background: url(../img/right_bt_basket.gif) right 0px;
	color:#FFFFFF;
	display:block;
	padding:2px 14px 4px 10px;
}
.bt_basket:hover{
	background-position: left -20px;
}
.bt_basket:hover span{
	background-position: right -20px;
}


/*---------------------- footer ---------------------------------*/
#footer{
	text-align: right;
	padding: 30px 30px 0px 0px;
	clear: both;
	background: url(../img/logo_footer.gif) no-repeat right bottom;
	color: #001E82;
	font-size: 11px;
}
#footer a{
	text-decoration: none;
	color: #001E82;
}
#footer a:hover{
	text-decoration: underline;
}


/*home*/
.home_col_back{
	background-color:#FF6600;
}



/*paraitre*/
.paraitre_col_back{
	background-color:#9933ff;
}
#pagination_zone.paraitre_col a:hover,#pagination_zone.paraitre_col span{
	color:#9933ff;
}
#left div.paraitre{
	border-top: 1px solid #9933FF;
	border-left: 1px solid #9933FF;
	border-right: 1px solid #9933FF;
}
#left div.paraitre ul li div{
	color:#9933ff;
}
#left div.paraitre a:hover,#left div.paraitre a.on{
	color: #9933FF;
}
.bottom_left_menu_paraitre{
	background: url(../img/bottom_left_menu_paraitre.gif) no-repeat 0px 0px;
	height: 4px;
	margin-bottom: 3px;
}

/*livres*/


.livres_col_back{
	background-color:#ff0066;
}
#pagination_zone.livres_col a:hover,#pagination_zone.livres_col span{
	color:#ff0066;
}
#left div.livres{
	border-top: 1px solid #ff0066;
	border-left: 1px solid #ff0066;
	border-right: 1px solid #ff0066;
}
#left div.livres ul li div{
	color:#ff0066;
}
#left div.livres a:hover,#left div.livres a.on{
	color: #ff0066;
}
.bottom_left_menu_livres{
	background: url(../img/bottom_left_menu_livres.gif) no-repeat 0px 0px;
	height: 4px;
	margin-bottom: 3px;
}

/*nouveautes*/
.nouveautes_col_back{
	background-color:#009900;
}
#pagination_zone.nouveautes_col a:hover,#pagination_zone.nouveautes_col span{
	color:#009900;
}
#left div.nouveautes{
	border-top: 1px solid #009900;
	border-left: 1px solid #009900;
	border-right: 1px solid #009900;
}
#left div.nouveautes ul li div{
	color:#009900;
}
#left div.nouveautes a:hover,#left div.nouveautes a.on{
	color: #009900;
}
.bottom_left_menu_nouveautes{
	background: url(../img/bottom_left_menu_nouveautes.gif) no-repeat 0px 0px;
	height: 4px;
	margin-bottom: 3px;
}

/*collection*/

.collection_col_back{
	background-color:#f03200;
}
#pagination_zone.collection_col a:hover,#pagination_zone.collection_col span{
	color:#f03200;
}
#left div.collection{
	border-top: 1px solid #f03200;
	border-left: 1px solid #f03200;
	border-right: 1px solid #f03200;
}
#left div.collection ul li div{
	color:#f03200;
}
#left div.collection a:hover,#left div.collection a.on{
	color: #f03200;
}
.bottom_left_menu_collection{
	background: url(../img/bottom_left_menu_collection.gif) no-repeat 0px 0px;
	height: 4px;
	margin-bottom: 3px;
}

/*titres*/
.titres_col_back{
	background-color:#008caa;
}
#pagination_zone.titres_col a:hover,#pagination_zone.titres_col span{
	color:#008CAA;
}
ul.titres li div,ul.titres li a:hover{
	color:#008CAA;
}
/*auteurs*/

.auteurs_col_back{
	background-color:#0078ff;
}
#pagination_zone.auteurs_col a:hover,#pagination_zone.auteurs_col span{
	color:#0078ff;
}
ul.auteurs li div,ul.auteurs li a:hover{
	color:#0078ff;
}

/*panier*/

.panier_col_back{
	background-color:#e60000;
}
#pagination_zone.panier_col a:hover,#pagination_zone.panier_col span{
	color:#e60000;
}
#left div.panier{
	border-top: 1px solid #e60000;
	border-left: 1px solid #e60000;
	border-right: 1px solid #e60000;
}
#left div.panier ul li div{
	color:#e60000;
}
#left div.panier a:hover,#left div.panier a.on{
	color: #e60000;
}
.bottom_left_menu_panier{
	background: url(../img/bottom_left_menu_panier.gif) no-repeat 0px 0px;
	height: 4px;
	margin-bottom: 3px;
}