/********************/
/*     FONTS        */
/********************/

@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap');

@font-face {font-family: 'icomoon';src:  url('../fonts/icomoon.eot?cjx675');src:  url('../fonts/icomoon.eot?cjx675#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?cjx675') format('truetype'),url('../fonts/icomoon.woff?cjx675') format('woff'),url('../fonts/icomoon.svg?cjx675#icomoon') format('svg');font-weight: normal;font-style: normal;}


/********************/
/*     GLOBAL       */
/********************/


body {font-family: 'Nunito', sans-serif;}
body .block-title-wrapper {font-family: 'Josefin Sans', sans-serif;font-weight: bold;}
body h1.title {font-weight: bold;}
body.front .main-container.container {width: 100%;}
body .main-container.container {position: relative;top: 30px;}
body.front .more-link a {font-weight: bold;}
body.not-front:not('.node-type-hw-livre') footer.footer {margin-top: 50px;}
body .view .view-content .views-row > div { margin: 0 auto;min-width: 100%;}
body .ds-1col.node.node-hw-livre.view-mode-listes.clearfix {margin: 0 auto;position: relative;}
body .ds-1col.node.node-hw-livre.view-mode-listes.clearfix .form-item.form-type-item.form-group {position: absolute;top: -30px;padding: 0 20px;}
body img {width: 100%;}
body .block.block-facetapi ul li ul li {margin: 5px;}

.block-views ,
.table-responsive {clear: both;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: transparent;}
#admin-menu {z-index: 99;}

