/*----------------------------------------------
---------------------Site-------------------
----------------------------------------------*/
body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/Phonereader_FondSite.png) repeat;
	margin: 0;
	padding: 0;
}

.inputText
{
	border: solid 1px gray;
}

.inputText:focus
{
	background-color: #dddddd;
}

#cadreSiteCentre
{
	width: 980px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0 0 0 0;
	background: url(../images/Phonereader_SurFondSite.png) repeat;
}

#cadreSiteBas
{
	width: 980px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0 0 0 0;
	background: url(../images/Phonereader_SurFondSiteBas.png);
}

#CentragePage  
{
    position:absolute;
	width:940px;
    margin:0 0 0 -470px;
    left: 50%;
}

a:link {
	color: #000000;
}
a:hover {
	color: #4b7daf;
}
a {
	color: #000000;
	border:none;
	text-decoration:none;
}

#UPNL_Body
{
	width:940px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -470px;
}

#contenuHome
{
	width:100%;
	height:360px;
	position:relative;
}

.auteurNomPrenom
{
	float: left;	
}

.auteurPrenom
{
	font-style: normal;
	font-size: 12px;
	text-transform: capitalize;
	float: left;
	margin: 0 5px 0 0;
}

.auteurNom
{
	font-style:normal;
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
}

/*---------------------------------------------
---------------------tagsCloud-----------------
----------------------------------------------*/
#contenuHome .nuageTags
{
	float: left;
	width: 920px;
	height: 85px;
	overflow: hidden;
	padding: 10px;
	margin: 15px 0 10px 0;
	text-align: center;
	font-family:Lucida Sans Unicode;
}

#nuageTagsRecherche
{
	float: right;
	height: 520px;
	width: 180px;
	padding: 10px;
	overflow: hidden;
	text-align: center;
}

a.tagsCloud1, a.tagsCloud2, a.tagsCloud3, a.tagsCloud4, a.tagsCloud5 , a.tagsCloud6 , a.tagsCloud7 
{
	float: left;
	margin: 0 8px 0 0;
	font-weight: bold;
	height: 25px;
}

a.tagsCloud1:hover, a.tagsCloud2:hover, a.tagsCloud3:hover, a.tagsCloud4:hover, a.tagsCloud5:hover, a.tagsCloud6:hover, a.tagsCloud7:hover
{
	color: #dddddd;
}

a.tagsCloud1
{
	color: #ccccff;
	font-size:8pt;
}

a.tagsCloud2
{
	color: #8888ff;
	font-size:9pt;
}

a.tagsCloud3
{
	color: #4444ff;
	font-size:10pt;
}

a.tagsCloud4
{
	color: #0000ff;
	font-size:11pt;
}

a.tagsCloud5
{
	color: #66cc66;
	font-size:12pt;
}

a.tagsCloud6
{
	color: #00cc00;
	font-size:13pt;
}

a.tagsCloud7
{
	color: #009900;
	font-size:14pt;
}

/*a.tagsCloud1
{
	color: #ccccff;
	font-size:8pt;
}

a.tagsCloud2
{
	color: #aaaaff;
	font-size:9pt;
}

a.tagsCloud3
{
	color: #8888ff;
	font-size:10pt;
}

a.tagsCloud4
{
	color: #6666ff;
	font-size:11pt;
}

a.tagsCloud5
{
	color: #4444ff;
	font-size:12pt;
}

a.tagsCloud6
{
	color: #2222ff;
	font-size:13pt;
}

a.tagsCloud7
{
	color: #0000ff;
	font-size:14pt;
}*/




/*----------------------------------------------
---------------------header-------------------
----------------------------------------------*/
#header {
	position: relative;
	width: 940px;
	height: 270px;
	left: 50%;
	margin-left: -470px;
	z-index:100;
}

#header .imgHome
{
	float: none;
}

#menu {
	float:left;
	height:21px;
	margin: -37px 0 0 13px;
	font-size: xx-small;
	position:relative;
	z-index:200;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:left;
}

#menu span
{
	font-family:Lucida Sans Unicode;
	font-size:8pt;
	display:block;
	margin-top:3px;
	margin-right:2px;
	margin-left:2px;
	cursor:pointer;
}

#menu ul
{
	border: solid 1px White;
	position: relative;
}

#menu li 
{
	float:none;
	text-align: center;
	width:200px;
	position: relative;
	/*border-bottom: solid 1px black;*/
	background-color: Silver;
}

