*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	
	}

a{
text-decoration:none;
color:#000000;
}



h1{
color:#5c8196;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}
h2{
color:#5c8196;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}
h3{
color:#5c8196;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:10px;
}

.logo{
padding-top:10px;
margin-left:30px;
width:218px;
height:96px;
float:left;
}
.banniere{
width:500px;
margin-left:24px;
float:left;
}
.logo_librairie_bd{
	margin-left:24px;
	float:left;
}

.logban{
float:left;
width:1080px;
}

.background{
margin:0;
	padding:0;

background-image:url(contenu/fiches_bd/backgrounds/lanfeust_odyssey.png);
background-position:center;

background-repeat:no-repeat;
}
.container{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;

}
.bordure_haut{
width:1086px;
height:36px;
background-image:url(elements/bord_haut.png);
background-repeat:no-repeat;
margin-right: auto;
	margin-left: auto;
}

.bordure{
min-height:730px;
width:1086px;
background-image:url(elements/bord.png);
background-repeat:repeat-y;
margin-right: auto;
	margin-left: auto;

}

.bord_bas{
width:1086px;
height:41px;
background-image:url(elements/bord_bas.png);
background-repeat:no-repeat;
margin-right: auto;
	margin-left: auto;
}

.body{

	width:1050px;
	height:100%;
	margin-right: auto;
	margin-left: auto;
	
}
.bloc{



}
.bloc{
width:1050px;
margin-left:30px;
	

}
.gamma{
width:1050px;
height:150px;
}

.beta{
width:990px;
margin-left:50px;
height:600px;
font-size:14px;

}
.header{

width:1050px;
height:175px;


}
.menu{

}
/**********************************************************************************menu*/



#nav {
				list-style: none ;
				margin-left:30px;
					/* Création du contexte de formatage */
				}

			#nav li {
			
				float: left ;
				
				
		
				
			
			
				}
				
				#nav li.home a {
			
				display: block ;
				background:url(elements/home.png)  no-repeat ;
				width: 63px ;
				height:33px;
				
				
				}
				
				
				
			#nav li.romans a {
				display: block ;
				background:url(elements/bouton_romans.png)  no-repeat ;
				width: 153px ;
				height:33px;
				
				
				}
				#nav li.bd a {
				width: 153px ;
				display: block ;
				background:url(elements/bouton_bd.png)  no-repeat ;
				
				
				height:33px;
				
				}
				
				#nav li.presse a {
				width: 153px ;
				display: block ;
				background:  url(elements/bouton_presse.png)  no-repeat ;
				
				
				height:33px;
				
				}
				#nav li.partenaires a {
				width: 153px ;
				display: block ;
				background:url(elements/bouton_partenaires.png)  no-repeat ;
				
				
				height:33px;
				
				}
				
				
				#nav li.home a:hover{
				background:url(elements/home_over.png)  no-repeat ;
			
				}
				
				
				
			#nav li.romans a:hover{
				background:  url(elements/bouton_romans_hover.png)  no-repeat ;
			
				}
				
				#nav li.bd a:hover{
				background:  url(elements/bouton_bd_hover.png)  no-repeat ;
				}
				#nav li.partenaires a:hover{
				background:  url(elements/bouton_partenaires_hover.png)  no-repeat ;
				}
				#nav li.presse a:hover{
				background:  url(elements/bouton_presse_hover.png)  no-repeat ;
				}
			 
			 
			









.langues{width:100px;
margin-left:170px;
	margin-top:3px;
	float:left;
	color: #5C8196;
	font-size: 9px;
	line-height: 20px;
	}
	.inscription{
	width:115px;
	float:left;
		margin-top:3px;
	}
	/**********************************************************************************fin menu*/
	/*************************************************************************************corps*/
	/*************************************************************************************tittres*/

		
		
.tittre_roman{
width:250px;
float:left;
margin-left:30px;

}
		
