/********************/ /* READ ME */ /********************/ /* Les couleurs liées aux collections sont à 2 endroits :; - fiche_livre.css pour les pages livres - style.css pour le reste du site */ /********************/ /* HEADER */ /********************/ header#navbar #page-header .region-header .content label, header#navbar #page-header .region-header .content .description, header#navbar a.name.navbar-brand {display: none;} header#navbar .container, header#navbar .container .navbar-collapse {height: 50px !important;} /* SEARCH BAR */ header#navbar #page-header {display: inline-block;} header#navbar .navbar-header a img {position: relative;z-index: 9999999;} header#navbar #page-header .views-exposed-form .views-exposed-widget .btn {top: 13px;background-color: transparent;border-color: transparent;} header#navbar #page-header .views-exposed-form .views-exposed-widget .btn.views-exposed-form .views-exposed-widget .btn:after {color: #fff;background: transparent;} header#navbar #page-header .form-control{background-color: transparent;color: #fff;} #block-views-exp-recherche-page .content {height: 50px;} #block-views-exp-recherche-page .content form input {margin-top: 5px;height: 40px;} #block-views-exp-recherche-page .content form:hover input, #block-views-exp-recherche-page .content form input:focus {border-bottom:1px solid #fff;border-radius: 0;} .btn-primary:hover {border: 1px solid transparent;} /* END SEARCH BAR */ header#navbar {z-index: 9;display: inline-block;height: 50px;background: #666174;width: 100%;border-radius: 0;max-width: none;margin-top: 0;padding: 0; position: fixed;box-shadow: 1px 0px 8px #000;} header#navbar .container .navbar-collapse ul li span.caret {display: none;} header#navbar .container .navbar-collapse .nav .open > a, header#navbar .container .navbar-collapse .nav .open > a:hover, header#navbar .container .navbar-collapse .nav .open > a:focus {background-color: transparent;border-color: transparent;} body header#navbar .dropdown-menu > .active > a {background-color: transparent;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a:before{margin-right: 15px;content: '';width: 15px;height: 15px;display: inline-block;border-radius: 50%;position: relative;border: 1px solid #fff;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-shonen:before{ background-color: #0d99d5; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-shojo:before{ background-color: #ea5298; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-seinen:before{ background-color: #c50e28; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-pika:before{ background-color: #ffa941; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-pika-graphic:before{ background-color: #ff6817; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.pika-senpai:before{ background-color: #954dc4; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-pika-roman:before{ background-color: #0d005b; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-numerique:before{ background-image: url(../img/logo-numerique.png);border-radius: 0;border:none; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.couleur-simultrad:before{ background-image: url(../img/logo-numerique.png);border-radius: 0;border:none; } body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li.first ul.dropdown-menu li a.allseries:before{ background-color: #fff; } body header#navbar .container .navbar-collapse ul li ul.dropdown-menu li ul.dropdown-menu li a {background-color: transparent;} body header#navbar .container .navbar-collapse ul li ul.dropdown-menu li ul.dropdown-menu li a.link-espace-perso { margin: 30px 0px;background-color: #0093ff;padding: 15px 25px;width:max-content;width: 220px;border-radius: 50px;margin: 15px;} body header#navbar .container .navbar-collapse ul li ul.dropdown-menu li ul.dropdown-menu li a.link-espace-perso:after {content:'';width: 20px;height:10px;background-image: url(../img/Arrow.png);display: inline-block;background-repeat: no-repeat;position: relative;top: 2px;left: 15px;} body header#navbar .container .navbar-collapse ul li ul.dropdown-menu li ul.dropdown-menu li a.link-newsletter { text-decoration: underline;} body header#navbar .container .navbar-collapse ul li ul.dropdown-menu li ul.dropdown-menu li a.link-newsletter:before {content:"\e901";font-size: 25px;font-family: "icomoon";;display: inline-block;margin-right: 15px;position: relative;top: 5px;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu > li > a:hover {background-color: transparent;} /*****************/ /* DESKTOP ONLY */ /*****************/ @media screen and (min-width:765px) { header#navbar #page-header {position: absolute;top: 0;right: 0;} header#navbar #page-header #block-menu-menu-menu-header-rs-connexion .content ul li {display: inline-block;vertical-align: top;} header#navbar .container {max-width: 1200px;margin: auto;} header#navbar .container .navbar-collapse {padding: 0;} header#navbar .container .navbar-collapse ul li:first-child a {color:#fff;} #block-views-exp-recherche-page {height: 50px;float: left !important;} .block.block-views .field-name-field-slide-mobile {display: none;} header .views-exposed-form .views-exposed-widget .btn:after {border-right: 1px solid grey;padding-right: 10px;font-size: 22px;} /*Onglet MENU*/ header#navbar .container .navbar-collapse ul li a.link-menu {display: inline-block;width: 120px;left: -40px;} header#navbar .container .navbar-collapse ul li.li-link-menu {position: relative;margin-left: 60px;} header#navbar .container .navbar-collapse ul li #nav-icon1{position: absolute;left: -15px;transform: scale(0.6);top: 6px;width: 30px;height: 25px;} /*Onglet inscription/connexion*/ header#navbar #page-header #block-menu-menu-menu-header-rs-connexion .content ul li a.link-account-popin {color:#fff;background-color: #000;height: 50px;} header#navbar #page-header #block-menu-menu-menu-header-rs-connexion .content ul li a.link-account-popin::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: 20px;width: 30px;height: 30px;position: relative;text-align: center;} #block-views-exp-recherche-page, #block-menu-menu-menu-header-rs-connexion {display: inline-block;float: right;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu {position: fixed;top: 50px;width: 100%;background-color:#130d1f;border-radius: 0;border: 0px solid transparent;box-shadow: none;transform-origin: top;} body.logged-in header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu {position: fixed;width: 100%;border-radius: 0;} body.logged-in.adminimal-menu header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu {margin-top: 28px;} body header#navbar .container .navbar-collapse ul li.li-link-menu > ul.dropdown-menu {padding: 70px 30px 40px 110px;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul li.dropdown-submenu > .dropdown-menu {left: 0;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul li.dropdown-submenu {display: inline-block;width: 29%;font-size: 1.3em;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul li.dropdown-submenu.last {width: 40%;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul li.dropdown-submenu > a:after {display: none;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu > li > a {text-align: left;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu > li > a.dropdown-toggle.nolink {font-weight: bold;} body header#navbar .container .navbar-collapse ul li.li-link-menu ul.dropdown-menu li ul.dropdown-menu {position: relative;display: block;top: 0;} body header#navbar .container .navbar-collapse ul li ul li a {padding-right: 10px;} body header#navbar .container .navbar-collapse ul li ul li.h2t {clear: both;} body header#navbar .container .navbar-collapse ul li ul li.h2t , body header#navbar .container .navbar-collapse ul li ul li.nobi-nobi , body header#navbar .container .navbar-collapse ul li ul li.shojo-addict , body header#navbar .container .navbar-collapse ul li ul li.weekly-comics {display: inline-block;float: left;} body header#navbar .container .navbar-collapse ul li ul li.h2t {padding-left: 0;padding-right: 0px;} body header#navbar .container .navbar-collapse ul li ul li.h2t a:after {content:'-';margin-left: 10px;} body header#navbar .container .navbar-collapse ul li ul li.shojo-addict a {padding-left: 0;padding-right: 5px;} body header#navbar .container .navbar-collapse ul li ul li.nobi-nobi a {padding-left: 0;padding-right: 5px;} body header#navbar .container .navbar-collapse ul li ul li.nobi-nobi a:after {content:'-';margin-left: 10px;} body header#navbar .container .navbar-collapse ul li ul li.weekly-comics {display: inline-block;} body header#navbar .container .navbar-collapse ul li ul li.weekly-comics a {padding-left: 0;padding-right: 0px;} body header#navbar .container .navbar-collapse ul li ul li.espace-perso {margin-top: 50px;} } /*********************/ /* END DESKTOP ONLY */ /*********************/ body header#navbar .container .navbar-collapse ul li ul li.faq {display: inline-block;float: left;} body header#navbar .container .navbar-collapse ul li ul li.faq a:after {content:'-';margin-left: 10px;} body header#navbar .container .navbar-collapse ul.menu li ul li.faq-librairies {display: inline-block;} body header#navbar .container .navbar-collapse ul.menu li ul li.faq-librairies a {padding-left: 0;padding-right: 0px;} #nav-icon1 {width: 30px;height: 25px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} .view-slideshow-accueil {cursor: pointer;} /* SLICK PROCHAINES SORTIES/LIVRES ASSOCIES */ .front .block_slick_5 {padding: 50px;text-align: center;} .block_slick_5 .block-title-wrapper {margin-bottom: 50px;} .block_slick_5 .block-title-wrapper p {color: #0093ff;text-transform: uppercase;font-weight: bold;font-size: 35px;} .block_slick_5 .slick {position: relative;} .block_slick_5 .content {max-width: 1220px;margin: auto;} .block_slick_5 .content .slick-initialized .slick-slide {padding: 10px;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-titre-court h3 {margin-bottom: 0px;line-height: 0.8em;margin-top: 10px;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-titre-court h3 a {font-weight: 900;font-size: 17px;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent a {font-size: 12px;text-transform: uppercase;margin-bottom: 10px;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_Shonen a {color: #0093ff;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_Seinen a {color: #c20f2a;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_Shojo a {color: #ea5298;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika a {color: #ffa941;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_senpai a {color: #8744cb;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_roman a {color: #0d005b;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_catalogue_numerique a {color: #0dbfa1;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-collection-parent.collection_chapitres_en_simultrad a {color: #0f928f;} .block_slick_5 .content .slick .node-hw-livre .field-name-hw-livre-date-parution span {color: #9f969e;font-size: 14px;} .block_slick_5 .content .more-link {text-align: center;margin: 50px;} .block_slick_5 .content .more-link a {padding:15px 25px; background-color: #0093ff;border-radius: 50px;color: #fff;} .block_slick_5 .content .more-link a:hover {color: #0093ff;background-color: #fff;border:1px solid #0093ff;} .block_slick_5 .content .more-link a::before {content:'\e953';font-family: "icomoon";position: relative;top: 2px;margin-right: 6px;} .block_slick_5 .slick__arrow .slick-prev {font-size: 0;} .block_slick_5 .slick__arrow .slick-prev::before {content:'';transform:rotate(180deg);display: inline-block;width:30px;height:30px;background-repeat: no-repeat;background-image: url(../img/slick-arrow.png) ;position: relative;left: -40px;} .block_slick_5 .slick__arrow .slick-next {font-size: 0;} .block_slick_5 .slick__arrow .slick-next:after {content:'';display: inline-block;width:30px;height:30px;background-repeat: no-repeat;background-image: url(../img/slick-arrow.png) ;position: relative;right: -40px;} /* PIKA LIVE */ #block-block-5 {background-color: #656073;height: 670px;width: 100%;} #block-block-5 .content {max-width: 1200px;margin: auto;} #block-block-5 .group-left {color: #fff;position: relative;width: 35%;float: left;padding-top: 210px;} #block-block-5 .group-left h3 {text-transform: uppercase;font-size: 70px;font-family: 'Josefin Sans', sans-serif;} #block-block-5 .group-left h3::before {content:'';background-image: url(../img/etoiles/etoile_home_1.png);width: 100px;height: 100px;display: inline-block;position: absolute;top: 20px;left: -100px;background-repeat: no-repeat;} #block-block-5 .group-left h3:after {position: absolute;top: 20px;right: 20px;content:'';background-image: url(../img/etoiles/etoile_home_2.png);width: 100px;height: 100px;display: inline-block;background-repeat: no-repeat;z-index: 8;} #block-block-5 .group-left h3 span{text-transform: lowercase;color: #fff;font-size: 58px;} #block-block-5 .group-left p {color: #fff;} #block-block-5 .group-right {width: 65%;float: left;} #block-views-social-content-block:after {content: '';background-image: url(../img/etoiles/etoile_home_3.png);width: 70px;height: 120px;display: inline-block;background-repeat: no-repeat;position: absolute;right: -80px;bottom: 0px;} @media screen and (max-width: 1400px) { #block-views-social-content-block:after {display: none;} #block-menu-menu-nos-collections ul.menu {transform: scale(1.0);} } #block-views-slideshow-accueil-block .content .view-content ul.slick-dots {position: absolute;bottom: -10px;left: 20px;} #block-block-5 .group-left a {margin-right: 30px;} #block-block-5 .group-left a:hover {background-color: transparent;} #block-block-5 .group-left a.link-youtube {font-size: 0;font-family: "icomoon";color: #fff;} #block-block-5 .group-left a.link-youtube:hover {color: #ED3833;} #block-block-5 .group-left a.link-youtube::before {content:"\ea95";font-size: 28px;font-family: "icomoon";display: inline-block;} #block-block-5 .group-left a.link-insta {font-size: 0;font-family: "icomoon";color: #fff;} #block-block-5 .group-left a.link-insta:hover {color: #c13584;} #block-block-5 .group-left a.link-insta::before {content:"\ea92";font-size: 28px;font-family: "icomoon";display: inline-block;} #block-block-5 .group-left a.link-facebook {font-size: 0;font-family: "icomoon";color: #fff;} #block-block-5 .group-left a.link-facebook:hover {color: #3b5998;} #block-block-5 .group-left a.link-facebook::before {content:"\ea90";font-size: 28px;font-family: "icomoon";display: inline-block;} #block-block-5 .group-left a.link-twitter {font-size: 0;font-family: "icomoon";color: #fff;} #block-block-5 .group-left a.link-twitter:hover {color: #38A1F3;} #block-block-5 .group-left a.link-twitter::before {content:"\ea96";font-size: 28px;font-family: "icomoon";display: inline-block;} #block-block-5 .group-left a.link-contact {font-size: 0;font-family: "icomoon";color: #fff;} #block-block-5 .group-left a.link-contact:hover {color: yellow;} #block-block-5 .group-left a.link-contact::before {content:"\e901";font-size: 28px;font-family: "icomoon";;display: inline-block;} #block-views-social-content-block {background-color: #656073;padding: 30px 0px;position: relative;} #block-views-social-content-block .view-content {background-color: #656073;overflow: hidden;} #block-views-social-content-block .view-content > div {width: 50%;float: left;padding: 10px;} #block-views-social-content-block .view-content .node {position: relative;background-color: #fff;border-radius: 5px;height: 560px;cursor: pointer;} #block-views-social-content-block .view-content .node .field-name-field-instagram-link a {display: none;} #block-views-social-content-block .view-content .field-name-field-pseudo-insta {font-weight: bold;margin-left: 40px;margin-top: 5px;} #block-views-social-content-block .view-content .field-name-post-date {margin-left: 40px;margin-top: 0px;color: grey;} #block-views-social-content-block .view-content .field-name-field-pseudo-insta::before {content: '';background-image: url(../img/avatar_insta_pika.png);width: 40px;height: 40px;display: inline-block;background-repeat: no-repeat;position: absolute;top: 10px;left: 10px;} #block-views-social-content-block .view-content .field-name-field-pseudo-insta::after {content: '';background-image: url(../img/picto/picto_instagram.png);width: 25px;height: 25px;display: inline-block;background-repeat: no-repeat;position: absolute;top: 10px;right: 10px;} #block-views-social-content-block .view-content img {border-radius: 5px;} #block-views-social-content-block .view-content .field-name-field-instagram-picture {padding: 0 10px;} #block-views-social-content-block .view-content .field-type-text-with-summary {padding: 0 10px;} #block-views-social-content-block .view-content .field-type-text-with-summary p {font-size: 14px;margin-top: 20px;} /*CONTENT CENTER*/ .region-content-center {max-width: 1200px;margin: auto;} .region-content-center .height_wrapper {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;margin: 80px 0px;} /* Block Dernières actualités */ .front .block_derniere_actu {padding: 50px 0;} .block_derniere_actu {background-color: #f8f8f8;clear: both;} .block_derniere_actu .block-title-wrapper {text-align: center;text-transform: uppercase;margin-bottom: 40px;} .block_derniere_actu .block-title-wrapper p {color: #8d41c1;font-weight: bold;font-size: 35px;} .block_derniere_actu .content {max-width: 1200px;margin: auto;} @media screen and (min-width:769px) { .block_derniere_actu .content .view-content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;} } .block_derniere_actu .content .view-content .views-row{display: inline-block;float: left;width: 24%;background-color: #fff;height: auto;margin: 0 10px;} .block_derniere_actu .content .view-content .wiews-row{width: 25%;display: inline-block;} .block_derniere_actu .content .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;} .block_derniere_actu .content .view-content .views-row img {width: 100%; padding: 10px;} .block_derniere_actu .content .view-content .wiews-row.img-alone img {max-height: 275px;width: 100% !important;} .block_derniere_actu .content .view-content .views-row .field-name-title h3 , .block_derniere_actu .content .view-content .views-row .field-name-title-field h3 {margin-top: 0;font-size: 18px;} .block_derniere_actu .content .view-content .views-row .field-name-title-field, .block_derniere_actu .content .view-content .views-row .field-name-title {padding: 10px;} .block_derniere_actu .content .view-content .views-row .field-name-title-field h3 a, .block_derniere_actu .content .view-content .views-row .field-name-title h3 a {font-size: 20px;font-weight: bold;} .block_derniere_actu .content .view-content .views-row .field-name-title-field h3 a:hover, .block_derniere_actu .content .view-content .views-row .field-name-title h3 a:hover {color: #8d41c1;} .block_derniere_actu .content .more-link {text-align: center;margin: 50px 0;display: inline-block;width: 100%;} .block_derniere_actu .content .more-link a {padding:15px 25px; background-color: #8d41c1;border-radius: 50px;color: #fff;} .block_derniere_actu .content .more-link a:hover {color: #8d41c1;background-color: #fff;border:1px solid #8d41c1;} .block_derniere_actu .content .more-link a::before {content:'\e94e';font-family: "icomoon";position: relative;top: 2px;margin-right: 6px;} /* Block Dernières actualités - HOME */ .block_derniere_actu .content .view-actualites {display: inline-block;width: 100%;} .block_derniere_actu .content .view-content .views-row {position: relative;} .block_derniere_actu .content .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;} .block_derniere_actu .content .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;} .block_derniere_actu .content .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;} /* Block jeux concours */ #block-views-jeux-concours-block {background-color: #00c9aa;max-width: 1200px;margin: 100px auto;} #block-views-jeux-concours-block .ds-2col-fluid > .group-right {float: left;width: 40%;} #block-views-jeux-concours-block .view-content {padding: 60px 0;font-family: "Nunito", sans-serif;} #block-views-jeux-concours-block .view-content .node-jeu-concours {width: 90%;} #block-views-jeux-concours-block img {border: 5px solid #fff;} #block-views-jeux-concours-block .group-right .field.field-name-field-image {position: relative;} #block-views-jeux-concours-block .group-right .field.field-name-field-image::before {content:'';background-image: url(../img/etoiles/etoile_home_5.png); width: 80px;height: 100px;display: inline-block;position: absolute;top: -40px;left: -90px;background-repeat: no-repeat;} #block-views-jeux-concours-block .group-right .field.field-name-field-image:after {content:'';background-image: url(../img/etoiles/etoile_home_6.png); width: 80px;height: 100px;display: inline-block;position: absolute;bottom: 40px;right: -90px;background-repeat: no-repeat;} #block-views-jeux-concours-block .group-left {padding: 50px;position: relative;} #block-views-jeux-concours-block .group-left::before {content:'';background-image: url(../img/etoiles/etoile_home_4.png); width: 80px;height: 100px;display: inline-block;position: absolute;bottom: -80px;left: 30px;background-repeat: no-repeat;} #block-views-jeux-concours-block .group-left .field.field-name-title-field a {color: #fff;font-size: 2em;font-weight: bold;text-transform: capitalize;} #block-views-jeux-concours-block .group-left .field.field-name-field-accroche p {color: #fff;font-size: 1.3em;} #block-views-jeux-concours-block .group-left .field.field-name-node-link {background-color: #000;border-radius: 50px;padding: 15px 25px;display: inline-block;margin-top: 30px;} #block-views-jeux-concours-block .group-left .field.field-name-node-link:hover {background-color: #fff;} #block-views-jeux-concours-block .group-left .field.field-name-node-link a {color: #fff;position: relative;} #block-views-jeux-concours-block .group-left .field.field-name-node-link:hover a{color: #000;} #block-views-jeux-concours-block .group-left .field.field-name-node-link a::before {content:'\e99e';font-family: "icomoon";margin-right: 10px;} #block-views-jeux-concours-block .more-link {text-transform: uppercase;text-decoration: underline;text-align: right;position: relative;top: 30px;} /*Découvrir un extrait */ #block-views-livres-block-10 {width: 49%;display: inline-block;float: left;max-width: 635px;background-color: #ff6817;margin-right: 1%;position: relative;padding-bottom: 20px;} #block-views-livres-block-10 .block-title-wrapper {text-transform: uppercase;margin: 20px 30px;} #block-views-livres-block-10 .block-title-wrapper p {color: #fff;font-size: 2em;font-weight: bold;} #block-views-livres-block-10 .group-right {padding-left: 20px;} #block-views-livres-block-10 .view-content {padding: 0px 30px 10px 30px;} #block-views-livres-block-10 .view-content .field.field-name-hw-presentation-editoriale {color: #fff;} #block-views-livres-block-10 .view-content .field.field-name-hw-livre-collections {margin-bottom: 15px;} #block-views-livres-block-10 .view-content .field.field-name-hw-livre-collections .field-label {display: none;} #block-views-livres-block-10 .view-content .field.field-name-hw-livre-collections .field-items a {text-transform: uppercase;color: #fff;} #block-views-livres-block-10 .view-content .field.field-name-hw-livre-titre-couv a {color: #fff;font-size: 1.5em;margin-top: 20px;font-weight: bold;} #block-views-livres-block-10 .more-link {text-transform: uppercase;text-decoration: underline;text-align: right;position: absolute;bottom:-30px;right: 0;} #block-views-livres-block-10 .view-content .field.field-name-node-link {font-weight: bold;margin-top: 20px;background-color: #fff; border-radius: 50px;padding: 10px 20px;display: inline-block;} #block-views-livres-block-10 .view-content .field.field-name-node-link:hover {background-color: #000;color: #fff;} #block-views-livres-block-10 .view-content .field.field-name-node-link:hover a {color: #fff;} /*Notre sélection*/ #block-views-selection-de-livres-block {width: 49%;display: inline-block;max-width: 635px;background-color: #c50f29;margin-left: 1%;position: relative;} #block-views-selection-de-livres-block .block-title-wrapper {text-transform: uppercase;margin: 20px 30px;} #block-views-selection-de-livres-block .block-title-wrapper p {color: #fff;font-size: 2em;font-weight: bold;} #block-views-selection-de-livres-block .view-content {padding: 0px 30px 30px 30px;} #block-views-selection-de-livres-block .view-content .field.field-name-node-link {font-weight: bold;margin-top: 20px;background-color: #fff; border-radius: 50px;padding: 10px 20px;display: inline-block;} #block-views-selection-de-livres-block .view-content .field.field-name-node-link:hover {background-color: #000;color: #fff;} #block-views-selection-de-livres-block .view-content .field.field-name-node-link:hover a {color: #fff;font-weight: bold;} #block-views-selection-de-livres-block .view-content .field.field-name-title-field a {color: #fff;font-size: 1.1em;margin-top: 20px;font-weight: 600;} #block-views-selection-de-livres-block .view-content .field.field-name-post-date {display: inline-block;background-color: #fff;padding: 5px 10px;margin: 10px 0;} #block-views-selection-de-livres-block .view-content .field.field-name-post-date .field-item {color: #c50f29;} #block-views-selection-de-livres-block .more-link {text-transform: uppercase;text-decoration: underline;text-align: right;position: absolute;bottom:-30px;right: 0;} /* Nos collections */ #block-menu-menu-nos-collections .block-title-wrapper .block-title {text-align: center;} #block-menu-menu-nos-collections .block-title-wrapper .block-title {font-size: 35px;font-weight: bold;color: #0093ff;text-transform: uppercase;} #block-menu-menu-nos-collections .content {margin: 70px 0;} #block-menu-menu-nos-collections ul.menu li a {transform-origin: center;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;} #block-menu-menu-nos-collections ul.menu li a:hover {transform: scale(1.1);} #block-menu-menu-nos-collections ul.menu {display: flex;flex-wrap: wrap;justify-content: center;transform: scale(1.05);} #block-menu-menu-nos-collections ul.menu a {flex: 1 0 17.45%;margin: 15px;height: 100px;width: 205px;height: 205px;flex-grow: unset;text-align: center;font-size: 0;} #block-menu-menu-nos-collections a.link-collection-pika-graphic {background-image: url("../img/collections/Pika-Graphic.png");} #block-menu-menu-nos-collections a.link-collection-pika {background-image: url("../img/collections/Pika.png");} #block-menu-menu-nos-collections a.link-collection-pika-roman {background-image: url("../img/collections/Pika-Roman.png");} #block-menu-menu-nos-collections a.link-collection-seinen {background-image: url("../img/collections/Pika-Seinen.png");} #block-menu-menu-nos-collections a.link-collection-shojo {background-image: url("../img/collections/Pika-Shojo.png");} #block-menu-menu-nos-collections a.link-collection-shonen {background-image: url("../img/collections/Pika-Shonen.png");} #block-menu-menu-nos-collections a.link-collection-senpai {background-image: url("../img/collections/Senpai.png");} #block-menu-menu-nos-collections a.link-collection-numerique {background-image: url("../img/collections/Catalogue-Numerique.png");} #block-menu-menu-nos-collections a.link-collection-simultrad {background-image: url("../img/collections/Chapitres-simultrad.png");} /* CONTENT BOTTOM */ .content-bottom .container {width: 100%;text-align: center;} .block-inscription-newsletter {background-color: #656073;padding: 50px;margin-top: 50px;} .block-inscription-newsletter h3 {color: #fff;text-transform: uppercase;margin-bottom: 30px;font-weight: bold;font-size: 35px;} .block-inscription-newsletter .content {position: relative;} .block-inscription-newsletter .content::before {content:'';background-image: url(../img/etoiles/etoile_home_7.png);width: 80px;height: 100px;display: inline-block;position: absolute;top: 10px;left: 200px;background-repeat: no-repeat;} .block-inscription-newsletter .content:after {content:'';background-image: url(../img/etoiles/etoile_home_8.png);width: 170px;height: 100px;display: inline-block;position: absolute;top: 10px;right: 200px;background-repeat: no-repeat;} @media screen and (max-width:1400px) { .block-inscription-newsletter .content::before {left: 100px;top: 40px;} .block-inscription-newsletter .content:after {right: 50px;top: 40px;} } .block-inscription-newsletter form {height: 50px;width: 35%;background-color: #ffffff;border-radius: 25px;overflow: hidden;margin: auto} .block-inscription-newsletter form input{width: 65%;height: 50px;border: none;padding-left: 30px;float: left;} .block-inscription-newsletter form button { border-left: 1px solid #0093ff; background-color: #0093ff;height: 100%;width: 29%;border-bottom-right-radius: 20px;border-top-right-radius: 20px;height: 50px;border-top-left-radius: 0;border-bottom-left-radius: 0;color: #fff;position: relative;float: right;line-height: 0;} .block-inscription-newsletter form button::before {content: "\e901";font-size: 22px;font-family: "icomoon";display: inline-block;margin-right: 10px;top: 5px;position: relative;} .block-inscription-newsletter form button:hover {background-color: #fff; color: #0093ff;} .block-inscription-newsletter p {font-family: 'Nunito',sans-serif;color: #fff;width: 29%;margin: auto;text-align: left;margin-top: 50px;font-size: 12px;} /*****************/ /*PAGE NEWSLETTER*/ /*****************/ .page-node-92089 .region-content {max-width: 1200px;margin: auto;} .page-node-92089 section .region-content-center {max-width: 100%;background-color: #e5f4ff;} .page-node-92089 .region-content-center .height_wrapper {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;margin: 0;padding-left: 100px;max-width: 1200px;margin: auto;} .page-node-92089 .form-item.form-item-submitted-confirmation-15-ans-1.form-type-checkbox.checkbox {clear: both;} .block.block-webform {margin-top: 50px;} .node-webform .content , .block.block-webform .content {border-left: 1px solid #0093ff;margin-left: 50px;} .node-webform .form-type-markup , .block.block-webform .form-type-markup {position: relative;clear: both;} .node-webform .form-type-markup:first-child , .block.block-webform .form-type-markup:first-child p.informations::before {padding: 5px 10px;} .node-webform .form-type-markup p , .block.block-webform .form-type-markup p {color: #0093ff;text-transform: uppercase;padding: 15px 0px;font-size: 20px;font-weight: bold;} .node-webform .form-type-markup p:before , .block.block-webform .form-type-markup p::before {content:'';width: 50px;height: 50px;border-radius: 50px;display: inline-block;background-color: #0093ff;position: absolute;top: 0;left: -125px; padding: 7px 13px;font-size: 1.5em;} .node-webform .form-type-markup p.informations:before , .block.block-webform .form-type-markup p.informations::before {content: "\e971";font-family: "icomoon";color: #fff;} .node-webform .form-type-markup p.interets:before , .block.block-webform .form-type-markup p.interets::before {content: "";background-image: url(../img/book.png);font-family: "icomoon";color: #fff;background-repeat: no-repeat;background-position: center;} .node-webform .form-type-markup p.inscriptions:before , .block.block-webform .form-type-markup p.inscriptions::before {content: "\e901";font-size: 23px;font-family: "icomoon";color: #fff;padding: 9px 13px;} .node-webform .form-item.form-item-submitted-type-lectures .form-item {width: 50%;float: left;margin-top: 0;} .node-webform .form-item.form-item-submitted-interets .form-item {width: 50%;float: left;margin-top: 0;} .node-webform .form-item.checkbox:last-child {margin-bottom: 15px;} .node-webform .form-control {color: #000;font-size: 16px;} .form-item-submitted-numero-de-telephone {display: block;overflow: hidden;height: 0;} .form-group.form-item-submitted-date-de-naissance .form-type-select {display: inline-block;width: 29.3%;float: left;margin-right: 1%;} .form-group.form-item-submitted-date-de-naissance .form-type-select select {border-radius: 0;} .node-webform form .form-item-submitted-email {padding-right: 0;margin-right: 1%;} .node-webform form .intl-tel-input {display: block;width: 50%;} .node-webform form , .block.block-webform form {padding-left: 100px;} .page-node-92089 .field.field-name-field-mentions , .block.block-webform .field.field-name-field-mentions {padding-left: 100px;margin: 20px 0;} .node-webform .field.field-name-field-mentions p , .block.block-webform .field.field-name-field-mentions p {color: lightgrey;font-size: 0.8em;} .node-webform .field.field-name-field-mentions p a , .block.block-webform .field.field-name-field-mentions p a {font-size: 13px;font-weight: bold;text-decoration: underline;color: lightgrey;} .node-webform .form-item-submitted-prenom , .block.block-webform .form-item-submitted-prenom, .node-webform .form-item-submitted-nom , .block.block-webform .form-item-submitted-nom {width: 49%;float: left;margin-right: 1%;} .node-webform .form-item.form-item-submitted-email , .block.block-webform .form-item.form-item-submitted-emai {width: 49%;float: left;} .node-webform .form-item-submitted-date-de-naissance {width: 50%;float: left;} .node-webform .form-group.form-item.form-item-submitted-profil.form-type-select.form-group {width: 49%;float: left;margin-right: 1%;} .node-webform input , .block.block-webform input {border-radius: 0;} .page-node-92089 .form-actions button {background-color: #000;border-radius: 50px;padding: 10px 15px;color: #fff;border-color: #000;} .page-node-92089 .form-actions button::before {content: "\e901";font-size: 15px;font-family: "icomoon";color: #fff;margin-right: 5px;position: relative;top: 2px;} .page-node-92089 .form-actions:hover button#edit-submit {color: #000;background-color: #fff;} .page-node-92089 .form-actions:hover button::before {content: "\e905";color: #000;background-color: #fff;} .page-node-92089 input.webform-calendar {padding: 8.6px;} .page-node-92089 .region-content-center #block-block-16, .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux { width: 50%;padding: 50px;display: inline-block;float: left;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li {display: inline-block;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a {color: #0093ff;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a::before {font-size: 35px;} .page-node-92089 .region-content-center #block-block-16 .content p {color: #0093ff;text-transform: uppercase;font-size: 25px;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a.link-youtube:hover {color: #ED3833;background-color: transparent;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a.link-insta:hover {color: #c13584;background-color: transparent;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a.link-facebook:hover {color: #3b5998;background-color: transparent;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a.link-twitter:hover {color: #38A1F3;background-color: transparent;} .page-node-92089 .region-content-center #block-menu-menu-reseaux-sociaux .content ul li a.link-contact:hover {color: yellow;background-color: transparent;} /*Page Contactez-nous*/ .page-node-43872 .node-webform form {padding-left: 0;margin-top: 50px;} .page-node-43872 #edit-submitted-lobjet-de-votre-message {border-radius: 0;background-color: transparent;height: 34px;padding: 4px;width: 100%;color: #555;} .page-node-43872 #edit-submitted-profil {border-radius: 0;background-color: transparent;height: 34px;padding: 4px;width: 100%;color: #555;} .page-node-43872 .field.field-name-field-mentions {margin-top: 20px;} .page-node-43872 .form-actions button {background-color: #000;border-radius: 50px;padding: 10px 15px;color: #fff;border-color: #000;} .page-node-43872 .form-actions:hover button {color: #000;background-color: #fff;} .page-node-43872 .form-item.form-item-submitted-confirmation-15-ans-1.form-type-checkbox.checkbox , .page-node-43872 .form-group.form-item.form-item-submitted-lobjet-de-votre-message {clear: both;} .page-node-43872 input.webform-calendar {padding: 8.5px;} #block-menu-menu-autres-sites-pika {padding-top: 50px;background-color: #fff;} #block-menu-menu-autres-sites-pika .block-title-wrapper {text-align: center;margin-bottom: 50px;} #block-menu-menu-autres-sites-pika .block-title-wrapper p {color: #0093ff;text-transform: uppercase;font-weight: bold;font-size: 32px;} #block-menu-menu-autres-sites-pika .content {position: relative;margin: auto;max-width: 1200px;padding: 0 100px;margin-bottom: 50px; } #block-menu-menu-autres-sites-pika .content:after {position: absolute;top: 60px;right: -10px;content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);width: 90px;height: 90px;display: inline-block;background-color: #0093ff;transform:rotate(180deg);} #block-menu-menu-autres-sites-pika .content::before {position: absolute;top: 60px;left: 20px;content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);width: 90px;height: 90px;display: inline-block;background-color: #0093ff;transform:rotate(130deg);} #block-menu-menu-autres-sites-pika .content ul.menu {display: flex;justify-content: space-between;} #block-menu-menu-autres-sites-pika .content ul.menu li {display: inline-block;} #block-menu-menu-autres-sites-pika .content ul.menu li a {height: 200px;width: 200px;color: transparent;} #block-menu-menu-autres-sites-pika .content ul.menu li a.link-nobi {background-image: url(../img/nobi_nobi.png);background-repeat: no-repeat;background-position: center;background-size: 100%;} #block-menu-menu-autres-sites-pika .content ul.menu li a.link-shojo {background-image: url(../img/Shojo_addict.png);background-repeat: no-repeat;background-position: center;background-size: 100%;} #block-menu-menu-autres-sites-pika .content ul.menu li a.link-weeklyc {background-image: url(../img/Weekly_comics.png);background-repeat: no-repeat;background-position: center;background-size: 100%;} #block-menu-menu-autres-sites-pika .content ul.menu li a.link-h2t {background-image: url(../img/h2t.png);background-repeat: no-repeat;background-position: center;background-size: 100%;} /****************************************************/ /* PAGE CONTENU ARTCILE ACTUALITES VIDEOS SELECTION */ /****************************************************/ .page-node- .main-container {width: 100%; } /*.page-node- .view-filters .views-exposed-form .views-exposed-widget {float: left;}*/ .page-node- #block-views-livres-block-7 {background-color: #fff;padding: 1px;text-align: center;padding: 0 0 50px 0px;} .page-node- .region-content {max-width: 1200px;margin: auto;font-family: 'Nunito' , sans-serif;min-height: 400px;} .page-node- .region.region-content-center .block.block-views .block-title-wrapper{max-width: 1230px;margin: 30px auto;position: relative;text-align: center;padding-top: 30px;} .page-node- .region.region-content-center .block.block-views .content {max-width: 1200px;margin: auto;position: relative;} .page-node- .region-content-center {max-width: 100%;background-color: #f8f8f8;clear: both;} .page-node- .block_slick_5 {clear: both;} .page-node- .block_slick_5 .block-title-wrapper p {color: #8d41c1;font-size: 30px;} .page-node- .node.view-mode-full {position: relative;/*margin-top: 20px;*/} .page-node- .node.view-mode-full .form-item.form-type-item.form-group {margin: 0;} .page-node- .node.view-mode-full .partage_wrap {position: relative;top: 70px;float: right;} .not-logged-in.page-node- .node.view-mode-full.node-hw-intervenant {position: relative;} .page-node- .node.view-mode-full .field.field-name-title-field h1 {width: 80%;font-weight: bold;margin-bottom: 30px;} .page-node- .node.view-mode-full.node-videos .field.field-name-title-field::before {content:'vidéos';text-transform: uppercase;background-color: #8d41c1;color: #fff;padding: 5px 9px;} .page-node- .node.view-mode-full.node-article .field.field-name-title-field::before {content:'actualités';text-transform: uppercase;background-color: #8d41c1;color: #fff;padding: 5px 9px;} .page-node- .node.view-mode-full .field.field-name-post-date {display: inline-block;float: right;color: grey;} .page-node- .node.view-mode-full .field.field-name-post-date .field-item::before {content:'Le';display: inline-block;margin-right: 5px;color: grey;} .page-node- .node.view-mode-full .field-name-field-image {width: 90%;margin-bottom: 30px;} .page-node- .node.view-mode-full .field-name-field-accroche {font-style: italic;font-weight: bold;margin-bottom: 20px;} .page-node- .node.view-mode-full .field-name-field-accroche p {color: grey;font-size: 1.3em;} .page-node- .node.view-mode-full .field-type-text-with-summary {width: 100%;} .page-node- .node.view-mode-full .field-type-text-with-summary a {color: #8d41c1;} .page-node- .node.view-mode-full .field-type-text-with-summary a:hover {border-bottom: 2px solid #8d41c1;} .page-node- .node.view-mode-full .field-type-text-with-summary ul li, .page-node- .node.view-mode-full .field-type-text-with-summary h2, .page-node- .node.view-mode-full .field-type-text-with-summary p {color: grey;} .page-node- .node.view-mode-full .field-type-text-with-summary p {text-align: justify;} .page-node- .node.view-mode-full .block.block-views .block-title-wrapper p.block-title {margin:50px 0px 20px 0px;color: #8d41c1;font-weight: bold;font-size: 24px;text-transform: uppercase;} .page-node- .node.view-mode-full .block.block-views .view-intervenants {text-align: center;} /*Livres associés*/ .page-node- .region.region-content-center #block-views-livres-block-7 .block-title-wrapper::before {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #8d41c1;width: 60px;height: 90px;display: inline-block;position: absolute;top: 10px;left: 0px;} .page-node- .region.region-content-center #block-views-livres-block-7 .block-title-wrapper:after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_7.png);background-color: #8d41c1;width: 50px;height: 45px;display: inline-block;position: absolute;top: 20px;right: 0px;} /*Découvrir les actualités*/ .page-node- .region.region-content-center .block_derniere_actu .block-title-wrapper p.block-title::before {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_7.png);background-color: #8d41c1;width: 50px;height: 45px;display: inline-block;position: relative;top: -10px;left: -50px;} .page-node- .region.region-content-center .block_derniere_actu .block-title-wrapper p.block-title:after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #8d41c1;width: 60px;height: 90px;display: inline-block;position: relative;top: 40px;right: -80px;transform:rotate(260deg);} /*Découvrir d'autres jeux concours*/ .block_autres_jeux_concours.block_derniere_actu .block-title-wrapper p {color: #00c9aa;} .block_autres_jeux_concours.block_derniere_actu .content .more-link a {background-color: #00c9aa;} .block_autres_jeux_concours.block_derniere_actu .content .more-link a:hover {color: #00c9aa;background-color: #fff;border: 1px solid #00c9aa;} .block_autres_jeux_concours.block_derniere_actu .content .view-content .views-row .field.field-name-post-date {background-color: #00c9aa;} .block_autres_jeux_concours.block_derniere_actu .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;} .block_autres_jeux_concours.block_derniere_actu .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;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .block-title-wrapper p.block-title::before {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_7.png);background-color: #00c9aa;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .block-title-wrapper p.block-title:after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #00c9aa;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .field-name-field-statut-jeu {font-size: 14px;display: inline-block;background-color: #00c9aa;color: #fff;padding: 5px 9px;margin-left: -5px;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .field-name-field-statut-jeu.end {background-color: grey;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .field-name-title-field h2 a:hover {color: #00c9aa;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .field-name-title-field h2 a {font-weight: bold;line-height: 1.1;font-size: 20px;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .field-name-title h2 a {font-weight: bold;} .page-node- .region.region-content-center .block_autres_jeux_concours.block_derniere_actu .field-name-title h2 a:hover {color: #00c9aa;} /*Blocks associés*/ .page-node- .block-associes .block-title-wrapper .block-title {font-weight: bold;text-align: center;text-transform: uppercase;color: #8d41c1;font-size: 28px;} .page-node- .block-associes .view-content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap:wrap;justify-content: center;} .page-node- .block-associes .view-content > div {flex: 0 0 19%;margin: 0 10px;text-align: center;} .page-node- .block-associes .view-content h2 {margin-top: 0;} .page-node- .block-associes .view-content h2 a {font-weight: bold;} /* SELECTION */ .node-type-s-lection-de-livres .region.region-content {padding-bottom: 50px;} .node-type-s-lection-de-livres .region.region-content-center {background-color: #fff;} .node-type-s-lection-de-livres .region.region-content-center #block-views-selection-de-livres-block-1 {background-color: #f8f8f8;padding-top: 10px;} .node-type-s-lection-de-livres .region.region-content-center #block-views-selection-de-livres-block-1 .block-title-wrapper .block-title {text-transform: uppercase;color: #c50f29;font-size: 32px;} .node-type-s-lection-de-livres .region.region-content-center #block-views-selection-de-livres-block-1 .block-title-wrapper p.block-title::before {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_7.png);background-color: #c50f29;width: 46px;height: 46px;display: inline-block;position: absolute;top: -10px;left: 0px;} .node-type-s-lection-de-livres .region.region-content-center #block-views-selection-de-livres-block-1 .block-title-wrapper p.block-title:after {position: absolute;top: 20px;right: 0px;content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);background-color: #c50f29;width: 90px;height: 90px;display: inline-block;} .page-node-.node-type-s-lection-de-livres .node.view-mode-full .field.field-name-title-field::before {content:'sélection';background-color: #c50f29;text-transform: uppercase;color: #fff;padding: 5px;} .node-type-s-lection-de-livres .content .view-content .views-row .node.node-s-lection-de-livres .field.field-name-field-image {position: relative;} .node-type-s-lection-de-livres .content .view-content .views-row .node.node-s-lection-de-livres .field.field-name-field-image::before {content:'sélection';background-color: #fff; text-transform: uppercase;color:#c50f29;position: absolute;bottom: -30px;right: 10px;} .node-type-s-lection-de-livres .content .view-content .views-row .node.node-s-lection-de-livres .field.field-name-post-date {background-color: #c50f29;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-title h3 {margin-bottom: 0px;line-height: 0.8em;margin-top: 10px;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-title h3 a {font-weight: bold;font-size: 17px;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent a {font-size: 12px;text-transform: uppercase;margin-bottom: 10px;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_Shonen a {color: #0093ff;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_Seinen a {color: #c20f2a;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_Shojo a {color: #ea5298;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika a {color: #ffa941;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_senpai a {color: #8744cb;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_Pika_roman a {color: #0d005b;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_catalogue_numerique a {color: #0dbfa1;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-collection-parent.collection_chapitres_en_simultrad a {color: #0f928f;} .node-type-s-lection-de-livres .content .view-content .node-hw-livre .field-name-hw-livre-date-parution span {color: #9f969e;font-size: 14px;} .node-type-s-lection-de-livres .view-livres .view-content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;justify-content: center;} .node-type-s-lection-de-livres .view-livres .view-content > div {display: inline-flex;background-color: #fff;flex: 0 0 19%;margin: 20px 5px;height: auto;text-align: center;} .node-type-s-lection-de-livres .block_derniere_actu .content .more-link a {background-color: #c50f29;} .node-type-s-lection-de-livres .block_derniere_actu .content .more-link a:hover {background-color: #fff;color: #c50f29;border:1px solid #c50f29;} /* Videos */ .field-name-field-url-video {text-align: center;} .node-type-videos .field-name-field-url-video {margin: 50px 0;} /**************************************/ /* Page JEUX CONCOURS avec formulaire */ /**************************************/ .node-jeu-concours-sobuzz:not(.view-mode-listes) .field-name-field-statut-jeu::before {content:'JEU CONCOURS';background-color: #00c9aa;text-transform: uppercase;color: #fff;padding: 7px;font-size: 0.9em;margin-bottom: 10px;} .node-jeu-concours-sobuzz .field-name-field-accroche p {font-style: italic;font-size: 18px;} .node-jeu-concours-sobuzz .field-name-hw-evenement-date {margin: 20px 0;} .node-jeu-concours-sobuzz .field-name-hw-evenement-date span {color: transparent;text-transform: uppercase;font-weight: bold;} .node-jeu-concours-sobuzz .field-name-hw-evenement-date span span {color: #00c9aa;} .node-jeu-concours-sobuzz .field-name-hw-evenement-date span span.date-display-start:before {content:"Du";margin-right: 5px;color: #00c9aa;} .node-jeu-concours-sobuzz .field-name-hw-evenement-date span span.date-display-end:before {content:"au";margin-right: 5px;color: #00c9aa;margin-left: -10px;} .node-jeu-concours-sobuzz form.webform-client-form {background-color: #00c9aa;padding: 50px;position: relative;margin: 30px 0px;} .node-jeu-concours-sobuzz form.webform-client-form:before {content: '';background-image: url(../img/etoiles/etoile_home_5.png);width: 40px;height: 60px;display: inline-block;position: absolute;top: 10px;right: 30px;transform: rotate(150deg);background-size: 100%;background-repeat: no-repeat;} .node-jeu-concours-sobuzz form.webform-client-form:after {content: '';background-image: url(../img/etoiles/etoile_home_5.png);width: 50px;height: 130px;display: inline-block;position: absolute;bottom: 15px;left: 60px;transform: rotate(110deg);background-size: 110%;} .node-jeu-concours-sobuzz form.webform-client-form input {border-radius: 50px;} .node-jeu-concours-sobuzz form.webform-client-form p, .node-jeu-concours-sobuzz form.webform-client-form label span, .node-jeu-concours-sobuzz form.webform-client-form label {color: #fff;} .node-jeu-concours-sobuzz form.webform-client-form .form-item {margin: 0 0 30px 0;} .node-jeu-concours-sobuzz .form-actions.form-wrapper.form-group {text-align: center;} .node-jeu-concours-sobuzz .form-actions.form-wrapper.form-group button {background-color: #000;border:1px solid #000;border-radius: 50px;padding: 15px 25px;display: inline-block;margin-top: 30px;} .node-jeu-concours-sobuzz .form-actions.form-wrapper.form-group button:hover {background-color: #fff;} .node-jeu-concours-sobuzz .form-actions.form-wrapper.form-group button {color: #fff;position: relative;} .node-jeu-concours-sobuzz .form-actions.form-wrapper.form-group button:hover {color: #000;} .node-jeu-concours-sobuzz .form-actions.form-wrapper.form-group button::before {content:'\e99e';font-family: "icomoon";margin-right: 10px;} .node-jeu-concours-sobuzz .field-name-field-reglement {padding: 0px 20px;line-height: 2.5;margin-top: 30px;display: inline-block;border: 1px solid #000;border-radius: 50px;position: relative;text-align: center;background-color: #000;} .node-jeu-concours-sobuzz .field-name-field-reglement:hover {background-color: #fff;} .node-jeu-concours-sobuzz .field-name-field-reglement:hover span.file a {color: #000;} .node-jeu-concours-sobuzz .field-name-field-reglement span.file a {background-image: none;color: #fff;font-size: 16px;} .node-jeu-concours-sobuzz .field-name-field-reglement .field-items {height: 40px;} .node-jeu-concours-sobuzz .field-name-field-reglement .field-label, .node-jeu-concours-sobuzz .field-name-field-reglement img {display: none;} .node-jeu-concours-sobuzz .radio input[type="radio"], .node-jeu-concours-formulaire .radio input[type="radio"]{margin-left: 0;} .node-type-jeu-concours-sobuzz.page-node- .node.view-mode-full .field-type-text-with-summary a:hover {border-bottom: 2px solid #00c9aa;} .node-type-jeu-concours-sobuzz.page-node- .node.view-mode-full .field-type-text-with-summary a {color: #00c9aa;} #hw-profile-missing-fields-from {display: none;position: fixed;top: 0;width: 100%;background-color: rgba(0,0,0,0.5);z-index: 9999;left: 0;height: 100%;} #hw-profile-missing-fields-from > div {position: relative;top: 50px;margin: auto;width: 40%;background-color: #fff;z-index: 9999;border-color: #000;padding: 50px;} #hw-profile-missing-fields-from > div button {background-color: #000;border-color:#000;border-radius: 0;} #hw-profile-missing-fields-from > div button:hover {background-color: #FFF;color:#000;border-color:#000;border-radius: 0;} #hw-profile-missing-fields-from > div button span {display: none;} /**************************************/ /* Page JEUX CONCOURS avec formulaire */ /**************************************/ .node-jeu-concours-formulaire.view-mode-full .field-name-field-statut-jeu::before {content:'JEU CONCOURS';background-color: #00c9aa;text-transform: uppercase;color: #fff;padding: 7px;font-size: 0.9em;margin-bottom: 10px;} .node-jeu-concours-formulaire .field-name-field-accroche {font-style: italic;font-size: 18px;} .node-jeu-concours-formulaire .field-name-hw-evenement-date {margin: 20px 0;} .node-jeu-concours-formulaire .field-name-hw-evenement-date span {color: transparent;text-transform: uppercase;font-weight: bold;} .node-jeu-concours-formulaire .field-name-hw-evenement-date span span {color: #00c9aa;} .node-jeu-concours-formulaire .field-name-hw-evenement-date span span.date-display-start:before {content:"Du";margin-right: 5px;color: #00c9aa;} .node-jeu-concours-formulaire .field-name-hw-evenement-date span span.date-display-end:before {content:"au";margin-right: 5px;color: #00c9aa;margin-left: -10px;} .node-jeu-concours-formulaire form.webform-client-form {background-color: #00c9aa;padding: 50px;position: relative;margin: 30px 0px;} .node-jeu-concours-formulaire form.webform-client-form:before {content: '';background-image: url(../img/etoiles/etoile_home_5.png);width: 40px;height: 60px;display: inline-block;position: absolute;top: 10px;right: 30px;transform: rotate(150deg);background-size: 100%;background-repeat: no-repeat;} .node-jeu-concours-formulaire form.webform-client-form:after {content: '';background-image: url(../img/etoiles/etoile_home_5.png);width: 50px;height: 130px;display: inline-block;position: absolute;bottom: 15px;left: 60px;transform: rotate(110deg);background-size: 110%;} .node-jeu-concours-formulaire form.webform-client-form input {border-radius: 50px;} .node-jeu-concours-formulaire form.webform-client-form p, .node-jeu-concours-formulaire form.webform-client-form label span, .node-jeu-concours-formulaire form.webform-client-form label {color: #fff;} .node-jeu-concours-formulaire form.webform-client-form input.webform-calendar {border-radius: 0;height: 34px;padding: 7px;} .node-jeu-concours-formulaire .form-actions.form-wrapper.form-group {text-align: center;} .node-jeu-concours-formulaire .form-actions.form-wrapper.form-group button {background-color: #000;border:1px solid #000;border-radius: 50px;padding: 15px 25px;display: inline-block;margin-top: 30px;} .node-jeu-concours-formulaire .form-actions.form-wrapper.form-group button:hover {background-color: #fff;} .node-jeu-concours-formulaire .form-actions.form-wrapper.form-group button {color: #fff;position: relative;} .node-jeu-concours-formulaire .form-actions.form-wrapper.form-group button:hover {color: #000;} .node-jeu-concours-formulaire .form-actions.form-wrapper.form-group button::before {content:'\e99e';font-family: "icomoon";margin-right: 10px;} #play-btn-container {margin-top: 50px;} #play-btn-container p {color: grey;} #play-btn-container a.btn {box-shadow: none;color:#fff;border-radius: 50px;background-color: #00c9aa;border:1px solid #00c9aa;} #play-btn-container:hover a.btn {color:#00c9aa;background-color: #fff;} .node-jeu-concours-formulaire .field-name-field-reglement {padding: 0px 20px;line-height: 2.5;margin-top: 30px;display: inline-block;border: 1px solid #000;border-radius: 50px;position: relative;text-align: center;background-color: #000;} .node-jeu-concours-formulaire .field-name-field-reglement:hover {background-color: #fff;} .node-jeu-concours-formulaire .field-name-field-reglement:hover span.file a {color: #000;} .node-jeu-concours-formulaire .field-name-field-reglement span.file a {background-image: none;color: #fff;font-size: 16px;} .node-jeu-concours-formulaire .field-name-field-reglement .field-items {height: 40px;} .node-jeu-concours-formulaire .field-name-field-reglement .field-label, .node-jeu-concours-formulaire .field-name-field-reglement img {display: none;} .node-type-jeu-concours-formulaire.page-node- .node.view-mode-full .field-type-text-with-summary a:hover {border-bottom: 2px solid #00c9aa;} .node-type-jeu-concours-formulaire.page-node- .node.view-mode-full .field-type-text-with-summary a {color: #00c9aa;} #message_15_ans {display: block;color: #FFF;font-size: 20px;text-align: center;} .page-jeux-concours .facetapi-facetapi-checkbox-links label::before{border: 1px solid #8d41c1;} .page-jeux-concours .facetapi-facetapi-checkbox-links label::after {color: #8d41c1;} .page-jeux-concours .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;} .page-jeux-concours .facetapi-facetapi-checkbox-links label::before, .page-jeux-concours .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;} .page-jeux-concours .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;} .page-jeux-concours .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-jeux-concours .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;} .page-jeux-concours .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;} .page-jeux-concours .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;} .page-jeux-concours .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;} body.page-jeux-concours a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;} body.page-jeux-concours .facetapi-facetapi-checkbox-links label::before {left: 0px;top: 11px;} body.page-jeux-concours .facetapi-facetapi-checkbox-links label::after {left: 7px;top: 7px;} body.page-jeux-concours .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;} body.page-jeux-concours .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: 50px;color: #04C9AA;} body.page-jeux-concours .block.block-facetapi ul.facetapi-facetapi-checkbox-links li a:hover {color: #0093ff;} body.page-jeux-concours .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;} body.page-jeux-concours .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li label:before {top: 7px;} /******************/ /* PAGE SERIE */ /******************/ body.page-serie .content .view-facettes {margin-top: 80px;} body.page-serie .view .view-header {width: 25%; float: left;} body.page-serie .view .view-header .block-title-wrapper {text-transform: uppercase;} body.page-serie .view .view-header .blockfacetteapi_wrapper {border-right: 1px solid #ccc;} body.page-serie .view .view-content {width: 75%; float: left;} body.page-serie .view .view-content .views-row {margin: 0px 30px 40px 30px;text-align: center;} body.page-serie .view .view-content .views-row > div {margin: 0 auto;} body.page-serie .view .view-content .views-row .group-left {width: 30%;} body.page-serie .view .view-content .views-row .group-right {width: 70%;} body.page-serie .view .view-content .views-row .group-right .field.field-name-hw-livre-titre-court h2 {margin: 0;} body.page-serie .view .view-content .views-row .group-right .field.field-name-hw-livre-titre-court h2 a , body.page-serie .view .view-content .views-row .group-right .field.field-name-hw-intervenants {font-weight: bold;} body.page-serie .view .view-content .views-row .group-right .field.field-name-hw-livre-collection-parent {text-transform: uppercase;} body.page-serie .view .view-content .views-row .group-right .field.field-name-hw-livre-date-parution {color: lightgrey;} body.page-serie .view .view-content .views-row .group-right .field.field-name-hw-presentation-editoriale {color: grey;} body.page-serie .view .view-content .views-row .group-right .field.field-name-node-link {margin-top: 40px;} body.page-serie .view .view-content .views-row .group-right .field.field-name-node-link a {background-color: #000;border: 1px solid #000;border-radius: 50px;padding: 10px 15px;color: #fff;border-color: #000;} body.page-serie .view .view-content .views-row .group-right .field.field-name-node-link a:hover {color: #000;background-color: #fff;} body.page-serie a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;} body.page-serie ul.facetapi-facetapi-checkbox-links label::before {left: -20px;top: 11px;} body.page-serie ul.facetapi-facetapi-checkbox-links label::after {left: -16px;top: 3px;} body.page-serie .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;} body.page-serie .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: unset;color: #000;} body.page-serie .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;} body.page-serie #block-facetapi-2jzw0jptfkhru1zkl2p490g5u0xukuko:before {content:'Filtrer par collection';font-family: 'Josefin Sans', sans-serif;font-weight: bold;text-transform: uppercase;} body.page-serie#page-title-wrapper {margin-bottom: 80px;} body.page-serie .view .view-header .intro {margin: 20px;} body.page-serie .block.block-facetapi ul li ul {margin-left: 19px;} body.page-serie .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;} body.page-serie .facetapi-facetapi-checkbox-links label::before, body.page-serie .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;} body.page-serie .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;} body.page-serie .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;} body.page-serie .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;} body.page-serie .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;} body.page-serie .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;} body.page-serie .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;} /*******************/ /* PAGE SERIES */ /*******************/ #block-quicktabs-quicktab-livres-series {margin-top: 90px;} #block-quicktabs-quicktab-livres-series .view-facettes > .view-content .views-row {height: auto;padding: 0 15px;text-align: center;} #quicktabs-quicktab_livres_series ul {text-align: center;} #quicktabs-quicktab_livres_series ul li:only-child , #quicktabs-quicktab_livres_series ul li:last-child {border-right: none;} @media screen and (min-width:765px) { .page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: rgb(102, 97, 116);} .page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a {color: #fff;background-color: rgb(102, 97, 116);} } .page-taxonomy .field-name-title h1 {font-weight: bold;} .page-taxonomy .term-listing-heading .vocabulary-hw-serie.view-mode-full > div {position: relative;} .page-taxonomy .flag-outer.flag-outer-hw-series, .page-taxonomy .flag-outer.flag-outer-hw-authors {position: absolute;top: 0px;right: 0;} .page-taxonomy .flag-outer.flag-outer-hw-series span a, .page-taxonomy .flag-outer.flag-outer-hw-authors span a {margin: 30px auto;display: inline-block;float: none;font-weight: bold;padding: 15px 20px; border: 1.5px solid #000;border-radius: 50px;background-color: #000;color: #fff;} .page-taxonomy .flag-outer.flag-outer-hw-series span:hover a, .page-taxonomy .flag-outer.flag-outer-hw-authors span:hover a , .page-taxonomy .flag-outer.flag-outer-hw-series span:hover a:before, .page-taxonomy .flag-outer.flag-outer-hw-authors span:hover a:before {color: #000; background-color: #fff;} .page-taxonomy .flag-outer.flag-outer-hw-series span a:before , .page-taxonomy .flag-outer.flag-outer-hw-authors span a:before {content:'\e94e';display: inline-block;margin-right: 5px;font-family: "icomoon";} .page-taxonomy .group-left .flag-outer.flag-outer-hw-series span a{float: left;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-url-video {position: relative;width: 47%;/*margin: 50px auto;*/float: left;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-url-video:before {content:"TRAILER DE LA SERIE";color: #0093ff;margin: 30px 20px 20px 0px;position: relative;font-size: 30px;font-weight: bold;font-family: 'Josefin Sans', sans-serif;float: left;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-url-video .field-items:before {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.9;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: #0093ff;transform: rotate(85deg);top: -20px;right: 20px;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-url-video .embedded-video {padding-top: 30px;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-url-video iframe {width: 100%;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-embed-liseuse {position: relative;width: 47%;display: inline-block;float: right;} .taxonomy-term.vocabulary-hw-serie .field.field-name-field-embed-liseuse .field-label {color: #0093ff;margin: 30px 20px 20px 0px;position: relative;font-size: 30px;font-weight: bold;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;} /******************/ /* Page EVENEMENT */ /******************/ .node-type-hw-evenement h1 {font-weight: bold;} .node-type-hw-evenement .field.field-name-hw-evenement-description {margin-top: 30px;} .node-type-hw-evenement .field.field-name-hw-evenement-description p {color: grey;text-align: justify;} .node-type-hw-evenement.view-mode-full .field.field-name-title::before {content:'événement';background-color: #8744cb;text-transform: uppercase;color: #fff;padding: 7px;font-size: 0.9em;} .node-type-hw-evenement.view-mode-full .field.field-name-title h1 {width: 80%;font-weight: bold;} .node-type-hw-evenement .field-name-hw-evenement-date {margin-bottom: 20px;} .node-type-hw-evenement .field-name-hw-evenement-date span {color: transparent;text-transform: uppercase;font-weight: bold;} .node-type-hw-evenement .field-name-hw-evenement-date span span {color: #8744cb;} .node-type-hw-evenement .field-name-hw-evenement-date span span.date-display-start:before {content:"Du";margin-right: 5px;color: #8744cb;} .node-type-hw-evenement .field-name-hw-evenement-date span span.date-display-end:before {content:"au";margin-right: 5px;color: #8744cb;margin-left: -10px;} .node-type-hw-evenement .field-name-hw-evenement-image {width: 90%;margin-bottom: 30px;} /***************/ /* FAQ AUTEURS */ /***************/ .quicktabs-wrapper .view-content .field-name-body {padding: 0 20px;margin-bottom: 20px;-webkit-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;height: 0;overflow: hidden;} .quicktabs-wrapper .view-content .field-name-body.open_faq {display: block;height: auto;padding: 20px;} .quicktabs-wrapper .view-content .field-name-body p {color: grey;} .quicktabs-wrapper .view-content .views-row {margin-bottom: 20px;} #block-quicktabs-quicktab-faq-generale .block-title-wrapper {text-align: center;} #block-quicktabs-quicktab-faq-generale .block-title-wrapper p {text-transform: uppercase;margin-bottom: 10px;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs {height: 0;padding-inline-start:10px;display: table;margin-bottom: 40px;margin-top: 20px;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li {width: auto;margin: 0px 10px;background-color: lightgrey;display: inline-block;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li a {font-size: 15px;font-family: 'Josefin Sans', sans-serif;color:#fff;text-transform: uppercase;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-0 {background-color: #0093ff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-0:hover {background-color: #0093ff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-0:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-1 {background-color: #ea5298;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-1:hover {background-color: #ea5298;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-1:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-2 {background-color: #c50e28;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-2:hover {background-color: #c50e28;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-2:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-3 {background-color: #ff6817;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-3:hover {background-color: #ff6817;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-3:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-4 {background-color: #8d41c1;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-4:hover {background-color: #8d41c1;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-4:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-5 {background-color: #c20f2a;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-5:hover {background-color: #c20f2a;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-5:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_generale-6 {background-color: #ea5298;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-6:hover {background-color: #ea5298;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_generale-6:hover a {color: #fff;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {font-size: 15px;background-color: transparent;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after {display: none;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li a:before {display: none;} #quicktabs-tabpage-quicktab_faq_generale-0 .field-name-field-type-question {background-color: rgba(0,147,255,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #0093ff;} #quicktabs-tabpage-quicktab_faq_generale-0 .field-name-title-field {background-color: rgba(0,147,255,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_generale-1 .field-name-field-type-question {background-color: rgba(234,82,152,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ea5298;} #quicktabs-tabpage-quicktab_faq_generale-1 .field-name-title-field {background-color: rgba(234,82,152,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_generale-2 .field-name-field-type-question {background-color: rgba(197,14,40,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #c50e28;} #quicktabs-tabpage-quicktab_faq_generale-2 .field-name-title-field {background-color: rgba(197,14,40,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_generale-3 .field-name-field-type-question {background-color: rgba(255,104,23,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ff6817;} #quicktabs-tabpage-quicktab_faq_generale-3 .field-name-title-field {background-color: rgba(255,104,23,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_generale-4 .field-name-field-type-question {background-color: rgba(145,65,193,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #8d41c1;} #quicktabs-tabpage-quicktab_faq_generale-4 .field-name-title-field {background-color: rgba(145,65,193,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_generale-5 .field-name-field-type-question {background-color: rgba(194,15,42,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ff6817;} #quicktabs-tabpage-quicktab_faq_generale-5 .field-name-title-field {background-color: rgba(194,15,42,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_generale-6 .field-name-field-type-question {background-color: rgba(234,82,152,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #8d41c1;} #quicktabs-tabpage-quicktab_faq_generale-6 .field-name-title-field {background-color: rgba(234,82,152,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} /*****************/ /* FAQ presse */ /*****************/ #block-quicktabs-faq-presse .block-title-wrapper {text-align: center;} #block-quicktabs-faq-presse .block-title-wrapper p {text-transform: uppercase;margin-bottom: 10px;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs {height: 0;padding-inline-start:10px;display: table;margin-bottom: 40px;padding-top: 20px;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li {height: 50px;width: 150px;margin: 0 10px;background-color: lightgrey;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li a {font-size: 15px;color:#fff;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_presse-0 {background-color: #0093ff;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-0:hover {background-color: #0093ff;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-0:hover a {color: #fff;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_presse-1 {background-color: #ea5298;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-1:hover {background-color: #ea5298;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-1:hover a {color: #fff;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_presse-2 {background-color: #c50e28;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-2:hover {background-color: #c50e28;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-2:hover a {color: #fff;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_presse-3 {background-color: #ff6817;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-3:hover {background-color: #ff6817;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-3:hover a {color: #fff;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_presse-4 {background-color: #8d41c1;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-4:hover {background-color: #8d41c1;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_presse-4:hover a {color: #fff;} /*#block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active {display: table-cell;}*/ #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {font-size: 15px;background-color: transparent;} #block-quicktabs-faq-presse .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after {display: none;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li a:before {display: none;} #quicktabs-tabpage-faq_presse-0 .field-name-field-type-question {background-color: rgba(0,147,255,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;cursor: pointer;color: #0093ff;} #quicktabs-tabpage-faq_presse-0 .field-name-title-field {background-color: rgba(0,147,255,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-faq_presse-1 .field-name-field-type-question {background-color: rgba(234,82,152,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;cursor: pointer;color: #ea5298;} #quicktabs-tabpage-faq_presse-1 .field-name-title-field {background-color: rgba(234,82,152,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-faq_presse-2 .field-name-field-type-question {background-color: rgba(197,14,40,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;cursor: pointer;color: #c50e28;} #quicktabs-tabpage-faq_presse-2 .field-name-title-field {background-color: rgba(197,14,40,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-faq_presse-3 .field-name-field-type-question {background-color: rgba(255,104,23,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;cursor: pointer;color: #ff6817;} #quicktabs-tabpage-faq_presse-3 .field-name-title-field {background-color: rgba(255,104,23,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-faq_presse-4 .field-name-field-type-question {background-color: rgba(145,65,193,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;cursor: pointer;color: #8d41c1;} #quicktabs-tabpage-faq_presse-4 .field-name-title-field {background-color: rgba(145,65,193,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} /*****************/ /* FAQ LIBRAIRES */ /*****************/ #block-quicktabs-quicktab-faq-libraires .block-title-wrapper {text-align: center;} #block-quicktabs-quicktab-faq-libraires .block-title-wrapper p {text-transform: uppercase;margin-bottom: 10px;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs {height: 0;padding-inline-start:10px;display: table;margin-bottom: 40px;padding-top: 20px;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li {height: 50px;width: 150px;margin: 0 10px;background-color: lightgrey;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li a {font-size: 15px;color:#fff;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_libraires-0 {background-color: #0093ff;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-0:hover {background-color: #0093ff;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-0:hover a {color: #fff;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_libraires-1 {background-color: #ea5298;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-1:hover {background-color: #ea5298;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-1:hover a {color: #fff;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_libraires-2 {background-color: #c50e28;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-2:hover {background-color: #c50e28;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-2:hover a {color: #fff;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_libraires-3 {background-color: #ff6817;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-3:hover {background-color: #ff6817;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-3:hover a {color: #fff;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_libraires-4 {background-color: #8d41c1;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-4:hover {background-color: #8d41c1;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_libraires-4:hover a {color: #fff;} /*#block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active {display: table-cell;}*/ #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {font-size: 15px;background-color: transparent;} #block-quicktabs-quicktab-faq-libraires .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after {display: none;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li a:before {display: none;} #quicktabs-tabpage-quicktab_faq_libraires-0 .field-name-field-type-question {background-color: rgba(0,147,255,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #0093ff;} #quicktabs-tabpage-quicktab_faq_libraires-0 .field-name-title-field {background-color: rgba(0,147,255,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_libraires-1 .field-name-field-type-question {background-color: rgba(234,82,152,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ea5298;} #quicktabs-tabpage-quicktab_faq_libraires-1 .field-name-title-field {background-color: rgba(234,82,152,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_libraires-2 .field-name-field-type-question {background-color: rgba(197,14,40,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #c50e28;} #quicktabs-tabpage-quicktab_faq_libraires-2 .field-name-title-field {background-color: rgba(197,14,40,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_libraires-3 .field-name-field-type-question {background-color: rgba(255,104,23,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ff6817;} #quicktabs-tabpage-quicktab_faq_libraires-3 .field-name-title-field {background-color: rgba(255,104,23,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_faq_libraires-4 .field-name-field-type-question {background-color: rgba(145,65,193,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #8d41c1;} #quicktabs-tabpage-quicktab_faq_libraires-4 .field-name-title-field {background-color: rgba(145,65,193,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} /*********************/ /* FAQ PROJET AUTEUR */ /*********************/ #block-quicktabs-quicktab-projets-auteurs .block-title-wrapper {text-align: center;} #block-quicktabs-quicktab-projets-auteurs .block-title-wrapper p {text-transform: uppercase;margin-bottom: 10px;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs {height: 0;padding-inline-start:10px;display: table;margin-bottom: 40px;padding-top: 20px;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li {height: 50px;width: 150px;margin: 0 10px;background-color: lightgrey;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li a {font-size: 15px;color:#fff;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_projet_auteur-0 {background-color: #0093ff;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-0:hover {background-color: #0093ff;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-0:hover a {color: #fff;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_projet_auteur-1 {background-color: #ea5298;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-1:hover {background-color: #ea5298;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-1:hover a {color: #fff;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_projet_auteur-2 {background-color: #c50e28;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-2:hover {background-color: #c50e28;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-2:hover a {color: #fff;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_projet_auteur-3 {background-color: #ff6817;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-3:hover {background-color: #ff6817;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-3:hover a {color: #fff;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active.faq_projet_auteur-4 {background-color: #8d41c1;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-4:hover {background-color: #8d41c1;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.faq_projet_auteur-4:hover a {color: #fff;} /*#block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {display: table-cell;}*/ #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {font-size: 15px;background-color: transparent;} #block-quicktabs-quicktab-projets-auteurs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a::after {display: none;} #block-quicktabs-quicktab-faq-generale .content .quicktabs-wrapper ul.quicktabs-tabs li a:before {display: none;} #quicktabs-tabpage-quicktab_projets_auteurs-0 .field-name-field-type-question {background-color: rgba(0,147,255,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #0093ff;} #quicktabs-tabpage-quicktab_projets_auteurs-0 .field-name-title-field {background-color: rgba(0,147,255,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_projets_auteurs-1 .field-name-field-type-question {background-color: rgba(234,82,152,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ea5298;} #quicktabs-tabpage-quicktab_projets_auteurs-1 .field-name-title-field {background-color: rgba(234,82,152,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_projets_auteurs-2 .field-name-field-type-question {background-color: rgba(197,14,40,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #c50e28;} #quicktabs-tabpage-quicktab_projets_auteurs-2 .field-name-title-field {background-color: rgba(197,14,40,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_projets_auteurs-3 .field-name-field-type-question {background-color: rgba(255,104,23,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #ff6817;} #quicktabs-tabpage-quicktab_projets_auteurs-3 .field-name-title-field {background-color: rgba(255,104,23,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} #quicktabs-tabpage-quicktab_projets_auteurs-4 .field-name-field-type-question {background-color: rgba(145,65,193,0.3);font-weight: bold;padding: 20px 0px 0px 20px;text-transform: uppercase;color: #8d41c1;} #quicktabs-tabpage-quicktab_projets_auteurs-4 .field-name-title-field {background-color: rgba(145,65,193,0.3);padding: 20px 0px 20px 20px;font-weight: bold;cursor: pointer;} /* FAQ Commun */ .field-name-body address {font-style: italic;margin-bottom: 5px;} /*******************/ /* PAGE ACTUALITES */ /*******************/ .page-actualites .main-container.container {width: 100%;} .page-actualites .main-container.container .region-content {background-color: #f8f8f8;} .page-actualites .main-container.container .region-content .view-content, .page-actualites #page-title-wrapper {max-width: 1200px;margin: auto;margin-bottom: 30px;} .page-actualites #page-title-wrapper h1 {color: #8d41c1;font-weight: bold;} .page-actualites .main-container.container .region-content .view-header .page_accroche_container {background-color: #fff;padding-bottom: 30px;} .page-actualites .main-container.container .region-content .view-header .accroche_container {max-width: 1200px;margin: auto;} .page-actualites .main-container.container .region-content .view-header .accroche_container p {color:grey;width: 100%;text-align: justify;} .page-actualites .main-container.container .region-content .view-header .accroche_container p::after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #8d41c1;width: 50px;height: 90px;display: inline-block;position: absolute;top: 0px;right: 200px;transform:rotate(-20deg);} .page-actualites .main-container.container .region-content .view-header .accroche_container a {border-bottom: 2px solid #8d41c1;color: grey;} .page-actualites .main-container.container .region-content .view-header .accroche_container a:hover {color: #8d41c1;font-weight: bold;} .page-actualites .view-content .views-row .field-name-title h2 a:hover {color: #8d41c1;} .page-actualites .main-container.container .region-content .view-header {background-color: #f8f8f8;} .page-actualites .main-container.container .region-content .view-header .blockfacetteapi_wrapper {max-width: 600px;margin: auto;padding: 50px 0;text-align: center;} .page-actualites .main-container.container .region-content .view-header .block-facetapi {display: inline-block;margin: 0 30px;position: relative;cursor: pointer;} .page-actualites .main-container.container .region-content .view-header .blockfacetteapi_wrapper::before {content:'Trier par';display:inline-block; cursor:pointer;font-size:1.2rem; font-weight:700;position: relative;top: -20px;} .page-actualites .main-container.container .region-content .view-header .block-title-wrapper { overflow: hidden;height: 50px;display: inline-block;box-shadow: 4px 3px 24px lightgrey;padding: 10px;width: 200px;} .page-actualites .main-container.container .region-content .view-header .block-title-wrapper:after {font-family: "icomoon";content:'\e90d';transform:rotate(180deg);display: inline-block;} .page-actualites .main-container.container .region-content .view-header .block-title-wrapper.active_arrow:after {transform:rotate(0deg);} .page-actualites .main-container.container .region-content .view-header .block-title-wrapper p.block-title {display: inline-block;color: #8d41c1;} .page-actualites .block-facetapi .content {display: none;} .page-actualites .block-facetapi .content.active {display: block;position: absolute;z-index: 8;background: #fff;width: 200px;} .page-actualites .block-facetapi .content.active input {width: auto;float: left;} .page-actualites .view-facettes > .view-content .views-row img {padding: 10px;} .page-actualites .facetapi-facetapi-checkbox-links label::before{border: 1px solid #8d41c1;} .page-actualites .facetapi-facetapi-checkbox-links label::after {color: #8d41c1;} .page-actualites .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;} .page-actualites .facetapi-facetapi-checkbox-links label::before, .page-actualites .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;} .page-actualites .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;} .page-actualites .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-actualites .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;} .page-actualites .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;} .page-actualites .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;} .page-actualites .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;} body.page-actualites a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;} body.page-actualites .facetapi-facetapi-checkbox-links label::before {left: 0px;top: 11px;} body.page-actualites .facetapi-facetapi-checkbox-links label::after {left: 7px;top: 7px;} body.page-actualites .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;} body.page-actualites .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: 50px;color: #000;} body.page-actualites .block.block-facetapi ul.facetapi-facetapi-checkbox-links li a:hover {color: #0093ff;} body.page-actualites .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;} body.page-actualites .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li label:before {top: 7px;} /*******************/ /* PAGE EVENEMENTS */ /*******************/ .page-evenements .main-container.container {width: 100%;} .page-evenements .main-container.container .region-content {background-color: #f8f8f8;} .page-evenements .main-container.container .region-content .view-content, .page-evenements #page-title-wrapper {max-width: 1200px;margin: auto;} .page-evenements #page-title-wrapper h1 {color: #8d41c1;font-weight: bold;} .page-evenements .main-container.container .region-content .view-header .page_accroche_container {background-color: #fff;padding-bottom: 30px;} .page-evenements .main-container.container .region-content .view-header .accroche_container {max-width: 1200px;margin: auto;} .page-evenements .main-container.container .region-content .view-header .accroche_container p {color:grey;width: 100%;text-align: justify;} .page-evenements .main-container.container .region-content .view-header .accroche_container p::after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #8d41c1;width: 50px;height: 90px;display: inline-block;position: absolute;top: 0px;right: 200px;transform:rotate(-20deg);} .page-evenements .view-content .views-row .field-name-title h2 a:hover {color: #8d41c1;} /* BLOCK FACETTE API */ .page-evenements .main-container.container .region-content .view-header {background-color: #f8f8f8;} .page-evenements .main-container.container .region-content .view-header .blockfacetteapi_wrapper {max-width: 600px;margin: auto;padding: 50px 0;text-align: center;} .page-evenements .main-container.container .region-content .view-header .block-facetapi {display: inline-block;margin: 0 30px;position: relative;cursor: pointer;} .page-evenements .main-container.container .region-content .view-header .blockfacetteapi_wrapper::before {content:'Trier par';display:inline-block; cursor:pointer;font-size:1.2rem; font-weight:700;position: relative;top: -20px;} .page-evenements .main-container.container .region-content .view-header .block-title-wrapper { overflow: hidden;height: 50px;display: inline-block;box-shadow: 4px 3px 24px lightgrey;padding: 10px;width: 200px;} .page-evenements .main-container.container .region-content .view-header .block-title-wrapper:after {font-family: "icomoon";content:'\e90d';transform:rotate(180deg);display: inline-block;} .page-evenements .main-container.container .region-content .view-header .block-title-wrapper.active_arrow:after {transform:rotate(0deg);} .page-evenements .main-container.container .region-content .view-header .block-title-wrapper p.block-title {display: inline-block;color: #8d41c1;} .page-evenements .block-facetapi .content {display: none;} .page-evenements .block-facetapi .content.active {display: block;position: absolute;z-index: 8;background: #fff;width: 200px;} .page-evenements .block-facetapi .content.active input {width: auto;float: left;} .page-evenements .view-facettes > .view-content .views-row img {padding: 10px;} .page-evenements .facetapi-facetapi-checkbox-links label::before{border: 1px solid #8d41c1;} .page-evenements .facetapi-facetapi-checkbox-links label::after {color: #8d41c1;} .page-evenements .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;} .page-evenements .facetapi-facetapi-checkbox-links label::before, .page-evenements .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;} .page-evenements .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;} .page-evenements .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-evenements .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;} .page-evenements .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;} .page-evenements .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;} .page-evenements .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;} body.page-evenements a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;} body.page-evenements .facetapi-facetapi-checkbox-links label::before {left: 0px;top: 11px;} body.page-evenements .facetapi-facetapi-checkbox-links label::after {left: 7px;top: 7px;} body.page-evenements .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;} body.page-evenements .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: 50px;color: #000;} body.page-evenements .block.block-facetapi ul.facetapi-facetapi-checkbox-links li a:hover {color: #0093ff;} body.page-evenements .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;} body.page-evenements .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li label:before {top: 7px;} /*******************/ /* PAGE VIDEOS */ /*******************/ .page-videos .main-container.container {width: 100%;} .page-videos .main-container.container .region-content {background-color: #f8f8f8;} .page-videos .main-container.container .region-content .view-content, .page-videos #page-title-wrapper {max-width: 1200px;margin: auto;} .page-videos #page-title-wrapper h1 {color: #8d41c1;font-weight: bold;} .page-videos .main-container.container .region-content .view-header .page_accroche_container {background-color: #fff;padding-bottom: 30px;} .page-videos .main-container.container .region-content .view-header .accroche_container {max-width: 1200px;margin: auto;} .page-videos .main-container.container .region-content .view-header .accroche_container p {color:grey;width: 100%;text-align: justify;} .page-videos .main-container.container .region-content .view-header .accroche_container p::after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #8d41c1;width: 50px;height: 90px;display: inline-block;position: absolute;top: 40px;right: 200px;transform:rotate(-20deg);} .page-videos .view-content .views-row .field-name-title h2 a:hover {color: #8d41c1;} /* BLOCK FACETTE API */ .page-videos .main-container.container .region-content .view-header {background-color: #f8f8f8;} .page-videos .main-container.container .region-content .view-header .blockfacetteapi_wrapper {max-width: 600px;margin: auto;padding: 50px 0;text-align: center;} .page-videos .main-container.container .region-content .view-header .block-facetapi {display: inline-block;margin: 0 30px;position: relative;cursor: pointer;} .page-videos .main-container.container .region-content .view-header .blockfacetteapi_wrapper::before {content:'Trier par';display:inline-block; cursor:pointer;font-size:1.2rem; font-weight:700;position: relative;top: -20px;} .page-videos .main-container.container .region-content .view-header .block-title-wrapper { overflow: hidden;height: 50px;display: inline-block;box-shadow: 4px 3px 24px lightgrey;padding: 10px;width: 200px;} .page-videos .main-container.container .region-content .view-header .block-title-wrapper:after {font-family: "icomoon";content:'\e90d';transform:rotate(180deg);display: inline-block;} .page-videos .main-container.container .region-content .view-header .block-title-wrapper.active_arrow:after {transform:rotate(0deg);} .page-videos .main-container.container .region-content .view-header .block-title-wrapper p.block-title {display: inline-block;color: #8d41c1;} .page-videos .block-facetapi .content {display: none;} .page-videos .block-facetapi .content.active {display: block;position: absolute;z-index: 8;background: #fff;width: 200px;} .page-videos .block-facetapi .content.active input {width: auto;float: left;} .page-videos .view-facettes > .view-content .views-row img {padding: 10px;} .page-videos .facetapi-facetapi-checkbox-links label::before{border: 1px solid #8d41c1;} .page-videos .facetapi-facetapi-checkbox-links label::after {color: #8d41c1;} /**********************/ /* PAGE JEUX CONCOURS */ /**********************/ .page-jeux-concours .main-container.container {width: 100%;} .page-jeux-concours .main-container.container .region-content {background-color: #f8f8f8;} .page-jeux-concours .main-container.container .region-content .view-content, .page-jeux-concours #page-title-wrapper {max-width: 1200px;margin: auto;} .page-jeux-concours .main-container.container .region-content .view-content {padding-bottom: 50px;} .page-jeux-concours #page-title-wrapper h1 {color: #00c9aa;font-weight: bold;margin-bottom: 30px;} .page-jeux-concours #block-views-jeux-concours-block {margin-top: -200px;} .page-jeux-concours .main-container.container .region-content .view-header .page_accroche_container {background-color: #fff;padding-bottom: 250px;} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container {max-width: 1200px;margin: auto;} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container p {color:grey;width: 100%;text-align: justify;} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container p::after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #00c9aa;width: 50px;height: 90px;display: inline-block;position: absolute;top: 0px;right: 200px;transform:rotate(-20deg);} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container a {border: 1px solid #00c9aa;} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container a:hover {color: #00c9aa;font-weight: bold;} .page-jeux-concours .view-facettes > .view-content .views-row img {padding: 10px;} .page-jeux-concours .view-facettes > .view-content .views-row .field-name-title-field h2 a:hover {color: #00c9aa;} .page-jeux-concours .view-facettes > .view-content .views-row .field-name-title h2 a {font-weight: bold;} .page-jeux-concours .view-facettes > .view-content .views-row .field-name-title h2 a:hover {color: #00c9aa;} .page-jeux-concours #block-views-jeux-concours-block .more-link {display: none;} /* BLOCK FACETTE API */ .page-jeux-concours .main-container.container .region-content .view-header {background-color: #f8f8f8;} .page-jeux-concours .main-container.container .region-content .view-header .blockfacetteapi_wrapper {max-width: 600px;margin: auto;padding: 50px 0;text-align: center;} .page-jeux-concours .main-container.container .region-content .view-header .block-facetapi {display: inline-block;margin: 0 30px;position: relative;cursor: pointer;} .page-jeux-concours .main-container.container .region-content .view-header .blockfacetteapi_wrapper::before {content:'Trier par';display:inline-block; cursor:pointer;font-size:1.2rem; font-weight:700;position: relative;top: -20px;} .page-jeux-concours .main-container.container .region-content .view-header .block-title-wrapper { overflow: hidden;height: 50px;display: inline-block;box-shadow: 4px 3px 24px lightgrey;padding: 10px;width: 200px;} .page-jeux-concours .main-container.container .region-content .view-header .block-title-wrapper:after {font-family: "icomoon";content:'\e90d';transform:rotate(180deg);display: inline-block;} .page-jeux-concours .main-container.container .region-content .view-header .block-title-wrapper.active_arrow:after {transform:rotate(0deg);} .page-jeux-concours .main-container.container .region-content .view-header .block-title-wrapper p.block-title {display: inline-block;color: #00c9aa;} .page-jeux-concours .block-facetapi .content {display: none;} .page-jeux-concours .block-facetapi .content.active {display: block;position: absolute;z-index: 99;background: #fff;width: 200px;} .page-jeux-concours .facetapi-facetapi-checkbox-links label::before{border: 1px solid #00c9aa;} .page-jeux-concours .facetapi-facetapi-checkbox-links label::after {color: #00c9aa;} /*******************/ /* PAGE SELECTIONS */ /*******************/ .page-selections .main-container.container {width: 100%;} .page-selections .main-container.container .region-content {background-color: #f8f8f8;} .page-selections .main-container.container .region-content .view-content, .page-selections #page-title-wrapper {max-width: 1200px;margin: auto;padding-bottom: 20px;} .page-selections #page-title-wrapper h1 {color: #c50e28;font-weight: bold;} .page-selections .main-container.container .region-content .view-header .page_accroche_container {background-color: #fff;padding-bottom: 30px;} .page-selections .main-container.container .region-content .view-header .accroche_container {max-width: 1200px;margin: auto;} .page-selections .main-container.container .region-content .view-header .accroche_container p {color:grey;width: 100%;text-align: justify;} .page-selections .main-container.container .region-content .view-header .accroche_container p::after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #c50e28;width: 50px;height: 90px;display: inline-block;position: absolute;top: 0px;right: 200px;transform:rotate(-20deg);} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container a {border: 1px solid #c50e28;} .page-jeux-concours .main-container.container .region-content .view-header .accroche_container a:hover {color: #c50e28;font-weight: bold;} .page-selections .view-facettes > .view-content .views-row .field-name-title-field h2 a:hover {color: #c50e28;} .page-selections .view-facettes > .view-content .views-row img {padding: 10px;} .page-selections .facetapi-facetapi-checkbox-links label::before{border: 1px solid #c50e28;} .page-selections .facetapi-facetapi-checkbox-links label::after {color: #c50e28;} /* BLOCK FACETTE API */ .page-selections .main-container.container .region-content .view-header {background-color: #f8f8f8;} .page-selections .main-container.container .region-content .view-header .blockfacetteapi_wrapper {max-width: 600px;margin: auto;padding: 50px 0;text-align: center;} .page-selections .main-container.container .region-content .view-header .block-facetapi {display: inline-block;margin: 0 30px;position: relative;cursor: pointer;} .page-selections .main-container.container .region-content .view-header .blockfacetteapi_wrapper::before {content:'Trier par';display:inline-block; cursor:pointer;font-size:1.2rem; font-weight:700;position: relative;top: -20px;} .page-selections .main-container.container .region-content .view-header .block-title-wrapper { overflow: hidden;height: 50px;display: inline-block;box-shadow: 4px 3px 24px lightgrey;padding: 10px;width: 200px;} .page-selections .main-container.container .region-content .view-header .block-title-wrapper:after {font-family: "icomoon";content:'\e90d';transform:rotate(180deg);display: inline-block;} .page-selections .main-container.container .region-content .view-header .block-title-wrapper.active_arrow:after {transform:rotate(0deg);} .page-selections .main-container.container .region-content .view-header .block-title-wrapper p.block-title {display: inline-block;color: #c50e28;} .page-selections .block-facetapi .content {display: none;} .page-selections .block-facetapi .content.active {display: block;position: absolute;z-index: 99;background: #fff;width: 200px;} .page-actualites .facetapi-facetapi-checkbox-links label::before{border: 1px solid #8d41c1;} .page-actualites .facetapi-facetapi-checkbox-links label::after {color: #8d41c1;} .page-selections .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;} .page-selections .facetapi-facetapi-checkbox-links label::before, .page-selections .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;} .page-selections .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;} .page-selections .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-selections .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;} .page-selections .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;} .page-selections .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;} .page-selections .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;} body.page-selections a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;} body.page-selections .facetapi-facetapi-checkbox-links label::before {left: 0px;top: 11px;} body.page-selections .facetapi-facetapi-checkbox-links label::after {left: 7px;top: 7px;} body.page-selections .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;} body.page-selections .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: 50px;color: #000;} body.page-selections .block.block-facetapi ul.facetapi-facetapi-checkbox-links li a:hover {color: #0093ff;} body.page-selections .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;} body.page-selections .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li label:before {top: 7px;} /*****************/ /* LISTE AUTEURS */ /*****************/ .attachment.attachment-before {margin: 40px 0;} .attachment.attachment-before .view.view-intervenants .view-content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;} .view.view-intervenants.view-id-intervenants.view-display-id-attachment_1 {position: relative;} .view.view-intervenants.view-id-intervenants.view-display-id-attachment_1:after {content: '';-webkit-mask-image: url(../img/etoiles/etoile_home_2.png);opacity: 0.9;display: inline-block;width: 90px;height: 90px;position: absolute;background-color: #0093ff;transform: rotate(125deg);top: -50px;right: -40px;} span.views-summary.views-summary-unformatted {min-width: 8%;flex: 0 0 7.6%;height: auto;min-height: 70px;text-align: center;vertical-align: middle;padding: 10px;display: table;} span.views-summary.views-summary-unformatted a {color:#fff;width: 100%;position: relative;height: 100%;padding: 20px 0;top: 0;vertical-align: middle;display: table-cell;background-color: lightgrey;} span.views-summary.views-summary-unformatted a.active {background-color: #0093ff;} .page-auteurs-phares .view-header p, .page-auteurs .view-header p {color: grey;} .page-auteurs-phares .view-content , .page-auteurs .view-content {display: flex;flex-wrap: wrap;} .page-auteurs-phares .view-content div , .page-auteurs .view-content div {flex: 0 0 19.4%;margin: 2px;text-align: center;} .page-auteurs-phares .view-content div .field-name-title-field a , .page-auteurs .view-content div .field-name-title-field a {font-weight: 900;} /******************/ /* PAGE RECHERCHE */ /******************/ body.page-recherche #page-title-wrapper {margin-bottom: 80px;} body.page-recherche .view .view-header {width: 25%; float: left;margin-right: 3%;} body.page-recherche .view .view-header .intro {position: absolute;top: 70px;} body.page-recherche .view .view-header .block-title-wrapper {text-transform: uppercase;} body.page-recherche .view .view-header .blockfacetteapi_wrapper {border-right: 1px solid #ccc;} body.page-recherche .view .view-header .blockfacetteapi_wrapper .block-facetapi {margin-bottom: 40px;} body.page-recherche .view .view-content {width: 72%; float: left;} body.page-recherche .view .view-content .views-row {margin-bottom: 60px;} body.page-recherche .view .view-content .views-row .group-left {width: 30%;margin-right: 5%;} body.page-recherche .view .view-content .views-row .group-left > .form-item.form-type-item.form-group {padding: 0 30px;margin: 0 0 5px 0;} body.page-recherche .view .view-content .views-row .group-right {width: 65%;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-livre-titre-court h2 {margin:-10px 0px 10px 0px;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-title-field a, body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-livre-titre-court h2 a {font-weight: bold;font-size: 18px;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-intervenants {color: grey;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-livre-collection-parent {text-transform: uppercase;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-livre-collection-parent a {font-size: 14px;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-livre-date-parution span {color: lightgrey;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-hw-presentation-editoriale {color: grey;margin-top: 20px;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-node-link {margin-top: 40px;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-node-link a {background-color: #000;border: 1px solid #000;border-radius: 50px;padding: 10px 15px;color: #fff;border-color: #000;} body.page-recherche .view .view-content .views-row .group-right .field.field-name-node-link a:hover {color: #000;background-color: #fff;} body.page-recherche #block-facetapi-2jzw0jptfkhru1zkl2p490g5u0xukuko:before {content:'Filtrer par collection';font-family: 'Josefin Sans', sans-serif;font-weight: bold;text-transform: uppercase;} body.page-recherche #block-facetapi-zih8esyfkvwkemttztglem1grylaarmk .block-title-wrapper {display: none;} body.page-recherche #block-facetapi-zih8esyfkvwkemttztglem1grylaarmk:before {content:'Filtrer par type de contenu';font-family: 'Josefin Sans', sans-serif;font-weight: bold;text-transform: uppercase;} body.page-recherche .facetapi-facetapi-checkbox-links label {display: inline-block;font-size: 0;} body.page-recherche .facetapi-facetapi-checkbox-links label::before, body.page-recherche .facetapi-facetapi-checkbox-links label::after {position: absolute;content: "";display: inline-block;} body.page-recherche .facetapi-facetapi-checkbox-links label::before{height: 16px;width: 16px;border: 1px solid #0093ff;left: 20px;top: 17px;} body.page-recherche .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;} body.page-recherche .facetapi-facetapi-checkbox-links input[type="checkbox"] {opacity: 0;position: absolute;} body.page-recherche .facetapi-facetapi-checkbox-links input[type="checkbox"] +label::after {content: none;} body.page-recherche .facetapi-facetapi-checkbox-links input[type="checkbox"]:checked +label::after {content: "L";font-size: 20px;} body.page-recherche .facetapi-facetapi-checkbox-links input[type="checkbox"]:focus +label::before {outline: rgb(59, 153, 252) auto 5px;} body.page-recherche a.facetapi-limit-link {font-style:italic;color: grey;font-weight: bold;} body.page-recherche .facetapi-facetapi-checkbox-links label::before {left: -20px;top: 11px;} body.page-recherche .facetapi-facetapi-checkbox-links label::after {left: -16px;top: 0px;} body.page-recherche .block.block-facetapi ul.facetapi-facetapi-checkbox-links {padding-inline-start:20px;} body.page-recherche .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 10px;height: unset;color: #000;cursor: pointer;} body.page-recherche .block.block-facetapi ul.facetapi-facetapi-checkbox-links li a:hover {color: #0093ff;} body.page-recherche .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li {margin: 0;padding: 5px;color: #000;} body.page-recherche .block.block-facetapi ul.facetapi-facetapi-checkbox-links li ul li label:before {top: 7px;} body.page-recherche .block.block-facetapi ul li ul {margin-left: -20px;} body.page-recherche .views-row .node-article {display: inline-block;background-color: #fff;margin: 0 10px;width: 100%;} body.page-recherche .views-row .node-article .field.field-name-post-date {font-size: 14px;display: inline-block;background-color: #8d41c1;color: #fff;padding: 5px 9px;} body.page-recherche .views-row .node-article img {width: 100%;} body.page-recherche .views-row .node-article .field-name-title h2 , body.page-recherche .views-row .node-article .field-name-title-field h2 {margin-top: 0;font-size: 18px;} body.page-recherche .views-row .node-article .field-name-title-field h2 a, body.page-recherche .views-row .node-article .field-name-title h2 a {font-size: 20px;font-weight: bold;} body.page-recherche .views-row .node-article .field-name-title-field h2 a:hover, body.page-recherche .views-row .node-article .field-name-title h2 a:hover {color: #8d41c1;} body.page-recherche .views-row .node-videos {display: inline-block;background-color: #fff;margin: 0 10px;} body.page-recherche .views-row .node-videos .field.field-name-post-date {font-size: 14px;display: inline-block;background-color: #8d41c1;color: #fff;padding: 5px 9px;} body.page-recherche .views-row .node-videos img {width: 100%;} body.page-recherche .views-row .node-videos .field-name-title h2 , body.page-recherche .views-row .node-videos .field-name-title-field h2 {margin-top: 0;font-size: 18px;} body.page-recherche .views-row .node-videos .field-name-title-field h2 a, body.page-recherche .views-row .node-videos .field-name-title h2 a {font-size: 20px;font-weight: bold;} body.page-recherche .views-row .node-videos .field-name-title-field h2 a:hover, body.page-recherche .views-row .node-videos .field-name-title h2 a:hover {color: #8d41c1;} body.page-recherche .views-row .node-hw-evenement {display: inline-block;background-color: #fff;margin: 0 10px;} body.page-recherche .views-row .node-hw-evenement .field.field-name-post-date {font-size: 14px;display: inline-block;background-color: #8d41c1;color: #fff;padding: 5px 9px;} body.page-recherche .views-row .node-hw-evenement img {width: 100%;} body.page-recherche .views-row .node-hw-evenement .field-name-title h2 , body.page-recherche .views-row .node-hw-evenement .field-name-title-field h2 {margin-top: 0;font-size: 18px;} body.page-recherche .views-row .node-hw-evenement .field-name-title-field h2 a, body.page-recherche .views-row .node-hw-evenement .field-name-title h2 a {font-size: 20px;font-weight: bold;} body.page-recherche .views-row .node-hw-evenement .field-name-title-field h2 a:hover, body.page-recherche .views-row .node-hw-evenement .field-name-title h2 a:hover {color: #8d41c1;} /* Block Dernières actualités - HOME */ body.page-recherche .view-content .views-row {position: relative;} body.page-recherche .view-content .views-row .node-videos .field-name-title-field:before {content:'Vidéos';display: inline-block;text-transform: uppercase;position: relative;color: #8d41c1;} body.page-recherche .view-content .views-row .node-article .field-name-title-field:before {content:'Actualités';display: inline-block;text-transform: uppercase;position: relative;color: #8d41c1;} body.page-recherche .view-content .views-row .node-hw-evenement .field-name-title-field:before {content:'événement';display: inline-block;text-transform: uppercase;position: relative;color: #8d41c1;} /***************/ /* PAGE AUTEUR */ /***************/ .node-type-hw-intervenant .node.view-mode-full .group-photo-alert {float: left;margin-right: 30px;width: 30%;} .node-type-hw-intervenant .node.view-mode-full .group-photo-alert h3 {display: none;} .node-type-hw-intervenant .node.view-mode-full .group-titre-bio {float: left;width: 65%;} .node-type-hw-intervenant .node.view-mode-full .group-titre-bio h3 {display: none;} .node-type-hw-intervenant .region.region-content {margin-top: 20px;} .node-type-hw-intervenant .node-hw-intervenant .field.field-name-hw-intervenant-photos img {width: 300px;height: 365px;} .node-type-hw-intervenant .node-hw-intervenant .field.field-name-hw-intervenant-biographie {padding: 0 120px 0 0;color: grey;} .node-type-hw-intervenant .field-name-hw-livre-serie {margin-top: 10px;} .node-type-hw-intervenant .field-name-hw-livre-serie a {font-weight: bold;} .node-type-hw-intervenant .view-content {flex-wrap: wrap;justify-content: center;display: flex;} .node-type-hw-intervenant .view-content .views-row {flex: 0 0 21%;margin: 5px !important;} .node-type-hw-intervenant #block-views-livres-block-5 .more-link {font-family: 'Josefin Sans', sans-serif;text-align: center;margin-top: 50px;margin-bottom: 50px;} .node-type-hw-intervenant #block-views-livres-block-5 .more-link a {padding:15px 25px; background-color: #000;border-radius: 50px;color: #fff;border:1px solid #000;} .node-type-hw-intervenant #block-views-livres-block-5 .more-link a:before {content: '';background-image: url(../img/book.png);position: relative;top: 3px;display: inline-block;width: 25px;height: 19px;background-repeat: no-repeat;} .node-type-hw-intervenant #block-views-livres-block-5 .more-link:hover a {color: #000;background-color: #fff;} .node-type-hw-intervenant #block-views-livres-block-5 .more-link:hover a:before {filter:invert(1);} .node-type-hw-intervenant .flag-outer {clear: both;position: relative;top: 30px;text-align: center;width: 100%;} .node-type-hw-intervenant .flag-outer.flag-outer-hw-books, .node-type-hw-intervenant .flag-outer.flag-outer-hw-authors {height: 0;} .node-type-hw-intervenant .flag-outer.flag-outer-hw-books span a, .node-type-hw-intervenant .flag-outer.flag-outer-hw-authors span a {display: inline-block;font-weight: bold;padding: 15px 20px; border: 1.5px solid #000;border-radius: 50px;background-color: #000;color: #fff;} .node-type-hw-intervenant .flag-outer.flag-outer-hw-books span:hover a, .node-type-hw-intervenant .flag-outer.flag-outer-hw-authors span:hover a , .node-type-hw-intervenant .flag-outer.flag-outer-hw-books span:hover a:before, .node-type-hw-intervenant .flag-outer.flag-outer-hw-authors span:hover a:before {color: #000; background-color: #fff;} .node-type-hw-intervenant .flag-outer.flag-outer-hw-books span a:before , .node-type-hw-intervenant .flag-outer.flag-outer-hw-authors span a:before {content:'\e94e';display: inline-block;margin-right: 5px;font-family: "icomoon";} .block_liste_livres {margin-top: 100px;position: relative;text-align: center;} .block_liste_livres .block-title-wrapper {text-align: center;text-transform: uppercase;} .block_liste_livres .block-title-wrapper p {color: #0093ff;font-weight: bold;font-size: 30px;} .block_liste_livres .block-title-wrapper::before {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_5.png);background-color: #0093ff;width: 50px;height: 90px;display: inline-block;position: absolute;top: 40px;left: 20px;transform:rotate(-20deg);} .block_liste_livres .block-title-wrapper:after {content:'';-webkit-mask-image: url(../img/etoiles/etoile_home_7.png);background-color: #0093ff;width: 50px;height: 45px;display: inline-block;position: absolute;top: 40px;right: 20px;} #block-block-17 {margin-bottom: 80px;} /***************************/ /* PAGE LIVRES DE L'AUTEUR */ /***************************/ .page-meme-auteur .content .view-header h1 , .page-meme-auteur .content .view-header .view-intervenants {display: inline-block;font-size: 36px;margin-right: 5px;font-weight: bold;} .page-meme-auteur .content .view-filters #edit-submit-livres {display: none;} .page-meme-auteur .content .view-filters .views-exposed-widget .form-item label {display: inline-block;} .page-meme-auteur .content .view-filters #edit-sort-by {display: inline-block;width: auto;} .page-meme-auteur .content .view-filters .views-exposed-widget {width: 300px;float: none;margin: auto;} .page-meme-auteur .content .view-filters .form-item.form-item-sort-by {width: 100%;} .page-meme-auteur .content .view-filters .form-item.form-item-sort-by label {display: inline-block;float: left;margin-right: 20px;} .page-meme-auteur .content .view-content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex: 0 0 20%;justify-content: space-between;flex-wrap:wrap;text-align: center;} .page-meme-auteur .content .view-content > div:not(.views-row) {flex: 0 0 20%;margin-bottom: 20px;} /*******************/ /* PAGE COLLECTION */ /*******************/ .page-collections h1.title {color: #0093ff;text-transform: uppercase;font-weight: bold;font-size: 35px;} .page-collections .view-header {color: lightgrey;} .page-collections .view-content .group-left {width: 40%;} .page-collections .view-content .group-right {width: 60%;} .page-collections .view-content .views-row {margin: 50px 0;} .page-collections .view-content .field-name-field-image {width: 300px;height: 300px;} .page-collections .content .view-content .field-name-title h2 a {font-weight: bold;font-size: 36px;font-family: 'Nunito',sans-serif;} .page-collections .view-content .field-name-hw-collection-accroche {font-size: 28px;font-style:italic;} .page-collections .view-content .field-name-more-link {margin-top: 40px;} .page-collections .view-content .field-name-more-link a {background-color: #000;border: 1px solid #000;border-radius: 50px;padding: 10px 15px;color: #fff;border-color: #000;} .page-collections .view-content .field-name-more-link a:hover {color: #000;background-color: #fff;} #block-quicktabs-quicktab-collection {margin-top: 60px;} .view-facettes > .view-content .views-row .field-name-field-statut-serie {margin-top: -5px;color: grey;} /************************/ /* PAGE SOUS COLLECTION */ /************************/ .page-taxonomy.page-taxonomy-term .term-listing-heading .group-left {width: 30%;padding: 0 2%;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right {width: 66%;margin-bottom: 50px;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {font-weight: 900;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right .field-collection-container {border-bottom: 0px solid transparent;margin-top: 20px;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right .field-collection-container .field-label {display: inline-block;float: left;line-height: 2;position: relative;top: 2px;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right .field-collection-container .field-items {display: inline-block;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right .field-collection-container .field-items .field-collection-view {padding: 0;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right .field.field-name-hw-collection-accroche p {font-weight: bold;font-size: 32px;} .page-taxonomy.page-taxonomy-term .term-listing-heading .group-right .field.field-name-hw-collection-accroche {font-weight: bold;font-size: 32px;} .page-taxonomy.page-taxonomy-term .term-listing-heading .vocabulary-hw-collections .group-right h1 {text-transform: uppercase;color: #fff;padding: 5px 20px;font-size: 14px;position: relative;top: 3px;display: inline-block;margin-top: 0;font-family: 'Josefin Sans', sans-serif;} .page-taxonomy.page-taxonomy-term #page-title-wrapper h1 {height: 0;overflow: hidden;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul a , .block.block-facetapi ul a span , .block.block-facetapi ul li {color: #fff;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li {width: 120px;height: 110px;background-color: lightgrey;display: inline-block;text-align: center;} .page-taxonomy.page-taxonomy-term .field-name-last-book-image img, .page-taxonomy.page-taxonomy-term .field-name-last-book-image {height: auto;box-shadow: 19px 19px 79px 0px rgba(36, 36, 36, 0.15);} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul {position: relative;padding-inline-start:0;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li a {text-align: center;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li a.facetapi-active {width: 100px;height: 100px;display: block;color: transparent;font-size: 0;padding: 15px;display: table;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li a.facetapi-active span {color: #fff;font-size: 15px;display: table-cell;vertical-align: middle;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive {display: table;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive a {color: #fff;font-size: 15px;display: table-cell;vertical-align: middle;padding: 5px;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex: 0 0 20%;justify-content: center;flex-wrap:wrap;height: 100px;} .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {content: "Filtrer par sous-collection";text-transform: uppercase;color: #9300ff;position: absolute;top: -50px;font-weight: bold;font-size: 20px;} .block.block-facetapi ul.facetapi-facetapi-checkbox-links li {padding: 15px;position: relative;height: auto;} .view-mode-affichage_liste_collection .field-name-title h2 {margin-bottom: 0px;line-height: 0.8em;margin-top: 10px;} .view-mode-affichage_liste_collection .field-name-title h2 a {font-weight: bold;font-size: 17px;} .taxonomy-term-description {margin-top: 50px;} .taxonomy-term-description p a {border-bottom: 2px solid #9300ff;} .taxonomy-term-description p a:hover {color: #9300ff;} /******************************/ /* LES UNIVERS / COULEURS */ /******************************/ /* Univers SEINEN*/ .univers-seinen.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #c20f2a;/*z-index: 1;font-size: 16px;padding: 15px;*/} .univers-seinen .field-collection-item-field-reseaux-sociaux .field a::before , .univers-seinen .view-facettes .field-name-hw-livre-collections .field-items .field-item , .univers-seinen .field-type-link-field.field {color:#c20f2a;} .univers-seinen .block.block-facetapi ul li ul li a.facetapi-active {background-color: #c20f2a;} .univers-seinen .taxonomy-term-description p a {border-bottom: 2px solid #c20f2a;} .univers-seinen .taxonomy-term-description p a:hover {color: #c20f2a;} @media screen and (min-width:1025px) { .univers-seinen.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover,.univers-seinen.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-seinen.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #c20f2a;} } .univers-seinen: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, .univers-seinen:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #c20f2a;} .univers-seinen.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #c20f2a;} .univers-seinen .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #c20f2a;text-transform: uppercase;} .univers-seinen .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #c20f2a;} .field-name-hw-livre-collection-parent.collection_Pika_Seinen + .field.field-name-hw-livre-collection-enfant a, .collection_Pika_Seinen.field-name-hw-livre-collection-parent a {color: #c20f2a;} .group-middle .collection_Pika_Seinen.field-name-hw-livre-collection-parent a {background-color: #c20f2a;color: #fff;padding: 5px 9px;} @media screen and (max-width:765px) {.univers-seinen .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #c20f2a;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-seinen .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #c20f2a !important;text-align: center;}} .univers-seinen.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #c20f2a;} /* Univers SENPAI*/ .univers-senpai.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #8744cb;/*z-index: 1;font-size: 16px;padding: 15px;*/} .univers-senpai .field-collection-item-field-reseaux-sociaux .field a::before , .univers-senpai .view-facettes .field-name-hw-livre-collections .field-items .field-item , .univers-senpai .field-type-link-field.field {color:#8744cb;} .univers-senpai .block.block-facetapi ul li ul li a.facetapi-active {background-color: #8744cb;} .univers-senpai.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #8744cb;} .univers-senpai .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #8744cb;text-transform: uppercase;} .univers-senpai .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #8744cb;} .univers-senpai .taxonomy-term-description p a {border-bottom: 2px solid #8744cb;} .univers-senpai .taxonomy-term-description p a:hover {color: #8744cb;} @media screen and (min-width:1025px) { .univers-senpai.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover , .univers-senpai.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-senpai.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #8744cb;} } .univers-senpai: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, .univers-senpai:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #8744cb;} .field-name-hw-livre-collection-parent.collection_Pika_Senpai + .field.field-name-hw-livre-collection-enfant a, .collection_Pika_Senpai.field-name-hw-livre-collection-parent a {color: #8744cb;} .group-middle .collection_Pika_Senpai.field-name-hw-livre-collection-parent a {background-color: #8744cb;color: #fff;padding: 5px 9px;} @media screen and (max-width:765px) {.univers-senpai .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #8744cb;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-senpai .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #8744cb !important;text-align: center;}} .univers-senpai.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #8744cb;} /* Univers SHOJO*/ .univers-shojo.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #ea5298;z-index: 1;font-size: 16px;padding: 25px;} .univers-shojo .field-collection-item-field-reseaux-sociaux .field a::before , .univers-shojo .view-facettes .field-name-hw-livre-collections .field-items .field-item , .univers-shojo .field-type-link-field.field {color:#ea5298;} .univers-shojo .block.block-facetapi ul li ul li a.facetapi-active {background-color: #ea5298;} .univers-shojo.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #ea5298;} .univers-shojo .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #ea5298;text-transform: uppercase;} .univers-shojo .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #ea5298;} .univers-shojo .taxonomy-term-description p a {border-bottom: 2px solid #ea5298;} .univers-shojo .taxonomy-term-description p a:hover {color: #ea5298;} @media screen and (min-width:1025px) { .univers-shojo.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover , .univers-shojo.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-shojo.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #ea5298;} .univers-shojo: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, .univers-shojo:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #ea5298;} } .field-name-hw-livre-collection-parent.collection_Pika_Shojo + .field.field-name-hw-livre-collection-enfant a, .collection_Pika_Shojo.field-name-hw-livre-collection-parent a {color: #ea5298;} .group-middle .collection_Pika_Shojo.field-name-hw-livre-collection-parent a {background-color: #ea5298;color: #fff;padding: 5px 9px;} @media screen and (max-width:765px) {.univers-shojo .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #ea5298;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-shojo .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #ea5298 !important;text-align: center;}} .univers-shojo.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #ea5298;} /* UNIVERS SHONEN */ .univers-shonen.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #0093fe;/*z-index: 1;font-size: 16px;padding: 15px;*/} .univers-shonen .field-collection-item-field-reseaux-sociaux .field a::before ,.univers-shonen .view-facettes .field-name-hw-livre-collections .field-items .field-item ,.univers-shonen .field-type-link-field.field {color:#0093fe;} .univers-shonen .block.block-facetapi ul li ul li a.facetapi-active {background-color: #0093fe;} .univers-shonen.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #0093fe;} .univers-shonen .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #0093fe;text-transform: uppercase;} .univers-shonen .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #0093fe;} .univers-shonen .taxonomy-term-description p a {border-bottom: 2px solid #0093fe;} .univers-shonen .taxonomy-term-description p a:hover {color: #0093fe;} @media screen and (min-width:1025px) { .univers-shonen.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover , .univers-shonen.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-shonen.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #0093fe;} } .univers-shonen: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, .univers-shonen:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #0093fe;} .field-name-hw-livre-collection-parent.collection_Pika_Shonen + .field.field-name-hw-livre-collection-enfant a, .collection_Pika_Shonen.field-name-hw-livre-collection-parent a {color: #0093fe;} .group-middle .collection_Pika_Shonen.field-name-hw-livre-collection-parent a {background-color: #0093fe;color: #fff;padding: 5px 9px;} @media screen and (max-width:765px) {.univers-shonen .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #0093fe;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-shonen .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #0093fe !important;text-align: center;}} .univers-shonen.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #0093fe;} /* UNIVERS Graphic */ .univers-pika-graphic.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #ff6817;z-index: 1;font-size: 16px;padding: 25px 1px;} .univers-pika-graphic .field-collection-item-field-reseaux-sociaux .field a::before , .univers-pika-graphic .view-facettes .field-name-hw-livre-collections .field-items .field-item , .univers-pika-graphic .field-type-link-field.field {color:#ff6817;} .univers-pika-graphic .block.block-facetapi ul li ul li a.facetapi-active {background-color: #ff6817;} .univers-pika-graphic.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #ff6817;} @media screen and (min-width:1025px) { .univers-pika-graphic.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover , .univers-pika-graphic.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-pika-graphic.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #ff6817;} } .univers-pika-graphic: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, .univers-pika-graphic:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #ff6817;} .univers-pika-graphic .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #ff6817;text-transform: uppercase;} .univers-pika-graphic .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #ff6817;} .univers-pika-graphic .taxonomy-term-description p a {border-bottom: 2px solid #ff6817;} .univers-pika-graphic .taxonomy-term-description p a:hover {color: #ff6817;} .field-name-hw-livre-collection-parent.collection_Pika_Graphic + .field.field-name-hw-livre-collection-enfant a, .collection_Pika_Graphic.field-name-hw-livre-collection-parent a {color: #ff6817;} .group-middle .collection_Pika_Graphic.field-name-hw-livre-collection-parent a {background-color: #ff6817;color: #fff;padding: 5px 9px;} @media screen and (max-width:765px) {.univers-pika-graphic .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #ff6817;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-pika-graphic .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #ff6817 !important;text-align: center;}} .univers-pika-graphic.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #ff6817;} /* UNIVERS ROMAN */ .univers-pika-roman.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #0d005b;/*z-index: 1;font-size: 16px;padding: 15px;*/} .univers-pika-roman .field-collection-item-field-reseaux-sociaux .field a::before , .univers-pika-roman .view-facettes .field-name-hw-livre-collections .field-items .field-item , .univers-pika-roman .field-type-link-field.field {color:#0d005b;} .univers-pika-roman .block.block-facetapi ul li ul li a.facetapi-active {background-color: #0d005b;} .univers-pika-roman.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #0d005b;} .univers-pika-roman .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #0d005b;text-transform: uppercase;} @media screen and (min-width:1025px) { .univers-pika-roman.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover , .univers-pika-roman.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-pika-roman.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #0d005b;} } .univers-pika-roman: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, .univers-pika-roman:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #0d005b;} /*.univers-pika-roman .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #0d005b;}*/ .field-name-hw-livre-collection-parent.collection_Pika_Roman + .field.field-name-hw-livre-collection-enfant a, .collection_Pika_Roman.field-name-hw-livre-collection-parent a {color: #0d005b;} .group-middle .collection_Pika_Roman.field-name-hw-livre-collection-parent a {background-color: #0d005b;color: #fff;padding: 5px 9px;} .univers-pika-roman .taxonomy-term-description p a {border-bottom: 2px solid #0d005b;} .univers-pika-roman .taxonomy-term-description p a:hover {color: #0d005b;} @media screen and (max-width:765px) {.univers-pika-roman .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #0d005b;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-pika-roman .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #0d005b !important;text-align: center;}} .univers-pika-roman.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #0d005b;} /* UNIVERS pika */ .univers-pika.page-taxonomy.page-taxonomy-term.page-taxonomy-term- .block.block-facetapi ul li ul li:not(.facetapi-li-inactive) label {background: #ffa941;/*z-index: 1;font-size: 16px;padding: 15px;*/} .univers-pika .field-collection-item-field-reseaux-sociaux .field a::before , .univers-pika .view-facettes .field-name-hw-livre-collections .field-items .field-item , .univers-pika .field-type-link-field.field {color:#ffa941;} .univers-pika .block.block-facetapi ul li ul li a.facetapi-active {background-color: #ffa941;} .univers-pika.page-taxonomy.page-taxonomy-term .term-listing-heading .group-right h1 {background-color: #ffa941;} .univers-pika .view-mode-affichage_liste_collection .field-name-hw-livre-collection-parent a {color: #ffa941;text-transform: uppercase;} .univers-pika .view-mode-affichage_liste_collection .field-name-hw-livre-collections {color: #ffa941;} .field-name-hw-livre-collection-parent.collection_Pika + .field.field-name-hw-livre-collection-enfant a, .collection_Pika.field-name-hw-livre-collection-parent a {color: #ffa941;} .group-middle .collection_Pika.field-name-hw-livre-collection-parent a {background-color: #ffa941;color: #fff;padding: 5px 9px;} .univers-pika .taxonomy-term-description p a {border-bottom: 2px solid #ffa941;} .univers-pika .taxonomy-term-description p a:hover {color: #ffa941;} @media screen and (min-width:1025px) { .univers-pika.page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul li.facetapi-li-inactive:hover , .univers-pika.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a , .univers-pika.page-taxonomy .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li:hover a::after {background-color: #ffa941;} } .univers-pika: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, .univers-pika:not(.page-node-92209):not(.page-node-92314):not(.page-node-92315) .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #ffa941;} @media screen and (max-width:765px) {.univers-pika .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active {/*font-size: 15px;*/background-color: #ffa941;}} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) {.univers-pika .block.block-quicktabs .content .quicktabs-wrapper ul.quicktabs-tabs li.active a {background-color: #ffa941 !important;text-align: center;}} .univers-pika .page-taxonomy.page-taxonomy-term .block.block-facetapi ul li ul:before {color: #ffa941;} /*************************************/ /* PAGE LISTE EXTRAITS & COLLECTION */ /*************************************/ .block_filter_collection .view-content {flex-wrap: wrap;justify-content: space-around;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;} .block_filter_collection .view-content .views-row {flex: 0 0 19% !important;margin: 5px 5px 35px 5px !important;text-align: center;padding: 10px 0px;} /******************************/ /* PAGE PLANNING DES SORTIES */ /******************************/ .page-planning-sorties h1.title {color: #000;font-weight: bold;font-size: 35px;margin-bottom: 30px;} .page-planning-sorties .view .date-nav-wrapper .date-heading h3{font-weight: bold;font-family: 'Josefin Sans', sans-serif;font-size: 2em;} .page-planning-sorties .view-header .date-heading {text-transform: uppercase;color: #0093ff;margin-top: 40px;} .page-planning-sorties .view-header p {color: grey;} .page-planning-sorties .view-header p a {border-bottom: 1px solid #0093ff;} .page-planning-sorties .view-header p a:hover {color: #0093ff;} .page-planning-sorties .view-header .date-nav.item-list ul.pager {margin: 0;position: relative;top: 10px;} .page-planning-sorties .view-header .date-nav.item-list ul.pager li {background: transparent;text-decoration: underline;text-transform: uppercase;} .page-planning-sorties .view-header .date-nav.item-list ul.pager li.date-prev{left: 0;right: initial;} .page-planning-sorties .view-header .date-nav.item-list ul.pager li.date-next{} .page-planning-sorties .view-filters #edit-submit-livres {display: none;} .page-planning-sorties .view-filters .views-exposed-widget .form-item label {display: inline-block;float: left;margin-right: 10px;} .page-planning-sorties .view-filters #edit-sort-by {display: inline-block;width: auto;} .page-planning-sorties .view-filters .views-exposed-widget {width: 300px;float: none;margin: auto;} .page-planning-sorties .view-filters .form-item.form-item-sort-by {width: 100%;} .page-planning-sorties .view-filters .views-exposed-form .views-exposed-widget button {display: none;} .page-planning-sorties .view-content .views-row {width: 20%;float: left;display: inline-block;text-align: center;padding: 15px;height: 440px;} .page-planning-sorties ul.pager li a {text-transform: uppercase;text-decoration: underline !important;} /***************/ /* BASIC PAGE */ /***************/ .node-type-page .node-page {padding: 0 20px;} /* Class btn */ .page-node.page-node-.node-type-page .field.field-name-body p a:not(.btn){border-bottom: 2px solid #0093ff;color: grey;} .page-node.page-node-.node-type-page .field.field-name-body p a:not(.btn):hover {color:#0093ff;} .page-node.page-node-.node-type-page .field.field-name-body p img {margin: 30px 0;} .page-node.page-node-.node-type-page .field.field-name-body a.btn {color: #0093ff;background-color: #fff;padding: 10px 20px;border-radius: 50px;border:1px solid #0093ff;} .page-node.page-node-.node-type-page .field.field-name-body a.btn:hover {color: #fff;background-color: #0093ff;} .page-node.page-node-.node-type-page .node.view-mode-full {margin-bottom: 50px;} /**********/ /* FOOTER */ /**********/ footer.footer {background-color: #060e21;color: #c0b5ba;margin-top: 0;} footer.footer a {color: #fff;} footer.footer ul.nav li a.dropdown-toggle.nolink {font-weight: bold;} footer.footer .caret {display: none;} footer.footer .container {width: 100%;} footer.footer .container #block-block-14 {width: 25%;float: left;} footer.footer .container #block-block-14 .content {text-align: left;padding: 60px;} footer.footer .container #block-block-14 .content p {color: #fff;font-size: 0;} footer.footer .container #block-block-14 .content h1 {color: #fff;font-size: 15px;font-family: 'Nunito',sans-serif;} footer.footer .dropdown-menu {z-index: 1;border:0px solid transparent;box-shadow: none;} footer.footer .container #block-menu-menu-footer {width: 75%;float: left;height: 265px;z-index: 0;} footer.footer .container #block-menu-menu-footer ul.menu {text-align: left;} footer.footer .container #block-menu-menu-footer ul.menu li.dropdown:last-child {position: relative;top: 150px;left: 33%;} footer.footer .container #block-menu-menu-footer ul.menu li a:hover , footer.footer .container #block-menu-menu-footer ul.menu li a:focus {background-color: transparent;} footer.footer .container #block-menu-menu-footer ul.menu li ul li.faq {display: inline-block;float: left;} footer.footer .container #block-menu-menu-footer ul.menu li ul li.faq a:after {content:'-';margin-left: 10px;} footer.footer .container #block-menu-menu-footer ul.menu li ul li.faq-librairies {display: inline-block;} footer.footer .container #block-menu-menu-footer ul.menu li ul li.faq-librairies a {padding-left: 0;} footer.footer .container #block-menu-menu-footer ul.menu li.dropdown {width: 33%;float: left;padding-left: 5px;} footer.footer .container #block-menu-menu-footer ul.menu li ul {font-family: 'Nunito',sans-serif;display: block;background-color: transparent;min-width: 210px;} footer.footer .container #block-menu-menu-footer ul.menu li.last.expanded.link-menu-decouvrir.dropdown ul {padding-left: 10px;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li.first:after {content:'-';display: inline-block;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li.first {float: left;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li.first a , footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li:nth-child(2) {display: inline-block;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li:nth-child(3) a {display: inline-block;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li.last {float: left;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li:nth-child(3) {float: left;clear: both;} footer.footer .container #block-menu-menu-footer ul.menu li.link-menu-decouvrir ul li a {padding: 3px 10px;} footer.footer .container #block-menu-menu-footer ul.menu li.li-link-menu-acces-espace ul.dropdown-menu li {width: 220px;position: relative;} footer.footer .container #block-menu-menu-footer ul.menu li.li-link-menu-acces-espace ul.dropdown-menu li a {margin: 0px 0 20px 0px;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a:hover, footer.footer .container #block-menu-menu-footer ul.menu li ul li a:focus{color: #fff;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a.link-espace-perso { margin: 30px 0px;background-color: #0093ff;padding: 15px 25px;border-radius: 50px;margin: 15px;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a.link-espace-perso:after {content:'';width: 20px;height:10px;background-image: url(../img/Arrow.png);display: inline-block;background-repeat: no-repeat;position: absolute;top: 23px;right: 25px;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a.link-espace-perso:hover {color: #fff;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a.link-espace-pro { margin: 30px 0px;background-color: #c0b5ba;padding: 15px 25px;border-radius: 50px;margin: 15px;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a.link-espace-pro:after {content:'';width: 20px;height:10px;background-image: url(../img/Arrow.png);display: inline-block;background-repeat: no-repeat;position: absolute;top: 23px;right: 25px;} footer.footer .container #block-menu-menu-footer ul.menu li ul li a.link-espace-pro:hover {color: #fff;} footer.footer .container #block-menu-menu-reseaux-sociaux {width: 25%;display: block;float: right;} footer.footer .container #block-menu-menu-reseaux-sociaux ul li {display: inline-block;float: left;} footer.footer .container #block-menu-menu-reseaux-sociaux ul li a:before {font-size: 20px;} footer.footer .container #block-menu-menu-reseaux-sociaux--2 {width: 25%;float: right;} footer.footer .container #block-menu-menu-reseaux-sociaux--2 ul li {display: inline-block;float: left;} footer.footer .container #block-menu-menu-footer-2 {width: 100%;float: left;position: relative;} footer.footer .container #block-menu-menu-footer-2 ul li {display: inline-block; font-family: "Nunito", sans-serif;} footer.footer .container #block-menu-menu-footer-2 ul li a {font-weight: normal;font-family: "Nunito", sans-serif;} footer.footer .container #block-menu-menu-footer-2 ul li a:after {content:'';display: inline-block;background-color: #fff;width: 1px;height: 10px;margin-left: 30px;} footer.footer .container #block-menu-menu-footer-2 ul li:last-child a:after {display: none;} footer.footer .container #block-menu-menu-footer-2 ul li a:hover {background-color: transparent;} footer.footer .dropdown-menu > li > a {padding: 3px 10px 3px 20px;}