#menu li a {
	text-decoration: none;
	display: block;
	border: 0 none;
	color: White;
	width:200px;
	font-size:10pt;
	position: relative;
}

#menu li :hover, #menu li :focus {
	background: #eee;
	color: Black;
}

#smenu1 {
	position: absolute;
	top: 19px;
	left:0;
	/*float: left;*/
	margin: -1px 0 0 75px;
	display: none;
	z-index:200;
}

#smenu1.ul 
{

}



.Menu_Separator {
	background: url(../images/Phonereader_MenuSeparator.gif) no-repeat 0 0 ;
	float: left;
	width: 4px;
	height: 21px;
}

#Link_Blog {
	/*background: url(../images/Phonereader_Actualites.png) no-repeat;*/
	float: left;
	/*width: 100px;*/
	height: 21px;
}


/*----------------------------------------------
---------------------UPNL_Recherche-------------------
----------------------------------------------*/
#UPNL_Recherche
{
	position: relative;
	width: 940px;
	margin: 5px 0 0 0;
	height: 60px;
}

#UPNL_Recherche .zoneRecherche
{
	float: left;
	width: 300px;
	height: 55px;
	margin: 0 4px 0 4px;
	position:relative;
	z-index:0;
}
#UPNL_Recherche .zoneRecherche span
{
	position: absolute; 
	margin-left: 10px; 
	margin-top: 1px; 
	font-family: Lucida Sans Unicode; 
	font-size: 8pt; 
	font-weight: bold;
}


#UPNL_Recherche dl
{
	margin: 0 5px 0 0;
}
#UPNL_Recherche dl a
{
	font-family: Lucida Sans Unicode; 
	font-size: 12pt; 
	font-weight: bold;
	display:block;
	margin-top:2px;
	text-decoration:underline;
	color:#5D5D5D;
}

#TXT_Recherche  {
	font-size: 10px;
	color: #000000;
	width: 228px;
	float:left;
	margin: 5px 0 0 5px;
}

#CB_RechercheLangues 
{
	font-size: 10px;
	color: #000000;
	width: 230px;
	float:left;
	margin: 5px 0 0 5px;
}

#UPNL_Recherche .butRecherche{

	float:left;
	border:0;
	width:61px; 
	height:27px;
}

/*AutoComplete flyout */
#UPNL_Recherche .autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	overflow : auto;
	height : 45px;
    text-align : left; 
    list-style-type : none;
	font-size: 10px;
	background-color: #dddddd;
	cursor: default;
	position: relative;
	z-index:2;
}

/* AutoComplete highlighted item */
#UPNL_Recherche .autocomplete_highlightedListItem
{
	background-color: #cccccc;
	padding: 1px;
	float: none;
	color:White;
}

/* AutoComplete item */
#UPNL_Recherche .autocomplete_listItem 
{
	float: none;
	padding : 1px;
}

/*----------------------------------------------
---------------------RECHERCHE----------------
----------------------------------------------*/
#recherche
{
	width: 730px;
	/*left: 50%;
	margin-left: -365px;
	position: relative;*/
}
#recherche .rech_Theme
{
	text-align:center;
	font-weight: bold;
}

#recherche .cartoucheGrande
{
	width: 720px;
	height: 160px;
	padding: 17px 0 0 25px;
	background: url(../images/Phonereader_Recherche_GrandeCartouche.png) no-repeat;
	display: none;
	padding-bottom:6px;
}
#recherche .cartoucheGrande a:hover
{
	text-decoration: underline;
}

#recherche .cartouchePetite
{
	background: url(../images/Phonereader_Recherche_PetiteCartouche.png) no-repeat;
	width: 720px;
	height: 90px;
	padding-bottom:6px;
	display: block;
}

#recherche .titrePost
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	max-height: 16px;
	overflow: hidden;
	text-transform: uppercase;
}
#recherche .titrePost_pc
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	height: 16px;
	max-height: 38px;
	max-width: 600px;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 18px;
	text-transform: uppercase;
}

#recherche span.highlight
{
	background-color: yellow;
}

#recherche span.notHighlight
{
	margin: 0 5px 0 0;
}

#recherche .titreNews
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	max-height: 16px;
	overflow: hidden;
	width: 470px;
	margin-bottom:5px;
}