.tittre_bd{
margin-left:290px;
width:200px;
float:left;


}	
		
		
		
		/*************************************************************************************tittres*/
	
	
	
	
	
	
	
	
	
	table {
	font-size:12px;
	font-family: arial, "lucida console", sans-serif;
}

hr {
	border:1px solid #ccc;
}

ul li {
	list-style-type:none;

}

/*** loading */                                                                      /*** onglet1 */
span#loading {
	position:absolute;
	top:5px;
	right:5px;
	background-color:#d55;

	padding: 1px 8px
}
span.noload { display:none; }
span.load { display:block; }

/*** Onglets */
div#onglet {
float:left;

height:400px;}
div#onglet ul#menu_onglet {
	list-style-type: none;
	display:block;
	margin: 2px 0px;
	padding: 0px;
}

/*** Listes des onglet */
div#onglet ul#menu_onglet li {


}
div#onglet ul#menu_onglet li {	
	margin-top:2px;

}
div#onglet ul#menu_onglet li:hover {

	cursor:pointer;
}
div#onglet ul#menu_onglet li.actif {

	
}

/*** Contenu des onglet */
div#onglet div#contenu_onglet {

	float:left;

	width:400px;
	height:400px;

	
}
	


div#onglet ul#menu_onglet li#onglet-1.actif {
background-image:url(elements/sous_menu_roman_litterature/i_phone_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;

}
	
div#onglet ul#menu_onglet li#onglet-2.actif {
background-image:url(elements/sous_menu_roman_litterature/mobile_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}
div#onglet ul#menu_onglet li#onglet-3.actif {
background-image:url(elements/sous_menu_roman_litterature/pcmac_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}	

div#onglet ul#menu_onglet li#onglet-4.actif {
background-image:url(elements/sous_menu_roman_litterature/pcmac_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}	


div#onglet ul#menu_onglet li#onglet-1 {
background-image:url(elements/sous_menu_roman_litterature/i_phone.png);
background-repeat:no-repeat;
width:108px;
height:90px;


}

div#onglet ul#menu_onglet li#onglet-2 {
background-image:url(elements/sous_menu_roman_litterature/mobile.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}

div#onglet ul#menu_onglet li#onglet-3 {

background-image:url(elements/sous_menu_roman_litterature/pcmac.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}

div#onglet ul#menu_onglet li#onglet-4 {

background-image:url(elements/sous_menu_roman_litterature/pcmac.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}


/*** Contenu des onglet */

.roman_i_phone{
width:200px;
height:382px;
float:left;
background-image:url(elements/sous_menu_roman_litterature/onglet_iphone_roman.png);
background-repeat:no-repeat;
margin-top:4px;





}
.roman_mobile{
width:200px;
height:382px;
float:left;
background-image:url(elements/sous_menu_roman_litterature/onglet_mobile_roman.png);
background-repeat:no-repeat;
margin-top:4px;


}
.roman_pcmac{
width:200px;
height:382px;
float:left;
background-image:url(elements/sous_menu_roman_litterature/onglet_pcmac_roman.png);
background-repeat:no-repeat;
margin-top:4px;


}
/*** Contenu des onglet */

#menu_onglet{
float:left;


}                                                                                                         /*** onglet1 */	
																															  /*** onglet2 */

span#loading {
	position:absolute;
	top:5px;
	right:5px;
	background-color:#d55;
	
	padding: 1px 8px
}
span.noload { display:none; }
span.load { display:block; }

/*** Onglets */
div#onglet_bd {}
div#onglet_bd ul#menu_onglet_bd {
	list-style-type: none;
	display:block;
	margin: 2px 0px;
	padding: 0px;
}

/*** Listes des onglet */
div#onglet_bd ul#menu_onglet_bd li {


}
div#onglet_bd ul#menu_onglet_bd li {	
	margin-top:2px;

}
div#onglet_bd ul#menu_onglet_bd li:hover {

	cursor:pointer;
}
div#onglet_bd ul#menu_onglet_bd li.actif {

	
}

