/* bootstrap*/

/* corps de page */
body{
margin-top:126px;
}
/* arriere plan logo + recherche */
.toplogo{
background-color: #fff; /* #f3f3f3;*/ 
}
/* top menu horizontal*/
.navbar-light .navbar-nav .nav-link   {
	color:#3572ae ;
}
/* menu horizontal*/
.nav-second {
margin-top:76px;
background-color: #fff;
padding-bottom:0px;
}
a {
color:#3572ae;
}
a:hover {
color:#cc3300;
}
.logo-brand {
	margin-left:12px;
}
.nav-second a.nav-link  {
font-weight:800;
white-space: nowrap;
}
/* menu horizontal superieur */
li.nav-item {
margin-right:20px; 
margin-left:0px; 
font-size: 0.9rem;
}
li.nav-item:first-child {
margin-right:7px; 
}



/* utilitaires : messages d'erreur etc. */
.required{
color:orange;
font-size:10px;
}
.form-group label{
font-weight:bold;
}
.warn{
background-color:#ffd198;
}
.warning{
color:#ff8228;
}
.bold {
font-weight: bold;
}
.table-auto {
width:auto;
}
.auto {
width:auto ;
}
.medium {
width:100px ;
}
.short {
width:80px ;
}
.price{
text-align: right;
}
.qt{
text-align: right;
}
.muted {
color:#999;
}
.vert{
	color:#339933 !important;
}
.orange{
	color:#F60 !important;
}
.rouge{
	color:#cc3300 !important;
}
.lang-active {
	font-weight:bold;
}
.text-justify {
	text-align: justify;
}


/* 
.pagination > li.infos div{
color:#999;
}
.pagination > li  div {
font-size:12px; 
line-height:14px; 
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
padding-left: 12px;
color:#999;
}
.pagination > li.active a div {
background-color:#428bca;
}
.pagination > li.active  a  div{
color:#fff;
}
.pagination > li.active  a:hover  div{
color:#fff;
}
*/

/* menu gauche */
.ulnav {
display:inline-block;
height: calc(100vh - 180px);
overflow-y: auto;
margin: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
text-transform: lowercase;
}
.ulnav::-webkit-scrollbar {
display: none;
}
.ulnav > li a {
	padding-top:2px;
	padding-bottom:8px;
	line-height: 1.2rem;
	font-size:0.9rem;
}
.ulnav > li > a.active {
color:#cc3300;
text-decoration: none;
}


/* bloc contenu principal */
#page {
display: grid;
color: #000;
padding-bottom: 10px;
max-width:800px;
}
/* éléments du contenu */

/* détail ouvrage */
/* tous les liens de la fiche ouvrage */
.navigation {

}

/* auteur : tous les titres */
.ouvrage .auteur .navigation{
	 font-size:0.5em;
}

 
/* titre */
.ouvrage h1 {
	 font-size:1.6em;
}
/* auteur */
.ouvrage .auteur {
	 font-size:1.6em;
}

/* certaines pages centrales : blocs en haut avant listes */
.blocColl {
margin-bottom: 12px;
}

/* titres dans les listes */
.titreListe {
/*font-family: Verdana;*/
font-size: 0.9em;
font-weight: 600;
color: #000000;
text-align: justify;
}

/* prix dans les listes */
.prixListe {
/*font-family: Verdana;*/
font-size: 0.8em;
font-weight: 900;
color: #000000;
text-align: left;
}

/* descriptions dans les listes + beaucoup ailleurs : descriptions techniques page ouvrage */
.descrListe {
font-family:Verdana, Geneva, sans-serif;
font-size: 0.8em;
color:#666;
/* text-align: justify; */

}
.descrListeLeft {
font-size: 0.8em;
color: #999999;
}
.small-text {
font-size: 0.8em;
}
.accroche {
margin-top: 8px;
font-size: 0.9em;
color: #000000;
text-align: justify;
line-height:1.4em;
}
.citation {
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
font-size: 0.76em;
color: #000000;
text-align: justify;
margin-bottom: 15px;
}
.note{
color:#999;
margin-top: 10px;
font-size: 0.7em;
text-align: justify;
margin-bottom: 10px;
}


