/* TODO */



/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

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, img, ins, kbd, q, s, samp, strike, tt, var, u, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{margin: 0;	padding: 0;	border: 0; font-size: 100%;	font: inherit; vertical-align: baseline;} /*b, em, i, sup, sub, i et strong enlevés */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;	border-spacing: 0;}

/* spacer */
hr {clear:both;}	
.hide {visibility:hidden;}

/* ---------------------------- 
			BASE 
	Option blanc+logo
------------------------------- */
html {
	font-size:100%;
	min-height:100%;
	}
	
body {
	Background:#fff url(../images/bg.png) no-repeat center center;
	font-family: Verdana, sans-serif;
	font-size: 0.75em /*12px*/;
	text-align: left;
	line-height: 1.5em; /*16px*/
	color: #333;
	overflow-x:hidden;
	min-height:100%;
	}
	
/* ---------------------------- 

			TYPO 

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

/* titres */

h1{font-size: 135%;letter-spacing:0.05em;} /* titres listes-blocs familles */
h2{font-size: 1.6em;} /*têtières*/
h3{font-size: 1.4em; line-height:135%;margin:0;padding:5px 0 15px;font-weight:bold;} /* titre livre fiche article + titre actus */
h4{font-size: 95%;margin:0; padding:25px 0 0;} /* disponibilité - fiche article */
	
/* base linkologie */
a:link {
	color:#333;
	text-decoration:underline;
	}
	
a:visited {
	color: #666; 
	text-decoration:none;
	}
	
a:hover, a:focus, a:active {
	color: #e60002;
	text-decoration:none;
	}



/* ---------------------------- 
	STRUCTURE 
	Mise en Page width<1300px 
------------------------------- */

#headers { /*bloc de réglage hauteur (attention change en fonction de la largeur d'écran)*/
	height: 85px;
}

#col_gauche {
	position: absolute;
	background: url(../images/bg_col_gauche1024.png) no-repeat left top;		
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 92px 10px 0 5px;
	height: 900px;
	width: 145px;
	}	

#col_droite {
	position: absolute;
	background: transparent url(../images/bg_col_droite1024.png) top right no-repeat;			
	top: 0px;
	right: 0px; /* opera 5 je sais !! */
	margin: 25px 0 0 0;
	padding: 90px 0 0 20px;
	height: 900px;	
	width: 150px;
	text-align:center;
	}

#part_cent, #part_cent_thema, #part_cent_actu, #part_cent_rech, #part_cent_actu_thema {margin: 0 175px 0 175px; padding: 0px 10px 10px 10px;}

#part_cent .frame, #part_cent_thema .frame {
	margin: 15px 5px;
	width: auto;
	height: auto;
	font-size:1.16em;/*14px*/
	line-height:1.4em;
}
		
/* --------------------
bloc utilisateur 
----------------------*/

#top {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	}
.top-top {
	position: relative;
	left: -50%;
	padding: 10px;
	background: transparent;
	margin: 5px 150px 20px;
	text-align: center;
	line-height:2em;
	}
	
.bloc-header {
	display:inline;
	font-size:0.925em;
	vertical-align: top;
	}
#infos-user {
	padding-right:30px;
	max-width:60%;
	color:#333;
	}	
.bloc-header a {
	text-transform :uppercase ;
	padding:5px 20px 5px 35px;
	}

#panier a:link {color: #333; background: url(../images/action_icon/panier-20-333.png) no-repeat 5px center;}
#panier a:hover, #panier a:active {color: #666; text-decoration:none; background: url(../images/action_icon/panier-20-666.png) no-repeat 5px center;}
	
#selection a:link {color: #333; background: url(../images/action_icon/selection-20-333.png) no-repeat 5px center;}
#selection a:hover, #selection a:active {color: #666; text-decoration:none; background: url(../images/action_icon/selection-20-666.png) no-repeat 5px center;}

#unlog a:link {color: #333; background: url(../images/action_icon/exit-20-333.png) no-repeat 5px center;}
#unlog a:hover, #unlog a:active {color: #666; text-decoration:none; background: url(../images/action_icon/exit-20-666.png) no-repeat 5px center;}	

/* ---------------------------- 
		Menu gauche 
------------------------------- */
#col_gauche p {
	font-size: 0.925em;/*11px*/
	line-height:1.2em;
	font-family: Verdana, Geneva, sans-serif;
	color:#333;
	text-transform:uppercase;
	}
	
#col_gauche a:link, #col_gauche a:visited  {
	padding: 8px 5px 8px 30px;
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	color: #eee;
	text-decoration:none;
	}

#col_gauche a:hover, #col_gauche a:focus {
	color: #fff;
	}

#col_gauche a:active {
	color: #fff;
	}
	

#navcontainer ul{
	margin-top:-5px;
	margin-bottom:10px;
	list-style-type: none;
}

