/* =================================================================

Mollat V3 / screenmaster / simon alibert / simon.alibert@nodule.com

28/12/2010 - MT1777 - [YA] - Modification des balises de titre du site h1->span#logo

--------------------------------------------------------------------
Font Reset
================================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height:1.15em;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.box {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.btnbox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.noborder {
	width: auto !important;
	border: none !important;
	background-color: transparent !important;
}

/* =================================================================
Body
================================================================= */

body {
	font: normal 76%/1em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
	color: #222;
	background: white url(../../i/ndl/bg-body.jpg) repeat-x left top;
}

a:link, a:visited {
	color: inherit;
	border-bottom:1px solid #E4E5E0;
	text-decoration: none;
}

a:hover {
color: inherit;
border-bottom:1px solid #B9BAB3;
}

.clear {
	clear: both;
}

/* =================================================================
Header > Logo
================================================================= */

div#header {
	position: relative;
	height: 94px;
	margin: 0 18px;
}

div#header h1 ,div#header span#logo {
	text-indent: -9999px;
	overflow: hidden;
	border: none;
}

div#header h1 a:link, div#header h1 a:visited, 
div#header span#logo a:link, div#header span#logo a:visited {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 210px;
	height: 90px;
	border: none;
	background: url('../../i/ndl/bg-logo.png') no-repeat left top;
}

div#header h1 a:hover, div#header span#logo a:hover  {
	border: none;
	background: url('../../i/ndl/bg-logo.png') no-repeat left -90px;
}

div#header #panier {
	border: none;
	/*background: url('../../i/ndl/bg-panier.png') no-repeat top left;*/
	position: absolute;
	top: 0;
	right: 0;
	width: 303px;
	height: 105px;
}

div#header #panier p {
	position: absolute;
	top: 40px;
	right: 18px;
	font-size: 1.5em;
	color: #5e5e5e;
}

div#header #panier p a {
	color: #5e5e5e;
	text-decoration: none !important;
	border: none !important;
}


/*  Tristan - 07/12/2011 
	Pour rendre le panier cliquable dans le header 
	=> /_application/App_XSL/_zoneFront/structure/bandeauTop.xslt
*/
a#headerCart, a#headerCart:link, a#headerCart:visited {
	display: inline-block;
	width: 303px;
	height: 93px;
	text-decoration: none !important;
	/*border: none !important;*/
	background: url('../../i/ndl/bg-panier.png') no-repeat left top;
	}
	a#headerCart:link p, a#headerCart:visited p {
		padding-bottom: 4px;
		color: #333 !important;
		border-bottom: solid 1px transparent;
		}
a#headerCart:hover {
	background: url('../../i/ndl/bg-panier_h.png') no-repeat left top;
	}
	a#headerCart:hover p {
		color: #2b5e9f !important;
		border-bottom: solid 1px #2b5e9f;
		}


/* =================================================================
Header > Menu
================================================================= */

div#menu {
	height: 45px;
	background: url('../../i/ndl/bg-menu-07.png') repeat-x top left;
}

div#menu ul {
	padding: 0 0 0 0px;
}

div#menu ul li {
	float: left;
	margin: 0 !important;
}

.active-trail {
	text-decoration: underline !important;
	color: #fff;
	font-weight: 700 !important;
	font-style: italic;
}

div#menu ul li.menu-01,
div#menu ul li.menu-02,
div#menu ul li.menu-03,
div#menu ul li.menu-04,
div#menu ul li.menu-05,
div#menu ul li.menu-06,
div#menu ul li.menu-07,
div#menu ul li.menu-08,
div#menu ul li.menu-09 {
	padding: 13px 18px 14px 18px;
	font-size: 1.3em;
	margin: 0 !important;
}

div#menu ul li.menu-01 a,
div#menu ul li.menu-02 a,
div#menu ul li.menu-03 a,
div#menu ul li.menu-04 a,
div#menu ul li.menu-05 a,
div#menu ul li.menu-06 a,
div#menu ul li.menu-07 a,
div#menu ul li.menu-08 a,
div#menu ul li.menu-09 a {
	color: #fff;
	text-decoration: none;
}

div#menu ul li.menu-01 a:hover,
div#menu ul li.menu-02 a:hover,
div#menu ul li.menu-03 a:hover,
div#menu ul li.menu-04 a:hover,
div#menu ul li.menu-05 a:hover,
div#menu ul li.menu-06 a:hover,
div#menu ul li.menu-07 a:hover,
div#menu ul li.menu-08 a:hover,
div#menu ul li.menu-09 a:hover {
	text-decoration: underline;
}

div#menu ul li.menu-01 {
	background: url('../../i/ndl/bg-menu-01.png') repeat-x top left;
	padding-left: 36px !important;/* [YA] - avant 45 */
}

div#menu ul li.menu-02 {
	background: url('../../i/ndl/bg-menu-02.png') repeat-x top left;
}

div#menu ul li.menu-03 {
	background: url('../../i/ndl/bg-menu-03.png') repeat-x top left;
}

div#menu ul li.menu-04 {
	background: url('../../i/ndl/bg-menu-04.png') repeat-x top left;
}

div#menu ul li.menu-05 {
	background: url('../../i/ndl/bg-menu-05.png') repeat-x top left;
}

div#menu ul li.menu-06 {
	background: url('../../i/ndl/bg-menu-06.png') repeat-x top left;
}

div#menu ul li.menu-07 {
	background: url('../../i/ndl/bg-menu-07.png') repeat-x top left;
}

div#menu ul li.menu-08 {
	background: url('../../i/ndl/bg-menu-08.png') repeat-x top left;
}

div#menu ul li.menu-09 {
	background: url('../../i/ndl/bg-menu-09.png') repeat-x top left;
}

/* =================================================================
Header > Search
================================================================= */

div#search {
	position: relative;
	height: 65px;
	
}

#tchat {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 277px;

}


form.searchform {
	
}

form.searchform input.inputsearch {
	position: absolute;
	top: 20px;
	left: 57px;
	padding: 2px;
	width: 390px;
	color: #837F76;
	border: none !important;
	background-color: transparent;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

form.searchform input.submit-btn-search {
	position: absolute;
	top: 13px;
	left: 470px;
	margin-top:0px !important;
	border: none !important;
	text-decoration: none;
}

.adv-btn-search {
	position: absolute;
	top: 10px;
	left: 530px;
	border: none !important;
	text-decoration: none;
}

form.searchform fieldset {
	border: none;
}

form.searchform legend {
	padding: 0;
	font-weight: bold;
	_margin: 0 -7px;
/* IE Win */
}

form.searchform label {
	display: none;
}

form.searchform fieldset ol {
	margin: 0;
	padding: 0;
}

form.searchform fieldset li {
	list-style: none;
	padding: 0;
	margin: 0;
}

form.searchform label {
	width: 100px;
}


#completeDiv { 
	/* border-radius: 5px 0px 0px 5px;			-moz-border-radius: 5px 0px 0px 5px;			-webkit-border-radius: 5px 0px 0px 5px;
	box-shadow: rgba(255, 255, 255, .1) 0 1px 0px;   -moz-box-shadow:rgba(255, 255, 255, .1) 0 1px 0px; -webkit-box-shadow: rgba(255, 255, 255, .1) 0 1px 0px; */
	text-align: left;
	width: 390px;
	z-index: 201; /*Pour passer devant les autres div*/
	color:#837F76;
	background-color: transparent;
	padding: 5px 5px 0px 5px !important;
	margin: 2px 0px 0px 0px;
	background-color: White;
	cursor: pointer;
	/*position: absolute;
	visibility:hidden;*/
}


/*\*/

/*/
form.formheader legend {
	display: inline-block;
}


/* =================================================================
Header > Bread Crumb
================================================================= */

div#breadcrumb {
	margin-top: 2px;
	height: 44px;
	text-align: center;
}

div#breadcrumb h2 {
	font-weight: 100;
	padding: 7px 0 0px 0;
	font-size: 1.7em;
	color: #375f92;
	font-style: italic;
}

/* =================================================================
Bouton generique
================================================================= */

.btnPanier {
    color: #444;
    display: block;
    float: left;
	font-size: .8em !important;
	font-weight: 700;
    height: 10px;
    padding: 3px 5px !important; 
	background: #efefef url(../../i/ndl/bg-degrade-01.jpg) repeat-x bottom left;
    border: 1px solid #ddd;
}

.btnPanier span {
    display: block;
    line-height: 10px;
    padding: 0;
}

.btnPanier span a {
    text-decoration: none !important;
}


/* ======================================================
Breadcrumb
========================================================= */

#crumbs {
	margin: 0 0 0 25px;
	line-height: 46px;
}

#crumbs li {
	font-size: .9em;
	float: left;
	line-height: 32px;
	padding-left: .75em;
	font-weight: bold;
}

#crumbs li a {
	background: url(../../i/ndl/crumbs.png) no-repeat right center;
	display: block;
	padding: 0 15px 0 0;
	font-weight: normal;
	font-style: normal;
}

#crumbs li a:link, #crumbs li a:visited {
text-decoration:none;
}

 #crumbs li a:hover, #crumbs li a:focus {
	color: inherit;
	text-decoration: underline;
}

/* =================================================================
Layout
================================================================= */

.infobulle {
	position:absolute;	
	z-index:99;
	width:364px;
	height:250px;
	background: url(../../i/ndl/bulle.png) no-repeat top left;
	padding:10px 10px 10px 25px;
}

.infobulle h2.titre {
	font-size: 2em;
	padding: 4px !important;
}

.infobulle h3.auteur {
	font-size: 1em;
	padding: 3px !important;	
}

.infobulle h3.editeur {
	font-size: 1em;
	padding: 3px !important;	
}

.infobulle h3.prix {
	font-size: 1.3em;
	color: #5f7da1;
	font-weight: bold  !important;
	padding: 0 0 3px 0 !important;	
	
}


.infobulle .dispo {
	position: absolute;
	top: 160px;
	left: 30px;
	font-size: 1.0em;
	color: #222;
	font-style:italic !important;
	font-weight: bold  !important;
	padding: 3px !important;	
}

.infobulle  .panier  {
	position: absolute;
	top: 165px;
	left: 240px;

}


			   
/* =================================================================
Layout
================================================================= */

div#wrapper {
	float: none; /* left; /*  */
	width: 100%; /* auto; /*  */
	
	}

div#container {
	text-align: left;
	width: 986px;
	margin: 0 auto;
	
	}



div#indentification 
{
	position: relative;
	padding: 12px 50px 5px 20px;
	font-size: 1.03em;
	color: #fff;
}

div#indentification p a 
{
	color: #fff;
	text-decoration: none !important;
}

div#indentification p a:hover 
{
	color: #fff;
	text-decoration: underline;
}

div#indentification #indentification-tools 
{
	position: absolute;
	top: 8px;
	left: 380px;
	background: #fefefe url(../../i/ndl/bg-indentification-tools.png) repeat-x bottom left;
	padding: 4px;
}

div#indentification #indentification-tools ul li 
{
	display: inline;
	padding: 4px 10px 4px 15px;
}


div#indentification #indentification-tools ul li a 
{
	color: #2a5d9f;
	text-decoration: none;
}

div#indentification #indentification-tools ul li a:hover 
{
	color: #222;
	text-decoration: underline;
}

#li-account {background: transparent url(../../i/ndl/ico-li-compte.png) no-repeat 0 6px}
#li-alerte {background: transparent url(../../i/ndl/ico-li-alerte.png) no-repeat 0 6px}
#li-liste {background: transparent url(../../i/ndl/ico-li-inscription.png) no-repeat 0 6px}
#li-deco {background: transparent url(../../i/ndl/ico-li-deconnexion.png) no-repeat 0 6px}



div#indentification .mollatpro {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 1.2em;
	padding: 0 0 0 16px;
	background: url(../../i/ndl/ico-cadenas.png) no-repeat 0 0;
}

div#indentification .mollatpro a {
	color: #fff;
	text-decoration: none;
}

div#indentification .mollatpro a:hover {
	color: #fff;
	text-decoration: underline;
}


div#container #maingutter {
	margin-top: 10px;
	background: transparent url(../../i/ndl/bg-container.png) no-repeat left top;
	position: relative;
}

div#content {
	margin: 0 210px 0 220px;
	min-height:450px;
	background-color: transparent;
	
}
div#content {
	margin: 0 0 0 0px; /* AVANT : 0 210px 0 250px */
	float: left; /* AJOUT */
	width: 555px; /* AJOUT */
	background-color: transparent;
	padding-left: 220px;
	min-height: 950px;
	
	}

* html div#content{height:450px;}
div#content-large {
	margin: 0 210px 0 28px;
	background-color: transparent;
}

/* =================================================================
Content > onglets sur la page d'accueil
================================================================= */

#content-tabs {
	padding: 25px 0px;
}

#content-tabs img {
	padding: 3px;
	float: left;
	margin: 0 15px 5px 0;

	background-color: white;
	border: 1px solid #eee;
}

#content-tabs h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #45686a;
	margin: 15px 0;
}

 
.coupdecoeur {
	float: right;
	width: 220px;
	text-align: right;

}

