.background-image{
  min-height: 445px;
}
.banner-text,.banner-btn-container{
  text-align: center;
}
.banner-text{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  /* Black */

  color: #131313;

}
.banner-btn button{
  width: 216px;
  height: 48px;
  background: #E84632;
  border-radius: 5px;
  border: none;
  color: white;
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
}
.banner-text-container{
  background: white;
  position: absolute;
  left: 116px;
  bottom: 80px;
  max-width:450px;
  width: 100%;
}

.banner-btn {
  position: absolute;
  bottom: -5px;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  margin: 0;
}

.nav-thematique-mobile{
    display: none;
}

span.type {
	display: table;
	background: #000;
	padding: 0 25px 2px 25px;
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 10px;
}


/** SLIDER TOP **/

#slider-top-hp img{
    width: 100%;
    height: auto;
}

#slider-top-hp {
    width: 100%;
    height: auto;
    position: relative;
}

#slider-top-hp .slick-arrow.center i{
    font-size: 32px;
    padding: 15px;
}

#slider-top-hp .slick-arrow.center{
    width: 60px;
    height: 60px;
}


/** BLOC PROCHAINES PARUTIONS + BLOC NOUVEAUTES **/

#block-next-books {
    margin: 60px auto;
}

#block-next-books .slider-next-books .slick-slide{
    padding: 0 9px;
}

#block-next-books .slider-next-books .slick-slide img{
    width: 100%;
    max-height: 380px;
    border: solid 1px #f1f1f1;
}

#block-next-books .slick-arrow.center {
	top: 40%;
	transform: translateY(-40%);
}

#block-next-books .slick-arrow.center.left {
	left: 30px;
}

#block-next-books .slick-arrow.center.right {
	right: 30px;
}

#block-next-books .date-parution{
    color: var(--color-grey);
}

#block-next-books .book-title{
    margin-top: 15px;
    padding-bottom: 5px;
    display: block;
    transition: all 0.5s;
}

#block-next-books .slick-slide:hover .title{
    color: var(--color-red);
    transition: all 0.5s;
}

#block-agendacalendrier,
#block-topdesventes,
#block-prochainesparutions,
#block-nouveautes {
    padding: 60px 15px;
}

#block-nouveautes{
    background-color: #F6F6F6;
    clear: both;
}

#block-nouveautes .center-box{
    width: 58.5%;
    left: 20.8%;
}

#nav-thematiques-m li,
#nav-thematiques li{
  padding-right: 12px;
  padding-bottom: 12px;
}

#nav-thematiques-m li button,
#nav-thematiques li button{
  font-family: 'Barlow';
  font-weight: 500;
  border-radius: 50px;
  border: solid 1px #000;
  background: #fff;
  color: #000;
  font-size: 17px;
}

#nav-thematiques-m li button:hover,
#nav-thematiques li button:hover{
  border: solid 1px var(--color-red);
  background: #F6F6F6;
  color: var(--color-red);
}


#nav-thematiques-m li button.active,
#nav-thematiques li button.active{
  background: #000;
  color: #fff;
}

.theme-content {
    padding: 40px 0;
}

/** BLOC TOP VENTES **/

#block-top-sales-books{
  overflow: hidden;
    clear: both;
}

#block-top-sales-books .slider-top-sales-books .item{
    position: relative;
}

#block-top-sales-books .slider-top-sales-books .item .number{
    font-family: 'Anton', sans-serif;
    font-size: 23vw;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    line-height: 20.5vw;
    left: 0px;


}

#block-top-sales-books .slider-top-sales-books .item .details{
    width: 73%;
    left: 35%;
    position: relative;
    z-index: 2;
}

#block-top-sales-books .slider-top-sales-books .slick-slide {
	padding: 0 9px;
}



#block-top-sales-books .slider-top-sales-books .item .details img{
    width: 100%;
    height: auto;
    border: 1px solid #C1C1C1;
}

/** SLIDER NOUVEAUTES **/

#block-top-sales-books  .tab-content > .tab-pane,
#block-nouveautes .tab-content > .tab-pane{
    display: block;
    height: 0px;
    overflow: hidden;
}
#block-top-sales-books .tab-content > .active,
#block-nouveautes .tab-content > .active{
    height: auto;
}