.page-node-92089 .main-container.container,
a:hover, a:focus {text-decoration: none;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: transparent;}
.webform-confirmation span {color: #00c9aa;}
.links {text-align: center;}
.non-commercialise {font-weight: bold;font-size: 18px;}

.g-recaptcha {margin: 50px 0;}
/* Fix center when less than 5 items */
/*.slick-slider .slick-track, .slick-slider .slick-list {margin-left: 0;}*/

/* Couverture livre dans les listes => même hauteurs en gardant les proportions de l'image */
.node-hw-livre:not(.view-mode-block_teaser):not(.view-mode-full) .field-name-hw-livre-couverture {height: 279px;}
.node-hw-livre:not(.view-mode-block_teaser):not(.view-mode-full) .field-name-hw-livre-couverture .field-items ,
.node-hw-livre:not(.view-mode-block_teaser):not(.view-mode-full) .field-name-hw-livre-couverture .field-items .field-item,
.node-hw-livre:not(.view-mode-block_teaser):not(.view-mode-full) .field-name-hw-livre-couverture .field-items .field-item a  {height: 100%;}
.node-hw-livre:not(.view-mode-block_teaser):not(.view-mode-full) .field-name-hw-livre-couverture {display: block;overflow: hidden;position: relative;margin: 0;cursor: pointer;}
.node-hw-livre:not(.view-mode-block_teaser):not(.view-mode-full) .field-name-hw-livre-couverture img {width: auto;height: auto;max-width: 100%;margin: 0 auto;display: block;border: solid 1px lightgrey;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}


.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .field-name-hw-livre-couverture {height: 279px;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .field-name-hw-livre-couverture .field-items ,
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .field-name-hw-livre-couverture .field-items .field-item,
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .field-name-hw-livre-couverture .field-items .field-item a  {height: 100%;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .field-name-hw-livre-couverture {display: block;overflow: hidden;position: relative;margin: 0;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .field-name-hw-livre-couverture img {width: auto;height: auto;max-width: 100%;margin: 0 auto;display: block;border: solid 1px lightgrey;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;cursor: pointer;}


.view-mode-affichage_liste_collection .field-name-hw-livre-couverture {height: 279px;}
.view-mode-affichage_liste_collection .field-name-hw-livre-couverture .field-items ,
.view-mode-affichage_liste_collection .field-name-hw-livre-couverture .field-items .field-item,
.view-mode-affichage_liste_collection .field-name-hw-livre-couverture .field-items .field-item a  {height: 100%;}
.view-mode-affichage_liste_collection .field-name-hw-livre-couverture {display: block;overflow: hidden;position: relative;margin: 0;}
.view-mode-affichage_liste_collection .field-name-hw-livre-couverture img {width: auto;height: auto;max-width: 100%;margin: 0 auto;display: block;border: solid 1px lightgrey;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}

.field-name-last-book-image {height: 279px;}
.field-name-last-book-image .field-items ,
.field-name-last-book-image .field-items .field-item,
.field-name-last-book-image .field-items .field-item a  {height: 100%;}
.field-name-last-book-image {display: block;overflow: hidden;position: relative;margin: 0;cursor: pointer;}
.field-name-last-book-image img {width: auto;height: auto;max-width: 100%;margin: 0 auto;display: block;border: solid 1px lightgrey;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;}

/* SLIDESHOW / Slick Carroussel / Home & PAge extraits */


ul.slick-dots {position: absolute;bottom: -10px;left: 20px;}

@media screen and (max-width:765px) {
	ul.slick-dots {left: 0px;}
}

ul.slick-dots li {display: inline-block;font-size: 1px;position: relative;bottom: 30px;right: 30px;color: transparent;}
ul.slick-dots li::before {content:'';position: relative;display: inline-block;width: 7px;height: 7px;background-color: #fff;border-radius: 50px;cursor: pointer;}
ul.slick-dots li.slick-active::before {width: 30px;}

.node-hw-slide  .field-name-hw-slide-url {position: relative;}
.node-hw-slide  .field-name-hw-slide-url a:hover {color: #fff;background-color: #0093ff;}
.node-hw-slide  .field-name-hw-slide-url a {color: #0093ff;position: absolute;right: 110px;bottom: 40px;background-color: #fff;padding: 10px 20px;border-radius: 50px;}


/*********/
/* PAGER */
/*********/

.pager {margin: 60px 0;}
.pager li {display: inline-block;width: 30px;}
.pager li.pager-current {font-size: 2em;}
.pager li.pager-item > a:hover, 
.pager li.pager-item > a:focus {background-color: transparent;position: relative;transform: scale(2);bottom: 7px;}
.pager li.pager-next > a:hover,
.pager li.pager-last > a:hover, 
.pager li.pager-last > a:focus, 
.pager li.pager-next > a:focus, 
.pager li.pager-previous > a:hover,
.pager li.pager-first > a:hover, 
.pager li.pager-first > a:focus, 
.pager li.pager-previous > a:focus {background-color: transparent;position: relative;transform: scale(1.2);}
.pager li > a, .pager li > span {background-color: transparent;border: 0px solid #ddd;}
.pager li > a:hover, .pager li > a:focus {background-color: transparent;}

.table > tbody > tr > td, .table > tfoot > tr > td {line-height: 0;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2;cursor: default;background-color: transparent;border-color: transparent;color: #000;font-weight: bold;}
.pagination > li > a, .pagination > li > span {color: grey;background-color: transparent;border: 0px solid #ddd;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {z-index: 3;color: #000;background-color: transparent;border-color: transparent;}
.table-hover > tbody > tr:hover ,
.table-striped > tbody > tr:nth-of-type(odd) {background-color: transparent;}

.pager-first a {font-size: 0;}
.pager-first a:before {content :"«";font-size: 20px;}
.pager-previous a {font-size: 0;}
.pager-previous a:before {content :"‹";font-size: 20px;}
.pager-next a {font-size: 0;}
.pager-next a:before {content :"›";font-size: 20px;}
.pager-last a {font-size: 0;}
.pager-last a:before {content:"»";font-size: 20px;}

.pagerer.pagerer-right ul {text-align: left;}

/***************************/
/* BARRE DE PARTAGE ICONES */
/***************************/

.partage_wrap {position: absolute;top: 0;right: 0;width: min-content;padding: 15px;background-color: rgba(94, 102, 122, 0.15);font-size: 2em;}
.partage_wrap .partage a {color: #5e667a;}
.partage_wrap .partage a.fa-facebook:before {content:'\ea90';font-family: "icomoon";font-size: 22px;}
.partage_wrap .partage a.fa-twitter:before {content:"\ea96";font-family: "icomoon";font-size: 22px;}
.partage_wrap .partage#partage_mail a:before {content:"\e901";font-family: "icomoon";font-size: 22px;}
.partage_wrap .partage#partage_print a:before {content:"\e954";font-family: "icomoon";font-size: 22px;}
.partage_wrap .partage#partage_facebook:hover a {color: #3B5998;}
.partage_wrap .partage#partage_twitter:hover a {color: #38A1F3;}
.partage_wrap .partage#partage_mail:hover a:before {content:"\e905";}


/******************/
/* BLOCK QUICKTAB */
/******************/

body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs {max-width: 1270px;margin: 0px auto 50px auto;padding-inline-start:0;text-align: center;}
body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li {position: relative;padding: 20px;}

body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:before {    content: '';width: 1px;height: 63px;background-color: lightgrey;position: absolute;display: inline-block;left: 0px;top: 0;margin-right: 0px;}
body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:first-child:before ,
body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:only-child:before {display: none;}

body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li a {color: lightgrey;font-size: 24px;}
body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {color: #fff;background-color: rgb(102, 97, 116);}

/* Hover Only Desktop */
@media screen and (min-width:1025px) {
	body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.6;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: rgb(102, 97, 116); top: -55px;float: right;right: 0px;transform: scale(0.5) rotate(215deg);}
	body:not(.page-node-92094):not(.page-node-92097):not(.page-node-92095):not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a {color: #fff;}
	body:not(.page-node-92094):not(.page-node-92097):not(.page-node-92095):not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:not(.active):hover a::after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.6;display: inline-block;width: 90px;height: 90px;position: absolute;    top: -55px;float: right;right: 0px;transform: scale(0.5) rotate(215deg);}
}

/*************************/
/*  FILTER BY COLLECTION */
/*************************/

.block_filter_collection .block-title-wrapper {text-align: center;text-transform: uppercase;}
.block_filter_collection .block-title-wrapper p {font-weight: bold;font-size: 20px;margin-bottom: 40px;}

.block_filter_collection .content ul.quicktabs-tabs {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap:wrap;justify-content: center;text-align: center;position: relative;padding-inline-start: 0;}
.block_filter_collection .content ul.quicktabs-tabs::before {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);width: 90px;height: 90px;display: inline-block;position: absolute;bottom: 120px;right: 0px;background-repeat: no-repeat;background-color: #0093ff;transform: rotate(115deg);}
.block_filter_collection .content ul.quicktabs-tabs:after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);width: 90px;height: 90px;display: inline-block;position: absolute;top: -10px;left: -30px;background-repeat: no-repeat;background-color: #0093ff;transform: rotate(115deg);}

.block_filter_collection .content ul.quicktabs-tabs li {flex : 0 0 12%;background: lightgrey;display: table;height: 133px;width: 133px;margin: 0 5px;}
.block_filter_collection .content ul.quicktabs-tabs li a {vertical-align: middle;display: table-cell;color: #fff;font-size: 20px;}
.block_filter_collection .content ul.quicktabs-tabs li.PikaShonen.active {background-color: #0d99d5;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaShonen:hover {background-color: #0d99d5;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaShojo.active {background-color: #ea5298;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaShojo:hover {background-color: #ea5298;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaSeinen.active {background-color: #c50e28;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaSeinen:hover {background-color: #c50e28;} 
.block_filter_collection .content ul.quicktabs-tabs li.Pika.active {background-color: #ffa941;} 
.block_filter_collection .content ul.quicktabs-tabs li.Pika:hover {background-color: #ffa941;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaGraphic.active {background-color: #ff6817;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaGraphic:hover {background-color: #ff6817;} 
.block_filter_collection .content ul.quicktabs-tabs li.Senpai.active {background-color: #954dc4;} 
.block_filter_collection .content ul.quicktabs-tabs li.Senpai:hover {background-color: #954dc4;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaRoman.active {background-color: #0d005b;} 
.block_filter_collection .content ul.quicktabs-tabs li.PikaRoman:hover {background-color: #0d005b;} 

.view-filters .views-exposed-widgets {margin: 3em 0;}

/*************************/
/* CUSTOM INPUT CHECKBOX */
/*************************/

/* CUSTOM SELECT */

select#edit-sort-by {border: 0px solid transparent;box-shadow: none;font-weight: bold;text-decoration: underline;width: auto;margin-top: 12px;}
select#edit-sort-by:after {font-family: "icomoon";content: '\e90d';right: 10px;position: absolute;transform: rotate(180deg);}
#block-views-commentaires-livres-block .form-item.form-item-sort-by::after {font-family: "icomoon";content: '\e90d';right: -5px;top:5px;position: absolute;transform: rotate(180deg);}
.view.view-commentaires-livres .view-filters .views-exposed-widget .form-item label {float: left;}
/*** FORMS ***/
input,
textarea,
select{ display:block;   padding:10px 10px; border:1px solid #cbd1db; border-radius:5px; }
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; position:relative; }

.checkbox label {position: relative;display: inline-block;padding-left: 22px;}
.checkbox label::before,
.checkbox label::after {position: absolute;content: "";display: inline-block;}
.checkbox label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 0px;top: 3px;}
.checkbox label::after {height: 5px;width: 19px;transform: rotateY(190deg) rotateZ(-40deg);left: 6px;top: -4px;color: #0093ff;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;font-size: 1.3em;}

.checkbox input[type="checkbox"] {opacity: 0;}
.checkbox input[type="checkbox"] +label::after {content: none;}
.checkbox input[type="checkbox"]:checked +label::after {content: "L";}
/*.checkbox input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;}*/

/*** BREADCRUMB ***/
#breadcrumb{ max-width: 100%;margin: 20px auto;position: relative;top: 20px;}
.item-list .breadcrumb{ display:block; float:left; width:100%; margin:0; padding:30px 0 20px 0; }
.item-list .breadcrumb li{ display:inline-block; float:left; margin:0 5px 0 0; font-size:1.2rem; color:#686868; }
.item-list .breadcrumb li a{ font-size:1.2rem; color:#686868; }
.item-list .breadcrumb li a:hover{ text-decoration:underline; }
.item-list .breadcrumb li::before{ content:">"; margin:0 5px 0 0; }
.item-list .breadcrumb li.first::before{ content:""; }
.breadcrumb > li + li:before {content: ">";}
.breadcrumb a, .breadcrumb li {color: #ccc;}
#breadcrumb .breadcrumb {padding: 8px 108px;}

/*Onglet Social Media */

ul li a:hover {background-color: transparent;}
ul li a.link-youtube {font-size: 0;font-family: "icomoon";color: #fff;}
ul li a.link-youtube:hover {color: #ED3833;background-color: transparent;}
ul li a.link-youtube:before {content:"\ea95";font-size: 22px;font-family: "icomoon";display: inline-block;}
ul li a.link-insta {font-size: 0;font-family: "icomoon";color: #fff;}
ul li a.link-insta:hover {color: #c13584;background-color: transparent;}
ul li a.link-insta:before {content:"\ea92";font-size: 20px;font-family: "icomoon";display: inline-block;}
ul li a.link-facebook {font-size: 0;font-family: "icomoon";color: #fff;}
ul li a.link-facebook:hover {color: #3b5998;background-color: transparent;}
ul li a.link-facebook:before {content:"\ea90";font-size: 20px;font-family: "icomoon";display: inline-block;}
ul li a.link-twitter {font-size: 0;font-family: "icomoon";color: #fff;}
ul li a.link-twitter:hover {color: #38A1F3;background-color: transparent;}
ul li a.link-twitter:before {content:"\ea96";font-size: 20px;font-family: "icomoon";display: inline-block;}
ul li a.link-contact {font-size: 0;font-family: "icomoon";color: #fff;}
ul li a.link-contact:hover {color: #0093ff;background-color: transparent;}
ul li a.link-contact:before {content:"\e919";font-size: 28px;font-family: "icomoon";display: inline-block;line-height: normal;}
ul li a.link-newsletter-2 {font-size: 0;font-family: "icomoon";color: #fff;}
ul li a.link-newsletter-2:hover {color: #0093ff;background-color: transparent;}
ul li a.link-newsletter-2:before {content:"\e901";font-size: 30px;font-family: "icomoon";display: inline-block;line-height: normal;}
ul li:hover a.link-newsletter:before {content:"\e905";}


/*Onglet Social Media pour la page collection & sous collection */

.field-collection-item-field-reseaux-sociaux .field {display: inline-block;width: 40px;}
.field-name-field-youtube a {font-size: 0;}
.field-name-field-youtube a:before {content:"\ea95";font-size: 22px;font-family: "icomoon";}
.field-name-field-youtube:hover a:before {color: #ED3833;background-color: transparent;}
.field-name-field-instagram a {font-size: 0;}
.field-name-field-instagram:hover a:before {color: #c13584;background-color: transparent;}
.field-name-field-instagram a:before {content:"\ea92";font-size: 20px;font-family: "icomoon";}
.field-name-field-facebook a {font-size: 0;}
.field-name-field-facebook:hover a:before {color: #3b5998;background-color: transparent;}
.field-name-field-facebook a:before {content:"\ea90";font-size: 20px;font-family: "icomoon";}
.field-name-field-twitter a {font-size: 0;}
.field-name-field-twitter:hover a:before {color: #38A1F3;background-color: transparent;}
.field-name-field-twitter a:before {content:"\ea96";font-size: 20px;font-family: "icomoon";}
.field-name-field-contact a {font-size: 0;}
.field-name-field-contact:hover a:before {color: #0093ff;background-color: transparent;}
.field-name-field-contact a:before {content:"\e901";font-size: 30px;font-family: "icomoon";line-height: normal;}

/*************************/
/*     FACETTES          */
/*************************/


.view-facettes .content ul {margin-bottom: 0;}
.view-facettes > .view-content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;justify-content: center;}
.field-name-bloc-thematique	.view-facettes > .view-content {text-align: center;}
.view-facettes > .view-content .views-row{display: inline-flex;background-color: #fff;flex: 0 0 23.8%;margin: 20px 5px;height: auto;}
.page-taxonomy-term .view-facettes > .view-content .views-row {flex: 0 0 19%;}
.page-taxonomy-term #quicktabs-quicktab_collection .view-facettes > .view-content .views-row > div{margin: 0 auto;text-align: center;}
.page-node-92209 .view-facettes > .view-content .views-row {flex: 0 0 19%;height: 400px;text-align: center;}
.view-facettes .view-actualites {display: inline-block;width: 100%;}
.view-facettes > .view-content .views-row {position: relative;}
.view-facettes > .view-content .views-row .node-videos .field-name-field-url-video:after {content:'Vidéos';display: inline-block;text-transform: uppercase;    position: absolute;right: 10px;color: #8d41c1;margin-top: 6px;}
.view-facettes > .view-content .views-row .node-s-lection-de-livres .field-name-field-image:after {content:'sélection';display: inline-block;text-transform: uppercase;    position: absolute;right: 10px;color: #c50e28;margin-top: 6px;}
.view-facettes > .view-content .views-row .node-s-lection-de-livres .field.field-name-post-date {background-color: #c50e28;}

.view-facettes > .view-content .views-row .node-jeu-concours-sobuzz .field-name-field-image:after {content:'jeu concours';display: inline-block;text-transform: uppercase;    position: absolute;right: 10px;color: #00c9aa;margin-top: 6px;}
.view-facettes > .view-content .views-row .node-jeu-concours-formulaire .field-name-field-image:after {content:'jeu concours';display: inline-block;text-transform: uppercase;    position: absolute;right: 10px;color: #00c9aa;margin-top: 6px;}

.view-facettes > .view-content .views-row .node-article .field-name-field-image:after {content:'Actualités';display: inline-block;text-transform: uppercase;    position: absolute;right: 10px;color: #8d41c1;margin-top: 6px;}
.view-facettes > .view-content .views-row .node-hw-evenement .field-name-hw-evenement-image:after {content:'événement';display: inline-block;text-transform: uppercase;    position: absolute;right: 10px;color: #8d41c1;margin-top: 6px;}
.view-facettes > .view-content .views-row .field.field-name-post-date {font-size: 14px;display: inline-block;background-color: #8d41c1;color: #fff;padding: 5px 9px;margin-left: -5px;}
.view-facettes > .view-content .views-row .field.field-name-hw-evenement-date {font-size: 14px;display: inline-block;background-color: #8d41c1;color: #fff;padding: 5px 9px;margin-left: -5px;}
.view-facettes > .view-content .views-row .field.field-name-hw-evenement-date span {color: #fff;}
.view-facettes > .view-content .views-row .field-name-field-statut-jeu {font-size: 14px;display: inline-block;background-color: #00c9aa;color: #fff;padding: 5px 9px;margin-left: -5px;}
.view-facettes > .view-content .views-row .field-name-field-statut-jeu.end {background-color: grey;}
.view-facettes > .view-content .views-row .field-name-title-field h2 {margin-top: 0;font-size: 18px;}
.view-facettes > .view-content .views-row .field-name-title h2 {margin-top: 0;font-size: 18px;}
.view-facettes > .view-content .views-row .field-name-title-field,
.view-facettes > .view-content .views-row .field-name-title,
.view-facettes > .view-content .views-row .field-name-hw-livre-titre-court {padding: 10px;}
/*.view-facettes > .view-content .views-row .field-name-hw-livre-titre-court h2 a ,*/
.view-facettes > .view-content .views-row .field-name-title h2 a,
.view-facettes > .view-content .views-row .field-name-title-field h2 a {line-height: 1.1;font-size: 20px;font-weight: bold;} 
.view-facettes > .view-content .views-row .field-name-title-field h2 a:hover {color: #8d41c1;}

.view-facettes .content ul {margin-bottom: 0;padding-inline-start:0;}

/*************************/
/*      POP IN           */
/*************************/

 /*** POPIN REACH5 LOGIN ***/
#block-reachfive-login-reach5-block{display:none;width:100vw;height:100vh;margin:0;padding:0; background-color:rgba(0,0,0,0.5);position:fixed;top:0; left:0; z-index:101;}
#block-reachfive-login-reach5-block .close{display:block;width:100vw;height:100vh;margin:0;padding:0; /*background-color:rgba(0,0,0,0.5);*/position:fixed;top:0; left:0; z-index:101;}
#block-reachfive-login-reach5-block .close.cross{position: absolute;top: 10px;right: 10px;left: unset;width: 20px;height: 20px;}
#block-reachfive-login-reach5-block .content{display:block; float:left; width:50%;margin-left:25%; margin-top:5%; text-align:center; animation:fadeInDown 0.6s; }
#block-reachfive-login-reach5-block .sc-gqjmRU{ position:relative; }
#block-reachfive-login-reach5-block .sc-VigVT{ position:absolute; top:-25px; }
#block-reachfive-login-reach5-block .content{position:relative; z-index:102;}
/*
#block-reachfive-login-reach5-block .close.cross {position: absolute;right: 40px;top: 20px;width: 32px;height: 32px;background-color: transparent;opacity: 0.5;}*/
#block-reachfive-login-reach5-block .close.cross:hover {opacity: 1;}
#block-reachfive-login-reach5-block .cross:before, .cross:after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #000;opacity: 1;}
#block-reachfive-login-reach5-block .cross:before {transform: rotate(45deg);}
#block-reachfive-login-reach5-block .cross:after {transform: rotate(-45deg);}

#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE::before{ content:"Accédez à votre espace personnel !";text-transform: uppercase;text-align: left;color:#0093ff;font-weight: bold;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE::before{ display:block; float:left; width:100%; font-size:1.4rem; line-height:1.5; padding:10px 0 0px 0; }
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before{ content:"Vous pouvez-vous connecter avec vos comptes sur les réseaux sociaux ou avec votre email.";text-align: left;color:lightgrey;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before{ display:block; float:left; width:100%; font-size:1rem; line-height:1.5; padding:10px 0 20px 0; }
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div.kYTXDV::before { display:none; }
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE{display:inline-block; border-radius: 0;margin: 0;max-width:600px; padding: 50px;}


#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE .sc-htpNat.kYTXDV{text-align: left;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form {margin-bottom: 60px;margin-top: 20px;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form button {border-radius:0;width:20%;float: left; background-color:#000; border-color:#000;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form input {border-radius:0;width: 80%;float: left;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE .sc-ifAKCX.chXlmk span{color: #000;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE .sc-ifAKCX.chXlmk{margin: 40px 0;}
#block-reachfive-login-reach5-block .r5-social-buttons.sc-gZMcBi.cBZHny{border-radius: 0;margin: 0;max-width: 600px;}
#block-reachfive-login-reach5-block .r5-social-buttons.sc-gZMcBi.cBZHny .r5-btn-social-facebook{width: 100%;border-radius:0;margin-bottom: 10px;}
#block-reachfive-login-reach5-block .r5-social-buttons.sc-gZMcBi.cBZHny .r5-btn-social-google{width: 100%;border-radius: 0;margin-bottom: 10px;}
#block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form button:before {content: "\e906";font-family: "icomoon";color: #fff;border: 1px solid #fff;border-radius: 50px;padding: 0px;margin-right: 10px;display: inline-block;transition: all 0.5s ease;transform: rotate(0deg);font-size: 10px;width: 15px;height: 15px;position: relative;text-align: center;}
.page-node-107325 .region-content .block-views {border-bottom:1px solid #ccc; margin-bottom:20px!important;}


#block-hw-profile-user-profile-form {position: fixed;top: 0;width: 100%;background-color: rgba(0,0,0,0.5);z-index: 9999;left: 0;height: 100%;}
#block-hw-profile-user-profile-form .content {position: relative;top: 50px;margin: auto;width: 40%;background-color: #fff;z-index: 9999;border-color: #000;}
#block-hw-profile-user-profile-form .content form {padding: 20px;text-align: left;overflow: scroll;height: 80vh;}
#block-hw-profile-user-profile-form .content form .block_outro p a {font-size: 12px;font-weight: bold;text-decoration: underline;}
#block-hw-profile-user-profile-form .content form .panel {box-shadow: none;}
#block-hw-profile-user-profile-form .content form .panel-body ,
#block-hw-profile-user-profile-form .content form .panel-body #edit-field-user-birthdate-und-0-value {padding: 0}
#block-hw-profile-user-profile-form .content form .field-name-field-user-birthdate .panel-heading {font-weight: bold;display: inline-block;width: auto;background-color: transparent;border-color: transparent;padding: 0;}
#block-hw-profile-user-profile-form .content form .field-name-field-user-birthdate label {display: none;}
#block-hw-profile-user-profile-form .content form input,
#block-hw-profile-user-profile-form .content form select {border-radius: 0;}
#block-hw-profile-user-profile-form .content form .panel-default {border-color:transparent;}
#block-hw-profile-user-profile-form .content form .block_intro p:first-child {font-size:1.4rem;text-transform: uppercase;text-align: left !important;color:#0093ff;font-weight: bold;}
#block-hw-profile-user-profile-form .content form .block_intro p:last-child {text-align: left !important;color:lightgrey;margin-bottom: 20px;}
#block-hw-profile-user-profile-form .content form a#edit-cancel {border: 1px solid #000;padding: 9px;position: relative;top: 1px;}
#block-hw-profile-user-profile-form .content form a#edit-cancel:hover {color:#fff;background-color:#000;border: 1px solid #000;}
#block-hw-profile-user-profile-form .content form button {background-color: #000;border-color:#000;border-radius: 0;padding: 10px 12px;}
#block-hw-profile-user-profile-form .content form button:hover {background-color: #FFF;color:#000;border-color:#000;border-radius: 0;}
#block-hw-profile-user-profile-form .content form button span {display: none;}

.field.field-name-field-reseaux-sociaux .field-label {display: inline-block;position: relative;top: -25px;text-transform: uppercase;font-family: 'Josefin Sans', sans-serif;}
.field.field-name-field-reseaux-sociaux .field-items {display: inline-block;}
.field-collection-container {border-bottom: 1px solid transparent;}

/*filters*/
.view-filters {display:block;width:100%; margin:0; padding:0;}
.view-filters .views-exposed-widget {display:block; min-width:150px; position:relative; }
.view-filters .views-exposed-widget .form-item {display:block; float:right; width:100%; text-align:center; cursor:pointer;line-height: 3;min-width: 190px;height: 50px;}
.view-filters .views-exposed-widget .form-item .bef-select-as-links .form-item:first-letter {text-transform: uppercase;}
.view-filters .views-exposed-widget .form-item label{ display:block; cursor:pointer;font-size:1.2rem; font-weight:700;}
.view-filters .views-exposed-widget .form-item .bef-select-as-links{background-color: #fff;z-index: 8;position: relative;overflow: hidden;height: 50px;width: 60%;display: inline-block;box-shadow: 4px 3px 24px lightgrey;}
.view-filters .views-exposed-widget .form-item .bef-select-as-links:after {font-family: "icomoon";content:'\e90d';right: 10px;position: absolute;transform:rotate(180deg);}
.view-filters .views-exposed-widget .form-item .bef-select-as-links.activeOpenClose {height: 100px;}
.view-filters .views-exposed-widget .form-item .bef-select-as-links.activeOpenClose:after {transform:rotate(0deg);}
.view-filters .views-exposed-widget .form-item .bef-select-as-links > .form-item {position: relative;top: 0px}
.view-filters .views-exposed-widget .form-item .bef-select-as-links a {position: absolute;top: 50px;left: 20px;-webkit-transition: all 3s ease;-o-transition: all 3s ease;transition: all 3s ease;}
.view-filters .views-exposed-widget .form-item .bef-select-as-links a.active{color:#0093ff;top: 0px;z-index: -1;}
/*.view-filters .views-exposed-widget .form-item .bef-select-as-links .form-item .form-group:first-child a {color:#0093ff;top: 0px;z-index: -1;}*/


.view-filters .views-exposed-widget input[type=submit] {display:none;}

.view-filters .views-exposed-form .views-exposed-widget {float: none;width: 300px;margin: auto;}
.view-filters .views-exposed-form .views-exposed-widget .form-item.form-item-sort-by label {display: inline-block;float: left;margin-right: 20px;}
.view-filters .views-exposed-form .views-exposed-widget button {display: none !important;}


/* HOVER Class .block-hover dans la conf */
.block-hover .view-content .views-row {-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;transform:scale(1);}
.block-hover .view-content .views-row:hover {box-shadow: 1px 5px 7px lightgrey;transform: scale(1.02);}
.block-hover #block-views-jeux-concours-block .view-content .views-row:hover {box-shadow: none;transform:scale(1);}


/* Commun title book list */
.content .view-content .field-name-hw-livre-titre-court h2 {margin-bottom: 0px;line-height: 0.8em;margin-top: 10px;}
.content .view-content .field-name-hw-livre-titre-court h2 a {font-weight: 900;font-size: 17px;}
.content .view-content .field-name-hw-livre-titre-court h2 a:hover {color: #000;}
.content .view-content .field-name-hw-livre-collection-parent a {font-size: 15px;text-transform: uppercase;margin-bottom: 10px;}
.content .view-content span.date-display-single {color: lightgrey;}

.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .view-header {height: auto;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .view-header .block.block-facetapi ul li ul li {color: #fff;cursor: pointer;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) {background-color: transparent;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {z-index: 1;font-size: 16px;padding: 15px;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .facetapi-facetapi-checkbox-links label::after {height: 5px;width: 19px;transform: rotateY(190deg) rotateZ(-40deg);left: 27px;top: 11px;color: #0093ff;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;font-size: 1.3em;}

.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;}
.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;}


/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body .region.region-content-center .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after,
	body .region.region-content-center .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active:hover a::after,
	.block_filter_collection .content ul.quicktabs-tabs:after,
	.block_filter_collection .content ul.quicktabs-tabs::before,
	body:not(.page-node-92094):not(.page-node-92097):not(.page-node-92095):not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:not(.active):hover a::after,
	body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after,
	body:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active:hover a::after,
	#block-menu-menu-autres-sites-pika .content:before ,
	#block-menu-menu-autres-sites-pika .content:after ,
	.block-title-wrapper::before ,
	.block-title-wrapper::after ,
	.block-title-wrapper p.block-title::before ,
	.block-title-wrapper p.block-title::after ,
	.field.field-name-field-url-video .field-items:before ,
	.field.field-name-field-url-video .field-items:after ,
	.view-header .accroche_container p::after ,
	.view.view-intervenants.view-id-intervenants.view-display-id-attachment_1:after {
		display: none !important;
	}

    /* HIDE STARS IN BACKGROUND ON IE10+  */
  	#block-views-ressources-t-l-charger-block .content .view-content .views-row-3:before, #block-views-ressources-t-l-charger-block .content .view-content .views-row-2:after  {
         display: none;
	}
	.page-planning-sorties .view-header .date-nav.item-list ul.pager li.date-prev {
	    right: auto;
	}
	.page-node- .node.view-mode-full .partage_wrap {
		width: 50px;
	}
}

/*// Desktop Small Screen*/
@media screen and (max-width: 1310px) {
	#block-block-5 .group-left h3::before {
	    left: 0px;
	}
}

/*UGLY HIDE Sous Collection Filter */

/* Collection Pika graphic => Sous collection Comte Moderne */
/*.view-display-id-block.view-dom-id-79ddfe184c2205cc9f06bbd9d90cdcb4 .view-header {display:none;}*/


/* Collection Pika graphic => Sous collection Action */
/*.view-display-id-block.view-dom-id-6a45cdeed8a4e3901e2100f76f856c6f .view-header {display:none;}*/


/* Collection Pika graphic => Sous collection Thriller */
/*.view-display-id-block.view-dom-id-64872b5e2a6bec62f836e20170b3625d .view-header {display:none;}*/


/* Collection Pika graphic => Sous collection Fantastique */
/*.view-display-id-block.view-dom-id-c889fcde585264d48f5b7faba06f0eda  .view-header {display:none;}*/


/* Collection Pika graphic => Sous collection SF */
/*.view-display-id-block.view-dom-id-11dc0012068296f2449c12fdefc9a39a  .view-header {display:none;}*/


/* Collection Pika graphic => Sous collection Récit de vie */
/*.view-display-id-block.view-dom-id-250dd002573af3d0ab4636d43071ef9f  .view-header {display:none;}*/

/* Collection Pika shojo => Sous collection Cherry Blush */
/*.view-display-id-block.view-dom-id-fb37f744464ede76e64ab8f8264afd06 .view-header {display:none;}*/

/* Collection Pika shojo => Sous collection Purple Shine */
/*.view-display-id-block.view-dom-id-0f04b6252a7cf20af828fc1d86d65c39 .view-header {display:none;}*/

/* Collection Pika shojo => Sous collection Red light */
/*.view-display-id-block.view-dom-id-db0b21e4c2218f502da2b74db5383a63 .view-header {display:none;}*/