#content-tabs h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 5px 0;
	color: #89b3c4;
}

#content-tabs h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 5px 0;

	font-weight: 700;
	color: #89b3c4;
}


#content-tabs h5 {
	font-size: .9em;
	font-weight: normal;
	margin: 5px 0;

	font-weight: 100;	
	color: #89b3c4;
}


#content-tabs blockquote {
	padding: 10px;
	font-size: 1.0em;
	font-weight: normal;
	color: #657474;
}

#content-tabs p {
	padding: 10px;
	font-size: .9em;
	font-weight: normal;
	color: #657474;
}

/* =================================================================
Content > onglets sur la page d'accueil
================================================================= */

#content-dossier {
	padding: 15px 5px;
}

#content-dossier img {
	padding: 3px;
	float: left;
	margin: 0 4px 3px 0;

	background-color: white;
	border: 1px solid #eee;
}

#content-dossier h2 {
	font-size: 2em;
	font-weight: bold;
	color: #45686a;
	margin: 5px 0;
	padding-bottom: 5px;
}

#content-dossier h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #222;
	font-style: italic;
	padding-bottom: 15px;
}

#content-dossier p {
	padding: 10px;
	font-size: 1.1em;
	font-weight: normal;
	color: #657474;
}

#content-dossier dl {
	
}

#content-dossier dt img {
	padding: 3px;
	float: left;
	margin: 0 4px 3px 0;

	background-color: white;
	border: 1px solid #eee;
}

#content-dossier dt {
	font-size: 1.5em;
	font-weight: normal;
	color: #89b3c4;
	padding-bottom: 5px;
}

#content-dossier dd {
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: normal;
	color: #657474;
}

/* =================================================================
Content > detail book
================================================================= */

#content-detailbook {
	padding: 15px 5px;
	position: relative;
}

#content-detailbook img {
	padding: 3px;
	float: left;
	margin: 0 10px 3px 0;

	background-color: white;
	border: 1px solid #eee;
}



#content-detailbook h1 ,#content-detailbook h2 { /* 28/12/2010 - MT1777 - [YA] - Modification suite demande mail */
	font-size: 2.0em;
	width:260px;
	font-weight: 100;
	color: #45686a;
	margin: 5px 0;
	padding-bottom: 5px;
}

.audiobook {
	float: right;
	color: #ea690e;
	font: normal bold 1.5em Georgia, "Times New Roman", Times, serif;
	}

#content-detailbook h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #706d67;
	padding-bottom: 10px;
}

#content-detailbook h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #706d67;
	padding-bottom: 20px;
}

#content-detailbook h4 {
	font-size: 1.1em;
	font-weight: normal;
	color: #222;
	font-style: italic;
	padding-bottom: 15px;
}

#content-detailbook p {
	padding: 10px;
	font-size: 1.1em;
	font-weight: normal;
	color: #657474;
	padding: 3px 0;
	margin: 0;
}

/* =================================================================
Content > detail book > option
================================================================= */

div#detailbook-option {
	border: 1px solid #ddd;
	background: #efefef url(../../i/ndl/bg-degrade-01.jpg) repeat-x top left;
	position:relative;
	clear: left;
	padding: 5px 10px 0px 10px;
	width: 700px;
	margin-top: 30px;
}

div#detailbook-option p {
	font-size: .9em;
}

div#detailbook-onglets {
	padding-top: 15px;
	width: 730px;
}

div#detailbook-onglets p {
	padding: 7px 0;
}

div#detailbook-onglets h4 {
	padding: 7px 0;
	font-size: 1.3em;
}

div#detailbook-onglets h5 {
	padding: 7px 0;
	font-size: 1.1em;
}

div#detailbook-onglets img {
	float: right;
	margin: 0 5px 5px 5px;

	border: 1px solid #ddd;
}

div#detailbook-ico {
	margin: 10px 0 0 215px;
	border: 1px solid #ddd;
	padding: 10px;
	width: 485px;
	background-color: #d8d8d8;
}

div#detailbook-ico p {
	padding: 5px;
	font-size: 1.8em;
	text-align: center;
	font-style: italic;
	color: #fff;
}

div#syn-detailbook {
	margin-top: 3px;
	float: right;
}

div#syn-detailbook span {
	float: left;
	margin-top: 3px;
	margin-right: 3px;
}

div#syn-detailbook li {
	display: inline;
}

div#syn-detailbook img {
	margin: 0 1px 0 0 !important;
	padding: 0 !important;
	width: auto !important;
	border: none !important;
	float: none !important;
}

ul#tools-detailbook {
	
}

ul#tools-detailbook li {
	display: inline;
	line-height: 2em;
	font-size: 0.9em;
}

ul#tools-detailbook  li img {

	margin: 0 1px 0 0 !important;
	padding: 0 !important;
	width: auto !important;
	border: none !important;
	float: none !important;
	vertical-align: 30px;
}

/* =================================================================
Content > Listing de la page d'accueil
================================================================= */

.content-fifty {
	float: left;
	width: 240px;
	background: #fff url(../../i/ndl/FAN2049204_Veer.jpg) no-repeat top left;
	border: 1px solid #e9e8e6;
	margin-right: 1px;
	padding: 10px;
}

.content-fifty h2 {
	font-size: 1.8em;
	font-weight: 100;
	margin: 5px 0;
}

.content-fifty h2.orange {
	color: #be7250;
}

.content-fifty h2.vert {
	color: #8b986d;
}

.list-content-fifty {
	margin: 18px 0 10px 0;
	clear: left;
}

.list-content-fifty img {
	padding: 3px;
	float: left;
	margin: 0 4px 3px 0;

	background-color: white;
	border: 1px solid #eee;
}

.list-content-fifty h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #45686a;
	margin: 5px 0;
}

.list-content-fifty h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #45686a;
	margin: 5px 0;
}

.list-content-fifty h3 em {
	font-size: .8em !important;
	font-weight: normal;
	color: #a6a4a0;
	margin: 5px 0;
}

.list-content-fifty h4 {
	font-size: 1.1em;
	font-weight: normal;
	color: #45686a;
	margin: 5px 0;
}

.list-content-fifty h5 {
	font-size: 1.1em;
	font-weight: normal;
	color: #45686a;
	margin: 5px 0;
}



/* =================================================================
Content > Listing 
================================================================= */

.content-listing {
	float: left;
	width: 96%;
	background-color: #f7f7f7;
	margin: 0 0 0 1px !important;
	padding: 10px;
	border: 1px solid #e5e5e5;
}

.content-listing h2 {
	font-size: 1.9em !important;
	line-height: 1.1em;
	font-weight: 100;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #fff;	
}


.list-listing {
	margin: 18px 0 10px 0;
	clear: left;
	border-bottom: 1px solid #fff;
}

.list-listing img {
	padding: 3px;
	float: left;
	margin: 0 4px 3px 0;

	background-color: white;
	border: 1px solid #ddd;
}



.content-listing .list-listing h2 {
	font-size: 1.3em !important;
	font-weight: bold !important;
	color: #45686a  !important;
	margin: 5px 0 !important;
	border: none !important;
}

.list-listing h3 {
	font-size: .9em !important;
	font-weight: bold !important;
	color: #45686a  !important;
	margin: 2px 0 !important;
	border: none !important;
}

.list-listing h3 em {
	font-weight: normal;
	color: #a6a4a0;
	margin: 2px 0;
}

.list-listing h4 {
	font-size: .8em ;
	font-weight: bold ;
	color: #45686a  ;
	margin: 2px 0 ;
	border: none ;
}


.libr {

	padding: 10px;
	margin-bottom: 10px;
	color: #45686a  !important;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;		
}

.libr p {
	font-size: 1em !important;
	font-weight: 1000 !important;
	color: #45686a  !important;
	margin: 2px 0 !important;
	line-height: 1.4em;
}


.librs {
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
	text-align: right;
	
}

.librs h4 {
	font-size: 1.1em !important;
	font-weight: bold !important;
	color: #45686a  !important;
	margin: 2px 0 !important;
	border: none !important;
	}
	
	
.librs h5 {
	font-size: .9em !important;
	font-style:italic;
	font-weight: bold !important;
	color: #45686a  !important;
	margin: 6px 0 !important;
	border: none !important;
	}
	
/* =================================================================
Pagination
================================================================= */

.pagination {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:left;
	position:relative;
	float:left;
	width:97%;
	font-size:.9em;
	border:1px solid #e6e6e6;
	background: #efefef url(../../i/ndl/bg-degrade-01.jpg) repeat-x top left;
	margin:10px 1px;
	padding: 12px 7px 6px 7px;
}
 
.pag-ul
{margin: 0 0 5px 0;
}
.pag-ul li {
	border:0;
	list-style:none;
	display:inline;
	margin: 5px 0 5px 0;
padding:3px 6px;
}

.pag-ul .previous-off,.pag-ul .next-off {
color:#ddd; 
font-weight:700;
}

.pag-ul .next a,.pag-ul .previous a {
font-weight:700;
}

.pag-ul li.active {
color:#325a8d;
font-weight:700; 
padding:4px 8px;
}

.pag-ul a:link,.pag-ul a:visited {
color:#9e9e9e; 
background: #efefef url(../../i/ndl/bg-degrade-01.jpg) repeat-x top left;
text-decoration:none;
border:1px solid #f2f2f0;
margin: 0 5px;
}

.pag-ul .paginationpages {
color:#cecece; 
text-decoration:none;
margin-right:2px;
font-style:italic;
padding:3px 25px 3px 6px;
}

.pag-ul a:hover {
border:solid 1px #d6d6d6;
background-image:none;
}


.option {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:left;
	position:relative;
	float:left;
	width:97%;
	font-size:.8em;
	border:1px solid #e6e6e6;
	background: #efefef url(../../i/ndl/bg-degrade-01.jpg) repeat-x top left;
	margin:10px 1px;
	padding: 5px;

}


.alerte {
	clear:left;
	position:relative;
	float:left;
	width:97%;
	border:1px solid #e6e6e6;
	background: #efefef url(../../i/ndl/bg-degrade-01.jpg) repeat-x top left;
	margin:5px 1px;
	padding: 3px 7px
}

.alerte p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700 !important;
	font-size:.8em;
	color: #c12121 !important;
}


/* =================================================================
Carrousel
================================================================= */

div#carrousel {
	width: 760px;
	background: url(../../i/ndl/bg-carrousel.png) repeat-x right top;
	float: right;
	height: 365px;
	margin-bottom: 10px;
}

/* =================================================================
Navigation avec les onglets de la page d'accueil
================================================================= */

div#home-onglets {
	padding-top: 15px;
	width: 530px;
}

/* =================================================================
Colonne de droite
================================================================= */

div#coldroite {
	background: transparent;
	float: left;
	width: 210px; 
	margin-left: -210px;
}

div#coldroite h2 {
	background: url(../../i/ndl/bg-titre-coldroite-a.png) no-repeat right top;
	height: 34px;
	padding: 10px 0 0 10px;
	font-size: 1.1em;
	color: white;
	margin-top: 10px;
}

div#coldroite h2.bleu-m{
	background: url(../../i/ndl/bg-titre-coldroite-a-1.png) no-repeat left top;
	height: 65px;
	padding: 8px 0 0 10px;
	font-size: 1.1em !important;
	color: white;
	margin-top: 10px;
}
div#coldroite h2.vert {
	background-image: url(../../i/ndl/bg-titre-coldroite-b.png);
}

div#coldroite h2.orange {
	background-image: url(../../i/ndl/bg-titre-coldroite-c.png) ;
}

div#coldroite h2 a {
	color: #fff;
}



/* =================================================================
Colonne de gauche > tagcloud recherche
================================================================= */

#tagcloud {
	margin: 10px;
	width: 180px;
	text-align: center;
}

a.tag-1 {
	font-size: 1.9em;
	color: #6b8f9e;
}

a.tag-2 {
	font-size: 1.7em;
	color: #7c9ba9;
}

a.tag-3 {
	font-size: 1.5em;
	color: #8eadbb;
}

a.tag-4 {
	font-size: 1.4em;
	color: #8eadbb;
}

a.tag-5 {
	font-size: 1.3em;
	color: #c0d5df;
}

a.tag-6 {
	font-size: 1.2em;
	color: #ccdee7;
}

a.tag-7 {
	font-size: 1.1em;
	color: #d3e2e9;
}

a.tag-8 {
	font-size: 1.0em;
	color: #cfeaf7;
}

a.tag-9 {
	font-size: 0.8em;
	color: #cfeaf7;
}

.tag-1, .tag-2, .tag-3, .tag-4, .tag-5, .tag-6, .tag-7, .tag-8, .tag-9 {
	line-height: 1.1em;
}

/* =================================================================
Colonne de gauche > bloc meilleures ventes
================================================================= */

.bordertop {
	border-top: 1px solid #ddd;
}

.list-content-meilleursprix {
	float: right;
	margin-right: 20px;
	width: 180px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}