/*** Contenu des onglet */
div#onglet_bd div#contenu_onglet_bd {

	float:left;

	width:400px;
	height:400px;

	
}
	


div#onglet_bd ul#menu_onglet_bd li#onglet-1_bd.actif {
background-image:url(elements/sous_menu_roman_litterature/i_phone_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;

}
	
div#onglet_bd ul#menu_onglet_bd li#onglet-2_bd.actif {
background-image:url(elements/sous_menu_bd/mobile_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}
div#onglet_bd ul#menu_onglet_bd li#onglet-3_bd.actif {
background-image:url(elements/sous_menu_roman_litterature/pcmac_active.png);
background-repeat:no-repeat;
width:108px;
height:90px;





}	
div#onglet_bd ul#menu_onglet_bd li#onglet-1_bd {
background-image:url(elements/sous_menu_roman_litterature/i_phone.png);
background-repeat:no-repeat;
width:108px;
height:90px;


}

div#onglet_bd ul#menu_onglet_bd li#onglet-2_bd {
background-image:url(elements/sous_menu_bd/mobile.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}

div#onglet_bd ul#menu_onglet_bd li#onglet-3_bd {

background-image:url(elements/sous_menu_roman_litterature/pcmac.png);
background-repeat:no-repeat;
width:108px;
height:90px;
}


/*** Contenu des onglet */

.roman_i_phone_bd{
width:200px;
height:382px;
float:left;
background-image:url(elements/sous_menu_bd/onglet_iphone_bd.png);
background-repeat:no-repeat;
margin-top:4px;


}
.roman_mobile_bd{
width:200px;
height:382px;
float:left;
background-image:url(elements/sous_menu_bd/onglet_mobile_bd.png);
background-repeat:no-repeat;
margin-top:4px;


}
.roman_pcmac_bd{
width:200px;
height:382px;
float:left;
background-image:url(elements/sous_menu_bd/onglet_pcmac_bd.png);
background-repeat:no-repeat;
margin-top:4px;


}
/*** Contenu des onglet */
.gros_logo{
width:400px;
float:left;
background-image:url(elements/gros_logo.png);
background-repeat:no-repeat;
height:230px;
margin-left:100px;
margin-top:80px;

}
.gros_logo2{
width:430px;
float:left;
background-image:url(contenu/images/iphone_harlequin_lingerie.png);
background-repeat:no-repeat;
height:230px;

margin-top:150px;

margin-left:10px;
}
#menu_onglet_bd{
float:left;

}


.resume{
width:170px;

margin-top:40px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#5c8196;
float:left;
}
.couv_accueil_roman{
margin-top:30px;
width:72px;
height:100px;
margin-bottom:10px;
margin-left:45px;
background-image:url(contenu/couvertures/couv_accueil_roman.png);


}


.couv_accueil_bd{
margin-top:30px;
margin-bottom:10px;
width:72px;
height:100px;
margin-left:45px;
background-image:url(contenu/couvertures/couv_accueil_bd.png);


}

.liens_accueil{
margin-top:10px;
width:170px;
color:#5c8196;
}

.liens_accueilcanadbd{
margin-top:4px;
width:170px;
color:#5c8196;
}

.liens_accueil_roman{
margin-top:10px;
width:170px;

color:#5c8196;


}

.liens_accueil:hover{
cursor:pointer;
text-decoration:underline;
}
.liens_accueil_roman:hover{
cursor:pointer;
text-decoration:underline;
}


.download{
float:left;
width:80px;
padding-top:310px;
margin-left:80px;
}

.extraitsgratuits{
float:left;
width:80px;
padding-top:310px;
margin-left:55px;
}


.com-link{
width:200px;
margin-top:200px

}



.com-link a p{
font-size:12px;
margin-left:30px;
height:60px;

text-align:center;
margin-top:50px;
}
.com-link a p:hover{
text-decoration:underline;
}																														  /*** onglet2 */





				/*************************************************************************************corps*/




