@import url("main.css") screen;
@import url("form.css") screen;
@import url("normalize.min.css") screen;
/*@import url("https://ebookids.com/build/app.9e7e6a33.css") screen;*/

@media screen {
	
	/* Alerts */
	.alertify-logs { z-index: 100000 !important; bottom: 0px !important; right: 0px !important; width:100% !important; font-size: 22px; text-align: center; }
	.alertify-log-success { background: #66cc99 !important; }
	.alertify-log-error { background: #ff3366 !important; }



	.bg-bleu {  background: #d9f3ff !important; }
	.bg-dark-bleu {  background: #201f97 !important; }
	
	/* Boutons */
	
	.btn-primary {  background: #201f97 !important; }
	
	/* Navbar */
	.site-navbar
	{
		background: #d9f3ff !important;
	    width: 100%;
	    padding: 0 0 10px 0;
		border-bottom: 1px solid rgba(0,0,0,.05);
	}

	.site-navbar .navbar-nav {
	    width: 100%
	}

	.navbar .nav-item:focus,
	.navbar .nav-item:hover {
	    background-color: rgba(51, 51, 51, .08)
	}

	@media (max-width:991.98px) {
	    .sr-only-md-down {
	        position: absolute;
	        width: 1px;
	        height: 1px;
	        padding: 0;
	        margin: -1px;
	        overflow: hidden;
	        clip: rect(0, 0, 0, 0);
	        white-space: nowrap;
	        border: 0
	    }
	}

	@media (min-width:992px) {
	    .site-navbar {
	        position: fixed;
	        top: 0;
	        right: 0;
	        left: 0;
	        bottom: auto;
	        z-index: 1030;
	        background-color: hsla(0, 0%, 100%, 0);
	        padding: .5rem 1rem 1em
	    }
	    .site-navbar .navbar-brand {
	        padding: 2px 1rem
	    }
	    .site-navbar .navbar-brand img {
	        height: 44px
	    }
	    .site-navbar .navbar-nav {
	        background-color: #152049;
	        border-radius: 3rem;
	        width: auto;
	        margin-left: auto;
	        padding: 0 1rem
	    }
	    .site-navbar .navbar-brand {
	        background-color: #fff;
	        border-radius: 3rem;
	        width: auto;
	        height: 100%
	    }
		
	}
	
	@media (max-width:992px) {
		.fixed-bottom
		{
			bottom: -12px;
		}
	}

	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
		.nav-item { padding: 3px !important; }
		.nav-item .form-control { width: 150px !important; }
	}

	.navbar-dark .navbar-nav .nav-link {
	    color: hsla(0, 0%, 100%, .75)
	}

	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover {
	    color: #fff
	}
	
	.mobile-logo {
	    height: 50px;
	    width: auto;
	}

	.rainbow {
		background-image: linear-gradient(90deg,#ff7f00,#f2513a,#e52076,#ab27a0,#5636da,#5257de,#00a2d6);
	}
	
	.fa-15x { font-size:1.5em !important; }

	#qc-cmp2-persistent-link { display: none !important; }

	#sidebar {
		background: #fff;
		min-width: 250px;
		max-width: 250px;
		height: 100vh;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		margin-right: -250px;
		transition: all .5s;
		overflow: scroll;
	}
	
	#sidebar.open {
		margin-right: 10px;
		transition: all .5s;
	}
	
	#sidebar .sidebar-header {
		padding: 20px;
		text-align: center;
	}
	
	#sidebar a, #sidebar a:focus, #sidebar a:hover {
		color: inherit;
		text-decoration: none;
		transition: all .3s;
	}

	#sidebar .sidebar-logo {
		width: 150px;
		height: auto;
	}
	
	#sidebar #dismiss:hover { cursor: pointer; }
	
	#sidebar .sidebar_divider {
		border-radius: 7px;
		margin: 0 10px 10px;
		background: linear-gradient(90deg,#ff7f00,#f2513a,#e52076,#ab27a0,#5636da,#5257de,#00a2d6);
		height: 4px;
	}
	
	#sidebar ul li a {
		padding: 10px;
		font-size: 1.1em;
		display: block;
	}
	
	#sidebar ul.components {
		padding: 20px 0;
	}
	
	#sidebar .list-dropdown:hover { cursor: pointer; }
	
	.overlay {
		display: none;
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,.7);
		z-index: 1040;
		opacity: 0;
		transition: all .5s ease-in-out;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.overlay.active {
		display: block;
		opacity: 1;
	}
	
	/* Bouton */
	
	.pagination .btn-lg { font-size: 3.0em; padding: 10px 30px 10px 30px; }

	/* Begin Sliders banners */
	.banner-carousel {
	    margin: 1em 0 .5em;
	    min-height: 200px
	}

	.banner-carousel .swiper-slide {
	    box-sizing: border-box
	}

	.banner-carousel .swiper-slide img {
	    transition: transform .5s ease-in-out;
	    border-radius: 10px;
	    height: 200px
	}

	.banner-carousel .banner-link {
	    position: relative;
	    display: block;
	    height: 100%;
	    width: 100%
	}

	.banner-carousel .slide-caption {
	    position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: flex-start;
	    color: #fff;
	    font-family: Balsamiq Sans, cursive;
	    width: min(100%, 500px);
	    margin: 0 auto;
	    padding: 1em
	}
	
	@media (min-width:768px){
	    .banner-carousel {
	        min-height: 250px
	    }
	    .banner-carousel img {
	        height: 250px !important
	    }

	}
	
	@media (max-width: 480.98px) {
		.banner-carousel .slide-caption h3,.banner-carousel .slide-caption h4 {
			font-size: 1.0em !important;
		}
	}
	
	/* End Sliders banners */
	
	/* Begin Entete des rubriques */
	
	.new-book-list__title {
		background-image: linear-gradient(90deg,#ff7f00,#f2513a,#e52076,#ab27a0,#5636da,#5257de,#00a2d6);
		transform: translateY(-60%);
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: .2rem 1rem .2rem 2rem;
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
		font-size: 20px;
		border-radius: 0 25px 25px 0;
	}
	
	.book-list {
		margin-top: 2rem;
	}
	
	.book-list__container {
		background-color: rgba(0,0,0,.05);
	}
	
	.book-list__title {
	    transform: translateY(-60%);
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	    padding: .2rem 1rem .2rem 2rem;
	    text-transform: uppercase;
	    color: #fff;
	    font-weight: 700;
	    font-size: 20px;
	    border-radius: 0 25px 25px 0
	}

	.book-list__title .theme-icon {
	    margin-left: .5rem;
	    max-height: 18px
	}
	
	/* End Entete des rubriques */


	/* Suggest / rate */
	.rate { display: inline-block; width: 50px; height: 50px; background-image: url('/images/design/smiley-off.png'); background-repeat: no-repeat; background-size: cover; }
	.rate:hover, .rate.ison{ background-image: url('/images/design/smiley-on.png'); }

	/* Sliders des themes */
	.theme-icon-container {
		width: 67.81px;
		height: 67.81px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.theme-icon {
	    max-width: 100%;
	    max-height: 100%;
	    width: auto;
	    height: min(46.54px,100%);
	}
	
	@media (max-width: 480.98px) {
		.theme-icon {
		    max-width: 50px;
		    max-height: 50px;
		}
	}
	
	

	/* Begin Slider books */
	
	.swiper-slide {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
	}
	
	.swiper-slide .book-cover {
	    margin-left: auto;
	    margin-right: auto;
	}

	.book-cover
	{
	    display: flex;
	    border-radius: 9px;
	    height: 147px;
	    width: 202px;
	    padding: .5rem 1px;
	    box-sizing: border-box;
	}
	
	@media (max-width: 575.98px) {
		.book-cover
		{
		    width: 172px;
		}
	}
	
	.book-cover .book-cover__page-left {
	    border-radius: 9px 0 0 9px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}

	.book-cover .book-cover__page {
	    padding: .5rem 0;
	}
	
	.book-cover .book-cover__page__title {
		font-size: 11px;
		font-weight: 700;
		font-family: Balsamiq Sans,cursive;
		text-transform: uppercase;
		padding: 0 .2rem;
		max-height: 75%;
		overflow: hidden;
	}
	
	.book-cover .book-cover__page__title a {
		max-height: 100%;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
	}
	
	.book-cover .book-cover__page__collection-title {
		font-size: 10px;
		font-weight: 400;
		padding: .1rem .2rem;
		background-color: rgba(0,0,0,.3);
		border-radius: 0 25px 25px 0;
		width: 95%;
		z-index: 1030;
	}
	
	.book-cover .book-cover__page-right {
		padding: 0;
		border-radius: 0 9px 9px 0;
		background-color: #fff;
	}
	
	.book-cover .book-cover__page__image {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		border-radius: 0 9px 9px 0;
	}
	/* End Slider books */
	
	/* Begin Ebook full */

	#full_book_read { background: #000 !important; }

	.book-detail-container {
		background-color: rgba(5,19,80,.3);
		color: #fff;
	}
	
	.book-detail-container .book-detail {
		display: flex;
		border-radius: 9px;
		width: 100%;
	}
	
	.book-detail-container .book-detail .book-detail__page-left {
		border-radius: 9px 0 0 9px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.book-detail-container .book-detail .book-detail__page {
		min-height: 190px;
		padding: .5rem 0;
	}
	
	.book-detail-container .book-detail .book-detail__page__title {
		font-size: 24px;
		font-weight: 700;
		font-family: Balsamiq Sans,cursive;
		text-transform: uppercase;
		padding: 0 .2rem;
		overflow-wrap: break-word;
	}
	
	.book-detail-container .book-detail .book-detail__page__collection-title {
		font-size: 20px;
		font-weight: 200;
		padding: .1rem .5rem .1rem .2rem;
		background-color: rgba(0,0,0,.3);
		border-radius: 0 25px 25px 0;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		max-width: 95%;
		z-index: 1030;
	}
	
	.book-detail-container .book-detail .book-detail__page-right {
		padding: 0;
		border-radius: 0 9px 9px 0;
		background-color: #fff;
	}
	
	.book-detail-container .book-detail .book-detail__page__image {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		object-fit: cover;
		border-radius: 0 9px 9px 0;
	}
	
	.book-detail-container .book-detail .book-detail__page {
		min-height: 190px;
	}
	
	.book-detail-container .book-detail .book-detail__page__theme-icon {
		width: 1.5em;
		height: auto;
		-o-object-fit: cover;
		object-fit: cover;
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
	
	.book-detail-container .book-info .rs-link, .book-detail-container .book-info .rs-link:hover {
		text-decoration: none;
	}
	
	.book-detail-container .book-info .logo-container {
		width: 45px;
		height: 45px;
		font-size: 1.5em;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
    /* The Overlay (background) */
   .overlay_book {
     /* Height & width depends on how you want to reveal the overlay (see JS below) */   
     height: 0;
     width: 100%;
     position: fixed; /* Stay in place */
     z-index: 1000; /* Sit on top */
     left: 0;
     top: 0;
     background-color: rgb(0,0,0); /* Black fallback color */
     /*background-color: rgba(0,0,0, 0.9);*/ /* Black w/opacity */
	 background-color: rgba(0,0,0,1);
     overflow-x: hidden; /* Disable horizontal scroll */
     transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
   }
   
   .overlay_book .book-list__container { background: none !important; }

   /* Position the content inside the overlay */
   .overlay_book_content {
     position: relative;
     top: 10%; /* 25% from the top */
     width: 100%; /* 100% width */
     text-align: center; /* Centered text/links */
     margin-top: 0px; /* 30px top margin to avoid conflict with the close button on smaller screens */
   }

   /* Position the close button (top right corner) */
   .overlay_book .closebtn {
     position: absolute;
     top: 20px;
     right: 45px;
   }
   
   .overlay_book .closebtn > img {
   width: 80px !important;
   }

   /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
   @media screen and (max-height: 450px) {
	   
	   .overlay_book_content {
	     top: 5%;
	   }
	   
     .overlay_book a.relire { font-size: 20px}
     .overlay_book .closebtn {
	  
       top: 15px;
       right: 35px;
     }
	 .overlay_book .closebtn > img {
	   width: 50px !important;
     }
	 
   } 
	
	/* End Ebook full */
	
	/* Begin Account */
	
	/* Vignette apercu CARD users */
	.vignette_large { 
		display: inline-block;
		overflow: hidden;
		border-radius: 120px;
	/*	width: 80px; height: 80px;*/
	}
	.vignette_large img { width: 80px; height: 80px; }
	
	.flag { width: 20px; }
	
	/* End Account */
	
	/* Begin footer */
	footer { background: #fff; padding:10px;  }
	footer .socials_icons img { width: 30px; }
	
	
	/* Fond css halloween 2021 */
	#css_halloween_bg_title {
		background: rgb(255,108,0);
		background: linear-gradient(90deg, rgba(255,108,0,1) 0%, rgba(0,0,0,1) 79%);
	}
	
}




/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}
	


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}


@media print {
	a:after {
	    content: none !important;
	}
	#tetiere, #top_bar, #top_nav, .breadcrumb, .hideforprint, .moteur, footer {
	    display: none!important;
	}
	h2 {
	    font-size: 1.2em!important;
	}
	h3 {
	    font-size: 10pt!important;
	}
}