.mv1 {background: url(../../i/ndl/bg-list-meilleursprix-un.png) repeat-x right bottom;}
.mv2 {background: url(../../i/ndl/bg-list-meilleursprix-deux.png) repeat-x right bottom;}
.mv3 {background: url(../../i/ndl/bg-list-meilleursprix-trois.png) repeat-x right bottom;}
.mv4 {background: url(../../i/ndl/bg-list-meilleursprix-quatr.png) repeat-x right bottom;}
.mv5 {background: url(../../i/ndl/bg-list-meilleursprix-cinq.png) repeat-x right bottom;}

.list-content-meilleursprix dl {
	padding: 10px 0 15px 10px;
	border-bottom: 1px solid #ddd;
}

.list-content-meilleursprix dt {
	padding: 5px 0;
	font-weight: 700;
	font-size: 1.3em;
}

.list-content-meilleursprix dd {
	padding: 3px o;
	font-size: 1.0em;
}

.list-content-simple {
	margin-right: 20px;
}

.list-content-simple dl {
	padding: 10px 0 15px 10px;
	border-bottom: 1px solid #ddd;
}

.list-content-simple dt {
	padding: 5px 0;
	font-weight: 700;
	font-size: 1.3em;
}

.list-content-simple dd {
	padding: 3px o;
	font-size: 1.0em;
}
/* =================================================================
Colonne de droite > Panier > page interieur
================================================================= */


div#coldroite-panier {
	margin-top: 14px;
	border: 1px solid #ddd;
	background: #efefef url(../../i/ndl/bg-panier-small.png) repeat-x top left;
	padding: 5px;
	width: 180px;
}

div#coldroite-panier p {
	padding: 5px;
	font-size: 1.0em;
}

div#coldroite-panier div.panier-prix, 
div#coldroite-panier p.panier-prix {
	padding:  4px 5px;
	font-size: 1.8em;
	font-family: sans-serif;
	
	font-size: 1.6em;
	margin-left: 0;
	margin-right: 30px;
	padding: 0 5px 0 0;
	padding: 0 5px 0 5px;
	color: #5F7DA1 !important;
}

div#coldroite-panier p.panier-dispo {
	padding: 20px 5px 5px 10px !important;
	font-size: 1.2em;
	color: #6e6d68;
	font-style: italic;
	
	font-family: georgia;
	font-size: 1em;
	background: transparent url(../../i/ico-dispo.png) no-repeat 0 50%;
	padding-left: 22px !important;
}

div#coldroite-panier p.panier-conditions {
	padding: 0px 0 0 5px !important;
	font-size: 1.0em;
	text-align: center;
	color: #6e6d68;
	font-style: italic;
}


div#coldroite-panier ul {
	padding: 10px 5px;
}

div#coldroite-panier ul li {
	padding: 5px 5px;
	font-size: 1.0em;
}

div#coldroite-panier ul li a {
	color: #45686a;
}


/* Tristan - 10/05/2011 - Picto 5% panier detailbook */
div#coldroite-panier div.panier-prix div.5pc {
	display: inline-block;
	padding: 0;
	width: 60px;
	height: 45px;
	}
div#coldroite-panier div.panier-prix div.prix {
	display: inline-block;
	padding: 0;
	width: 80px;
	height: 45px;
	text-align: center;
	}



/* =================================================================
Colonne de gauche
================================================================= */
/*
div#colgauche {
	background:transparent;
	float: left;
	width: 210px;
	margin-left: -986px;
	position:relative;
	}
*/
div#colgauche {
	background:transparent;
	width: 210px;
	
	margin: 0;
	position: absolute;
	left: 0px;
	top: 226px;
	
	}

div#colgauche h2 {
	background: url(../../i/ndl/bg-titre-colgauche-a.png) no-repeat left top;
	height: 30px;
	padding: 14px 0 0 15px;
	font-size: 1.2em;
}

div#colgauche h2 a {
	color: #fff;
}

div#colgauche h3 {
	padding: 6px 0 5px 23px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #657474;
}

div#colgauche ul {
	padding: 3px 0 3px 25px;
}

div#colgauche ul li {
	font-size: 1.0em;
	padding: 3px 0;
}

div#colgauche ul li a {
	color: #919999;
	text-decoration: : underline;
}

div#colgauche .newsletter {
	background: url(../../i/ndl/bg-newsletter.png) no-repeat left top;
	height: 100px;
	position: relative;
}


div#colgauche .newsletter form {
	padding: 40px 10px 0 10px;
}

div#colgauche .newsletter form .field-nl {
	position: absolute;
	top: 0;
	left: 27px;
	width: 115px;
	border: none !important;
	background-color: transparent !important;
	padding: 44px 2px 2px 2px;
	font-size: 1em;
	color: #6892a3;
}

div#colgauche .newsletter form .submit-nl {
	position: absolute;
	top; 0;
	left: 155px;
}

/* =================================================================
Footer
================================================================= */

div#footer {
	color: #222;
	clear: left;
	width: 100%;
	height: 65px;
	background: url(../../i/ndl/bg-footer.png) no-repeat top left;
	
	}

div#footer p {
	margin: 0;
	font-size: 1.2em;
	text-align: center;
	font-weight: 100;
	padding: 20px 10px 5px 25px;
}

/* =================================================================
Navigation / Onglet / base sur jQuery CSS Framework
================================================================= */

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -99999999px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ui-helper-clearfix {
	display: inline-block;
}


* html .ui-helper-clearfix {
	height: 1%;
}

.ui-helper-clearfix {
	display: block;
}

/* end clearfix */

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Component containers
----------------------------------*/

.ui-widget {
	font-size: 1.1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 1em;
}

.ui-widget-content {
	
}

.ui-widget-content a {
	color: inherit;
}

.ui-widget-header {
	border-bottom: 1px solid #e0ded9;
}

.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #c7c4bb;
	font-weight: bold;
	color: #222;
	outline: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #222;
	text-decoration: none;
	outline: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border: 1px solid #c7c4bb;
	font-weight: bold;
	color: #4d3f2e;
	outline: none;
}

.ui-state-hover a, .ui-state-hover a:hover {
	color: #4d3f2e;
	text-decoration: none;
	outline: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	border: 1px solid #c7c4bb;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #292319;
	outline: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #292319;
	outline: none;
	text-decoration: none;
}

/* Tabs
----------------------------------*/

.ui-tabs {
	padding: .2em;
	zoom: 1;
}

.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	font-size: .8em;
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 .2em -1px 0.3em; /* espace entre les tabs  */
	padding: 0;
	background: #efefef url(../../i/ndl/bg-tabs-off.png) repeat-x top left;	
	
	
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: .5em 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 0;
	background: #fff url() repeat-x top left;
	color: #658fa0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
	color: #658fa0 !important;	
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	padding: 1em 1.4em;
	display: block;
	border-width: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}


/* 22/12/2010 - MT1755 - YA - remplace les balises nobr non sémentiques */
.content_edito .content-listing a.lk-rayon
{
    white-space:nowrap;
}


/* LE MENU HAUT */
div#indentification
{
	height: 12px;
}

.adv-btn-search a
{
	border: none;
}

/* LE PANIER */
div#header #panier p
{
	top: 37px;
}
div#header
{
	height: 93px;
}

/* LE MENU */
div#menu
{
	background-image: url( '../../i/ndl/bg-menu-02.png' );
}
div#menu ul li.menu-01
{
	background-image: url( '../../i/ndl/bg-menu-01.png' );
}
div#menu ul li.menu-02
{
	background-image: url( '../../i/ndl/bg-menu-08.png' );
}
div#menu ul li.menu-03
{
	background-image: url( '../../i/ndl/bg-menu-09.png' );
}
div#menu ul li.menu-04
{
	background-image: url( '../../i/ndl/bg-menu-07.png' );
}
div#menu ul li.menu-05
{
	background-image: url( '../../i/ndl/bg-menu-06.png' );
}
div#menu ul li.menu-08
{
	background-image: url( '../../i/ndl/bg-menu-04.png' );
}
div#menu ul li.menu-07
{
	background-image: url( '../../i/ndl/bg-menu-03.png' );
}
div#menu ul li.menu-06
{
	background-image: url( '../../i/ndl/bg-menu-05.png' );
}
div#menu ul li.menu-09
{
	background-image: url( '../../i/ndl/bg-menu-02.png' );
}
div#menu ul li.menu-10
{
	background-image: url( '../../i/ndl/bg-menu-10.png' );
}
div #menu ul li a
{
	border: none;
}

.champtxt
{
	width: 300px;
}

/* COL DE DROITE */
div#coldroite
{
	margin: 0;
	float: right;
}

.list-content-meilleursprix
{
	margin-right: 0px;
	float: none;
	margin-left: 8px;
}

* html div#colgauche .newsletter
{
	position: fixed;
}
div#colgauche h2
{
	color: White;
}
html div#colgauche div.edito
{
	margin-left: 25px;
}
#crumbs li a
{
	border: none;
}


div#content-large
{
	float: left;
	width: 745px;
	overflow: hidden;
	margin-right: 0;
	min-height: 450px;
}
* html div#content-large
{
	height: auto;
	margin: 0px;
	margin-left: 14px;
}
/*
div#coldroite-panier p.panier-prix
{
	font-size: 1.6em;
	margin-left: 0;
	margin-right: 30px;
	padding: 0 5px 0 0;
	padding: 0 5px 0 5px;
	color: #5F7DA1 !important;
}
div#coldroite-panier p.panier-dispo
{
	font-family: georgia;
	font-size: 1em;
	background: transparent url(../../i/ico-dispo.png) no-repeat 0 50%;
	padding-left: 22px !important;
}
*/
h2.content-listing
{
	color: #45686A;
	font-size: 1.9em !important;
	line-height: 1.1em;
	font-weight: 100;
	margin: 5px 0;
	margin-bottom: 10px !important;
	padding: 5px 0;
	width: 100%;
	border: none;
	background: none;
	border-bottom: 1px solid #fff;
}

.content-listing h2
{
	color: #45686A;
}

/* bloc central */
div.content-fifty
{
	margin-bottom: 20px;
}

/* FIL DE FER */
#crumbs li a
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 1px;
}
* html #crumbs li a
{
	display: inline;
}



/* =================================================================
Content > Listing de la page d'accueil
================================================================= */

.content-fifty
{
	float: left;
	width: 240px;
	background: #fff url(../../i/ndl/FAN2049204_Veer.jpg) no-repeat top left;
	border: 1px solid #e9e8e6;
	margin-right: 1px;
	padding: 10px;
}

.content-fifty h2
{
	font-size: 1.8em;
	font-weight: 100;
	margin: 5px 0;
}

.content-fifty h2.orange
{
	color: #be7250;
}


.content-fifty h2.vert
{
	color: #8b986d;
}

.list-content-fifty
{
	margin: 18px 0 10px 0;
	clear: left;
	width: 240px;
}

.list-content-fifty img
{
	padding: 3px;
	float: left;
	margin: 0 4px 3px 0;
	background-color: white;
	border: 1px solid #eee;
}

.list-content-fifty h2
{
	font-size: 1.3em;
	font-weight: bold;
	color: #45686a;
	margin: 5px 0;
}

.list-content-fifty h3
{
	font-size: 1.2em;
	font-weight: normal;
	color: #45686a;
	margin: 5px 0;
}

.list-content-fifty h3 em
{
	font-size: .8em !important;
	font-weight: normal;
	color: #a6a4a0;
	margin: 5px 0;
}

.list-content-fifty h4
{
	font-size: 1.1em;
	font-weight: normal;
	color: #45686a;
	margin: 5px 0;
}

.list-content-fifty h5
{
	font-size: 1.1em;
	font-weight: normal;
	color: #45686a;
	margin: 5px 0;
}


/* le 14022011 div.list-content-fifty */

div#fragment-1 div.chap3col {
	float: left !important;
	display: inline-block !important;
	width: 225px;
	font-size: 75%;
	background-color: transparent;
	}

div#fragment-1 div.chap3col div.list-content-fifty {
	/*height: 230px;*/
	}
div#fragment-1 div.chap3col div.list-content-fifty p.cartAdd {
	float: left;
	margin-left: 91px;
	width: 125px;
	position: inherit;
	bottom: 0;
	}
div#fragment-1 div.chap3col div.list-content-fifty h3.auteur {
	margin-left: 95px;
	}

/* fin  */


.list-listing h3
{
	margin-top: 7px !important;
}
.list-listing h3.prix
{
	font-weight: bold;
	font-size: 1.2em !important;
}

div#detailbook-option
{
	margin-top: 0px;
}

div#detailbook-option-coldro
{
	width: 180px; /* auto; /* */
	height: auto;
	margin: 10px 20px 0px auto;
	padding: 4px;
	border: solid 1px #ddd;
}

/** nuage de mot clef **/
#tagcloud a:link, #tagcloud a:visited
{
	border-bottom: none;
	text-decoration: none;
}

#tagcloud a:hover
{
	border-bottom: solid 1px #c0d5df;
	text-decoration: none;
}

#coldroite p, p, .chapeau
{
	font-family: Verdana;
}

.pseudo_popUp_bg div#content
{
	margin: 0 !important;
	float: none !important;
	width: 550px !important;
	padding: 0 !important;
}

