/*** GLENAT ***/ /* COLORS GENERIQUE #ad002d #eb98ae bd #d90e19 #ffaaa4 96045 comics #3b4090 #b7afcd 97306 mangas #e16307 #f8be94 97307 jeunesse #14a577 #9de1b1 97308 livres #4f7e87 #aed4da 97309 blackgreys #191919 #686868 #818181 #a3abb8 #cbd1db #e4e6e9 #f2f2f2 */ /*** FONTS ***/ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i'); @import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,900'); @font-face {font-family: 'icomoon';src: url('../fonts/icomoon.eot?cjx675');src: url('../fonts/icomoon.eot?cjx675#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?cjx675') format('truetype'),url('../fonts/icomoon.woff?cjx675') format('woff'),url('../fonts/icomoon.svg?cjx675#icomoon') format('svg');font-weight: normal;font-style: normal;} /*** RESET ***/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;}article,aside,details,1,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} *{box-sizing:border-box; outline:none; } ul.menu{ display:block; float:left; width:100%; margin:0; padding:0; } ul.menu li{ display:block; float:left; margin:0; padding:0; list-style:none; } /*** ADMIN MENU DRUPAL ***/ #admin-menu *{font-size:1.1rem; } .tabs.primary{display:block; float:left; width:100%;} .tabs.primary a{display:block; float:left; padding:20px; } #messages .messages{ position:relative; bottom:0; left:0; width:90%; margin:20px 5%; padding:15px 20px 15px 40px; box-shadow:0 5px 20px -10px #333; animation:flipInX 1s; font-size:1.1rem; } #messages .messages .close{ content:""; width:20px; height:20px; background:url(../img/icons/Fermer.svg) no-repeat center center; background-size:15px; position:absolute; top:10px; right:5px; cursor:pointer; } /*** GLOBAL LAYOUT ***/ html{ font-size:62.5%; } html *{ transition:all 0.5s ease; } body,a,p,span,ul,ol,li{ font-size:unset; margin:0; padding:0; } body{ background:#e7e9ec; font-family: "Poppins", sans-serif; font-size:1.4rem; color:#131313; } a{ color:#000000; text-decoration:none; } a:hover{ text-decoration:none; } .html .nav > li > a:hover, .html .nav > li > a:focus{ background:none; } hr{ border-color:#e0e0e0; } .block{display:block; float:left; width:100%; margin:0 0 50px 0; padding:0 100px; } .region > .block:last-child{ margin-bottom:0; } .line{display:block; float:left; width:100%;} .view{display:block; float:left; width:100%;} .zone{display:block; float:left; width:100%;} #global img{ max-width:100%; height:auto!important; } .global{ display:block; float:none; margin:0 auto; width:100%; max-width:1200px; padding:0; position: relative; } .container{ display:block; float:left; margin:0; width:100%; padding:0; background:#fff; } .main-container{ display:block; float:left; width:100%; margin:0 0 0 0; position:relative; background:#fff; } /* #content{ overflow:hidden; } */ #content .container{ padding:0 ; } #content > .row{ padding:0 0 ; margin:0 0 ; } #highlighted .container{ padding:0 0 ; } #block-system-main{ display:block; float:left; width:100%; margin:0; } #sidebar{ display:block; float:left; width:33%; margin:0 0 40px 0; padding:0 0 0 100px; } #sidebar .region{ display:block; float:left; width:100%; margin:50px 0 0 0; padding:15px 0; float:left; background:#f2f2f2; border:1px solid #dddddd; } #sidebar + #content-bottom-blue{ display:block; width:66%; margin:0 0 40px 0; float:right; } /*** TITLES ***/ h1,h2,h3{ /*font-size:3.5rem;*/ color:#191919; font-weight:800; text-transform:none; margin:0; padding:0; } /*fontstyle*/ #page-title-wrapper .title, .block-title-wrapper .block-title, .block > h2{ display:block; float:left; width:100%; text-align:left; margin:0 0 40px 0; padding:0; font-size:3.5rem; color:#191919; font-weight:800; text-transform:none; } #page-title-wrapper h1.title{ display:block; float:left; width:100%; margin:50px 0; font-size:5.0rem; font-weight:800; color:#191919; } .view-header h1{ display:block; float:left; width:100%; margin:20px 0 50px 0; font-size:5.0rem; font-weight:800; color:#191919; } .view-header p{ font-size:1.6rem; font-weight:400; color:#686868; line-height:1.6; } .node-webform.view-mode-full h1{ display:block; float:left; width:100%; margin:50px 0; font-size:5.0rem; font-weight:800; color:#191919; } /*wrappers*/ .block-title-wrapper, #page-title-wrapper{ display:block; float:left; width:100%; text-align:center; margin:0; padding:0px 100px; } /*** CTA BUTTON ****/ a.btn-link{ display:inline-block; background:#fff; padding:10px 50px; position:relative; top:25px; font-size:1.4rem; font-weight:400; text-transform:uppercase; color:black; transition:all 0.7s ease; } a.btn-link:hover{ text-decoration:none; color:white; background:black;} .global input[type=submit], .global .btn{ display:inline-block; float:none; width:auto; margin:0 0 30px 0; padding:15px 35px; background:#ad002d; border:none; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; text-decoration:none; } input[type=submit]:hover, .btn:active:focus, .btn:active:hover, .btn:active, .btn:focus, .btn:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s; } .more-link{ display:block; float:left; width:100%; margin:0 0 0 0; text-align:left; } .more-link a{ display:inline-block; float:none; position:relative; padding:10px 0; font-weight:600; color:#000; text-transform:uppercase; z-index:1;} .more-link a::after{ content:""; display:block; height:2px; width:100%; position:absolute; bottom:0; left:0; z-index:-1; background-color:#ad002d; transition:0.5s ease; } .more-link a:hover::after{ width:110%; height:100%; left:-5%; } .more-link a:hover{ color:#fff; } .page-taxonomy-term-6872 .region.region-content .block.block-views h2 {display: none;} /*custom colors univers*/ .univers-bd .btn, .univers-bd .global input[type=submit], .univers-bd .more-link a::after, .page-node-96045 .more-link a::after{ background-color:#d90e19; } .univers-comics .btn, .univers-comics .global input[type=submit], .univers-comics .more-link a::after, .page-node-97306 .more-link a::after{ background-color:#3b4090; } .univers-mangas .btn, .univers-mangas .global input[type=submit], .univers-mangas .more-link a::after, .page-node-97307 .more-link a::after{ background-color:#e16307; } .univers-jeunesse .btn, .univers-jeunesse .global input[type=submit], .univers-jeunesse .more-link a::after, .page-node-97308 .more-link a::after{ background-color:#14a577; } .univers-livres .btn, .univers-livres .global input[type=submit], .univers-livres .more-link a::after, .page-node-97309 .more-link a::after{ background-color:#4f7e87; } /*** FORMS ***/ input, textarea, select{ display:block; padding:10px 10px; border:1px solid #cbd1db; border-radius:5px; font-family:"Poppins"; } select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; position:relative; } .block-webform{} .block-webform h2{ margin:50px 0; font-size:6.0rem; font-weight:800; color:#191919; } /*** FORMS ***/ /*generic*/ .node-form{ } .form-wrapper{ display:block; float:left; width:100%; margin:0; } .block-webform .form-item, form .form-item{ margin:0 0 20px 0; } .form-item label,.form-wrapper label,.form-wrapper legend{ display:block; float:left; width:100%; margin:0; padding:15px 30px; text-align:left; font-size:1.4rem; font-weight:400; color:#191919; } .form-item input,.form-wrapper input{ display:block; float:left; width:100%; border:1px solid #e1e1e1; border-radius:3px; box-shadow:none; padding:12px 20px; height:auto; } .form-item select,.form-wrapper select{ display:block; float:left; width:98%; border:1px solid #e1e1e1; border-radius:3px; box-shadow:none; padding:12px 20px; height:auto; } .form-item select,.form-wrapper select{ -moz-appearance: none; -webkit-appearance: none; appearance:none!important; position:relative; background:#fff; } .form-item input[type=checkbox],.form-wrapper input[type=checkbox]{ position:static; display:block; float:left; width:auto; margin-right:5px; border:1px solid #e1e1e1; border-radius:0; box-shadow:none; padding:10px; height:auto; } .form-item textarea,.form-wrapper textarea{ padding:12px 20px; border:1px solid #e1e1e1; font-size:1.3rem; } .form-item textarea + .grippie,.form-wrapper textarea + .grippie{ display:none; } .form-item .description,.form-wrapper .description{ display:block; float:right; width:64%; margin:10px 0; text-align:left; font-size:1.1rem; font-weight:400; color:#aaa; font-style:italic; } .form-item a{ display:block; float:right; padding: 15px 0; } .form-actions{ display:block; float:left; width:100%; margin:0 0 20px 0; text-align:right; } .form-submit{ display:block; float:right; } /*custom*/ .form-item,.form-wrapper, .webform-component{ display:block; float:left; width:100%; margin:0; position:relative;} .form-item label,.form-wrapper label, .form-wrapper legend, .webform-component label, .webform-component p{ width:35%; text-align:right; color:#9f9f9f; padding:15px 30px; } .form-item .form-file,.form-wrapper .form-file, .webform-component .form-file, .form-item .form-select,.form-wrapper .form-select, .webform-component .form-select, .form-item .form-text,.form-wrapper .form-text, .webform-component .form-text{ width:65%; float:right; } .form-item .form-file + .description,.form-wrapper .form-file + .description, .webform-component .form-file + .description, .form-item .form-select + .description,.form-wrapper .form-select + .description, .webform-component .form-select + .description, .form-item .form-text + .description,.form-wrapper .form-text + .description, .webform-component .form-text + .description{ width:65%; float:right; margin:15px 0; } .form-submit{ display:block; float:right; margin:30px 0; } /*select*/ .webform-component select, .webform-component .form-item select{ background:#fff url(../img/icon-arrow-bottom.png) no-repeat center right 15px; } /*textarea*/ .webform-component-textarea { } .form-type-textarea .form-textarea-wrapper, .webform-component-textarea .form-textarea-wrapper{ display:block; float:right; width:65%; margin:0; } /*date*/ .webform-component-date{} .webform-component-date .webform-datepicker{ display:block; float:right; width:65%; margin:0; } .global .webform-component-date .webform-datepicker .form-type-select{ display:block; float:left; width:20%; margin:0; padding:0 10px 0 0; } .webform-component-date .webform-datepicker .form-type-select select{ width:100%; } .webform-component-date .webform-datepicker .webform-calendar{ display:block; float:left; width:68px; } /*date 2*/ .field-type-datetime{} .field-type-datetime .fieldset-wrapper{ display:block; float:right; width:65%; margin:0; } .field-type-datetime .fieldset-wrapper label{ display:none; } .field-type-datetime .webform-datepicker .form-type-select{ display:block; float:left; width:20%; margin:0; padding:0 10px 0 0; } .field-type-datetime .webform-datepicker .form-type-select select{ width:100%; } .field-type-datetime .webform-datepicker .webform-calendar{ display:block; float:left; width:68px; } fieldset.date-combo .container-inline-date .date-padding{ padding:0; } /*checkboxes*/ .webform-component-checkboxes{} .webform-component-checkboxes .form-checkboxes{ display:block; float:right; width:65%; margin:0; } .global .webform-component-checkboxes .form-checkboxes .form-type-checkbox{ display:block; float:left; width:100%; margin:0; padding:10px 0 5px 0; } .webform-component-checkboxes .form-checkboxes .form-type-checkbox label{ display:block; float:left; width:auto; text-align:left; padding:2px 5px; } .webform-component-checkboxes .form-checkboxes .form-type-checkbox input{ display:none; visibility:hidden; } .webform-component-checkboxes .form-checkboxes .form-type-checkbox input + label::before{ content:""; display:block; float:left; width:8px; height:8px; margin:0 10px 0 0; background:#fff; border:4px solid #fff; box-shadow:0 0 1px 1px #dddddd; } .webform-component-checkboxes .form-checkboxes .form-type-checkbox input:checked + label::before{ background:#ad002d; } /* custom optin */ #webform-component-optin-sms, #webform-component-optin-glenat{} #webform-component-optin-sms .form-checkboxes, #webform-component-optin-glenat .form-checkboxes{ display:block; float:right; width:65%;} #webform-component-optin-sms .form-checkboxes .form-type-checkbox, #webform-component-optin-glenat .form-checkboxes .form-type-checkbox{ display:block; float:left; width:100%; margin:0; padding:10px 0 5px 0; } #webform-component-inscriptions{ display:block; float:left; width:35%; margin:0 0 0 0; position:relative; top:40px; } #webform-component-inscriptions p{ display:block; width:100%; text-align:right; color:#9f9f9f; font-weight:700; padding:15px 30px 15px 0; } #webform-component-optin-glenat{ display:block; width:65%; margin:25px 0 0 0 } #webform-component-optin-glenat > label{ display:none; } #webform-component-optin-glenat .form-checkboxes{ float:left; } #webform-component-bd .form-checkboxes .form-type-checkbox{ width:100%; } .node-webform .webform-client-form div > .form-item.webform-component-checkboxes{ margin-bottom:0px; } /* custom phone country */ .webform-component .intl-tel-input { display:block; float:left; width:65%; position:relative; } .webform-component .intl-tel-input input{ display:block; float:left; width:100%; position:relative; } .webform-component .intl-tel-input .flag-container{ display:block; position:absolute; top:15px; left:12px; } /* mask & reveal only on newsletter optin form */ #webform-client-form-88076 #webform-component-ndeg-telephone-mobile{ display:none; } #webform-client-form-88076 #webform-component-ndeg-telephone-mobile.visible{ display:block; animation:fadeInDown 0.3s; } /* mask & reveal only on newsletter optin form */ /* #webform-client-form-88076 .gout{ display:none; } */ /* #webform-client-form-88076 .gout.visible{ display:block; animation:fadeInDown 0.3s; } */ /*** CAPTCHA G-captcha ***/ .captcha{ display: block; float: left; width: 100%; margin:20px 0; } .captcha .g-recaptcha > div{ float: right; } /*** HEADER ***/ #header { margin:0; padding:0; position:relative; z-index:72; border-bottom:1px solid #e7e7e7; } #header .logo{ display:block; float:left; width:200px; height:90px; padding:15px 10px 5px 10px; margin:0 0 0 0; text-align:center; border-right:1px solid #e7e7e7; } #header .logo img{ width:100%; max-width:130px; } #header #site_slogan{ display:none; } /*** NAVBAR ***/ #navbar{ display:block; float:left; width:1000px; margin:0; min-height:0; background:#fff; } #navbar .navbar-toggle{ display:none; } /*** NAVIGATION ***/ #navigation { width:100%; float:left; padding:0; margin:0; } #navigation *{ outline:none; } #navigation .block-menu{ display:block; width:100%; float:left; margin:0; padding:0; position:static; } #navigation .content > ul.menu{ display:block; float:left; width:100%; text-align:left; } #navigation .content > ul.menu > li{ display:block; float:left; margin:0; padding:0px 0; } /* #navigation .content > ul.menu > li > a{ display:table-cell; float:none; width:100%; margin:0; padding:0px 31px; height:90px; background:#fff; vertical-align:middle; } */ #navigation .content > ul.menu > li > a{ display:block; float:left; width:100%; margin:0; padding:0px 31px; height:90px; background:#fff; line-height:90px; font-size:1.6rem; font-weight:600; color:#000; text-transform:uppercase; outline:none; transition:all 0.4s ease 0s; cursor:pointer; } #navigation .content > ul.menu > li:hover > a, #navigation .content > ul.menu > li:active > a, #navigation .content > ul.menu > li.activeOLD > a{ background:#000; color:#fff; } /* #navigation .content > ul.menu > li:hover > a{ background:#000; color:#fff; } */ /* #navbar .content > ul.menu li a::after{ content:''; display:block; width:0%; height:2px; background:#fff; transition:0.5s ease ; position:absolute; bottom:0; left:50%; } */ /* #navbar .content > ul.menu li a:hover::after{ width:100%; height:2px; left:0; } */ /* #navbar .content > ul.menu li::before{ content:''; display:block; width:100%; height:0; background:#fff; transition:0.5s ease 0.2s; position:absolute; bottom:0; left:0; } */ /* #navbar .content > ul.menu li:hover::before{ height:100%; background:#fff; } */ /* #navigation .content > ul.menu li.link-social{ display:none; } */ /* custom styles */ #navigation ul.menu > li > a.link-menu{ font-weight:300; width:150px; text-align:left; padding:0 0 0 75px; position:relative; border-right:1px solid #e7e7e7; } #navigation ul.menu > li > a.link-menu::before{ display:block; width:20px; height:18px; line-height:18px; position:absolute; top:36px; left:40px; transition:all 0.5s ease; content:"\e90e"; font-family:"icomoon"; font-size:2.1rem; font-weight:400; font-style:normal; color:#191919; transform:rotate(0deg); } #navigation ul.menu > li:hover > a.link-menu::before{ color:white; transform:rotate(180deg); } #navigation ul.menu > li.li-bd > a{ padding:0px 40px; } #navigation ul.menu > li.li-comics > a{ padding:0px 33px; } #navigation ul.menu > li.li-mangas > a{ padding:0px 35px; } #navigation ul.menu > li.li-jeunesse > a{ padding:0 29px; } #navigation ul.menu > li.li-livres > a{ padding:0px 33px; } /* submenu */ #navigation .content > ul.menu > li > ul.menu{ display:none; width:100%; min-width:300px; padding:50px 100px; position:absolute; top:100%; left:0; background:#fff; box-shadow:0 5px 15px -10px #000; transition:all 0.5s linear; border-top:1px solid #e7e7e7; } #navigation .content > ul.menu > li:hover > ul.menu, #navigation .content > ul.menu > li:active > ul.menu, #navigation .content > ul.menu > li.activeOLD > ul.menu{ display:block; z-index:42; transition:all 0.2s linear; animation:fadeIn 0.4s; } #navigation .content > ul.menu > li > ul.menu > li{ display:block; float:left; width:25%; margin:0; padding:0 10px 0 0; position:relative; } #navigation .content > ul.menu > li > ul.menu > li > a{ /*display:block; float:left; width:100%;*/ display:inline-block; float:none; font-size:1.8rem; font-weight:600; height:auto; color:#000; text-transform:none; padding:20px 0; position:relative; } #navigation .content > ul.menu > li > ul.menu > li > a::after{ content:""; display:block; height:2px; width:1px; background:transparent; position:absolute; left:0; bottom:10px; transition:all 0.5s ease; } #navigation .content > ul.menu > li > ul.menu > li > a:hover::after{ width:100%; background:#888;} #navigation .content > ul.menu > li > ul.menu > li > a.nolink::after{ display:none; } #navigation .content > ul.menu > li > ul.menu > li a:hover{ color:#000; } #navigation .content > ul.menu > li > ul.menu > a{ } #navigation .content > ul.menu > li > ul.menu > li{ /*border:1px dashed red;*/ } /* SubSubmenu */ #navigation .content > ul.menu > li > ul.menu > li > ul.menu{ display:block; position:static; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li{ display:block; float:left; width:100%; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li > a{ display:inline-block; height:auto; font-size:1.4rem; font-weight:400; color:#000; text-transform:none; padding:10px 0; position:relative; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li > a::after{ content:""; display:block; height:2px; width:0; position:absolute; bottom:3px; left:0; background-color:#888; transition:0.5s ease; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li > a:hover::after{ width:100%; } /* li catalog */ #navigation .content > ul.menu > li > ul.menu > li.li-catalog{ width:40%; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li{ width:50%; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li.last{ width:100%; margin:20px 0; padding:0;} #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li.last a{ display:inline; float:none; position:relative; padding:10px 0; font-weight:600; text-transform:uppercase; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li.last a::after{ content:""; display:block; height:2px; width:100%; position:absolute; bottom:0; left:0; z-index:-1; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li.last a:hover::after{ width:110%; height:100%; left:-5%; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li.last a:hover{ color:#fff; } /* a la une */ #navigation .content > ul.menu > li > ul.menu > li.li-une{ width:25%; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li.last{ width:100%; margin:20px 0; padding:0;} #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li.last a{ display:inline; float:none; position:relative; padding:10px 0; font-weight:600; text-transform:uppercase; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li.last a::after{ content:""; display:block; height:2px; width:100%; position:absolute; bottom:0; left:0; z-index:-1; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li.last a:hover::after{ width:110%; height:100%; left:-5%; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li.last a:hover{ color:#fff; } /* li nouveautés - view */ #navigation .content > ul.menu > li > ul.menu > li.li-nouveautes{ width:35%; } #navigation .li-nouveautes .menu-attach-block-wrapper .block-views{ padding:0; } #navigation .li-nouveautes .menu-attach-block-wrapper .view{ display:block; float:left; width:100%; } #navigation .li-nouveautes .menu-attach-block-wrapper .views-row { display:block; float:left; width:50%; padding:0 10px 0 0;} #navigation .li-nouveautes .menu-attach-block-wrapper .views-row .field-type-image { display:block; float:left; width:100%; height:200px; margin:0 0 10px 0; position:relative; box-shadow:none; } #navigation .li-nouveautes .menu-attach-block-wrapper .views-row .field-type-image img{ display:inline-block; float:none; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; bottom:0; left:0; box-shadow:0 3px 5px -1px #aaa;} #navigation .li-nouveautes .menu-attach-block-wrapper .views-row .field-type-text { display:block; float:left; width:100%; margin:0 0 10px 0;} #navigation .li-nouveautes .menu-attach-block-wrapper .views-row .field-type-text a{ font-size:1.4rem; font-weight:600; color:#000; } #navigation .li-nouveautes .menu-attach-block-wrapper .views-row:hover .field-type-image img{ /*transform:scale(2);*/ opacity: 0.5; } #navigation .li-nouveautes .menu-attach-block-wrapper .views-row:hover .hover-links{ top:70px;} #navigation .li-nouveautes .menu-attach-block-wrapper .views-row .field-name-field-liseuse { display:none; } #navigation .content > ul.menu > li.last{ float:right; } /* #navigation .content > ul.menu > li:nth-last-child(2){ float:right; } */ /* account link */ #navigation .content > ul.menu > li a.link-account{ display:block; float:right; width:90px; font-size:0; position:relative; border-left:1px solid #e7e7e7; line-height:70px; } a.link-account::before{ display:block; content:"\e905"; font-family:"icomoon"; font-size:2.4rem; font-weight:400; font-style:normal; color:#191919; transition:all 0.5s ease; transform:rotate(0deg); } a.link-account::after{ content:"Mon compte"; font-size:1.1rem; position:absolute; bottom:20px; display:block; width:100%; left:0; line-height:1; text-align:center } #navigation .content > ul.menu > li a.link-account:hover{ background:#fff; color:#191919; } #navigation .content > ul.menu > li a.link-account:hover::before{ color:#191919; transform:scale(1.2); } #navigation .content > ul.menu > li a.link-account:hover::after{ color:#191919; } #navigation .content > ul.menu > li a.link-account.active{ background:#000; } #navigation .content > ul.menu > li a.link-account.active::before{ color:#fff; } #navigation .content > ul.menu > li a.link-account.active::after{ color:#fff; } .logged-in #navigation .content > ul.menu > li a.link-account{ background:#ad002d; } .logged-in #pre-header .top_header_menu ul li a.link-account{ background:#ad002d; } .logged-in #navigation .content > ul.menu > li a.link-account::before{ color:#fff; } .logged-in #navigation .content > ul.menu > li a.link-account::after{ color:#fff; } .logged-in #pre-header .top_header_menu ul li a.link-account::before{ color:#fff; } .logged-in #pre-header .top_header_menu ul li a.link-account::after{ color:#fff; } .logged-in #navigation .content > ul.menu > li a.link-account.link-account-popin + .menu li{ float:right; text-align:right; } /* active trails & hovers */ #navigation .content > ul.menu > li.activeOLD > a, #navigation .content > ul.menu > li.active-trail > a{ background-color:#000; color:#fff; } #navigation .content > ul.menu > li:hover > a::before, #navigation .content > ul.menu > li.activeOLD > a::before, #navigation .content > ul.menu > li.active-trail > a::before{ color:#fff; } .univers-bd #navigation ul.menu > li > a.link-bd, #navigation ul.menu > li:hover > a.link-bd, #navigation ul.menu > li:active > a.link-bd, #navigation ul.menu > li.active > a.link-bd, #navigation ul.menu > li.active-trail > a.link-bd{ background:#d90e19; color:#fff; } .univers-comics #navigation ul.menu > li > a.link-comics, #navigation ul.menu > li:hover > a.link-comics, #navigation ul.menu > li:active > a.link-comics, #navigation ul.menu > li.active > a.link-comics, #navigation ul.menu > li.active-trail > a.link-comics{ background:#3b4090; color:#fff; } .univers-mangas #navigation ul.menu > li > a.link-mangas, #navigation ul.menu > li:hover > a.link-mangas, #navigation ul.menu > li:active > a.link-mangas, #navigation ul.menu > li.active > a.link-mangas, #navigation ul.menu > li.active-trail > a.link-mangas{ background:#e16307; color:#fff; } .univers-jeunesse #navigation ul.menu > li > a.link-jeunesse, #navigation ul.menu > li:hover > a.link-jeunesse, #navigation ul.menu > li:active > a.link-jeunesse, #navigation ul.menu > li.active > a.link-jeunesse, #navigation ul.menu > li.active-trail > a.link-jeunesse{ background:#14a577; color:#fff; } .univers-livres #navigation ul.menu > li > a.link-livres, #navigation ul.menu > li:hover > a.link-livres, #navigation ul.menu > li:active > a.link-livres, #navigation ul.menu > li.active > a.link-livres, #navigation ul.menu > li.active-trail > a.link-livres{ background:#4f7e87; color:#fff; } #navigation .content > ul.menu > li a.link-bd + ul.menu > li.li-catalog > ul.menu > li.last a{ border-color:#d90e19; } #navigation .content > ul.menu > li a.link-bd + ul.menu > li.li-une > ul.menu > li.last a{ border-color:#d90e19; } #navigation .content > ul.menu > li a.link-bd + ul.menu > li > ul.menu > li > a::after{ background:#d90e19; } #navigation .content > ul.menu > li a.link-comics + ul.menu > li.li-catalog > ul.menu > li.last a{ border-color:#3b4090; } #navigation .content > ul.menu > li a.link-comics + ul.menu > li.li-une > ul.menu > li.last a{ border-color:#3b4090; } #navigation .content > ul.menu > li a.link-comics + ul.menu > li > ul.menu > li > a::after{ background:#3b4090; } #navigation .content > ul.menu > li a.link-mangas + ul.menu > li.li-catalog > ul.menu > li.last a{ border-color:#e16307; } #navigation .content > ul.menu > li a.link-mangas + ul.menu > li.li-une > ul.menu > li.last a{ border-color:#e16307; } #navigation .content > ul.menu > li a.link-mangas + ul.menu > li > ul.menu > li > a::after{ background:#e16307; } #navigation .content > ul.menu > li a.link-jeunesse + ul.menu > li.li-catalog > ul.menu > li.last a{ border-color:#14a577; } #navigation .content > ul.menu > li a.link-jeunesse + ul.menu > li.li-une > ul.menu > li.last a{ border-color:#14a577; } #navigation .content > ul.menu > li a.link-jeunesse + ul.menu > li > ul.menu > li > a::after{ background:#14a577; } #navigation .content > ul.menu > li a.link-livres + ul.menu > li.li-catalog > ul.menu > li.last a{ border-color:#4f7e87; } #navigation .content > ul.menu > li a.link-livres + ul.menu > li.li-une > ul.menu > li.last a{ border-color:#4f7e87; } #navigation .content > ul.menu > li a.link-livres + ul.menu > li > ul.menu > li > a::after{ background:#4f7e87; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li.last a:hover{ border-width:3px; } #navigation a.nolink{ cursor:default; } /*** MENU SEARCH FORM ****/ /* search link */ #navigation .content > ul.menu > li a.link-search{ display:block; float:left; width:92px; font-size:0; position:relative; border-left:1px solid #e7e7e7; } #navigation .content > ul.menu > li a.link-search::before, #pre-header .top_header_menu ul li a.link-search::before{ display:block; content:"\e916"; font-family:"icomoon"; font-size:2.4rem; font-weight:400; font-style:normal; color:#191919; transition:all 0.5s ease; transform:rotate(0deg); } /* #navigation .content > ul.menu > li:hover a.link-search::before{ transform:rotate(360deg); color:#fff; } */ #navigation .content > ul.menu > li a.link-search + .menu > li {width:100%; } /* ACTIVATE ON CLICK */ #navigation .content > ul.menu > li:hover a.link-search::before{ transform:none; color:inherit; } #navigation .content > ul.menu > li a.link-search.active{ background:#000; } #navigation .content > ul.menu > li a.link-search.active::before{ transform:rotate(360deg); color:#fff; } /* #navigation .content > ul.menu > li a + .menu{ display:none; } */ /* #navigation .content > ul.menu > li a.active + .menu{ display:block; animation:none; } */ /*** BLOCK SEARCH FORM ****/ #navigation #block-views-exp-live-results-search-page{ display:block; width:100%; margin:0; background:#fff; position:static; z-index:112; } #highlighted #block-views-exp-live-results-search-page{ display:none; width:100%; margin:0; padding-top:40px; padding-bottom:40px; background:#fff; position:static; z-index:112; border-bottom:1px solid #f2f2f2; } #highlighted #block-views-exp-live-results-search-page.active{ display:block; animation:fadeInBottom 0.3s; } .page-search-results #highlighted #block-views-exp-live-results-search-page{ display:block; animation:none; } #block-views-exp-live-results-search-page .intro{ display:block; float:left; width:100%; margin:0; padding:10px; font-size:1.8rem; font-weight:700; color:#191919; border:none; } #block-views-exp-live-results-search-page label{ display:block; float:left; width:100%; margin:0; padding:0px; font-size:1.8rem; font-weight:700; color:#191919; border:none; } #block-views-exp-live-results-search-page .form-text{ display:block; float:left; width:80%; margin:0; padding:10px; font-family:"Playfair Display"; font-size:2.8rem; font-weight:400; color:#303030; border:none; } #block-views-exp-live-results-search-page input.form-submit{ display:block; float:left; width:20%; margin:0; padding:15px 0; text-indent:-9000px; background:transparent url(../img/icons/Recherche.png) no-repeat center center; background-size:30px; background-color:transparent!important; } #block-views-exp-live-results-search-page input.form-submit:hover{ transform:scale(1.5); animation:none; cursor:pointer; box-shadow:none; } /*** TOP HEADER ***/ #pre-header .container{ background:#e7e9ec; } #pre-header .top_header_menu{ float:right; width:auto; margin:0; padding:0; } #pre-header .top_header_menu ul{ list-style:none; text-align:right; } #pre-header .top_header_menu ul li{ display:inline-block; position:relative; } #pre-header .top_header_menu ul li a{ display:block; padding:15px 5px; font-size:1.2rem; color:#686868; } #pre-header .top_header_menu ul li a:hover{ text-decoration:underline; } #pre-header .top_header_menu ul li a.link-espacepro{ font-weight:600; text-transform:uppercase; } #pre-header .top_header_menu ul li a.link-search, #pre-header .top_header_menu ul li a.link-account{ display:none; } #pre-header .top_header_menu ul li ul{ display:none; position:absolute; top:100%; right:0; width:150px; z-index:101; background:#fff; box-shadow:0 5px 10px -5px #000;} #pre-header .top_header_menu ul li:hover ul{ display:block; animation:fadeInDown 0.4s; } #pre-header .top_header_menu ul li ul li{ display:block; float:right; width:100%; margin:0; padding:0; text-align:right; } #pre-header .top_header_menu ul li ul li a{ display:block; float:left; width:100%; margin:0; padding:10px 5px; text-align:right; font-weight:600; text-transform:uppercase; } /*** BREADCRUMB ***/ #breadcrumb{ padding:0 100px; } .item-list .breadcrumb{ display:block; float:left; width:100%; margin:0; padding:30px 0 20px 0; } .item-list .breadcrumb li{ display:inline-block; float:left; margin:0 5px 0 0; font-size:1.2rem; color:#686868; } .item-list .breadcrumb li a{ font-size:1.2rem; color:#686868; } .item-list .breadcrumb li a:hover{ text-decoration:underline; } .item-list .breadcrumb li::before{ content:">"; margin:0 5px 0 0; } .item-list .breadcrumb li.first::before{ content:""; } /*** FOOTER ***/ #footer { } #footer .block{ padding:0; } #footer .container{ background:#f2f2f2; padding:0 100px; position:relative; } #footer .block-menu { display:block; float:left; width:20%; padding:20px 0; } #footer .block-menu ul{ list-style:none; text-align:left; } #footer .block-menu ul li{ display:block; float:left; width:100%; } #footer .block-menu ul li a{ display:block; font-size:1.2rem; color:#686868; padding:7px 0;} #footer .block-menu ul li a:hover{ text-decoration:underline; } #footer .block-menu ul li a.backtotop{ font-size:1.4rem; color:#191919;} #footer .block-menu ul li a.backtotop:hover{ text-decoration:none; } #footer .block-footer-text{ display:block; float:left; width:33%; margin:0; padding:50px 20px 20px 0; } #footer .block-footer-text h2{ display:block; float:left; width:120px; height:66px; margin:0; padding:0; text-indent:-9000px; background:url(../img/logo-footer.png) no-repeat top left; background-size:100%; cursor:pointer; } #footer .block-footer-text .content{ display:block; float:left; width:100%; margin:30px 0; font-size:1.2rem; line-height:2; color:#686868; } #footer .block-footer-menu{ display:block; float:left; width:20%; margin:0; padding:50px 0 20px 0; } #footer .block-footer-menu h2, #footer .block-footer-menu .li-title a{ margin:60px 0 5px 0; font-size:1.4rem; font-weight:600; text-transform:uppercase; color:#191919; } #footer .block-footer-menu-last{ margin:58px 0 20px 0; } #footer .block-footer-menu-last ul li a{ font-size:1.4rem; font-weight:600; text-transform:uppercase; color:#191919; } #footer .block-footer-copyrights{ display:block; float:left; width:100%; margin:0; padding:20px 0; border-top:1px solid #e3e3e3; position:relative; } #footer .block-footer-copyrights ul li{ display:block; float:left; width:auto; padding:0 20px; border-left:1px solid #e3e3e3; } #footer .block-footer-copyrights ul li.first{ padding:0 20px 0 0; border:none; } #footer .block-footer-copyrights ul li a.backtotop{ position:absolute; right:0; font-size:1.2rem; color:#686868; } #footer .block-footer-copyrights ul li a.backtotop::after{ content:"\f106"; font-family:"FontAwesome"; margin-left:7px; } #footer .block-formulaire-newsletter{ display:block; float:left; width:20%; position:relative; margin:-50px 0 0 0; padding:0; } #footer .block-formulaire-newsletter .content{ display:block; float:left; width:100%; padding:0; position:relative; z-index:1; color:#fff; } #footer .block-formulaire-newsletter .formulaire{ display:block; float:left; width:135%; margin:0; border:1px solid #cbd1db; } #footer .block-formulaire-newsletter .formulaire .form-text{ display:block; float:left; width:80%; height:50px; margin:0; border-radius:0; border:none; border-right:1px solid #cbd1db; } #footer .block-formulaire-newsletter .formulaire .form-submit{ display:block; float:left; width:20%; height:50px; margin:0; border-radius:0; padding:0; border:none; font-size:0rem; background:#fff; color:#191919; cursor:pointer; } #footer .block-formulaire-newsletter .formulaire .form-submit::before{ content:"OK"; font-size:1.2rem; font-family:"Poppins"; } #footer .block-formulaire-newsletter .formulaire .form-submit:hover{ background:#ad002d; color:#fff; } #footer .block-socials-links{ display:block; float:left; width:20%; position:static; text-align:left; } #footer .block-socials-links ul { display:block; float:left; } #footer .block-socials-links ul li{ width:auto; } #footer .block-socials-links ul li a{ font-size:0; text-decoration:none; padding:0; text-decoration:none; border-color:transparent; background-color:none; } #footer .block-socials-links ul li a:hover{ text-decoration:none; background-color:transparent; } #footer .block-socials-links ul li a::before{ color:#444; background-color:none; } #footer .block-socials-links ul li a:hover::before{ color:#fff; } .univers-bd #footer .block-socials-links ul li a:hover{ background-color:#d90e19; } .univers-comics #footer .block-socials-links ul li a:hover{ background-color:#3b4090; } .univers-mangas #footer .block-socials-links ul li a:hover{ background-color:#e16307; } .univers-jeunesse #footer .block-socials-links ul li a:hover{ background-color:#14a577; } .univers-livres #footer .block-socials-links ul li a:hover{ background-color:#4f7e87; } /* bd #d90e19 #ffaaa4 96045 */ /* comics #3b4090 #b7afcd 97306 */ /* mangas #e16307 #f8be94 97307 */ /* jeunesse #14a577 #9de1b1 97308 */ /* livres #4f7e87 #aed4da 97309 */ /*** SLICK NAV ***/ .slick{ margin:0 0 40px 0; padding:0; position:relative; } /* .slick__slider{ padding:0 0 40px 0; position:relative; } */ /* .slick .slick-dots{ display:block; width:100%; position:absolute; bottom:10px; left:0; text-align:center; } */ .slick .slick-dots{ display:block; width:100%; position:static; margin:20px 0; left:0; text-align:center; } .slick .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 20px 0 0; background:#a3abb8; border-radius:20px; text-indent:-9000px; text-align:left; border:none; cursor:pointer;} .slick .slick-dots li.slick-active{ background:#ad002d; } /* .slick nav{ } */ /* .slick nav{ top:0; left:0; } */ .slick .slick-arrow{ display:inline-block!important; border:none; background:none; color:#000000; transform:none; width:40px; height:40px; transform:scale(1); font-size:0px; font-size:0; transition:all 0.4s ease 0s; cursor:pointer; } .slick .slick-arrow::before{ display:block; float:left; content:"\e917"; font-family:"icomoon"; font-size:2.4rem; color:#a3abb8; transition:color 0.5s ease; } .slick .slick-arrow:hover::before{ color:#000;} .slick .slick-prev{ position:absolute; left:-50px; top:49%; z-index:42; transform:rotate(180deg); } .slick .slick-next{ position:absolute; right:-50px; top:49%; z-index:42; } /*** SLICK SLIDES ***/ .slick-track{ transition:none; } .slick__slide{ display:block; float:left; transition:none; } .slick__slide .field{ display:block; float:left; width:100%; height:auto; } .slick__slide .field img{ display:block; float:left; width:100%; height:auto; /*max-width:none!important;*/ } .slick-list{ display:block; width:100%; } /*** PARTAGE ***/ .group-partage{ text-align:center; } .group-partage .partage a{ position:relative; display:block; float:right; clear:both; width:50px; height:50px; margin:0 30px 10px 0!important; padding:0; font-size:2.4rem; line-height:1; overflow:hidden; border-radius:5px; border:1px solid #dddddd; background:#fff; transform:scale(1) rotate(0deg); transition:0.5s ease; } .group-partage .partage a::before{ line-height:50px; } .group-partage .partage#facebook::before{ content: "\f09a"; /*background-color:#3b5998;*/ } .group-partage .partage#twitter::before{ content: "\f099"; /*background-color:#55acee;*/ } .group-partage .partage#pinterest::before{ content: "\f0d2"; /*background-color:#cb2027;*/ } .group-partage .partage#googleplus{ } .group-partage .partage#googleplus::before{ content: "\f0d5"; /*background-color:#dd4b39;*/ } .group-partage .partage#mail{ } .group-partage .partage#mail::before{ content: "\f0e0"; /*background-color:none; color:#19aba7;*/ } .group-partage .partage#print{ } .group-partage .partage#print a{ /*background:none;*/ } .group-partage .partage#print::before{ content:"\f02f"; /*background:none; color:#19aba7;*/ } .group-partage .partage a:hover{ background:#ad002d; color:#fff; border-color:transparent; } /* .group-partage .partage:hover{ transform:scale(3) rotate(720deg); background:#fff; z-index:42; } */ /* .group-partage .partage:hover::before{ color:#fff; background:#000;} */ /*** BLOCK SLIDESHOW ***/ .block-slideshow{ position:relative; } .front .block-slideshow{ padding:0 0 0 0; } .block-slideshow .content{ display:block; width:100%; margin:0 auto; text-align:left; } .block-slideshow .node-hw-slide{ position:relative; min-height:400px; } .block-slideshow .node-hw-slide .group_illustr{ display:block; width:100%; } .block-slideshow .node-hw-slide .group_illustr img{ display:block; width:100%; border-radius:5px; } .front .block-slideshow .node-hw-slide .group_illustr img{ border-radius:0; } .block-slideshow .node-hw-slide .group_infos{ display:block; width:40%; position:absolute; top:20%; left:10%; } .front .block-slideshow .node-hw-slide .group_infos{ top:20%; left:18%; width:34%; } .block-slideshow .node-hw-slide .group_infos .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-univers{ } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-univers a{ display:block; float:left; margin:0 5px 0 0; padding:5px; border-radius:5px; font-size:1.1rem; font-weight:600; color:#fff; } .block-slideshow .node-hw-slide .group_infos .field-name-title-field{ font-size:4.5rem; font-weight:600; color:#191919; } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-texte{ font-size:1.8rem; font-weight:400; color:#191919; } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-url a{ display:block; float:left; padding:21px 31px; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; background:#0a0a0a; } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-url a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} .block-slideshow .node-hw-slide .group_infos .field-name-field-text-color{ display:none; } .node-type-hw-univers .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-univers{ display:none; } .front .block-slideshow .slick nav .slick-prev{ left:50px; } .front .block-slideshow .slick nav .slick-next{ right:50px; } .global .field-name-hw-slide-univers a{ display:block; float:left; padding:5px; border-radius:5px; font-size:1.1rem; font-weight:600; color:#fff; text-transform:uppercase; background:#0a0a0a; } .global .field-name-hw-slide-univers .univers-bd a, .block-slideshow .node-hw-slide.univers-bd .group_infos .field-name-hw-slide-univers a, .block-slideshow .node-hw-slide.univers-bd .group_infos .field-name-hw-slide-url a{ background:#d90e19; } .global .field-name-hw-slide-univers .univers-comics a, .block-slideshow .node-hw-slide.univers-comics .group_infos .field-name-hw-slide-univers a, .block-slideshow .node-hw-slide.univers-comics .group_infos .field-name-hw-slide-url a{ background:#3b4090; } .global .field-name-hw-slide-univers .univers-manga a, .block-slideshow .node-hw-slide.univers-manga .group_infos .field-name-hw-slide-univers a, .block-slideshow .node-hw-slide.univers-manga .group_infos .field-name-hw-slide-url a{ background:#e16307; } .global .field-name-hw-slide-univers .univers-livres.jeunesse a, .block-slideshow .node-hw-slide.univers-livres.jeunesse .group_infos .field-name-hw-slide-univers a, .block-slideshow .node-hw-slide.univers-livres.jeunesse .group_infos .field-name-hw-slide-url a{ background:#14a577; } .global .field-name-hw-slide-univers .univers-livres a, .block-slideshow .node-hw-slide.univers-livres .group_infos .field-name-hw-slide-univers a, .block-slideshow .node-hw-slide.univers-livres .group_infos .field-name-hw-slide-url a{ background:#4f7e87; } /*video slideshow*/ .block-video-slideshow{} .block-video-slideshow .node{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0 10%; text-align:left; } .block-video-slideshow .node .field{ display:block; float:left; width:100%; margin:0 0 15px 0; } .block-video-slideshow .node .field iframe{ display:block; float:left; width:100%; } .block-video-slideshow .node .field-name-title-field{ font-weight:600; font-size:1.8rem; color:#191919; } .block-video-slideshow .node .field-name-post-date{ font-weight:600; font-size:1.2rem; color:#686868; } .block-video-slideshow .slick-dots{ display:none!important; } /*** BLOCK menu univers ***/ .block-menu-univers{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-menu-univers h2{ padding:0 10px; } .block-menu-univers ul.menu{ display:block; float:left; width:100%; margin:0px; padding:0; } .block-menu-univers ul.menu li{ display:block; float:left; width:20%; margin:0; padding:0 10px; } .block-menu-univers ul.menu li a{ display:block; float:left; width:100%; margin:0; padding:20px; color:#fff; background:#000; font-size:1.4rem; font-weight:600; } .block-menu-univers ul.menu li a::after{ content:">"; font-size:1.4rem; font-weight:400; float:right;} .block-menu-univers ul.menu li a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} /* colors */ .block-menu-univers ul.menu li a.link-bd{ background:#d90e19; color:#fff; } .block-menu-univers ul.menu li a.link-comics{ background:#3b4090; color:#fff; } .block-menu-univers ul.menu li a.link-mangas{ background:#e16307; color:#fff; } .block-menu-univers ul.menu li a.link-jeunesse{ background:#14a577; color:#fff; } .block-menu-univers ul.menu li a.link-livres{ background:#4f7e87; color:#fff; } /* custom page qui sommes nous */ .page-node-97299 .block-menu-univers{ padding-top:30px; padding-bottom:30px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; } /*** BLOCK BOOK LIST HOME ***/ .block-book-list-home{ display:block; float:left; width:16.7%; margin:0 0 50px 0; padding:0; } .block-book-list-home .view{ display:block; float:left; width:100%; } .block-book-list-home .views-row{ display:block; float:left; width:100%; padding:0 10px; } .block-book-list-home .views-row .field-type-image { display:block; float:left; width:100%; height:300px; margin:0 0 10px 0; position:relative; box-shadow:none!important; } .block-book-list-home .views-row .field-type-image img{ display:inline-block; float:none; width:100%; height:auto; max-width:100%; position:absolute; bottom:0; left:0; box-shadow:0 3px 5px -1px #aaa;} .block-book-list-home .views-row .field-type-text { display:block; float:left; width:100%; margin:0 0 10px 0;} .block-book-list-home .views-row .field-type-text a{ font-size:1.4rem; font-weight:600; color:#000; } .block-book-list-home .views-row:hover .field-type-image img{ /*box-shadow:0 5px 10px -5px #111; transform:scale(0.95);*/ opacity: 0.5; } /* .block-book-list-home .views-row:hover{ animation:0.7s rubberBand; } */ #block-views-5-livres-home-block{ width:25%; padding-left:100px; } /*** VIEW BOOK-LIST ***/ .view-book-list{ display:block; float:left; width:100%; margin:0 0 50px 0; padding-bottom:50px; } .view-book-list .views-row{ display:block; float:left; width:20%; padding:0 10px; margin:0 0 30px 0; position:relative; } .view-book-list .views-row:nth-child(5n+1){ clear:both; } .view-book-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 10px 0; } .view-book-list .views-row .field-type-image { display:block; float:left; width:100%; overflow:hidden; position:relative; } .view-book-list .views-row .field-type-image img{ display:block; float:left; width:100%; height:auto; min-height:150px; box-shadow:0 3px 5px -1px #aaa; } .view-book-list .views-row .field-name-hw-livre-titre-couv{ font-size:1.5rem; font-weight:600; } .view-book-list .views-row .item-list{ display:block; float:left; width:100%; margin:0; } .view-book-list .views-row .field-name-hw-intervenants span, .view-book-list .views-row .field-name-hw-intervenants a{ font-size:1.2rem; font-weight:400; color:#686868; } .view-book-list .views-row .field-name-hw-intervenants .field{ margin:0 0 4px 0; } .view-book-list .views-row .field-name-hw-livre-date-parution{ font-size:1.2rem; font-weight:700; color:#686868; } .view-book-list .views-row .picto-nouveaute{ display:block; float:left; margin:0 0 0 0; /*position:absolute; top:0;*/ z-index:12; } .picto-nouveaute::before{ display:block; float:left; content:"Nouveauté"; padding:10px; color:#fff; font-size:1.2rem; text-transform:uppercase; background:#ad002d; font-weight:600; } .view-book-list .views-row .picto-a-paraitre{ display:block; float:left; margin:0 0 0 0; /*position:absolute; top:0;*/ z-index:12; } .picto-a-paraitre::before{ display:block; float:left; content:"à paraitre"; padding:10px; color:#fff; font-size:1.2rem; text-transform:uppercase; background:#ad002d; font-weight:600; } .global .view-book-list .views-row .form-type-item + .field-name-hw-livre-couverture{ margin-top:0; } .global .view-book-list .views-row .field-name-hw-livre-couverture{ margin-top:30px; } /*hover links custom*/ .view-content .node-hw-livre{ position:relative; } .view-content .node-hw-livre .field-type-image { display:block; float:left; width:100%; min-height:130px; overflow:hidden; position:relative; box-shadow:0 3px 5px -1px #aaa; } .view-content .node-hw-livre .field-type-image img{ display:block; float:left; width:100%; height:auto; } .view-content .node-hw-livre:hover .field-type-image img{ opacity:0.5; } .view-content .node-hw-livre .hover-links{ display:block; visibility:hidden; opacity:0; width:100%; height:50px; position:absolute; top:30px; left:0; text-align:center; line-height:50px; color:#fff; } .view-content .node-hw-livre:hover .hover-links{ visibility:visible; opacity:1; top:32%; } .view-content .node-hw-livre .hover-links a{ display:inline-block; width:50px!important; height:50px!important; margin:0 10px; box-shadow:0 4px 10px -5px #000!important; border-radius:5px; text-align:center!important; line-height:50px; color:#fff; } .view-content .node-hw-livre .hover-links a:hover{ animation:pulse 0.3s; color:#fff!important; } .view-content .node-hw-livre .fiche-link::before{ content:"\f067"; font-family:"fontAwesome"; font-size:2.0rem; } .view-content .node-hw-livre .liseuse-link::before{ content:"\f06e"; font-family:"fontAwesome"; font-size:2.0rem; } .view-content .node-hw-livre .field-name-field-liseuse{ display:none;} .fiche-link, .liseuse-link{ background:#ad002d; } /*filters*/ .view-book-list .view-filters{ display:block; float:left; width:100%; margin:0 0 0 0; padding:0 15px; } .view-book-list .view-filters .views-exposed-widget{ display:block; float:right; min-width:150px; margin:0; padding:0; position:relative; } .view-book-list .view-filters .views-exposed-widget .form-item{ display:block; float:right; width:100%; text-align:right; cursor:pointer; } .view-book-list .view-filters .views-exposed-widget .form-item label{ display:block; float:right; width:100%; text-align:right; cursor:pointer; padding:15px 10px; font-size:1.2rem; font-weight:700; color:#686868; text-transform:uppercase; } .view-book-list .view-filters .views-exposed-widget .form-item label::after{content:'\f078'; font-family:"fontAwesome"; position:relative; top:-2px; margin-left:5px; } .view-book-list .view-filters .views-exposed-widget .form-item:hover label::after, .view-book-list .view-filters .views-exposed-widget .form-item.active label::after{content:'\f077'; } .view-book-list .view-filters .views-exposed-widget .form-item .bef-select-as-links{ display:none; width:100%; text-align:right; position:absolute; top:100%; right:0; background:#eee; border:1px solid #ddd; z-index:12; } .view-book-list .view-filters .views-exposed-widget .form-item.active .bef-select-as-links, .view-book-list .view-filters .views-exposed-widget .form-item:hover .bef-select-as-links, .view-book-list .view-filters .views-exposed-widget .form-item:focus .bef-select-as-links{ display:block; animation-fill-mode:forwards; animation:flipInX 0.3s; } .view-book-list .view-filters .views-exposed-widget .form-item .bef-select-as-links a{ display:block; float:left; width:100%; text-align:right; padding:10px; } .view-book-list .view-filters .views-exposed-widget .form-item .bef-select-as-links a:hover{ background:#686868; color:#fff; } .view-book-list .view-filters .views-exposed-widget .form-item .bef-select-as-links a.active{ font-weight:700; } .view-book-list .view-filters .views-exposed-widget input[type=submit]{ display:none; } .view-book-list-3cols{ } .view-book-list-3cols .views-row{ display:block; float:left; width:33%; padding:0 10px; margin:0 0 30px 0; } .view-book-list-3cols .views-row:nth-child(5n+1){ clear:none; } .view-book-list-3cols .views-row:nth-child(3n+1){ clear:both; } .view-book-list-ranking{ counter-reset:ranking; } .view-book-list-ranking .views-row .node-hw-livre::before{display:block;float:left; z-index:12; /*width:30px;*/ height:30px; margin-right:80%; background:#ad002d;color:#fff;font-size:1.4rem; counter-increment:ranking 1; content:"# "counter(ranking);text-align:center;line-height:30px;font-weight:700;padding:0 5px} .global .view-book-list-ranking .picto-nouveaute, .global .view-book-list-ranking .picto-a-paraitre{ display:none; } #global .view-book-list-ranking .views-row .field-name-hw-livre-couverture{ margin-top:0; } /*** FACETTES ***/ .block-facetapi{ display:block; float:left; width:100%; margin:0; padding:15px 20px; } .block-facetapi h2{ display:block; float:left; width:100%; margin:0 0 10px 0; padding:0; font-size:1.3rem; font-weight:600; text-transform:uppercase; color:#686868; } .block-facetapi .content ul{ display:block; float:left; width:100%; margin:0; padding:0; list-style:none; } .block-facetapi .content ul li{ display:block; float:left; width:100%; margin:0; padding:7px 0; list-style:none; font-size:1.4rem; color:#686868; } .block-facetapi .content ul li a{ font-size:1.4rem; color:#686868; } .block-facetapi .content ul li a::before{ content:""; display:block; float:left; width:8px; height:8px; margin:0 10px 0 0; background:#fff; border:4px solid #fff; box-shadow:0 0 1px 1px #dddddd; } .block-facetapi .content ul li a.facetapi-active{ font-size:0; } .block-facetapi .content ul li a.facetapi-active::before{ background:#d90e19; } .block-facetapi .content ul li.expanded > a{ display:none; } /*** VIEW SERIES LIST ***/ .page-bd-series #block-system-main, .page-manga-series #block-system-main, .page-comics-series #block-system-main, .page-jeunesse-series #block-system-main, .page-jeunesse-series #block-system-main, .page-livres-series #block-system-main, .page-series #block-system-main{ overflow:hidden; } .page-comics-series #block-system-main{ overflow:hidden; } .page-manga-series #block-system-main{ overflow:hidden; } .view-serie-list{ display:block; float:left; width:100%; margin:0 0 50px 0; padding-bottom:50px; } .view-serie-list .views-row{ display:block; float:left; width:20%; padding:0 10px; margin:0 0 30px 0; position:relative; animation:fadeInUp 0.3s; } .view-serie-list .views-row:nth-child(5n+1){ clear:both; } .view-serie-list .views-row .views-field{ display:block; float:left; width:100%; margin:0 0 10px 0; } .view-serie-list .views-row .views-field-hw-livre-couverture { display:block; float:left; width:100%; min-height:200px; position:relative; background:#e7e7e7; } .view-serie-list .views-row:hover .views-field-hw-livre-couverture { animation:pulse 0.5s; } .view-serie-list .views-row .views-field-hw-livre-couverture img{ display:block; float:left; width:100%; min-height:150px; box-shadow:0 3px 5px -1px #aaa; } .view-serie-list .views-row .views-field-name{ font-size:1.5rem; font-weight:600; } .view-serie-list .views-row .views-field-hw-intervenants{ font-size:1.4rem; font-weight:400; color:#818181; } .view-serie-list .views-row .views-field-hw-intervenants a{ color:#818181; } .view-serie-list .attachment{ display:block; float:left; width:100%; margin:20px 0; padding:30px 0px; position:relative; background:#f2f2f2; } .view-serie-list .attachment::before{ content:""; display:block; width:200%; height:100%; margin-left:-100px; position:absolute; top:0; bottom:0; left:0; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .view-serie-list .attachment .view-content{ display:block; float:left; width:100%; text-align:center; position:relative; z-index:42; } .view-serie-list .attachment .view-content .views-summary{ display:inline-block; } .view-serie-list .attachment span, .view-serie-list .attachment a{ display:block; margin:0; padding:5px; font-size:1.6rem; font-weight:600; text-transform:uppercase; color:#686868; } .view-serie-list .attachment a:hover{color:#ad002d; } .view-serie-list .attachment span.active, .view-serie-list .attachment a.active{ color:#ad002d; text-decoration:underline;} .view-serie-list .attachment .ajax-progress{ position:absolute; top:-20px; left:49.5%; } .view-serie-list .attachment .ajax-progress::before{ display:inline-block; animation:fa-spin 1s infinite linear; content:"\f021"; font-family:"fontAwesome"; font-size:2.2rem; color:#ad002d; } .view-serie-list .attachment .ajax-progress .throbber{ display:none; } /*** PAGE TAXONOMY > COLLECTION ***/ .page-taxonomy-term #block-system-main{ padding:0; } .vocabulary-hw-collections.view-mode-full{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; } .vocabulary-hw-collections.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .vocabulary-hw-collections.view-mode-full .group-content{ display:block; float:left; width:88%; background:#fff; position:relative; z-index:12; margin:0 6%; padding:40px; } .vocabulary-hw-collections.view-mode-full .field-name-title{ font-size:5.0rem; font-weight:800; color:#191919; } .vocabulary-hw-collections.view-mode-full .taxonomy-term-description{ display:block; float:left; width:100%; margin:0; padding:0; font-size:1.6rem; color:#191919; line-height:1.6; } .vocabulary-hw-collections.view-mode-full .taxonomy-term-description a{ color:#ad002d; font-size:700; text-decoration:underline; } .vocabulary-hw-collections.view-mode-full .field-name-hw-slide-image { position:absolute; top:0; left:0; right:0; z-index:0; } .vocabulary-hw-collections.view-mode-full .field-name-hw-slide-image + .group-content{ margin-top:300px; } .vocabulary-hw-collections.view-mode-full .field-name-hw-slide-image + .group-content .group-illustr{ margin-top:-200px; } /*** PAGE TAXONOMY > SERIE ***/ .page-taxonomy-term #block-system-main{ padding:0; } .vocabulary-hw-serie.view-mode-full{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; } .vocabulary-hw-serie.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .vocabulary-hw-serie.view-mode-full .group-content{ display:block; float:left; width:88%; background:#fff; position:relative; z-index:12; margin:0 6%; padding:40px; } .vocabulary-hw-serie.view-mode-full .field-name-title{ font-size:5.0rem; font-weight:800; color:#191919; } .vocabulary-hw-serie.view-mode-full .taxonomy-term-description{ display:block; float:left; width:100%; margin:0; padding:0; font-size:1.6rem; color:#191919; line-height:1.6; } .vocabulary-hw-serie.view-mode-full .taxonomy-term-description a{ color:#ad002d; font-size:700; text-decoration:underline; } .vocabulary-hw-serie.view-mode-full .field-name-field-image { position:absolute; top:0; left:0; right:0; z-index:0; } .vocabulary-hw-serie.view-mode-full .field-name-field-image + .group-content{ margin-top:300px; } .vocabulary-hw-serie.view-mode-full .field-name-field-image + .group-content .group-illustr{ margin-top:-200px; } /*** PAGE TAXONOMY > MOTS CLEF ***/ .vocabulary-hw-mots-cles.view-mode-full{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; background:#f4f4f4; } .vocabulary-hw-mots-cles.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .vocabulary-hw-mots-cles.view-mode-full .group-content{ display:block; float:left; width:60%; position:relative; z-index:12; margin:0; padding:100px 20px 100px 100px; } .vocabulary-hw-mots-cles.view-mode-full .field-name-title{ font-size:5.0rem; font-weight:800; color:#191919; } .vocabulary-hw-mots-cles.view-mode-full .taxonomy-term-description{ display:block; float:left; width:100%; margin:0; padding:0; font-size:1.6rem; color:#191919; line-height:1.6; } .vocabulary-hw-mots-cles.view-mode-full .taxonomy-term-description a{ color:#ad002d; font-size:700; text-decoration:underline; } .vocabulary-hw-mots-cles.view-mode-full .field-name-field-image { display:block; float:right; width:40%; padding:70px 100px 20px 100px; } .vocabulary-hw-mots-cles.view-mode-full .field-name-field-image img{ display:block; float:right; width:100%; height:auto; } /*** PAGE TAXONOMY > THEME ***/ .vocabulary-hw-themes.view-mode-full{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; background:#e4e6e9; } .vocabulary-hw-themes.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .vocabulary-hw-themes.view-mode-full .group-content{ display:block; float:left; width:60%; position:relative; z-index:12; margin:0; padding:100px 20px 100px 100px; } .vocabulary-hw-themes.view-mode-full .field-name-title{ font-size:5.0rem; font-weight:800; color:#191919; } .vocabulary-hw-themes.view-mode-full .taxonomy-term-description{ display:block; float:left; width:100%; margin:0; padding:0; font-size:1.6rem; color:#191919; line-height:1.6; } .vocabulary-hw-themes.view-mode-full .taxonomy-term-description a{ color:#ad002d; font-size:700; text-decoration:underline; } .vocabulary-hw-themes.view-mode-full .field-name-field-image { display:block; float:right; width:40%; padding:70px 100px 20px 100px; } .vocabulary-hw-themes.view-mode-full .field-name-field-image img{ display:block; float:right; width:100%; height:auto; background:#fff; border-radius:50%; } /*custom univers colors*/ .univers-bd .vocabulary-hw-themes.view-mode-full{ background:#ffaaa4; } .univers-comics .vocabulary-hw-themes.view-mode-full{ background:#b7afcd; } .univers-mangas .vocabulary-hw-themes.view-mode-full{ background:#f8be94; } .univers-jeunesse .vocabulary-hw-themes.view-mode-full{ background:#9de1b1; } .univers-livres .vocabulary-hw-themes.view-mode-full{ background:#aed4da; } /*** PAGE TAXONOMY > TRANCHE D AGE ***/ .vocabulary-tranche-age.view-mode-full{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; background:#e4e6e9; } .vocabulary-tranche-age.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .vocabulary-tranche-age.view-mode-full .group-content{ display:block; float:left; width:60%; position:relative; z-index:12; margin:0; padding:100px 20px 100px 100px; } .vocabulary-tranche-age.view-mode-full .field-name-title{ font-size:5.0rem; font-weight:800; color:#191919; } .vocabulary-tranche-age.view-mode-full .taxonomy-term-description{ display:block; float:left; width:100%; margin:0; padding:0; font-size:1.6rem; color:#191919; line-height:1.6; } .vocabulary-tranche-age.view-mode-full .taxonomy-term-description a{ color:#ad002d; font-size:700; text-decoration:underline; } .vocabulary-tranche-age.view-mode-full .field-name-field-image { display:block; float:right; width:40%; padding:70px 100px 20px 100px; } .vocabulary-tranche-age.view-mode-full .field-name-field-image img{ display:block; float:right; width:100%; height:auto; background:#fff; border-radius:50%; } /*** PAGE TAXONOMY > GEOLOCALIATION ***/ .vocabulary-hw-geoloc.view-mode-full{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; background:#e4e6e9; } .vocabulary-hw-geoloc.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .vocabulary-hw-geoloc.view-mode-full .group-content{ display:block; float:left; width:100%; position:relative; z-index:12; margin:0; padding:100px 20px 100px 20px; } .vocabulary-hw-geoloc.view-mode-full .field-name-title{ font-size:5.0rem; font-weight:800; color:#191919; text-align:center; } .vocabulary-hw-geoloc.view-mode-full .taxonomy-term-description{ display:block; float:left; width:100%; margin:0; padding:0; font-size:1.6rem; color:#191919; line-height:1.6; } .vocabulary-hw-geoloc.view-mode-full .taxonomy-term-description a{ color:#ad002d; font-size:700; text-decoration:underline; } .vocabulary-hw-geoloc.view-mode-full .field-name-field-image { display:block; float:right; width:40%; padding:70px 100px 20px 100px; } .vocabulary-hw-geoloc.view-mode-full .field-name-field-image img{ display:block; float:right; width:100%; height:auto; background:#fff; border-radius:50%; } /*** PAGE A PARAITRE / NOUVEAUTES ***/ .view-header-univers{ display:block; float:left; width:100%; position:relative; margin:0 0 0 0; padding:0; } .view-header-univers #page-title{ display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; padding:0; font-size:5.0rem; color:#191919; font-weight:700; } .view-header-univers .view-content{ display:block; float:left; width:100%; margin:0 0 30px 0; font-size:1.6rem; line-height:1.6; color:#191919; font-weight:400; } /*** BLOCK LIVRES LIés ***/ .block.block-books-related{ display:block; float:left; width:100%; margin:0 0 50px 0; border-top:1px solid #e3e3e3; padding-top:50px; border-bottom:none; padding-bottom:0; } .block.block-books-related .view .more-link{ top:50px; } .block-books-related .views-row{ display:block; float:left; width:100%; } .block-books-related.view-hw-wishlist{padding:50px 100px; } .block-books-related.view-hw-wishlist .views-row{ width:50%; margin:0 0 50px 0; } .block-books-related .node-hw-livre{ display:block; float:left; width:100%; } .block-books-related .view-books-related-recherche-display{ display:block; float:left; width:100%!important; margin:0; } .block-books-related .view-books-related-recherche-display .slick-track{ display:block; float:left; width:100%!important; margin:0; padding:0; } .block-books-related .view-books-related-recherche-display .slick__slider{ margin:0; padding:0; } .block-books-related .view-books-related-recherche-display .slick__slide{ display:block; float:left; width:50%!important; margin:0; padding:0; } .block-books-related .view-books-related-recherche-display .unslick .node-hw-livre{ display:block; float:left; width:50%!important; margin:0; padding:0; } .block-books-related .node-hw-livre.view-mode-recherche{ display:block; float:left; width:100%; margin:0;padding:0; } .block-books-related .node-hw-livre.view-mode-recherche .group_illustr{ display:block; float:left; width:40%; padding:0 30px 0 0; } .block-books-related .node-hw-livre.view-mode-recherche .group_infos{ display:block; float:left; width:60%; padding:0 30px 0 0; text-align:left; } .block-books-related .node-hw-livre.view-mode-recherche .field{ display:block; float:left; width:100%; margin:0 0 10px 0; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-livre-couverture{ height:auto; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-livre-couverture img{ width:100%; box-shadow:0 5px 15px -11px #000; position:static; } .block-books-related .node-hw-livre.view-mode-recherche:hover .field-name-hw-livre-couverture img{ transform:none; opacity:1; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-title a{ font-size:1.6rem; font-weight:600; color:#191919; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-intervenants a{ font-size:1.4rem; font-weight:400; color:#686868; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-intervenants .field{ margin:0; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-livre-date-parution{ font-size:1.2rem; font-weight:600; color:#686868; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link{ display:block; float:left; margin:30px 0 0 0; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link a{display:block; float:left; width:60%; margin:0 0 15px 0; padding:20px; border-radius:5px; text-align:center; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; background:#ad002d; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link a:hover, .block-books-related .node-hw-livre.view-mode-recherche a#hw-lien-liseuse:hover{ animation:pulse 0.4s; box-shadow:0 3px 10px -5px #000; } .block-books-related .node-hw-livre.view-mode-recherche a#hw-lien-liseuse{display:block; float:left; width:60%; margin:0 0 15px 0; padding:20px; border:1px solid #191919; border-radius:5px; text-align:center; font-size:1.4rem; font-weight:600; color:#191919; text-transform:uppercase; background:#fff; } .block-books-related .node-hw-livre.view-mode-recherche .hover-links{ width:35%; z-index:12; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-field-liseuse{ display:none; } .block-books-related .node-hw-livre.view-mode-recherche .form-item, .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-livre-picto-nouveaute, .block-books-related .node-hw-livre.view-mode-recherche .field-name-hw-livre-picto-a-paraitre{ margin:0; } /*** BLOCK AUTEURS LIéS ***/ .block-authors-related{ border-top:1px solid #e3e3e3; padding-top:50px; } .block-authors-related .view-intervenants, .block-authors-related .view-intervenants .view-content, .block-authors-related .view-intervenants .views-row{ display:block; float:left; width:100%; } .block-authors-related .view-intervenants .node-hw-intervenant.view-mode-recherche{ display:block; float:left; width:100%; margin:0 0 50px 0; } .block-authors-related .view-authors-related-listing{ display:block; float:left; width:100%; margin:0 0 50px 0; padding:50px 30px 50px 17%; border:1px solid #cbd1db; position:relative; } .block-authors-related .view-authors-related-listing .views-row{ display:block; float:left; width:25%; margin:0; } .block-authors-related .view-authors-related-listing .views-row a{ font-size:1.3rem; } .block-authors-related .view-authors-related-listing .views-row a:hover{ text-decoration:underline; } .block-authors-related .view-authors-related-listing::before{ content:"Auteurs"; position:absolute; left:20px; top:50px; font-weight:300; color:#686868; } #block-views-intervenants-block-1.block-authors-related .view-authors-related-listing::before{ content:"A travaillé avec"; } #block-views-intervenants-block-1.block-authors-related h2{ display:none; } /*** BLOCK VIDEOS LIST (a la une) ***/ .block-video-list{ display:block; float:left; width:100%; position:relative; border-bottom:1px solid #e3e3e3; padding-bottom:50px; } .block-video-list .view{ } .block-video-list .views-row{ display:block; float:left; width:100%; margin:0 0 40px 0; padding:0; } .block-video-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-video-list .views-row .field-name-field-vid-os { margin:0 0 25px 0; } .block-video-list .views-row .field-name-field-vid-os iframe{ display:block; float:left; width:100%; height:auto; height:200px; } .block-video-list .views-row .field-name-title-field{ margin:0; } .block-video-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .block-video-list .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .block-video-list .more-link{ display:block; position:absolute; top:10px; right:100px; text-align:right; } /*home version*/ .block-video-list-home{ display:block; float:left; width:45%; padding:0 50px 0 100px; border:none; } /*univers version*/ .block-video-list-univers{} .block-video-list-univers .views-row{ display:block; float:left; width:50%; margin:0 0 20px 0; } .block-video-list-univers .views-row .field{ width:40%; } .block-video-list-univers .views-row .field-name-field-vid-os{ width:55%; margin-right:5%; } .block-video-list-univers .views-row .field-name-field-vid-os iframe{ height:180px; } .block-video-list-univers .views-row.views-row-first{ padding-right:40px; } .block-video-list-univers .views-row.views-row-first .field{ width:100%; } .block-video-list-univers .views-row.views-row-first .field-name-field-vid-os { width:100%; margin-right:0; height:400px; } .block-video-list-univers .views-row.views-row-first .field-name-field-vid-os iframe{ height:400px; } /*** VIEW VIDEOS LIST ***/ .view-videos-list{ display:block; float:left; width:100%; margin:0 0 50px 0; padding-bottom:50px; } .view-videos-list .views-row{ display:block; float:left; width:33%; padding:0 20px 0 0; margin:0 0 50px 0; } .view-videos-list .views-row:nth-child(3n+1){ clear:both; } .view-videos-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .view-videos-list .views-row .field-name-field-vid-os { margin:0 0 25px 0; } .view-videos-list .views-row .field-name-field-vid-os iframe{ display:block; float:left; width:100%; height:auto; height:200px; } .view-videos-list .views-row .field-name-title-field{ margin:0; } .view-videos-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .view-videos-list .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .view-videos-list .view-header{ display:block; float:left; width:100%; margin:30px 0 50px 0;} .view-videos-list .view-header .views-row{ width:100%; padding:0; margin:0; font-size:1.6rem; color:#191919; } .view-videos-list .view-header .views-row .title{ display:block; float:left; width:100%; margin:20px 0; padding:0; font-size:5.0rem; font-weight:800; color:#191919; } /*** BLOCK NEWS LIST ***/ .block-news-list{ display:block; float:left; width:100%; position:relative; border-bottom:1px solid #e3e3e3; padding-bottom:50px; } .block-news-list .view .view-content{ display:block; float:left; width:100%; } .block-news-list .views-row{ display:block; float:left; width:32%; margin:0 2% 40px 0; padding:0 0 0 0; } .block-news-list .views-row:nth-child(3n){ margin-right:0 ; } .block-news-list .views-row:nth-child(3n+1){ clear:both; } .block-news-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-news-list .views-row .field-name-field-image{ margin:0 0 25px 0; } .block-news-list .views-row .field-name-field-image img{ display:block; float:left; width:100%; } .block-news-list .views-row .field-name-title-field { margin:0; } .block-news-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .block-news-list .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .block-news-list .views-row:hover .field-type-image img{ box-shadow:0 5px 10px -5px #111; transform:scale(1.07);} .block-news-list .more-link{ display:block; position:absolute; top:0px; right:100px; text-align:right; } /*home version*/ .block-news-list.block-news-list-home{ display:block; float:left; width:55%; padding:75px 100px 0 50px; border:none; } .block-news-list.block-news-list-home .views-row{ width:50%; padding:0 21px 0 0; margin-right:0 ; clear:none; } .block-news-list.block-news-list-home .views-row:nth-child(2n){ padding:0 0 0 21px; } .block-news-list.block-news-list-home .views-row:nth-child(2n+1){ clear:both; } /*tier version*/ .block-news-list.block-news-list-tier{ display:block; float:left; width:55%; padding:0px 100px 0 50px; border:none; } .node-type-hw-intervenant .block-news-list.block-news-list-tier{ margin-top:50px; padding:0 50px 0 100px; border:none; } .block-news-list.block-news-list-tier .views-row{ width:100%; padding:0 0 0 0; margin-right:0 ; clear:none; } .block-news-list.block-news-list-tier .views-row:nth-child(2n){ padding:0; } .block-news-list.block-news-list-tier .views-row:nth-child(2n+1){ clear:both; } .block-news-list.block-news-list-tier .more-link{ width:auto; right:50px; text-align:right; } /*** VIEW NEWS LIST ***/ .view-news-list{ display:block; float:left; width:100%; margin:0 0 50px 0; padding-bottom:50px; } .view-news-list .views-row{ display:block; float:left; width:33.33333333%; padding:0 10px; margin:0 0 30px 0; } .view-news-list .views-row:nth-child(3n+1){ clear:both; } .view-news-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 10px 0; } .view-news-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .view-news-list .views-row .field-name-field-image img{ display:block; float:left; width:100%; } .view-news-list .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .view-news-list .views-row:hover .field-type-image img{ box-shadow:0 5px 10px -5px #111; transform:scale(1.07);} .view-news-list .view-header{ display:block; float:left; width:100%; margin:30px 0 30px 0;} .view-news-list .view-header .views-row{ width:100%; padding:0; margin:0; font-size:1.6rem; color:#191919; } .view-news-list .view-header .views-row .title{ display:block; float:left; width:100%; margin:20px 0; padding:0; font-size:5.0rem; font-weight:800; color:#191919; } /*** VIEW NEWS LIST > filter like menu ***/ .page-actualites #block-system-main{ overflow:hidden; } .page-agenda #block-system-main{ overflow:hidden; } .page-videos #block-system-main{ overflow:hidden; } .page-selections #block-system-main{ overflow:hidden; } .page-jeux-concours #block-system-main{ overflow:hidden; } .block-menu.block-menu-filter{ display:block; float:left; width:100%; margin:50px 0 0 0; padding:15px 15px; background:#f2f2f2; position:relative; } .block-menu.block-menu-filter::before{ content:""; display:block; width:200%; height:100%; margin-left:-100px; position:absolute; top:0; bottom:0; left:0; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .block-menu.block-menu-filter h2{ display:block; float:right; width:100%; max-width:200px; text-align:right; cursor:pointer; margin:0; padding:15px 10px; font-size:1.2rem; font-weight:700; color:#686868; text-transform:uppercase; position:relative;} .block-menu.block-menu-filter h2::after{content:'\f078'; font-family:"fontAwesome"; position:relative; top:-2px; margin-left:5px; } .block-menu.block-menu-filter.active h2::after{ content:'\f077'; } .block-menu.block-menu-filter .menu{ display:none; width:100%; min-width:180px;max-width:250px; text-align:right; position:absolute; top:75%; right:15px; background:#eee; border:1px solid #ddd; z-index:12; } .block-menu.block-menu-filter.active .menu{ display:block; animation-fill-mode:forwards; animation:fadeIn 0.3s; } .block-menu.block-menu-filter .menu li{ display:block; float:left; width:100%; margin:0; padding:0; } .block-menu.block-menu-filter .menu a{ display:block; float:left; width:100%; text-align:right; padding:10px; } .block-menu.block-menu-filter .menu a:hover{ background:#686868; color:#fff; } .block-menu.block-menu-filter .menu a.active{ font-weight:700; } .block-ressources-telecharger{ overflow:hidden; } .block-facetapi.block-menu-filter{ display:block; float:left; width:100%; margin:20px 0 20px 0; padding:15px 15px; background:#f2f2f2; position:relative; } .block-facetapi.block-menu-filter::before{ content:""; display:block; width:200%; height:100%; margin-left:-100px; position:absolute; top:0; bottom:0; left:0; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .block-facetapi.block-menu-filter .item-list::before{ content:''; display:none;} .block-facetapi.block-menu-filter .item-list{ display:block; float:left; width:100%; position:relative; } /* .block-facetapi.block-menu-filter h2::after{content:'\f078'; font-family:"fontAwesome"; position:relative; top:-2px; margin-left:5px; } */ /* .block-facetapi.block-menu-filter.active h2::after{ content:'\f077'; } */ .block-facetapi.block-menu-filter .item-list ul{ display:block; float:left; width:100%; min-width:180px; max-width:100%; text-align:left; position:static; top:0; right:15px; background:none; z-index:12; border:none} .block-facetapi.block-menu-filter .active .item-list ul{ display:block; animation-fill-mode:forwards; animation:fadeIn 0.3s; } .block-facetapi.block-menu-filter .item-list ul li{ display:block; float:left; width:auto; margin:0; padding:0; } .block-facetapi.block-menu-filter .item-list ul a{ display:block; float:left; width:100%; text-align:left; padding:10px; } .block-facetapi.block-menu-filter .item-list ul a:hover{ text-decoration:underline; } .block-facetapi.block-menu-filter .item-list ul a.active{ font-weight:700; } /*** BLOCK AGENDA LIST ***/ .block-agenda-list{ display:block; float:left; width:100%; position:relative; border-bottom:1px solid #e3e3e3; padding-bottom:50px; } .block-agenda-list.view-hw-agenda{ padding:50px 100px; } .block-agenda-list .view .view-content{ display:block; float:left; width:100%; } .block-agenda-list .views-row{ display:block; float:left; width:32%; margin:0 2% 40px 0; padding:0 0 0 0; } .block-agenda-list .views-row:nth-child(3n){ margin-right:0 ; } .block-agenda-list .views-row:nth-child(3n+1){ clear:both; } .block-agenda-list .views-row .group-left{ display:block; float:left; width:15%; } .block-agenda-list .views-row .group-right{ display:block; float:right; width:80%; } .block-agenda-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 5px 0; } .block-agenda-list .views-row .field-name-hw-evenement-date { display:block; float:left; width:100%; padding:10px; border-radius:5px; background:#000; color:#fff; } .block-agenda-list .views-row .field-name-hw-evenement-date .date-display-single{ display:block; float:left; width:100%; font-size:1.8rem; font-weight:400; color:#fff; text-align:center; } .block-agenda-list .views-row .field-name-hw-evenement-date .date-display-single p{ font-size:1.2rem; font-weight:600; margin:0; text-transform:uppercase; } .block-agenda-list .views-row .field-name-field-type-evenement { font-size:1.2rem; text-transform:uppercase; font-weight:600; color:#686868; } .block-agenda-list .views-row .field-name-field-lieu-evenement { font-size:1.2rem; color:#686868; } .block-agenda-list .views-row .field-name-title-field { margin:0; } .block-agenda-list .views-row .field-name-title-field a{ font-size:1.6rem; font-weight:600; color:#191919; line-height:1.2; } .block-agenda-list .views-row .field-name-post-date, .block-agenda-list .views-row .field-name-field-date-en-texte{ font-size:1.2rem; font-weight:400; color:#686868; } .block-agenda-list .views-row:hover .field-type-image img{ box-shadow:0 5px 10px -5px #111; transform:scale(1.07);} .block-agenda-list .more-link{ display:block; position:absolute; top:10px; right:100px; text-align:right; } /*tier version*/ .block-agenda-list.block-agenda-list-tier{ display:block; float:left; width:42%; padding:0 50px 0 100px; border:none; } .node-type-hw-livre .block-agenda-list.block-agenda-list-tier{ } .node-type-hw-intervenant .block-agenda-list.block-agenda-list-tier{ margin-top:50px; padding:0 100px 0 50px; border:none; } .block-agenda-list.block-agenda-list-tier .views-row{ width:100%; padding:0 21px 0 0; margin-right:0 ; clear:none; } .block-agenda-list.block-agenda-list-tier .views-row:nth-child(2n){ padding:0 0 0 0; } .block-agenda-list.block-agenda-list-tier .views-row:nth-child(2n+1){ clear:both; } .block-agenda-list.block-agenda-list-tier .more-link{ display:block; position:absolute; top:0px; right:0px; text-align:right; } /*** VIEW AGENDA LIST ***/ .view-agenda-list{ display:block; float:left; width:100%; margin:0 0 50px 0; padding-bottom:50px; } .view-agenda-list .views-row{ display:block; float:left; width:50%; padding:0 20px 0 0; margin:0 0 30px 0; } .view-agenda-list .views-row:nth-child(2n+1){ clear:both; } .view-agenda-list .views-row .group-left{ display:block; float:left; width:35%; } .view-agenda-list .views-row .group-right{ display:block; float:right; width:60%; } .view-agenda-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 5px 0; } .view-agenda-list .views-row .field-name-hw-evenement-date { display:block; float:left; width:20%; padding:10px; border-radius:5px; background:#000; color:#fff; } .view-agenda-list .views-row .field-name-hw-evenement-date .date-display-single{ display:block; float:left; width:100%; font-size:1.8rem; font-weight:400; color:#fff; text-align:center; } .view-agenda-list .views-row .field-name-hw-evenement-date .date-display-single p{ font-size:1.2rem; font-weight:600; margin:0; text-transform:uppercase; } .view-agenda-list .views-row .field-name-field-type-evenement { display:block; float:right; width:75%; width:font-size:1.2rem; text-transform:uppercase; font-weight:600; color:#686868; } .view-agenda-list .views-row .field-name-field-lieu-evenement { display:block; float:right; width:75% ; font-size:1.2rem; color:#686868; } .view-agenda-list .views-row .field-name-field-date-en-texte { display:block; float:right; width:75%; font-size:1.2rem; color:#686868; } .view-agenda-list .views-row .field-name-title-field { clear:both; margin:0; } .view-agenda-list .views-row .field-name-title-field a{ font-size:1.6rem; font-weight:600; color:#191919; line-height:1.5; } .view-agenda-list .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .view-agenda-list .views-row:hover .field-type-image img{ box-shadow:0 5px 10px -5px #111; transform:scale(1.07);} .view-agenda-list-header, .view-agenda-list .view-header{ display:block; float:left; width:100%; margin:30px 0 50px 0;} .view-agenda-list-header .views-row, .view-agenda-list .view-header .views-row{ width:100%; padding:0; margin:0; font-size:1.6rem; color:#191919; } .view-agenda-list-header .views-row .title, .view-agenda-list .view-header .views-row .title{ display:block; float:left; width:100%; margin:20px 0; padding:0; font-size:5.0rem; font-weight:800; color:#191919; } /*** PAGE AGENDA ***/ .page-agenda #sidebar{ padding:0 7%; width:100%; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .page-agenda #sidebar .region{ margin:0; border:none; text-align:right; padding:7px 0; } .page-agenda #sidebar .region::before{ content:"Filtrer par : "; display:block; float:left; padding:30px 0; text-align:left; font-size:1.2rem; font-weight:700; color:#686868; text-transform:uppercase;} .page-agenda #sidebar .region > .block{ display:inline-block; float:none; } .page-agenda #sidebar + #content-bottom-blue{ width:100%; } .page-agenda .block-menu.block-menu-filter{ width:auto; margin:0; } .page-agenda .block-menu.block-menu-filter::before{ display:none; } .page-agenda .block-menu.block-menu-filter a{ text-align:left; } .page-agenda .block-facetapi{ width:auto; margin:0 0 0 0; position:relative; } .page-agenda .block-facetapi h2{ display:block; float:right; width:100%; text-align:left; cursor:pointer; margin:0; padding:15px 10px 15px 0; font-size:1.2rem; font-weight:700; color:#686868; text-transform:uppercase; position:relative;} .page-agenda .block-facetapi h2::after{content:'\f078'; font-family:"fontAwesome"; position:relative; top:-2px; margin-left:5px; } .page-agenda .block-facetapi.active h2::after{ content:'\f077'; } .page-agenda .block-facetapi .content{ display:none; width:100%; min-width:200px; text-align:right; position:absolute; top:85%; left:0; background:#eee; border:1px solid #ddd; z-index:12; } .page-agenda .block-facetapi.active .content{ display:block; animation-fill-mode:forwards; animation:fadeIn 0.3s; } .page-agenda .block-facetapi .content li{ display:block; float:left; width:100%; margin:0; padding:0; text-align:left; padding:10px; } .page-agenda .block-facetapi .content a{ display:block; float:left; width:100%; text-align:left; } .page-agenda .block-facetapi .content a.facetapi-active{ width:auto; } .page-agenda .block-facetapi .content a:hover{ background:transparent; color:#191919; } .page-agenda .block-facetapi .content a.active{ font-weight:700; } .block-facetapi .content ul li a.facetapi-active::before{ background:#d90e19; } /*** BLOCK DOSSIERS / SELECTION LIST ***/ .block-dossier-list{ display:block; float:left; width:100%; position:relative; } .block-dossier-list .view{ } .block-dossier-list .views-row{ display:block; float:left; width:50%; margin:0 0 20px 0; } .block-dossier-list .views-row .field{ display:block; float:left; width:40%; margin:0 0 20px 0; } .block-dossier-list .views-row .field-type-image { width:55%; margin-right:5%; } .block-dossier-list .views-row:hover .field-type-image img{ box-shadow:0 5px 10px -5px #111; transform:scale(1.07);} .block-dossier-list .views-row .field-name-title-field{ } .block-dossier-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .block-dossier-list .views-row .field-name-body{ font-size:1.4rem; font-weight:400; color:#686868; } .block-dossier-list .more-link{ display:block; position:absolute; top:10px; right:100px; text-align:right; } /*univers version*/ .block-dossier-list-univers .views-row.views-row-first{ padding-right:40px; } .block-dossier-list-univers .views-row.views-row-first .field{ width:100%; } .block-dossier-list-univers .views-row.views-row-first .field-type-image { width:100%; margin-right:0; } /*** VIEW VIDEOS LIST ***/ .view-selection-list{ display:block; float:left; width:100%; margin:0 0 50px 0; padding-bottom:50px; } .view-selection-list .views-row{ display:block; float:left; width:33%; padding:0 20px 0 0; margin:0 0 50px 0; } .view-selection-list .views-row:nth-child(3n+2){ clear:both; } .view-selection-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .view-selection-list .views-row img{ border-radius:5px; } .view-selection-list .views-row:hover .field-type-image img{ box-shadow:0 5px 10px -5px #111; transform:scale(1.07);} .view-selection-list .views-row .field-name-body{ font-size:1.4rem; font-weight:400; color:#818181; line-height:1.5; } .view-selection-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .view-selection-list .views-row-first{width:100%; } .view-selection-list .views-row-first .field{width:50%; } .view-selection-list .views-row-first .field-name-field-image{ width:50%; padding:0 10px 0 0; } .view-selection-list .view-header{ display:block; float:left; width:100%; margin:30px 0 50px 0;} .view-selection-list .view-header .views-row{ width:100%; padding:0; margin:0; font-size:1.6rem; color:#191919; } .view-selection-list .view-header .views-row .title{ display:block; float:left; width:100%; margin:20px 0; padding:0; font-size:5.0rem; font-weight:800; color:#191919; } /*** BLOCK MENU DECOUVRIR AUSSI ***/ .block-menu-decouvriraussi{ border-bottom:1px solid #e3e3e3; padding-bottom:50px; } .block-menu-decouvriraussi ul.menu{ } .block-menu-decouvriraussi ul.menu li{ display:block; float:left; width:31%; margin:0 3.5% 0 0; } .block-menu-decouvriraussi ul.menu li:nth-child(3n){ display:block; float:left; width:31%; margin:0 0 0 0; } .block-menu-decouvriraussi ul.menu li a{ display:block; float:left; width:300px; height:300px; border-radius:5px; background:#323d54; position:relative; overflow:hidden; font-size:4.0rem; font-family:"Playfair Display"; font-weight:400; font-style:italic; color:#fff; padding:90px 100px 100px 40px; } .block-menu-decouvriraussi ul.menu li a::after{ content:""; display:block; width:50px; height:15px; position:absolute; bottom:50px; left:30px; content:"\e917"; font-family:"icomoon"; font-size:2.6rem; font-weight:400; font-style:normal; color:white; transition:all 1s ease; } .block-menu-decouvriraussi ul.menu li a::before{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.2; transition:all 3s ease; background:transparent no-repeat center left; background-size:cover; z-index:0;} .block-menu-decouvriraussi ul.menu li a.link-galerieglenat::before{ background-image:url(../img/illustr-menu-galerieglenat.jpg); } .block-menu-decouvriraussi ul.menu li a.link-fondglenat::before{ background-image:url(../img/illustr-menu-fondglenat.jpg); } .block-menu-decouvriraussi ul.menu li a.link-noslibrairies::before{ background-image:url(../img/illustr-menu-noslibrairies.jpg); } .block-menu-decouvriraussi ul.menu li a:hover{ font-size:5rem; padding-left:90px; } .block-menu-decouvriraussi ul.menu li a:hover::after{ bottom:50%; } .block-menu-decouvriraussi ul.menu li a:hover::before{ opacity:0.8; width:200%; height:200%; left:-50%; top:-50%; } /*** BLOCK NUMBERS (customblock) ***/ .block-home-numbers{ border-top:1px solid #e3e3e3; padding-top:50px; } .block-home-numbers .glenatnumbers_list{ display:block; float:left; width:100%; } .block-home-numbers .glenatnumbers_list_item{ opacity:0; display:block; float:left; width:25%; padding:0 20px; text-align:center; } .block-home-numbers .incremented .glenatnumbers_list_item{ opacity:1; animation:fadeIn 1.5s; } .block-home-numbers .glenatnumbers_list_item .illustr{ display:block; float:left; width:100%; margin:20px 0; } .block-home-numbers .glenatnumbers_list_item .illustr img{ display:inline-block; max-width:100%; } .block-home-numbers .glenatnumbers_list_item .number{ display:block; float:left; width:100%; margin:0 0 20px 0; font-size:5.0rem; font-weight:200; color:#fff; transition:color 5s ease; } .block-home-numbers .incremented .glenatnumbers_list_item .number{ color:#191919; } .block-home-numbers .glenatnumbers_list_item .text{ display:block; float:left; width:100%; margin:0 0 20px 0; font-size:1.8rem; font-weight:800; color:#000; } .page-node-97299 .block-home-numbers{ border:none; padding-top:0px;} .page-node-97299 .block-home-numbers h2{ display:none; } /*** BLOCK HISTORY ***/ .block-history{ border-bottom:1px solid #e3e3e3; padding-bottom:50px; } .block-history h2{ display:none; } .block-history .content{ display:block; float:left; width:100%; padding:30px 0 100px 50%; background:url(../img/illustr-block-history.jpg) no-repeat top left; background-size:45%; } .block-history .content p{ display:block; float:left; width:100%; margin:0 0 30px 0; font-size:1.6rem; line-height:1.6; color:#191919; } .block-history .content p em, .block-history .content p i{ font-size:2.0rem; color:#191919; font-family:"Playfair Display"; font-style:italic; } /*** PAGE UNIVERS ***/ .block-univers-intro{ margin:30px 0;} .block-univers-intro h1{ font-size:6.0rem; color:#191919; font-weight:800; margin:0 0 30px 0;} .block-univers-intro p{ font-size:1.8rem; color:#191919; line-height:1.4; margin:0 0 30px 0;} /*** QUICKTAB BOOK LIST ***/ .block-quicktabs-books{ padding:0; border-top:1px solid #e3e3e3; } .block-quicktabs-books > h2{ padding:20px 110px; } .block-quicktabs-books .quicktabs-tabs{ display:block; float:left; width:100%; margin:0 0 50px 0; display:flex; flex-flow:row nowrap; align-items:stretch; } .block-quicktabs-books .quicktabs-tabs li{ display:block; float:left; width:33.3333333%; flex:1; margin:0; padding:0; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; } .block-quicktabs-books .quicktabs-tabs li:last-child{ border-right:none;} .block-quicktabs-books .quicktabs-tabs li.active{ border-bottom:1px solid #fff;} .block-quicktabs-books .quicktabs-tabs li a{ display:block; float:left; width:100%; padding:35px 0; background:#f2f2f2; text-align:center; font-size:1.6rem; font-weight:600; color:#818181; text-transform:uppercase; position:relative; } .block-quicktabs-books .quicktabs-tabs li a::after{ content:""; display:block; width:0%; height:1px; background:transparent; position:absolute; bottom:0%; left:50%; transition:all 0.5s ease; } .block-quicktabs-books .quicktabs-tabs li.active a::after{ background:#ad002d; width:30%; bottom:0%; left:35%; } .block-quicktabs-books .quicktabs-tabs li.active a{ background:#fff; color:#ad002d; } .block-quicktabs-books .quicktabs_main{ display:block; float:left; width:100%; padding:0; } .block-quicktabs-books .quicktabs_main .quicktabs-tabpage{ float:left; width:100%; animation-duration:0.6s; animation-name:fadeIn; min-height:300px; } .block-quicktabs-books .quicktabs_main .quicktabs-tabpage .view-content{ display:block; float:left; width:100%; margin-bottom:20px; } .block-quicktabs-books .block-slick-books{ margin:0; position:relative; border:none; } .block-quicktabs-books .block-slick-books h2{ margin:0 0 50px 0; padding:0; } .block-quicktabs-books .block-slick-books .slick nav .slick-prev, .block-quicktabs-books .block-slick-books .slick nav .slick-next{ top:35%; } .block-slick-taxo .slick nav .slick-prev, .block-slick-taxo .slick nav .slick-next{ top:20%; } /*** QUICKS TABS COMMENTS ***/ .block-quicktabs-comments{ border-top:1px solid #e3e3e3; padding-top:30px; } .block-quicktabs-comments .quicktabs-tabs{ border-top:1px solid #e3e3e3; } .block-quicktabs-comments > h2{ padding:0 110px; } /*** VIEW COMMENTS FILTERS ***/ .view-commentaires .view-filters{ display:block; float:left; width:100%; margin:0 0 0 0; padding:0 15px; } .view-commentaires .view-filters .views-exposed-widget{ display:block; float:right; min-width:150px; margin:0; padding:0; position:relative; } .view-commentaires .view-filters .views-exposed-widget .form-item{ display:block; float:right; width:100%; text-align:right; cursor:pointer; } .view-commentaires .view-filters .views-exposed-widget .form-item label{ display:block; float:right; width:100%; text-align:right; cursor:pointer; padding:15px 10px; font-size:1.2rem; font-weight:700; color:#686868; text-transform:uppercase; } .view-commentaires .view-filters .views-exposed-widget .form-item label::after{content:'\f078'; font-family:"fontAwesome"; position:relative; top:-2px; margin-left:5px; } .view-commentaires .view-filters .views-exposed-widget .form-item:hover label::after, .view-commentaires .view-filters .views-exposed-widget .form-item.active label::after{content:'\f077'; } .view-commentaires .view-filters .views-exposed-widget .form-item .bef-select-as-links{ display:none; width:100%; text-align:right; position:absolute; top:100%; right:0; background:#eee; border:1px solid #ddd; z-index:12; } .view-commentaires .view-filters .views-exposed-widget .form-item.active .bef-select-as-links, .view-commentaires .view-filters .views-exposed-widget .form-item:hover .bef-select-as-links, .view-commentaires .view-filters .views-exposed-widget .form-item:focus .bef-select-as-links{ display:block; animation-fill-mode:forwards; animation:flipInX 0.3s; } .view-commentaires .view-filters .views-exposed-widget .form-item .bef-select-as-links a{ display:block; float:left; width:100%; text-align:right; padding:10px; } .view-commentaires .view-filters .views-exposed-widget .form-item .bef-select-as-links a:hover{ background:#686868; color:#fff; } .view-commentaires .view-filters .views-exposed-widget .form-item .bef-select-as-links a.active{ font-weight:700; } .view-commentaires .view-filters .views-exposed-widget input[type=submit]{ display:none; } /*** CUSTOM UNIVERS COLORS ***/ .univers-bd .block-quicktabs-books .quicktabs-tabs li.active a, .page-node-96045 .block-quicktabs-books .quicktabs-tabs li.active a{ color:#d90e19; } .univers-bd .fiche-link,.univers-bd .liseuse-link, #block-views-livres-rayon-home-block .views-row-1 .fiche-link,#block-views-livres-rayon-home-block .views-row-1 .liseuse-link, #block-views-5-livres-home-block .views-row .fiche-link,#block-views-5-livres-home-block .views-row .liseuse-link, #block-views-livres-rayon-home-block-1 .fiche-link,#block-views-livres-rayon-home-block-1 .liseuse-link, .univers-bd .view-book-list-ranking .views-row .node-hw-livre::before, .univers-bd .block-quicktabs-books .quicktabs-tabs li.active a::after, .page-node-96045 .block-quicktabs-books .quicktabs-tabs li.active a::after{ background:#d90e19; } .univers-comics .block-quicktabs-books .quicktabs-tabs li.active a, .page-node-97306 .block-quicktabs-books .quicktabs-tabs li.active a{ color:#3b4090; } .univers-comics .fiche-link,.univers-comics .liseuse-link, #block-views-livres-rayon-home-block .views-row-2 .fiche-link,#block-views-livres-rayon-home-block .views-row-2 .liseuse-link, #block-views-5-livres-home-block-1 .views-row .fiche-link,#block-views-5-livres-home-block-1 .views-row .liseuse-link, #block-views-livres-rayon-home-block-2 .fiche-link,#block-views-livres-rayon-home-block-2 .liseuse-link, .univers-comics .view-book-list-ranking .views-row .node-hw-livre::before, .univers-comics .block-quicktabs-books .quicktabs-tabs li.active a::after, .page-node-97306 .block-quicktabs-books .quicktabs-tabs li.active a::after{ background:#3b4090; } .univers-mangas .block-quicktabs-books .quicktabs-tabs li.active a, .page-node-97307 .block-quicktabs-books .quicktabs-tabs li.active a{ color:#e16307; } .univers-mangas .fiche-link,.univers-mangas .liseuse-link, #block-views-livres-rayon-home-block .views-row-3 .fiche-link,#block-views-livres-rayon-home-block .views-row-3 .liseuse-link, #block-views-5-livres-home-block-2 .views-row .fiche-link,#block-views-5-livres-home-block-2 .views-row .liseuse-link, #block-views-livres-rayon-home-block-3 .fiche-link,#block-views-livres-rayon-home-block-3 .liseuse-link, .univers-mangas .view-book-list-ranking .views-row .node-hw-livre::before, .univers-mangas .block-quicktabs-books .quicktabs-tabs li.active a::after, .page-node-97307 .block-quicktabs-books .quicktabs-tabs li.active a::after{ background:#e16307; } .univers-jeunesse .block-quicktabs-books .quicktabs-tabs li.active a, .page-node-97308 .block-quicktabs-books .quicktabs-tabs li.active a{ color:#14a577; } .univers-jeunesse .fiche-link,.univers-jeunesse .liseuse-link, #block-views-livres-rayon-home-block .views-row-4 .fiche-link,#block-views-livres-rayon-home-block .views-row-4 .liseuse-link, #block-views-5-livres-home-block-3 .views-row .fiche-link,#block-views-5-livres-home-block-3 .views-row .liseuse-link, #block-views-livres-rayon-home-block-4 .fiche-link,#block-views-livres-rayon-home-block-4 .liseuse-link, .univers-jeunesse .view-book-list-ranking .views-row .node-hw-livre::before, .univers-jeunesse .block-quicktabs-books .quicktabs-tabs li.active a::after, .page-node-97308 .block-quicktabs-books .quicktabs-tabs li.active a::after{ background:#14a577; } .univers-livres .block-quicktabs-books .quicktabs-tabs li.active a, .page-node-97309 .block-quicktabs-books .quicktabs-tabs li.active a{ color:#4f7e87; } .univers-livres .fiche-link,.univers-livres .liseuse-link, #block-views-livres-rayon-home-block .views-row-5 .fiche-link,#block-views-livres-rayon-home-block .views-row-5 .liseuse-link, #block-views-5-livres-home-block-4 .views-row .fiche-link,#block-views-5-livres-home-block-4 .views-row .liseuse-link, #block-views-livres-rayon-home-block-5 .fiche-link,#block-views-livres-rayon-home-block-5 .liseuse-link, .univers-livres .view-book-list-ranking .views-row .node-hw-livre::before, .univers-livres .block-quicktabs-books .quicktabs-tabs li.active a::after, .page-node-97309 .block-quicktabs-books .quicktabs-tabs li.active a::after{ background:#4f7e87; } /*** BLOCK BOOK LIST SLICK ***/ .block-slick-books{ display:block; float:left; width:100%; margin:0 0 20px 0; position:relative; border-bottom:1px solid #e3e3e3; } .block-slick-books h2{ margin:0 0 40px 0; } .block-slick-books .view{ display:block; float:left; width:100%; } .block-slick-books .node-hw-livre{ padding:0 20px; } .block-slick-books .unslick{ display:block; float:left; width:100%; text-align:center; } .block-slick-books .unslick .node-hw-livre{ display:inline-block; float:none; width:20%; } .block-slick-books .node-hw-livre .field-type-image { display:block; float:left; width:100%; margin:0 0 10px 0; position:relative; box-shadow:none; overflow:hidden; background:#e7e7e7; box-shadow:0 3px 5px -1px #aaa;} .block-slick-books .node-hw-livre .field-type-image img{ display:block; float:left; width:100%; height:auto; } .block-slick-books .node-hw-livre:hover .field-type-image img{ opacity:0.5;} /* .block-slick-books .node-hw-livre .field-type-text { display:block; float:left; width:100%; margin:0 0 10px 0;} */ .block-slick-books .node-hw-livre .field-type-text a{ font-size:1.4rem; font-weight:600; color:#191919; line-height:1.5; } .block-slick-books .node-hw-livre:hover .field-type-image img{ } .block-slick-books .view .more-link{ position:absolute; top:10px; right:120px; text-align:right; width:auto; } /* .block-slick-books .view .picto-nouveaute, */ /* .block-slick-books .view .picto-a-paraitre{ position:absolute; top:0; z-index:12; } */ .global .block-slick-books .view .node-hw-livre .form-type-item + .field-name-hw-livre-couverture, .global .block-books-related .view-books-related-recherche-display .unslick .node-hw-livre .field-name-hw-livre-couverture{ margin-top:0; } .global .block-slick-books .view .node-hw-livre .field-name-hw-livre-couverture{ margin-top:30px; } #block-views-livres-block-10 { margin:0 0 50px 0; padding-top:50px; border-top:1px solid #e3e3e3; padding-bottom:30px; border-bottom:1px solid #e3e3e3; } #block-views-livres-block-10:last-child { padding-bottom:0px; border-bottom:none; } /*** BLOCK TAXO LIST SLICK ***/ .block-slick-taxo{ display:block; float:left; width:100%; padding:40px 0 0 0; position:relative; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .block-slick-taxo h2{ padding:0 100px; } .block-slick-taxo .content{ padding:0 100px; } .block-slick-taxo .taxonomy-term{ display:block; float:left; width:100%; padding:0 20px; } .block-slick-taxo .taxonomy-term .field{ display:block; float:left; width:100%; text-align:center; margin:0 0 20px 0; } .block-slick-taxo .taxonomy-term .field-name-field-image{ text-align:center; } .block-slick-taxo .taxonomy-term .field-name-field-image .field-items{ display:table; margin:0 auto; width:130px; height:130px; overflow:hidden; background:#fff; border-radius:50%; text-align:center; } .block-slick-taxo .taxonomy-term .field-name-field-image .field-item{ display:table-cell; float:left; width:100%; height:130px; line-height:180px; vertical-align:middle; text-align:center; } .block-slick-taxo .taxonomy-term .field-name-field-image img{ display:inline-block; float:none; width:130px; max-width:100%; } .block-slick-taxo .taxonomy-term .field-name-title a { display:block; float:left; width:100%; height:35px; font-size:1.6rem; font-weight:600; color:#191919;text-transform: lowercase; } .block-slick-taxo .taxonomy-term .field-name-title a:first-letter { text-transform: uppercase; } .block-slick-taxo .taxonomy-term:hover .field-name-field-image .field-items{ background:#000; } .page-node-96045 .block-slick-taxo .taxonomy-term:hover .field-name-field-image .field-items{ background:#ffb3ae; } .page-node-97306 .block-slick-taxo .taxonomy-term:hover .field-name-field-image .field-items{ background:#b7afcd; } .page-node-97307 .block-slick-taxo .taxonomy-term:hover .field-name-field-image .field-items{ background:#f8be94; } .page-node-97308 .block-slick-taxo .taxonomy-term:hover .field-name-field-image .field-items{ background:#9de1b1; } .page-node-97309 .block-slick-taxo .taxonomy-term:hover .field-name-field-image .field-items{ background:#aed4da; } .block-slick-taxo .taxonomy-term:hover .field-name-field-image img{ filter:saturate(0) brightness(1.5); } .front .block-slick-taxo .taxonomy-term:hover .field-name-field-image img, .page-node-97309 .block-slick-taxo .taxonomy-term:hover .field-name-field-image img{ filter:none; transform:scale(1.3); } .global .block-slick-taxo.slick .slick-dots{ display:none; } .block-slick-2lines.slick .slick-arrow{ top:40%; } /*** BLOCK COLLECTION LIST SLICK***/ .block-slick-collection-list{ position:relative; } .block-slick-collection-list .content{ background:#f00; } .block-slick-collection-list .view{ display:block; float:left; width:100%; } .block-slick-collection-list .slick_slide{ display:block; float:left; width:100%; margin:0 10px; } .block-slick-collection-list .slick__slide{ padding:0 15px 0 0; } .block-slick-collection-list .slick-slide a{ display:block; float:left; width:100%; } .block-slick-collection-list .slick-slide img{ display:block; float:left; width:100%; } .block-slick-collection-list .slick-slide > div{ display:block; float:left; width:100%; clear:both; margin:0 0 15px 0; } .block-slick-collection-list .slick-slide *{ display:block; float:left; width:100%; } .block-slick-collection-list .views-field-field-visuel-serie, .block-slick-collection-list .views-field-field-visuel-collection{ display:block; float:left; width:100%; } .block-slick-collection-list .views-field-field-visuel-serie:hover, .block-slick-collection-list .views-field-field-visuel-collection:hover{ transform:scale(1.05); } .block-slick-collection-list .views-row{ display:block; float:left; width:33%; } .block-slick-collection-list .slick .slick-arrow{ top:42%; } .block-slick-collection-list .more-link{ display:block; position:absolute; top:5px; right:112px; text-align:right; } /*** VIEW COLLECTION LIST ***/ .view-collection-list{} .view-collection-list .content{ background:#f00; } .view-collection-list .views-row{ display:block; float:left; width:33.333%; padding:0 2% 20px 0; } .view-collection-list .views-row:nth-child(3n+1){ clear:both; } .view-collection-list .field, .view-collection-list .field a{ display:block; float:left; width:100%; } .view-collection-list .field a:hover{ animation:pulse 0.5s; } .view-collection-list .field img{ display:block; float:left; width:100%; } /*** BLOCK COLLECTION SPECIAL ***/ .block-collection-special{ display:block; float:left; width:100%; background:#818181; padding:50px 100px; margin-top:-50px; color:#fff; position:relative; overflow:hidden; } .block-collection-special a{ color:#fff; } .block-collection-special .view-collections > .view-content{ display:block; float:left; width:60%; } .block-collection-special .view-collections > .view-content .field-name-field-logo{ display:block; float:left; width:50%; margin:0 0 30px 0; position:relative; z-index:2;} .block-collection-special .view-collections > .view-content .field-name-field-description-courte, .block-collection-special .view-collections > .view-content .taxonomy-term-description, .block-collection-special .view-collections > .view-content .field-name-field-argumentaire-collection{ display:block; float:left; width:50%; clear:both; margin:30px 0 30px 0; position:relative; font-size:1.4rem; line-height:1.4; z-index:2;} .block-collection-special .view-collections > .view-content .field-name-field-description-courte strong{ font-size:1.8rem; font-weight:600; } .block-collection-special .view-collections > .view-content .field-name-field-image{ display:block; float:left; width:50%; position:absolute; bottom:20px; left:35%; z-index:0;} .block-collection-special .view-collections > .view-footer{ display:block; float:left; width:40%; position:relative; padding:0; } .block-collection-special .view-livres-rayon-home .views-row{ display:block; float:left; width:50%; margin-top:70px; padding:0 21px 0 0; position:relative; } .block-collection-special .view-livres-rayon-home .views-row:nth-child(2n){ padding:0 0 0 21px; } .block-collection-special .view-livres-rayon-home .views-row .field-type-image { display:block; float:left; width:100%; /*height:280px;*/ margin:0 0 10px 0; position:relative; z-index:0; box-shadow:none; } /* .block-collection-special .view-livres-rayon-home .views-row .field-type-image img{ display:inline-block; float:none; width:100%; height:auto; max-width:100%; position:absolute; bottom:0; left:0; box-shadow:0 3px 5px -1px #aaa;} */ .block-collection-special .view-livres-rayon-home .views-row .field-type-image img{ display:block; float:left; width:100%; height:auto; max-width:100%; box-shadow:0 3px 5px -1px #aaa;} .block-collection-special .view-livres-rayon-home .views-row .field-type-text { display:block; float:left; width:100%; margin:0 0 10px 0;} .block-collection-special .view-livres-rayon-home .views-row .field-type-text a{ font-size:1.4rem; font-weight:600; } .block-collection-special .view-livres-rayon-home .views-row:hover .field-type-image img{ /*transform:scale(2);*/ } .block-collection-special .view-livres-rayon-home .views-row .field-name-field-liseuse{ display:none; } .block-collection-special .view-livres-rayon-home .more-link{ position:absolute; top:0px; right:0px; text-align:right; width:auto; } .block-collection-special .view-livres-rayon-home .more-link a:after{ background:#fff; } .block-collection-special .view-livres-rayon-home .more-link a:hover{ color:#000; } /*custom styles*/ .block-collection-special-ventouest{ background:#01979c; padding:20px 100px; } .block-collection-special-ventouest .view-collections > .view-content .field-name-field-logo{ margin-top:20px; } .block-collection-special-disney{ background:#7cb4be; padding:20px 100px; } .block-collection-special-disney .view-collections > .view-content .field-name-field-image{ bottom:70px; } .block-collection-special-disney .view-collections > .view-content .field-name-field-logo{ margin-top:20px; } .block-collection-special-fleshbones{ background:#6b96a6; } .block-collection-special-fleshbones .view-collections > .view-content .field-name-field-image{ left:35%; bottom:0px;} .block-collection-special-login{ background:#ef754f; overflow:hidden; } .block-collection-special-login .view-collections > .view-content .field-name-field-image{ left:32%; bottom:-10px; } .block-collection-special-overthepop{ background:#7a799b; overflow:hidden; } .block-collection-special-overthepop .view-collections > .view-content .field-name-field-image{ width:30%; height:120%; left:0px; top:-10%; bottom:0; background:#ffeb00; border-radius:0 50% 50% 0; overflow:hidden; } .block-collection-special-overthepop .view-collections > .view-content .field-name-field-image img{ max-width:none; width:300px; height:auto; position:absolute; bottom:10%; right:50px; } .block-collection-special-overthepop .view-collections > .view-content .field-name-field-description-courte{ position:relative; left:270px; top:-100px; } .block-collection-special-comicsburo{ background:#e04030; overflow:hidden; } .block-collection-special-comicsburo .view-collections > .view-content .field-name-field-logo{ position:absolute; top:30px; left:-140px; z-index:0;} .block-collection-special-comicsburo .view-collections > .view-content .field-name-field-description-courte{ margin-top:180px; } .block-collection-special-comicsburo .view-collections > .view-content .field-name-field-image{ bottom:90px; left:32%; } .block-collection-special-marlenejobert{ background:#323a53; } .block-collection-special-marlenejobert .view-collections > .view-content .field-name-field-image{ left:20%; bottom:0px; top:0; z-index:0; } .block-collection-special-marlenejobert .view-collections > .view-content .field-name-field-image img{ max-width:none; width:700px; height:450px; } .block-collection-special-bandesdessinees{ background:#71afd0; } .block-collection-special-bandesdessinees .view-collections > .view-content .field-name-field-image{ left:38%; bottom:45px; } .block-collection-special-quatrefleuves{ background:#71afd0; } .block-special-quatrefleuves{ padding:50px 115px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; } .block-special-quatrefleuves .content{ display:block; float:left; width:100%; position:relative; } .block-special-quatrefleuves .more-link{ position:absolute; top:0px; right:0; width:auto; } .block-special-quatrefleuves p{ display:block; float:left; clear:both; width:30%; margin:0 0 20px 0; font-size:1.4rem; line-height:1.4; color:#191919; } .block-special-quatrefleuves strong{ font-size:1.8rem; font-weight:600; } .block-special-quatrefleuves .content::after{ content:""; display:block; width:70%; height:400px; position:absolute; top:70px; right:0; z-index:0; background:url(../img/illustr-quatrefleuves.png) no-repeat top left; } /*** MENU POUR QUEL AGE ***/ .block-menu-pourquelage{ background:#f4f4f4; padding:50px 115px; border-bottom:1px solid #e7e7e7; } .block-menu-pourquelage .content li{ display:block; float:left; width:25%; margin:0; } .block-menu-pourquelage .content img{ display:block; float:left; width:100%; margin:0 0 10px 0; } .block-menu-pourquelage .content a{ display:block; float:left; width:100%; position:relative; text-align:center; padding:0 35px; font-size: 2.0rem; font-weight: 600; color: #191919; } .block-menu-pourquelage .content .slide:hover img{ transform:scale(1.1); } /* .block-menu-pourquelage .content li a::before{ content:""; display:inline-block; margin:0 0 0px 0; width:100%; height:200px; background-repeat:no-repeat; */ /* background-size:100%; border-radius:50%; transform:scale(1) rotate(0deg); transition:all 0.4s; } */ /* .block-menu-pourquelage .content li a.link-petiteenfance::before{ background-image:url(../img/illustr-menu-petiteenfance.png); } */ /* .block-menu-pourquelage .content li a.link-des3ans::before{ background-image:url(../img/illustr-menu-des3ans.png); } */ /* .block-menu-pourquelage .content li a.link-des6ans::before{ background-image:url(../img/illustr-menu-des6ans.png); } */ /* .block-menu-pourquelage .content li a.link-pourtous::before{ background-image:url(../img/illustr-menu-pourtous.png); } */ /* .block-menu-pourquelage .content li a:hover::before{ transform:scale(1.5) rotate(365deg); } */ /*** BLOCK CONCOURS LIST ***/ .block-concours-list{ display:block; float:left; width:100%; position:relative; border-bottom:1px solid #e3e3e3; } .block-concours-list .view{ } .block-concours-list .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-concours-list .views-row .group_infos{ display:block; float:left; width:42%; margin:0 5% 20px 0; } .block-concours-list .views-row .group_illustr{ display:block; float:right; width:50%; margin:0 0 20px 0; position:relative; top:-60px; } .block-concours-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-concours-list .views-row .field-type-image { float:right; width:100%; margin-left:5%; border-radius:5px; } .block-concours-list .views-row .field-type-image img{ border-radius:5px; } .block-concours-list .views-row .field-name-title-field{ } .block-concours-list .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .block-concours-list .views-row .field-name-hw-evenement-date{ font-size:1.2rem; font-weight:600; color:#686868; text-transform:uppercase; } .block-concours-list .views-row .field-name-field-type-de-jeu .field-item{ display:block; float:left; padding:5px; border-radius:5px; font-size:1.1rem; font-weight:600; color:#818181; text-transform:uppercase; background:#e4e6e9; } .block-concours-list .views-row .field-name-body{ font-size:1.4rem; font-weight:400; color:#686868; line-height:1.5; } .block-concours-list .views-row .field-name-node-link a{ display:block; float:left; padding:15px 35px; background:#ad002d; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; } .block-concours-list .views-row .field-name-node-link a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} .block-concours-list .more-link{ display:block; position:absolute; top:10px; right:100px; text-align:right; } /*custom colors univers*/ .page-node-96045 .block-concours-list .views-row .field-name-node-link a{ background-color:#d90e19; } .page-node-97306 .block-concours-list .views-row .field-name-node-link a{ background-color:#3b4090; } .page-node-97307 .block-concours-list .views-row .field-name-node-link a{ background-color:#e16307; } .page-node-97308 .block-concours-list .views-row .field-name-node-link a{ background-color:#14a577; } .page-node-97309 .block-concours-list .views-row .field-name-node-link a{ background-color:#4f7e87; } /*** VIEW CONCOURS LIST ***/ .view-concours-list{ display:block; float:left; width:100%; } .view-concours-list .view-header{ display:block; float:left; width:100%; margin:0 0 50px 0; font-size:1.6rem; color:#191919; } .view-concours-list .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; } .view-concours-list .views-row .group_infos{ display:block; float:left; width:42%; margin:0 5% 20px 0; } .view-concours-list .views-row .group_illustr{ display:block; float:right; width:50%; margin:0 0 20px 0; } .view-concours-list .views-row .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .view-concours-list .views-row .field-name-hw-slide-univers a{ margin:0 5px 0 0; } .view-concours-list .views-row .field-type-image { float:right; width:100%; margin-left:5%; border-radius:5px; } .view-concours-list .views-row .field-type-image img{ border-radius:5px; } .view-concours-list .views-row .field-name-title{ } .view-concours-list .views-row .field-name-title a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .view-concours-list .views-row .field-name-field-date-en-texte{ font-size:1.2rem; font-weight:600; color:#818181; text-transform:uppercase; } .view-concours-list .views-row .field-name-hw-evenement-date{ font-size:1.2rem; font-weight:600; color:#818181; text-transform:uppercase; } .view-concours-list .views-row .field-name-field-type-de-jeu .field-item{ display:block; float:left; padding:5px; border-radius:5px; font-size:1.1rem; font-weight:600; color:#818181; text-transform:uppercase; background:#e4e6e9; } .view-concours-list .views-row .field-name-body{ font-size:1.4rem; font-weight:400; color:#686868; line-height:1.5; } .view-concours-list .views-row .field-name-node-link a{ display:block; float:left; padding:15px 35px; background:#ad002d; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; } .view-concours-list .views-row .field-name-node-link a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} .view-concours-list .more-link{ display:block; position:absolute; top:10px; right:100px; text-align:right; } /*** PAGE DETAIL LIVRE ***/ .node-type-hw-livre #block-system-main{ padding:0; } .node-hw-livre.view-mode-full{ display:block; float:left; width:100%; position:relative; padding:0px 0 50px 0;} .node-hw-livre.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-hw-livre.view-mode-full .group-content{ display:block; float:left; width:93%; background:#fff; position:relative; z-index:12; margin:0; padding:20px 20px 20px 110px;} .node-hw-livre.view-mode-full .group-illustr{ display:block; float:left; width:27%; position:relative; z-index:12; } .node-hw-livre.view-mode-full .group-title{ display:block; float:left; width:60%; margin-left:2.5%; position:relative; z-index:12; } .node-hw-livre.view-mode-full .group-body{ display:block; float:left; width:90%; margin:20px 0; position:relative; z-index:12; } .node-hw-livre.view-mode-full .group-infos{ display:block; float:left; width:100%; position:relative; z-index:12; padding:40px; border:1px solid #dddddd; } .node-hw-livre.view-mode-full .group-partage{ display:block; float:right; width:10%; position:absolute; z-index:12; top:40px; right:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-slide { position:absolute; top:0; left:0; right:0; z-index:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-slide + .group-content{ margin-top:300px; } .node-hw-livre.view-mode-full .field-name-hw-livre-slide + .group-content .group-illustr{ margin-top:-200px; } .node-hw-livre.view-mode-full .picto-nouveaute{ display:block; float:left; margin:0 0 0 0; } .node-hw-livre.view-mode-full .picto-nouveaute::before{ display:block; float:left; content:"Nouveauté"; padding:10px; color:#fff; font-size:1.2rem; text-transform:uppercase; font-weight:600; } .node-hw-livre.view-mode-full .picto-a-paraitre{ display:block; float:left; margin:0 0 0 0; } .node-hw-livre.view-mode-full .picto-a-paraitre::before{ display:block; float:left; content:"à paraitre"; padding:10px; color:#fff; font-size:1.2rem; text-transform:uppercase; font-weight:600; } .node-hw-livre.view-mode-full .form-item{ display:block; float:left; margin:0; padding:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-couverture{ } .node-hw-livre.view-mode-full .field-name-hw-livre-couverture img{ display:block; float:left; width:100%; border:1px solid #f2f2f2; } .node-hw-livre.view-mode-full .field-name-title-field{ } .node-hw-livre.view-mode-full .field-name-title-field h1, .node-hw-livre.view-mode-full .field-name-hw-livre-titre-couv h1{ font-size:5.0rem; font-weight:900; color:#191919; line-height:1.3; } .node-hw-livre.view-mode-full .field-name-hw-livre-sous-titre{ font-size:3.5rem; font-weight:400; color:#686868; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie{ } .node-hw-livre.view-mode-full .field-name-hw-livre-serie a{ font-size:1.2rem; font-weight:400; color:#191919; text-decoration:underline; } /* link telecharger couv hd */ .node.view-mode-full .download-couv_hd{ display:block; float:left; width:100%; text-align:center; margin:-50px 0 20px 0; } .node.view-mode-full .download-couv_hd a{ display:inline-block; width:auto; height:auto; padding:10px 20px; line-height:1; font-size:0; text-align:center; background:#fff; border-radius:5px; border:1px solid #333; } .node.view-mode-full .download-couv_hd a::before{ content:"\e906"; font-size:1.8rem; color:#191919; font-family:"icomoon"; margin:0 15px 0 0; } .node.view-mode-full .download-couv_hd a::after{ content:"Télécharger"; font-size:1.8rem; color:#191919; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .node.view-mode-full .download-couv_hd a:hover{ animation:pulse 0.6s; box-shadow:0 5px 10px -5px #000; } .node-hw-livre.view-mode-full .field-name-hw-livre-couv-hd{ display:block; float:left; width:100%; text-align:center; margin:-50px 0 20px 0; } .node-hw-livre.view-mode-full .field-name-hw-livre-couv-hd a{ display:inline-block; width:auto; height:auto; padding:10px 20px; line-height:1; font-size:0; text-align:center; background:#fff; border-radius:5px; border:1px solid #333; } .node-hw-livre.view-mode-full .field-name-hw-livre-couv-hd a::before{ content:"\e906"; font-size:1.8rem; color:#191919; font-family:"icomoon"; margin:0 15px 0 0; } .node-hw-livre.view-mode-full .field-name-hw-livre-couv-hd a::after{ content:"Télécharger"; font-size:1.8rem; color:#191919; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .node-hw-livre.view-mode-full .field-name-hw-livre-couv-hd a:hover{ animation:pulse 0.6s; box-shadow:0 5px 10px -5px #000; } /* EVA contenus complermentaires */ .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-header{ display:block; float:left; width:100%; margin:0 0 10px 0; font-size:1.4rem; font-weight:700; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-content{ display:block; float:left; width:100%; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-content .views-row{ display:block; float:left; width:10%; margin:0 0 10px 0; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-content .views-row a{ display:block; float:left; width:100%; text-align:left; padding:0 5px 0 0; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-content .views-row a img{ border:1px solid #f2f2f2; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-content .views-row a:hover img{ animation:pulse 0.3s; box-shadow:0 2px 10px -5px #000; } .node-hw-livre.view-mode-full .view-hw-contenus-complermentaires .view-content .views-row:nth-child(10n+1){ clear:both; } .node-hw-livre.view-mode-full .field-name-hw-livre-accroche{ font-size:3.5rem; font-weight:900; color:#191919; } .node-hw-livre.view-mode-full .field-name-hw-presentation-editoriale{ font-size:1.6rem; font-weight:400; color:#686868; line-height:2; } .node-hw-livre.view-mode-full .field-name-hw-livre-mots-cles .field-item { display:block; float:left; padding:5px; margin:0 10px 10px 0; border-radius:5px; font-size:1.1rem; font-weight:600; color:#818181; text-transform:uppercase; background:#e4e6e9; } .node-hw-livre.view-mode-full .acheter{ display:block; float:left; margin:0 10px 20px 0; } .node-hw-livre.view-mode-full .btn{ display:block; float:left; margin:0 10px 20px 0; padding:10px 30px; } .node-hw-livre.view-mode-full .field-name-hw-livre-prix{ } .node-hw-livre.view-mode-full #hw-lien-liseuse{ display:block; float:left; margin:0 10px 20px 0; padding:13px 30px; border:1px solid #000; border-radius:5px; font-size:1.4rem; font-weight:600; text-transform:uppercase; transition:0.5s ease 0s;} .node-hw-livre.view-mode-full #hw-lien-liseuse::before{ content:"\f06e"; font-family:"fontAwesome"; font-size:1.6rem; margin:0 10px 0 0; } .node-hw-livre.view-mode-full #hw-lien-liseuse:hover{ animation:pulse 0.6s; box-shadow:0 5px 15px -6px #000; } .node-hw-livre.view-mode-full .field-liseuse-link-anchor{ display:block; float:left; width:auto; margin:0 10px 20px 0; padding:12px 30px 12px 50px; border:1px solid #000; border-radius:5px; position:relative; font-size:1.4rem; font-weight:600; text-transform:uppercase; transition:0.5s ease 0s;} /* .node-hw-livre.view-mode-full .field-liseuse-link-anchor::before{ content:"\f06e"; font-family:"fontAwesome"; font-size:1.6rem; margin:0 10px 0 0; } */ .node-hw-livre.view-mode-full .field-liseuse-link-anchor::before{ display:block; position:absolute; top:7px; left:17px; content:"\e901"; font-family:"icomoon"; font-size:2.2rem; font-weight:400; } .node-hw-livre.view-mode-full .field-liseuse-link-anchor:hover{ animation:pulse 0.6s; box-shadow:0 5px 15px -6px #000; } .node-hw-livre.view-mode-full .group-illustr .field-liseuse-link-anchor{ width:100%; margin:0 0 30px 0; } .node-hw-livre.view-mode-full .group-infos { } .node-hw-livre.view-mode-full .group-infos a:hover{ text-decoration:underline; } .node-hw-livre.view-mode-full .group-infos > div *{ margin:0; padding:0; font-size:1.2rem; font-weight:600; color:#191919; } .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs{ display:block; float:left; width:36%; margin-left:2%; } .node-hw-livre.view-mode-full .group-infos .group-infos-details{ display:block; float:left; width:36%; margin-left:2%; margin-right:2%;} .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs.has-read-more .field-name-hw-interventions .field-item:nth-child(n+5), .node-hw-livre.view-mode-full .group-infos .group-infos-details.has-read-more > div:nth-child(n+5){ display:none; } .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs.has-read-more.active .field-name-hw-interventions .field-item:nth-child(n+5), .node-hw-livre.view-mode-full .group-infos .group-infos-details.has-read-more.active > div:nth-child(n+5){ display:block; animation:fadeInDown 0.4s; } .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs.has-read-more .infos-read-more, .node-hw-livre.view-mode-full .group-infos .group-infos-details.has-read-more .infos-read-more{ display:block; float:left; clear:both; width:auto; position:relative; margin:10px 0; font-size:1.2rem; font-weight:600; font-style:italic; text-decoration:underline; color:#737373; outline:none; } .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs.has-read-more .infos-read-more::after, .node-hw-livre.view-mode-full .group-infos .group-infos-details.has-read-more .infos-read-more::after{ content:"\f107"; font-family:"fontAwesome"; font-size:1.2rem; font-weight:400; position:absolute; right:-15px; } .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs.has-read-more.active .infos-read-more::after, .node-hw-livre.view-mode-full .group-infos .group-infos-details.has-read-more.active .infos-read-more::after{ content:"\f106"; } .node-hw-livre.view-mode-full .group-infos .group-infos-rewards{ display:block; float:left; width:18%; margin-right:2%;} .node-hw-livre.view-mode-full .group-infos .field{ margin:0 0 10px 0; font-weight:400; color:#686868; } .node-hw-livre.view-mode-full .group-infos .field-label{ font-weight:400; color:#686868; display:block; float:left; width:45%; } .node-hw-livre.view-mode-full .field-name-hw-interventions{ } .node-hw-livre.view-mode-full .field-collection-view{ margin:0; padding:0; border:none; } .node-hw-livre.view-mode-full .field-collection-container{ margin:0; border:none; } .node-hw-livre.view-mode-full .field-name-hw-interventions .field{ margin:0; border:none; } .node-hw-livre.view-mode-full .field-name-hw-interventions > .field-items > .field-item{ margin:0 0 10px 0; } .node-hw-livre.view-mode-full .field-name-hw-interventions .field-name-hw-natinterv{ display:block; float:left; width:45%; } .node-hw-livre.view-mode-full .field-name-hw-interventions .field-name-hw-natinterv .field-item{ font-weight:400; color:#686868; } .node-hw-livre.view-mode-full .field-name-hw-interventions .field-name-hw-intervenants{ display:block; float:left; width:45%; color:#686868; } .node-hw-livre.view-mode-full .field-name-hw-livre-date-parution{ } .node-hw-livre.view-mode-full .field-name-hw-livre-collections{ } .node-hw-livre.view-mode-full .field-name-hw-livre-themes{ } .node-hw-livre.view-mode-full .field-name-hw-livre-num-tome{ } .node-hw-livre.view-mode-full .field-name-hw-livre-format{ } .node-hw-livre.view-mode-full .field-name-hw-livre-format .field-label{ float:left; } .node-hw-livre.view-mode-full .field-name-hw-livre-ean{ } .node-hw-livre.view-mode-full .group-infos .group-infos-rewards .field-name-field-logo-perso{ margin-bottom:50px; } .node-hw-livre.view-mode-full .field-name-hw-livre-zone-libre{ margin-top:50px; font-size:1.6rem; font-weight:400; color:#686868; line-height:2; } .node-hw-livre.view-mode-full .field-name-hw-livre-zone-libre ul{ padding:0 0 20px 20px; font-size:1.6rem; line-height:2; color:#191919; } .node-hw-livre.view-mode-full .field-name-hw-livre-zone-libre ul li{ color:#191919; margin:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-zone-libre ul li::before {content: "•"; color:#ad002d; font-size:2.0rem; margin-right:10px; } .node-hw-livre.view-mode-full .field-name-hw-livre-zone-libre blockquote::before{ display:block; height:50px; content:"‘‘"; font-family:"Poppins"; font-size:16.0rem; letter-spacing:0; font-weight:800; color:#d90e19; position:absolute; left:0; top:20px; transform:scale(1,-1); } .node-hw-livre.view-mode-full .field-name-hw-livre-zone-libre blockquote{ position:relative; display:block; float:left; width:100%; margin:20px 0; padding:0 0 0 140px; font-family:"Playfair Display"; font-size:4.0rem; line-height:1.2; color:#191919; font-style:italic; } .node-hw-livre.view-mode-full .field-name-hw-livre-site-article { display:block; float:left; width:auto; margin:0; padding:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-label { display:block; float:left; width:auto; margin:0; padding:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item { display:block; float:left; width:auto; margin:0; padding:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a{ display:block; float:left; padding:14px 20px; margin:0; border-radius:5px; border:none; font-size:0; font-weight:600; color:#191919; text-transform:uppercase; background:#e4e6e9; } .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a::before{ content:"Voir le site de l'article"; font-size:1.4rem } .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a:hover{ background:#ad002d; color:#fff; box-shadow:0 5px 15px -6px #000;} .node-hw-livre.view-mode-full .field-name-field-dossier-de-presse{ width:auto; clear:both; } .node-hw-livre.view-mode-full .field-name-field-dossier-de-presse img{ display:none; } .node-hw-livre.view-mode-full .field-name-field-dossier-de-presse a{ display:block; float:left; width:auto; margin:0 10px 20px 0; padding:12px 30px 12px 50px; border:1px solid #000; border-radius:5px; position:relative; font-size:0rem; font-weight:600; text-transform:uppercase; transition:0.5s ease 0s;} /* .node-hw-livre.view-mode-full .field-liseuse-link-anchor::before{ content:"\f06e"; font-family:"fontAwesome"; font-size:1.6rem; margin:0 10px 0 0; } */ .node-hw-livre.view-mode-full .field-name-field-dossier-de-presse a::before{ display:block; position:absolute; top:7px; left:17px; content:"\e906"; font-family:"icomoon"; font-size:2.2rem; font-weight:400; } .node-hw-livre.view-mode-full .field-name-field-dossier-de-presse a::after{ content:"Télécharger le dossier de presse"; font-size:1.4rem; } .node-hw-livre.view-mode-full .field-name-field-dossier-de-presse a:hover{ animation:pulse 0.6s; box-shadow:0 5px 15px -6px #000; } .node-hw-livre.view-mode-full .field-name-field-communique-presse{ width:auto; } .node-hw-livre.view-mode-full .field-name-field-communique-presse img{ display:none; } .node-hw-livre.view-mode-full .field-name-field-communique-presse a{ display:block; float:left; width:auto; margin:0 10px 20px 0; padding:12px 30px 12px 50px; border:1px solid #000; border-radius:5px; position:relative; font-size:0rem; font-weight:600; text-transform:uppercase; transition:0.5s ease 0s;} /* .node-hw-livre.view-mode-full .field-liseuse-link-anchor::before{ content:"\f06e"; font-family:"fontAwesome"; font-size:1.6rem; margin:0 10px 0 0; } */ .node-hw-livre.view-mode-full .field-name-field-communique-presse a::before{ display:block; position:absolute; top:7px; left:17px; content:"\e906"; font-family:"icomoon"; font-size:2.2rem; font-weight:400; } .node-hw-livre.view-mode-full .field-name-field-communique-presse a::after{ content:"Télécharger le communiqué de presse"; font-size:1.4rem; } .node-hw-livre.view-mode-full .field-name-field-communique-presse a:hover{ animation:pulse 0.6s; box-shadow:0 5px 15px -6px #000; } /*extrait audio*/ .node-hw-livre.view-mode-full .group-extrait-audio{ display:block; float:left; width:100%; margin:30px 0; padding:30px 0; border-top:1px solid #e7e7e7; } .node-hw-livre.view-mode-full .group-extrait-audio h2{ display:block; float:left; width:100%; margin:0 0 30px 0; font-size: 3.5rem; color: #191919; font-weight: 800; text-transform: none; } .node-hw-livre.view-mode-full .group-extrait-audio .views-field-hw-audio-contenu .field-content{ display:none; } .node-hw-livre.view-mode-full .group-extrait-audio .view-hw-contenus-complermentaires .view-content .views-row{ width:100%; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs{ display:block; float:left; width:100%; padding:40px 15% 100px 15%; position:relative; cursor:pointer; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .play-pause{ display:block; display:block; float:left; width:70%; margin:0 15%; text-align:center; position:absolute; bottom:0; left:0; background:#f4f4f4; border:1px solid #e7e7e7; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .play-pause .play{ display:inline-block; width:50px; height:70px; line-height:70px; text-align:center; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .play-pause .play::before{ content:"\f04b"; font-family:"fontAwesome"; font-size:3.0rem; color:#191919; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs.playing .play-pause .play::before{ content:"\f04c"; } /* .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .play-pause .pause{ display:block; width:50px; height:50px; background:#bbb; } */ .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .scrubber{ display:block; width:100%; height:10px; margin:0 0 10px 0; background:#f4f4f4; cursor:pointer; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .scrubber .progress{ display:block; height:10px; background:#191919; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .time{ display:block; width:100%; font-size:0; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .time .played{ display:block; float:left; font-size:1.4rem; font-weight:400; font-style:normal; color:#878787; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .time .duration{ display:block; float:right; font-size:1.4rem; font-weight:400; font-style:normal; color:#878787; } .node-hw-livre.view-mode-full .group-infos .field-name-field-glenat-prix-litteraires{ padding:0px 0 10px 30px; background:url(../img/icon-prix.png) no-repeat top left; } .node-hw-livre.view-mode-full .group-infos .field-name-field-glenat-prix-litteraires .field-label{ display:none; } .node-hw-livre.view-mode-full .group-infos .field-name-field-glenat-prix-litteraires .field-name-hw-prix-litt-taxo{ margin:0; } .node-hw-livre.view-mode-full .group-infos .field-name-field-glenat-prix-litteraires .field-name-hw-prix-litt-taxo .field-item:last-child .field{ margin:0; } .node-hw-livre.view-mode-full .group-infos .field-name-hw-livre-version-num .field-item{ padding:10px 0 10px 30px; background:url(../img/icon-versionnumerique.png) no-repeat center left; } .node-hw-livre.view-mode-full .group-infos .field-name-hw-livre-version-num .field-item:empty{display:none; } .node-hw-livre.view-mode-full .xxxxxxxxxxxxxx{ } .node-hw-livre.view-mode-full .acheter{ display:block; float:left; width:auto; clear:both; } .node-hw-livre.view-mode-full .acheter > div{ display:block; float:left; width:auto; } .node-hw-livre.view-mode-full .acheter .buybutton{ display:block; float:left; width:auto; color:#fff; background:#ad002d; border:none; font-size:1.4rem; text-align:left; text-indent:0px; padding:0 0; border-radius:5px; transition:0.5s ease 0s;} .node-hw-livre.view-mode-full .acheter .buybutton span{ display:inline-block; width:auto; float:left; padding:12px 30px; font-size:1.4rem; font-weight:600; text-transform:uppercase; text-decoration:none; text-shadow:none; text-align:center; } .node-hw-livre.view-mode-full .acheter .buybutton:hover{ animation:pulse 0.6s; box-shadow:0 5px 15px -6px #000; } .node-hw-livre.view-mode-full .acheter .buybutton:hover span{ text-shadow:none;} .node-hw-livre.view-mode-full .acheter .buybutton div{ display:inline-block; width:auto; float:left; padding:12px 20px; font-size:1.4rem; font-weight:600; text-align:center; border-left:1px solid #fff; } .hide-buy-button #global .node-hw-livre.view-mode-full .acheter .buybutton{ display:none; } /*custom button serie*/ .node-hw-livre.view-mode-full .field-name-hw-livre-serie .field-name-title{ display:block; float:left; width:auto; clear:none; margin:2px 0 0 0;} .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-outer-hw-series{ display:block; float:left; width:auto; clear:none; height:auto; margin:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series{ display:block; float:left; width:100%; height:auto; margin:0 0 0 15px; padding:0; background:none; color:#000; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a.unflag-action::before{ content:"(supprimer mon alerte sur cette série)"; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a{ display:block; float:left; width:auto; height:auto; border:none; text-decoration:none; font-size:0rem; line-height:1.4rem; padding:0; background:none; color:#000; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a::before{ content:"(m'alerter sur cette série)"; font-size:1.2rem; line-height:1.2rem; font-family:"Poppins"; display:inline-block; float:none; width:auto; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a::after{content: "\e900"; display:inline-block; font-family: "icomoon"; font-size:1.6rem; font-weight:400; float:none; width:auto; position:relative; top:2px; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a:hover{ background:none; color:#000; text-decoration:underline; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a:hover::before{ background:none; color:#000; text-decoration:underline; } .node-hw-livre.view-mode-full .field-name-hw-livre-serie .flag-hw-series a:hover::after{ animation:wobble 0.9s; } /*custom button collection */ .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-outer-hw-collections{ width:100%; } .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections{ display:block; float:left; width:auto; height:auto; margin-top:-4px; margin-left:0px;} .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections a, .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections a:hover{ display:block; float:left; width:auto; height:auto; border:none; text-decoration:none; font-size:0; padding:5px 2px 6px 0px; background:none; color:#000; text-decoration:underline;} .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections a::before{ content:"(ajouter une alerte)"; font-size:1.2rem; line-height:1.2rem; font-family:"Poppins"; display:inline-block; float:none; width:auto; font-weight:400; } .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections a.unflag-action::before{ content:"(supprimer mon alerte)"; } .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections a::after{ content: "\e900"; display:inline-block; font-family: "icomoon"; font-size: 1.6rem; font-weight:400; float:none; width:auto; position:relative; top:0px; padding:0 2px; } .node-hw-livre.view-mode-full .field-name-hw-livre-collections .flag-hw-collections a:hover::after{ animation:wobble 0.9s; } .global .node-hw-livre .field-name-hw-livre-public-averti{ margin:0; font-size:1.5rem; color:#ad002d; font-weight:700; } /*blocks on fiche livre*/ .node-type-hw-livre #quicktabs-fiche_livre{ margin:0 0 50px 0; border-bottom:1px solid #e7e7e7; } .node-type-hw-livre .block-video-slideshow{ margin:0 0 50px 0; border-top:1px solid #e7e7e7; padding-top:30px; } .node-type-hw-livre #block-views-liseuse-block{ margin:0 0 50px 0; padding-top:50px; border-top:1px solid #e7e7e7; } .node-type-hw-livre #block-views-liseuse-block iframe{ display:block; float:left; width:100%; min-height:700px; } /*** COMMENTAIRES comments ***/ .node-type-hw-livre #comments{ display:block; float:left; width:100%; border-top:1px solid #e7e7e7; padding-top:50px; } .comment-wrapper{ display:block; float:left; width:100%; padding:0 110px; position:relative; } .comment-wrapper .title{ display:block; float:left; width:100%; text-align:left; margin:0 0 40px 0; padding:0; font-size:3.5rem; color:#191919; font-weight:800; text-transform:none; } .comment-wrapper .comment{ display:block; float:left; width:100%; margin:0 0 50px 0; position:relative; animation:flipInX 0.8s; } .comment-wrapper .comment::after{ content:""; display:block; visibility:visible; float:left; margin-left:33%; clear:both; width:66%; height:1px; background:#dddddd; } .comment-wrapper .comment h3{ display:block; float:right; width:60%; margin:0 0 20px 0; } .comment-wrapper .comment .submitted{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0 100px; text-align:center; } .comment-wrapper .comment .content{ display:block; float:right; width:100%; margin:0 0 20px 0; } .comment-wrapper .comment .links{ display:none; } .comment-wrapper .comment .group_illustr{ display:block; float:left; width:33%; padding:15px 0; text-align:center; } .comment-wrapper .comment .group_infos{ display:block; float:left; width:66%; padding:15px 0; } .comment-wrapper .comment .field-name-ds-user-picture{ display:block; float:left; width:100%; padding:0 70px; text-align:center; } .comment-wrapper .comment .field-name-ds-user-picture .field-item{ display:inline-block; float:none; width:60%; border-radius:100px; overflow:hidden; } .comment-wrapper .comment .field-name-ds-user-picture img{ display:block; float:left; width:100%; } .comment-wrapper .comment .username{ display:block; float:left; width:100%; margin:0px 0 10px 0; font-size:1.8rem; font-weight:600; } .comment-wrapper .comment .username::before{ content:"Par "; } .comment-wrapper .comment .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#818181; text-transform:uppercase; } .comment-wrapper .comment .permalink{ display:block; float:left; width:100%; margin:0 0 20px 0; font-size:1.8rem; font-weight:600; } .comment-wrapper .comment .field-name-comment-body{ display:block; float:left; width:100%; margin:0 0 20px 0; font-size:1.4rem; line-height:1.5; color:#818181; word-break:break-word; -webkit-word-break:break-word; } .comment-wrapper .comment .field-name-field-comment-note{ display:block; float:left; width:100%; } .comment-wrapper .comment .field-name-field-comment-note .field-label{ font-size:1.4rem; color:#818181; font-weight:400; margin:2px 5px 0 0; } .comment-wrapper .comment .field-name-field-comment-note .icon-star{ display:inline-block; margin:0 2px 0 0; font-family:"icomoon"; font-size:1.4rem; color:#818181; } .comment-wrapper .comment .field-name-field-comment-note .icon-star::before{ content:"\e90f"; } .comment-wrapper .comment .field-name-field-comment-note .icon-star.active { color:#ad002d; } /* .block-hw-comment-block .form-item{ margin-bottom:15px; } */ .block-hw-comment-block{ margin:0 0 50px 0; border-top:1px solid #e7e7e7; padding-top:30px; } .block-hw-comment-block .field-name-field-comment-note .form-text{ display:none; } .block-hw-comment-block .field-name-field-comment-note .comment_rating_stars{ display:block; float:right; width:65%; margin:10px 0 15px 0; } .block-hw-comment-block .field-name-field-comment-note .icon-star{ display:inline-block; width:20px; height:20px; text-align:center; margin:0 2px 0 2px; font-family:"icomoon"; font-size:1.9rem; color:#818181; transform:scale(1) rotate(0deg); cursor:pointer; } .block-hw-comment-block .field-name-field-comment-note .icon-star:hover{ transform:scale(1.1) rotate(360deg);; } .block-hw-comment-block .field-name-field-comment-note .icon-star::before{ content:"\e90f"; } .block-hw-comment-block .field-name-field-comment-note .icon-star.active { color:#ad002d; } .block-hw-comment-block .form-item{ margin:0 0 15px 0; } .block-hw-comment-block .form-item .username{ display:block; float:left; padding:15px 0; } /*custom colors univers ligne 1602*/ .univers-bd .comment-wrapper .comment .field-name-field-comment-note .icon-star.active, .univers-bd .block-hw-comment-block .field-name-field-comment-note .icon-star.active{ color:#d90e19; } .univers-comics .comment-wrapper .comment .field-name-field-comment-note .icon-star.active, .univers-comics .block-hw-comment-block .field-name-field-comment-note .icon-star.active{ color:#3b4090; } .univers-mangas .comment-wrapper .comment .field-name-field-comment-note .icon-star.active, .univers-mangas .block-hw-comment-block .field-name-field-comment-note .icon-star.active{ color:#e16307; } .univers-jeunesse .comment-wrapper .comment .field-name-field-comment-note .icon-star.active, .univers-jeunesse .block-hw-comment-block .field-name-field-comment-note .icon-star.active{ color:#14a577; } .univers-livres .comment-wrapper .comment .field-name-field-comment-note .icon-star.active, .univers-livres .block-hw-comment-block .field-name-field-comment-note .icon-star.active{ color:#4f7e87; } /*** BLOCK ON EN PARLE ***/ .block-onenparle{ display:block; float:left; width:100%; position:relative; } .block-onenparle .node{ display:block; float:left; width:100%; padding:20px 20px 20px 20%; position:relative; } .block-onenparle .node::before{ display:block; height:50px; content:"‘‘"; font-family:"Poppins"; font-size:16.0rem; letter-spacing:0; font-weight:800; color:#d90e19; position:absolute; left:8%; top:20px; transform:scale(1,-1); } .block-onenparle .field-name-field-citation{ display:block; float:left; width:80%; margin:0 0 20px 0; font-family:"Playfair Display"; font-size:4.0rem; color:#191919; font-style:italic; } .block-onenparle .field-name-field-auteur-citation{ display:block; float:left; width:auto; clear:both; margin:0 15px 20px 0; line-height:2rem; font-size:1.8rem; font-weight:600; color:#191919;} .block-onenparle .field-name-field-date-citation{ display:block; float:left; width:auto; line-height:2.2rem; font-size:1.2rem; font-weight:600; color:#818181; } /*custom colors univers*/ .univers-bd .block-onenparle .node::before{ color:#d90e19; } .univers-bd .block-onenparle .node::before{ color:#d90e19; } .univers-comics .block-onenparle .node::before{ color:#3b4090; } .univers-mangas .block-onenparle .node::before{ color:#e16307; } .univers-jeunesse .block-onenparle .node::before{ color:#14a577; } .univers-livres .block-onenparle .node::before{ color:#4f7e87; } /*** PAGE DETAIL AUTEUR ***/ .node-type-hw-intervenant #block-system-main{ padding:0; } .node-hw-intervenant.view-mode-full{ display:block; float:left; width:100%; position:relative; padding:0px 0 50px 0; min-height:400px; } .node-hw-intervenant.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-hw-intervenant.view-mode-full .group-content{ display:block; float:left; width:93%; background:#fff; position:relative; z-index:12; margin-top:0; padding:20px 20px 20px 110px;} .node-hw-intervenant.view-mode-full .group-illustr{ display:block; float:left; width:27%; position:relative; z-index:12; } .node-hw-intervenant.view-mode-full .group-title{ display:block; float:left; width:95%; margin-left:0%; position:relative; z-index:12; } .node-hw-intervenant.view-mode-full .group-illustr + .group-title{ width:60%; margin-left:2.5%; } .node-hw-intervenant.view-mode-full .group-body{ display:block; float:left; width:90%; margin:20px 0; position:relative; z-index:12; } .node-hw-intervenant.view-mode-full .group-infos{ display:block; float:left; width:100%; position:relative; z-index:12; padding:40px; border:1px solid #dddddd; } .node-hw-intervenant.view-mode-full .group-partage{ display:block; float:right; width:10%; position:absolute; z-index:42; top:40px; right:0; } .node-hw-intervenant.view-mode-full .field-name-field-image{ position:absolute; top:0; left:0; right:0; z-index:0; } .node-hw-intervenant.view-mode-full .field-name-field-image + .group-content{ margin-top:300px; } .node-hw-intervenant.view-mode-full .field-name-field-image + .group-content .group-illustr{ margin-top:-150px; min-height:200px; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-photos{ } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-photos img{ display:block; float:left; width:100%; } .node-hw-intervenant.view-mode-full .field-name-field-copyright-auteur{ font-size:1.2rem; font-weight:400; color:#818181; font-style:italic; } .node-hw-intervenant.view-mode-full .field-name-field-copyright-auteur .field-item::before{ content:"© "; font-size:1.4rem; font-style:normal; } .node-hw-intervenant.view-mode-full .field-name-title-field{ } .node-hw-intervenant.view-mode-full .field-name-title-field h1{ font-size:5.0rem; font-weight:900; color:#191919; line-height:1.5; } .node-hw-intervenant.view-mode-full .field-name-hw-livre-sous-titre{ font-size:3.5rem; font-weight:400; color:#686868; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-accroche{ font-size:2.0rem; font-weight:400; color:#191919; font-family:"Playfair Display"; font-style:italic; line-height:1.6; } .node-hw-intervenant.view-mode-full .field-name-hw-livre-accroche{ font-size:3.5rem; font-weight:900; color:#191919; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-biographie{ font-size:1.6rem; font-weight:400; color:#686868; line-height:2; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites .field-label{ font-size:1.6rem; font-weight:400; color:#686868; line-height:2; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites .field-item{ display:block; float:left; width:auto; margin:10px 20px 20px 0; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a{ display:inline-block; padding:0 2px; font-size:1.4rem; font-weight:700; color:#191919; line-height:1.6; text-transform:uppercase; border-bottom:1px solid #ad002d; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a:hover{ background:#ad002d; color:#fff; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.instagram"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.instagram"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://twitter"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://twitter"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.twitter"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.twitter"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.facebook"], .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.facebook"]{ display:block; width:40px; height:40px; padding:0; margin-top:-7px; border:1px solid #686868; line-height:0; text-align:center; font-size:0; border-radius:4px; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.instagram"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.instagram"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.facebook"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.facebook"]::before{ display:block; width:40px; height:40px; font-size:2.0rem; font-family: 'FontAwesome' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.pinterest"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.pinterest"]::before{ content:"\f0d2"; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.instagram"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.instagram"]::before{ content:"\f16d"; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.twitter"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.twitter"]::before{ content:"\f099"; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="http://www.facebook"]::before, .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-sites a[href^="https://www.facebook"]::before{ content:"\f09a"; } /*blocks on intervenant page*/ .node-type-hw-intervenant .block-slick-books{ border-bottom:1px solid #e7e7e7; } .node-type-hw-intervenant .block-news-list{ margin-bottom:0; } .node-type-hw-intervenant .block-video-slideshow{ padding-top:30px; border-top:1px solid #e7e7e7; } /*** LISTE DES AUTEURS ***/ .page-auteurs{} .page-auteurs #block-system-main{ overflow:hidden; } .page-auteurs #page-title-wrapper{ margin:50px 0 0px 0; /*padding:0px 100px;*/ } .page-auteurs #page-title{ font-size:6.0rem; font-weight:800; color:#191919; } .view-auteurs{ display:block; float:left; width:100%; margin:0 0 0 0; } .view-auteurs .view-header{ display:block; float:left; width:100%; margin:50px 0 50px 0; /*padding:0px 100px;*/ font-size:1.8rem; font-weight:400; color:#191919; } .view-auteurs .view-header h1{ display:block; float:left; width:100%; margin:0 0 30px 0; font-size:6.0rem; font-weight:700; color:#191919; } .view-auteurs .view-header p{ display:block; float:left; width:100%; margin:0; font-size:1.8rem; font-weight:400; color:#191919; line-height:1.6; } .view-auteurs .attachment{ display:block; float:left; width:100%; margin:20px 0; padding:30px 0px; position:relative; background:#f2f2f2; } .view-auteurs .attachment::before{ content:""; display:block; width:200%; height:100%; margin-left:-100px; position:absolute; top:0; bottom:0; left:0; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .view-auteurs .attachment .view-content{ display:block; float:left; width:100%; text-align:center; position:relative; z-index:42; } .view-auteurs .attachment .view-content .views-summary{ display:inline-block; } .view-auteurs .filtreNomAuteur{ display:none; } .view-auteurs .attachment span, .view-auteurs .attachment a{ display:block; margin:0; padding:5px; font-size:1.6rem; font-weight:600; text-transform:uppercase; color:#686868; } .view-auteurs .attachment a:hover{color:#ad002d; } .view-auteurs .attachment span.active, .view-auteurs .attachment a.active{ color:#ad002d; text-decoration:underline;} .view-auteurs .attachment .ajax-progress{ position:absolute; top:-20px; left:49.5%; } .view-auteurs .attachment .ajax-progress::before{ display:inline-block; animation:fa-spin 1s infinite linear; content:"\f021"; font-family:"fontAwesome"; font-size:2.2rem; color:#ad002d; } .view-auteurs .attachment .ajax-progress .throbber{ display:none; } .view-auteurs > .view-content{ display:block; float:left; width:100%; margin:0 0 0 0; } .view-auteurs .views-row{ display:block; float:left; width:33%; margin:0 0 20px 0; padding:0 1%; animation:fadeInUp 0.3s; } .view-auteurs .views-row .node{ display:block; float:left; width:100%; margin:0; padding:30px 30px 10px 30px; border:1px solid #e3e3e3; border-radius:5px; } .view-auteurs .views-row .field{ display:block; float:left; width:100%; margin:0 0 30px 0; text-align:center; } .view-auteurs .views-row .field-name-title-field{ font-size:1.8rem; font-weight:600; color:#191919; } .view-auteurs .views-row .field-name-title-field a{ display:block; float:left; width:100%; word-break:break-all;} .view-auteurs .views-row .field-name-hw-intervenant-biographie{ font-size:1.4rem; font-weight:400; color:#686868; line-height:1.5; } /*** PAGINATION ***/ #global .view .item-list .pager{ display:block; float:left; width:100%; margin:50px 0 0 0; padding:0!important; position:static; text-align:center; background:#f4f4f4; border:1px solid #e3e3e3; font-size:0; } #global .view .item-list .pager li{ display:inline-block; float:none; height:75px; line-height:75px; margin:0; padding:0; position:static; font-size:1.4rem; } #global .view .item-list .pager li span, #global .view .item-list .pager li a{ display:block; margin:0; height:75px; line-height:75px; padding:0 20px; font-size:1.6rem; font-weight:600; text-transform:uppercase; color:#8c8c8c; } #global .view .item-list .pager li a:hover{ color:#f4f4f4; background:#8c8c8c; } #global .view .item-list .pager li span.active, #global .view .item-list .pager li a.active{ color:#ad002d; text-decoration:underline;} #global .view .item-list .pager li.pager-ellipsis, #global .view .item-list .pager li.pager-first, #global .view .item-list .pager li.pager-last{ display:none; } #global .view .item-list .pager li.pager-previous{ float:left; border-right:1px solid #e3e3e3; font-size:0; margin:0; } #global .view .item-list .pager li.pager-previous a{ font-size:0; padding:0; } #global .view .item-list .pager li.pager-previous a::before{ display:block; width:22px; height:75px; padding:0 25px; transform:rotate(180deg); content:"\e917"; font-family:"icomoon"; font-size:2.2rem; font-weight:400; font-style:normal; color:#686868; transition:all 1s ease; } #global .view .item-list .pager li.pager-current{ display:inline-block; padding:0 20px; color:#ad002d; text-decoration:underline; } #global .view .item-list .pager li.breaker{ display:none; } #global .view .item-list .pager li.pager-next{ float:right; border-left:1px solid #e3e3e3; margin:0; } #global .view .item-list .pager li.pager-next a{ font-size:0; padding:0;} #global .view .item-list .pager li.pager-next a::before{ content:""; display:block; width:22px; height:75px; padding:0 25px; content:"\e917"; font-family:"icomoon"; font-size:2.2rem; font-weight:400; font-style:normal; color:#686868; transition:all 1s ease; } #global .view .item-list .pager li.pager-previous a:hover::before, #global .view .item-list .pager li.pager-next a:hover::before{ background:#f4f4f4; } /*pagerer table*/ #global table.pagerer{ display:block; float:left; width:100%; margin:0; position:relative;} #global .pagerer tbody, #global .pagerer tr{ display:block; float:left; width:100%; margin:0; } #global .pagerer tr td{ display:block; float:left; width:100%; margin:0; } #global .view .pagerer-right .item-list{ text-align:center; } #global .view .pagerer-right .item-list *{display:inline-block; padding:0; background:none; border:none; font-size:1.2rem; font-weight:400; } #global .view .pagerer-right .item-list .pager{display:inline-block; margin:0; padding:0; background:none; border:none; font-size:1.2rem; font-weight:400; } #global .view .pagerer-right .item-list .pager a{ font-size:1.2rem; font-weight:400; } /*ajax loader*/ .view .item-list .pager .ajax-progress{ position:absolute; top:-40px; left:49.5%; } .view .item-list .pager .ajax-progress::before{ display:inline-block; animation:fa-spin 1s infinite linear; content:"\f021"; font-family:"fontAwesome"; font-size:2.2rem; color:#ad002d; } .view .item-list .pager .ajax-progress .throbber{ display:none; } /*** ARTICLE NEWS PAGE ***/ .node-type-article #block-system-main{ padding:0; } .node-article.view-mode-full{ display:block; float:left; width:100%; margin:0 0 50px 0; padding:0px 100px; /*border-bottom:1px solid #cbd1db;*/ } /*RESPONSIVE*/ .node-article.view-mode-full .group-title{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-article.view-mode-full .group-content{ display:block; float:left; width:90%; margin:0 0 20px 0; } .node-article.view-mode-full .group-partage{ display:block; float:left; width:10%; margin:0px 0 20px 0; } .node-article.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-article.view-mode-full .field-name-title-field h1{ margin:50px 0 0 0; font-size:5.0rem; font-weight:800; color:#191919; } .node-article.view-mode-full .field-name-field-image{ margin:0 0 10px 0; } .node-article.view-mode-full .field-name-field-image img{ display:block; float:left; width:100%; } .node-article.view-mode-full .field-name-post-date{ margin:0; font-size:1.2rem; font-weight:600; color:#686868; } .node-article.view-mode-full .field-name-field-legende-image{ font-size:1.2rem; font-weight:400; color:#818181; font-style:italic; } .node-article.view-mode-full .field-name-field-legende-image .field-item::before{ content:"© "; font-size:1.4rem; font-style:normal; } .node-article.view-mode-full .field-name-body{ font-size:1.4rem; line-height:2; color:#191919; } .node-article.view-mode-full .field-name-body a{ text-decoration:underline; color:#ad002d; font-weight:700; } .node-article.view-mode-full .field-name-body a:hover{ text-decoration:none; } .node-article.view-mode-full .field-name-body p{ margin:0 0 20px 0; } .node-article.view-mode-full .field-name-body ul{ padding:0 0 20px 20px; font-size:1.3rem; } .node-article.view-mode-full .field-name-body ul li{ color:#191919; margin:0; } .node-article.view-mode-full .field-name-body ul li::before {content: "•"; color:#ad002d; font-size:2.0rem; margin-right:10px; } /* .node-article.view-mode-full .field-name-body blockquote::before{ display:block; content:"\f10d"; font-family:"FontAwesome"; font-size:80px; color:#ad002d; position:absolute; left:0; top:0px; } */ .node-article.view-mode-full .field-name-body blockquote::before{ display:block; height:50px; content:"‘‘"; font-family:"Poppins"; font-size:16.0rem; letter-spacing:0; font-weight:800; color:#d90e19; position:absolute; left:0; top:20px; transform:scale(1,-1); } .node-article.view-mode-full .field-name-body blockquote{ position:relative; display:block; float:left; width:100%; margin:20px 0; padding:0 0 0 120px; font-family:"Playfair Display"; font-size:4.0rem; line-height:1.2; color:#191919; font-style:italic; } .node-article.view-mode-full .field-name-field-lien{ margin:0 0 50px 0; } .node-article.view-mode-full .field-name-field-lien .field-items{ display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between; } .node-article.view-mode-full .field-name-field-lien a{ display:block; float:left; margin:0; padding:15px 35px; background:#ad002d; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; } .node-article.view-mode-full .field-name-field-lien a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} .node-article.view-mode-full .field-name-field-galerie-article{ } .node-article.view-mode-full .field-name-field-galerie-article .slick-diaporama{ display:block; float:left; width:60%; margin:0 20% 20px 20%; } .node-article.view-mode-full .field-name-field-galerie-article .slick-diaporama-nav{ display:block; float:left; width:60%; margin:0 20% 0 20%; } .node-article.view-mode-full .field-name-field-galerie-article .slick .slick-slide{ width:100%; height:auto; } .node-article.view-mode-full .field-name-field-galerie-article .slick img{ width:100%; height:auto; } .node-article.view-mode-full .field-name-field-galerie-article .slick-diaporama-nav .slick-slide{ padding:5px; } .node-article.view-mode-full .field-name-field-galerie-article .slick-diaporama-nav .slick-slide img{ opacity:0.5; } .node-article.view-mode-full .field-name-field-galerie-article .slick-diaporama-nav .slick-slide:hover img, .node-article.view-mode-full .field-name-field-galerie-article .slick-diaporama-nav .slick-current img{ opacity:1; } /*** BASIC PAGE ***/ .node-page.view-mode-full{ display:block; float:left; width:100%; margin:0; padding:0px; } .node-page.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-page.view-mode-full .field-name-title h1{ margin:50px 0 0 0; font-size:6.0rem; font-weight:800; color:#191919; } .node-page.view-mode-full .field-name-field-sous-titre{ margin:0 0 30px 0; font-size:3.2rem; font-weight:600; color:#686868; } .node-page.view-mode-full .field-name-field-image{ margin:0 0 10px 0; } .node-page.view-mode-full .field-name-field-image img{ display:block; float:left; width:100%; } .node-page.view-mode-full .field-name-field-legende-image{ margin:0; font-size:1.2rem; font-weight:400; color:#818181; font-style:italic; } .node-page.view-mode-full .field-name-field-accroche{ margin:10px 0 20px 0; font-size:2.0rem; font-family:"Playfair Display"; line-height:1.2; color:#191919; font-style:italic; } .node-page.view-mode-full .field-name-body{ font-size:1.4rem; line-height:2; color:#191919; } .node-page.view-mode-full .field-name-body a{ text-decoration:underline; color:#ad002d; font-weight:700; } .node-page.view-mode-full .field-name-body a:hover{ text-decoration:none; } .node-page.view-mode-full .field-name-body p{ margin:0 0 20px 0; } .node-page.view-mode-full .field-name-body ul{ padding:0 0 20px 20px; font-size:1.3rem; } .node-page.view-mode-full .field-name-body ul li{ color:#191919; margin:0; } .node-page.view-mode-full .field-name-body ul li::before {content: "•"; color:#ad002d; font-size:2.0rem; margin-right:10px; } .node-page.view-mode-full .field-name-body blockquote::before{ display:block; height:50px; content:"‘‘"; font-family:"Poppins"; font-size:16.0rem; letter-spacing:0; font-weight:800; color:#d90e19; position:absolute; left:0; top:20px; transform:scale(1,-1); } .node-page.view-mode-full .field-name-body blockquote{ position:relative; display:block; float:left; width:100%; margin:20px 0; padding:0 0 0 140px; font-family:"Playfair Display"; font-size:4.0rem; line-height:1.2; color:#191919; font-style:italic; } .node-page.view-mode-full .field-name-changed-date{ text-align:right; } .node-page.view-mode-full .field-name-changed-date *{ display:inline-block; float:none; font-size:1.3rem; font-weight:500; color:#818181; } .node-page.view-mode-full .field-name-field-lien{ margin:0 0 50px 0; } /* .node-page.view-mode-full .field-name-field-lien .field-items{ display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between; } */ .node-page.view-mode-full .field-name-field-lien a{ display:block; float:left; margin:0 10px 10px 0; padding:15px 35px; background:#ad002d; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; } .node-page.view-mode-full .field-name-field-lien a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} .node-page.view-mode-full .xxxxxxxxxxxxxxxxxxxxxxxxxx{ } .page-node-97299 .field-name-changed-date, .page-node-105649 .field-name-changed-date, .page-node-105647 .field-name-changed-date, .page-node-103767 .field-name-changed-date, .page-node-103766 .field-name-changed-date, .page-node-105626 .field-name-changed-date, .page-node-104955 .field-name-changed-date, .page-node-106700 .field-name-changed-date, .page-node-106782 .field-name-changed-date, .page-node-107298 .field-name-changed-date, .page-node-107323 .field-name-changed-date, .page-node-107305 .field-name-changed-date, .page-node-107306 .field-name-changed-date, .page-node-107325 .field-name-changed-date, .page-node-107342 .field-name-changed-date, .page-404 .field-name-changed-date, .page-404 .field-name-changed-date{ display:none!important; } /*** BLOCK TEXT CHRONOLOGIE ***/ .block-text-chronologie-title{ margin-top:30px; margin-bottom:0px; } .block-text-chronologie-title .content{ } .block-text-chronologie{ margin-bottom:0px!important; } .block-text-chronologie:last-child{ margin-bottom:80px!important; } .block-text-chronologie .content{ display:block; float:left; width:100%; position:relative; padding-bottom:30px!important; min-height:400px; } .block-text-chronologie h2{ display:block; float:left; width:100%; margin:70px 0 20px 0; font-size:5.6rem; font-weight:700; color:#ad002d; } .block-text-chronologie p{ display:block; float:left; width:50%; clear:both; font-size:1.6rem; line-height:2; color:#191919; } .block-text-chronologie ul{ display:block; float:left; width:50%; clear:both; padding:0 0 20px 20px; font-size:1.6rem; line-height:2; color:#191919; } .block-text-chronologie ul li{ color:#191919; margin:0; } .block-text-chronologie ul li::before {content: "•"; color:#ad002d; font-size:2.0rem; margin-right:10px; } .block-text-chronologie .content p:first-child{ float:left; text-align:left; } .block-text-chronologie .content p:first-child img{ display:block; position:absolute; top:-70px; left:0; width:45%; } /* #global .block-text-chronologie p img{ display:inline-block; width:80%!important; height:auto!important; margin:-70px 0 40px 0; } */ .block-text-chronologie h5{ display:block; float:left; width:50%; font-weight:400; padding:0 0 30px 0; margin:0 0 30px 0; position:relative; font-family: "Playfair Display"; font-size: 4.0rem; line-height: 1.2; color: #191919; font-style: italic; } .block-text-chronologie h5::after{ content:""; width:100px; height:1px; background:#ad002d; position:absolute; bottom:0; left:0; } .block-text-chronologie:nth-child(even) .content p:first-child img{ left:auto; right:0; } .block-text-chronologie:nth-child(odd) h2{ text-indent:50%; } .block-text-chronologie:nth-child(odd) h5{ margin-left:50%; } .block-text-chronologie:nth-child(odd) p{ margin-left:50%; } .block-text-chronologie:nth-child(odd) ul{ margin-left:50%; } #global .block-text-chronologie-title{ position:static; } .chronologie_frise{ position:absolute; top:100px; left:0; transition:none;} .chronologie_frise .date_link{ display:block; float:left; width:80px; height:19px; line-height:19px; position:relative; clear:both; color:#191919; font-size:0rem; font-weight:700; text-align:right; z-index:1000; transition:all 0.2s ease; } .chronologie_frise .date_link::after{ content:""; display:block; position:absolute; bottom:0; left:0; width:50%; clear:both; height:1px; background:#191919; transition:all 0.2s ease; } .chronologie_frise .date_link:hover{ font-size:1.4rem; } .chronologie_frise .date_link:hover::after{ width:100%;} .chronologie_frise .date_link.active{ font-size:1.4rem; color:#ad002d; } .chronologie_frise .date_link.active::after{ background:#ad002d; width:100%;} /*** PAGE 404 ***/ .page-404{} .page-404 #block-system-main{ width:50%; float:right; margin:0 0 50px 0; padding:120px 30px; line-height:1; } .page-404 #block-system-main .field-name-title{ display:none; } .page-404 .block-illustr404{ width:50%; float:left; margin:0 0 50px 0; padding:30px 100px; } .page-404 .block-illustr404 img{ width:100%!important; height:auto!important; float:left; } /*** BASIC PAGE wEBFORM ***/ .node-webform { display:block; float:left; width:100%; margin:0 0 50px 0; } .node-webform .field-name-title-field h1{ /* cf titles */ } .node-webform .field-name-body{ font-size:1.6rem; font-weight:400; color:#191919; line-height:1.6; margin:0 0 40px 0; } .node-webform .field-name-field-mentions { display:block; float:right; clear:both; width:65%; font-size:1.2rem; font-weight:400; color:#878787; text-align:right; line-height:1.6; margin:0 0 40px 0; } /* .node-webform > .content .webform-client-form{ display:block; float:left; width:70%; margin:20px 15% 50px 15%; padding:30px; background:# } */ .node-webform .webform-client-form{ display:block; float:left; width:100%; margin:20px 0; padding:0 0; position:relative; } .node-webform .webform-client-form div > .form-item{ display:block; float:left; width:100%; margin:0 0 20px 0; } /*** CONTACT PAGE > BLOCK LINKS ***/ .page-contact #block-system-main{ overflow:hidden; } .page-contact .field-name-body { margin-bottom:50px; } .page-contact .field-name-body .btn{ float:right; margin:20px 0; } .page-contact #block-webform-client-block-43872 .field-name-title-field{ display:none; } /*** CONTACT PAGE > BLOCK LINKS ***/ .block-contactpage-links{} .block-contactpage-links h2{ font-size:2.8rem; font-weight:500; margin:0 0 20px 0; } .block-contactpage-links .menu li{ display:block; float:left; } .block-contactpage-links .menu li a{ display:block; float:left; margin:10px 15px 10px 0; padding:20px 30px; font-size:1.4rem; font-weight:700; text-transform:uppercase; border:1px solid #191919; border-radius:4px; background:#fff; color:#191919; } .block-contactpage-links .menu li a:hover{ animation:0.2s pulse; box-shadow:0 5px 10px -4px #000; background:#191919; color:#fff; } /*** CONTACT PAGE > BLOCK PROJECTS ***/ .block-contactpage-projects{ padding-top:50px; border-top:1px solid #e4e6e9; font-size:1.8rem; line-height:1.6; } .block-contactpage-projects p{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-contactpage-projects strong{ color:#ad002d; } /*** CONTACT PAGE > BLOCK InSCRIPTION NEWSLETTER ***/ .block-inscription-newsletter{ display:block; float:left; width:100%; position:relative; margin:0 0 70px 0; padding:0; } .block-inscription-newsletter::before{ content:""; display:block; float:left; width:100%; height:100%; position:absolute; background:#ad002d; z-index:0; } .block-inscription-newsletter .content{ display:block; float:left; width:100%; padding:40px 100px; position:relative; z-index:1; color:#fff; } .block-inscription-newsletter .content strong{ display:block; float:left; width:100%; color:#fff; margin:0 0 20px 0; font-size:4.0rem; } .block-inscription-newsletter .content p{ font-size:1.8rem; } .block-inscription-newsletter .formulaire{ display:block; float:left; width:100%; margin:40px 0 0 0; } .block-inscription-newsletter .formulaire .form-text{ display:block; float:left; width:40%; height:50px; margin:0 15px 0 0; } .block-inscription-newsletter .formulaire .form-submit{ display:block; float:left; height:50px; border:1px solid #fff; font-family:"Poppins"; } /*** CONTACT PAGE > BLOCK SOCIALS ***/ .block-contactpage-socials{ display:block; float:left; width:100%; padding-bottom:50px; } .block-contactpage-socials .socials-container{ display:block; float:left; width:48%; height:180px; margin:0 0 15px 0; padding:30px 20px; border:1px solid #dddddd; } .block-contactpage-socials .socials-container:nth-child(1){ width:48%; margin-right:2%; } .block-contactpage-socials .socials-container:nth-child(1) .nolink{ color:#d90e19; } .block-contactpage-socials .socials-container:nth-child(2){ width:48%; } .block-contactpage-socials .socials-container:nth-child(2) .nolink{ color:#3b4090; } .block-contactpage-socials .socials-container:nth-child(3){ width:48%; clear:both; margin-right:2%; } .block-contactpage-socials .socials-container:nth-child(3) .nolink{ color:#e16307; } .block-contactpage-socials .socials-container:nth-child(4){ width:23%; margin-right:2%; } .block-contactpage-socials .socials-container:nth-child(4) .nolink{ color:#4f7e87; } .block-contactpage-socials .socials-container:nth-child(5){ width:23%; } .block-contactpage-socials .socials-container:nth-child(5) .nolink{ color:#14a577; } .block-contactpage-socials .socials-container .nolink{ display:block; float:left; width:100%; margin:0 0 25px 0; text-align:center; font-size:1.8rem; font-weight:700; } .block-contactpage-socials .socials-container .menu{ display:block; float:left; width:100%; margin:0; text-align:center; } .block-contactpage-socials .socials-container .menu li { display:inline-block; float:none; } .block-contactpage-socials .socials-container .menu li a{ display:inline-block; float:none; font-size:0; width:50px; height:50px; line-height:50px; border:1px solid #dddddd; border-radius:3px; margin: } .block-contactpage-socials .socials-container .menu li a::before{ font-family:"fontAwesome"; font-size:2.0rem; color:#191919; } .block-contactpage-socials .socials-container .menu li a:hover{ animation:0.2s pulse; box-shadow:0 5px 10px -4px #000; background:#191919; border-color:transparent; } .block-contactpage-socials .socials-container .menu li a:hover::before{ color:#fff; } .block-contactpage-socials .socials-container .menu li a.link-facebook::before{ content:"\f09a"; } .block-contactpage-socials .socials-container .menu li a.link-twitter::before{ content:"\f099"; } .block-contactpage-socials .socials-container .menu li a.link-instagram::before{ content:"\f16d"; } .block-contactpage-socials .socials-container .menu li a.link-pinterest::before{ content:"\f0d2"; } .block-contactpage-socials .socials-container .menu li a.link-youtube::before{ content:"\f16a"; } /*** PAGE EVENEMENT ***/ .node-type-hw-evenement{} .node-hw-evenement.view-mode-full{ display:block; float:left; width:100%; margin:0 0 30px 0; padding:0; } .node-hw-evenement.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-hw-evenement.view-mode-full .group-title{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-hw-evenement.view-mode-full .group-illustr{ display:block; float:left; width:25%; margin:0 0 20px 0; } .node-hw-evenement.view-mode-full .group-content{ display:block; float:left; width:65%; margin:0 0 20px 0; padding:0 30px; } .node-hw-evenement.view-mode-full .group-partage{ display:block; float:right; width:7%; margin:0 0 20px 0; } .node-hw-evenement.view-mode-full .field-name-title h1{ margin:50px 0 0 0; font-size:5.0rem; font-weight:800; color:#191919; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-image img{ display:block; float:left; width:100%; box-shadow:0 5px 15px -5px #000; } .node-hw-evenement.view-mode-full .field-name-field-type-evenement{ font-size:1.6rem; color:#818181; text-transform:uppercase; font-weight:600; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-date{ width:auto; clear:both; margin-right:10px; font-size:1.6rem; color:#818181; font-weight:400; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-date .date-display-range{ font-size:0; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-date .date-display-range span{ font-size:1.6rem; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-date .date-display-range .date-display-start::before{ content:"Du "; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-date .date-display-range .date-display-end{ margin-left:5px; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-date .date-display-range .date-display-end::before{ content:"au "; } .node-hw-evenement.view-mode-full .field-name-field-heure-evenement{ width:auto; font-size:1.6rem; color:#818181; font-weight:400; } .node-hw-evenement.view-mode-full .field-name-field-lieu-evenement{ font-size:1.6rem; color:#818181; font-weight:400; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description{ font-size:1.5rem; color:#191919; line-height:2; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description a{ text-decoration:underline; color:#ad002d; font-weight:700; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description a:hover{ text-decoration:none; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description p{ margin:0 0 20px 0; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description ul{ padding:0 0 20px 20px; font-size:1.3rem; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description ul li{ color:#191919; margin:0; } .node-hw-evenement.view-mode-full .field-name-hw-evenement-description ul li::before {content: "•"; color:#ad002d; font-size:2.0rem; margin-right:10px; } .node-hw-evenement.view-mode-full .field-name-field-lien{ } .node-hw-evenement.view-mode-full .field-name-field-lien .field-label{ font-size:1.6rem; color:#818181; font-weight:400; margin-bottom:10px; } .node-hw-evenement.view-mode-full .field-name-field-lien .field-item{ display:block; float:left; clear:both; margin:0 0 5px 0; font-size:1.6rem; color:#191919; text-transform:uppercase; font-weight:400; padding:0 0 5px 0; border-bottom:2px solid #ad002d; } .node-hw-evenement.view-mode-full .field-name-field-adresse-evenement .field-label{ font-size:1.6rem; color:#818181; font-weight:400; margin-bottom:10px; } .node-hw-evenement.view-mode-full .field-name-field-adresse-evenement .field-item{ font-size:1.6rem; color:#191919; font-weight:400; padding:0; line-height:1.6; } .node-hw-evenement.view-mode-full .field-name-field-adresse-evenement .field{ margin:0; } /*** PAGE VIDEO ***/ .node-type-vid-os{} .node-vid-os.view-mode-full{ display:block; float:left; width:100%; margin:0 0 30px 0; padding:0; } .node-vid-os.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-vid-os.view-mode-full .group-title{ display:block; float:left; width:100%; margin:0; } .node-vid-os.view-mode-full .group-content{ display:block; float:left; width:85%; margin:0 0 20px 0; padding:0; } .node-vid-os.view-mode-full .group-partage{ display:block; float:right; width:7%; margin:0 0 20px 0; } .node-vid-os.view-mode-full .field-name-title-field h1{ margin:50px 0 0 0; font-size:5.0rem; font-weight:800; color:#191919; } .node-vid-os.view-mode-full .field-name-post-date{ font-size:1.4rem; font-weight:600; color:#818181; } .node-vid-os.view-mode-full .field-name-field-vid-os{ } .node-vid-os.view-mode-full .field-name-field-vid-os iframe{ display:block; float:left; width:100%; box-shadow:0 5px 15px -5px #000; } .node-vid-os.view-mode-full .field-name-body{ font-size:1.5rem; color:#191919; line-height:2; } /*** PAGE JEU CONCOURS ***/ .node-type-jeu-concours{} .node-jeu-concours.view-mode-full{ display:block; float:left; width:100%; margin:0 0 30px 0; padding:0; } .node-jeu-concours.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-jeu-concours.view-mode-full .group-title{ display:block; float:left; width:100%; margin:0; } .node-jeu-concours.view-mode-full .group-content{ display:block; float:left; width:85%; margin:0 0 20px 0; padding:0; } .node-jeu-concours.view-mode-full .group-partage{ display:block; float:right; width:7%; margin:0 0 20px 0; } .node-jeu-concours.view-mode-full .field-name-title-field h1{ margin:50px 0 0 0; font-size:5.0rem; font-weight:800; color:#191919; } .node-jeu-concours.view-mode-full .field-name-hw-evenement-date{ font-size:1.2rem; font-weight:600; color:#818181; text-transform:uppercase; } .node-jeu-concours.view-mode-full .field-name-field-date-en-texte{ font-size:1.2rem; font-weight:600; color:#818181; text-transform:uppercase; } .node-jeu-concours.view-mode-full .field-name-field-image img{ display:block; float:left; width:100%; box-shadow:0 5px 15px -5px #000; } .node-jeu-concours.view-mode-full .field-name-field-iframe{ } .node-jeu-concours.view-mode-full .field-name-field-iframe iframe{ display:block; float:left; width:100%; } .node-jeu-concours.view-mode-full .field-name-body{ font-size:1.5rem; color:#191919; line-height:2; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu{ width:80%; margin:0 10%; border:1px solid #e7e7e7; padding:0 20px; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component{ display:block; float:left; width:100%; margin:0 0 20px 0; position:relative;} .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component label{ width:100%; text-align:left; color:#9f9f9f; padding:5px 0; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component .form-textarea-wrapper, .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component .form-select, .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component .form-text{ width:100%; float:left; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component .form-radios{ } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component .form-radios input{ width:auto; margin:5px 10px 0 0; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component .form-radios label{ width:auto; margin:0 10px 0 0; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component-managed_file{ } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component-managed_file input{ width:50%; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component-webform_time .webform-container-inline{ line-height:40px; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component-webform_time .form-type-select{ display:inline-block; float:none; margin:0 10px 0 0; width:30%; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu .webform-component-webform_time .form-item-submitted-2-minute{ margin:0 10px 0 10px; } /*** PAGE SELECTION LIVRES ***/ .node-type-selections-livres{} .node-selections-livres.view-mode-full{ display:block; float:left; width:100%; margin:0 0 0 0; padding:0; } .node-selections-livres.view-mode-full .field{ display:block; float:left; width:100%; margin:0 0 20px 0; } .node-selections-livres.view-mode-full .group-title{ display:block; float:left; width:100%; margin:0; } .node-selections-livres.view-mode-full .group-content{ display:block; float:left; width:85%; margin:0 0 20px 0; padding:0; } .node-selections-livres.view-mode-full .group-partage{ display:block; float:right; width:7%; margin:0 0 20px 0; } .node-selections-livres.view-mode-full .field-name-title-field h1{ margin:50px 0 0 0; font-size:5.0rem; font-weight:800; color:#191919; } .node-selections-livres.view-mode-full .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#818181; } .node-selections-livres.view-mode-full .field-name-field-image img{ display:block; float:left; width:100%; } .node-selections-livres.view-mode-full .field-name-body{ font-size:1.5rem; color:#191919; line-height:2; } /*** OFFRES D'EMPOILs ***/ #quicktabs-offres_emploi .quicktabs-tabpage{ float:left; width:100%; margin:0 0 70px 0; padding:0 ; } #quicktabs-offres_emploi .annonce{ display:block; float:left; width:100%; margin:0 0 50px 0; padding:0 100px 50px 100px; border-bottom:1px solid #d8d8d8; } #quicktabs-offres_emploi .annonce.views-row-last{padding-bottom:0; border-bottom:none; } #quicktabs-offres_emploi .annonce .views-field{ display:block; float:left; width:100%; margin:0 0 15px 0; padding:0; font-size:1.6rem; line-height:1.6; } #quicktabs-offres_emploi .annonce .field-label{ font-size:1.8rem; font-weight:700; color:#ad002d; } #quicktabs-offres_emploi .annonce .views-label{ margin-right:5px; font-weight:700; color:#ad002d; text-decoration:underline; } #quicktabs-offres_emploi .annonce .annonce-date{ font-size:1.2rem; font-weight:600; color:#878787; } #quicktabs-offres_emploi .annonce .annonce-date .views-label{ font-weight:600; color:#878787; text-decoration:none;} #quicktabs-offres_emploi .annonce .annonce-date .field-item::before{ content:"Annonce du "; } #quicktabs-offres_emploi .annonce .annonce-titre{ font-size:3.6rem; font-weight:700; color:#191919; line-height:1.4; } #quicktabs-offres_emploi .annonce .annonce-nom{ font-size:1.8rem; font-weight:400; color:#191919; } #quicktabs-offres_emploi .annonce .annonce-nom .views-label{ font-weight:400; color:#191919; } #quicktabs-offres_emploi .annonce .annonce-nom a{ font-weight:600; color:#ad002d; } #quicktabs-offres_emploi .annonce .annonce-nom a:hover{ text-decoration:underline; } #quicktabs-offres_emploi .annonce .annonce-poste{ } #quicktabs-offres_emploi .annonce .annonce-contrat { } #quicktabs-offres_emploi .annonce .annonce-lieu{ } #quicktabs-offres_emploi .annonce .annonce-category{ } #quicktabs-offres_emploi .annonce .annonce-body{ } #quicktabs-offres_emploi .annonce .annonce-body u{ color:#ad002d; } #quicktabs-offres_emploi .annonce .annonce-body ul{ padding:0 0 20px 3px; font-size:1.6rem; line-height:2; color:#191919; } #quicktabs-offres_emploi .annonce .annonce-body ul li{ color:#191919; margin:0; line-height:1.2; } #quicktabs-offres_emploi .annonce .annonce-body ul li::before {content: "•"; color:#ad002d; font-size:2.4rem; margin-right:10px; } #quicktabs-offres_emploi .annonce .xxxxxxxxxxxxxxxx{ } #quicktabs-offres_emploi .annonce .xxxxxxxxxxxxxxxx{ } #quicktabs-offres_emploi .annonce .xxxxxxxxxxxxxxxx{ } #quicktabs-offres_emploi .annonce .xxxxxxxxxxxxxxxx{ } #quicktabs-offres_emploi .annonce .xxxxxxxxxxxxxxxx{ } /*** QUICKTAB MAP GEOLOCALISATION ***/ .quicktab-geolocalisation{ background:#f4f4f4; padding-top:40px; padding-bottom:40px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; } .quicktab-geolocalisation .quicktabs-tabs{ display:block; float:left; width:100%; margin:20px 0 60px 0; } .quicktab-geolocalisation .quicktabs-tabs li{ display:block; float:left; margin:0 20px 0 0; padding:0; } .quicktab-geolocalisation .quicktabs-tabs li a{ display:block; float:left; font-size:1.6rem; text-transform:uppercase; color:#aed4da; padding:0 0 15px 0; } .quicktab-geolocalisation .quicktabs-tabs li.active{ } .quicktab-geolocalisation .quicktabs-tabs li.active a{ font-weight:600; color:#4f7e87; border-bottom:2px solid #4f7e87; } .quicktab-geolocalisation .block-map-geolocalisation{ display:block; float:left; width:100%; margin:0; padding:0; } .quicktab-geolocalisation .map_infos{ display:block; float:left; width:40%; } .quicktab-geolocalisation .map_infos_form{ display:block; float:left; width:100%; } .quicktab-geolocalisation .map_infos_form select{ display:block; float:left; width:70%; margin:20px 0; } #global .quicktab-geolocalisation .map_infos_form .btn{ display:block; float:left; clear:both; background:#4f7e87; cursor:pointer; } #global .quicktab-geolocalisation .map_infos_form .btn:active{ animation:pulse 0.2s; } .quicktab-geolocalisation .map_infos_title{ display:block; float:left; width:100%; margin:0 0 50px 0; font-size:2.8rem; font-weight:700; } .quicktab-geolocalisation .map_infos_text{ display:block; float:left; width:70%; margin:0 0 20px 0; font-size:2.0rem; color:#333; font-weight:600; } .quicktab-geolocalisation .map_chart{ display:block; float:left; width:60%; } .quicktab-geolocalisation .map_chart *{ transition:none; } /*** BLOCK SOCIALS LINKS ***/ .block-socials-links{ display:block; float:left; width:100%; margin:0; padding:50px 110px 0px 110px; border-top:1px solid #e7e7e7; } .block-socials-links .menu{ display:block; float:right; width:auto; margin:0; padding:0; } .block-socials-links .menu li{ display:block; float:left; margin:0; padding:0; } .block-socials-links .menu li a{ display:block; width:40px; height:40px; margin:0 10px 0 0; padding:0; border:1px solid #e7e7e7; line-height:0; text-align:center; font-size:0; border-radius:4px; } .block-socials-links .menu li a[href^="http://www.instagram"]::before, .block-socials-links .menu li a[href^="https://www.instagram"]::before, .block-socials-links .menu li a[href^="http://twitter"]::before, .block-socials-links .menu li a[href^="https://twitter"]::before, .block-socials-links .menu li a[href^="http://www.twitter"]::before, .block-socials-links .menu li a[href^="https://www.twitter"]::before, .block-socials-links .menu li a[href^="http://youtube"]::before, .block-socials-links .menu li a[href^="https://youtube"]::before, .block-socials-links .menu li a[href^="http://www.youtube"]::before, .block-socials-links .menu li a[href^="https://www.youtube"]::before, .block-socials-links .menu li a[href^="http://www.facebook"]::before, .block-socials-links .menu li a[href^="https://www.facebook"]::before{ display:block; width:100%; height:40px; font-size:2.0rem; font-family: 'FontAwesome' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:37px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .block-socials-links .menu li a[href^="http://www.pinterest"]::before, .block-socials-links .menu li a[href^="https://www.pinterest"]::before{ content:"\f0d2"; } .block-socials-links .menu li a[href^="http://www.instagram"]::before, .block-socials-links .menu li a[href^="https://www.instagram"]::before{ content:"\f16d"; } .block-socials-links .menu li a[href^="http://youtube"]::before, .block-socials-links .menu li a[href^="https://youtube"]::before, .block-socials-links .menu li a[href^="http://www.youtube"]::before, .block-socials-links .menu li a[href^="https://www.youtube"]::before{ content:"\f16a"; } .block-socials-links .menu li a[href^="http://twitter"]::before, .block-socials-links .menu li a[href^="https://twitter"]::before, .block-socials-links .menu li a[href^="http://www.twitter"]::before, .block-socials-links .menu li a[href^="https://www.twitter"]::before{ content:"\f099"; } .block-socials-links .menu li a[href^="http://www.facebook"]::before, .block-socials-links .menu li a[href^="https://www.facebook"]::before{ content:"\f09a"; } .block-socials-links .menu li a:hover{ background:#ad002d; } .block-socials-links .menu li a:hover::before{ color:#fff; } /*** BLOCK SOCIALS LIVE ***/ .block-socials-live{display:block; width:66%; float:left; margin:0; padding:0 0 0 110px; border-top:0; } .block-socials-live .views-row{ width:50%; float:left; margin:0 0 20px 0; padding:0 2% 0 0; } .block-socials-live .views-row:nth-child(3n+1){ clear:both; } .block-socials-live .views-row .field{ display:block; float:left; width:100%; margin:0; padding:0; } .univers-comics .block-socials-live, .univers-jeunesse .block-socials-live{ width:100%; float:left; margin:0; padding:0 110px; border-top:0; } .univers-comics .block-socials-live .views-row, .univers-jeunesse .block-socials-live .views-row{ width:33%; float:left; margin:0 0 20px 0; padding:0 2%; } .block-socials-live .views-row .field-name-field-facebook-link{ } .block-socials-live .views-row .field-name-body{ font-size:1.4rem; color:#686868; font-weight:400; line-height:1.6; padding:30px; } .block-socials-live .views-row .field-type-link-field{ display:none; } .block-socials-live .views-row .node{ display:block; float:left; width:100%; background:#f4f4f4; border-radius:10px; border:1px solid #e7e7e7; } .block-socials-live .views-row .node-facebook{ } .block-socials-live .views-row .field-type-image{ position:relative; border-radius:10px 10px 0 0; overflow:hidden; min-height:70px; } .block-socials-live .views-row .field-type-image a{ display:block; float:left; width:100%; } .block-socials-live .views-row:hover .node{ animation:pulse 0.5s; box-shadow:0 4px 10px -5px #000; } .block-socials-live .views-row .field-type-image img{ display:block; float:left; width:100%; margin:0; } .block-socials-live .views-row .field-type-image::before{ content:""; position:absolute; top:0; left:0; border-style:solid; border-width: 70px 70px 0 0; border-color: #000 transparent transparent transparent;} .block-socials-live .views-row .node-facebook .field-type-image::after{ content:"\f09a"; font-family:"fontAwesome"; font-size:2.2rem; color:#fff; padding:5px 10px 20px 5px; position:absolute; top:5px; left:10px; } .block-socials-live .views-row .node-instagram .field-type-image::after{ content:"\f16d"; font-family:"fontAwesome"; font-size:2.2rem; color:#fff; padding:2px 10px 20px 2px; position:absolute; top:5px; left:10px; } /* custom colors */ .block-socials-live-bd .views-row .field-type-image::before{ border-color: #d90e19 transparent transparent transparent; } .block-socials-live-comics .views-row .field-type-image::before{ border-color: #3b4090 transparent transparent transparent; } .block-socials-live-manga .views-row .field-type-image::before{ border-color: #e16307 transparent transparent transparent; } .block-socials-live-jeunesse .views-row .field-type-image::before{ border-color: #14a577 transparent transparent transparent; } .block-socials-live-livres .views-row .field-type-image::before{ border-color: #4f7e87 transparent transparent transparent; } .front .block-socials-live{ display:block; float:left; width:33%; margin:0 0 70px 0; border:none; } .front .block-socials-live{ padding:0 0 0 110px;} .front .block-socials-live + .block-socials-live{ padding:0 55px;} .front .block-socials-live + .block-socials-live + .block-socials-live{ padding:0 110px 0 0;} .front .block-socials-live .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0 0 0 0; } .front #block-block-44{ display:block; float:left; width:100%; margin:0 0 0 0; border:none; } .front #block-block-44 h2{ margin:0 0 10px 0; } /*** BLOCK instafeed ***/ .block-instafeed{ display:block; float:left; width:33%; margin:0 0 70px 0; padding:0 55px; border:none; } .block-instafeed .content{ display:block; float:left; width:100%; margin:0 0 20px 0; border-radius:10px; background:#f4f4f4; border:1px solid #e7e7e7; overflow:hidden; position:relative; } .block-instafeed .content a{ display:block; float:left; width:100%; padding:0 0 30px 0; } .block-instafeed .content:hover{ animation:pulse 0.5s; box-shadow:0 4px 10px -5px #000; } .block-instafeed .content a::before{ content:""; position:absolute; top:0; left:0; border-style:solid; border-width: 70px 70px 0 0; border-color: #000 transparent transparent transparent;} .block-instafeed .content a::after{ content:"\f16d"; font-family:"fontAwesome"; font-size:2.2rem; color:#fff; padding:2px 10px 20px 2px; position:absolute; top:5px; left:10px; } .block-instafeed .content img{ display:block; float:left; width:100%; margin:0; padding:0; } .block-instafeed .content p{ display:block; float:left; width:100%; max-height:140px; font-size:1.4rem; color:#686868; font-weight:400; line-height:1.6; padding:30px 30px 0 30px; overflow:hidden; } .block-instafeed .content::after{ content:"..."; font-family:"arial"; color:#686868; position:absolute; left:30px; top:auto; bottom:-5px; } /* custom colors */ .block-instafeed-bd .content a::before{ border-color: #d90e19 transparent transparent transparent; } .block-instafeed-comics .content a::before{ border-color: #3b4090 transparent transparent transparent; } .block-instafeed-manga .content a::before{ border-color: #e16307 transparent transparent transparent; } .block-instafeed-jeunesse .content a::before{ border-color: #14a577 transparent transparent transparent; } .block-instafeed-livres .content a::before{ border-color: #4f7e87 transparent transparent transparent; } /* front layout */ .front .block-instafeed{ display:block; float:left; width:33%; margin:0 0 70px 0; border:none; } .front .block-instafeed{ padding:0 0 0 110px;} .front .block-instafeed + .block-instafeed{ padding:0 55px;} .front .block-instafeed + .block-instafeed + .block-instafeed{ padding:0 110px 0 0;} .block-socials-live + .block-instafeed{ padding:72px 110px 0 0; } /*** SEARCH RECHERCHE RESULTS ***/ /*header*/ .block-search-results-header{ margin:0 0 50px 0; padding:0; } .search-results-header-title{ display:block; float:left; width:100%; margin:10px 0 30px 0; padding:0px 110px; } .search-results-header-title h1{ display:block; float:left; width:100%; font-size:5.0rem; font-weight:800; color:#191919; } .search-results-header-currentsearch{ display:block; float:left; width:100%; margin:0 0 40px 0; padding:0px 110px; font-size:1.8rem; font-weight:400; color:#191919; } .search-results-header-count{ display:block; float:left; width:100%; margin:0 0 40px 0; padding:0px 110px; font-size:1.8rem; font-weight:400; color:#191919; } .page-node-104955 .main-container{ padding-bottom:50px; } /*filters*/ .search-results-header-list{ display:block; float:left; width:100%; margin:0; padding:0px 110px; background:#f2f2f2; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .search-results-header-list li.search_block_filter{ display:block; float:left; padding:30px 10px; cursor:pointer; font-size:1.2rem; font-weight:600; color:#686868; text-transform:uppercase; } .search-results-header-list li.search_block_filter::before{ content:""; display:block; float:left; width:8px; height:8px; margin:0 10px 0 0; background:#fff; border:4px solid #fff; box-shadow:0 0 1px 1px #dddddd; } .search-results-header-list li.search_block_filter.active::before{ background:#d90e19; } .block-search-results{ animation:fadeInUp 0.3s; } .block-search-results.hide{ display:none; } .block-search-results .view-header{ display:none; } .block-search-results .views-row .field{ display:block; float:left; width:100%; margin:0 0 15px 0; } .block-search-results h2{ font-size:3.5rem; font-weight:800; color:#191919; } .block-search-results .field-name-node-link a, .block-search-results .lire-la-suite{ display:block; float:left; margin:30px 0 15px 0; padding:20px 40px; border-radius:5px; text-align:center; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; background:#ad002d; } .block-search-results .field-name-node-link a:hover, .block-search-results .lire-la-suite:hover{ animation:pulse 0.4s; box-shadow:0 3px 10px -5px #000; } .block-search-results-series{ } .block-search-results-series .views-row{ display:block; float:left; width:20%; margin:0 0 20px 0; padding:0; } .block-search-results-series .views-row .field-name-last-book-image{ display:block; width:100%; padding:0 15px 0 0;} .block-search-results-series .views-row .field-name-title{ display:block; width:100%; padding:0 15px 0 0;} .block-search-results-series .views-row .field-name-title a{ display:block; width:100%; text-align:left; font-size:1.4rem; font-weight:600; color:#191919; } /* .block-search-results-series .views-row:hover .field-name-last-book-image img{ animation:pulse 0.3s; box-shadow:0 2px 10px -5px #000; } */ .block-search-results-series .views-row a:hover{ text-decoration:underline; } /**/ .block-search-results-series .views-row .field-name-title a::before{ content:""; display:block; float:left; width:100%; text-align:center; line-height:250px; height:250px; margin:0 0 20px 0; background:#eee url(../img/glenat-couv-defaut.png) no-repeat top center; background-size:cover; } .block-search-results-series .views-row:hover .field-name-title a::before{ animation:pulse 0.3s; box-shadow:0 2px 10px -5px #000; } .block-search-results-series .views-row .field-name-last-book-image + .field-name-title a::before{ content:""; display:none; } .block-search-results-books{ } .block-search-results-books .views-row{ display:block; float:left; width:50%; margin:0 0 20px 0; padding:0; } .block-search-results-books .views-row:nth-child(2n+1){ clear:both; } .block-search-results-books .views-row .group_pictos{ display:block; float:left; width:100%; } .block-search-results-books .views-row .group_illustr{ display:block; float:left; width:40%; padding:0 30px 0 0; } .block-search-results-books .views-row .group_infos{ display:block; float:left; width:60%; padding:0 30px 0 0; } .block-search-results-books .views-row .field-name-hw-livre-couverture img{ width:100%; box-shadow:0 5px 15px -11px #000; } .block-search-results-books .field-name-hw-livre-titre-couv a{ font-size:1.8rem; font-weight:600; color:#191919; } .block-search-results-books .field-name-hw-intervenants .field{ margin:0 0 5px 0; } .block-search-results-books .field-name-hw-intervenants a{ font-size:1.3rem; font-weight:400; color:#686868; } .block-search-results-books .field-name-hw-livre-date-parution{ font-size:1.2rem; font-weight:600; color:#686868; } .block-search-results-books .field-name-hw-livre-sous-titre{ font-style:italic; color:#686868; } .block-search-results-books .field-name-hw-livre-collections .field-label{ font-weight:400; } .block-search-results-books .field-name-node-link a{ display:block; float:left; margin:30px 0 15px 0; padding:20px 40px; border-radius:5px; text-align:center; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; background:#ad002d; } .block-search-results-books .field-name-node-link a:hover{ animation:pulse 0.4s; box-shadow:0 3px 10px -5px #000; } .block-search-results-books .views-row:hover .field-name-hw-livre-couverture img{ animation:pulse 0.4s; box-shadow:0 3px 10px -5px #000; opacity:1;} .block-search-results-books .views-row .picto-a-paraitre, .block-search-results-books .views-row .picto-nouveaute{ margin:0; } /*hover links custom*/ .block-search-results-books .view-content .node-hw-livre{ position:relative; } .block-search-results-books .view-content .node-hw-livre:hover .field-type-image img{ opacity:0.5; } .block-search-results-books .view-content .node-hw-livre .field-name-field-liseuse{ display:none; } .block-search-results-books .view-content .node-hw-livre .hover-links{ width:35%; } .block-search-results-books .fiche-link{ background:#ad002d; } .block-search-results-authors{ } .block-search-results-authors .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0; } .block-search-results-authors .views-row .group_illustr{ width:20%; padding:0 30px 0 0; } .block-search-results-authors .views-row .group_infos{ width:80%; padding:0 30px 0 0; } .block-search-results-authors .field-name-title-field a{ font-size:1.6rem; font-weight:600; color:#191919; } .block-search-results-authors .field-name-hw-intervenant-biographie{ font-size:1.4rem; font-weight:400; color:#686868; line-height:1.5; } .block-search-results-news{ } .block-search-results-news .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0; } .block-search-results-news .views-row .group_illustr{ width:50%; padding:0 15px 0 0; } .block-search-results-news .views-row .group_infos{ width:50%; padding:0 0 0 15px; } .block-search-results-news .views-row .field-name-field-image img{ display:block; float:left; width:100%; } .block-search-results-news .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; } .block-search-results-news .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .block-search-results-news .views-row .field-name-hw-slide-univers .field-item a{ display:block; float:left; margin:0 5px 5px 0; padding:5px 10px; font-size:1.2rem; font-weight:600; color:#fff; border-radius:5px; } .block-search-results-videos{ } .block-search-results-videos .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0; } .block-search-results-videos .views-row .group_illustr{ width:50%; padding:0 15px 0 0; } .block-search-results-videos .views-row .group_infos{ width:50%; padding:0 0 0 15px; } .block-search-results-videos .views-row iframe{ display:block; float:left; width:100%; } .block-search-results-videos .views-row .field-name-hw-slide-univers .field-item a{ display:block; float:left; margin:0 5px 5px 0; padding:5px 10px; font-size:1.2rem; font-weight:600; color:#fff; border-radius:5px; } .block-search-results-videos .views-row .field-name-post-date{ font-size:1.2rem; font-weight:600; color:#686868; } .block-search-results-videos .views-row .field-name-title-field a{ font-size:1.8rem; font-weight:600; color:#191919; } .block-search-results-events{ } .block-search-results-events .views-row{ display:block; float:left; width:50%; margin:0 0 20px 0; padding:0; } .block-search-results-events .views-row .group_illustr{ width:40%; padding:0 30px 0 0; } .block-search-results-events .views-row .group_infos{ width:60%; padding:0 30px 0 0; } .block-search-results-events .views-row .field-name-title-field a{ font-size:1.4rem; font-weight:600; color:#191919; } .block-search-results-events .views-row .field-name-hw-evenement-date { display:block; float:left; width:20%; clear:both; padding:10px; border-radius:5px; background:#000; color:#fff; } .block-search-results-events .views-row .field-name-hw-evenement-date .date-display-single{ display:block; float:left; width:100%; font-size:1.8rem; font-weight:400; color:#fff; text-align:center; } .block-search-results-events .views-row .field-name-hw-evenement-date .date-display-single p{ font-size:1.2rem; font-weight:600; margin:0; text-transform:uppercase; } .block-search-results-events .views-row .field-name-field-type-evenement{ width:70%; margin:10px 0 5px 8%; font-size:1.2rem; font-weight:600; color:#686868; text-transform:uppercase; } .block-search-results-events .views-row .field-name-field-lieu-evenement{ width:70%; margin-left:8%; font-size:1.2rem; font-weight:400; color:#686868; } .block-search-results-events .views-row .field-name-hw-slide-univers .field-item a{ display:block; float:left; margin:0 5px 5px 0; padding:5px 10px; font-size:1.2rem; font-weight:600; color:#fff; border-radius:5px; } .block-search-results-concours{ } .block-search-results-concours .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0; } .block-search-results-concours .views-row .group_illustr{ width:50%; padding:0 15px 0 0; } .block-search-results-concours .views-row .group_infos{ width:50%; padding:0 0 0 15px; } .block-search-results-concours .views-row .field-name-hw-slide-univers .field-item a{ display:block; float:left; margin:0 5px 5px 0; padding:5px 10px; font-size:1.2rem; font-weight:600; color:#fff; border-radius:5px; } .block-search-results-concours .views-row .field-type-image img{ border-radius:5px; } .block-search-results-concours .views-row .field-name-title a{ font-size:1.8rem; font-weight:600; color:#191919; line-height:1.5; } .block-search-results-concours .views-row .field-name-hw-evenement-date{ font-size:1.2rem; font-weight:600; color:#686868; text-transform:uppercase; } .block-search-results-concours .views-row .field-name-field-type-de-jeu a{ display:block; float:left; padding:5px; border-radius:5px; font-size:1.1rem; font-weight:600; color:#818181; text-transform:uppercase; background:#e4e6e9; } .block-search-results-concours .views-row .field-name-field-type-de-jeu .field-item{ display:block; float:left; padding:5px; border-radius:5px; font-size:1.1rem; font-weight:600; color:#818181; text-transform:uppercase; background:#e4e6e9; } .block-search-results-concours .views-row .field-name-body{ font-size:1.4rem; font-weight:400; color:#686868; line-height:1.5; } .block-search-results-concours .views-row .field-name-node-link a{ display:block; float:left; margin:50px 0 0 0; padding:15px 35px; background:#ad002d; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; } .block-search-results-concours .views-row .field-name-node-link a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} /*** FAQ ***/ .block-quicktab-faq{ display:block; float:left; width:100%; } .block-quicktab-faq .quicktabs-wrapper{ display:block; float:left; width:100%; } .block-quicktab-faq .quicktabs-tabs{ display:block; display:flex; flex-flow:row nowrap; align-items:stretch; float:left; width:100%; margin:0; padding:0; } .block-quicktab-faq .quicktabs-tabs li{ display:block; float:left; flex:1; /*width:20%;*/ margin:0; padding:20px 10px 20px 10px; color:#fff; background:#fff; font-size:1.4rem; font-weight:600; } .block-quicktab-faq .quicktabs-tabs li a{ display:block; float:left; width:100%; margin:0; padding:20px 10px; color:#fff; background:#000; font-size:1.4rem; font-weight:600; text-transform:uppercase; } .block-quicktab-faq .quicktabs-tabs li a::after{ content:">"; font-size:1.4rem; font-weight:400; float:right; transform:rotate(0deg); transition:all 0.5s ease; } .block-quicktab-faq .quicktabs-tabs li a:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s;} /* custom colors */ .block-quicktab-faq .quicktabs-tabs li:nth-child(1) a{ background:#ad002d; color:#fff; } .block-quicktab-faq .quicktabs-tabs li:nth-child(2) a{ background:#d90e19; color:#fff; } .block-quicktab-faq .quicktabs-tabs li:nth-child(3) a{ background:#3b4090; color:#fff; } .block-quicktab-faq .quicktabs-tabs li:nth-child(4) a{ background:#e16307; color:#fff; } .block-quicktab-faq .quicktabs-tabs li:nth-child(5) a{ background:#14a577; color:#fff; } .block-quicktab-faq .quicktabs-tabs li:nth-child(6) a{ background:#4f7e87; color:#fff; } .block-quicktab-faq .quicktabs-tabs li.active { border-bottom:none; } .block-quicktab-faq .quicktabs-tabs li.active :after{ transform:rotate(450deg); } .block-quicktab-faq .quicktabs_main{ display:block; float:left; width:100%; } .block-quicktab-faq .quicktabs_main .view{ display:block; float:left; width:100%; margin:30px 0; padding:0 10px; } .block-quicktab-faq .quicktabs_main .views-row{ display:block; float:left; width:100%; margin:0 0 30px 0; padding:20px; background:#fff; border:1px solid #e7e7e7; animation:fadeInUp 0.4s; } .block-quicktab-faq .quicktabs_main .views-row .field-name-field-field-votre-question, .block-quicktab-faq .quicktabs_main .views-row .field-name-title-field{ display:block; float:left; width:100%; margin-bottom:1.5rem; font-size:1.8rem; text-transform:none; font-weight:700; } .block-quicktab-faq .quicktabs_main .views-row .field-name-post-date{ display:block; float:left; width:100%; font-weight:600; font-size:1.2rem; color:#686868; } .block-quicktab-faq .quicktabs_main .views-row .field-name-body{ display:block; float:left; width:100%; margin-bottom:1rem; font-size:1.4rem; line-height:1.5; color:#696969;} .block-quicktab-faq .quicktabs_main .views-row .field-name-title-field::before{ display:block; float:left; width:20px; content:"●"; color:#000; } .block-quicktab-faq .quicktabs-tabpage:nth-child(1) .views-row .field-name-title-field::before{ color:#ad002d; } .block-quicktab-faq .quicktabs-tabpage:nth-child(2) .views-row .field-name-title-field::before{ color:#d90e19; } .block-quicktab-faq .quicktabs-tabpage:nth-child(3) .views-row .field-name-title-field::before{ color:#3b4090; } .block-quicktab-faq .quicktabs-tabpage:nth-child(4) .views-row .field-name-title-field::before{ color:#e16307; } .block-quicktab-faq .quicktabs-tabpage:nth-child(5) .views-row .field-name-title-field::before{ color:#14a577; } .block-quicktab-faq .quicktabs-tabpage:nth-child(6) .views-row .field-name-title-field::before{ color:#4f7e87; } /*** FAQ FORM ***/ #block-formblock-faq-communaut-{ display:block; float:left; width:100%; position:relative; margin:40px 0 0 0 ; padding:20px 0; } #block-formblock-faq-communaut-::after{ content:""; display:block; background:#E4F6FF; width:99.5vw; height:100%; position:absolute; top:0; bottom:0; left:50%; margin-left:-50vw; z-index:-1; overflow:hidden; z-index:-1;} #block-formblock-faq-communaut- #edit-body{ display:none; } #block-formblock-faq-communaut- #edit-preview{ display:none; } #block-formblock-faq-communaut- #edit-submit{ display:block; float:right; width:auto; clear:both; margin:0px 0 20px 0; padding:10px 50px; font-size:16px; color:#fff; font-weight:600; text-transform:uppercase; background:#19aba7; border:1px solid #19aba7; border-radius:0; transition:all 0.4s ease 0s; border-radius:25px; } #block-formblock-faq-communaut- #edit-submit:hover{ background:#fff; color:#19aba7; border:1px solid #19aba7; box-shadow:none; /*animation:rubberBand 1s linear;*/ animation-fill-mode:both; } #block-formblock-faq-communaut- #edit-submit:hover{ animation:pulse 0.2s; animation-fill-mode:both; color:#19aba7; background:#fff; box-shadow:0 5px 20px -10px #000; } #block-formblock-faq-communaut- #edit-submit::after{ content:"Envoyer"; font-size:1.6rem; margin-left:10px; } #block-formblock-faq-communaut- h2{ font-size:2.4rem; font-weight:700; margin:20px 0 40px 0; } #block-formblock-faq-communaut- .group-left{ display:block; float:left; width:50%; padding:0 10px 0 0; } #block-formblock-faq-communaut- .group-right{ display:block; float:left; width:50%; padding:0 0 0 10px; } #block-formblock-faq-communaut- .form-wrapper{ display:block; float:left; width:100%; min-height:60px; margin:0 0 20px 0; padding:0 10px; } #block-formblock-faq-communaut- .form-wrapper input[type=text], #block-formblock-faq-communaut- .form-wrapper select, #block-formblock-faq-communaut- .form-wrapper textarea{ border:none; } #block-formblock-faq-communaut- .form-wrapper label{ display:block; float:left; width:100%; margin:0 0 5px 0; font-size:1.4rem; text-transform:uppercase; } #block-formblock-faq-communaut- #edit-field-optin input{ display:block; float:left; width:5%; margin:0; } #block-formblock-faq-communaut- #edit-field-optin label{ display:block; width:90%; float:left; margin:0; text-transform:none; font-size:1.6rem;} #block-formblock-faq-communaut- .vertical-tabs{ display:block; position:absolute; left:-100%; top:0; } /*** ESPACE USER ***/ .page-user #block-system-main{ padding:0; } .page-user.page-user-cancel #block-system-main{ padding:100px 20% 0 20%; } .page-user.not-logged-in #block-system-main{ padding:100px 20% 0 20%; } .page-user.not-logged-in #pre-footer{ background:#fff; padding:0 20% 100px 20%; } /* .page-user.not-logged-in #pre-footer #block-reachfive-login-reach5-block{ display:block; position:static; width:100%; } */ .page-user-edit{} .page-user-edit .tabs.primary{ display:none;} .page-user .block-quicktabs-books h2{ padding:0 100px; } .page-user .link-user-logout{ display:none!important; } /*** USER PAGES INTRO ***/ .page_user_title{ display:block; float:left; width:100%; padding:20px 110px; } .page_user_title h1{ display:block; float:left; width:100%; padding:0; margin-bottom:20px; } .page_user_introduction{ display:block; float:left; width:100%; padding:0px 110px; margin-bottom:50px; font-size:1.6rem; line-height:1.6; } .page_user_introduction p{ display:block; float:left; width:100%; margin:0 0 15px 0; } .page_user_content{} /*** USER PAGES MENU ***/ .menu.user-menu{ display:block; float:left; width:100%; padding:0; border-top:1px solid #e3e3e3; position:relative; } .menu.user-menu{ display:block; float:left; width:100%; margin:0 0 30px 0; display:flex; flex-flow:row nowrap; align-items:stretch; } .menu.user-menu li{ display:block; float:left; width:33.3333333%; flex:1; margin:0; padding:0; } .menu.user-menu li:last-child{ border-right:none;} .menu.user-menu li.active{ border-bottom:1px solid #fff;} .menu.user-menu li a{ display:block; float:left; width:100%; height:85px; padding:35px 5px; background:#f2f2f2; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; text-align:center; font-size:1.4rem; font-weight:600; color:#818181; text-transform:uppercase; position:relative; } .menu.user-menu li a::after{ content:""; display:block; width:0%; height:1px; background:transparent; position:absolute; bottom:0%; left:50%; transition:all 0.5s ease; } .menu.user-menu li a.active-trail::after{ background:#ad002d; width:30%; bottom:0%; left:35%; } .menu.user-menu li a.active-trail{ background:#fff; color:#ad002d; border-bottom:1px solid transparent;} .menu.user-menu li a:hover{ background:#dadada; } /* custom submenu */ .user-account-menu { position:relative; } .user-account-menu .menu{ display:none; position:absolute; top:100%; left:0; width:100%; z-index:412; margin:0;} .user-account-menu:hover .menu{ display:block; animation:fadeIn 0.2s; } .user-account-menu:hover .menu li{ display:block; float:left; width:100%; } .user-account-menu:hover .menu li a{ display:block; float:left; width:100%; } .menu.user-menu li a:hover{ background:#dadada; } /*solo version*/ .user-account-menu.first.last > a{ display:none; } .user-account-menu.first.last .menu{ display:flex; position:static; top:100%; left:0; width:100%; z-index:412; } .user-account-menu.first.last:hover .menu{ animation:none; } .page-user h1, .page-user .node-page.view-mode-full .field-name-title h1 { font-size: 3.5rem; color: #191919; font-weight: 800; text-transform: none; } .page-user .page_user_content h2{ font-size: 2.8rem; color: #191919; font-weight: 700; text-transform: none; padding:20px 100px; } .page-user .user-edit-form{ display:block; float:left; width:100%; padding:20px 110px 20px 110px; position:relative; } /* RESPONSIVE */ .page-user .user-edit-container{ display:block; float:left; width:100%; position:static; } .page-user .user-edit-container > fieldset{ display:block; float:left; width:65%; position:static; } .page-user .form-wrapper{ display:block; float:left; width:100%; position:static; } .page-user .form-item,.page-user .webform-component{ margin:0 0 15px 0; } .page-user .form-item,.page-user .webform-component{ margin:0 0 15px 0; } .page-user .page-user .fieldset.date-combo .container-inline-date .date-padding, .page-user .container-inline-date .form-item, .page-user fieldset.date-combo .container-inline-date .date-padding, .page-user .container-inline-date .form-item input{ width:100%; } .page-user #edit-picture{ width:25%; position:absolute; top:10px; right:100px; } .page-user #edit-picture legend{ display:none; } .page-user #edit-picture img{ display:block; float:left; width:100%; margin:0 0 20px 0; border:1px solid #e8e8e8; } .page-user #edit-picture .description{ display:block; float:left; width:100%; margin:5px 0; text-align:left; } .page-user #edit-picture .form-type-checkbox{ display:block; float:left; width:100%; margin:0; padding:0; } .page-user #edit-picture label{ display:block; float:left; width:100%; margin:5px 0 0 0; padding:0 0 5px 0; text-align:left; } .page-user #edit-picture input#edit-picture-upload{ display:block; float:left; width:100%; margin:0 0 5px 0; text-align:left; } .page-user .form-item label, .page-user .form-wrapper label, .page-user .form-wrapper legend, .page-user .webform-component label{ width:30%; padding:15px 0; text-align:left; } .page-user #global .fieldset-wrapper{ float:left; } .page-user #global .link-user-logout{ display:block; float:left; clear:both; width:auto; margin:-55px 0 50px 0; padding:0; font-size:1.4rem; color:#191919; border-bottom:1px solid #ad002d; font-weight:700; text-transform:uppercase; } .page-user #global .field-type-datetime .fieldset-wrapper{ float:right; } .page-user #global .field-type-datetime .fieldset-wrapper > div{ width:100%; } .page-user #global .field-type-datetime .fieldset-wrapper input{ margin:0; } .page-user .node-webform h1{ padding:0 100px; } .page-user .page_user_introduction h2{ padding:20px 0; font-size:4.0rem; } .page-user #global .field-type-datetime .fieldset-wrapper .description{ text-align:left; width:100%; } .page-user #global #edit-cancel{ display:block; float:left; clear:both; width:auto; margin:20px 0; padding:10px; font-size:1.4rem; color:#191919; background:none; border-radius:0; border-bottom:1px solid #ad002d; font-weight:700; text-transform:uppercase; } .page-user #global #edit-cancel{ display:block; float:left; clear:both; width:176px!important; height:42px!important; margin:20px 0; padding:0px!important; font-size:0rem!important; color:#191919; background:none; border-radius:0; border-bottom:1px solid #ad002d; background:url(../img/button-annuler-compte.png) no-repeat top left; } .page-user #global #user-cancel-confirm-form #edit-cancel{ clear:none; font-size:1.4rem!important; text-align:center; background:none; } /* .page-user #global #user-cancel-confirm-form #edit-submit{ display:block; float:left; clear:both; width:auto; margin:20px 0; padding:10px; font-size:1.4rem; color:#191919; background:none; border-radius:0; border-bottom:1px solid #ad002d; font-weight:700; text-transform:uppercase; } */ .page-user #global #user-cancel-confirm-form #edit-submit{ display:block; float:right; clear:none; width:176px!important; height:42px!important; margin:20px 0; padding:0px!important; font-size:0rem!important; color:#191919; background:none; border-radius:0; border-bottom:1px solid #ad002d; background:url(../img/button-annuler-compte.png) no-repeat top left; } .page-user #hw_profile_professional_roles_description{ display:block; float:left; width:100%; margin:50px 0 0 0; line-height:1.5; } .page-user #hw_profile_professional_roles_description h2{ display:block; float:left; width:100%; padding:0; margin:0 0 15px 0; font-size:3.8rem; font-weight:900;} /*** FORM MANAGED FILE ***/ .webform-component-managed_file{ display:block; float:left; width:100%; position:relative; } .webform-component-managed_file .form-managed-file{ display:block; float:left; width:100%; } .webform-component-managed_file .form-managed-file .file{ display:block; float:right; width:65%; } .webform-component-managed_file .form-managed-file .form-file{ display:block; } .webform-component-managed_file .form-managed-file .form-submit.ajax-processed{ position:absolute; top:5px; right:10px; margin:0; padding:0; width:40px; height:35px; font-size:0; background:#fff; border-bottom:1px solid #ad002d; background:#fff url(../img/icons/Download.png) no-repeat center center; background-size:50%; border-radius:0; transition:none; cursor:pointer; } .webform-component-managed_file .form-managed-file .file{ display:block; float:right; width:65%; padding:10px 0; } .webform-component-managed_file .form-managed-file .file + .form-submit.ajax-processed{ background-image:url(../img/icons/Fermer.png); } /*checkboxes*/ .page-user #edit-hw-profile-professional-roles{ width:100%; margin:50px 0 30px 0; padding:15px 35% 15px 15px; border:1px solid #e8e8e8; } .page-user .form-type-checkbox{ display:block; float:left; width:100%; margin:10px 0 10px 0; padding:0; } .page-user .form-type-checkbox label{ display:block; float:left; width:auto; text-align:left; padding:2px 5px; cursor:pointer; } .page-user .form-type-checkbox input{ display:none; visibility:hidden; } .page-user .form-type-checkbox input + label::before{ content:""; display:block; float:left; width:8px; height:8px; margin:0 10px 0 0; background:#fff; border:4px solid #fff; box-shadow:0 0 1px 1px #dddddd; } .page-user .form-type-checkbox input:checked + label::before{ background:#ad002d; } /* Mes gouts */ .page-user-interests{} .page-user-interests .form-item-parent-themes{} .page-user-interests .form-item-parent-themes > label{ font-size:2.0rem; font-weight:700; color:#191919; } .page-user-interests .form-item-parent-themes #edit-parent-themes{ display:block; float:left; width:100%; } .page-user-interests .form-item-parent-themes #edit-parent-themes > .form-item { display:block; float:left; width:40%; } .page-user-interests #edit-themes{} .page-user-interests #edit-themes > .form-item{ display:block; float:left; width:100%; animation:0.5s fadeInUp; } .page-user-interests #edit-themes > .form-item > label{ display:block; float:left; width:100%; font-size:2.0rem; font-weight:700; color:#191919; } .page-user-interests #edit-themes > .form-item .form-checkboxes > .form-item { display:block; float:left; width:40%; } .page-user-interests #edit-themes > .form-item .form-checkboxes > .form-item label{ } /*** USER WISHLIST ***/ .block-books-related.view-hw-wishlist .views-row{} .block-books-related.view-hw-wishlist .views-row:nth-child(2n+1){ clear:both; } /*** USER PRINT BTN wishlist & agenda ***/ .page-user .page_user_title{ position:relative; } .page-user .user-js-print{ display:block; position:absolute; top:0; right:50px; width:50px; height:50px; font-size:0; line-height:50px; overflow:hidden; border-radius:5px; border:1px solid #dddddd; background:#fff; text-align:center; } .page-user .user-js-print::before{ content:"\f02f"; font-family:"fontAwesome"; font-size:2.4rem; color:#191919; } .page-user .user-js-print:hover, .page-user .user-js-print:focus{ animation:pulse 0.4s; box-shadow:0 2px 10px -4px #000; } /*** USERS BUTTONS ***/ .flag-outer{ } .flag-wrapper{ display:block; float:left; width:100%; } .flag-wrapper a{ display:block; float:right; clear:both; width:50px; height:50px; margin:0 30px 10px 0; padding:0; font-size:0; line-height:1; color:#191919; overflow:hidden; border-radius:5px; border:1px solid #dddddd; background:#fff; transform:scale(1) rotate(0deg); transition:0.5s ease; text-align:center; } .flag-wrapper .flag-throbber::before{ display:inline-block; animation:fa-spin 1s infinite linear; content:"\f021"; font-family:"fontAwesome"; font-size:2.2rem; color:#ad002d; } .flag-wrapper .flag-throbber{ display:none; background:none; position:absolute; top:15px; left:0px; } .flag-wrapper.flag-waiting .flag-throbber{ display:block; animation:fadeIn 0.2s; } .flag-wrapper .flag-message{ width:30px; position:absolute; top:20px; left:0px; } .flag-wrapper .flag-success-message::before{ content:"\e903"; font-family:"icomoon"; font-size:1.4rem; color:#ad002d; animation:fadeOutRight 0.8s; animation-fill-mode:forwards; } .flag-wrapper a.unflagged + .flag-throbber + .flag-success-message::before{ content:"\e908"; } .flag-wrapper a.unflag-action{ background:#ad002d; } /*** Flags ***/ .flag-wrapper a::after { display:none; content:"add"; font-weight:600; font-size:1.4rem; line-height:1.4rem; text-transform:uppercase; position:absolute; top:10px; left:0px; padding:0 12px; width:100px; text-align:center; } .flag-hw-books a::after { content:"Créer une alerte"; } .flag-hw-wishlist a::after { content:"Ajouter à ma wishlist"; } .flag-hw-collections a::after , .flag-hw-calendar a::after , .flag-hw-authors a::after , .flag-hw-series a::after { content:"Créer une alerte"; } .flag-wrapper a{ position:relative; } .flag-wrapper a::before{ float:right; width:50px; text-align:center; line-height:50px; } .flag-wrapper a:hover{ width:170px; color:white; } .flag-wrapper a:hover::after{ display:block; animation:fadeInRight 1s; } .flag-wrapper a.unflag-action{ color:#fff; } .flag-wrapper a.unflag-action:hover{ width:50px; } .flag-wrapper a.unflag-action:hover::after{ display:none; } /*** WISHLIST BTN ***/ .flag-hw-wishlist a::before{ content:"\e919"; font-family:"icomoon"; font-size:2.4rem; } /*** ALERT BTNs ***/ .flag-outer-hw-authors, .flag-outer-hw-calendar, .flag-outer-hw-books { } .flag-outer-hw-collections{ display:block; float:right; clear:both; width:75px; margin-top:-70px; } .flag-outer-hw-series { display:block; float:right; clear:both; width:75px; margin-top:-65px; } .flag-outer-hw-collections a{ display:block; float:right; margin:0; } .flag-outer-hw-series a{ display:block; float:right; margin:0; } .flag-outer-hw-collections .flag-wrapper a, .flag-outer-hw-authors .flag-wrapper a, .flag-outer-hw-series .flag-wrapper a, .flag-outer-hw-calendar .flag-wrapper a, .flag-outer-hw-books .flag-wrapper a{ } .flag-outer-hw-collections .flag-wrapper a::before, .flag-outer-hw-authors .flag-wrapper a::before, .flag-outer-hw-series .flag-wrapper a::before, .flag-outer-hw-calendar .flag-wrapper a::before, .flag-outer-hw-books .flag-wrapper a::before{ content:"\e900"; font-family:"icomoon"; font-size:2.4rem; } .flag-outer-hw-collections .flag-wrapper a:hover, .flag-outer-hw-authors .flag-wrapper a:hover, .flag-outer-hw-series .flag-wrapper a:hover, .flag-outer-hw-calendar .flag-wrapper a:hover, .flag-outer-hw-books .flag-wrapper a:hover{ color:#fff; background:#ad002d; /*color:#fff; border-color:transparent;*/ } .flag-outer-hw-collections .flag-wrapper a.unflag-action, .flag-outer-hw-authors .flag-wrapper a.unflag-action, .flag-outer-hw-series .flag-wrapper a.unflag-action, .flag-outer-hw-calendar .flag-wrapper a.unflag-action, .flag-outer-hw-books .flag-wrapper a.unflag-action{ color:#fff; } /* Mes alertes */ .view-hw-alerts-node{ display:block; float:left; width:100%; margin:0 0 30px 0; padding:0 100px; } .view-hw-alerts-node .views-row{ display:block; float:left; width:100%; padding:15px 0; border-top:1px solid #f2f2f2; position:relative; } .view-hw-alerts-node .views-row .group_illustr{ width:10%; padding:0 10px 0 0 ; } .view-hw-alerts-node .views-row .group_infos{ width:90%; padding:10px 0; } .view-hw-alerts-node .views-row .field-type-image{ min-height:0!important; } .view-hw-alerts-node .views-row .field-type-image{ margin:0 0 5px 0; } .view-hw-alerts-node .views-row .field-type-image a{ font-size:1.6rem; font-weight:500; } .view-hw-alerts-node .views-row .field-name-hw-intervenants a{ font-size:1.3rem; color:#878787; } .view-hw-alerts-node .views-row .flag-wrapper{ position:absolute; top:5%; right:0; margin:0; } .view-hw-alerts-node .views-row .flag-wrapper a{ margin:0; width:40px; height:40px; line-height:40px; } .view-hw-alerts-node .views-row .flag-wrapper a::before{ font-size:1.4rem; } .view-hw-alerts-node .views-row .flag-wrapper a.unflag-action{ display:block; background:none; border:none; } .view-hw-alerts-node .views-row .flag-wrapper a.unflag-action::before{ color:#191919; content:"\e908"; font-size:1.4rem; } .view-hw-alerts-term{ display:block; float:left; width:100%; margin:0 0 30px 0; padding:0 100px; } .view-hw-alerts-term .views-row{ display:block; float:left; width:100%; padding:15px 0; border-top:1px solid #f2f2f2; position:relative; } .view-hw-alerts-term .views-row .group_illustr{ width:10%; padding:0 10px 0 0 ; } .view-hw-alerts-term .views-row .group_infos{ width:90%; padding:10px 0; } .view-hw-alerts-term .views-row .field-type-image{ min-height:0!important; } .view-hw-alerts-term .views-row .flag-wrapper{ position:absolute; top:20px; right:0; margin:0; } .view-hw-alerts-term .views-row .flag-wrapper a{ margin:0; width:40px; height:40px; line-height:40px; } .view-hw-alerts-term .views-row .flag-wrapper a::before{ font-size:1.8rem; } .view-hw-alerts-term .views-row .flag-wrapper a.unflag-action{ display:block; background:none; border:none; } .view-hw-alerts-term .views-row .flag-wrapper a.unflag-action::before{ color:#191919; content:"\e908"; font-size:1.4rem; } #hw-profile-newsletters-form{} #hw-profile-newsletters-form > div { display:block; float:left; width:100%; margin:0 0 50px 0; padding:0 100px; } #hw-profile-newsletters-form .form-submit { margin:30px 0; } /* contact */ .page-user .webform-client-form{ padding:20px 100px 20px 100px; position:relative; } /* RESPONSIVE */ /* ressources à telecharger */ .page-user .field-name-body { padding:20px 100px 20px 100px; } .page-user.page-node-107298 .node-page.view-mode-full .field-name-title{ display:block; padding:0 100px ; } .page-user.page-node-107298 #sidebar .region{ margin:0; } #global .block-ressources-telecharger{ margin:0 0 70px 0; } .block-ressources-telecharger h2{ font-size:3.6rem; font-weight:900; padding:0; } .block-ressources-telecharger .view-ressources-telecharger{ display:block; float:left; width:100%; } .block-ressources-telecharger .views-row{ display:block; float:left; width:33.3333%; padding:0 20px 20px 0; } /* RESPONSIVE */ .block-ressources-telecharger .views-row:nth-child(3n+1){ clear:both; } .block-ressources-telecharger .views-row .node-ressources-telecharger{ display:block; float:left; width:100%; padding:20px; border:1px solid #818181; position:relative; } .block-ressources-telecharger .views-row .field{ display:block; float:left; width:100%; margin:0 0 10px 0; min-height:0; } .block-ressources-telecharger .views-row .field-name-field-tag{ } .block-ressources-telecharger .views-row .field-name-field-tag .field-item{ display:block; float:left; padding:5px 5px; color:#fff; background:#ad002d; border-radius:5px; font-size:1.3rem; font-weight:600; text-transform:uppercase; } .block-ressources-telecharger .views-row .field-name-field-fichier{ } .block-ressources-telecharger .views-row .field-name-field-fichier .file{ } .block-ressources-telecharger .views-row .field-name-field-fichier img{ display:none; } .block-ressources-telecharger .views-row .field-name-field-fichier a{ display:block; position:absolute; top:20px; right:20px; font-size:0; } .block-ressources-telecharger .views-row .field-name-field-fichier a::before{ content:"\e906"; font-size:2.2rem; font-family:"icomoon"; } .block-ressources-telecharger .views-row .field-name-title-field{ font-size:1.4rem; font-weight:600; } .block-ressources-telecharger .views-row .field-name-post-date{ font-weight:600; font-size:1.3rem; color:#a3abb8; } .block-ressources-telecharger .views-row .field-name-field-livre-s-{ margin:0 } .block-ressources-telecharger .views-row .field-name-hw-slide-univers { display:none; } .block-ressources-telecharger .views-row .group_infos{ display:block; float:left; width:75%; padding-right:10px; } .block-ressources-telecharger .views-row .group_illustr{ display:block; float:left; width:25%; padding-top:30px; } /*Custom display with sidebar*/ .region-content-bottom .block-ressources-telecharger{ padding:0 20px; } .region-content-bottom .block-ressources-telecharger .views-row{ display:block; float:left; width:50%; padding:0 20px 20px 0; } /* RESPONSIVE */ .region-content-bottom .block-ressources-telecharger .views-row:nth-child(3n+1){ clear:none; } .region-content-bottom .block-ressources-telecharger .views-row:nth-child(2n+1){ clear:both; } .block-ressources-telecharger .views-row .univers-bd .field-name-field-tag .field-item{ background:#d90e19; } .block-ressources-telecharger .views-row .univers-comics .field-name-field-tag .field-item{ background:#3b4090; } .block-ressources-telecharger .views-row .univers-manga .field-name-field-tag .field-item{ background:#e16307; } .block-ressources-telecharger .views-row .univers-livres.jeunesse .field-name-field-tag .field-item{ background:#14a577; } .block-ressources-telecharger .views-row .univers-livres .field-name-field-tag .field-item{ background:#4f7e87; } /* dossier de presse */ #global .block-dossier-presse{ margin:0 0; } .block-dossier-presse .content{ position:relative; } .block-dossier-presse h2{ display:block; width:auto; padding:20px; color:#fff; background:#000; font-size:1.4rem; font-weight:600; text-transform:uppercase; background:#ad002d; } .block-dossier-presse h2::after{ content:">"; font-size:1.4rem; font-weight:400; float:right; margin-left:15px; } .block-dossier-presse.univers-bd h2{ background:#d90e19; } .block-dossier-presse.univers-comics h2{ background:#3b4090; } .block-dossier-presse.univers-mangas h2{ background:#e16307; } .block-dossier-presse.univers-jeunesse h2{ background:#14a577; } .block-dossier-presse.univers-livres h2{ background:#4f7e87; } .block-dossier-presse .view .more-link{ width:auto; position:absolute; top:0; right:0; left:auto; text-align:right; } /*** POPIN REACH5 LOGIN ***/ #block-reachfive-login-reach5-block{display:none;width:100vw;height:100vh;margin:0;padding:0; background-color:rgba(0,0,0,0.5);position:fixed;top:0; left:0; z-index:101;} #block-reachfive-login-reach5-block .close{display:block;width:100vw;height:100vh;margin:0;padding:0; background-color:rgba(0,0,0,0.5);position:fixed;top:0; left:0; z-index:101;} #block-reachfive-login-reach5-block{} #block-reachfive-login-reach5-block .content{display:block; float:left; width:50%;margin-left:25%; margin-top:5%; text-align:center; animation:fadeInDown 0.6s; } #block-reachfive-login-reach5-block .sc-gqjmRU{ position:relative; } #block-reachfive-login-reach5-block .sc-VigVT{ position:absolute; top:-25px; } #block-reachfive-login-reach5-block .content{position:relative; z-index:102;} /* #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before{ content:"Accédez à votre espace personnel ! Vous pouvez-vous connecter avec vos comptes sur les réseaux sociaux ou avec votre email." } */ /* #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before{ display:block; float:left; width:100%; font-size:1.4rem; line-height:1.5; padding:20px 0 40px 0; } */ #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before { display:none; } #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div .intro{ display:block; float:left; width:100%; font-size:1.4rem; line-height:1.5; padding:0px 0 20px 0; } #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div .intro p{ display:block; float:left; width:100%; margin:0 0 15px 0; } #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div .intro h2{ display:block; float:left; width:100%; font-size:2.0rem; text-align:center; margin:0 0 15px 0;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div.kYTXDV .intro{ display:none; } @media (max-width: 768px) { #block-reachfive-login-reach5-block .content{ width:80%; margin-left:10%; } #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE{ padding:50px 30px; } } #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE{display:inline-block; border-radius: 0;margin: 0;max-width:600px; padding: 50px;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE .sc-htpNat.kYTXDV{text-align: left;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form {margin-bottom: 80px;margin-top: 40px;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form button {border-radius:0 5px 5px 0;width:30%;float: left; background-color:#ad002d; border-color:#ad002d;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form input {border-radius:5px 0 0 5px ;width: 70%;float: left;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE .sc-ifAKCX.chXlmk span{float: left;color: #000;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE .sc-ifAKCX.chXlmk{margin: 40px 0;} #block-reachfive-login-reach5-block .r5-social-buttons.sc-gZMcBi.cBZHny{border-radius: 0;margin: 0;max-width: 600px;} #block-reachfive-login-reach5-block .r5-social-buttons.sc-gZMcBi.cBZHny .r5-btn-social-facebook{width: 100%;border-radius:5px;margin-bottom: 10px;} #block-reachfive-login-reach5-block .r5-social-buttons.sc-gZMcBi.cBZHny .r5-btn-social-google{width: 100%;border-radius: 5px;} .page-node-107325 .region-content .block-views {border-bottom:1px solid #ccc; margin-bottom:20px!important;} /****************************************************************************************/ /* ADDITIONNAL CSS (from rVeccia ) */ /*** Site Map ****/ .site-map-box-menu-menu-menu-sitemap ul.site-map-menu {padding: 0 !important; margin: 0 0.5%;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li {width: 19%; display: inline-block; font-size: 1em; vertical-align: top; margin-bottom: 20px;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li a{color: #AD002D; font-size: 1.2em; font-weight: bold;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li.first {font-weight: bold; } .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li.first:before {content: ">";position: relative;float: right; font-weight: normal; transform: rotate(90deg);-webkit-transform: rotate(90deg);} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li.first:hover:before {content: ">";position: relative;float: right; font-weight: normal; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li:nth-child(2):before {content: ">";position: relative;float: right;transform: rotate(90deg);-webkit-transform: rotate(90deg);} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li:nth-child(2):hover:before {content: ">";position: relative;float: right;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li {width: 100%; display: block; font-size: 1em; font-weight: normal; margin: 10px 0;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li a {font-size: 1em; font-weight: bold; color: #000} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li ul{display: none;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li ul li a{color: #373737;font-weight: normal;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li ul li:before{display: none;} .site-map-box-menu-menu-menu-sitemap ul.site-map-menu li ul li:hover ul{display: block;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu {padding: 0 !important; margin: 0 0.5%;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li {width: 19%; display: inline-block; font-size: 1em; vertical-align: top; margin-bottom: 20px;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li a{color: #AD002D; font-size: 1.2em; font-weight: bold;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li.first {font-weight: bold; } .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li:first-child ul li.first:before {content: ">";position: relative;float: right; font-weight: normal; transform: rotate(90deg);-webkit-transform: rotate(90deg);} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li:first-child ul li.first:hover:before {content: ">";position: relative;float: right; font-weight: normal; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li {width: 100%; display: block; font-size: 1em; font-weight: normal; margin: 10px 0;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li a {font-size: 1em; font-weight: bold; color: #000} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li ul{display: none;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li ul li a{color: #373737;font-weight: normal;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li ul li:before{display: none;} .site-map-box-menu-menu-sitemap-2 ul.site-map-menu li ul li:hover ul{display: block;} /* Separator */ .page-node-107325 .region-content .block-views {border-bottom: 1px solid #ccc;margin-bottom: 20px !important;} /* Page recherche */ .block-views .content .view-facettes .view-content .node-hw-livre .item-list ul li {margin: 0 0 20px 0;} .block-views .content .view-facettes .view-content .node-hw-livre .item-list ul li a {color: #686868;} /*custom colors univers*/ .univers-bd .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a:hover, .univers-bd .group-partage .partage a:hover, .univers-bd .flag-wrapper a:hover, .univers-bd .flag-wrapper a.unflag-action, .univers-bd .picto-nouveaute::before, .univers-bd .picto-a-paraitre::before, .univers-bd .node-hw-livre.view-mode-full .acheter .buybutton{ background-color:#d90e19; } .univers-comics .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a:hover, .univers-comics .group-partage .partage a:hover, .univers-comics .flag-wrapper a:hover, .univers-comics .flag-wrapper a.unflag-action , .univers-comics .picto-nouveaute::before, .univers-comics .picto-a-paraitre::before, .univers-comics .node-hw-livre.view-mode-full .acheter .buybutton{ background-color:#3b4090; } .univers-mangas .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a:hover, .univers-mangas .group-partage .partage a:hover, .univers-mangas .flag-wrapper a:hover, .univers-mangas .flag-wrapper a.unflag-action, .univers-mangas .picto-nouveaute::before, .univers-mangas .picto-a-paraitre::before, .univers-mangas .node-hw-livre.view-mode-full .acheter .buybutton{ background-color:#e16307; } .univers-jeunesse .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a:hover, .univers-jeunesse .group-partage .partage a:hover, .univers-jeunesse .flag-wrapper a:hover, .univers-jeunesse .flag-wrapper a.unflag-action, .univers-jeunesse .picto-nouveaute::before, .univers-jeunesse .picto-a-paraitre::before, .univers-jeunesse .node-hw-livre.view-mode-full .acheter .buybutton{ background-color:#14a577; } .univers-livres .node-hw-livre.view-mode-full .field-name-hw-livre-site-article .field-item a:hover, .univers-livres .group-partage .partage a:hover, .univers-livres .flag-wrapper a:hover, .univers-livres .flag-wrapper a.unflag-action, .univers-livres .picto-nouveaute::before, .univers-livres .picto-a-paraitre::before, .univers-livres .node-hw-livre.view-mode-full .acheter .buybutton{ background-color:#4f7e87; } /****************************************************************************************/ /* .block { display:block; float:left; width:100%; padding:20px;} .view { display:block; float:left; width:100%; } .view .views-row{ display:block; float:left; width:20%; } .field-name-field-livre-s- { display:block; float:left; width:100%; } .field-name-field-livre-s- .field-item{ display:block; float:left; } .view-livres-rayon-home .views-row{ display:block; float:left; width:100%; } */ /***********************************************************************************************************************************/ /******* TABLETTE *******/ @media screen and (min-width: 760px) and (max-width: 1250px){ /*** LAYOUT ***/ #header .logo{ width:20%; height:auto; } #navbar{ width:80%; } #sidebar{ padding:0 2.5%; } #global .block, .block-news-list.block-news-list-tier, .node-type-hw-livre .block-agenda-list.block-agenda-list-tier, #content .block{ padding-left:2.5%; padding-right:2.5%; } #footer{ padding:0; } #footer .container{ padding-left:2.5%; padding-right:2.5%; } #global #footer .block{ padding-left:0; padding-right:5px; } #footer .block-socials-links{ width:26%; } .front #content .block-slideshow{ padding:0; } .front #content .block-slideshow .slick{ margin:0; } /*** AJUSTEMENTS ***/ .node-hw-livre.view-mode-full .group-content, .node-hw-intervenant.view-mode-full .group-content, .node-article.view-mode-full, .container{ display:block; float:left; width:100%; padding:0; margin:0; border:none;} .block-slick-books{} .block-slick-books .unslick .node-hw-livre{ width:25%; } .slick .slick-prev{ left:-5px; } .block-slick-books .slick .slick-prev{ left:-25px; } .block-quicktabs-books .block-slick-books .slick .slick-prev{ left:-35px; } .slick .slick-next{ right:-5px; } .block-slick-books .slick .slick-next{ right:-25px; } .block-quicktabs-books .block-slick-books .slick .slick-next{ right:-35px; } .group-partage .partage a{ margin:0 10px 10px 0!important; } .group-partage .flag-wrapper a{ margin:0 10px 10px 0!important; } .group-partage .flag-wrapper a{ margin:0 10px 10px 0!important; } .flag-wrapper .flag-throbber, .flag-wrapper .flag-message{ left:0px; } .node-hw-intervenant.view-mode-full .group-illustr{ padding-left:10px; } .block-dossier-list .more-link, .block-video-list .more-link, .block-agenda-list .more-link, .block-news-list .more-link, .block-slick-books .view .more-link{ right:2.5%; } .block-books-related{ padding-top:30px; border-top:1px solid #e7e7e7; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link a{ width:100%; } .block-books-related .node-hw-livre.view-mode-recherche a#hw-lien-liseuse{ width:100%; } .block-inscription-newsletter{ background:#ad002d; } .block-slideshow .node-hw-slide .group_infos .field-name-title-field{ font-size:3.5rem; margin:0 0 10px 0; } .global .block-slideshow .node-hw-slide .group_infos{ top:15%; } .global .block-slideshow .slick .slick-dots{ bottom:0; } #global .block-book-list-home{ width:18.7%; padding:0;} #global .block-book-list-home .views-row{ padding:0 5px;} #global #block-views-5-livres-home-block{ width:22.5%; padding:0 0 0 2.5%;} .block-slick-taxo h2, .block-slick-taxo .content{ padding:0;} .block-history .content{ background-position:top 50px left; padding-bottom:0; } #global .block-menu-decouvriraussi ul.menu li a{ width:100%; height:200px; padding:50px; font-size:3.0rem; } #global .block-menu-decouvriraussi ul.menu li a:hover{ font-size:3.5rem; } #global .block-menu-decouvriraussi ul.menu li a::after { bottom:110px; left:0; } .block-collection-special .view-livres-rayon-home .views-row .field-type-image{ height:auto; } .block-agenda-list .views-row .group-left{ width:20%; } .block-agenda-list .views-row .group-right{ width:75%; } .vocabulary-hw-collections.view-mode-full .group-content{ width:95%; margin:0 2.5%; padding:20px 40px; } .vocabulary-hw-collections.view-mode-full .field-name-hw-slide-image + .group-content{ margin-top:200px; } .block-menu-univers ul.menu li a{ min-height:68px; padding:25px 20px 20px 20px; } .block-menu-univers ul.menu li a.link-jeunesse{ padding:20px 20px 20px 20px; } /*** FORM ***/ .webform-component-date .webform-datepicker .form-type-select{ width:30%; } .webform-component-date .webform-datepicker .webform-calendar {display: block;float: left;width: 10%;height: 49px;padding: 14px;} .webform-component-checkboxes .form-checkboxes .form-type-checkbox{ width:auto; margin:0 10px 10px 0; } .field-type-datetime .webform-datepicker .form-type-select{ width:30%; } .field-type-datetime .webform-datepicker .webform-calendar {display: block;float: left;width: 10%;height: 49px;padding: 14px;} .webform-component-checkboxes .form-checkboxes .form-type-checkbox{ width:auto; margin:0 10px 10px 0; } /*** NAVIGATION ***/ #navigation .block-menu{ padding:0; } #navbar #navigation .content > ul.menu{ transition:none; margin:0 0 50px 0; } #navbar #navigation .content > ul.menu > li{ display:block; float:left; width:10%; transition:none;} #navbar #navigation .content > ul.menu > li > a.link-menu{ width:auto; width:100%; padding:10px; font-size:0; transition:none; } #navbar #navigation .content > ul.menu > li > a.link-menu::before { left:25%; width:50%; } #navbar #navigation .content > ul.menu > li.li-bd{} #navbar #navigation .content > ul.menu > li.li-comics, #navbar #navigation .content > ul.menu > li.li-mangas, #navbar #navigation .content > ul.menu > li.li-livres{ width:14%; } #navbar #navigation .content > ul.menu > li.li-jeunesse{ width:17%;} #navbar #navigation .content > ul.menu > li{ display:block; float:left; } #navbar #navigation .content > ul.menu > li > a{ display:block; float:left; width:100%; padding:0; text-align:center; vertical-align:middle; line-height:90px; } #navbar #navigation .content > ul.menu > li.li-jeunesse > a.link-jeunesse{ padding:30px 20px 0 20px; line-height:1; } #navbar #navigation .content > ul.menu > li > ul.menu{ padding:50px 4%; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog{ width:66%; padding:0 20px 0 0;} #navigation .content > ul.menu > li > ul.menu > li.li-une{ width:34%; padding:0 0; } #navigation .content > ul.menu > li > ul.menu > li.li-nouveautes{ width:66%; padding:20px 0 0 0; } #pre-header .top_header_menu ul li a.link-account::after{ display:none; } } /***********************************************************************************************************************************/ /******* MOBILE *******/ /* @media (max-width: 760px){ */ @media (max-width: 760px){ /* Toolbar margin-top */ body.toolbar { margin-top:100px; } /*** GLOBAL LAYOUT ***/ html{ font-size: 62.5%; } body{ background:#fff; } body,a,p,span,ul,ol,li{ /*font-size:inherit;*/ color:inherit; margin:0; padding:0; } .html .nav > li > a:hover, .html .nav > li > a:focus{ background:none; } hr{ border-color:#e0e0e0; } .block{ float:left; padding:0 4%; width:100%; border:none; } .block h2{display:block; float:left; width:100%; text-align:center; font-size:3.0rem; } .line{display:block; float:left; width:100%;} .view { display:block; float:left; width:100%; } .view .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; } #global iframe{ display:block; float:left; width:100%; } .global{ display:block; float:none; margin:0 auto; width:100%; padding:0; } .container{ padding:0 ; overflow:hidden; } .main-container{ width:100%; margin:70px 0 20px 0; } #content .container{ display:block; float:left; width:100%; padding:0; } #highlighted .container{ display:block; float:left; width:100%; padding:0; } #block-system-main{ display:block; float:left; width:100%; } #breadcrumb, #block-hw-breadcrumb-block-breadcrumb-block{ display:none; } #sidebar{ display:block; float:left; clear:none; width:100%; margin:0 0 20px 0; padding:0 4%; } #sidebar .region{ margin:20px 0; padding:0; } #sidebar + #content-bottom-blue{ display:block; float:left; clear:none; width:100%; margin:0 0 20px 0; padding:0; } #global .more-link{ display:block; float:left; width:100%; margin:15px 0 15px 0; position:static; text-align:center; } /*** HEADER ***/ #header{ display:block; float:left; width:100%; height:70px; margin:0; padding:0 ; border-bottom:1px solid #e7e7e7; } #header{ position:fixed; top:0; left:0; background:#fff; z-index:1072; } #header .container{ display:block; float:left; width:100%; margin:0; padding:0 ; } #header-content{ display:block; float:left; width:100%; margin:0; padding:0 ; } #header .logo{ display:block; float:left; width:40%; height:auto; margin:0%; padding:10px ; text-align:center; position:relative; z-index:172;} #header .logo img{ max-width:100px; } /* top header */ #pre-header .top_header_menu{ display:block; width:40%; position:fixed; top:0; right:0; margin:0; padding:0; z-index:1092; } #pre-header .top_header_menu ul li{ display:block; width:50%; float:left; margin:0;} #pre-header .top_header_menu ul li a{ display:none; padding:23px 5px; text-align:center; } #pre-header .top_header_menu ul li a:hover{ text-decoration:none; } /* account & search link */ #pre-header .top_header_menu ul li a.link-search{ display:block; float:left; width:100%; margin:0; height:69px; font-size:0;border-left:none; } #pre-header .top_header_menu ul li a.link-search.active{ background:#000; } #pre-header .top_header_menu ul li a.link-search.active::before{ content:"\e908"; color:#fff; transform:rotate(180deg); } #pre-header .top_header_menu ul li a.link-account{ display:block; float:left; width:100%; height:69px; font-size:0; border-left:1px solid #e7e7e7; } #pre-header .top_header_menu ul li a.link-account::after{ display:none; } /*** NAVIGATION ***/ #navbar{ display:block; float:left; width:100%; } #navbar .navbar-toggle{ display:block; float:left; width:20%; height:69px; position:absolute; top:0; left:40%; z-index:172; border:none; border-right:1px solid #e7e7e7; background:none; font-size:0px; color:black; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; } #navbar .navbar-toggle::before{ display:block; content:"\e90e"; font-family:"icomoon"; font-size:2.4rem; font-weight:400; font-style:normal; color:#191919; transition:all 0.5s ease; transform:rotate(0deg); } #navbar .navbar-toggle.active{ background-color:black; } #navbar .navbar-toggle.active::before{ transform:rotate(180deg) ; color:white;} /* account & search link */ /* #header a.link-search{ display:block; float:left; width:20%; height:69px; font-size:0; border-left:1px solid #e7e7e7; } */ /* #header a.link-account{ display:block; float:right; width:20%; height:69px; font-size:0; border-left:1px solid #e7e7e7; } */ #navigation{ display:block; float:left; width:100%; } #navigation #block-system-main-menu{ display:block; float:left; width:100%; height:90vh; height:calc(100vh - 70px); margin:0; padding:0 0 0 0; position:absolute; top:70px; left:0; z-index:142; background:#fff; overflow-y:auto; transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); box-shadow:none; } #navigation.active #block-system-main-menu{ display:block; animation:none; transform: translate3d(0%,0,0); -webkit-transform: translate3d(0%,0,0); } #navigation .block-menu{ display:block; float:left; width:100%; margin:0; padding:0; } #navigation .content > ul.menu{ display:block; float:left; width:100%; margin:0 0 50px 0; padding:0; } #navigation .content > ul.menu > li{ display:block; float:left; width:100%; text-align:left; border:none; position:relative; } /* #navigation .content > ul.menu > li.leaf{ display:none; } */ #navigation .content > ul.menu > li > a{ display:block; float:left; width:100%; height:auto; text-align:left; padding:20px 20px; line-height:1; background:#fff!important; color:#191919!important; position:relative;} #navigation .content > ul.menu > li.active > a, #navigation .content > ul.menu > li > a:hover{ color:#fff; } #navigation .content > ul.menu > li.active > a, #navigation .content > ul.menu > li.active-trail > a{ } /*decorations*/ #navigation .content > ul.menu > li::before{ content:""; display:block; width:90%; height:1px; background:#e7e7e7; position:absolute; bottom:0; left:20px; z-index: 1; } #navigation .content > ul.menu > li::after{ content:""; display:block; width:75px; height:2px; background:#000; position:absolute; bottom:0; left:20px; z-index: 1; transition:all 0.2s linear;} #navigation .content > ul.menu > li > a::after{ content:""; } #navigation .content > ul.menu > li.expanded > a::after{ content:"\f078"; font-family:"fontAwesome"; font-size:1.8rem; color:#191919; display:block; position:absolute; top:0; right:5%; padding:20px; transform:rotate(0deg); transition:transform 0.3s ease; } #navigation .content > ul.menu > li.active > a::after{ transform:rotate(180deg); } #navigation .content > ul.menu > li.active::after{ width:90%; } /*custom colors*/ #navigation .content > ul.menu > li:nth-child(2)::after{ background-color:#d90e19; } #navigation .content > ul.menu > li:nth-child(3)::after{ background-color:#3b4090; } #navigation .content > ul.menu > li:nth-child(4)::after{ background-color:#e16307; } #navigation .content > ul.menu > li:nth-child(5)::after{ background-color:#14a577; } #navigation .content > ul.menu > li:nth-child(6)::after{ background-color:#4f7e87; } /* submenu */ #navigation .content > ul.menu > li > ul.menu{ display:none; min-width:0; position:relative; background:#fff; padding:0 0 20px 0; background:none; box-shadow:none; } #navigation .content > ul.menu > li:hover > ul.menu{ display:none; } #navigation .content > ul.menu > li.active > ul.menu{ display:block; z-index:42; transition:all 0.2s linear; animation:fadeInLeft 0.3s; } #navigation .content > ul.menu > li > ul.menu > li{ display:block; float:left; width:100%; margin:0; padding:0; } #navigation .content > ul.menu > li > ul.menu > li > a{ background:#fff; color:#191919; margin:0; padding:0 0 15px 0; } /*custom first submenu*/ #navigation .content > ul.menu > li.first::after{ display:none; } #navigation .content > ul.menu > li > a.link-menu{ display:none; } #navigation .content > ul.menu > li > a.link-menu + .menu{ display:block; padding:10px 0; border-bottom:1px solid #e7e7e7; opacity:1; visibility:visible; box-shadow:none; } #navigation .content > ul.menu > li > a.link-menu + .menu > li > a{ font-size:1.6rem; font-weight:600; color:#444; padding:12px 20px; } #navigation .content > ul.menu > li > a.link-menu + .menu ul.menu{ display:none; padding:0 20px 15px 20px; } #navigation .content > ul.menu > li > a.link-menu + .menu > li.active > ul.menu{ display:block; animation:fadeInLeft 0.2s; } #navigation .content > ul.menu > li > a.link-menu + .menu li:focus ul.menu{ display:block; } #navigation .content > ul.menu > li:hover > a.link-menu + .menu{ animation:none; } /* SubSubmenu */ #navigation .content > ul.menu > li > ul.menu > li > ul.menu{ display:block; position:static; padding:10px; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li{ display:block; float:left; width:100%; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li > a{ display:inline-block; height:auto; font-size:1.4rem; font-weight:400; color:#000; text-transform:none; padding:10px 0; position:relative; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li > a::after{ content:""; display:block; height:2px; width:0; position:absolute; bottom:3px; left:0; background-color:#888; transition:0.5s ease; } #navigation .content > ul.menu > li > ul.menu > li > ul.menu > li > a:hover::after{ width:100%; } /* li catalog */ #navigation .content > ul.menu > li > ul.menu > li.li-catalog{ width:100%; margin:0; padding:20px; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu { padding:0; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li{ width:50%; padding:0 5px 0 0; } #navigation .content > ul.menu > li > ul.menu > li.li-catalog > ul.menu > li.last{ text-align:center; } /* a la une */ #navigation .content > ul.menu > li > ul.menu > li.li-une{ width:100%; margin:0; padding:20px; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu { padding:0; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li{ width:50%; padding:0 5px 0 0; } #navigation .content > ul.menu > li > ul.menu > li.li-une > ul.menu > li.last{ text-align:center; } /* li nouveautés - view */ #navigation .content > ul.menu > li > ul.menu > li.li-nouveautes{ display:none; } /* li espacepro - view */ #navigation .content > ul.menu > li > a.link-espacepro + ul.menu{ padding:20px; } /*** BLOCK SEARCH FORM ***/ #pre-header #block-views-exp-live-results-search-page{ display:none; width:100%; position:fixed; top:70px; left:0; right:0; padding:20px 5%; text-align:left; box-shadow:0 10px 20px -15px #000; } #pre-header .top_header_menu ul li a.link-search.active + .menu{ display:block; } #pre-header .top_header_menu ul li a.link-search.active + .menu #block-views-exp-live-results-search-page{ display:block; animation:fadeInUp 0.3s; } #block-views-exp-live-results-search-page .form-text{ font-size:1.4rem; } #block-views-exp-live-results-search-page #autocomplete{ display:block; float:left; width:100%; height:auto; } #block-views-exp-live-results-search-page #autocomplete ul{ display:block; float:left; width:100%; position:static; } #block-views-exp-live-results-search-page #autocomplete ul li{ display:block; float:left; width:100%; } #block-views-exp-live-results-search-page #autocomplete ul li a{ display:block; float:left; width:100%; text-align:left; padding:20px 20px; } /*** PARTAGE ***/ /* .global .group-partage .partage a{ float:left; margin:0 0 10px 0; } */ /* .global .group-partage .flag-wrapper a:hover{width:50px; } */ /* .global .group-partage .flag-wrapper a:hover::after {display:none; } */ /*** PARTAGE ***/ #global .group-partage { display:block; float:left; width:100%; position:relative; margin:0 0 15px 0; } #global .group-partage::after { width:40px; height:40px; line-height:40px; left:auto; right:0; top:0; } #global .group-partage .partage_wrap { float:left; width:100%; position:static; animation:fadeInRight 0.3s; } #global .group-partage .partage_wrap > * { display:block; float:left; } #global .group-partage .partage a{ width:40px; height:40px; line-height:40px; float:left; clear:none; margin:0 10px 10px 0!important; } #global .group-partage .partage a::before{ line-height:40px; } #global .group-partage .flag-wrapper a{ width:40px; height:40px; line-height:40px; margin:0 10px 10px 0;} #global .group-partage .flag-wrapper a::before{ width:40px; height:40px; line-height:40px; } #global .group-partage .flag-wrapper a:hover{width:40px; } #global .group-partage .flag-wrapper a:hover::after {display:none; } #global .group-partage .print_html, #global .group-partage .print_mail, #global .group-partage .print_pdf, #global .group-partage .print_epub { margin:0; padding:0; } /*** FOOTER ***/ #footer { } #footer .block{ padding:0; } #footer .container{ padding:0 4%; } #footer .block-footer-text{ width:100%; margin:50px 0 20px 0; padding:0; } #footer .block-footer-text h2{ width:130px; } #footer .block-footer-text .content{ margin:10px 0; } #footer .block-footer-menu{ display:block; float:left; width:50%; margin:0 0 20px 0; padding:0; } #footer .block-footer-menu h2{ margin:0 0 20px 0; } #footer .block-footer-menu-last{ display:block; float:left; width:100%; margin:0 0 30px 0; } #footer .block-footer-copyrights{ padding:20px 0; } #footer .block-footer-copyrights ul li{ width:100%; padding:0; border:none; } #footer .block-footer-copyrights ul li.first{ padding:0; border:none; } #footer .block-formulaire-newsletter{ width:100%; margin:-30px 0 0 0; padding:0; } #footer .block-formulaire-newsletter .formulaire{ width:100%; } #footer .block-socials-links{ width:100%; min-height:50px; margin:20px 0; text-align:center; } #footer .block-socials-links ul.menu{ text-align:center; } #footer .block-socials-links ul li{ display:inline-block; float:none; } /*** PAGINATION ***/ .view .item-list .pager{} .view .item-list .pager li span, .view .item-list .pager li a{ padding:0 5px; } /*** pages / nodes TITLES ***/ .node-hw-livre.view-mode-full .field-name-title-field h1, .node-hw-livre.view-mode-full .field-name-hw-livre-titre-couv h1, .xxxxxxxxxxxxxxxxxxxxxxx, .node-article.view-mode-full .field-name-title-field h1, .node-webform.view-mode-full h1, .node-selections-livres.view-mode-full .field-name-title-field h1, .view-selection-list .view-header .views-row .title, .node-jeu-concours.view-mode-full .field-name-title-field h1, .node-vid-os.view-mode-full .field-name-title-field h1, .node-hw-evenement.view-mode-full .field-name-title h1, .view-header-univers #page-title, .node-hw-intervenant.view-mode-full .field-name-title-field h1, .view-header h1, .taxonomy-term.view-mode-full .field-name-title h1, .view-auteurs .view-header h1, .page-title{ font-size:3.0rem; text-align:center; font-weight:800; } /*** BLOCK SLIDESHOW ***/ .block-slideshow{ margin-top:20px; } .block-slideshow .content{ padding:0 4%; } .block-slideshow .slick-list{ overflow:visible; } .block-slideshow .slick__slide{ } .block-slideshow .node-hw-slide{ margin:0 5px; border:1px solid #ddd; border-radius:5px; overflow:hidden; } .block-slideshow .node-hw-slide .group_illustr img{ border-radius:0; } .block-slideshow .node-hw-slide .group_infos{ display:block; width:100%; position:static; padding:20px; } .front .block-slideshow .node-hw-slide .group_infos{ margin-top:-15px; padding:0 20px 20px 20px; width:100%; } .global .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-univers a{ display:inline-block; float:none; padding:8px 10px; font-size:1.4rem; text-transform:uppercase; } .block-slideshow .node-hw-slide .group_infos .field { text-align:center; } .block-slideshow .node-hw-slide .group_infos .field-name-title-field{ font-size:2.4rem; font-weight:600; color:#191919!important; } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-texte{ font-size:1.5rem; font-weight:400; color:#191919!important; } .block-slideshow .node-hw-slide .group_infos .field-name-hw-slide-url a{ display:inline-block; float:none; } .block-slideshow .slick nav .slick-prev, .block-slideshow .slick nav .slick-next{ display:none!important; } .block-slideshow .slick .slick-dots{ position:static; margin:15px 0; } /*** BLOCK MEnU UNIVERS ***/ .block-menu-univers{ margin:0 0 20px 0; } .block-menu-univers ul.menu li{ width:100%; margin:0 0 10px 0; } /*** BLOCK BOOK LIST HOME UNIVERS ***/ .block-book-list-home{ display:none; } /*** BLOCK ACTUS ***/ #global .block-news-list{ width:100%; padding:0 4%; } #global .block-news-list-tier{ padding-bottom:20px; border-bottom:1px solid #e7e7e7; } .block.block-news-list .views-row{ width:100%; } .block.block-news-list.block-news-list-home .views-row{ padding:0 0 40px 0; margin:0 5px 20px 5px; clear:none!important; } /*** BLOCK AGENDA ***/ #global .block-agenda-list{ width:100%; padding:0 4%;} #global .block-agenda-list-tier{ } .block-agenda-list .views-row:nth-child(n+5){ display:none; } /*** VIEW AGENDA LIST ****/ .view-agenda-list .views-row { width:100%; } .view-agenda-list .views-row .field-name-title-field { margin-top:15px; } .view-agenda-list .views-row .field-name-title-field *, .view-agenda-list .views-row .field-name-title-field a{ line-height:1; text-align:left; font-size:1.6rem; } .view-agenda-list .views-row .field-name-hw-evenement-date{ width:25%; padding:15px; } .view-agenda-list .views-row .field-name-field-type-evenement{ width:70%; } .view-agenda-list .views-row .field-name-field-lieu-evenement{ width:70%; } .view-agenda-list .views-row .field-name-field-date-en-texte{ width:70%; } /*** PAGE AGENDA > facet filter ***/ .page-agenda #sidebar{ padding:0; } .page-agenda #sidebar .region::before {font-size:1.4rem; font-weight:700; color:#686868; text-transform:uppercase; padding:15px 7%; } .page-agenda .block-facetapi{ width:100%; padding:0 7%;} .page-agenda .block-facetapi .content{ padding-top:20px; } .page-agenda .block-facetapi .content{ padding-top:20px; } .page-agenda .block-facetapi .content{ width:100%; margin:0 0 0 0; position:static; } .page-agenda .block-facetapi h2{ font-size:1.4rem; font-weight:700; color:#686868; text-transform:uppercase; } .page-agenda .block-facetapi .content{ display:none; width:100%; min-width:200px; text-align:left; } .page-agenda .block-menu.block-menu-filter{ width:100%; padding:0 7%; } .page-agenda .block-menu.block-menu-filter h2{ width:100%; text-align:left; max-width:100%; font-size:1.4rem; font-weight:700; color:#686868; text-transform:uppercase; padding:15px 10px 15px 0; } .page-agenda .block-menu.block-menu-filter h2::after{ float:right; font-size: 1.0rem; } .page-agenda .block-menu.block-menu-filter .menu{ position:static; width:100%; text-align:left; max-width:100%; padding:0; } /*** BLOCK CUSTOM NUMBERS ***/ .block-home-numbers{ padding-top:20px; } .block-home-numbers h2{ font-size:3.0rem; text-align:center; margin:0 0 20px 0; } .block-home-numbers .glenatnumbers_list_item{ width:50%; } .block-home-numbers .glenatnumbers_list_item:nth-child(2n+1){ clear:both; } .block-home-numbers .glenatnumbers_list_item .number{ font-size:4.0rem; margin:0 0 10px 0; } /*** BLOCK HISTORY ***/ .block-history{ } .block-history .content{ padding:100vw 0 0 0; text-align:center; background-position:top left; background-size:100% 95vw; border-radius:5px; } .block-history .content p{ line-height:1.6; } /*** BLOCK MENU DECOUVRIR AUSSI ***/ .block.block-menu-decouvriraussi ul.menu li{ width:100%; margin:0 0 20px 0; } .block-menu-decouvriraussi ul.menu li a{ width:100%; } /*** BLOCK UNIVERS INTRO ***/ .block-univers-intro{ display:block; float:left; width:100%; text-align:center;} .block-univers-intro h1{ display:block; float:left; width:100%; padding:0 10%; text-align:center; font-size:4.0rem; } .block-univers-intro p{ font-size:1.4rem; line-height:1.6; } /*** NODE VIEW FULL > all full size ***/ .main-container .view-mode-full{ width:100%; padding:0 4%; } .node-page.view-mode-full .field-name-title h1{ font-size:4.0rem; text-align:center; } /*** PAGE LIVRE ***/ .node-hw-livre.view-mode-full{} .node-hw-livre.view-mode-full .group-content{ width:100%; margin:0; padding:0; } .node-hw-livre.view-mode-full .group-illustr{ width:100%; margin:0; padding:0; text-align:center; } .node-hw-livre.view-mode-full .group-title{ width:100%; margin:0; padding:0; text-align:center; } .node-hw-livre.view-mode-full .group-body{ width:100%; margin:0; padding:0; } .node-hw-livre.view-mode-full .group-infos{ width:100%; margin:0; padding:20px; } .node-hw-livre.view-mode-full .group-infos .group-infos-auteurs, .node-hw-livre.view-mode-full .group-infos .group-infos-details , .node-hw-livre.view-mode-full .group-infos .group-infos-rewards{ width:100%; margin:0 0 15px 0; padding:0; } .node-hw-livre.view-mode-full .field-name-hw-livre-slide + .group-content .group-illustr{ margin-top:-240px; } .node-hw-livre.view-mode-full .group-illustr .field-liseuse-link-anchor{ display:inline-block; float:none; width:auto; } .node-hw-livre.view-mode-full .field-name-title-field h1{ font-size:4.0rem; } .node-hw-livre.view-mode-full .field-name-hw-livre-sous-titre{ font-size:3.0rem; } .node-hw-livre.view-mode-full .field-name-hw-presentation-editoriale{ font-size:1.4rem; } .node-hw-livre.view-mode-full .field-name-hw-livre-mots-cles .field-item{ display:block; float:left; margin:0 10px 10px 0; } .node-hw-livre.view-mode-full .field-name-hw-interventions .field-name-hw-natinterv .field-item{ display:block; float:left; padding-right:10px; } .node-hw-livre.view-mode-full .field-liseuse-link-anchor, .node-hw-livre.view-mode-full .field-name-hw-livre-site-article, .node-hw-livre.view-mode-full .acheter{ clear:both; margin:0 0 15px 0; } .node-hw-livre.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-hw-livre.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-hw-livre.view-mode-full .group-partage.active::after{ content:"x"; } .node-hw-livre.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-hw-livre.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } .node-hw-livre.view-mode-full .group-extrait-audio h2{ text-align:left; font-size:3.0rem; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs{ padding:20px 0 100px 0; position:relative; } .node-hw-livre.view-mode-full .group-extrait-audio .audiojs .play-pause{ width:100%; margin:0; } .node-type-hw-livre #block-views-liseuse-block{ } .node-type-hw-livre #block-views-liseuse-block .content{ display:block; float:left; position:relative; width:100%; } .node-type-hw-livre #block-views-liseuse-block iframe{ } .node-type-hw-livre #block-views-liseuse-block .liseuse_link{ display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; text-align:center; font-size:0; z-index:212; } .node-type-hw-livre #block-views-liseuse-block .liseuse_link::before{ content:"Cliquez pour lire"; display:inline-block; padding:15px; margin:66% 0 0 0; background:#333; text-align:center; font-size:1.8rem; color:#fff; } /*** BLOCKS VIDEOS ***/ .block-video-slideshow{} .block-video-slideshow .node{ padding:0; } .block-video-slideshow .slick-slide{ margin:0 10px; } .block-video-slideshow .slick-dots{ display:block!important; } .block-video-list{ } .block-video-list-univers .views-row.views-row-first{ padding:0; } .block-video-list-univers .views-row.views-row-first .field-name-field-vid-os, .block-video-list-univers .views-row.views-row-first .field-name-field-vid-os iframe{ height:auto; } .block-video-list-univers .views-row .field-name-field-vid-os{ width:100%; } .block-video-list-univers .views-row .field{ width:100%; } .block-video-list .more-link{ position:static; width:100%; text-align:center; } /*** BLOCK ON EN PARLE ***/ .block-onenparle{ margin:40px 0; } .block-onenparle .slick{ margin:0; } .block-onenparle .node{ padding:0; } .block-onenparle .node::before{ position:static; float:left; width:20%; font-size:50px; } .block-onenparle .field-name-field-citation{ width:80%; font-size:3.4rem; } .block-onenparle .field-name-field-auteur-citation{ width:50%; margin:0; padding:10px; text-align:right; } .block-onenparle .field-name-field-date-citation{ width:50%; margin:0; padding:10px; text-align:left; } /*** BLOCK QUICKTABS BOOKS ***/ .block-quicktabs-books{ } .block-quicktabs-books .quicktabs-tabs{ display:block; float:left; width:100%; margin:0 0 10px 0; } .block-quicktabs-books .quicktabs-tabs li{ display:none; width:100%; border:none;} .block-quicktabs-books .quicktabs-tabs li.active{ display:block; } .block-quicktabs-books .quicktabs-tabs li.active a:before{ display:block; float:right; content:"\f078"; font-size:1.6rem; font-family:"fontAwesome"; transform:rotate(0deg); transition:transform 0.3s ease; } .block-quicktabs-books .quicktabs-tabs li a:after{ display:none; } .block-quicktabs-books .quicktabs-tabs.active li{ display:block; float:left; width:100%; background:#aaa; } .block-quicktabs-books .quicktabs-tabs.active li.active a:before{ transform:rotate(180deg); } .block.block-quicktabs-books .quicktabs-tabs.active li a, .block.block-quicktabs-books .quicktabs-tabs.active li.active a{ display:block; float:left; width:100%; background:#e7e7e7; color:#191919!important; padding:20px; border:none; } .block.block-quicktabs-books .quicktabs-tabs li a{ font-size:2.0rem; background:#fff; text-align:left; color:#191919!important; text-transform:none; border:none;} .block.block-quicktabs-books .quicktabs-tabs.active + .quicktabs_main{ display:none; } .block.block-quicktabs-books .quicktabs_main{} .block.block-quicktabs-books .quicktabs_main .block-slick-books{ padding:0 0 20px 0; } .block.block-quicktabs-books .quicktabs_main .block-slick-books h2{ display:none; } .block.block-quicktabs-books .quicktabs_main .block-slick-books .node-hw-livre{ padding:0 2px; } .block.block-quicktabs-books .quicktabs_main .block-slick-books .view .more-link{ position:static; width:100%; text-align:center; } /*** PAGE AUTEURS LIST ***/ .view-auteurs .attachment-before.attachment{display:none} .view-auteurs .attachment-before.showLetters{display:block} .view-auteurs .filtreNomAuteur{background-color:#f2f2f2; height:80px;display:block; float:left; position:relative;width:110%; margin-left:-5%;padding:25px; margin-bottom:20px; cursor:pointer; } .view-auteurs .filtreNomAuteur p{float:left;font-size:1.3em;color:#686868;line-height:1.8em} .view-auteurs .filtreNomAuteur a.active{float:right;font-size:1.5em;color:#ad002d;border-bottom:1px solid #ad002d;padding-bottom:5px} .view-auteurs .letterTitle{font-size:2em;text-align:center;display:block;margin:20px;font-weight:700} .view-auteurs .filtreLettre{width:10px;margin-left:10px;float:right;font-size:2em;color:#686868;transform:rotate(90deg);-webkit-transform:rotate(90deg)} .view-auteurs .filtreLettre.filterOpen{font-size:2em;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)} /*** PAGE AUTEUR ***/ .node-hw-intervenant.view-mode-full{ } .node-hw-intervenant.view-mode-full .field-name-field-image{ } .global .node-hw-intervenant.view-mode-full .group-content, .global .node-hw-intervenant.view-mode-full .group-illustr, .global .node-hw-intervenant.view-mode-full .group-body{ width:100%; margin:0; padding:0; background:none;} .node-hw-intervenant.view-mode-full .field-name-field-image + .group-content .group-illustr{ margin-top:70px; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-photos{ text-align:center; } .node-hw-intervenant.view-mode-full .field-name-hw-intervenant-photos *{ display:inline-block; float:none; } .node-hw-intervenant.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-hw-intervenant.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-hw-intervenant.view-mode-full .group-partage.active::after{ content:"x"; } .node-hw-intervenant.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-hw-intervenant.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } /*** PAGE TAXO ***/ .taxonomy-term.view-mode-full .group-content{ width:100%; margin:0; padding:20px 0; } .taxonomy-term.view-mode-full .field-name-field-image{ width:30%; padding:20px 0; } .taxonomy-term.view-mode-full .field-name-title h1{ font-size:4.0rem; text-align:center; } .taxonomy-term.view-mode-full .taxonomy-term-description{ font-size:1.4rem; text-align:center; } /*** PAGE TAXONOMY > COLLECTION ***/ .vocabulary-hw-collections.view-mode-full{ } .vocabulary-hw-collections.view-mode-full .field-name-hw-slide-image{ position:static; margin:0; } .vocabulary-hw-collections.view-mode-full .field-name-hw-slide-image + .group-content{ margin-top:0px; } /*** BLOCK CUSTOM COLLECTION ***/ .global .block-collection-special{ margin-top:0; padding:40px 4%; } .block-collection-special .view-collections > .view-content{ width:100%; } .block-collection-special .view-collections > .view-content .field-name-field-logo{ position:static; width:100%; max-height:150px; overflow:hidden; } .block-collection-special .view-collections > .view-content .field-name-field-description-courte, .block-collection-special .view-collections > .view-content .taxonomy-term-description, .block-collection-special .view-collections > .view-content .field-name-field-argumentaire-collection{ margin:0 0 30px 0; width:100%; } .block-collection-special .view-collections > .view-content .field-name-field-image{ width:100%; height:150px; position:static; text-align:center; } .block-collection-special .view-collections > .view-content .field-name-field-image img{ display:inline; width:80%; position:static; height:auto; } .block-collection-special .view-livres-rayon-home .views-row .field-type-image{ height:auto; } .block-collection-special .view-collections > .view-content{ width:100%; } .global .block-collection-special .view-livres-rayon-home .views-row{ width:50%; margin:0 0 20px 0; } .block-collection-special .view-collections > .view-footer{ width:100%; } .block-collection-special .view-livres-rayon-home .more-link{ width:100%; text-align:center; } /*custom*/ .block-collection-special-fleshbones .view-collections > .view-content .field-name-field-image img{ width:60%; } .block-collection-special-bandesdessinees .view-collections > .view-content .field-name-field-image{ height:150px; } .block-collection-special-bandesdessinees .view-collections > .view-content .field-name-field-image img{ width:150px; } .block-collection-special-overthepop .view-collections > .view-content .field-name-field-description-courte{ position:static; } .block-collection-special-overthepop .view-collections > .view-content .field-name-field-image{ border-radius:0; } /*** BLOCK CONCOURS LIST ***/ .block-concours-list{} .block-concours-list .views-row .field{ text-align:center; } .block-concours-list .views-row .group_infos{ width:100%; margin:0 0 0 0; } .block-concours-list .views-row .group_illustr{ position:static; width:100%; margin:0 0 0 0; } .block-concours-list .views-row .field-type-image{ margin:0; } .block-concours-list .views-row .field-name-node-link a{ display:inline-block; float:none; } .block-concours-list .views-row .field-name-field-type-de-jeu .field-item{ display:inline-block; float:none; } /*** BLOCK DOSSIER LIST ***/ .block-dossier-list{ } .block-dossier-list-univers .views-row.views-row-first{ width:100%; margin:0; padding:0; } .block-dossier-list .views-row .field-type-image{ width:100%; margin:0; padding:0; } .block-dossier-list .views-row .field{ width:100%; margin:0 0 10px 0; padding:0; } .block-dossier-list .more-link{ position:static; width:100%; text-align:center; } /*** BLOCK QUATRESFLEUVES ***/ .block-special-quatrefleuves{ margin-top:20px; } .block-special-quatrefleuves p{ width:100%; margin:0 0 0 0; text-align:center; } .block-special-quatrefleuves .content::after{ display:block; float:left; position:static; width:100%; text-align:center; } .block-special-quatrefleuves .more-link{ position:static; width:100%; text-align:center; } /*** BLOCK FACET API ***/ .block-facetapi{ padding:0; border-bottom:1px solid #e7e7e7; overflow:hidden;} .block-facetapi h2{ font-size:1.4rem; margin:0; padding:20px 4%; text-align:left; cursor:pointer; } .block-facetapi h2:after{ display:block; float:right; content:"\f078"; font-size:1.0rem; font-family:"fontAwesome"; transform:rotate(0deg); transition:transform 0.3s ease; } .block-facetapi .content{ display:none; float:left; padding:0 4% 20px 4%; } .block-facetapi.active .content{ display:block; animation:fadeInLeft 0.3s; } .block-facetapi.active h2:after{ transform:rotate(180deg); } /*** BLOCK COLLECTION LIST SLICK***/ .block-slick-collection-list{ margin:30px 0 50px 0; } .block-slick-collection-list .slick-list{ overflow:visible!important; } .block-slick-collection-list .content{ padding:0 10%; } .block-slick-collection-list .slick-slide{ margin:0 10px; } .block-slick-collection-list .slick-slide > div{ margin:0 0 20px 0; } .block-slick-collection-list .views-row{ clear:none!important; } /*** BLOCK SLICK TAXO ***/ .block-slick-taxo{ margin:0 0 20px 0; padding:10px 0;} .block-slick-taxo .slick-list{ overflow:visible; } .block-slick-taxo .slick-slide{ margin:0 10px; } .block-slick-taxo .content{ padding:0 15%; } .block-slick-taxo .taxonomy-term{ padding:0; } .block-slick-taxo .taxonomy-term .field-name-field-image .field-items{ width:100%; height:auto; } .block-slick-taxo .taxonomy-term .field-name-field-image .field-item{ width:100%; height:auto; line-height:0; } .block-slick-taxo .views-row{ clear:none!important; } .block-slick-taxo h2{ padding:20px 0 0 0; } .block-slick-taxo .taxonomy-term .field-name-title a{ font-size:1.4rem; } .global .block-slick-taxo .slick .slick-dots{ display:block; position:static; margin:15px 0; } /*** BLOCK POUR QUEL AGE ***/ .block-menu-pourquelage{ padding:20px 2.5%; } .block-menu-pourquelage .content{ padding:0 10%; } .block-menu-pourquelage .slick-list{ overflow:visible; } .block-menu-pourquelage .slick-slide{ margin:0 10px; } .block-menu-pourquelage .content a{ padding:0; font-size:1.4rem; } /*** VIEW MOBILE SLICK ***/ /* .slick{ margin:0 0 0 0; } */ .global .block-mobile-slick .views-row{ clear:none!important; } .block-mobile-slick .slick-list{ overflow:visible; } .block-mobile-slick .slick-list .slick-slide{ margin:0 5px; } #global .block-mobile-slick .slick-list .slick-slide iframe{ height:300px; } .block-mobile-slick .slick-dots{ display:none; float:left; width:100%; position:static; padding:10px;} /*** VIEW BOOK LIST ***/ .view-book-list .views-row{ width:50%; } .view-book-list .views-row:nth-child(5n+1), .view-book-list .views-row:nth-child(3n+1){ clear:none; } .view-book-list .views-row:nth-child(2n+1){ clear:both; } /*** BLOCK SLICK BOOKS ***/ .block-slick-books{ padding-bottom:20px; border-bottom:1px solid #e7e7e7; } .block-slick-books .slick-list{ overflow:visible; } .block-slick-books .slick-slide{ margin:0 5px; } .block-slick-books .unslick .node-hw-livre{ width:50%; } /*** VIEW COLLECTION LIST ***/ .view-collection-list{} .view-collection-list .views-row{ width:50%; margin:0; padding:0 0 20px 0; } .view-collection-list .views-row:nth-child(3n+1){ clear:none; } .view-collection-list .views-row:nth-child(2n+1){ clear:both; padding-right:2%;} .view-collection-list .views-row:nth-child(2n){ padding-left:2%; } /*** VIEW SERIES LIST ***/ .view-serie-list{ } .view-serie-list .views-row{ width:50%; padding:0; margin:0 0 30px 0; } .view-serie-list .views-row:nth-child(5n+1){ clear:none; } .view-serie-list .views-row:nth-child(2n){ padding-left:2%; } .view-serie-list .views-row:nth-child(2n+1){ padding-right:2%; clear:none; } /*** VIEW HEADER UNIVERS ***/ .view-header-univers{ margin:20px 0 0 0; text-align:center; } .view-header-univers #page-title{ } /*** PAGE ACTU ***/ .node-article.view-mode-full{} .node-article.view-mode-full .field-name-title-field h1{ text-align:center; } .node-article.view-mode-full .field-name-post-date{ text-align:center; } .node-article.view-mode-full .group-illustr{ width:100%; } .node-article.view-mode-full .group-content{ width:100%; } .node-article.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-article.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-article.view-mode-full .group-partage.active::after{ content:"x"; } .node-article.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-article.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } .node-article.view-mode-full .field-name-body blockquote{ margin:0 0 10px 0; padding:0 0 0 40px; font-size:2.4rem; } .node-article.view-mode-full .field-name-body blockquote::before{ font-size:3rem; } /*** BASIC PAGE ***/ .node-page.view-mode-full{ } .node-page.view-mode-full .field-name-body blockquote{ margin:0 0 10px 0; padding:0 0 0 40px; font-size:2.4rem; } .node-page.view-mode-full .field-name-body blockquote::before{ font-size:3rem; } /*** BLOCK TEXT CHRONOLOGIE ***/ .block-text-chronologie{ margin-bottom:50px!important; } #global .block-text-chronologie h2{ text-indent:0; text-align:left; font-size:4.0rem; margin:0 0 20px 0; } #global .block-text-chronologie p{ width:100%; font-size:1.4rem; line-height:1.6; margin-left:0; } #global .block-text-chronologie ul{ display:block; float:left; width:100%; font-size:1.4rem; line-height:1.6; margin-left:0; } #global .block-text-chronologie .content p:first-child img{ display:block; float:left; width:100%; position:static; text-align:left; } #global .block-text-chronologie p img{ width:100%!important; height:auto!important; margin:0px 0 20px 0; } #global .block-text-chronologie h5{ padding:0 0 20px 0; margin:0 0 20px 0; font-size: 3.0rem; } #global .chronologie_frise{display:none; } /*** PAGE EVENEMENT ***/ .node-hw-evenement.view-mode-full{ border-bottom:1px solid #e7e7e7; } .node-hw-evenement.view-mode-full .field-name-title h1{ } .node-hw-evenement.view-mode-full .field-name-post-date{ text-align:center; } .node-hw-evenement.view-mode-full .group-illustr{ width:100%; padding:0; } .node-hw-evenement.view-mode-full .group-content{ width:100%; padding:0; } .node-hw-evenement.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-hw-evenement.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-hw-evenement.view-mode-full .group-partage.active::after{ content:"x"; } .node-hw-evenement.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-hw-evenement.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } /*** PAGE VIDEO ***/ .node-vid-os.view-mode-full{ } .node-vid-os.view-mode-full .field-name-title h1{ text-align:center; } .node-vid-os.view-mode-full .field-name-post-date{ text-align:center; } .node-vid-os.view-mode-full .group-illustr{ width:100%; padding:0; } .node-vid-os.view-mode-full .group-content{ width:100%; padding:0; } .node-vid-os.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-vid-os.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-vid-os.view-mode-full .group-partage.active::after{ content:"x"; } .node-vid-os.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-vid-os.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } /*** BLOCK BOOKS RELATED ***/ .block-books-related .view-books-related-recherche-display .slick__slide, .block-books-related .view-books-related-recherche-display .unslick .node-hw-livre { width:100%!important; margin:0 0 20px 0; } .block-books-related.block-slick-books .view{ margin:0; } .block-books-related .node-hw-livre.view-mode-recherche .group_illustr{ width:50%; margin:0; } .block-books-related .node-hw-livre.view-mode-recherche .group_infos{ width:50%; margin:0; padding:0; } .block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link a{ width:100%; } .block-books-related .node-hw-livre.view-mode-recherche a#hw-lien-liseuse{ width:100%; } /*** BLOCK AUTEURS RELATED ***/ .block-authors-related .view-authors-related-listing{ padding:50px 10px; } .block-authors-related .view-authors-related-listing .views-row{ width:60%; float:right; } .block-authors-related .view-intervenants .node-hw-intervenant.view-mode-recherche{ margin:0; } .block-search-results-authors .views-row .group_illustr{ width:100%; padding:0; text-align:center; } .block-search-results-authors .views-row .group_illustr img{ width:100%; padding:0; text-align:center; } .block-search-results-authors .views-row .group_infos{ width:100%; padding:0; text-align:center;} .block-search-results-authors .views-row .group_infos .field{ text-align:left; } .block-search-results-authors .views-row .group_infos .field-name-node-link{ width:100%; text-align:center; } .block-search-results-authors .views-row .field-name-node-link a, .block-search-results-authors .lire-la-suite{ display:inline-block; float:none; } /*** VIEW CONCOURS LIST ***/ .view-concours-list {} .view-concours-list .views-row{ border-bottom:1px solid #e7e7e7; } .view-concours-list .views-row .group_infos{ width:100%; } .view-concours-list .views-row .group_illustr{ width:100%; } /*** PAGE JEU CONCOURS ***/ .node-jeu-concours.view-mode-full{ padding:0; } .node-jeu-concours.view-mode-full .field-name-title-field h1{ } .node-jeu-concours.view-mode-full .field-name-hw-evenement-date{ text-align:center; } .node-jeu-concours.view-mode-full .group-illustr{ width:100%; padding:0; } .node-jeu-concours.view-mode-full .group-content{ width:100%; padding:0; } .node-jeu-concours.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-jeu-concours.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-jeu-concours.view-mode-full .group-partage.active::after{ content:"x"; } .node-jeu-concours.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-jeu-concours.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } .node-jeu-concours.view-mode-full .field-name-field-webform-jeu{ width:100%; margin:0 0 10px 0;} /*** VIEW SELECTION LIST ***/ .page-selections .view-selection-list .views-row .field{ width:100%; } .page-selections .view-display-id-bloc_intro_selections{ text-align:center; } /*** PAGE JEU CONCOURS ***/ .node-selections-livres.view-mode-full{ margin:0 0 30px 0; padding:0; } .node-selections-livres.view-mode-full .field-name-title-field h1{ } .node-selections-livres.view-mode-full .field-name-post-date{ text-align:center; } .node-selections-livres.view-mode-full .group-illustr{ width:100%; padding:0; } .node-selections-livres.view-mode-full .group-content{ width:100%; padding:0; } .node-selections-livres.view-mode-full .group-partage{ position:relative; top:0; left:0; right:0; float:right; width:20%; height:50px; } .node-selections-livres.view-mode-full .group-partage::after{ content:"+"; display:block; position:absolute; bottom:0px; left:10%; width:50px; height:50px; line-height:50px; font-size:2.6rem; cursor:pointer; border-radius:5px; background:#fff; border: 1px solid #dddddd; } .node-selections-livres.view-mode-full .group-partage.active::after{ content:"x"; } .node-selections-livres.view-mode-full .group-partage .partage_wrap{ display:none; position:absolute; bottom:50px; left:10%; } .node-selections-livres.view-mode-full .group-partage.active .partage_wrap{ display:block; animation:fadeInUp 0.3s; } /*** OFFRES D'EMPOILs ***/ #quicktabs-offres_emploi .quicktabs-tabpage{ float:left; width:100%; margin:0 0 70px 0; padding:0 ; } #quicktabs-offres_emploi .annonce{ display:block; float:left; width:100%; margin:0 0 0 0; padding:0 0; } #quicktabs-offres_emploi .annonce .annonce-titre{ text-align:left; } /*** BLOCK SOCIALS LIVE ***/ .block-socials-live{ width:100%; padding:0 2%; margin:0 0 20px 0; } .block-socials-live .views-row{ width:100%; } .block-socials-live h2{ margin:10px 0 100px 0; } .front #global .block-socials-live{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0 5%; border:none; } .front .global .block-socials-live .views-row{ display:block; float:left; width:100%; margin:0 0 20px 0; padding:0; border:none; } .block-socials-links{ width:100%; top:0; margin:0 0 20px 0; text-align:center; padding:20px 2%;} .block-socials-links .menu{ width:100%; text-align:center; } .block-socials-links .menu li{ display:inline-block; float:none; } #global .block-instafeed{ width:100%; padding:0 2%; margin:0 0 20px 0; } /*** SEARCH RESULTS ***/ /*header title*/ .search-results-header-title{ padding:0; text-align:center; } /*header count*/ .search-results-header-currentsearch{ padding:0; text-align:center; } .search-results-header-count{ padding:0; text-align:center; } /*filters*/ .search-results-header-list{ padding:10px; } .search-results-header-list li.search_block_filter{ padding:10px; } /*series*/ .block-search-results-series{} .block-search-results-series .views-row{ width:50%; } .block-search-results-series .views-row:nth-child(2n+1){ clear:both; } .block-search-results-series .views-row .field-name-title a::before { line-height:200px; height:200px; } /*livres*/ .block-search-results-books{} .block-search-results-books .views-row .group_illustr{ width:50%; } .block-search-results-books .views-row .group_infos{ width:50%; } /*news*/ .block-search-results-news{} .block-search-results-news .views-row .group_illustr{ width:100%; } .block-search-results-news .views-row .group_infos{ width:100%; padding:0; } /*events*/ .block-search-results-events{} .block-search-results-events .field-name-title-field *{ text-align:left;} .block-search-results-events .field-name-hw-evenement-date{ width:25%; padding:15px; } .block-search-results-events .field-name-field-type-evenement{ width:70%; } .block-search-results-events .field-name-field-lieu-evenement{ width:70%; } /*videos*/ .block-search-results-videos{} .block-search-results-videos .views-row .group_illustr{ width:100%; } .block-search-results-videos .views-row .group_infos{ width:100%; padding:0; } ./*concours*/ .block-search-results-concours{} .block-search-results-concours .views-row .group_illustr{ width:100%; } .block-search-results-concours .views-row .group_infos{ width:100%; padding:0; } /*** COMPTE USER ***/ .view-hw-alerts-node, .view-hw-alerts-term, .page-user .webform-client-form, #hw-profile-newsletters-form > div, .page-user .user-edit-form, .page-user h2, .page-user h1 { padding:10px 5%; } .page-user .user-edit-container > fieldset, .page-user #edit-picture{ width:100%; } /*** FAQ ***/ .block-quicktab-faq{ } .block-quicktab-faq .quicktabs-tabs{ display:block; display:block; float:left; width:100%; margin:0; padding:0; } .block-quicktab-faq .quicktabs-tabs li{ display:block; float:left; width:100%; margin:0 0 5px 0; padding:0; color:#fff; background:#fff; font-size:1.4rem; font-weight:600; } /*** CONTACT > BLOCK SOCIALS CONTAINER ***/ .global .block-contactpage-socials .socials-container{ width:100%; } /*** CONTACT > BLOCK INSCRIPTION NEWSLETTER ***/ .block-inscription-newsletter{ background:#ad002d; } .block-inscription-newsletter .content{ padding:20px 0; } /*** MAP GEOLOCALIATION ***/ .quicktab-geolocalisation .map_infos{ display:block; float:left; width:100%; } .quicktab-geolocalisation .map_infos *{ width:100%; } .quicktab-geolocalisation .map_chart{ display:none; } /*** WEBFORMS ***/ .node-type-webform #block-system-main{ padding:0; } .webform-component{} .webform-component label{ width:100%; text-align:left; color:#9f9f9f; padding:0 0 15px 0; } .webform-component .form-select, .webform-component-textarea .form-textarea-wrapper, .webform-component-textarea, .form-type-textarea .form-textarea-wrapper, .webform-component .form-text{ width:100%; text-align:left; float:left; } .node-webform .field-name-field-mentions{ display:block; float:left; width:100%; } /*date*/ .webform-component-date{} .webform-component-date .webform-datepicker{ display:block; float:left; width:100%; margin:0; } .webform-component-date .webform-datepicker .form-type-select{ display:block; float:left; width:30%; margin:0; padding:0 5px 0 0; } .webform-component-date .webform-datepicker .form-type-select select{ width:100%; padding:10px 5px; } .webform-component-date .webform-datepicker .webform-calendar{ display:block; float:right; width:10%; height:40px; margin:0; padding:0; } /*date*/ .field-type-datetime{} .field-type-datetime .webform-datepicker{ display:block; float:left; width:100%; margin:0; } .field-type-datetime .webform-datepicker .form-type-select{ display:block; float:left; width:30%; margin:0; padding:0 5px 0 0; } .field-type-datetime .webform-datepicker .form-type-select select{ width:100%; padding:10px 5px; } .field-type-datetime .webform-datepicker .webform-calendar{ display:block; float:right; width:10%; height:40px; margin:0; padding:0; } /*checkboxes*/ .webform-component-checkboxes{} .webform-component-checkboxes .form-checkboxes{ display:block; float:left; width:100%; margin:0; } .webform-component-checkboxes .form-checkboxes .form-type-checkbox{ display:block; float:left; width:auto; margin:0 5px 0 0; padding:10px 0 5px 0; } /* custom optin */ #webform-component-optin-glenat{} #webform-component-optin-sms .form-checkboxes, #webform-component-optin-glenat .form-checkboxes{ display:block; float:left; width:100%; margin:0; } #webform-component-optin-sms .form-checkboxes .form-type-checkbox, #webform-component-optin-glenat .form-checkboxes .form-type-checkbox{ display:block; float:left; width:100%; margin:0; padding:10px 0 5px 0; } #webform-component-inscriptions{ display:block; float:left; width:100%; margin:20px 0 0 0; position:static; } #webform-component-inscriptions p{ display:block; float:left; width:100%; margin:0; text-align:left; } .webform-component .intl-tel-input{ display:block; float:left; width:100%; } .webform-component .intl-tel-input .flag-container{ width:15%; height:20px; top:15px; left:15px; } /* Compte Perso Menu */ .container .menu.user-menu {display: block;} .container .menu.user-menu li.leaf {width: 100%;} .container .menu.user-menu li.leaf {display: none;} .container .menu.user-menu li.leaf.active {display: block;} .container .menu.user-menu li.active-trail a{background-color: #e3e3e3;color: #000;border-bottom: 1px solid #e3e3e3;} .container .menu.user-menu li.active-trail a::after{display: none;} .container .menu.user-menu li.before a:before {display: block;float: right;content: "\f078";font-size: 1.6rem;font-family: "fontAwesome";transform: rotate(0deg);transition: transform 0.3s ease;} .container .menu.user-menu li.active.arrowdown a:before {transform: rotate(180deg);transition: transform 0.3s ease;} .page-user .content h1 {text-align: center;} .page-user .content h2 {text-align: left;} .page-user .block-quicktabs-books h2{ padding:0; } .block-quicktabs-books h2{ padding:15px 0; } /* 1/ Compte Perso */ .page-user .user-edit-container #edit-hw-profile-professional-roles {width: 100%;margin: 50px 0 30px 0;padding: 15px 4% 15px 15px;border: 1px solid #e8e8e8;} .page-user .form-wrapper #edit-picture {width: 100%;position: relative;top: 10px;right: unset;} /* 2/ Mes gouts */ .page-user-interests .form-item-parent-themes #edit-parent-themes > .form-item.form-type-checkbox {float: unset;padding: 10px 0px;width: 50%;} .page-user-interests .user-edit-container #edit-themes > .form-item .form-checkboxes > .form-item {float: unset;padding: 10px 0px;width: 90%;} .page-user .form-wrapper .form-item label{padding: 5px 0;} /* 3/ Mes Alertes */ .view-hw-alerts-node .views-row .group-left.group_illustr {width: 20%;padding: 0 0px 0 0;float: left; margin: 0 10px 0 0px;} .view-hw-alerts-node .views-row .group_infos {width: 80%;padding: 0px;margin: 20px 0px 0px 0px;} .view-hw-alerts-node .views-row .group_infos a {font-weight: 500;} .node-hw-intervenant.view-mode-alerts {padding: 10px 0;} /* 5/ My WhishList */ .view.block-books-related.view-hw-wishlist { padding: 30px 20px; } .view.block-books-related.view-hw-wishlist .views-row {width: 100%;margin: 0 0 50px 0;} .view.block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link {display: block;float: left;margin: 0px 0 0 0;} .view.block-books-related .node-hw-livre.view-mode-recherche .field-name-node-link a {padding: 15px 20px;} /* 10/ Contact */ .webform-client-form .webform-component .form-text {width: 70%;} .form-item.webform-component.webform-component-radios.webform-container-inline .form-radios .form-type-radio input {width: 40%;} /* 9/ FAQ */ .region-content .block-quicktab-faq .quicktabs-tabs li {width: 50%;padding: 10px;} /* POP IN REACH5*/ #block-reachfive-login-reach5-block.block-reachfive-login {width: 100%} #block-reachfive-login-reach5-block {top: 80px;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form input{ width:100%; margin:0 0 10px 0; border-radius:5px; } #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE form button{ width:100%; margin:0 0 10px 0; border-radius:5px; } .hidem{ display:none; } } /*** ANIMATIONS ***/ @charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} @keyframes appearDown { from {transform:translate3d(0, -200px, 0);} 60% {transform:translate3d(0,-20px, 0);} to {transform:translate3d(0, -40px, 0);} }@keyframes clignote { from {background:#fff;} 25% {background:#f00;} 50% {background:#0f0;} 50% {background:#00f;} to {background:#fff;} } /* #pre-header .container, */ /* body{ animation:clignote 0.1s infinite; } */ /*** OAUTH FIX ****/ iframe[id*=oauth2relay] { top:0; left:0; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:0; margin-right:0; } /**********************************************************************************/ /*** GLENAT ***/ /*** ADITIONAL CSS ***/ #pre-footer .block-hw-profile{ } #global .js-hide{ display:none; } /*** MISC FIXES ***/ /*Desktop Alignment des auteurs et mise en gris avec un peu plus gris */ #global ul.hw-intervenants li {margin: 0 0 0.25em 0em;padding: 0;} #global ul.hw-intervenants li span, #global ul.hw-intervenants li a{ font-size:1.3rem; color: #878787;} /*** PAGE USER ***/ .page-user.page-user-cancel #block-system-main{ padding:50px 100px; } .page-user.page-user-cancel #user-cancel-confirm-form{ font-size:1.6rem; line-height:1.5; } .page-user.page-user-cancel #user-cancel-confirm-form .form-actions{ display:block; float:left; width:100%; margin:50px 0; } .page-user.page-user-cancel #user-cancel-confirm-form #edit-submit{ } .page-user .form-type-checkbox{ display:block; float:left; width:100%; margin:10px 0 10px 0; padding:0; } /*** POPIN REACH5 ***/ #block-reachfive-login-reach5-block .close{display:block;width:100vw;height:100vh;margin:0;padding:0; background-color:rgba(0,0,0,0.5);position:fixed;top:0; left:0; z-index:101;} #block-reachfive-login-reach5-block .content{position:relative; z-index:102;} /* #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before{ content:"Accédez à votre espace personnel ! Vous pouvez-vous connecter avec vos comptes sur les réseaux sociaux ou avec votre email." } */ /* #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE > div::before{ display:block; float:left; width:100%; font-size:1.4rem; line-height:1.5; padding:20px 0 40px 0; } */ /*** POPIN HARCEL USER ***/ #block-hw-profile-user-profile-form{display:block;width:100vw;height:100vh;margin:0;padding:0; background-color:rgba(0,0,0,0.5);position:fixed;top:0; left:0; z-index:101;} #block-hw-profile-user-profile-form {} #block-hw-profile-user-profile-form .content{ text-align:center; animation:fadeInDown 0.6s; background:#fff;} .block-popin { z-index:101; text-align:center; } .block-popin .content{ display:inline-block; float:none; width:50%; margin-top:5%; position:relative; max-width:600px; z-index:101;} .block-popin .close{display:block;width:100vw;height:100vh;margin:0;padding:0; background-color:rgba(0,0,0,0.5);position:fixed;top:0; left:0; z-index:100; cursor:pointer; } .block-popin .block_intro{ display:block; float:left; width:100%; margin:0 0 20px 0; } .block-popin .block_outro{ display:block; float:left; width:100%; margin:20px 0 0 0; } @media (max-width: 768px) { #block-hw-profile-user-profile-form { } #block-hw-profile-user-profile-form .content{ width:90%; margin-left:0%; top:100px;} #block-hw-profile-user-profile-form .user-edit-form{ padding:50px 30px; } } #block-hw-profile-user-profile-form .user-edit-form{display:block; float:left; width:100%; border-radius: 0;margin: 0;max-width:600px; padding: 50px;} #block-hw-profile-user-profile-form .user-edit-form form {margin-bottom: 80px;margin-top: 40px;} #block-hw-profile-user-profile-form .user-edit-form .form-item { display:block; float:left; width:100%;margin:0 0 20px 0; } #block-hw-profile-user-profile-form .user-edit-form form button {display:block; float:right; border-radius:0 5px 5px 0;width:33%;float: right; clear:both; background-color:#ad002d; border-color:#ad002d; } #block-hw-profile-user-profile-form .user-edit-form form input {border-radius:5px 0 0 5px ;width:100%;float: left;} #block-hw-profile-user-profile-form .form-actions{ display:block; float:left; width:100%; } #block-hw-profile-user-profile-form #edit-submit{ display:block; float:right; clear:both; width:auto; max-width:50%; margin:0 0 15px 0; } #block-hw-profile-user-profile-form #edit-cancel{ display:block; float:left; width:auto; max-width:50%; margin:5px 0 15px 0; padding:10px; font-size:1.4rem; color:#191919; background:none; border-radius:0; border-bottom:1px solid #ad002d; font-weight:700; text-transform:uppercase; } /*** BANNER COOKIE ***/ #sliding-popup.sliding-popup-bottom, #sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab { box-shadow:0 -5px 15px -10px #000; background:#e7e9ec; } #sliding-popup .popup-content{ padding:20px 0; } #sliding-popup .popup-content #popup-text{ font-size:1.4rem; font-weight:400; max-width:80%; } #sliding-popup .popup-content #popup-text p{ font-size:1.4rem; font-weight:400; } #sliding-popup .popup-content #popup-buttons{} #sliding-popup .popup-content #popup-buttons .agree-button{ display:inline-block; float:none; width:auto; margin:0 0 30px 0; padding:15px 35px; background:#ad002d; border:none!important; box-shadow:none; text-shadow:none; font-weight:400; border-radius:5px; font-size:1.4rem; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.5; text-decoration:none; } #sliding-popup .popup-content #popup-buttons .agree-button:hover{ box-shadow:0 5px 15px -5px #000; animation:pulse 0.2s; } /**************************************************************************/ /*** MOBILE AJUSTS ***/ @media (max-width: 768px) { /*** Contact form - alignement ***/ .view-hw-alerts-node .views-row .group-right.group_infos {width: 70%;} /*** POPIN REACH5 ***/ #block-reachfive-login-reach5-block.block-reachfive-login{ top:0; } #block-reachfive-login-reach5-block .content{ width:90%; max-height:600px; overflow-y:scroll; margin:80px 5%; position:relative; z-index:102;} #block-reachfive-login-reach5-block .sc-gzVnrw.eYmYmE{ padding:20px; } /*** POPINS positions ***/ #block-reachfive-login-reach5-block, #block-hw-profile-user-profile-form{position:absolute; } /*** USER PAGES INTRO ***/ .page_user_title{ display:block; float:left; width:100%; padding:20px 5%; } .page_user_title h1{ display:block; float:left; width:100%; padding:0; margin-bottom:20px; } .page_user_introduction{ display:block; float:left; width:100%; padding:0px 5%; margin-bottom:50px; font-size:1.6rem; line-height:1.6; } .page_user_introduction p{ display:block; float:left; width:100%; margin:0 0 15px 0; } .page_user_content{} .page-user .page_user_content h2{ padding:20px 0; text-align:center; } #global .block-dossier-presse { margin-bottom:50px!important; } #global .block-dossier-presse .view-book-list{ padding:0; } /*solo version*/ .global .menu.user-menu { display:block; float:left; width:100%; } .global .menu.user-menu li.user-account-menu{ display:block; float:left; width:100%; position:static; } .global .menu.user-menu li.user-account-menu > a{ display:none; } .global .user-account-menu.first.last > a{ display:none; } .global .user-account-menu.first.last .menu{ display:block; float:left; position:static; width:100%; z-index:412; } .global .user-account-menu.first.last:hover .menu{ animation:none; } .webform-component-managed_file .form-managed-file{ display:block; float:left; width:100%; } .webform-component-managed_file .form-managed-file .form-file{ display:block; float:right; width:100%; } .global .block-dossier-presse h2{ font-size:1.4rem; } #global .more-link{ display:block; float:left; width:100%; margin:15px 0 15px 0; position:static; text-align:center; } /*** COMMENTS ***/ .comment-wrapper{ padding:0; } .comment-wrapper .comment{ padding:0; } .comment-wrapper .comment .group_illustr{ } .comment-wrapper .comment .group_illustr{ } .comment-wrapper .comment .field-name-post-date{ font-size:1.1rem; } .comment-wrapper .comment .username{ font-size:1.1rem; } #block-hw-profile-user-profile-form .user-edit-form{ padding:30px 15px; } .form-item label, .form-wrapper label, .form-wrapper legend, .webform-component label{ width:100%; text-align:left; margin:0 0 10px 0; padding:0; } .form-item .form-file, .form-wrapper .form-file, .webform-component .form-file, .form-item .form-select, .form-wrapper .form-select, .webform-component .form-select, .form-item .form-text, .form-wrapper .form-text, .webform-component .form-text { width:100%; } #block-hw-profile-user-profile-form #edit-submit{ width:100%; max-width:100%; margin:0 0 20px 0; } #block-hw-profile-user-profile-form #edit-cancel{ width:100%; max-width:100%; margin:0 0 20px 0; } } /********************************************************************************/ /* SKILLD */ #block-views-exp-live-results-search-page input.form-text {margin:0 -10px;float:none;width:100%;} #block-views-exp-live-results-search-page .form-text.form-autocomplete {background-image:none;} #block-views-exp-live-results-search-page .views-exposed-widget {width:80%;} #block-views-exp-live-results-search-page .views-submit-button {width:20%;} #block-views-exp-live-results-search-page .views-submit-button input.form-submit {width:100%;} #autocomplete li { float:left;width:100%; animation:fadeInDown 0.3s; } #autocomplete li:hover { background:#ad002d; } #autocomplete li a { display:block;width:100%; padding:15px 15px; color:#191919; font-size:1.6rem;color:#191919; } #autocomplete li a:hover{ color:#fff!important; }