#recherche .descriptionPost
{
	font-size: 12px;
	max-height: 58px;
	overflow: hidden;
	display: block;
	width: 550px;
}
#recherche .descriptionPost_pc
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	max-height: 60px;
	overflow: hidden;
	display: block;
	width: 580px;
	padding-left: 18px;
}

#recherche .baseLinePost
{
	font-size: 10px;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 5px;
}
#recherche .baseLinePostItem
{
	display:block;
}
#recherche .baseLinePost_pc
{
	font-size: small;
	font-style: italic;
	color: #666666;
	font-weight: normal;
	/*height:18px;*/
	max-height:18px;
	width: 580px;
	padding-left: 18px;
	overflow:hidden;
}

#recherche .ligneLink
{
	clear: both;
	margin: -4px auto 0 auto;
}
#recherche .ligneLink a
{
	color: #666666;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-size: 10px;
}

#recherche .zoneFlash
{
	float: right; 
	margin-right: 25px; 
	margin-top: 10px;
}

#recherche .zoneImage
{
	float: right; 
	margin: -3px 30px 0 0;
}

#recherche .imageLivre_pc
{
	float: right; 
	margin: 5px 15px 0 0;
	border: 0;
}

#recherche .imagePost
{
	float: left;
	padding-right: 12px;
}

#recherche .pubRecherche
{
	float:right;
}

#recherche .pagination
{
	/*text-align: center;*/
	margin:0 0 10px 0;
	height: 12px;
	font-size: 12px;
}

#recherche .pagination a:hover
{
	text-decoration:underline;
}

#recherche .pagination .pages
{
	float: left;
	margin: 0 0 0 10px;
}

#recherche .pagination .precSuiv
{
	float: right;
	margin: 0 10px 0 0;
}

#recherche .rech_PrecSuiv
{
	font-weight:bold;
}

#recherche .rech_ItemPagination
{
	text-decoration: underline;
	margin-left:2px;
	margin-right:2px;
}

#recherche .rech_CurrItemPagination
{
	font-weight: bold;	
	margin-left:2px;
	margin-right:2px;
}

#recherche .noTheme
{
	padding: 0 5px 0 5px ;
}

#recherche .Poésie
{
	padding: 0 5px 0 5px ;
	background: url(../images/Phonereader_CentrePoesie.png) repeat;
	border-left: solid 1px #009933;
	border-right: solid 1px #009933;
}

#recherche .supPoésie
{
	background: url(../images/Phonereader_SupPoesie.png) no-repeat;
	height: 10px;
}