/* Creative Commons */
.container-creativeC 
{
	position: absolute;
	background-color: #F6F5EF;
	width: 250px;
	text-align: center;
	padding: 5px;
	font-size: 12px;
}

.picto_postIt
{
	/*
	position: absolute;
	background-color: #F6F5EF;
	width: 250px;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	*/
	background-color: rgb(247,227 ,144 );
	text-align: left;
}

div.item-creativeC
{
	margin-top: 30px;
	text-align: center;
}

div.show-pod-thema
{
	margin-bottom: 20px;
}

/* CGV */

#popup-cgv p.top
{
	margin-left: 30px;
	margin-bottom: 30px;
	margin-right: 8px;
}

#popup-cgv ol li
{
	margin-left: 40px;
	margin-right: 8px;
	padding-bottom: 15px;
}

#popup-cgv ul
{
	margin-top: -12px;
}
#popup-cgv ul li
{
	margin-left: 40px;
	margin-right: 8px;
	padding-left: 10px;
	padding-bottom: 12px;
	list-style-type: square;
}

#popup-cgv blockquote
{
	float: none;
	background: none;
	width: auto;
	font: italic 0.9500em/1.5em verdana, serif;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	color: #000;
}

#popup-cgv h2
{
	color: #2e3192;
	font: bold 1.2125em/1.5em verdana, serif;
	margin-bottom: 15px;
}

#popup-cgv h3
{
	color: #2e3192;
	font: bold 1.1125em/1.5em verdana, serif;
	margin-top: 30px;
	margin-bottom: 15px;
}

#popup-cgv a:link, #popup-cgv a:visited
{
	color: #5457c0;
	text-decoration: none;
}
#popup-cgv a:hover
{
	color: #000;
	text-decoration: none;
}

/* FDP */

#popup-fdp p.top
{
	margin-left: 30px;
	margin-bottom: 30px;
	margin-right: 8px;
}

#popup-fdp ol li
{
	margin-left: 40px;
	margin-right: 8px;
	padding-bottom: 15px;
}

#popup-fdp ul
{
	margin-top: -12px;
}
#popup-fdp ul li
{
	margin-left: 40px;
	margin-right: 8px;
	padding-left: 10px;
	padding-bottom: 12px;
	list-style-type: square;
}

#popup-fdp blockquote
{
	float: none;
	background: none;
	width: auto;
	font: italic 0.9500em/1.5em verdana, serif;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	color: #000;
}

#popup-fdp h2
{
	color: #2e3192;
	font: bold 1.2125em/1.5em verdana, serif;
}

#popup-fdp h3
{
	color: #2e3192;
	font: bold 1.1125em/1.5em verdana, serif;
	margin-top: 30px;
	margin-bottom: 15px;
}

#popup-fdp a:link, #popup-fdp a:visited
{
	color: #5457c0;
	text-decoration: none;
}
#popup-fdp a:hover
{
	color: #000;
	text-decoration: none;
}


.pag-ul a:link, .pag-ul a:visited
{
	padding: 4px 6px 4px 5px;
}
.pag-ul li
{
	padding: 0;
}



#content-detailbook
{
	padding: 15px 100px 15px 5px;
}

/* PAGE MULTIMEDIA */
.multimedia_desc
{
	padding: 5px 10px 10px 10px;
	/*margin-left: 180px;*/
}

.details_video
{
	margin-bottom:10px;
}

span.one-item-video
{
	display:block;
	padding-bottom:2px;
}

.titre-video
{
	margin-bottom:10px;
	font-size:14px;
}

.link-video
{
	background:url(../../i/nv/infobulleright.gif) no-repeat left;
	padding-left:10px;
}

.ouvrages-video
{
	margin-top:10px;
}

.texte-video
{
	margin-top:10px;
}

span.show-video
{
	float:left;
	margin-right:10px;
}


/* liste Centrale avec Mini Caroussel  */

#listCentralMinCaro
{
	overflow: hidden;
	height: 260px;
}

#listCentralMinCaroFolio
{
	width: 240px;
	text-align: center;
}

#listCentralMinCaroPrec
{
	width: 120px;
}

#listCentralMinCaroSuiv
{
	width: 120px;
}


#listCentralMinCaro .list-content-fifty
{
	height: 260px;	
}

#listCentralMinCaroFolio table td
{
	width: 120px;	
}


div#carrousel 
{
      background: url(../../i/ndl/bg-carrousel.png) no-repeat right bottom; /* top */
      float: right;
      height: auto; /* 365px */
      overflow:hidden;
      margin-bottom: 10px; 
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;width:5000px;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
ul.jcarousel-skin-tango {width:5000px;}
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;width: 120px;}
.jcarousel-item-rdv {float: left;list-style: none;width: 430px;}

.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}


.jcarousel-skin-tango .jcarousel-container {overflow:hidden;}
 div#carrousel_div_rdv div.jcarousel-skin-tango div.jcarousel-container-horizontal {width:408px;padding: 20px 40px;margin-left: 0px;overflow:hidden;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:600px;padding: 20px 40px;margin-left:20px;overflow:hidden;}
 
.jcarousel-skin-tango .jcarousel-container-vertical {width: 75px;height: 245px;padding: 40px 20px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {width:600px;}
.jcarousel-skin-tango .jcarousel-clip-rdv-horizontal {width:422px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  75px;height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 100px;margin-left:10px;}
.jcarousel-skin-tango .jcarousel-item-rdv {width: 402px;margin-left:10px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;display:inline;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:red #fff;color: #000;}

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top : 60px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/ndl/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active 
{cursor: default;background-position: -96px 0;}
ui-tabs-panel .jcarousel-next {
right:50px !important;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top : 60px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/ndl/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active 
{cursor: default;background-position: -96px 0;}

/* Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-vertical {position: absolute;bottom: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/next-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active 
{cursor: default;background-position: 0 -96px;}

.jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute;top: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/prev-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active 
{cursor: default;background-position: 0 -96px;}


/* Div de l'infoBulle */
.infobulle {position:absolute;z-index:99;width:324px !important;height:290px;overflow:hidden;top:6px !important; background: url(../../i/ndl/bulle.png) no-repeat top left;padding:10px 10px 10px 25px;}
.infobulleBis{background: url(../../i/ndl/bulle_bis.png) no-repeat top left;top:6px !important;}
.infobulle h2.titre {font-size: 1.4em;padding: 4px !important;}
.infobulle h4.auteur {font-size: 1em;padding: 3px !important;}
.infobulle h4.editeur {font-size: 1em;padding: 3px !important;}
.infobulle h4.ean {font-size: 0.8em;padding: 3px !important;}
.infobulle h4.prix {font-size: 1.3em;color: #5f7da1;font-weight: bold  !important;padding: 0 0 3px 0 !important;}
.infobulle p.dispo {position: absolute;top:238px;left: 30px;font-size: 1.0em;color: white;background:none;font-style:italic !important;font-weight: bold  !important;margin:0;}
.infobulle .panier  {position: absolute;top:196px;left: 230px;}
.infobulle .panier_v2  {left:227px;margin:0;padding:0;position:absolute;top:230px;}



.content-tab-bg {

                float: left;

                /*width: 97%;*/
                width:95%;

                background: #fff url(../i/FAN2049204_Veer.jpg) no-repeat top left;

                border: 1px solid #e9e8e6;

                margin-right: 1px;

                padding: 10px;

}

 

.content-tab-bg h2 {

                font-size: 1.8em;

                font-weight: 100;

                margin: 5px 0;

}



.return_toLine {
	clear:both;
}


div#content-large-noRight {
	margin-right:0;min-height:900px;
	overflow: auto;
	width:745px;
	background-color:transparent;
	margin:0 28px  0 0 ;float:left;
	padding-left:220px;
	}
/* html div#content-large-noRight{height:900px;} */

div#coldroite div.edito {
	width:190px;
	position:relative;
	top:-5px;	 
	}

div#coldroite div.edito img {
	width:120px;
	border:solid 1px #ccc;
	padding:2px;
	display:block;margin-top:5px;
	margin-left:auto;
	margin-right:auto;	
	}

div#coldroite h3 { 
	color: #607ea2;
	margin-left:5px;	
	}
div#coldroite p {
	text-align:justify;
	margin-top:5px;
	margin-left:10px;
	}

div#coldroite p.readMore {
	color: #717ec5;
	background: transparent url(../../i/tmp/puce_2.gif) no-repeat 0 50%;
	width: 85px;
	margin-left: auto;
	text-align: right;
	}


/* bloc pub */
h5.publicite {
	text-indent:-9999px;
	font-size:0px;
	line-height:0px;
	}

h5.publicite a {
	background: transparent none no-repeat scroll top left;
	display:block;
	height:100%;
	margin:0;
	padding:0;
	text-decoration:none;
	}
h5.publicite a:hover
{background: transparent none no-repeat scroll 0 -130px}

/* pub lettre mollat */
h5.lettreMollat{width:190px;margin-left:10px;height:130px;}
h5.lettreMollat a {background-image: url(../../i/pub/ico-lalettre.gif)}
h5.lettreMollat a:hover {background-image: url(../../i/pub/ico-lalettre.gif)}


h5.dossierMollat{width:190px;margin-left:8px;height:130px;}
h5.dossierMollat a {background-image: url(../../i/pub/ico-dossier.gif)}
h5.dossierMollat a:hover {background-image: url(../../i/pub/ico-dossier.gif)}

ul#menu_cdcNouveMv li a {
	background:transparent url(../../i/pub/nav_selections.png) no-repeat scroll 0 0;
	display:block;
	height:30px;
	text-decoration:none;
	width:190px;text-indent:-9999px;
	font-size:0px;
	line-height:0px;
}

ul#menu_cdcNouveMv li#coupdecoeurs a  {background-position:0px 0px;}
ul#menu_cdcNouveMv li#meilleuresventes a {background-position:0px -30px;}
ul#menu_cdcNouveMv li#nouveautees a {background-position:0px -60px;}

ul#menu_cdcNouveMv li#coupdecoeurs a:hover {background-position:-190px 0px;}
ul#menu_cdcNouveMv li#meilleuresventes a:hover {background-position:-190px -30px;}
ul#menu_cdcNouveMv li#nouveautees a:hover {background-position:-190px -60px;}


/* le panier */
table.panier {
	width:100%;	
}

table.panier
{width:100%;}


table.panier tr th {
	background-color:#617fa3 ;
	color:White;
	padding:15px 5px 15px 5px;
	text-align:center;
}

table.panier tr.alt {
	background-color:#e0ebf1;
}

table.panier tr td {
	padding:7px;
	padding-top:2px;
	line-height:18px;
	border:solid 1px #ccc;
}

div.top-banniere {
	border:solid 1px #e8e8e5;
	width:468px;
	margin-top:12px;
	height:60px !important;
	padding:5px;
	margin-left:180px;
	background-color:white;
}

div.foliotage_content 
{
	margin-bottom: 60px;
	width: 100%;
	clear: both;
	/*border: 1px dashed #f00;*/
}


a.plus:link, a.plus:visited {
	padding-right: 7px;
	background: url(../../i/a_plus.png) no-repeat 100% 5px;
}
a.plus:hover {
	background: url(../../i/a_plus_hover.png) no-repeat 100% 5px;
}


/* =================================================================
Styles pour les push... (Tristan - 08/06/2009) 
================================================================= */
h2.push_title {
	font: normal 1.7000em/1.2 Georgia, serif;
	color: #617FA3;
	letter-spacing: -0.0500em;
	margin: 25px 5px 15px 0px;
	border-bottom: 1px solid #ebecef;
}

div.push_list_item_vignette {
	float: left;
	/*border: dashed 1px red;*/
}
div.push_list_item_vignette img {
	margin: 0 6px 6px 0;
	padding: 2px;
	border: solid 1px #ddd;
}
div.push_list_item_vignette a:link img, div.push_list_item_vignette a:visited img {
	border: solid 1px #ddd;
}
div.push_list_item_vignette a:hover img {
	border: solid 1px #aaa;
}


div.push_list_item {
	/*border: dashed 1px green;*/
	margin-left: 90px;
	line-height: normal;
	padding-top: 2px;
	padding-right: 10px;
	font-family:verdana;
	color: #666;
}
div.push_list_item a:link, div.push_list_item a:visited {
	text-decoration: underline;
	color: #666;
}
div.push_list_item a:hover {
	text-decoration: none;
	color: #000;
}
div.push_list_item img.flotted, div.list-content-simple img {
	margin: 0 6px 6px 0;
	padding: 2px;
	border: solid 1px #ddd;
	float: left;
}
div.push_list_item a:link img, div.push_list_item a:visited img {
	border: solid 1px #ddd;
}
div.push_list_item a:hover img {
	border: solid 1px #999;
}

div.push_grid {
	width: 140px;
	height: 200px;
	line-height: 1.3em !important;
	padding-right: 6px !important;
	float: left !important;
	clear: none !important;
}
div.push_grid a:link, div.push_list_item a:visited {
	text-decoration: none !important;
}
div.push_grid img {
	float: none !important;
}
/* ...END Styles pour les push (Tristan - 08/06/2009) */