#navcontainer #navlist a{
	padding:0 0 0 30px;
	font-size:0.85em /*10px*/;
	}

.menu_group {
	margin-top:15px;
	margin-bottom:15px;
	}

/*-- Sommaire --*/	

#col_gauche a.sommaire:link, #col_gauche a.sommaire:visited {
	height: 24px;
	text-transform:none;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 20px;
	font-style: italic;
	color: #780606;
	background: url(../images/menu_icons/home-20.png) no-repeat left 5%;
	}
	
#col_gauche a.sommaire:hover {color:#fff;background: url(../images/menu_icons/home-20-white.png) no-repeat left 5%;}	

	
/* Icônes de navigation */	
	
#col_gauche a.truck:link, #col_gauche a.truck:visited {background: url(../images/menu_icons/truck-20.png) no-repeat left center;}
#col_gauche a.truck:hover {background: url(../images/menu_icons/truck-20-white.png) no-repeat left center;}	
	
#col_gauche a.magazine:link, #col_gauche a.magazine:visited {background: url(../images/menu_icons/magazine-20.png) no-repeat left center;}
#col_gauche a.magazine:hover {background: url(../images/menu_icons/magazine-20-white.png) no-repeat left center;}	

#col_gauche a.pmev:link, #col_gauche a.pmev:visited {background: url(../images/menu_icons/date_to-20.png) no-repeat left center;}
#col_gauche a.pmev:hover {background: url(../images/menu_icons/date_to-20-white.png) no-repeat left center;}	

#col_gauche a.office:link, #col_gauche a.office:visited {background: url(../images/menu_icons/today-20.png) no-repeat left center;}
#col_gauche a.office:hover {background: url(../images/menu_icons/today-20-white.png) no-repeat left center;}	

#col_gauche a.recherche:link, #col_gauche a.recherche:visited {background: url(../images/menu_icons/search-20.png) no-repeat left center;}
#col_gauche a.recherche:hover {background: url(../images/menu_icons/search-20-white.png) no-repeat left center;}

#col_gauche a.moleskine:link, #col_gauche a.moleskine:visited {background: url(../images/menu_icons/moleskine-20.png) no-repeat left center;}
#col_gauche a.moleskine:hover {background: url(../images/menu_icons/moleskine-20-white.png) no-repeat left center;}

#col_gauche a.thema:link, #col_gauche a.thema:visited {background: url(../images/menu_icons/thema-20.png) no-repeat left center;}
#col_gauche a.thema:hover {background: url(../images/menu_icons/thema-20-white.png) no-repeat left center;}	

#col_gauche a.editeur:link, #col_gauche a.editeur:visited {background: url(../images/menu_icons/user-20.png) no-repeat left center;}
#col_gauche a.editeur:hover {background: url(../images/menu_icons/user-20-white.png) no-repeat left center;}

/* icones pages famille */
/*disques */
#col_gauche #menu_page_1 a:link, #col_gauche #menu_page_1 a:visited {background: url(../images/menu_icons/music-20.png) no-repeat left center;}
#col_gauche #menu_page_1 a:hover {background: url(../images/menu_icons/music-20-white.png) no-repeat left center;}

/* carterie religieuse */
#col_gauche #menu_page_3 a:link, #col_gauche #menu_page_3 a:visited {background: url(../images/menu_icons/church-20.png) no-repeat left center;}
#col_gauche #menu_page_3 a:hover {background: url(../images/menu_icons/church-20-white.png) no-repeat left center;}

/*revues - page famille  */
#col_gauche #menu_page_1003 a:link, #col_gauche #menu_page_3 a:visited {background: url(../images/menu_icons/magazine-20.png) no-repeat left center;}
#col_gauche #menu_page_1003 a:hover {background: url(../images/menu_icons/magazine-20-white.png) no-repeat left center;}



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

	Colonne de droite - Actus 

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

#col_droite  dl{
	padding:5px 10px;
	}

#col_droite dt {}
#col_droite dd a{
	padding:5px 0;
	font-size: 0.925em;/*11px*/
	line-height:1.2em;
	color:#333;
	display:block;
	}

#col_droite dt a {display:block;}
#col_droite dt img {
	width:110px;
	border: 3px solid #fff;
}	

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

	Têtières

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