#block-nouveautes .slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#block-nouveautes .slider-rail {
    display: flex;
    align-items: center;
    position: relative;
    height: 500px;
}
#block-nouveautes .slider-btn {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    background: #ed503c;
}

#block-nouveautes .btns{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#block-nouveautes .slider-btn-left {
    position: relative;
    margin-right: 10px;
}
#block-nouveautes .slider-items {
    display: flex;
    transition: transform 0.5s ease;
    width: 30%;
    position: relative;
}
#block-nouveautes .slider-item {
    text-align: center;
    padding: 10px;
    position: relative;
    transition: transform 0.5s ease;
}
#block-nouveautes .slider-item.active {
    border-color: red;
}
#block-nouveautes .center-box{
    background: white;
    z-index: 1;
    border-radius: 10px;
    border: 1px solid #C1C1C1;
    position: absolute;
    height: 500px;
    padding: 30px;
}
#block-nouveautes .slider-item > img{
    width: 140px;
    position: relative;
    border: solid 1px #f1f1f1;
}
#block-nouveautes .items-left{
    position: absolute;
    width: 30%;
    left: 0px;
}
#block-nouveautes .items-right{
    position: absolute;
    right: 0px;
    width: 30%;
    justify-content: flex-end;
}
#block-nouveautes .center-box > img{
    height: 400px;
    width: 200px;
}
#block-nouveautes .book-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#block-nouveautes .book-image {
    flex: 0 0 auto;
    margin-right: 30px;
    width: 250px;
}
#block-nouveautes .book-image img {
    max-width: 100%;
    max-height: 400px;
    border: solid 1px #f1f1f1;
}

#block-nouveautes .book-image {
    max-width: 100%;
    height: 400px;
}

#block-nouveautes .book-details {
    flex: 1 1 auto;
}
#block-nouveautes .book-details .s-book-title {
    font-size: 30px;
    line-height: 40px;
    margin: 15px 0 5px 0;
    font-family: 'Anton', sans-serif;
    font-weight: 500;
  color: #212529;
}
#block-nouveautes .book-details .s-author-name {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
  color: #212529;
}
#block-nouveautes .book-details p.s-summary {
    font-size: 16px;
    margin-bottom: 20px;
}
#block-nouveautes .active-summary{
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    letter-spacing: 1px;
    font-family: sans-serif;
}
#block-nouveautes .book-details .s-btn-more-link {
    padding: 10px 60px;
    font-size: 17px;
    background-color: var(--color-red);
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
}
#block-nouveautes .active-date-parution{
    background: #000;
    color: white;
    padding: 5px 10px;
    font-size: 17px;
}

/***** BLOCK AGENDA *****/

#block-agenda-calendar{
    clear: both;
}

#block-agenda-calendar .newsletter p{
    color: #fff;
    font-size: 25px;
    line-height: 38px;
    font-family: 'Anton', sans-serif;
    text-align: center;
    margin: 49px 0 29px 0;
}

#block-agenda-calendar .newsletter .btn-white{
    margin-bottom: 0;
}


#block-agenda-calendar #list-events{
    height: 615px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-grey) #eaeaea;
}

#block-agenda-calendar #list-events::-webkit-scrollbar {
  width: 8px;
}

#block-agenda-calendar #list-events::-webkit-scrollbar-track {
  background-color: #eaeaea;
}

#block-agenda-calendar #list-events::-webkit-scrollbar-thumb {
  background-color: var(--color-grey);
}

#block-agenda-calendar .single-event {
    display: flex;
    align-items: stretch;
    height: 205px;
    padding: 0 0 17px 0;
}

#block-agenda-calendar .date {
  width: 145px;
  background: #C1C1C1;
  border-radius: 10px;
  padding: 20px;
  color: #000;
  position: relative;
  font-family: 'Anton', sans-serif;
  font-weight: 700;
}

#block-agenda-calendar .date .inner{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

#block-agenda-calendar .date .day{
    font-size: 48px;
    line-height: 48px;
}

#block-agenda-calendar .date .month{
  text-transform: lowercase;
    font-size: 32px;
    line-height: 32px;
}

#block-agenda-calendar .date .separator{
    position: relative;
    font-size: 24px;
  top: 0px;
}

#block-agenda-calendar .start-time{
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

#block-agenda-calendar .img {
    width: 145px;
    margin: 0 20px;
    position: relative;
}