.pied_de_page{

font-size:10px;
width:100%;

}




.sous_menu{
font-size:10px;
height:20px;
	margin-right: auto;
	margin-left: auto;
	width:850px;

font-size:10px;
}


				
				
ul{
font-size:10px;

}				
				
.sous_menu li{
font-size:10px;

color:#000000;
display:block;
display:inline;
padding-top:5px;
margin-left:48px;
}		


.sous_menu li:hover{
font-size:10px;

text-decoration:underline;


}
.sous_menu li.addresse{

text-decoration:none;
}	






/**********************************************************************Fiches Livres********************************************/


.partenaires_soleil{
width:560px;
float:left;
height:250px;
text-align:center;
color:#5c8196;
font-family:Verdana, Arial, Helvetica, sans-serif;

}	


.couverture_bd_100{
float:left;
margin-right:10px;
margin-bottom:10px;
height:230px;
width:100px;
}


.lecteur_flash{
width:300px;
height:300px;
margin-left:90px;
margin-top:30px;
float:left;
background-image:url(contenu/images/iphone.png);
background-repeat:no-repeat;

}

.ecran{
width:196px;
height:130px;

}

.logo_soleil{
margin-top:10px;
margin-left:30px;
float:left;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#5c8196;
}



.apstore{

float:left;
width:80px;
height:28px;
margin-top:0px;
margin-left:110px;
background-image:url(contenu/images/available_on_apstore.png);
background-repeat:no-repeat;
}




.fiche_livre{
float:left;

margin-left:20px;
width:440px;
font-size:12px;
margin-top:0px;
padding-bottom:10px;
text-align:justify;
color:#5c8196;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;






}

.bande_annonce{
float:left;
margin-left:120px;
height:300px;


width:480px;







}

.Style1 {font-weight: bold}
.Style2 {font-size: 12px}
.Style3 {
	color: #5c8196
}



/**********************************************************************téléchargement bd mobile********************************************/	







		
.telephone{

float:left;
width:200px;
cursor:auto;

}
.text_pop{
font-size:12px;
width:400px;
margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	margin-bottom:10px;
	
}

.telephone ul{		
margin-top:40px;
font-size:12px;

}	
.retour_accueil{
margin-top:250px;
text-decoration:underline;
font-size:12px;
margin-left: 350px;
}

.bloc_botom_onglet{
width:950px;
height:150px;
float:left;
}

.lienCanalBD{
width:50px;

height:50px;
float:left;

}


.retour_accueil2{
padding-top:10px;
text-decoration:underline;
font-size:12px;

margin-left:auto;
margin-right:auto;
}
.retour_accueil2 a:hover{
color:#000099;

}
.retour_accueil a:hover{
color:#000099;

}
/**********************************************************************téléchargement bd mobile********************************************/				
/**********************************************************************presse	**************************************************************/	

.pdf li{

margin-top:10px;
}

.pdf li a{

color:#000099;
font-size:14px;

}
.pdf li:hover{
cursor:pointer;
text-decoration:underline;
}
.liste{
margin-top:30px;

}
/**********************************************************************bloc_i_phone_bd	**************************************************************/

.bloc_i_phone_bd{
margin-left:200px;

width:600px;
padding-top:20px;
text-align:center;
font-size:12px;
float:left;

}


/**********************************************************************bloc_i_phone_bd	**************************************************************/



/**********************************************************************Partenairess (pas encore ds dynamique)**************************************************************/


.partenaires1{
width:500px;
float:left;
}

.partenaires2{
width:500px;
float:left;
}
.liste {
font-size:13px;
float:left;
color:#5c8196;
font-weight:bold;
}

.liste li {
	height: 70px;
	width:200px;
	line-height: 70px;
	padding:0;
}

.listePresse{
font-size:13px;
}










/**********************************************************************presse	**************************************************************/			
/**********************************************************************cover flow**************************************************************/