/* =================================================================
Styles pour les coups de coeur... (Tristan - 16/06/2009) 
================================================================= */
div.cdc_list_item {
	border: solid 0px lime;
	clear:both;
	padding: 8px 4px; 
	margin-top: 10px;
	min-height: 130px;
	line-height: 1.5em;
	border-bottom: 1px solid #dedede;	
	background: #fff url(../../i/ndl/bg-degrade-01-big.jpg) repeat-x left bottom;
}
div.cdc_list_item_content {
	height:inherit;
	border: dashed 0px pink;
	background-color: transparent !important;
	float: left;
	width: 48%;
	padding: 0 10px 0 0;
}

div.cdc_list_item_content a:link, div.cdc_list_item_content a:visited {
	text-decoration: underline;
}
div.cdc_list_item_content a:hover {
	text-decoration: none;
}

div.cdc_list_item_content img {
	margin: 0 6px 2px 0;
	padding: 2px;
	border: solid 1px #ddd;
	float: left;
}
div.cdc_list_item_content a:link img, div.cdc_list_item_content a:visited img {
	border: solid 1px #ddd;
}
div.cdc_list_item_content a:hover img {
	border: solid 1px #999;
}

/* ...END Styles pour les coups de coeur (Tristan - 16/06/2009) */


/* =================================================================
Styles pour les post it (avis libraires)... (M.Zekhnini - 24/08/2011) 
================================================================= */
div.postIt_list_item {
	border: solid 0px lime;
	clear:both;
	padding: 8px 4px; 
	margin-top: 10px;
	min-height: 178px;
	line-height: 1.5em;
	border-bottom: 1px solid #dedede;	
	background: #fff url(../../i/ndl/bg-degrade-01-big.jpg) repeat-x left bottom;
	/*background-height: 100%;*/
}
div.postIt_list_item_content {
	height:inherit;
	border: dashed 0px pink;
	background-color: transparent !important;
	float: left;
	width: 48%;
	padding: 0 10px 0 0;
}

div.postIt_list_item_content2 {
	text-align: center;
	border: dashed 0px pink;
	background: transparent url(../../i/ndl/pictos/fond_postit.png) no-repeat top left !important;
	float: left;
	width: 180px;
	height: 160px;
	margin-left: 110px;
	padding:10px;
	font-size: 1.2em;
	font-weight: 100;
	color: #45686a;
}

div.postIt_list_item_content a:link, div.postIt_list_item_content a:visited {
	text-decoration: underline;
}
div.postIt_list_item_content a:hover {
	text-decoration: none;
}

div.postIt_list_item_content img {
	margin: 0 6px 2px 0;
	padding: 2px;
	border: solid 1px #ddd;
	float: left;
}
div.postIt_list_item_content a:link img, div.postIt_list_item_content a:visited img {
	border: solid 1px #ddd;
}
div.postIt_list_item_content a:hover img {
	border: solid 1px #999;
}

/* ...END Styles pour les post it(avis libraires)... (M.Zekhnini - 24/08/2011) */


/* le 260609 (dhouha) : style de commande et de détail commande*/
div.commande {
	
	letter-spacing: -0.0500em;	
	margin: 25px 5px 15px 5px; /* margin-top: 4px; /* */
	padding: 0 0 0 20px; /* 0; /* */
}

.titre 
{
	font: normal 1.7000em/1.2 Georgia, serif;
	color: #607ea2;	
	padding-bottom: 12px;
}

div.commande fieldset 
{
	margin: 15px 25px;
	border: 1px solid rgb(204, 204, 204); 
	width: auto;
	padding: 20px 15px;
	line-height:20px;		
	}
	
div.commande fieldset legend 
{
	font: normal 1.0000em/1.2 Georgia, serif;
	color: #45686A;
	background: #e7dcc2;
	border: 1px solid rgb(204, 204, 204);
	padding: 2px 6px;	
}

div.commande fieldset p
{text-align:justify;
	margin-top:5px;
	margin-left:10px;
	line-height:20px;
}
	
a.plus:link, a.plus:visited {text-decoration: none; }
a.plus:hover {text-decoration: none;}

a.plus 
{
	font: normal 1.0000em/1.5em Georgia, serif;	
	padding-right: 7px;
	color:#607ea2;
}

table.detail_cmde 
{
	border: 1px solid #dcdcdc;
	color: #616b76;
}

table.detail_cmde caption
{
	background-color:#e7dcc2;
	border-bottom: 1px solid #616b76;
	padding-top: 12px;	
	padding-bottom: 12px;
}

table.detail_cmde th
{
	border-bottom: 1px solid #616b76;
	border-right: 0px solid #616b76;
	background-color: #d9e2e1;
	color: #616b76;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
}

table.detail_cmde td
{
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	line-height:20px;
	text-align:left;
}

.bloc-option 
{
	clear:both;
	font: normal 0.9500em/1.4em Georgia, serif;	
	margin: 10px;
	padding: 5px 10px;
	border-top: 1px solid #f3eae3;
	color:#616b76;	
}


/* fin style de commande et detail commande */





/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../../i/tmp/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



.email_libraire {
	border: dashed 0px #666;
	text-align: center;
	margin-left: 18px;
	margin-bottom: 20px;
}

.email_libraire a:link, .email_libraire a:visited {
	border:dashed 0px #ff0;
	color: #666;
	padding-left: 22px;
	background: url(/ds/i/ico-email-16.png) no-repeat left;
	text-decoration: underline;
}
.email_libraire a:hover {
	color: #333;
	background: url(/ds/i/ico-email-20.png) no-repeat left;
	text-decoration:none;
}



/* =======================================================================================================
Styles pour les boutons et fieldset (pages de /comptes/newsletter/ par ex...) (Tristan - 03/07/2009) 
======================================================================================================= */

input.bouton {
	border: double 3px #e4e4e4;
	height: 26px;
	font: bold italic 0.9250em/1.2 Georgia, Times, serif !important;
	color: #698ab0;
	background: url(/ds/i/btn/bg-btn.png) repeat-x;
	
	}
input.bouton:hover {
	color: #779cc7;
	background: url(/ds/i/btn/bg-btn-hover.png) repeat-x;
	cursor: pointer;
	}
input.bouton:active {
	border: double 3px #e4e4e4;
	color: #698ab0;
	background: url(/ds/i/btn/bg-btn.png) repeat-x;
	}

input.bouton-close {
	border: double 3px #e4e4e4;
	height: 28px;
	padding: 0px 2px 2px 20px;
	font: bold italic 0.9250em/1.2 Georgia, Times, serif !important;
	color: #698ab0;
	background: url(/ds/i/btn/bg-btn-fermer.png) left no-repeat;
	}
input.bouton-close:hover {
	color: #779cc7;
	background: url(/ds/i/btn/bg-btn-fermer-hover.png) left top no-repeat;
	cursor: pointer;
	}
input.bouton-close:active {
	border: double 3px #e4e4e4;
	color: #698ab0;
	background: url(/ds/i/btn/bg-btn-fermer.png) left top no-repeat;
	}

input.btn-adr-active {
	border: double 3px #e4e4e4;
	height: 25px;
	font: bold 0.8750em/1.2 Georgia, Times, serif !important;
	color: #c60000;
	background: url(/ds/i/btn/bg-btn.png) repeat-x;
	padding: 2px 6px;
	}

fieldset {
	margin: 0 25px;
	border: 1px solid #e4e4e4;
	width: auto;
	padding: 20px 15px;
	}
legend {
	font: normal 1.1125em/1.2 Georgia, serif;
	color: #fff;
	background: #9aacbf;
	border: 1px solid #eee;
	padding: 4px 6px;
	}

label {
	border: dashed 0px navy;
	width: 175px;
	text-align: left;
	margin-right: 4px;
	font: bold 1.0125em/1.2 Tahoma, Verdana, sans-serif;
	color: #999; /* #4f6985; /* */
	/*
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	*/
	}

/* ...END Styles pour les boutons et fieldset (pages de /comptes/newsletter/ par ex...) (Tristan - 03/07/2009) */


.noFloat
{float:none !important;}


/* Styles pour la page de tous les widgets */
/* Tristan - 23/11/2009 */

#all_widgets {
	border: dashed 0px navy;
	font: normal 1.0825em/1.2 Georgia, serif;
	padding: 0;
	margin-bottom: 30px;
	}
#all_widgets h3 {
	font-family: Georgia;
	font-size: 1.5em;
	font-weight: bold;
	color:  #617fa3; /* #45686a; /*  */
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #8ab3d7;
	}
#all_widgets .bloc_widget {
	border: dashed 0px red;
	float: left;
	padding: 2px;
	margin-top: 32px;
	width: 340px; /* 48%; /*  */
	text-align: center;
	}
#all_widgets .bloc_widget_info {
	border: dashed 0px green;
	float: left;
	padding: 4px;
	margin-top: 32px;
	width: 370px; /* 48%; /*  */
	}
#all_widgets .widget_form {
	text-align: center;
	padding: 4px;
	margin: 10px 18px -10px 18px;
	color: #666;
	}
#all_widgets .widget_code_infos {
	text-align: center;
	color: #555;
	font: normal 0.9125em/1.2 Georgia, serif; /* Verdana, Arial, Helvetica, sans-serif; /*  */
	}
#all_widgets .widget_code {
	border: solid 1px #ccc;
	padding: 4px;
	margin: 18px 0px 8px 0px;
	background-color: #fffaf0; /* #f0f5f8; /* */
	color: #888;
	}



/* Styles pour le listing des avis lecteurs dans le detailBook */
/* Tristan - 10/12/2009 */

dl.avis_lecteur {
	border-right: solid 1px #cfcfcf;
	border-bottom: solid 1px #cfcfcf;
	margin-bottom: 25px;
	padding: 4px;
	}
dl.avis_lecteur dt {
	clear: left;
	font: bold 1.0625em/1.0 Georgia, serif;
	color: #25528a;
	line-height: 22px;
	padding-left: 4px;
	}
dl.avis_lecteur dt img {
	float: left;
	border: none;
	}
dl.avis_lecteur a.avis_upd:link, dl.avis_lecteur a.avis_upd:visited {
	background: #fffcdf url(../../i/logo_divers/edit_16.png) no-repeat right 1px;
	height: 20px;
	padding-right: 22px;
	padding-top: 4px;
	margin-bottom: 8px;
	/*background-color: #fffbd8;*/
	font: bold 0.7525em/1.0 Georgia, serif;
	text-decoration: none;
	border:none;
	color: #999;
	display: inline-block;
	}
dl.avis_lecteur a.avis_upd:hover {
	background: #fffbd8 url(../../i/logo_divers/edit_18.png) no-repeat right 0px;/**/
	text-decoration: none;
	border:none; 
	color: #666;
	}
dl.avis_lecteur dd {
	clear: left;
	padding: 4px;
	padding-left: 8px;
	font: normal 1.0825em/1.0 Georgia, serif;
	color: #333;
	}
dl.avis_lecteur dd.user {
	font: normal 0.8625em/1.0 Georgia, serif;
	clear: both;
	text-align: right;
	color: #8589a4;
	padding-top: 4px;
	/*margin-left: 120px;
	margin-right: 0px;
	display: inline-block;*/
	border: dashed 0px green;
	}
dl.avis_lecteur a.abus:link, dl.avis_lecteur a.abus:visited {
	background: transparent url(../../i/logo_divers/exclam_16.png) no-repeat right 1px;
	height: 20px;
	padding-right: 20px;
	padding-top: 4px;
	/*background-color: #fffbd8;*/
	font: normal 0.7525em/1.0 Georgia, serif;
	text-decoration: none;
	border:none;
	color: #666;
	display: block;
	}
dl.avis_lecteur a.abus:hover {
	background: transparent url(../../i/logo_divers/exclam_18.png) no-repeat right 0px;/**/
	text-decoration: none;
	border:none; 
	color: #333;
	}



/* ==========================================================================================
	Styles pour le mini formulaire de recherche de push dans les listings de push 
	Tristan - 15/04/2010 
========================================================================================== */
div#miniSearchPush {
	background: Transparent url(../../i/ndl/bg_miniSearchPush.png) no-repeat right bottom;
	/*width: 220px;*/
	height: 55px;
	margin: 20px 0px;
	padding: 10px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	}
div#miniSearchPush form #search_item {
	width: 130px;
	color: #666;
	}
div#miniSearchPush form #form_miniSearchPush_submit {
	position: absolute;
	margin-top: -3px;
	}

div#wrapper div#miniSearchPush {
	/*float: right;*/
	position: absolute;
	right: 0;
	}
div#coldroite div#miniSearchPush {
	position: relative;
	float: none;
	}



/* dh:le 14022011*/
h2.chapitre_title {
	font: normal 1.3000em/1.1 Georgia, serif;
	color: #617FA3;
	letter-spacing: -0.0500em;
	margin: 25px 5px 15px 0px;
	border-bottom: 1px solid #ebecef;
}



/* ---------------------------------------------------------------------------- 
MENU TUNNEL
---------------------------------------------------------------------------- */

div#menu-tunnel {
	width: 180px;
	margin: 0 20px;
	}