h2.titre{
    color:#fff;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-weight:bold;
	font-style:italic;
	letter-spacing:0.1em;
	padding: 8px 0 8px 60px; 
	margin: 0 auto;
	text-align:left;
	background: #e2001a url(../images/titre-recherche.png) no-repeat 20px center ;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	}

/*icones spécifiques + couleur */
	h2.recherche{background: #36b9ef url(../images/menu_icons/search-20-white.png) no-repeat 20px center !important;}
	h2.editeur {	background: #e2001a url(../images/menu_icons/user-20-white.png) no-repeat 20px center ;}	
	h2.moleskine {background: #e2001a url(../images/menu_icons/moleskine-20-white.png) no-repeat 20px center ;}
	h2.office {background: #36b9ef url(../images/menu_icons/today-20-white.png) no-repeat 20px center;}
	h2.pmev {background: #36b9ef url(../images/menu_icons/date_to-20-white.png) no-repeat 20px center;}
	h2.thema{background: #e2001a url(../images/menu_icons/thema-20-white.png) no-repeat 20px center;}
	h2.actu {background: #e2001a url(../images/menu_icons/actu-20-white.png) no-repeat 20px center;}
	h2.revues {background: #e2001a url(../images/menu_icons/magazine-20-white.png) no-repeat 20px center;}
	
	#nouveautes h2.titre {background: #e2001a url(../images/menu_icons/today-20-white.png) no-repeat 20px center;}
	#a-paraitre h2.titre {background: #e2001a url(../images/menu_icons/date_to-20-white.png) no-repeat 20px center;}
	#meilleures-ventes h2.titre, h2.best {background: #e2001a url(../images/menu_icons/best-20-white.png) no-repeat 20px center;}

/* Pages Familles */
	#page_1 h2.titre {background: #e2001a url(../images/menu_icons/music-20-white.png) no-repeat 20px center;} /* musique */
	#page_3 h2.titre {background: #e2001a url(../images/menu_icons/church-20-white.png) no-repeat 20px center;} /* carterie religieuse */

	#page_1003 h2.titre {background: #e2001a url(../images/menu_icons/magazine-20-white.png) no-repeat 20px center;} /* revues*/
	
/* liens dans les tétières */
h2.titre a:link, h2.titre a:visited {color:#fff;text-decoration:underline;}
h2.titre a:hover, h2.titre a:active {color:#444;text-decoration:none;}
	
	
/* -----------------------
		Pagination 
-------------------------*/

table.pagination{
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	margin: 0 0 15px 0;
	font-size:70%;
	}

.page-numbers td{
	padding-bottom:15px;
	vertical-align:bottom;
	}

.PageNumberActive {
	font-size: 150%; 
	font-weight:bold;
	line-height: 1.5em;
	color: #D60002;
	margin: 0 10px 0 5px;
	}

.PageNumberInactive {
	font-size: 130%; 
	line-height: 1.5em; 
	margin: 0 10px 0 5px;
	}

/* ---------------------------
	
	Bandeau résultats + actions 
	
------------------------------*/

.bandeau {
	font-size: 95%;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding: 0;
	margin: 0 0 15px 0;
	}
	
.bandeau span, .bandeau b, .bandeau a {
	color: #333;
	display:inline-block;
	padding:8px 0;
	line-height:2em;
	}

/* nbre de résultats */

.bandeau b {
	padding-right:30px;
	padding-left:15px;
	}
	
/* infos prix */

.bandeau span {
	padding-right:15px;
	padding-left:40px;
	margin:0 20px 0 0;
	border-right:1px dotted #aaa;
	font-weight:bold;
	}
span.ic_prix_public {
	background: #eee url(../images/prix-public-333.png) no-repeat 12px center;
	}
	
span.ic_prix_achat {
	background: #eee url(../images/prix-achat-333.png) no-repeat 12px center;
	}


/* liens action */	

.bandeau a {
	padding-left: 25px;
	}
	
.bandeau a:hover, .bandeau a:focus, .bandeau a:active {
	color: #666;
	}
	
a.ic_check {
	background: url(../images/action_icon/check-20-333.png) no-repeat left center;
	}
a.ic_check:hover {
	background: url(../images/action_icon/check-20-666.png) no-repeat left center;
	}

a.ic_uncheck {
	background: url(../images/action_icon/uncheck-20-333.png) no-repeat left center;
	}
a.ic_uncheck:hover {
	background: url(../images/action_icon/uncheck-20-666.png) no-repeat left center;
	}
	
a.ic_panier {
	background: url(../images/action_icon/buy-20-333.png) no-repeat left center;
	}
a.ic_panier:hover {
	background: url(../images/action_icon/buy-20-666.png) no-repeat left center;
	}

a.ic_print {
	background: url(../images/action_icon/printer-20-333.png) no-repeat left center;
	}
a.ic_print:hover {
	background: url(../images/action_icon/printer-20-666.png) no-repeat left center;
	}

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

Pages Famille (revues, moleskine, familles...) 

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

/* ------------Partie Actualités ------------*/
#part_cent_actu {text-align:center;}

.actu-box {
	margin:25px 0 0;
	padding:0;
	}

.actu-box dl {
	text-align:center;
	padding:0;
	float: left;
	width: 33%;
	}
	
.actu-box dt {
	margin:0 auto;
	}

.actu-box dt a {
	overflow:hidden;
	border-radius:5px;
	box-shadow: 0 0 5px #444 inset;
	margin:0 auto;
	display:inline-block;
	overflow: hidden;
	max-width: 95%;
	}	

.actu-box dd {
	width:90%;
	margin:10px auto 0;
	}
	
.actu-box dd a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	}

.actu-box dt a img {
	z-index:-1;
	position:relative;
	height:300px;
	}

	
/* actus moleskine*/


.moleskine .actu-box dt a{
	width:95%;
	}

/*----------- Affichage des gammes ----------------*/

#moleskine, #revues, #sous_familles {
	margin:15px auto 0;
	width:100%;
	}

#moleskine .bloc-famille, #revues .bloc-famille, #sous_familles .bloc-famille {
	float:left;
	/*height:250px;*/
	width:45%;
	margin:10px 2%;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 1px 3px 8px #444 inset, -1px -1px 2px #f2eee6;
	}
	
div.left {
	box-shadow: 1px 3px 8px #444 inset, -1px -1px 2px #f2eee6 !important;
	}

div.right {
	box-shadow: -1px 3px 8px #444 inset, 1px -1px 2px #f2eee6 !important;
	}

.bloc-famille h1 {
	text-transform:uppercase;
	margin:13px 0 0;
	font-weight:normal;
	padding-left:20px;
	}
	
ul.membres-famille{
	text-align: left;
	margin:0;
	list-style-position: inside;
	padding:10px 0 15px 20px;
	}

ul.membres-famille li{
    list-style-type: none; 
    background-image: url(../images/puce-rouge.png); /* puce par défaut */
    background-repeat: no-repeat; 
    background-position: left 5px; 
    padding-left: 20px; 
	text-align: left;
	text-decoration: none;
	color: #666;
	margin:5px;
	font-size:100%;
	}
/* perso partie revues */
#revues .bloc-famille {
	height:170px;
	}

/* perso partie Moleskine */	

#moleskine .bloc-famille {
	height:250px;
	background-position:top left;
	}
	
/*perso globale sous-familles */	

#sous_familles .bloc-famille {
	width:70%;
	margin:10px 5%;
	min-height:230px;
	padding-right:20%;
	}

#sous_familles .bloc-famille h3 {
	margin: 10px 0 0;
	padding: 5px 0 5px 25px;
	font-size:1em;
	}

#sous_familles ul.membres-famille{
	padding-top:10px;
	-moz-column-count:auto;
	-webkit-column-count:auto;
	-o-column-count:auto;
	column-count:auto;
	-moz-column-width:200px;
	-webkit-column-width:200px;
	-o-column-width:200px;
	column-width:200px;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
	
	}

#sous_familles ul.membres-famille li{
	display:inline-block;
	break-inside: avoid-column;
	width:180px;
	}

/* perso page famille revues */

#page_1003 #sous_familles .bloc-famille {
	height:170px;
	min-height:170px;
	padding-right:0;
	float:left;
	width:80%;
	margin:15px 9%;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 1px 3px 8px #444 inset, -1px -1px 2px #f2eee6;
	}
	
#page_1003 #sous_familles ul.membres-famille {
	-moz-column-count:1;
	-webkit-column-count:1;
	-o-column-count:1;
	column-count:1;
	-moz-column-width:auto;
	-webkit-column-width:auto;
	-o-column-width:auto;
	column-width:auto;
	-moz-column-gap:auto;
	-webkit-column-gap:auto;
	-o-column-gap:auto;
	column-gap:auto;
	}