#block-agenda-calendar .img img{
    height: auto;
    max-width: 160px;
    max-height: 180px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid 1px #f1f1f1;
}

#block-agenda-calendar .details span{
    display: block;
}

#block-agenda-calendar .details {
  width: 55%;
}


#block-agenda-calendar .details .type{
    display: table;
    background: #000;
    padding: 0 25px;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
}

#block-agenda-calendar .details .author-name{
    font-family: 'Anton', sans-serif;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    color: #000;
}

#block-agenda-calendar .details .localisation{
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
}

#block-agenda-calendar .details .title{
    font-size: 18px;
}

#block-agenda-calendar .details .link{
    color: var(--color-red);
    text-decoration: underline;
    font-family: 'Anton', sans-serif;
    font-size: 15px;
    line-height: 21px;
}




/*
 *****************************************************************
 * calendrier
 *****************************************************************
 */

.calendar-container{
    background: var(--color-red);
    padding: 30px 20px;
    border-radius: 10px;
}

.calendrier-agenda{
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	padding: 18px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}

.calendrier-agenda #back-to-all-events{
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--color-red);
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    width: 36px;
    height: 36px;
    border: none;
}

.calendrier-agenda #back-to-all-events:hover {
    -webkit-animation : rotation 1s;
    -moz-animation    : rotation 1s ;
    -o-animation      : rotation 1s;
    animation         : rotation 1s;
}

.calendrier-agenda .refreshCalendrier{
    cursor:pointer;
}

.calendrier-agenda .colonne{float: left;}
.calendrier-agenda .entete{
	width: 100%;
	margin: 0 auto 13px auto;
    padding-bottom: 16px;
    border-bottom: solid 1px #E4E5E7;
}
.calendrier-agenda .entete .fl{
	width: 92%;
    text-align: center;
}
.calendrier-agenda .entete .fl .pas-prec{
	color: #fff;
	width: 10%;
	display: inline-block;
}
.calendrier-agenda .entete .fl a{
	color: #9b9b9b;
	width: 10%;
	display: inline-block;
}
.calendrier-agenda .entete .le-mois{
	color: #000;
    font-weight: 700;
	width:75%;
	display: inline-block;
	text-align: center;
    text-transform: uppercase;
}
.calendrier-agenda .jours{
	width: 100%;
	color: #7E818C;
	line-height: 29px;
	margin-bottom: 6px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
}

.calendrier-agenda .chiffres .colonne .current{
	width: 100%;
	color: #fff;
	background: var(--color-red);
    width: 30px;
    border-radius: 15px;
    margin: 0 auto;
    cursor: pointer;
}

.calendrier-agenda .chiffres .colonne .un-evt:hover,
.calendrier-agenda .chiffres .colonne .un-evt.active{
	width: 100%;
	color: #fff;
	background: #555555;
    width: 30px;
    border-radius: 15px;
    margin: 0 auto;
    cursor: pointer;
}

.calendrier-agenda .jours .colonne,
.calendrier-agenda .chiffres .colonne{
	width: 14.28571428571429%;
	text-align: center;
}
.calendrier-agenda .chiffres .colonne{
	margin-bottom: 6px;
}
.calendrier-agenda .chiffres .colonne .un-evt{
	display: block;
	width: 30px;
	border-radius: 15px;
	background-color: #C1C1C1;
	text-align: center;
    margin: 0 auto;
	line-height: 30px;
	color: #ffffff;
}
.calendrier-agenda .chiffres .colonne .no-evt{
	display: block;
	height: 30px;
	text-align: center;
	line-height: 30px;
    font-weight: 500;
}
.calendrier-agenda .chiffres .colonne .today-no-evt{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #d80025;
}
.calendrier-agenda .chiffres .colonne .today-evt{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #37474f;
	text-align: center;
	line-height: 30px;
	color: #d80025;
}
.calendrier-agenda .chiffres .colonne .mois-prec{
	display: block;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #919191;
}

/** Block last video **/

.default-block{
    position: relative;
    margin: 60px 0;
}

.default-block .title{
    color: #e5e5e5;
    position:absolute;
    top: -127px;
    left: 0;
    font-size: 150px;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    line-height: normal;
}

.default-block .inner{
    background: #e5e5e5;
    padding: 35px 50px;
    border-radius: 10px;
}

#block-dernierevideo{
    margin-bottom: 60px;
}