div#menu-tunnel ul {
	width: 150px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../../i/ndl/bg-tunnel.png) no-repeat 0 0;
	text-indent: -99999px;
	}

div#menu-tunnel li {
	display: block;
	width: 150px;
	padding:0;
	margin:0;
	}
div#menu-tunnel li a:link, div#menu-tunnel li a:visited {
	display: block;
    text-indent: -9000px;
    text-decoration: none;
    font-size:0px;
    line-height:0px;
    width: 150px;
    padding:0;
    margin:0;
    border:none;
    }

div#menu-tunnel li.panier, div#menu-tunnel li.panier a{height:97px;}
div#menu-tunnel li.identification, div#menu-tunnel li.identification a {height:100px;}
div#menu-tunnel li.livraison, div#menu-tunnel li.livraison a {height:101px;}
div#menu-tunnel li.paiement, div#menu-tunnel li.paiement a {height:95px;}

div#menu-tunnel li.panier-actif, div#menu-tunnel li.panier-actif a{height:105px;}
div#menu-tunnel li.identification-actif, div#menu-tunnel li.identification-actif a {height:100px;}
div#menu-tunnel li.livraison-actif, div#menu-tunnel li.livraison-actif a {height:101px;}
div#menu-tunnel li.paiement-actif, div#menu-tunnel li.paiement-actif a {height:95px;}


/* -------------------------------------------------- etat actif ------------------------------------------------- */

div#menu-tunnel.tunnel_identification li.panier  a,
div#menu-tunnel.tunnel_livraison li.panier  a,
div#menu-tunnel.tunnel_paiement li.panier  a
{background: url(../../i/ndl/bg-tunnel.png) no-repeat -300px -3px !important;}
div#menu-tunnel.tunnel_panier li.panier a{background: url(../../i/ndl/bg-tunnel.png) no-repeat -150px -3px;}

div#menu-tunnel.tunnel_identification li.identification a{background: url(../../i/ndl/bg-tunnel.png) no-repeat -150px -106px;}
div#menu-tunnel.tunnel_livraison li.identification a,
div#menu-tunnel.tunnel_paiement li.identification a
 {background: url(../../i/ndl/bg-tunnel.png) no-repeat -300px -106px !important; }

div#menu-tunnel.tunnel_livraison li.livraison a{background: url(../../i/ndl/bg-tunnel.png) no-repeat -150px -212px;}
div#menu-tunnel.tunnel_paiement li.livraison a {background: url(../../i/ndl/bg-tunnel.png) no-repeat -300px -212px !important;}

div#menu-tunnel.tunnel_paiement li.paiement a{background: url(../../i/ndl/bg-tunnel.png) no-repeat -150px -319px;}

/* --------------------------------------------------------------------------------------------------- */


h2 img {
	width:auto !important;
	border:none !important;	
	background-color:Transparent !important;
	}

div.bigContent {
	width:740px !important;
	min-height:620px   !important;
	}
* html div.bigContent{height:620px   !important;}


div#detailbook-onglets {
	width: 700px;
	overflow: hidden;
	margin-right: 0;
	}


fieldset.field_contact, fieldset.field_planSite {
	background-color: #FDFCF8;
	border: 1px solid #E4E4E4;
	color: #666666;
	margin: 10px 0 10px 7px ; /* 10px 10px 10px 10px*/
	padding: 15px 0 10px 0;
	width: 400px; 
	float: left;
	}
div.col-planSite {
	float: left;
	width: 320px;
	}
fieldset.field_planSite {
	float: none;
	width: 290px;
	padding: 15px 10px 10px 10px;
	text-align: justify;
	}
fieldset.field_contact legend, fieldset.field_planSite legend {
	color: #fffaf0; /* #0100A6; /*  */
	font-family: Georgia,serif;
	font-weight: bold;
	margin-left: 10px;
	font-size: 1.0125em;
	line-height: 1.2em;
	}
fieldset.field_planSite legend a:link, fieldset.field_planSite legend a:visited {
	color: #fffaf0; /* #0100A6; /*  */
	text-decoration: underline;
	}
fieldset.field_planSite legend a:hover {
	color: #fff;
	text-decoration: none;
	}
	
fieldset.field_planSite a:link, fieldset.field_planSite a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}
fieldset.field_planSite a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 0px;
	}
	
	
	
	
a.share_facebook, a.share_delicious, a.share_wikio, a.share_twitter, 
a.share_scoopeo, a.share_Diggit, a.share_BlogMarks, a.share_Viadeo, a.share_friendFeed {
	height:20px;
	width:20px;
	padding: 0;
	margin-right: 10px;
	background-position:  1px 1px;
	background-repeat: no-repeat;
	float:right;
	display:block;
	text-decoration: underline;
	text-indent:-5000px;
	font-size:0px;
	line-height:0px;
	border:none; 
	}
a.share_facebook:hover, a.share_delicious:hover, a.share_wikio:hover, a.share_twitter:hover, 
a.share_scoopeo:hover, a.share_Diggit:hover, a.share_BlogMarks:hover, a.share_Viadeo:hover, a.share_friendFeed:hover {
	text-decoration: none;
	background-position:top left;
	}
	
a.envoi_ami:link, a.envoi_ami:visited {
	height: 24px;
	line-height: 24px;
	background: transparent url(../../i/logo_divers/ico_envoi_envelop.png) no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	font: bold 0.8725em/1.0 Georgia, serif;
	text-decoration: none;
	border:none;
	color: #666;
	display: block;
	}
a.envoi_ami:hover {
	background: transparent url(../../i/logo_divers/ico_envoi_envelop_hover.png) no-repeat;
	text-decoration: none;
	border:none; 
	color: #333;
	}
	
a.add:link, a.add:visited {
	height: 24px;
	line-height: 24px;
	background: transparent url(../../i/logo_divers/add_18.png) 1px 1px no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	font: bold 0.8725em/1.0 Georgia, serif;
	text-decoration: none;
	border:none;
	color: #666;
	display: block;
	}
a.add:hover {
	background: transparent url(../../i/logo_divers/add_20.png) 0px 0px no-repeat;
	text-decoration: none;
	border:none; 
	color: #333;
	}
	
a.avis:link, a.avis:visited {
	/*
	height: 24px;
	line-height: 24px;
	background: transparent url(../../i/logo_divers/star_blue_18.png) 1px 1px no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	*/
	font: bold 0.8725em/1.0 Georgia, serif;
	text-decoration: none;
	border:none;
	color: #666;
	display: block;
	}
a.avis:hover {
	/*background: transparent url(../../i/logo_divers/star_blue_20.png) 0px 0px no-repeat;*/
	text-decoration: none;
	border:none; 
	color: #333;
	}
	
a.ebook:link, a.ebook:visited {
	height: 21px;
	line-height: 21px;
	background: transparent url(../../i/logo_divers/ico_ebook.png) no-repeat;
	padding-left: 20px;
	padding-top: -2px;
	font: bold 0.8725em/1.2 Georgia, serif;
	text-decoration: none;
	border:none;
	color: #666;
	display: block;
	}
a.ebook:hover {
	background: transparent url(../../i/logo_divers/ico_ebook_hover.png) no-repeat;
	text-decoration: none;
	border:none; 
	color: #333;
	}
	
a.achat_numerique:link, a.achat_numerique:visited {
	width: 240px;
	height: 36px;
	background: transparent url(../../i/ndl/acheter_format_numerique.png) no-repeat;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	border: none;
	}
a.achat_numerique:hover {
	background: transparent url(../../i/ndl/acheter_format_numerique_hover.png) no-repeat;
	text-decoration: none;
	border: none;
	}


/* picto facebook */
a.share_facebook {background-image:url(../../i/logo_divers/share_facebook_16.gif);}
a.share_facebook:hover {background-image:url(../../i/logo_divers/share_facebook_18.gif);}
 
/* picto delicious */
a.share_delicious{background-image:url(../../i/logo_divers/share_delicious_16.gif);}
a.share_delicious:hover {background-image:url(../../i/logo_divers/share_delicious_18.gif);}

/* picto wikio */
a.share_wikio{background-image:url(../../i/logo_divers/share_wikio_16.gif);}
a.share_wikio:hover {background-image:url(../../i/logo_divers/share_wikio_18.gif);}

/* picto twitter */

a.share_twitter{background-image:url(../../i/logo_divers/share_twitter_16.png);}
a.share_twitter:hover  {background-image:url(../../i/logo_divers/share_twitter_18.png);}


a.share_friendFeed{background-image:url(../../i/logo_divers/share_friendfeed_16.gif);}
a.share_friendFeed:hover  {background-image:url(../../i/logo_divers/share_friendfeed_18.gif);}


a.share_Viadeo{background-image:url(../../i/logo_divers/share_viadeo_16.png);}
a.share_Viadeo:hover{background-image:url(../../i/logo_divers/share_viadeo_18.png);}

a.share_BlogMarks{background-image:url(../../i/logo_divers/share_blogmarks_16.png);}
a.share_BlogMarks:hover{background-image:url(../../i/logo_divers/share_blogmarks_18.png);}

a.share_Diggit{background-image:url(../../i/logo_divers/share_diggit_16.png);}
a.share_Diggit:hover{background-image:url(../../i/logo_divers/share_diggit_18.png);}

a.share_scoopeo{background-image:url(../../i/logo_divers/share_scoopeo_16.png);}
a.share_scoopeo:hover{background-image:url(../../i/logo_divers/share_scoopeo_18.png);}


.panier_popup {
	width:460px;
	position:relative;
	padding-top:45px;
	text-align:left;
	padding-bottom:50px;
	}
.panier_popup h1 {
	position:absolute;
	text-align:center;
	color:White;
	left:-20px;top:0px;
	width:485px;
	background: transparent url(../../i/ndl/bg-titre-cart-a.png) no-repeat left top;
	height: 45px;
	padding: 14px 0 0 15px;
	font-size: 1.2em;
	}
.panier_popup h5 {
	position:absolute;right:-21px;width:250px;
	background: url(../../i/ndl/bg-titre-coldroite-a.png) no-repeat right top;
	height: 32px;text-align:right; 
	font-size: 1.1em;
	color: white;
	padding: 10px 10px 0 0;
	margin-top: 10px;
	}
.panier_popup h5 a {color:White;}

.panier_popup h5.poursuivre {
	position:absolute;
	left:-24px;
	width:220px;
	background: url(../../i/ndl/bg-titre-colgauche-a.png) no-repeat left top;
	height: 32px;
	text-align:left; 
	font-size: 1.1em;
	color: white;
	padding: 15px 0 0 10px ;
	margin-top: 6px;
	}





/* naviguation interface compte 
div#indentification #indentification-tools {
	position: absolute;
	top: 8px;
	left: 530px;
	background: #fefefe url(../i/ndl/bg-indentification-tools.png) repeat-x bottom left;
	padding: 4px;
}

div#indentification #indentification-tools ul li {
	display: inline;
	padding: 4px 10px 4px 15px;
}


div#indentification #indentification-tools ul li a {
	color: #2a5d9f;
	text-decoration: none;
}

div#indentification #indentification-tools ul li a:hover {
	color: #222;
	text-decoration: underline;
}

#li-account {background: transparent url(../i/ndl/ico-li-compte.png) no-repeat 0 6px}
#li-alerte {background: transparent url(../i/ndl/ico-li-alerte.png) no-repeat 0 6px}
#li-liste {background: transparent url(../i/ndl/ico-li-inscription.png) no-repeat 0 6px}


.box {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}*/

div#search {
	height: 40px ;margin:0;padding:0;border-top:solid 1px transparent;
	
	}
div#search fieldset{margin:0;padding:0;}
form.searchform input.inputsearch {top:7px;}
form.searchform input.submit-btn-search  {top:1px;}
.adv-btn-search{top:-3px !important;background-color: transparent;}

div#tchat {top:-2px;}


div.big-content-noGauche {
	padding-left:35px !important ;	
	width:730px !important;
	}
/*29/08/2011*/
div.big-content-noDroite{
	padding-left:500px !important ;	
	width:730px !important;
}

div.very_bigContent {
	padding: 0 !important;
	width:986px !important;
	min-height:450px !important;
	}
div.very_bigContent .margin {
	width:900px !important;
	margin-left:40px;
	}

* html div.very_bigContent{height:450px !important;}


div.marg35 {
	margin-left:35px !important;
	width:930px !important;
	}


div#menu ul li{font-weight:bold;}


div#colgauche h3 {text-transform:none;}


a.link_itunes, a.link_ecouter, a.link_telecharger, a.link_podcast, a.link_exporter, 
a.link_itunes_mini, a.link_ecouter_mini , a.link_telecharger_mini, a.link_podcast_mini, a.link_exporter_mini {
	background: transparent url(../../i/ndl/btn-podcasts-itunes_125.png) no-repeat top left;
	text-indent: -5000;
	font-size: 0px;
	line-height: 0px;
	width: 125px;
	height: 32px;
	display: inline-block ;
	border: none; /*solid 1px #dcdcdc; /*  */
	}