#page_1003 #sous_familles ul.membres-famille  li{
	display:block;
	width:auto;
	}
	
/*---------------------
	EDITEURS
<1360 = 5 éditeurs par ligne. taille 16%.
>1360 = autant d'éditeurs que possible par ligne. taille 140px - margin 15px
2 options de présentation à régler dans le xsl : inset & transparent	
-----------------------*/

dl.list-editeur {
	display: inline-block;
	width: 16%;
	height:140px; /*problème sur écrans 1028*/
	margin: 0 2% 20px;
	padding: 0;
	vertical-align: middle;
	}
	
dl.list-editeur img {
	width:100%;
	}

/*option inset */	
 dl.inset dt{
	}
	
dl.inset  dt a:link {
	border-radius: 10px;
	display:block;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 5px #444 inset;
	-webkit-transition-property: padding;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in;
    -moz-transition-property: padding;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in;
	transition-property: padding;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;} 
	
dl.inset  dt a:hover, .inset dl.inset dt a:active {
	padding: 5px;
	box-shadow: 0 0 0 #444 inset;
	}

/*option transparent */
 dl.transparent dt{
	}
	
 dl.transparent dt a:link {
	display:block;
	padding: 10px;
	opacity:0.7;
	-webkit-transition-property: padding;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in;
    -moz-transition-property: padding;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in;
	transition-property: padding;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;} 
	
 dl.transparent dt a:hover,  dl.transparent dt a:active {
	padding: 0;
	opacity:1;
	}
	