#recherche .infPoésie
{
	background: url(../images/Phonereader_InfPoesie.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche a.titrePoésie
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #009933;
	text-decoration: underline;
}

#recherche a.titrePoésie:hover
{
	text-decoration: none;
}


#recherche .Essai
{
	padding: 0 5px 0 5px ;
	background: url(../images/Phonereader_CentreEssai.png) repeat;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

#recherche .supEssai
{
	background: url(../images/Phonereader_SupEssai.png) no-repeat;
	height: 10px;
}

#recherche .infEssai
{
	background: url(../images/Phonereader_InfEssai.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche a.titreEssai
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: White;
	text-decoration: underline;
}

#recherche a.titreEssai:hover
{
	text-decoration: none;
}


#recherche .Fiction
{
	padding: 0 5px 0 5px ;
	background: url(../images/Phonereader_CentreFiction.png) repeat;
	border-left: solid 1px #7f94ff;
	border-right: solid 1px #7f94ff;
}

#recherche .supFiction
{
	background: url(../images/Phonereader_SupFiction.png) no-repeat;
	height: 10px;
}

#recherche .infFiction
{
	background: url(../images/Phonereader_InfFiction.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche a.titreFiction
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #7f94ff;
	text-decoration: underline;
}

#recherche a.titreFiction:hover
{
	text-decoration: none;
}


#recherche .Théâtre
{
	padding: 0 5px 0 5px ;
	background: url(../images/Phonereader_CentreTheatre.png) repeat;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

#recherche .supThéâtre
{
	background: url(../images/Phonereader_SupTheatre.png) no-repeat;
	height: 10px;
}

#recherche .infThéâtre
{
	background: url(../images/Phonereader_InfTheatre.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche a.titreThéâtre
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #000000;
	text-decoration: underline;
}

#recherche a.titreThéâtre:hover
{
	text-decoration :none;
}


#recherche .Divers
{
	padding: 0 5px 0 5px ;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

#recherche .supDivers
{
	background: url(../images/Phonereader_SupDivers.png) no-repeat;
	height: 10px;
}

#recherche .infDivers
{
	background: url(../images/Phonereader_InfDivers.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche .titreDivers
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #000000;
}

#recherche .langue
{
	padding: 0 5px 0 5px ;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

#recherche .supLangue
{
	background: url(../images/Phonereader_SupDivers.png) no-repeat;
	height: 10px;
}

#recherche .infLangue
{
	background: url(../images/Phonereader_InfDivers.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche .titreLangue
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #000000;
}


#recherche .format
{
	padding: 0 5px 0 5px ;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

#recherche .supFormat
{
	background: url(../images/Phonereader_SupDivers.png) no-repeat;
	height: 10px;
}

#recherche .infFormat
{
	background: url(../images/Phonereader_InfDivers.png) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
}

#recherche .titreFormat
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #000000;
}

#triRecherche
{
	height:20px;
	width: 720px;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0 0 5px 5px;
}

#triRecherche .triRechercheCentre
{
	float:left;
	background: #ddd;
	height:20px;
}
#triRecherche .triRechercheLeft
{
	background: url(../images/Phonereader_CadreTriRechercheGauche.png) no-repeat;
	height:20px;
	width:5px;
	float:left;
}

#triRecherche .triRechercheRight
{
	background: url(../images/Phonereader_CadreTriRechercheDroite.png) no-repeat;
	height:20px;
	width:5px;
	float:left;
}

#triRecherche a
{
	margin: 0 30px 0 30px;
	text-decoration:underline;
}

#triRecherche a:hover
{
	text-decoration: none;
}

#triRecherche a.textCurrTriRecherche
{
	text-decoration: none;
	cursor: default;
	color: #4b7daf;
}

/*----------------------------------------------
---------------------actu jour-------------------
----------------------------------------------*/
#livreActuJour
{
	width:460px;
	float:left;
	margin-top:10px;
	position: relative;
	z-index: 1;
}

#livreActuJour .cartoucheHome
{
	height: 200px;
	margin: 10px 0 0 0;
	padding: 10px 5px 10px 5px;
	background: url(../images/Phonereader_cadreHome.png) no-repeat;
	position: relative;
	z-index:5;
}

#livreActuJour .tdSup
{
	height: 93px;
	overflow: hidden;
	width:445px;
	margin: 0 0 10px 0;
}

#livreActuJour .tdInf
{
	height: 93px;
	overflow: hidden;
	width:440px;
	padding: 0 0 0 5px;
}

#livreActuJour .tablet1
{
	float: left;
	margin: 0 5px 0 0;
}
#livreActuJour .tablet2
{
	float: right;
	margin: 0 0 0 5px;
}
#livreActuJour .titreArticle a
{
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	display: block;
	max-height: 36px;
	overflow: hidden;
}

#livreActuJour .descriptionArticle a
{
	font-size: 11px;
	display:block;
	height:65px;
	overflow:hidden;
}

#livreActuJour .newsDate
{
	font-size: 8pt;
	font-style: italic;
	color: #FF5126;
	font-weight:bold;
}


/*----------------------------------------------
---------------------livre jour-------------------
----------------------------------------------*/
#livreJour
{
	width:460px;
	float:right;
	margin-top:10px;
	position: relative;
	z-index: 1;
}

#livreJour .contenuLivreJour
{
	height:200px;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
	background: url(../images/Phonereader_cadreHome.png) no-repeat;
}

#livreJour .imgLivre
{
	width: 115px;
	float: right;
	margin-right:5px;
}

#livreJour .imgLivre .bouton
{
	position: relative;
	left:50%;
	margin: 0 0 0 -52px;
	border: 0;
}

#livreJour .infosLivreJour{
	float: left;
	margin: 0 0 0 20px;
	width: 315px;
}


#livreJour .infoLivreJour
{
	margin: 5px 0 10px 0;
	height: 18px;
	max-width: 315px;
	overflow:hidden;
}
#livreJour span.imgInfoLivre
{
	font-family:Lucida Sans Unicode;
	font-size:10pt;
	text-decoration:underline;
	color:#497AAB;
	font-weight:bold;
	float:left;
	display:block;
	width:80px;
}



/* old one
#livreJour .infoLivreJour{
	height: 35px;
	max-width: 315px;
	margin: 5px 0 0 0;
	overflow: hidden;
}*/

#livreJour .livreJourTitre
{
	font-style: italic;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
	/*width: 260px;*/
	/*overflow: hidden;*/
	height: 15px;
}

#livreJour .livreJourIsbn
{
	font-style: italic;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
}

#livreJour .livreJourPrix
{
	font-style: normal;
	font-size: 13px;
	float: left;
	font-weight:bold;
}

#livreJour .livreJourEditeur
{
	font-style: normal;
	font-size: 13px;
	float: left;
}

#livreJour .livreJourFormat
{
	font-style: oblique;
	font-size: 12px;
	float: left;
	font-weight:bold;
}

#livreJour .livreJourLangue
{
	font-style: normal;
	font-size: 12px;
	float: left;
}

/*----------------------------------------------
---------------------popup-------------------
----------------------------------------------*/
#popupOverlay 
{
     position: fixed;
     left: 0;
     top: 0;
     width:100%;
     height:100%;
     z-index: 998;
     background: url(../images/Phonereader_Shadow.png) repeat;
}

.butFermerPopup
{
	width:35px;
	height:35px;
	float:right;
	clear: right;
	background:url(../images/Phonereader_ButFermerPopup.png) no-repeat 0 0 ;
}
.butFermerPopup:hover
{
	background:url(../images/Phonereader_ButFermerPopup.png) no-repeat 0 -35px ;
}

#popupGrand
{
	width:940px; 
	position:absolute;
	left:50%;
	top:10%;
	margin-left:-470px;
	z-index: 999;
}

#popupGrand .contenuPopupGrand
{
	background:url(../images/Phonereader_CadrePopupGrandCentre.png) repeat ;
	width:940px; 
}

#popupGrand .cadrePopupGrandSup
{
	background:url(../images/Phonereader_CadrePopupGrandSup.png) no-repeat ;
	height: 10px;
	width: 940px;
}

#popupGrand .cadrePopupGrandInf
{
	background:url(../images/Phonereader_CadrePopupGrandInf.png) no-repeat ;
	height: 10px;
	width: 940px;
}

#popup
{
	width: 590px;
	position:absolute;
     z-index: 999;
	left:50%;
	top:5%;
	margin-left: -295px;
}

#popup .contenuPopup
{
	width: 550px;
	padding: 10px 20px 10px 20px;
	background: url(../images/Phonereader_CadrePopUpCentre.png) repeat;
}

#popup .cadrePopUpSup
{
	background: url(../images/Phonereader_CadrePopUpSup.png) no-repeat;
	height:10px;
	width: 590px;
}

#popup .cadrePopUpInf
{
	background: url(../images/Phonereader_CadrePopUpInf.png) no-repeat;
	height:10px;
	width: 590px;
}

#popup .titreSup
{
	height: 35px;
	margin: 0 0 20px 0;
}

#popup .imgInfoLivrePetit{
	float:left;
}

#popup .imgInfoLivreGrand
{
	float:left;
}

#popup .imgLivreEtPanierPopup
{
	float: right;
	width: 115px;
}

#popup .infosPopup
{
	float: left;
	width: 435px;
}

#popup .infoPopup
{
	margin: 0 0 10px 0;
	height: 18px;
	max-width: 380px;
	overflow:hidden;
}

#popup .descriptionPopup
{
	display: block;
	clear: both;
	max-height: 156px;
	overflow: auto;
	font-size: 12px;
	text-align: justify;
}

#popup .descriptionPopup a
{
	text-decoration: underline;
}

#popup .descriptionPopup a:hover, #popup .descriptionPopup a:focus
{
	text-decoration: none; 
}


#popup .imgLivreEtPanierPopup .bouton
{
	position: relative;
	left:50%;
	margin: 0 0 0 -52px;
	border: 0;
	float:none;
}

#ajaxLoader
{
	position: fixed; 
	left: 0%; 
	top: 100%; 
	margin-top: -60px; 
	z-index: 1000; 
	width:100%;
	height:60px;
	background:url(../images/blankoLoaderStraight.png) repeat;
}

#ajaxLoader .imgAjaxLoader
{
	position: relative; 
	left: 50%;
	top: 50%; 
	margin-left: -25px; 
	margin-top: -18px;
}



/*----------------------------------------------
---------------------fiche livre-------------------
----------------------------------------------*/
#middleDetailLivre
{
	height:260px;
}

.detailLivreListTagsGenres
{
	margin: 5px 0 0 0 ;
	max-height: 28px;
	overflow: auto;
	display: block;
}

.panDetailLivreTags
{
	margin: 10px 0 0 0;
	height: 75px;
}

.panDetailLivreLangues
{
	margin: 10px 0 0 0;
	height: 60px;
}

.panDetailLivreFormats
{
	margin: 10px 0 0 0;
	height: 60px;
}

a.detailLivreTagsGenres
{
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 10px;
	height: 14px;
	float: left;
	text-decoration: underline;
}

#middleDetailLivre .imgInfoLivre
{
	font-family:Lucida Sans Unicode;
	font-size:8pt;
	text-decoration:underline;
	color:#497AAB;
	font-weight:bold;
	float:left;
	display:block;
	width:90px;
}

.imgInfoLivreHead
{
	font-family:Lucida Sans Unicode;
	font-size:12pt;
	text-decoration:underline;
	color:#497AAB;
	font-weight:normal;
	display:block;
}

#middleDetailLivre .detailLivreTitre
{
	font-style: italic;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
}

#middleDetailLivre .detailLivreIsbn
{
	font-style: italic;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
}

#middleDetailLivre .detailLivrePrix
{
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#middleDetailLivre .detailLivreEditeur
{
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#middleDetailLivre .detailLivreFormat
{
	font-style: italic;
	font-size: 12px;
	float: left;
}

#middleDetailLivre .detailLivreLangue
{
	font-style: oblique;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#middleDetailLivre .detailLivreNbPages
{
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	float: left;
}


/*----------------------------------------------
---------------------fiche news-----------------
----------------------------------------------*/

#middleDetailNews
{
	height:230px;
}

#middleDetailNews .infoDetailNews
{
	margin: 0 0 10px 0;
	height: 70px;
	padding: 0 0 10px 0;
}

#middleDetailNews .imgInfoLivreGrand
{
	float: none;
}

#middleDetailNews .detailNewsUrl
{
	font-style:normal;
	font-weight:bold;
	font-size: 13px;
}

#middleDetailNews .detailNewsTitre
{
	font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	height: 14px;
	overflow: hidden;
}

#middleDetailNews .titreDetailNews
{
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	color: #6fae44;
	text-transform: uppercase;
}


/*----------------------------------------------
---------------------panier-------------------
----------------------------------------------*/
#popup .titrePanier
{
	width: 550px;
	height: 25px;
}

#popup .colPanierSuppr
{
	float: left;
}

#popup .colPanierTitre
{
	width: 230px;
	height: 15px;
	overflow: hidden;
	float: left;
	font-size:13px;
	font-weight:bold;
	margin: 5px 10px 0 0;
}

.titrePanier .imgInfoLivreHead
{
	font-family:Lucida Sans Unicode;
	font-size:10pt;
	color:#497AAB;
	font-weight:normal;
}

#popup .colPanierAuteur
{
	width: 180px;
	overflow: hidden;
	height: 15px;
	float: left;
	font-size:13px;
	margin: 5px 0 0 0;
	text-transform: capitalize;
}

#popup .itemsPanier
{
	width: 550px;
	max-height: 200px;
	overflow: auto;
	margin: 10px 0 0 0;
}

#popup .itemPanier
{
	width: 530px;
	float:left;
}

#popup .infoPanier
{
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	height: 50px;
	text-align: justify;
	margin: 10px 0 0 0;
}

#popup .validationPanier
{
	height: 30px;
	width: 420px;
	position: relative;
	left: 50%;
	margin: 10px 0 0 -210px;
}

#popup .butPanier
{
	border:0;
	float: left;
	margin: -5px 0 0 0;
}

#popup .inputTextPanier
{
	border: solid 1px gray;
	float: left;
	width: 200px;
}

#popup .infoPanierProbleme
{
	font-style: italic;
	font-size: 10px;
	text-align: center;
}



#popup .itemsAjoutPanier .butPanier
{
	float: left;
	margin: 0 0 0 0;
}

#popup .titreAjoutPanier
{
	width: 550px;
	height: 25px;
}

#popup .itemsAjoutPanier
{
	width: 550px;
	max-height: 200px;
	overflow: auto;
	margin: 10px 0 0 0;
}

#popup .colAjoutPanierRevendeur
{
	width: 230px;
	height: 15px;
	overflow: hidden;
	float: left;
	font-size:13px;
	font-weight:bold;
	margin: 5px 10px 0 0;
}

#popup .colAjoutPanierPrix
{
	width: 180px;
	overflow: hidden;
	height: 15px;
	float: left;
	font-size:13px;
	margin: 5px 0 0 0;
	text-transform: capitalize;
}

/*----------------------------------------------
---------------------infos FT-------------------
----------------------------------------------*/
.infosFT
{
	padding: 0 20px 0 20px;
	font-size: small;
	text-align: justify;
}
.infosFT ul
{
	float:none;
	list-style-type:circle;
	margin:10px;
}	
.infosFT li
{
	float:none;
	padding-left:5px;
	list-style-type:circle;
}

.infosFT a
{
	text-decoration: underline;
}
.grasInfosFT
{
	font-weight: bold;
}

.italicInfosFT
{
	font-style: italic;
}

.titreInfosFT
{
	font-weight: bold;
	font-size: 18px;
	margin: 40px 0 0 0;
	text-transform: uppercase;
	color: Gray;
}

/*----------------------------------------------
---------------------ideasBox-------------------
----------------------------------------------*/
.middleIdeasBox
{
	height: 280px;
	font-weight: bold;
	font-size: 12px;
}
.errorMessages
 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
	color: Red;
 }
 
.middleIdeasBox .champContact
{
	width: 550px;
	margin: 0 0 5px 0;
	height: 20px;
}

.middleIdeasBox .champContactMess
{
	width: 550px;
	margin: 0 0 5px 0;
	height: 100px;
}

.middleIdeasBox .formContact
{
	height: 260px;
}

.middleIdeasBox .lblContact
{
	width: 150px;
	float: left;
}

.middleIdeasBox .inputText
{
	width: 395px;
	float: left;
}

.middleIdeasBox a
{
	float: right;
}

.middleIdeasBox img
{
	border: 0;
}

/*----------------------------------------------
---------------------iframe-------------------
----------------------------------------------*/
#popupGrand .butFermerIframe
{
	width:35px;
	height:35px;
	float:right;
	margin-right:5px;
	background:url(../images/Phonereader_ButFermerPopup.png) no-repeat 0 0 ;
}

#popupGrand .butFermerIframe:hover
{
	background:url(../images/Phonereader_ButFermerPopup.png) no-repeat 0 -35px ;
}

#popupGrand .titreIframe
{
	font-weight:bold;
	position:relative;
	top: 10px;
	color: White;
}
#popupGrand .TitrePopupIframe
{
	height:35px;
	text-align:center; 
	overflow:hidden;
	background-color: #e5e5e5;
	margin: 0 10px 5px 10px;
}

#popupGrand .iFrameStyle
{
	width:920px;
	height: 510px;
	padding: 0 10px 0 10px;
	border: 0;    

}

/*----------------------------------------------
---------------------feuilletage-------------------
----------------------------------------------*/
#middleFeuilletage
{
	max-height: 400px;
	overflow: auto;
	text-align : justify;
	line-height: normal;
	color : #000000;
	font-style : normal;
	font-weight : bold;
	font-size: 12px;
	margin: 0 0 10px 0;
}

/*----------------------------------------------
---------------------NEWSLETTER-------------------
----------------------------------------------*/
.middleNewsletter
{
	height: 130px;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
}

.middleNewsletter .champNewsletter
{
	width: 550px;
	height: 20px;
	margin:20px 0 0 0;
}

.middleNewsletter .champNewsletter .inputText
{
	width:400px;
	float:left;
}

.middleNewsletter .champNewsletter .lblNewsletter
{
	width:130px;
	font-size: 14px;
	float:left;
}

.middleNewsletter .erreurNewsletter
{
	color:Red;
	font-size: 12px;
}

.middleNewsletter img
{
	border: 0;
}

/*----------------------------------------------
---------------------footer-------------------
----------------------------------------------*/
#footer
{
	width: 280px;
	height: 40px;
	position: relative;
	left: 50%;
	margin: 20px 0 0 -140px;
	font-size: 10px;
}

#footer .footerLine
{
	margin: 0 0 10px 0;
}

#footer .imgBnfFooter
{
	margin: 0 0 -7px 0;
}