a.link_ecouter{background-image: url(../../i/ndl/btn-podcasts-ecouter_125.png);}
a.link_telecharger{background-image: url(../../i/ndl/btn-podcasts-telecharger_125.png);}
a.link_podcast{background-image: url(../../i/ndl/btn-podcasts-pod_125.png);}
a.link_exporter{background-image: url(../../i/ndl/btn-podcasts-exporter_125.png);}

a.link_itunes_mini, a.link_ecouter_mini , a.link_telecharger_mini, a.link_podcast_mini, a.link_exporter_mini {
	width:34px;
	height:24px;
	margin-left:13px;
	}
	
a.link_itunes_mini{background-image:url(../../i/ndl/btn-podcasts-itunes-mini.png);}
a.link_ecouter_mini{background-image:url(../../i/ndl/btn-podcasts-ecouter-mini.png);}
a.link_telecharger_mini{background-image:url(../../i/ndl/btn-podcasts-telecharger-mini.png);}
a.link_podcast_mini{background-image:url(../../i/ndl/btn-podcasts-pod-mini.png);}
a.link_exporter_mini{background-image:url(../../i/ndl/btn-podcasts-exporter-mini.png);}


div#listing_podcast {margin-left:30px;}
div#listing_video {margin-left:10px;}

div.listing_multimedia 
{
	width:44%;
	border: solid 1px grey;
	padding: 10px;
	float:left;
	
	}
	
div.listing_multimedia  h1 {
	font-size: 2.0em;
	width:100%;
	font-weight:400;
	color: #658fa0;
	margin: 5px 0 15px 0;
	padding-bottom: 5px;
	text-align:center;
}
div.listing_multimedia  h2 {
	font-size: 1.5em;
	text-decoration: underline;
	font-weight:400;
	color: #658fa0 !important;
	text-align:left;
}



div.historique_foliotage a.btn_toLeft, div.historique_foliotage a.btn_toRight{
	background : transparent url(../../i/ndl/next-horizontal-small.png) no-repeat -3px 0;
	text-indent:-5000;
	font-size:0px;
	line-height:0px;
	margin-right:20px;
	width:30px;
	height:29px;
	border:none;
	float:right;
	}
div.historique_foliotage a.btn_toLeft {
	background-image: url(../../i/ndl/prev-horizontal-small.png);
	float:left;
	}
div.historique_foliotage a.btn_toLeft:hover, div.historique_foliotage a.btn_toRight:hover {
	background-position: -35px 0;
	}

div#breadcrumb a{color:#375F92;}
h2.orange a {color:#BE7250;}
h2.vert a {color:#8B986D;}
div#content-dossier h2 a{color:#45686A;}
div#content-tabs h2 a{color:#45686A;}
div#coldroite p.readMore a {color:#717EC5}
div.content-listing a, div#footer a{color:#222222}

div#footer p {
	padding: 18px 0px 12px 4px;
	}


.newsAlert-gau {
	/*border: 1px solid green;*/ /* #f3eae3  green */
	width: 48%;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 12px;
	margin-bottom: 18px;
	}

.newsAlert-dro {
	/*border: 1px solid red;*/ /*  #f3eae3  red */
	border-left: 1px solid #f3eae3;
	width: 47%;
	float: left;
	margin-bottom: 18px;
	}


/**** FIELDSET DEFAULT ***/
fieldset.form {
	margin: 10px 0 10px 5px;
	padding:0;
	border: none;
	clear:both;
	position:relative;
	background:transparent url(../i/bg-content_large.png) no-repeat bottom left;
	}


/* titre de bloc */
fieldset.form h1 {
	color: #d36d23;
	padding: 16px 10px 8px 18px;
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	background: transparent url(../i/bg-content_large_top.png) no-repeat left top;
	margin: 0 0 0 0 ;
	border: none;
	border:none;
	display:block;
	}

fieldset.form div {margin-top:4px;margin-left:10px;}

fieldset.form label {
	float:left;
	font-weight:bold;
	margin: 5px 5px auto 5px;
	width:190px;
	}

fieldset.form input.btn_submit { 
	margin:0px;
	display:inline;
	background: transparent none no-repeat top left;
	height:37px;
	padding-bottom:7px;
	padding-right:15px;
	font-weight:bold;
	width:170px;
	border:1px solid #e4e4e4;
	position:absolute;
	text-align:right;
	right:5px;
	color:White;
	bottom:15px;
	}

fieldset.form input.champtxt , fieldset.form select.champtxt {
	margin: 0;
	padding: 3px;
	font-family: inherit;
	border: 1px solid #ddd;   
	font-size:100%;
	}

div.bigContent fieldset.form input.btn_submit {bottom:5px;	}
div.bigContent fieldset.form {
	margin-left:auto;
	margin-right:auto;	
	}


/***   FIELDSET D'IDENTIFICATION   ***/
div.bigContent fieldset.form_identification {
	height:190px;
	float:none;
	width:440px;
	background-position:right top;
	}

fieldset.form_identification {
	width:450px;
	float:left;
	background-image:url(../../i/tmp/font_identification.png);
	margin-bottom:0;
	height:200px;
	}

fieldset.form_identification h1 {
	width:450px;
	margin:0;
	padding-top:5px;
	padding-bottom:0px;
	color:White;
	}

div.bigContent fieldset.form_identification h1{width:440px;}

fieldset.form_identification div.content_form {
	height:95px;
	margin: 0 0 10px 10px;
	padding:0;
	}
fieldset.form_identification div.content_form div {
	margin:5px 0 0 10px;
	padding:0;
	color:#993333;
	font-weight:bold;
	}
fieldset.form_identification label {
	margin:5px 0px 0 25px;
	width:150px;
	color:white;
	float:left;
	}
fieldset.form_identification input.btn_submit {
	background-image: url(../../i/smt/btn_ocre.png);
	border: none;
	cursor:pointer;
	}
fieldset.form_identification input.champtxt {
	width:230px;
	margin:0 0px 0 25px;
	}

* html fieldset.form_identification input.champtxt {width:227px;}


/*** FIELDSET CREATION COMPTE ***/
fieldset.form_newAccount {
	clear:none;
	float:right;
	height:100px;
	margin-right:3px;
	width:475px;
	background:transparent url(../../i/tmp/font_new_account.png) no-repeat top right;
	margin-bottom:0px;
	}

div.bigContent fieldset.form_newAccount {
	height:85px;
	float:none;
	width:450px;
	margin-bottom:10px;
	background-position:top left;
	}
fieldset.form_newAccount h1 {
	width:440px;
	margin:0;
	padding-top:5px;
	padding-bottom:0px;
	color:White;
	}
 fieldset.form_newAccount a {
	margin:0px;
	display:inline;
	background: transparent url(../../i/smt/btn_rose.png) no-repeat bottom right;
	height:28px;
	padding-top:10px;
	padding-right:15px;
	font-weight:bold;
	width:170px;
	border:none;
	position:absolute;
	text-align:right;
	right:5px;
	color:White;
	bottom:20px;
	}
div.bigContent fieldset.form_newAccount a {bottom:3px;}
* html fieldset.form_newAccount a {margin-right:6px;}


/*** FIELDSET Mot de passe oublié ***/
fieldset.form_lostMDP {
	clear:none;
	margin-top:0px;
	float:right;
	height:100px;
	margin-right:3px;
	width:475px;
	background:transparent url(../../i/tmp/font_lost_password.png) no-repeat bottom right;	
	}

div.bigContent fieldset.form_lostMDP {
	float:none;
	background-position:top left;
	width:440px;
	height:90px;
	}


fieldset.form_lostMDP h1 {
	width:450px;
	margin:0;
	padding-top:5px;
	padding-bottom:0px;
	color:White;
	}
	
div.bigContent fieldset.form_lostMDP h1 {width:440px;}

fieldset.form_lostMDP input.btn_submit, fieldset.form_contact input.btn_submit {
	background-image:url(../../i/smt/btn_bleu.png);
	border: none;
	cursor:pointer;
	} 

fieldset.form_contact input.btn_submit {
	margin:0 auto 0 auto;
	top:0;
	}


.mdp_left {
	width:210px; 
	border:none; 
	border-right:double 3px #fff;
	padding-right:10px;margin:0px;margin-top:0px;
	}

.p_toSend {
	 text-align:right;
	 color: #eee;
	 margin-top:15px;
	 padding-bottom:10px;
	 }
fieldset.form_lostMDP input.champtxt {
	position:absolute;
	top:20px;
	left:250px;
	width:200px; 
	margin:2px 0 0 6px;
	}

.c_commander, a.c_commander {
	background: transparent url(../../i/smt/btn_vert_long.png) no-repeat top right !important;
	width:188px;
	height:37px;
	display:block;
	color:white;clear:both;
	padding-top:9px !important;
	padding-left:12px !important;
	text-align:right;
	padding-bottom:8px !important;
	font-weight:bold;
	padding-right:10px !important;	
	margin-top:10px !important;
	margin-left:auto !important;
	border:none;
	}

input.c_commander {
	padding-top:3px !important;	
	padding-left:0 !important;
	padding-right:7px !important;	
	text-align:right;
	}

a.s_suppr {
	background:transparent url(../../i/smt/btn_suppr.png) no-repeat top left;
	text-indent:-1000px;
	font-size:0px;
	line-height:0px;
	display:block;
	width:24px;
	height:24px;
	}

a.commander_ici, a.commander_ici_on, a.commander_ici_off, 
a.livrer_ici, a.livrer_ici_on, a.livrer_ici_off, a.modif_adr, a.other_adr {
	background:transparent url(../../i/ndl/btn-acc-melivrerici-non.png) no-repeat top left;
	text-indent:-1000px;
	font-size:0px;
	line-height:0px;
	display:block;
	width:115px;
	height:25px;
	float:right;
	}
a.commander_ici{background-image: url(../../i/ndl/btn-acc-retirecommande-non.png);width:190px}
a.commander_ici_on{background-image: url(../../i/ndl/btn-acc-retirecommande-on.png);width:190px}
a.commander_ici_off{background-image: url(../../i/ndl/btn-acc-retirecommande-off.png);width:190px}

a.livrer_ici_on{background-image: url(../../i/ndl/btn-acc-melivrerici-on.png);}
a.livrer_ici_off{background-image: url(../../i/ndl/btn-acc-melivrerici-off.png);}

a.modif_adr {
	background-image:url(../../i/ndl/btn-modifieradresse.png);
	width:152px;
	float:left;
	}
a.other_adr {
	background-image:url(../../i/ndl/btn-melivrerautreatos.png);
	width:190px;
	margin: 0 auto 0 auto;
	}




/* =================================================================
Forms => from /ds/c/ndl/master.css
================================================================= */
/*
form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset {
	border: 1px solid #000;
	}
	
	
form.cmxform textarea, select {
	margin: 0;
	padding: 3px;
	font-family: inherit;
	border: 1px solid #ddd;
	}
	
select {
	padding: 0;
	}

.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
	
form.cmxform fieldset {
	margin-bottom: 10px;
	}
	
form.cmxform legend {
	padding: 0 2px 0 6px !important;
	font-weight: bold;
	_margin: 0 -7px;
	}
	
		
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform fieldset fieldset label {
	margin-left: 123px;
	}
	
form.cmxform legend {
	padding: 10px 0 10px 10px !important;
	}
	
form.cmxform label {
	color: #333;
	}

form.cmxform fieldset fieldset {
	background: none;
	}
	
*/
	
/* ==================================================================
(Tristan - 07/07/2009) 
================================================================== */
div.content_popUpAdr {
	border-bottom: 2px solid #ddd;	
	width:800px !important;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	}

div.content_popUpAdr h1 {
	/*  idem h2.content-listing dans /ds/c/nv/master.css  */
	color:#45686A;
	font-size: 1.7em !important;
	line-height: 1.1em;
	font-weight: 100;
	margin: 5px 0;
	margin-bottom:15px !important;
	padding: 5px 0;
	width:100%;
	border:none;
	background:none;
	border-bottom: 1px solid #fff;	
	}

div.bigContent {
	min-width: 720px;
	}
div.bigContent h1 {
	/*  idem h2.content-listing dans /ds/c/nv/master.css  */
	color:#45686A;
	font-size: 1.9em !important;
	line-height: 1.1em;
	font-weight: 100;
	margin: 5px 0;
	margin-bottom:15px !important;
	padding: 5px 0;
	width:100%;
	border:none;
	background:none;
	border-bottom: 1px solid #fff;	
	}

form.cmxform {
	width: 98%;
	font-size: 1em;
	color: #333;
	}

form.cmxform input{
	margin: 0;
	padding: 3px;
	font-family: inherit;
	border: 1px solid #ddd;
	}

form.cmxform p {
	font-size: 0.8em !important;
	color: #333;
	padding: 10px 0 !important;
	}

form.cmxform fieldset {
	border: none;
	background: #fff url(../../i/ndl/cmxform-fieldset.jpg) left bottom repeat-x;
	margin-bottom: 30px;
	}

form.cmxform fieldset legend {
	background: #9aacbf;
	color: #fff;
	font-weight: bold;
	padding: 4px 8px;
	}

form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}

form.cmxform fieldset ol li {
	list-style: none;
	margin: 0;
	padding: 5px 10px 7px;
	background: url(../../i/ndl/cmxform-divider.jpg) left bottom repeat-x;
	}