/* ----------------- page dédiée Editeur --------------*/

#entete_editeur div {float:left;}
#entete_editeur  .description {width:65%;font-size:0.875em;margin-bottom:25px;}
#entete_editeur  .logo_grand {width:25%;margin:0 5% ;}
.logo_grand img {width:100%;}

.description ul {
	list-style-type:disc;
	list-style-position:inside;
	}

.description ul li {
	padding-left:10px;
	}

/* ---------------------------- 
Résultats recherche avec notices (nbre géré dans web.config)
<1280px = 4 notices 1%|23%|1%
1280-1679 = 5 notices 1%|18%|1%
1680+ = 10px|170px|10px
Options de présentation : liste vignette / scroll lattéral ||| complet / partiel (titre+ ?)

------------------------------- */
/* scroll - informations partielles */

#scroll .scroll {
	position:relative;
	margin-top:20px;}
	
#scroll .frame {
	overflow-x:scroll;
	position:relative;
	padding:0 20px;
	margin:0px;
	}

#scroll .scroll::before{	
	content: url(../images/shaded-edge_screenshots_left.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	z-index: 1;
	}
	
#scroll .scroll::after{	
	content: url(../images/shaded-edge_screenshots.png);
	position: absolute;
	top: 0;
	right: 0;
	width: 21px;
	z-index: 1;
	}
	
#scroll .liste {
	width:1900px;
	height:400px;
	}

#scroll .notice {width:170px;margin:20px 10px;}
	
#scroll .notice .auteur, #scroll .notice .prix{display:none;}

/* liste vignettes */

div.liste, table.table-result {
	font-size:0.7em;
	line-height:1.4em;
	}
	
.liste dl.notice {
	margin: 1%;
	width: 23%;
	display: inline-block;
	box-shadow: 0 0 5px #aaaaaa;
	background-color: #fff;
	vertical-align:bottom;
	border-radius:5px;
	position:relative;
	z-index:0;}
	
.liste dt, .liste dd { 
	text-align:left;}
	
.liste dt a {
	display:block;
	}
	
.notice dt img {
	width: 100%;
	}

.moleskine .notice dt img {
	width:84%;
	margin: 5px 8% 0 8%;
	}	
	
.liste dd.check {
	display: block;
	margin-top: 0;
	box-sizing: border-box;
	padding: 5px 0 ;
	background-color: #e7e6d3;
	color: #666;
	text-align: center;
	}
	
.moleskine dd.check {
	padding: 10px 0;
	}

dd.check label {display: inline-block;cursor:pointer;margin-left: 20px;}

dd.check input[type=checkbox] {
float: left;
margin: 1px 0 0 -20px;
line-height: normal;
position:absolute;}


.notice  dd.titre{
	font-size:1.1em; /*+1px*/
	line-height:1.4em;
	padding:5px 5%;
	font-style:italic;
	text-align:center;
	height:46px;
	width: 90%;
	overflow: hidden;

	/*white-space: nowrap;
	text-overflow:ellipsis;*/
	}
	
.moleskine dd.titre {
	font-style:normal;
	height:auto;
	margin-bottom:0;}
	
.liste  dd.titre a:link{
	text-decoration:none;
}
.notice dd.auteur{
	padding:0 10px ;
	text-transform:uppercase;
	color:#666;
}

.notice  dd.prix {
	border-radius: 50%;
	width: 70px;
	height: 70px;
	background-color: #e7e6d3;
	color: #666;
	text-align: center;
	font-weight: bold;
	line-height: 450%;
	margin: auto;
	position: relative;
	top: 35px;
	margin-top: -25px;
	z-index: -1;
	}
	
.notice dd.prix2 {
	text-align:center;
	padding:0 5% 5px;
	background-color: #e7e6d3;
	color:#666;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow:ellipsis;
	font-weight:bold;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}	

.notice dd.editeur {
	text-align:center;
	padding:10px 5% 0;
	background-color: #e7e6d3;
	color:#666;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow:ellipsis;
	text-transform:uppercase;
	}

span.prix {
	}
.notice dd.m-couv {}

.notice dd.m-format{}

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

 le tableau resultat liste 
 
 ------------------------ */


table.table-result, #part_cent_thema  form table {
	font-size:0.825em;
	line-height:1.5em;
	color: #444;
	background-color:#fff;
	margin-top:25px;
	margin-bottom:25px;
	border-radius:15px;
	box-shadow: 0 0 3px #aaaaaa;
	}

.table-result tr.first, #part_cent_thema  form table tr.first {
text-transform:uppercase;
border-bottom:1px solid #999;
}

.table-result td, .table-result th, #part_cent_thema  form table td, #part_cent_thema form table th {
	padding: 6px 6px 6px 12px;
	vertical-align:top;
	}
	