/* bio auteur ou présentation revue page ouvrage*/
.bioAuteur {
text-align: justify;
font-size: 0.8em;
color:#666;
margin-top:12px;
}


/* champ responsabilité à droite dans la fiche */
.responsabilite {
text-align: left;
}
/* nom auteur dans pages listes */
.auteurTitre {
font-size: 1.2em;
}
/* titre dans pages listes */
.ouvrageTitre {
text-align: left;
font-style: italic;
font-size: 1.2em;
}
/* image dans pages listes */
.couvListeReduite {
border: 1px solid black;
margin-right: 16px; 
max-width: 120px;
min-width: 120px;
}
.logoediteur, .logomagazine {
max-width:250px;  
}
/* couv 1 page ouvrage */
.couv {
float: left;
border: 1px solid black;
margin-right: 4px;
margin-bottom: 4px;
max-width:300px; /* was 245 */
max-height:300px;
}
/*certains éléments dans listes*/
.collListe {
font-size: 0.7em;
color: #666666;
text-align: left;
max-width: 488px;
}
.titre {
font-size: 1em;
font-weight: 900;
max-width: 560px;
text-align: left;
color: #463c6b;
}
.titre2 {
font-size: 0.9em;
font-weight: 900;
max-width: 560px;
text-align: left;
color: #463c6b;
}
.edition_numerique {
color:#cc3300;
font-weight:normal;
font-size:0.7em;
white-space: nowrap;
}
.illustrations {
margin-top:12px;
margin-bottom:12px;
border:1px solid black;
}
.dossier_presse , .extrait_pdf , .extrait_video, .descrListe {
font-size:0.7em;
max-width:600px;
}
/* item de liste : 1 bloc complet d'une liste : tous les éléments relatifs à 1 titre dans une liste - interlignage entre les éléments*/
.elementliste {
 margin-bottom:28px;
}
.listcolright {
 padding-left:0;
}
/* index thematique */
.branches {
margin-top: 14px; 
margin-bottom: 14px; 
padding-left: 1px;
}

/* liste editeurs : menu scroll gauche page éditeurs*/
.scrollList {
height: 500px;
overflow-x: hidden;
overflow-y: scroll;
}
.scrollList:after {
height: 100%;
content: ' ';
opacity: 0.4;
display: block;
position: absolute;
}



/* haut de page */
.back-to-top {
visibility: visible;
opacity: 1;
position: fixed;
z-index: 10;
bottom: 16px;
right: 16px;
white-space: nowrap;
display: inline-block;
background-color: #fff;
}
/* bouton RSS */
.btn-rss
{
background-color: #F78422;
}

/* zone "panier" haut droite */
.userdiv {
color:#999999;
font-size:1em;
font-weight: bold;
background-color: white;
padding:6px;
white-space: nowrap;
}



/* menu contextuel + liste n° pages */
.breadcrumb-pdr ol {
	margin-bottom:8px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0;
	background-color: #fff;
}
.breadcrumb-pdr .btn {
	padding-left:4px;
	padding-right: 4px;
}
.breadcrumb-pdr .breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	font-size: 0.8em;
}
.breadcrumb-pdr ol li:first-child  a {
	padding-left: 0;
	margin-left: 0;
	/*background-color: grey;*/
}
.breadcrumb-pdr ol li  a {
	border:0px solid grey;
	/*background-color: grey;*/
}


/* pagination des résultats */ 
.pagination{
	margin-top:10px;
	margin-left:14px;
}
.pagination  ol li  a.active {
	color:#cc3300;
	text-decoration: underline;
	/*background-color: grey;*/
}

.pagination  ol li  a:hover {
	color:#cc3300;
}
.pagination-info {
	color:#666;	
}


li.nav-item-special {
	margin-left:8px;
}

.leftselect {
	display: none; 
	margin-top:8px;
	margin-bottom:8px;
}


/* filtres */
.filter_div   {
	height: auto;
	font-size: .775rem;
	line-height: 1.4;
}
.filter_div .form-control-sm {
	height: auto;
	font-size: .775rem;
	line-height: 1.4;
}

.filter_div  .form-check-input {
	    margin-top: .2rem;
}

a.form-custom {
	font-size: .775rem;
    line-height: 1.4;
    color:#212529;
}
a.form-custom:hover {
    text-decoration:none; 
    color:#212529;
}