form.cmxform fieldset ol li label {
	border: dashed 0px navy;
	width: 175px;
	text-align: left;
	margin-right: 4px;
	font: bold 1.0125em/1.2 Tahoma, Verdana, sans-serif;
	color: #999; /* #4f6985; /* */
	
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}

form.cmxform fieldset ol li label.label_radio {
	border: dashed 0px red;
	width: auto;
	margin-right: 20px;
	font: normal 1.0125em/1.2 Georgia, Times, serif;
	color: #333;
	}

form.cmxform fieldset ol li label em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

input.radio_civ {
	border: dashed 0px lime;
	}

input.reset_pink {
	background: transparent url(../../i/smt/btn_rose_left.png) no-repeat 1px 0px;
	width: 150px;
	height: 37px;
	padding-bottom: 8px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: none;
	cursor: hand;
	}
input.submit_green {
	background: transparent url(../../i/smt/btn_vert_long.png) no-repeat top right;
	width: 150px;
	height: 37px;
	padding-bottom: 8px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: none;
	cursor: hand;
	}

h2.frm_sendFriend {
	color: #2e3192;
	font: bold 1.6125em/1.5em Georgia, serif;
	margin-bottom:15px;
	}
h3.frm_sendFriend {
	color: #1c60b3;
	font: bold 1.2125em/1.5em Georgia, serif;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom: dotted 1px #aaa;
	}

a.avisNote_cold:link, a.avisNote_cold:visited {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999px;
	text-decoration: none;
	border: none;
	background: transparent url(../../i/logo_divers/star_cold_18.png) no-repeat 1px 1px;
	}
a.avisNote_cold:hover {
	/*display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999px;
	text-decoration: none;
	border: none;*/
	/*background: transparent url(../../i/logo_divers/star_hot_20.png) no-repeat;*/
	}

a.avisNote_hot:link, a.avisNote_hot:visited {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999px;
	text-decoration: none;
	border: none;
	background: transparent url(../../i/logo_divers/star_hot_18.png) no-repeat 1px 1px;
	}
a.avisNote_hot:hover {
	/*display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999px;
	text-decoration: none;
	border: none;*/
	/*background: transparent url(../../i/logo_divers/star_cold_20.png) no-repeat;*/
	}


#RechExpExact
{
	margin-left: 198px;
}

/* un listing dans le site */
h2.titre, dt.titre, .infobulle h2.titre , h2.titre_bis {
    font-size: 1.3em !important;
    font-weight: bold !important;
    color: #45686a;
    }

h2.titre a , dt.titre a , .infobulle h2.titre a, h2.titre_bis a, dd.ean
{color: #45686a;}

h4.auteur, dd.auteur {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #45686a !important;
    }

h4.editeur, dd.editeur, h4.date_parution {
    font-size: 1.2em !important;
    font-weight: normal !important;
    color: #45686a !important;
    }

h4.prix, dd.prix {
    font-size: 1.1em !important;
    font-weight: bold !important;
    color: #5F7DA1 !important;
    }


dt.titre, dd.auteur, dd.editeur, dd.prix, dd.ean {
    margin: 5px 0;
    font-family:Georgia;
    }

h4.editeur, h3.auteur, h2.titre, h4.prix, h4.date_parution, h4.ean, .infobulle h2.titre , .list-listing h4, .list-listing h3 {
    margin: 5px 0 0 95px;
    font-family:Georgia;
    }
    .list-listing h3.auteur /* MT1755 - YA correctif suite au changement de H4 vers H3 */
    {
        margin: 5px 0 0 95px !important;
    }

h2.titre_bis {
    margin:5px 0;
    font-family:Georgia;
    }

p.panier a {
    background: transparent url(../../i/ndl/btn-panier.png) no-repeat left top; /* btn-panier-small.png */
    line-height: 0px;
    font-size : 0px;
    text-indent: -5000px;
    display: block;
    width: 150px; /* 148px; /*  */
    height: 40px; /* 25px; /*  */
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    clear: both;
    border: none;
    }
p.panier a:hover {
    background: transparent url(../../i/ndl/btn-panier_h.png) no-repeat left top;
	}

p.dispo {
	background: transparent url(../../i/ico-dispo.png) no-repeat 0 50%;
	padding-left: 22px !important;
	height: 20px !important;
	padding-top: 6px !important;
	padding-bottom: 0px !important;
	margin-left: 95px ;
	font-weight: bold !important;
	font-family: Georgia;
    }
 
 


/* listing panier */
.list-content-fifty h3 {
    font-size: 1.2em;
    font-weight: normal;
    color: #45686a;
    margin: 5px 0;}

.list-content-fifty h3 em {
    font-size: .8em !important;
    font-weight: normal;
    color: #a6a4a0;
    margin: 5px 0;
    }

.list-content-fifty h4 
{}

.list-content-fifty h5 {
    font-size: 1.1em;
    font-weight: normal;
    color: #45686a;
    margin: 5px 0;
    }


.content-listing h2 {
    font-size: 1.9em !important;
    line-height: 1.1em;
    font-weight: 100;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    }


.list-listing  {
    margin: 18px 0 10px 0;
	clear: left;
	border-bottom: 1px solid #fff;
    }

.list-listing img {
	padding: 3px;
	float: left;
	margin: 0 4px 3px 0;
	background-color: #fff;
	border: 1px solid #ddd;
    }
    
  
    
    
  

/* =================================================================
(Tristan - 19/06/2009) 
================================================================= */
.list-listing a:link, .list-listing a:visited {
	text-decoration: underline;
	color: #666;
    }
.list-listing a:hover {
	text-decoration: none;
	color: #000;
    }

.list-listing a:link img, .list-listing a:visited img {border: solid 1px #ddd;}
.list-listing a:hover img {border: solid 1px #aaa;}
/* ============================================================== */

 

.list-listing h3 em {
	font-weight: normal;
	color: #a6a4a0;
	margin: 2px 0;	
    }
    
 .list-content-simple dl {
	padding: 10px 0 15px 10px;
	border-bottom: 1px solid #ddd;
    }

.list-content-simple dt {
	padding: 5px 0;
	font-weight: 700;
	font-size: 1.3em;
    }

.list-content-simple dd {
	padding: 3px o;
	font-size: 1.0em;
    }


#content-detailbook p, #content-detailbook h4, #content-detailbook h3, #content-detailbook h2 ,#content-detailbook h1 /* 28/12/2010 - MT1777 - [YA] - Modification titre livre en H1 suite demande mail */
{padding-left:180px;}

#picto_ecolo b {
	position:relative;
	top: 11px;
	color:#658fa0;
	}
#picto_ecolo img { border:none; }

/* GESTION DU PANIER */
p.panier_v2 {
    margin:0 auto;
    padding-left:40px;
    width:175px;
    position:relative;
    clear:left;
    }
p.panier_v2 img {
    border:0 !important;
    background-color:Transparent !important;
    }
p.panier_v2 a img {
    border:0 !important;
    margin-top:6px !important;
    }
p.panier_v2 a:link img, p.panier_v2 a:visited img {border:0;}

#content-tabs  p.panier_v2 {width:auto;}

/* panier au sein des meilleurs ventes */
#coldroite p.panier_v2 {
    padding-left:0;
    margin:0 !important;
    width:auto;
    }
.list-content-meilleursprix p.panier_v2 a {border:none;}



/* affichage de l'infobulle */ 
a.tooltip 
{
	/*left: 120px; dh, en commentaire le 03112011, pb d'affichage de "i" sur la HP*/
    border: 0;
    position: relative;
    display:inline-block;
    z-index: 85;
    text-decoration:none;
    }
p.panier_v2 a.tooltip img {margin-top:0 !important;}
a.tooltip em.box {
    display:none;
    font-size: 12px !important;
    font-weight:normal !important;
    font-family :Verdana;
    position:absolute;
    }
 
a.tooltip:hover {border: 0;}
a.tooltip:hover em.box {
    font-style: normal;
    display: block;
    position: absolute;
    top: 40px;
    left: -100px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
    margin:0;
    }
a.tooltip:hover em.box span {
    position: absolute;
    top: -7px;
    left: 113px;
    height: 7px;
    width: 11px;
    display:block;
    background: transparent url(../../i/nv/infobulletop.gif) no-repeat top left;
    margin: 0;
    padding: 0;
    border: 0;
    }
a.tooltip:hover em.box a {display:inline;}
 
#content-tabs a.tooltip {
    float:right;
    top:-15px;
    position:relative;
    right:0;
    border:none;
    }
#content-tabs a.tooltip:hover em.box {top:40px;}
#content-tabs em.box span {left:113px;}

.list-content-meilleursprix a.tooltip:hover em.box {
    left:-132px !important;
    top:37px !important;
    }
.list-content-meilleursprix em.box span {left:142px !important;}


#picto_web a.tooltip:hover em.box {
    top: 0px;
    left: -185px;
    background-color :rgb(247,227 ,144 );
    text-align:left;
    }
#picto_web a.tooltip:hover em.box span {
    left: 179px;
    top: 8px;
    background-image:url(../../i/nv/infobulleright.gif);
    width: 7px;
    height: 11px;
    }
 
 div#picto_web div.picto_postIt {
	text-align: center;
	vertical-align:middle;
	border: dashed 0px pink;
	background: transparent url(../../i/ndl/pictos/fond_postit.png) no-repeat top left !important;
	width: 180px;
	height: 180px;
	margin-left: 15px;
	padding:10px;
	/*Font-family:	Comic Sans MS,cursive;
	font-size:105%;*/
	font-size: 1.2em;
	font-weight: 100;
	color: #45686a;
	}
 
 /* dhouha : le 01/02/2010 */
 .radio_btn  {
	margin:0;
	text-align:center;
	background-color:#a397bb;
	padding:10px;
	color:white;
    }

div.livrer_selected {display:none;}

div#livrer_gris {width:350px;}
div#retrait_gris {width:310px;}
div#bloc-retrait {
    width: 310px;
    float: left;
    border: solid 1px #CCC;
    margin-bottom: 20px;
    position: relative;
    }
div#bloc-retrait h2 {
    margin: 0;
    text-align: center;
    background-color: #a397bb;
    padding: 10px;
    color: white;
    position: relative;
    z-index:25;
    }
div.bloc-texte-gris {
    color: #C0C0C0;
    float: left;
    border: solid 1px #CCC;
    margin-bottom: 20px;
    position:relative;
    }

div.bloc-adr-liv{
    float: left;
    border: solid 1px #CCC;
    margin-bottom: 20px;
    position: relative;
    }

div.livrer_gris {
	-moz-opacity:.35;
	filter:alpha(opacity=35);
	opacity:.35;
	background-color: #c0c0c0;
	top: 0;
	position: absolute;
	height: 100%;
	z-index: 20;
    }
 
 
 div.commande .visualiser  {
	margin-right:  25px;
	margin-bottom: -20px;
	padding-right:10px;
	padding-top:10px;
	text-align:right;
    }


/* WRAPPER DE CHARGEMENT */
 /*
div#overlay_white {
	position: absolute;margin:0;padding:0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;  
	z-index:100;
}*/

div.overlay_to_write 
{
	position: absolute;
	margin:0;
	padding:0;
	top: 0;
	z-index:100;
	left: 0;
	
}
 
 div.overlay_for_hidden
{
position: absolute;
margin:0;
padding:0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:100;
}

div.waitingColor{background-color: #fff;z-index:101;}
div.popColor{background-color: #003;z-index:100;}

 
 
 
div.waitingMessage {
	font-weight:bold;
	margin-top:150px;
	margin-left:400px;	
	padding: 2px 0 2px 21px;
	color: black;
	z-index:100;
	background: transparent url(../../i/loading.gif) no-repeat 0 50%;
}








/*  Pour la XhrPopUp  */
div.overlay_popUp {background-color: #000033; }

div.wrapper_popUp {		  
	z-index:100;
	height:0px;
	width:0px;
	position:absolute;
	overflow:visible;  
	margin:0;padding:0;	
	background-color: transparent; 
	visibility:hidden;
}

div.pseudo_popUp {
	z-index:100;
	margin:0;padding:0;
	   background-color: transparent; 
	border :none 0px transparent;
	
	padding: 5px 10px 5px 10px;
}

div.pseudo_popUp_bg {
	margin: 0;
	padding: 0;
	background-color: white;
	padding: 5px 10px 5px 10px;
	border: solid 1px #666;	
	margin-left: 10px;
	margin-right: 15px;
	z-index: 100;
	overflow: visible;
	visibility: hidden;
}




 

/* Debut customisation barre de partage : M.Zekhnini le 30/08/2011 */
span.st_fblike_hcount 
{

}
span.st-facebook-counter
{
	background: transparent url('../../i/ndl/pictos/fbShare.jpg') no-repeat left !important;
	width: 75px !important;
	margin-left: -17px;
}
span.st-linkedin-counter
{
	background: transparent url('../../i/ndl/pictos/in_share.png') no-repeat left !important;
	width: 135px !important;
}
span .st_plusone_hcount div { padding-right:0px !important; }
/* Fin barre de partage */