td.alt, th.specalt {
	background: #F4F4F4;
	color: #444;
	}



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

	Fiche article

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

/* en deux cols relatives */ 
.bloc_gauche {
	float:left;
	width:30%;
	text-align:center;
	margin-top:20px;
	}

.bloc_droite {
	float:left;
	width:65%;
	margin-left:4%;
	margin-top:20px;
	}

.bloc_gauche img.couv {
	width:90%;
	box-shadow:0 0 5px #444;
	max-width:300px;
}

.bloc_gauche img.couv_moleskine {
	width:90%;
	max-width:300px;
}

/* si image absente */
img.couv[src*="p_livresgrande"]{
border:0px;
box-shadow:0 0 0 #444;}

.dispo{
	font-size: 85%;
	padding: 3px 15px 3px 22px;
	margin: 0;
	background: url(../images/pic_info.gif) no-repeat left center;	
}

.codebarre {
	margin: 25px auto 0;
	padding: 0;
	text-align:center;
	}
	
.imgcodebarre  {
width:120px;
margin-left:-20px;
border:solid black 1px;
padding-right:8px;
background-color:#fff;
}

.argu  img{
width:155px;
}	
	


/* Caractéristiques */

#details_tech ul{
	text-align: left;
	margin:0;
	list-style-position: inside;
	padding:10px 0 15px;
}

#details_tech ul li{
    list-style-type: none; 
    background-image: url(../images/puce-rouge.png); /* puce par défaut */
    background-repeat: no-repeat; 
    background-position: left 5px; 
    padding-left: 20px; 
	text-align: left;
	text-decoration: none;
	color: #666;
	margin:5px;
	font-size:100%;
}

#details_tech ul li strong{
	text-align: left;
	text-decoration: none;
	color: #000000;
	font-size:90%; 
}

#details_tech h4 {
	font-size: 100%;
	color: #333;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

#pdf {
margin:15px 0;}

p.resume, p.quatrieme {
margin:15px 0}
	
/* ---------------------------- 
	THEMATIQUES 
------------------------------- */

/*#part_cent dl.detailbook  {float:left; width:100% ;margin: 0;padding: 40px 0 0 0}
#part_cent dt.detailbook {margin: 0;padding: 0;}
#part_cent dd.detailbook {font-size: 85%; line-height: 1.3em; padding: 3px;margin: 3px 3px 1px 3px;}*/

/*#part_cent_actu_thema dl {float:left; width:33%; margin: 0;padding: 40px 0 0 0}*/

/* LISTE DES THEMES */

div.liste-thema {
	-moz-column-count:auto;
	-webkit-column-count:auto;
	-o-column-count:auto;
	column-count:auto;
	-moz-column-width:250px;
	-webkit-column-width:250px;
	-o-column-width:250px;
	column-width:250px;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
	padding:15px;
	font-size:0.875em;
	}
	
div.bloc_liste_theme {
	display: inline-block; 
	break-inside: column;
	-webkit-column-break-after: always;
	break-inside: avoid-column;
	}

.liste-thema h3 {
	font-size: 115%;
	line-height: 135%;
	margin: 0;
	padding: 5px 0;
	}

.liste-thema h3 a {
	text-decoration:none;
	}

.liste-thema ul {
	padding:0;
	margin:0;
	margin-bottom:25px;

	}

.liste-thema ul li {
	line-height:130%;
	padding-bottom:5px;}
	
/*--- ACTUS THEMAS ----*/



dd.titrelivre {font-size: 100%; font-weight:bold; border-bottom: 1px dotted #CDCDCD; padding: 5px 15px 5px 10px; margin: 0 25px 0 0}


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

	Demande de Code sodis 

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

.enter {
	width:600px;
	margin:0 auto;
	}
	
.enter .ask {
	font-size:1.3em;
	margin-bottom:20px;
	}

.ask span, .ask input {
vertical-align:top;
}

.ask span {
	padding: 5px 10px;
	}

.ask .bouton {
padding:0 10px;

}

a.ifnot {
display:block;
text-align:center;
padding:10px;
}

#demandecodesodis {
position:relative;
top:-50px;}

/* ---------------------------- 
	FORMULAIRES
------------------------------- */


/*boutonologie*/

input[type="submit"] {
	color:#eee;
	background-color:#36b9ef;
	padding: 2px 25px ;
	margin:0 10px;
	height:25px;
	line-height:21px;
	border:0;
	text-transform:uppercase;
	font-size:0.875em;
	font-weight: bold;
	letter-spacing: 0.06em;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor:pointer;
	}