#block-list-videos iframe{
    border-radius: 25px;
}

#block-list-audios h3,
#block-list-videos .last-video h3 {
    font-family: 'Anton', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 121%;
    margin: 15px 0;
    color: var(--color-black);
}

#block-list-audios .desc,
#block-list-videos .last-video .desc{
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.default-block .more-link {
	font-family: 'Anton',sans-serif;
	font-style: normal;
	color: var(--color-red);
	position: relative;
    margin-bottom: 25px;
    top: auto;
}

#block-list-videos .slider-videos h3{
    color: var(--color-black);
    font-size: 18px;
    font-family: 'Anton',sans-serif;
    font-weight: 400;
    line-height: 139%;
    margin-top: 10px;
}

#block-list-videos .slider-videos .slick-arrow.center {
	background: rgb(240,238,235);
	background: linear-gradient(90deg, rgba(240,238,235,0) 31%, rgba(240,238,235,1) 46%);
	width: 50px;
	height: 105%;
	border-radius: 0;
    top: 45%;
}

#block-list-videos .slider-videos {
    margin: 35px 0 0 0;
}

#block-list-videos .slider-videos .slick-slide{
    padding: 0 15px 0 0;
}

#block-list-videos .slider-videos .slick-arrow.center.right {
	right: 0px;
}

#block-list-audios.default-block{
    margin: 180px 0 60px 0;
}
#block-list-audios .slick-list {
  padding: 0 190px 0 0 !important;
}


#block-list-audios .filter-bg {
    position: relative;
	background: rgb(37,23,0);
	background: linear-gradient(43deg, rgba(37,23,0,1) 19%, rgba(189,107,68,1) 58%, rgba(195,0,34,1) 100%);
	padding: 15px 40px;
	border-radius: 10px;
	max-width: 385px;
	margin: 0 auto;
}

#block-list-audios .details{
    padding: 25px 40px 25px 25px;
}

#block-list-audios .slick-arrow.center.left {
	left: -43px;
  bottom: 0;
}

#block-list-audios .slick-arrow.center.right {
	right: -43px;
  bottom: 0;
}

#block-list-audios .slick-arrow.center {
	background: var(--color-red);
	border: 0;
	position: absolute;
	top: auto;
    bottom: 30px;
	transform: none;
	z-index: 2;
	cursor: pointer;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	text-align: center;
}

#block-dernieresactualites{
   margin: 60px 0;
}

#block-last-news {
    position: relative;
 }


#block-last-news ul{
   margin-bottom: 35px;
}

#block-dernieresactualites .block-top .block-title{
    float: none;
}

#block-last-news img{
   border-radius: 5px;
   display: block;
   margin-bottom: 15px;
}

#block-last-news h3{
 color: var(--color-black);
   font-size: 20px;
   font-family: Barlow;
   font-weight: 700;
   line-height: normal;
}

#block-last-news .text{
  color: var(--color-black);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 10px 0;
}

#block-last-news .list a{
    color: var(--color-black);
    display: block;
    font-size: 15px;
    font-family: 'Anton',sans-serif;
    font-weight: 400;
    line-height: 139%;
    text-decoration-line: underline;
}

#block-last-news .more-link{
   position: absolute;
   top: 10px;
   right: 0;
 }

#block-last-news .slick-slide {
	padding-right: 15px;
}


/** block SEO **/

#block-seohomepage{
    margin: 60px auto;
}

#block-seohomepage .container{
    display: block;
}


#block-seohomepage h2{
    color: var(--color-black);
    font-size: 33px;
    font-family: 'Anton',sans-serif;
    font-weight: 400;
    line-height: 139%;
}

#block-seohomepage a,
#block-seohomepage p{
    color: var(--color-grey-light);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

#block-seohomepage .more-link {
	text-align: left;
}

#block-seohomepage .more-link a {
	color: var(--color-red);
	text-decoration: underline;
	font-size: 17px;
	line-height: 24px;
	padding-right: 5px;
}

.avis-img img {
  border-radius: 5px;
  display: block;
  margin-bottom: 15px;
  max-height: 240px;
  padding-left: 32%;
}
.avis-img{
  background: radial-gradient(100% 100% at 50% 50%, rgba(255, 255, 255, 0) 0%, #8E8E8E 200%);
  padding-top: 20px;
  padding-bottom: 5px;
}