/* suggestions */ 
.suggestions_ouvrage {
	font-size: 0.8em;
	list-style-type: none;
	margin-top: 12px;
	margin-left:0;
	padding-left:0;
}

.suggestions_ouvrage .couvListeReduite {
	max-width: 90px;
	min-width: 90px;
}
/* lightbox */
.ekko-lightbox-nav-overlay a {
	color:#3572ae !important;
}

.col-pdr-left {
	max-width: 250px;
}

/* mobile breakpoints */ 
@media (max-width: 1298.98px) { 
	.couv{
		max-width: 200px;	
		max-height: 200px;
		margin-right: 2px;	
	}
}
@media (max-width: 994.98px) { 
	.couv3{
		display:none;
	}
	li.nav-item-special {
	margin-left:0px;
	}

	.btn-lang {
		line-height: 1 !important;
	}
	.userdiv {
		float:left !important;
	}
}
@media (max-width: 849.98px) { 
	.illustrations {
		max-width: 345px;
	}
	.couv{
		max-width: 140px;	
		max-height: 140px;
		margin-right: 2px;	
	}
	.btn-breadcrumb  {
		display:inline;
	}

	.leftselect {
		display: block; 
	}
	.leftul{
		display: none; 
	}
}
 
/* navbar collapsed  */
@media (max-width: 818.98px) { 
	 
	.couvListeReduite {
		max-width: 110px;
		min-width: 110px;
	}
}

@media (max-width: 766.98px) { 
	.ulnav {
		height: auto;
	}
	.input-search {
		width:160px !important;
	}
	 
}
@media (max-width: 624px) { 
	.couv2, .couv3{
		display:none;
	}
	.pagination-info {
		display:none;
	}

}
@media (max-width: 578.98px) { 
	body{
		margin-top:140px;		
	}
	.input-search {
		width:120px !important;
		margin-right:6px;
	}

	.toplogo {
		padding:4px;
	}
	.nav-second {
	margin-top:58px;
	}
	.ulnav li a {
		padding:1px;
	}
	.ulnav {
		height: auto;
	}
	.btn-breadcrumb .btn {
		margin:0;
		padding:9px;
		padding-left:19px;
	}
	.btn-breadcrumb .btn:first-child {
		display:none;
		padding:9px;
		padding-left:19px;
	}
	.btn-commande {
		margin-top:12px;
	}
	.blocColl {
		margin-bottom:2px;	
	}
	.couvListeReduite {
		max-width: 100px;
		min-width: 100px;
	}
	
}
@media (max-width: 510.98px) { 
	.logo-brand {
		max-width: 200px;
	}
}

@media (max-width: 462.98px) { 
	.logo-brand {
		max-width: 150px;
	}
	.input-search {
		width:100px !important;
		margin-right:4px;
	}
}

@media (max-width: 376px) { 
	.input-search {
		width:66px !important;
		margin-right:4px;
	}

}

@media (max-width: 356px) { 
	.logo-brand {
		max-width: 120px;
	}
	.btn-lang {
		line-height: 0.5 !important;
	}
	.couvListeReduite{
		max-width: 80px;	
		min-width: 80px;
		max-height: 80px;
		margin-right: 2px;	
	}
	.illustrations {
		max-width: 305px;
	}
}


/* impression */
@media screen {
	.print-only {
		display: none !important;
	}
}
@media print {
	body{
	margin-top:0;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	padding: 0;
	color:#000 !important;
	}
	a {
	color:#000 !important;
	text-decoration: none !important;
	}
	a[href]:after {
	content: none !important;
	}
	.no-print, .no-print * 	{
	display: none !important;
	}


	#page {
		min-width: 970px !important; 
	}
	.col-infotech {
		max-width: 250px !important;
	}
	.col-resume {
		min-width: 720px !important; 
	}
	.couv {
	float: left;
	border: 1px solid black;
	margin-right: 4px;
	margin-bottom: 4px;
	max-width:300px; /* was 245 */
	max-height:300px;
	}

	/* grossir les polices */
	 .citation , .note, .bioAuteur , .descrListe {
		font-size: 1.1em;
	}

	.accroche , .prixListe  {
		font-size: 1.2em;
	}
}