input[type="submit"]:hover, input[type="submit"]:focus {
	color:#fff;} 	
	
input[type="submit"].recherche {
	background: #e2001a ;
	}


input[type="submit"].right {
float:right;
margin:15px 0 15px 30px;
}

p.bouton {
height:25px;
margin-left:10px;
}

/* ----- module de recherche ---*/
 	
fieldset {
	margin: 15px auto 20px;
	padding:15px;
	border: 1px solid #e4e4e4;
	max-width:800px;
	background:#fff;
	}

legend {
	font-weight:bold;
	border: 1px solid #eee;
	padding: 4px 10px;
}

.formulaire-recherche div.formulaire-recherche {
	max-width:800px;
	background:#fff;
	width: 100%;}
	
.table-recherche .contactform {
width:100%;}

.table-recherche {width:600px}

.table-recherche tr{
	width:100%;
	}

.table-recherche td {
	font-size:100%;
	color:#333;
	padding:5px;

	}

td.nm-rech{
width:130px;
text-align:left;
vertical-align:top;}


.table-recherche td span {
font-size:80%;
color:#888;}

.table-recherche tr.calendrier td span {
font-size:100%;}

.table-recherche td.bouton {
	padding: 10px 5px 20px 10px;}
	
.form-inline .contactform{
	display: inline-block;
	width: auto;
	vertical-align: middle;
	}

.contactform {
	display: inline-block;
	/*width: 100%;*/
	height:25px;
	/*padding: 6px 12px;*/
	font-size: 1em;
	line-height: 1.5em;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
/* formulaire empilé */

.en_pile {
	width:600px;
	margin:0 auto;
	}

.en_pile h1{
	text-align:center;
	font-weight:bold;}
	
.en_pile .nm-rech {
	display:block;
	margin:10px 0 3px;
	text-align:left;
	}

.en_pile .contactform{
	width:100%;
	}

#demandecodesodis {}

/* --------------- Formulaire  de recherche inline -------------------- */

div.formulaire-recherche {
	margin: 15px auto 15px;
	width: 90%;
	text-align:center;
	min-width:600px;
	}

div.formulaire-recherche p {
	margin-right: 20px;
	margin-bottom:15px;
	display:inline-block;
}

.nm-rech {
text-align:right;
padding-right:5px;}

.isbn {
border-bottom:dotted 1px black; 
cursor:help;}

/* ----- pour le fun - pas de résultat ---*/

div.like-404 {
margin-top:50px!important;
font-size:180%;
line-height:150%;
text-align:center;	
}

/* ----- pour le fun - erreur ---*/

div.error {
height:700px;
background: url(../images/erreur2.png) no-repeat center center;
font-size:130%;
line-height:150%;
text-align:center;}

/* feuille de style print, selection et panier */

h2.full {
border-radius:0;}
h2.print {background: #e2001a url(../images/menu_icons/printer-20-white.png) no-repeat 20px center ;}
h2.select {background: #e2001a url(../images/menu_icons/selection-20-white.png) no-repeat 20px center ;}
h2.panier {background: #e2001a url(../images/menu_icons/panier-20-white.png) no-repeat 20px center ;}

table.print td {
padding:5px;}

div.popup {
margin:10px 0 0;}
.popup p {margin:5px;}

table.popup {margin-bottom:15px;}

table.popup td, table.popup th {padding:3px 5px;}

input[type=submit].check{}
input[type=submit].uncheck{}

div.popup a.ic_print {
float: right;
margin: 15px 0 15px 30px;
height: 25px;
line-height: 21px;
padding: 2px 25px 2px 40px;
border: 0;
color: #eee;
background: #36b9ef url(../images/menu_icons/printer-20-white.png) no-repeat 10px center;
text-transform: uppercase;
font-size: 0.875em;
font-weight: bold;
letter-spacing: 0.06em;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
cursor: pointer;
text-decoration: none;}

div.popup a.ic_print:hover {
color:#fff;}

/* -------------------- IE tricks --------------*/

/*pb connait pas display:inline-block; */
.bandeau span, .bandeau b, .bandeau a, .actu-box dt a, dl.list-editeur, .liste dl.notice, dd.check label, div.bloc_liste_theme, .form-inline .contactform, .contactform, div.formulaire-recherche p{
	zoom: 1;
	*display: inline;
	}


/* ---------------------------- responsive design ---------------------------------- */

/*petits arrangements pour les 1024px de large */
@media only screen and (max-width:1080px) {
	body {background:#fff url(../images/bg-1024.png) no-repeat center center;}
	.bandeau {font-size:75%;}
	#revues .bloc-famille, #moleskine .bloc-famille {width:96%;}
	/*#part_cent_actu .actu-box-revues dt a img {z-index:-1;position:relative;height:200px;}*/
	.actu-box dt a img {height:250px;}
	}

/* 1260px+
Liste vignettes par 5
 */
@media only screen and (min-width:1260px) {
	.liste dl.notice, .liste dl.notice-moleskine {
		margin: 1%;
		width: 18%;
		} 
	}
	
/* 1340px+
colonnes gauche et droite : 230px
font-size : 13px
icones tétières : 26px
 */
 
@media only screen and (min-width:1340px) {
	body {
		font-size:0.8125em;/*13px*/
		}
	#headers {
		height: 110px;
		}
	#part_cent, #part_cent_thema, #part_cent_actu, #part_cent_rech, #part_cent_actu_thema  {
		margin: 0px 230px 0px 230px; padding: 0px 10px 10px 10px;
		}
	.top-top {
		margin: 20px 230px;
		}
	
	#col_gauche {
		position: absolute;
		background: url(../images/bg_col_gauche1300.png) no-repeat left top;		
		top: 0px;
		left: 0px;
		height: 950px;
		width: 185px; 
		padding: 115px 10px 0 15px;
		}
	
	#col_gauche p {
		text-transform:uppercase;
		}

	#col_gauche a:link, #col_gauche a:visited  {
		padding: 8px 15px 8px 30px;
		}
	
	#col_gauche a.sommaire:link, #col_gauche a.sommaire:visited , #col_gauche a.sommaire:hover, #col_gauche a.sommaire:active   {
		font-size: 24px;
		}
	#col_gauche a.sommaire:link, #col_gauche a.sommaire:visited {
		background-position: left 20%;
		}
	
	#col_gauche a.sommaire:hover, #col_gauche a.sommaire:active{
		background-position: left 20%;
		}
	
	
	#col_droite {
		background: transparent url(../images/bg_col_droite1300.png) top right no-repeat;			
		width: 190px;
		padding: 100px 0 0 20px;
		margin: 50px 0 0 0;
		}
		
		#col_droite dt img {
			width:120px;
			}	

	/*icones tetieres */		
	h2.recherche{background: #36b9ef url(../images/menu_icons/search-26-white.png) no-repeat 20px center !important;}
	h2.editeur {background: #e2001a url(../images/menu_icons/user-26-white.png) no-repeat 20px center ;}	
	h2.moleskine {background: #e2001a url(../images/menu_icons/moleskine-26-white.png) no-repeat 20px center ;}
	h2.office{background: #36b9ef url(../images/menu_icons/today-26-white.png) no-repeat 20px center;}
	h2.pmev{background: #36b9ef url(../images/menu_icons/date_to-26-white.png) no-repeat 20px center;}
	h2.thema{background: #e2001a url(../images/menu_icons/thema-26-white.png) no-repeat 20px center;}
	h2.actu {background: #e2001a url(../images/menu_icons/actu-26-white.png) no-repeat 20px center;}
	h2.revues {background: #e2001a url(../images/menu_icons/magazine-26-white.png) no-repeat 20px center;}
	#nouveautes h2.titre {background: #e2001a url(../images/menu_icons/today-26-white.png) no-repeat 20px center;}
	#a-paraitre h2.titre {background: #e2001a url(../images/menu_icons/date_to-26-white.png) no-repeat 20px center;}
	#meilleures-ventes h2.titre, h2.best {background: #e2001a url(../images/menu_icons/best-26-white.png) no-repeat 20px center;}
	#page_1 h2.titre {background: #e2001a url(../images/menu_icons/music-26-white.png) no-repeat 20px center;} /* Musique */
	#page_3 h2.titre {background: #e2001a url(../images/menu_icons/church-26-white.png) no-repeat 20px center;} /* carterie religieuse */
	#page_1003 h2.titre {background: #e2001a url(../images/menu_icons/magazine-20-white.png) no-repeat 20px center;} /* revues*/
	
	h2.print {background: #e2001a url(../images/menu_icons/printer-26-white.png) no-repeat 20px center ;}
	h2.select {background: #e2001a url(../images/menu_icons/selection-26-white.png) no-repeat 20px center ;}
	h2.panier {background: #e2001a url(../images/menu_icons/magazine-26-white.png) no-repeat 20px center;}
	
	p.resume, p.quatrieme {
		font-size:100%;
		margin:15px 0}
		
	#page_1003 #sous_familles .bloc-famille {
		width:45%;
		margin:15px 2%;
		}

	}

/* 1360px+ */

	
@media only screen and (min-width:1360px) {
	dl.list-editeur {
	width: 140px;
	margin: 0 15px 20px;
	}

	}

/* 1640px+
font-size : 14px
 */
 
@media only screen and (min-width:1640px) {
	body {
		font-size:0.875em;/*14px */
		}
		
	#col_gauche {
		font-size: 0.9125em;/*12px*/
		}

	.liste dl.notice, .liste dl.notice-moleskine{
		margin: 10px;
		width: 170px;
		}
	#moleskine .bloc-famille {
		background-position:top right;
		}

	}
/* Si l'écran est suffisamment haut, on laisse les menus visibles en permanence */
@media only screen and (min-height:900px) {
	#col_droite, #col_gauche {position:fixed;}
}