/* ========================================== */
/* ============== ACCUEIL OUVRAGES ============== */
/* ========================================== */


/* floating columns */
.c-left {float: left; width: 330px;}
.c-right {float: right; width: 480px;}


/* blocs */
.bloc {padding: 10px 10px 10px 15px; margin-bottom: 15px; border: 1px solid #93a4c8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/library/js/PIE.htc);}
.bloc h2 {color: #0A2527; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; border-bottom: 1px solid #0A2527; margin-bottom: 15px;}
.bloc p {font-size: 13px; margin-bottom: 15px;}
.bloc a {color: #555;}
.bloc a:hover {text-decoration: underline;}
.bloc a.right {color: #203D72; font-size: 12px; display: block; text-align: right;}

/* search */
form#f_search_ouvrages {position: relative; width: 260px;}
form#f_search_ouvrages input {width: 250px; height: 27px; line-height: 27px; padding-left: 10px; border: 1px solid #DDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/library/js/PIE.htc); font-size: 11px; background: #FFF; margin-bottom: 10px;}
form#f_search_ouvrages button {position: absolute; top: 0; right: 0; width: 20px; height: 27px; background: url(/library/images/common/icon-search.png) no-repeat center;}

/* éditeurs */
.b-editeurs li {float: left; margin: 0 10px 10px 0;}
.b-editeurs li img {height: 17px;}

/* slider */
div#sliderwrap {width: 373px; height: 182px; padding: 15px 10px 0 15px; border: 1px solid #CBD3E2; background: #F2F5FB; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 5px 10px #DEDEDE; behavior: url(/library/js/PIE.htc); position: relative;}
div#sliderwrap div#pager {position: absolute; bottom: 10px; right: 10px;}
div#sliderwrap div#pager a {display: block; float: left; width: 7px; height: 7px; background: url(/library/images/home/puce-slider.png) no-repeat -12px 0; text-indent: -9999px; margin-left: 5px;}
div#sliderwrap div#pager a:hover, div#sliderwrap div#pager a.activeSlide {background-position: 0 0;}
div#slider {width: 380px; height: 165px;}
div#slider div.item {width: 380px; min-height: 165px; overflow: hidden; background: #F2F5FB;}
div#slider div.item img {float: left; margin-right: 10px; min-width: 100px; max-width: 100px;}
div#slider div.item * {color: #555;}
div#slider div.item div.text {width: 235px; float: left;}
div#slider div.item h3 {font-size: 16px; margin-bottom: 5px;}
div#slider div.item p {font-size: 13px; margin-bottom: 5px;}
div#slider div.item a {color: #0A2527; float: right; font-weight: bold;}
div#slider div.item a:hover {text-decoration: underline;}
div#slider div.item h3 a, div#slider div.item p a {float: none;}


/* ajout pour la zone de mise en avant */
.allouvrages .bloc {border-color: #77c2c9;}
.allouvrages .avant {min-height:186px;}
/*.allouvrages .avant img {border: 1px solid #484848; margin-right:5px;}*/
.allouvrages .avant img {margin-right:5px;}

.bloc h2 {color: #0A2527; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; border-color: #0A2527; margin-bottom: 15px;}
.allouvrages article {margin-bottom: 20px; position: relative;}
.allouvrages article .texte {margin-left: 65px;}
.allouvrages article img.open {position: absolute; top: 35px; left: 30px; z-index: 100; background: #FFF; border: 1px solid #999;padding: 4px; moz-border-radius: 20px; webkit-border-radius: 20px; border-radius: 20px;}
.allouvrages article img.openv {float: left;}
.allouvrages article span.open {position: absolute; bottom: -3px; left: 3px; z-index: 100; font-size: 9px; color: #FFF; text-align: center; text-transform: uppercase; background: #009900; border: 1px solid #FFF; padding: 3px; moz-border-radius: 3px; webkit-border-radius: 3px; border-radius: 3px;}
.allouvrages article a img {float: left; border: 1px solid #484848; width: 55px;}
.allouvrages article a.plus {float: right; margin: 4px 0 0 5px;}


/* bloc nouveautés */
.b-nouveautes .c-left, .b-nouveautes .c-right {width: 48%;}
.b-nouveautes article+article {border-top: 1px solid #dbdfe7; margin-top: 10px; padding-top: 10px;}
.b-nouveautes article a:hover {text-decoration: underline;}
.b-nouveautes article h3 {font-size: 13px;}
.b-nouveautes article h3 a {color: #0A2527;}
.b-nouveautes article a img {float: left; width: 85px;}
.b-nouveautes article .texte {margin-left: 95px;}
.b-nouveautes article p.auteur {color: #0A2527; font-size: 11px; font-style: italic; margin-bottom: 5px;}
.b-nouveautes article p.auteur a {color: #0A2527;}
.b-nouveautes p.right {text-align: right;}
.b-nouveautes p.all {text-align: right; margin-top: 20px; text-transform: uppercase; font-size: 10px;}
.b-nouveautes p.all a {display: inline-block; line-height: 30px; color: #868686; background: url(/library/images/common/icon-livres-ebook.png) no-repeat 0 0; padding-left: 50px;}





/* ========================================== */
/* ============== CONTENT OUVRAGE ============== */
/* ========================================== */


.bloc_grey {background: #F6F6F6; padding: 15px; margin-bottom: 15px;}


.inner {background: #FFF; border: 1px solid #D2D2D2; padding: 15px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; margin-bottom: 35px;}
.inner h3 {font-size: 16px; border-bottom: 1px solid #1F3C70; padding-bottom: 5px; margin-bottom: 20px;}

.inner.infos {margin: 0;
-webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;}


hgroup {line-height: 20px; margin-bottom: 20px; padding-right: 90px; position: relative;}
/* ajout border*/
hgroup .free {position: absolute; top: 185px; right: 10px; float: none; margin: 0; border:none;}
/*hgroup .free {position: absolute; top: 120px; right: 10px; float: none; margin: 0; border:none;}*/
hgroup .baisse {position: absolute; top: 55px; right: 10px; float: none; margin: 0; border:none; }
hgroup h2 {text-transform: none; font-size: 20px; margin-bottom: 15px;}
.inner hgroup h3 {font-size: 14px; border: none; font-style: italic; margin-bottom: 10px;}
hgroup h4 {font-size: 14px;}
hgroup p {font-size: 13px;}
hgroup img {float: left; margin: 0 15px 20px 0; border: 1px solid #484848;}

.bloc_tools {margin-bottom: 15px;}

ul.tools {float: left; width: 210px; min-height: 105px; border-right: 1px solid #D2D2D2; margin-right: 10px;}
ul.tools li {margin-bottom: 10px;}
ul.tools a {display: block; padding: 15px 0 0 30px;}
ul.tools li:first-child a {margin: 0;}
ul.tools a.tool_read {background: url(../images/common/icon-feuilleter.png) 0 bottom no-repeat;}
ul.tools a.tool_PDF {background: url(../images/common/icon-pdf.png) 0 bottom no-repeat;}
ul.tools a.tool_DOC {background: url(../images/common/icon-doc.png) 0 bottom no-repeat;}
ul.tools a.tool_sommaire {background: url(../images/common/icon-sommaire.png) 0 bottom no-repeat;}
ul.tools a.tool_complement {background: url(../images/common/icon-complement.png) 0 bottom no-repeat;}
ul.tools a:hover {text-decoration: underline;}
.bloc_tools table {width: 450px;}
.bloc_tools table th {text-align: left;}
.bloc_tools table th small {font-weight: normal; font-size: 9px;}
.bloc_tools table th strike {font-weight: normal;}
.bloc_tools table th, .bloc_tools table td {vertical-align: middle;}
.bloc_tools table td+td {text-align: right;}
.bloc_tools table td.docs {position: relative; top: -10px;}
.bloc_tools table span.type {width: 50px; display: inline-block;}
.bloc_tools table span.red {margin-right: 5px;}
.bloc_tools table .autres {padding: 3px 0 2px 20px; font-size: 11px; display: inline-block; margin-right: 10px;}
.bloc_tools table .pdf {background: url(../images/common/icon-pdf-sm.png) no-repeat 0 0;}
.bloc_tools table .doc {background: url(../images/common/icon-doc-sm.png) no-repeat 0 0;}
.bloc_tools table .somm {background: url(../images/common/icon-sommaire-sm.png) no-repeat 0 0;}
.bloc_tools table .compl {background: url(../images/common/icon-complement-sm.png) no-repeat 0 0;}

/*input#ouvrage_search {width: 160px; height: 24px; margin-top: 10px; line-height: 25px; padding-left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
border-radius: 5px; border: 1px solid #E1E1E1; behavior: url(/library/js/PIE.htc); font-size: 11px; background: #FFF url(/library/images/common/icon-search.png) no-repeat 98% center;}*//

/* dans le style du form*/
form#f_search_ouvrage {position:relative; width: 200px; margin-top: 10px;}
form#f_search_ouvrage input {width: 160px; height: 25px; line-height: 25px; padding-left: 5px; padding-right:2px;border: 1px solid #E1E1E1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
                            behavior: url(/library/js/PIE.htc); font-size: 11px;}
form#f_search_ouvrage button {position: absolute; top: 0; right: 30px; width: 20px; height: 25px; background: url(/library/images/common/icon-search.png) no-repeat center;}
form#f_search_ouvrage img {position: absolute; top: 1px; right: 0px;}



span.red {color: #CC0000; font-weight: bold;}
span.stock-0, span.stock--1 {background: url(/library/images/common/stock-0.png) no-repeat 0 center; padding-left: 15px;margin-left: 15px;}
span.stock-1 {background: url(/library/images/common/stock-1.png) no-repeat 0 center; padding-left: 15px;margin-left: 15px;}
span.stock-2, span.stock-3 {background: url(/library/images/common/stock-2.png) no-repeat 0 center; padding-left: 15px;margin-left: 15px;}

.lienbook {padding-top:20px; color:#555;}


p.resume {font-size: 13px; line-height: 18px; margin-bottom: 25px;}

/* bloc du texte intégral de l'ouvrage */
.description {font-size: 13px; line-height: 18px; margin-bottom: 25px;}
.description ul {margin-left: 20px;}
.description li {list-style: disc; padding: 5px 0 0 5px;}
.description p {margin-top:10px;}
/* BLOC RECOMMANDATIONS */
.recommande {padding-bottom: 25px;}
.recommande article {float: left; width: 170px; padding-right: 20px; border-right: 1px solid #EFEFEF; margin: 0 45px 15px 0;}
.recommande article figure {float: left; margin-right: 10px; text-align: center; font-weight: bold;}
.recommande article img {width: 40px; height: 50px; margin-bottom: 5px;}
.recommande .last {border: none; margin-right: 0;}
.recommande article div {margin-left: 50px;}
.recommande article h4 {font-size: 12px; color: #0A2527;}
.recommande article p.auteur {font-size: 11px; color: #0A2527; margin-bottom: 10px;}
.recommande article a.plus {font-size: 11px; color: #868686; display: block;}
.recommande article a.plus:hover {text-decoration: underline;}

/* BLOC OFFRES SPECIALES */
.offres article {padding-bottom: 15px; border-bottom: 1px solid #EFEFEF; margin-bottom: 15px;}
.offres article figure {float: left; margin-right: 10px;}
.offres article figure span {font-size: 16px; font-weight: bold; color: #0A2527; padding: 0 5px;}
.offres article img {width: 40px; height: 50px; margin-bottom: 5px;}
.offres .last {border: none; margin-bottom: 0;}
.offres article div {margin-left: 120px;}
.offres article h4 {font-size: 12px; color: #0A2527;}
.offres article .prix {font-size: 13px;}
.offres article a.plus {font-size: 11px; color: #868686; display: block;}
.offres article a.plus:hover {text-decoration: underline;}




/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media (max-width: 768px) {
	.c-left,
	.c-right {
		float: none;
		width: auto;
	}
	div#sliderwrap,
	div#slider,
	div#slider .item {
		width: auto;
		overflow: hidden;
	}
	.b-nouveautes .c-left, 
	.b-nouveautes .c-right {
		width: auto;
	}
	.bloc_grey {
		background: none;
		padding: 0;
	}
	hgroup {
		margin-bottom: 0;
		padding-right: 0;
	}
	hgroup img {
		margin: 0 15px 10px 0;
	}
	ul.tools {
		float: none;
		width: auto;
		min-height: 0;
		border: none;
		margin: 0 0 20px 0;
	}
	.bloc_tools table {
		width: 100%;
	}
	hgroup .baisse {display:none;}
}