.icons-sprite, #contactForm .simpleselect .placeholder:after, #searchForm .simpleselect .placeholder:after, .quickSearch .simpleselect .placeholder:after, #contactForm .simpleselect .options:after, #searchForm .simpleselect .options:after, .quickSearch .simpleselect .options:after, .clap, .produit, .co_produit, .terre, .distribution_internationale, .distribution_france, .accordion-item.is-active > .accordion-title:before, .accordion-item .accordion-title:before, .single-bios .close, .top-bar ul li.menu-item-has-children:hover > a:after, .top-bar ul li.menu-item-has-children > a:after, .top-bar ul.sites > li a, .top-bar ul.sites > li:hover a, .logo-films, .logo-cinemas, .logo-agency, .logo-innovation, .logo-edition, .mail span.out, .youtube span.out, .youtube span.hover, .inst span.out, .inst span.hover, .fb span.out, .fb span.hover, .tw span.out, .tw span.hover, .playChiffre, .camera, .cinema, .euro, .graph, .tickets, .people, .map, .badge, .button.dl span:after, .button.dl.bg-blanc span:after, .button.externe span:after, .button.video span:after, .scrollTo, .close, .module-video .playVideo, .module-timeline .passerTimeline span, .filmo-co-produit, .filmo-distribue, .filmo-international, .owl-nav .owl-next, .owl-nav .owl-prev, .page-template-page-presse #filtres-communiques a .tiret, .page-template-page-presse #filtres-photos a .tiret, .page-template-page-presse #filtres-revues a .tiret, .post-type-archive-emploi #filtres-communiques a .tiret, .post-type-archive-emploi #filtres-photos a .tiret, .post-type-archive-emploi #filtres-revues a .tiret, .page-template-page-emploi #filtres-communiques a .tiret, .page-template-page-emploi #filtres-photos a .tiret, .page-template-page-emploi #filtres-revues a .tiret, .single-filmo #filtres-communiques a .tiret, .single-filmo #filtres-photos a .tiret, .single-filmo #filtres-revues a .tiret, .blog #filtres-communiques a .tiret, .blog #filtres-photos a .tiret, .blog #filtres-revues a .tiret, .single-post #filtres-communiques a .tiret, .single-post #filtres-photos a .tiret, .single-post #filtres-revues a .tiret, .single-personnes #filtres-communiques a .tiret, .single-personnes #filtres-photos a .tiret, .single-personnes #filtres-revues a .tiret, .tax-genre_film #filtres-communiques a .tiret, .tax-genre_film #filtres-photos a .tiret, .tax-genre_film #filtres-revues a .tiret, .home #filtres-communiques a .tiret, .home #filtres-photos a .tiret, .home #filtres-revues a .tiret, .page-template-page-lineup #filtres-communiques a .tiret, .page-template-page-lineup #filtres-photos a .tiret, .page-template-page-lineup #filtres-revues a .tiret, .page-template-page-marches #filtres-communiques a .tiret, .page-template-page-marches #filtres-photos a .tiret, .page-template-page-marches #filtres-revues a .tiret, .page-template-page-contact #filtres-communiques a .tiret, .page-template-page-contact #filtres-photos a .tiret, .page-template-page-contact #filtres-revues a .tiret, .page-template-page-presse #phototeque .item .link .zoom, .page-template-page-presse #phototeque .item .link .dl, .post-type-archive-emploi #phototeque .item .link .zoom, .post-type-archive-emploi #phototeque .item .link .dl, .page-template-page-emploi #phototeque .item .link .zoom, .page-template-page-emploi #phototeque .item .link .dl, .single-filmo #phototeque .item .link .zoom, .single-filmo #phototeque .item .link .dl, .blog #phototeque .item .link .zoom, .blog #phototeque .item .link .dl, .single-post #phototeque .item .link .zoom, .single-post #phototeque .item .link .dl, .single-personnes #phototeque .item .link .zoom, .single-personnes #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .zoom, .tax-genre_film #phototeque .item .link .dl, .home #phototeque .item .link .zoom, .home #phototeque .item .link .dl, .page-template-page-lineup #phototeque .item .link .zoom, .page-template-page-lineup #phototeque .item .link .dl, .page-template-page-marches #phototeque .item .link .zoom, .page-template-page-marches #phototeque .item .link .dl, .page-template-page-contact #phototeque .item .link .zoom, .page-template-page-contact #phototeque .item .link .dl, #contact-map .icon.mk2, .lineup .bande_annonce .play-video, #switchCatalog .icon-next, #filtres-films a .tiret, #filtres-lineup a .tiret, .single-filmo span.siteweb, .single-filmo span.facebook, .single-filmo span.twitter, a.bande_annonce .play-video, #searchResults #filtres-communiques a .tiret, #searchResults #filtres-photos a .tiret, #searchResults #filtres-revues a .tiret, .tax-catalogues_film #filtres-communiques a .tiret, .tax-catalogues_film #filtres-photos a .tiret, .tax-catalogues_film #filtres-revues a .tiret, #searchResults #phototeque .item .link .zoom, #searchResults #phototeque .item .link .dl, .tax-catalogues_film #phototeque .item .link .zoom, .tax-catalogues_film #phototeque .item .link .dl, .mobile .top-bar .top-bar-left .closeMobileMenu, .mobile .top-bar .top-bar-left ul li.menu-item-has-children:hover a:after, .mobile .top-bar .top-bar-left ul li.menu-item-has-children.active a:after, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children > a:after, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children:hover > a:after, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children.active > a:after { background-image: url('../img/icons-s5b19da854e.png'); background-repeat: no-repeat; } /************************************************************************************************/ /* FOUNDATION !! */ /************************************************************************************************/ /************************************************************************************************/ /* GOTHAM */ /************************************************************************************************/ @font-face { font-family: 'Gotham Bold'; src: url("../fonts/Gotham-Bold.eot"); /* IE9 Compat Modes */ src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#6a327a217ddd10461b1acdc4d224fee0") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 700; } .gotham, .module-chiffres .items .chiffre { font-family: 'Gotham Bold'; font-weight: 700; } /************************************************************************************************/ /* RALEWAY */ /************************************************************************************************/ @font-face { font-family: 'Raleway'; src: url("../fonts/Raleway.eot"); src: url("../fonts/Raleway.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway.woff") format("woff"), url("../fonts/Raleway.ttf") format("truetype"), url("../fonts/Raleway.svg#f8ac7b0ae9ec6d45be568052f50b9149") format("svg"); font-style: normal; font-weight: 400; } .normal, .accordion-item .accordion-title h3, .top-bar ul.sites ul.sub-menu li > a, .top-bar #lang_sel a, .blog #topSlider .desc .date .annee, .single-post #topSlider .desc .date .annee, .page-template-page-marches #topSlider .desc .date .annee, .page-template-page-contact #topSlider .desc .date .annee, .page-template-page-lineup #topSlider .desc .date .annee, .page-template-page-marches .date .annee { font-family: 'Raleway'; font-weight: 400; } @font-face { font-family: 'RalewayLight'; src: url("../fonts/Raleway-Light.eot"); src: url("../fonts/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Light.woff") format("woff"), url("../fonts/Raleway-Light.ttf") format("truetype"), url("../fonts/Raleway-Light.svg#a629611727a36c86101ab9fa7aceda04") format("svg"); font-style: normal; font-weight: 200; } .light { font-family: 'RalewayLight'; font-weight: 200; } @font-face { font-family: 'RalewayBold'; src: url("../fonts/Raleway-Bold.eot"); src: url("../fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway-Bold.ttf") format("truetype"), url("../fonts/Raleway-Bold.svg#4442fe0194c8fbca9fd44d69c555e3ea") format("svg"); font-style: normal; font-weight: 700; } .bold, #contactForm input[type=text]:focus, #contactForm input[type=text].filled, #contactForm input[type=email]:focus, #contactForm input[type=email].filled, #contactForm textarea:focus, #contactForm textarea.filled, #searchForm input[type=text]:focus, #searchForm input[type=text].filled, #searchForm input[type=email]:focus, #searchForm input[type=email].filled, #searchForm textarea:focus, #searchForm textarea.filled, .quickSearch input[type=text]:focus, .quickSearch input[type=text].filled, .quickSearch input[type=email]:focus, .quickSearch input[type=email].filled, .quickSearch textarea:focus, .quickSearch textarea.filled, .accordion-item .accordion-title h3 .date, .top-bar ul li.current-menu-parent > a, .top-bar ul li.current-menu-item > a, #menuPrincipal a span.hoverEffect::before, #lang_sel a span.hoverEffect::before, .module-timeline .passerTimeline, .communiqueDetails #socialLinks .label, #quickSearch #QuickSearchResult .section strong, #quickSearch #QuickSearchResultTop .section strong, #quickSearchTop #QuickSearchResult .section strong, #quickSearchTop #QuickSearchResultTop .section strong { font-family: 'RalewayBold'; font-weight: 700; } /* @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-Bold.eot'); src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway-Bold.svg#4442fe0194c8fbca9fd44d69c555e3ea') format('svg'); font-style: normal; font-weight: 700; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-ExtraBold.eot'); src: url('../fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-ExtraBold.woff') format('woff'), url('../fonts/Raleway-ExtraBold.ttf') format('truetype'), url('../fonts/Raleway-ExtraBold.svg#2e4fef38243a232f976bd5356e1d047b') format('svg'); font-style: normal; font-weight: 700; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-ExtraLight.eot'); src: url('../fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-ExtraLight.woff') format('woff'), url('../fonts/Raleway-ExtraLight.ttf') format('truetype'), url('../fonts/Raleway-ExtraLight.svg#e01e70f91703ec773b0480a1714e8ebd') format('svg'); font-style: normal; font-weight: 200; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-Heavy.eot'); src: url('../fonts/Raleway-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Heavy.woff') format('woff'), url('../fonts/Raleway-Heavy.ttf') format('truetype'), url('../fonts/Raleway-Heavy.svg#631f89697208dee6ff7a985e2a332db9') format('svg'); font-style: normal; font-weight: 400; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-Medium.eot'); src: url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.ttf') format('truetype'), url('../fonts/Raleway-Medium.svg#830a31480c633d9fd527c9f94e12f322') format('svg'); font-style: normal; font-weight: 400; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-SemiBold.eot'); src: url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-SemiBold.woff') format('woff'), url('../fonts/Raleway-SemiBold.ttf') format('truetype'), url('../fonts/Raleway-SemiBold.svg#27d695091e6c815cf171653bd8e07de1') format('svg'); font-style: normal; font-weight: 700; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-Thin.eot'); src: url('../fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Thin.woff') format('woff'), url('../fonts/Raleway-Thin.ttf') format('truetype'), url('../fonts/Raleway-Thin.svg#9d88af5bcbe5cc0ab85ffc4f0a7265cc') format('svg'); font-style: normal; font-weight: 200; } */ /************************************************************************************************/ /* OSWALD */ /************************************************************************************************/ @font-face { font-family: 'OswaldBold'; src: url("../fonts/Oswald-Bold.eot"); src: url("../fonts/Oswald-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Bold.woff") format("woff"), url("../fonts/Oswald-Bold.ttf") format("truetype"), url("../fonts/Oswald-Bold.svg#8b7d84d0fec5c092ff0cd49cce97dba9") format("svg"); font-style: normal; font-weight: 700; } .oswaldBold, .tabs .tabs-title > a, .top-bar ul.sites > li a, #dl_catalog .dlLabel, .module-timeline.filmographie .item h3, .timelineContener .item .contenu .annee, .timelineAnnees .annee, .module-palmares .palmaresList .num_recompenses, .error404 #topSlider .desc, #switchCatalog { font-family: 'OswaldBold'; font-weight: 700; } @font-face { font-family: 'Oswald'; src: url("../fonts/Oswald-Regular.eot"); src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Regular.woff") format("woff"), url("../fonts/Oswald-Regular.ttf") format("truetype"), url("../fonts/Oswald-Regular.svg#d67d554191d502d9670fbfbb34cee6cd") format("svg"); font-style: normal; font-weight: 400; } .oswald, .page-template-page-presse #filtres-communiques, .page-template-page-presse #filtres-photos, .page-template-page-presse #filtres-revues, .post-type-archive-emploi #filtres-communiques, .post-type-archive-emploi #filtres-photos, .post-type-archive-emploi #filtres-revues, .page-template-page-emploi #filtres-communiques, .page-template-page-emploi #filtres-photos, .page-template-page-emploi #filtres-revues, .single-filmo #filtres-communiques, .single-filmo #filtres-photos, .single-filmo #filtres-revues, .blog #filtres-communiques, .blog #filtres-photos, .blog #filtres-revues, .single-post #filtres-communiques, .single-post #filtres-photos, .single-post #filtres-revues, .single-personnes #filtres-communiques, .single-personnes #filtres-photos, .single-personnes #filtres-revues, .tax-genre_film #filtres-communiques, .tax-genre_film #filtres-photos, .tax-genre_film #filtres-revues, .home #filtres-communiques, .home #filtres-photos, .home #filtres-revues, .page-template-page-lineup #filtres-communiques, .page-template-page-lineup #filtres-photos, .page-template-page-lineup #filtres-revues, .page-template-page-marches #filtres-communiques, .page-template-page-marches #filtres-photos, .page-template-page-marches #filtres-revues, .page-template-page-contact #filtres-communiques, .page-template-page-contact #filtres-photos, .page-template-page-contact #filtres-revues, #realisateur-section .filtres-lettres a.active, #realisateur-section .filtres-lettres-personnes a.active, #acteur-section .filtres-lettres a.active, #acteur-section .filtres-lettres-personnes a.active, .personnes-list .filtres-lettres a.active, .personnes-list .filtres-lettres-personnes a.active, #a-z .filtres-lettres a.active, #a-z .filtres-lettres-personnes a.active, #filtres-films, #filtres-lineup, #searchResults #filtres-communiques, #searchResults #filtres-photos, #searchResults #filtres-revues, .tax-catalogues_film #filtres-communiques, .tax-catalogues_film #filtres-photos, .tax-catalogues_film #filtres-revues { font-family: 'Oswald'; font-weight: 400; } @font-face { font-family: 'OswaldLight'; src: url("../fonts/Oswald-Light.eot"); src: url("../fonts/Oswald-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Light.woff") format("woff"), url("../fonts/Oswald-Light.ttf") format("truetype"), url("../fonts/Oswald-Light.svg#ffb8dcef06d46f6eb147bc130c4ffab3") format("svg"); font-style: normal; font-weight: 200; } .oswaldLight, #realisateur-section .filtres-lettres, #realisateur-section .filtres-lettres-personnes, #acteur-section .filtres-lettres, #acteur-section .filtres-lettres-personnes, .personnes-list .filtres-lettres, .personnes-list .filtres-lettres-personnes, #a-z .filtres-lettres, #a-z .filtres-lettres-personnes { font-family: 'OswaldLight'; font-weight: 200; } .hidden_select_container { width: 0; height: 0; overflow: hidden; } .simpleselect, .simpleselect * { box-sizing: content-box; } .simpleselect { position: relative; width: 100%; height: 50px; } .simpleselect .options { width: 198px; background: transparent; } .simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label { line-height: 33px; font-size: 18px; cursor: pointer; box-sizing: border-box; text-transform: none !important; } .simpleselect .options .option { background: rgba(0, 0, 0, 0.8); height: 50px; padding: 8px 15px; } .simpleselect .options .optgroup .optgroup-label { cursor: default; font-weight: bold; } .simpleselect .options .optgroup .option { padding-left: 20px; } .simpleselect .placeholder, .simpleselect .options { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid #FFF; } .simpleselect .placeholder { position: relative; } .simpleselect .placeholder:after, .simpleselect .options:after { content: ""; position: absolute; top: 19px; bottom: 0; right: 15px; width: 8px; background: url("data:image/png;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgALCAAKABMBAREA/8QAFQABAQAAAAAAAAAAAAAAAAAAAAn/2gAIAQEAAAABv4D/xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAEFAl//xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAY/Al//xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAE/IV//2gAIAQEAAAAQA//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEAAT8QX//Z"); } .simpleselect .placeholder:hover { background: #fafafa; } .simpleselect .options { display: none; position: absolute; top: 0 !important; left: 0; z-index: 1000; width: 100%; } .simpleselect .options .option.active { background: #000; color: #c1001f; } .simpleselect.disabled .placeholder, .simpleselect.disabled .placeholder:hover { background: #fafafa; color: #aaa; border-color: #eee; cursor: default; } .simpleselect.disabled .placeholder:after { opacity: .5; } #contactForm, #searchForm, .quickSearch { display: block; } #contactForm .button, #searchForm .button, .quickSearch .button { width: 200px; padding: 15px 0; margin-top: 10px; text-align: center !important; } #contactForm .button + .button, #searchForm .button + .button, .quickSearch .button + .button { margin-left: 70px; } #contactForm .input-contact, #searchForm .input-contact, .quickSearch .input-contact { position: relative; height: 50px; } #contactForm .input-contact.textarea, #searchForm .input-contact.textarea, .quickSearch .input-contact.textarea { height: auto; margin-bottom: 0; } #contactForm input[type=text], #contactForm input[type=email], #contactForm textarea, #contactForm .simpleselect .placeholder, #searchForm input[type=text], #searchForm input[type=email], #searchForm textarea, #searchForm .simpleselect .placeholder, .quickSearch input[type=text], .quickSearch input[type=email], .quickSearch textarea, .quickSearch .simpleselect .placeholder { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid #FFF; color: #FFF; height: 50px; position: relative; z-index: 11; padding: 0.5rem 15px; } #contactForm .simpleselect .placeholder, #searchForm .simpleselect .placeholder, .quickSearch .simpleselect .placeholder { text-transform: uppercase; } #contactForm .simpleselect .placeholder:after, #searchForm .simpleselect .placeholder:after, .quickSearch .simpleselect .placeholder:after { background-position: 0 -2032px; height: 10px; width: 19px; } #contactForm .simpleselect .options:after, #searchForm .simpleselect .options:after, .quickSearch .simpleselect .options:after { background-position: 0 -2042px; height: 10px; width: 19px; } #contactForm input[type=submit].loupe, #searchForm input[type=submit].loupe, .quickSearch input[type=submit].loupe { float: left; color: #FFF; width: 45px; height: 49px; position: absolute; top: 0; right: 0; border: none; background: url(../img/icons/loupe_big.png) center center no-repeat #000; z-index: 99; text-indent: -9999px; } #contactForm input[type=text]:focus, #contactForm input[type=text].filled, #contactForm input[type=email]:focus, #contactForm input[type=email].filled, #contactForm textarea:focus, #contactForm textarea.filled, #searchForm input[type=text]:focus, #searchForm input[type=text].filled, #searchForm input[type=email]:focus, #searchForm input[type=email].filled, #searchForm textarea:focus, #searchForm textarea.filled, .quickSearch input[type=text]:focus, .quickSearch input[type=text].filled, .quickSearch input[type=email]:focus, .quickSearch input[type=email].filled, .quickSearch textarea:focus, .quickSearch textarea.filled { border-bottom: 1px solid #c1001f; outline: none; padding: 0.9rem 15px 0.5rem 15px; color: #c1001f; } #contactForm input[type=text]:focus + label, #contactForm input[type=text].filled + label, #contactForm input[type=email]:focus + label, #contactForm input[type=email].filled + label, #contactForm textarea:focus + label, #contactForm textarea.filled + label, #searchForm input[type=text]:focus + label, #searchForm input[type=text].filled + label, #searchForm input[type=email]:focus + label, #searchForm input[type=email].filled + label, #searchForm textarea:focus + label, #searchForm textarea.filled + label, .quickSearch input[type=text]:focus + label, .quickSearch input[type=text].filled + label, .quickSearch input[type=email]:focus + label, .quickSearch input[type=email].filled + label, .quickSearch textarea:focus + label, .quickSearch textarea.filled + label { color: #c1001f; font-size: 11px; top: -14px; } #contactForm input[type=text] + label, #contactForm input[type=email] + label, #contactForm textarea + label, #searchForm input[type=text] + label, #searchForm input[type=email] + label, #searchForm textarea + label, .quickSearch input[type=text] + label, .quickSearch input[type=email] + label, .quickSearch textarea + label { position: absolute; top: 0; left: 15px; height: 100%; width: 100%; z-index: 12; font-size: 18px; text-transform: uppercase; line-height: 50px; cursor: text; -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); } #contactForm textarea, #searchForm textarea, .quickSearch textarea { -moz-transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1); margin-bottom: 0; resize: none; } #contactForm textarea:focus, #contactForm textarea.filled, #searchForm textarea:focus, #searchForm textarea.filled, .quickSearch textarea:focus, .quickSearch textarea.filled { height: 100px; } #contactForm .fieldGroup, #searchForm .fieldGroup, .quickSearch .fieldGroup { margin-bottom: 20px; } .row.newsletter { max-width: 785px; margin: 0 auto !important; } .row.newsletter p.titre { margin-top: 20px; margin-bottom: 20px; padding-left: 15px; } .row.newsletter .fieldGroup p { font-size: 11px; margin-top: 10px; line-height: 1.2em; text-transform: none !important; } input[type=radio], input[type=checkbox] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=radio] + .css-label, input[type=checkbox] + .css-label { height: 20px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; padding-left: 35px; display: inline-block; line-height: 22px; font-size: 13px !important; text-transform: none !important; margin-top: 0px; margin-left: 0; width: 80px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=checkbox] + .css-label:before { display: inline-block; position: absolute; left: 0; top: 2px; content: ""; height: 20px; width: 20px; border: 5px solid #FFF; background: #FFF; } input[type=radio]:checked + .css-label, input[type=checkbox]:checked + .css-label { width: 80px; } input[type=radio]:checked + .css-label:before, input[type=checkbox]:checked + .css-label:before { background: #000; } input[type=checkbox] + .css-label { width: auto !important; } #footer-newsletter .row.newsletter { max-width: 100%; } #newsletterForm { position: relative; height: 70px; } #newsletterForm input[type=email], #newsletterForm a.button { height: 50px; } #newsletterForm a.button { line-height: 20px; } #newsletterForm input[type=email] { background: #FFF; color: #333; } #newsletterForm #newsletterFooter1, #newsletterForm #newsletterFooter2 { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); } #newsletterForm #newsletterFooter1.active, #newsletterForm #newsletterFooter2.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); z-index: 11; } #newsletterForm #newsletterFooter2 .column { width: 20%; } .error { color: #FFF; margin: 20px 0; border: 1px solid #c1001f; padding: 15px; display: none; } .error.visible { display: inline-block; } #formSuccess, #newsletterFormSuccess { display: none; padding-bottom: 40px; } /*[fmt]0A90-0A0A-2*/ #zoombox iframe, #zoombox img { border: none; } #zoombox .zoombox_mask { background-color: #000; position: fixed; width: 100%; z-index: 1051; height: 100%; top: 0; left: 0; } #zoombox .zoombox_container { position: absolute; z-index: 1052; } #zoombox .relative, #zoombox .timelineContener, #zoombox .timelineContener .scroll, .timelineContener #zoombox .scroll { position: relative; } #zoombox .zoombox_prev { position: absolute; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; /*+opacity:0;*/ filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity: 0; opacity: 0; } #zoombox .zoombox_prev:hover { /*+opacity:100%;*/ filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #zoombox .zoombox_next { position: absolute; top: 0; right: 0; width: 50%; height: 100%; /*+opacity:0;*/ filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity: 0; opacity: 0; } #zoombox .zoombox_close, #zoombox .zoombox_next, #zoombox .zoombox_prev { cursor: pointer; } #zoombox .multimedia .zoombox_next, #zoombox .multimedia .zoombox_prev { display: none; } #zoombox .zoombox_next:hover { /*+opacity:100%;*/ filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #zoombox .zoombox_gallery { position: fixed; z-index: 1054; bottom: -60px; left: 0; right: 0; text-align: center; /*+opacity:85%;*/ filter: alpha(opacity=85); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); -moz-opacity: 0.85; opacity: 0.85; cursor: pointer; width: auto; background-color: #050505; height: 60px; overflow: hidden; display: none; } #zoombox .zoombox_gallery img { height: 50px; padding: 5px; /*+opacity:50%;*/ filter: alpha(opacity=30); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #zoombox .zoombox_gallery img:hover, #zoombox .zoombox_gallery img.current { /*+opacity:100%;*/ filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #zoombox_loader { background: url(../img/loader.png) no-repeat left top; position: absolute; height: 40px; width: 40px; cursor: pointer; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 1053; } /** Zoombox Theme **/ .zoombox .zoombox_container { background: #000; color: #666; /*+box-shadow:0px 0px 10px #000000;*/ -moz-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .zoombox .content { background: #000; } .zoombox .zoombox_title { color: #FFF; /*+placement:anchor-top-left -1px -22px;*/ position: absolute; left: -1px; top: -22px; /*+text-shadow:1px 1px #000000;*/ -moz-text-shadow: 1px 1px #000000; -webkit-text-shadow: 1px 1px #000000; -o-text-shadow: 1px 1px #000000; text-shadow: 1px 1px #000000; -moz-text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000; -o-text-shadow: 1px 1px #000; text-shadow: 1px 1px #000; } .zoombox .zoombox_close { background: url(../img/icons/closeBlanc.png) no-repeat; width: 30px; height: 30px; /*+placement:anchor-top-right -15px -15px;*/ position: absolute; right: 50%; top: -50px; margin-right: -15px; } #zoombox.zoombox .zoombox_next { background: url(../img/next.png) no-repeat right center; } #zoombox.zoombox .zoombox_prev { background: url(../img/prev.png) no-repeat left center; } .mCustomScrollbar { -ms-touch-action: none; touch-action: none; } .mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 0px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 7px; height: auto; left: auto; top: 0; right: 0; bottom: 0; z-index: 99; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 100%; margin: 0 auto; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; transition: opacity .2s ease-in-out,background-color .2s ease-in-out; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; } .mCSB_scrollTools { opacity: .75; filter: alpha(opacity=75); -ms-filter: alpha(opacity=75); } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: alpha(opacity=75); -ms-filter: alpha(opacity=75); } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: alpha(opacity=85); -ms-filter: alpha(opacity=85); } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: alpha(opacity=90); -ms-filter: alpha(opacity=90); } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40); } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: alpha(opacity=75); -ms-filter: alpha(opacity=75); } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: alpha(opacity=90); -ms-filter: alpha(opacity=90); } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } *:focus { outline: none; } /******************************************************************************************************************************************************/ /* GLOBAL */ /******************************************************************************************************************************************************/ img { max-width: 100%; } * { font-smooth: always; -webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-size: 14px; } html.noScroll { height: 100%; width: 100%; } html.noScroll body { overflow: hidden; height: 100%; width: 100%; } h1 { letter-spacing: 2px; margin-bottom: 45px; } h2 { letter-spacing: 1px; margin-bottom: 40px; } p:last-child { margin-bottom: 0; } #primary::before, #primary::after { content: ' '; display: table; } #primary::after { clear: both; } .wp-caption-text { font-size: 12px; line-height: 1.4em; margin-top: 5px; } h1.line { position: relative; font-size: 40px; margin-bottom: 30px; } h1.line::before { border-bottom: 3px solid #000; display: block; position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; content: ""; } h1.line span { background: #FFF; padding: 5px 10px; display: inline-block; position: relative; z-index: 10; } h1.line span img { vertical-align: top; display: inline-block; height: 55px; margin-top: -6px; margin-left: 9px; } /************************************************************************************************/ /* CLASSES */ /************************************************************************************************/ .pushTop { margin-top: 100px; } .fullH { height: 100%; position: relative !important; } .tac { text-align: center; } .ttu, .button { text-transform: uppercase; } .tdu { text-decoration: underline; } .bold, #contactForm input[type=text]:focus, #contactForm input[type=text].filled, #contactForm input[type=email]:focus, #contactForm input[type=email].filled, #contactForm textarea:focus, #contactForm textarea.filled, #searchForm input[type=text]:focus, #searchForm input[type=text].filled, #searchForm input[type=email]:focus, #searchForm input[type=email].filled, #searchForm textarea:focus, #searchForm textarea.filled, .quickSearch input[type=text]:focus, .quickSearch input[type=text].filled, .quickSearch input[type=email]:focus, .quickSearch input[type=email].filled, .quickSearch textarea:focus, .quickSearch textarea.filled, .accordion-item .accordion-title h3 .date, .top-bar ul li.current-menu-parent > a, .top-bar ul li.current-menu-item > a, #menuPrincipal a span.hoverEffect::before, #lang_sel a span.hoverEffect::before, .module-timeline .passerTimeline, .communiqueDetails #socialLinks .label, #quickSearch #QuickSearchResult .section strong, #quickSearch #QuickSearchResultTop .section strong, #quickSearchTop #QuickSearchResult .section strong, #quickSearchTop #QuickSearchResultTop .section strong { font-weight: bold; } .dib { display: inline-block; } .noText { text-indent: -9999px; } .blanc, .module-carousel .carousel-item .text, .owl-nav .owl-prev, .owl-nav .owl-next, a.blanc, .module-carousel .carousel-item a.text, .owl-nav a.owl-prev, .owl-nav a.owl-next { color: #FFF; } .gris, a.gris { color: #a7a7a7; } .noir, a .noir { color: #000; } .bg-noir, .module-carousel, .module-carousel .carousel-item .text, .bg-rouge { background: #000; color: #FFF; } .bg-noir a, .module-carousel a, .module-carousel .carousel-item .text a, .bg-rouge a { color: #FFF; } .bg-rouge { background: #c1001f; } .bg-blanc { background: #FFF; color: #000; } .bg-blanc a { color: #000; } .absolute, .module-carousel .carousel-item .text, .owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; } .relative, .timelineContener, .timelineContener .scroll { position: relative; } .block { display: block; } .noPadding { padding: 0 !important; } .noMargin { margin: 0 !important; } .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .overlay.gradient { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.65))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.65) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.65) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.65) 100%); } .overlay.radial { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.65) 100%); background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.65) 100%); background-image: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.65) 100%); } .desktop .overlay { display: none; } .desktop .module-collections .overlay { display: block; } .image.full img { width: 100%; height: auto; display: block; } img.full { width: 100%; } .alignright { float: right; margin-left: 30px; } .alignleft { float: left; margin-right: 30px; } img.alignleft { margin-bottom: 20px; } .clap, .produit, .co_produit { background-position: 0 -696px; height: 28px; width: 24px; } .terre, .distribution_internationale, .distribution_france { background-position: 0 -2077px; height: 24px; width: 24px; } /************************************************************************************************/ /* FOUDATION OVERHIDES */ /************************************************************************************************/ figure { margin: 0; } .has-tip { cursor: default; } .tooltip { z-index: 9999; } .accordion-item { padding-top: 20px; } .accordion-item.is-active > .accordion-title:before { background-position: 0 0; height: 10px; width: 19px; } .accordion-item .accordion-title { color: #000; padding: 0rem 1rem; } .accordion-item .accordion-title:before { content: ""; background-position: 0 -10px; height: 10px; width: 19px; } .accordion-item .accordion-title h3 { border-bottom: 1px solid #000; padding-bottom: 5px; font-size: 18px; } .accordion-item .accordion-title h3 .date { position: absolute; right: 50px; top: 13px; color: #000; font-size: 14px; display: inline-block; text-transform: none !important; } .accordion-item .accordion-content .button { position: absolute; bottom: 20px; right: 0; width: 100%; max-width: 300px; } .tabs { text-align: center; border: none; border-bottom: 1px solid #000; } .tabs .tabs-title { float: none; display: inline-block; } .tabs .tabs-title > a { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); color: #000; text-transform: uppercase; font-size: 23px; border: 1px solid #FFF; border-bottom: none; } .tabs .tabs-title > a:focus { border: none; } .tabs .tabs-title > a:hover { background: none; } .tabs .tabs-title > a:focus, .tabs .tabs-title > a[aria-selected='true'] { background: #FFF; border: 1px solid #000; border-bottom: none; } p + ul { margin-top: -10px; } .tabs-content { border: none; } .tabs-panel { padding: 1rem 0; } .row.large { max-width: 1300px; } .row.full { max-width: 100%; } .row.textRow { max-width: 968px; margin: 0 auto; } .module { margin-top: 50px; } .pushModule { margin-top: 90px; } /************************************************************************************************/ /* SINGLE BIOGRAPHIE */ /************************************************************************************************/ .single-bios .close { background-position: 0 -808px; height: 25px; width: 25px; display: block; position: absolute; top: 100px; right: 30px; z-index: 100; } .top-bar { position: fixed; top: 0; left: 0; z-index: 1010; width: 100%; height: 90px; background: rgba(0, 0, 0, 0.3) !important; padding: 0; } .top-bar.black { background: #000 !important; } .top-bar .row.large { position: relative; max-width: none; padding-left: 20px; } .top-bar .top-bar-title { padding-left: 5px; } .top-bar .top-bar-title img { margin: 11px 30px 0 0; height: 65px; width: auto; } .top-bar ul li a { color: #FFF; font-size: 15px; padding: 2.3rem 1rem; height: 90px; } .top-bar ul li:hover .sub-menu { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block; } .top-bar ul li.menu-item-has-children:hover { background: #FFF; } .top-bar ul li.menu-item-has-children:hover > a { color: #000; } .top-bar ul li.menu-item-has-children:hover > a:after { background-position: 0 -1547px; height: 6px; width: 10px; } .top-bar ul li.menu-item-has-children > a { position: relative; } .top-bar ul li.menu-item-has-children > a:after { content: ""; display: block; background-position: 0 -1535px; height: 6px; width: 10px; position: absolute; bottom: 15px; left: 50%; margin-left: -3px; } .top-bar ul li.visible .sub-menu:before { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; height: 45px; overflow: visible; } .top-bar ul li .sub-menu { background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 90px; width: 100%; height: 45px; list-style: none; display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .top-bar ul li .sub-menu::before, .top-bar ul li .sub-menu::after { content: ' '; display: table; } .top-bar ul li .sub-menu::after { clear: both; } .top-bar ul li .sub-menu:before { content: ""; display: block; position: fixed; background: rgba(0, 0, 0, 0.4); width: 100%; height: 45px; left: 0; top: 90px; } .top-bar ul li .sub-menu li { width: auto; height: 45px; margin: 10px 0; position: relative; float: left; } .top-bar ul li .sub-menu li:last-child { border: none; } .top-bar ul li .sub-menu li a { position: relative; display: block; height: 100%; } .top-bar ul li .sub-menu li a img { display: block; margin: 0 auto; max-height: 65px; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .top-bar ul.sites { display: block; position: absolute; top: 0; right: 0; background: #FFF; z-index: 100; } .top-bar ul.sites > li::before, .top-bar ul.sites > li::after { content: ' '; display: table; } .top-bar ul.sites > li::after { clear: both; } .top-bar ul.sites > li a { background-position: 0 -352px; height: 52px; width: 54px; display: block; margin: 19px 14px; padding: 0; color: #cdcdcd; font-weight: bold; font-size: 9px; word-spacing: 2px; word-break: break-word; white-space: nowrap; width: 54px; } .top-bar ul.sites > li a:hover, .top-bar ul.sites > li a.autres-sites2-hover { background-position: 0 -404px; } .top-bar ul.sites > li a:after { display: none; } .top-bar ul.sites > li:hover a { background-position: 0 -404px; height: 52px; width: 54px; } .top-bar ul.sites li.menu-item-has-children:hover > a:after { display: none; } .top-bar ul.sites ul.sub-menu { left: auto; right: 0; width: 180px; height: auto; } .top-bar ul.sites ul.sub-menu li { display: block; float: none; width: 180px; height: 60px; margin: 0; border-bottom: 1px solid #ebebeb; border-right: 0; } .top-bar ul.sites ul.sub-menu li > a { width: 100%; height: 60px; background: none; margin: 0; color: #000; text-indent: 0; font-size: 14px; padding: 10px !important; line-height: 41px; text-transform: none; font-weight: normal; } .top-bar ul.sites ul.sub-menu li > a:hover { color: #c1001f; } .top-bar ul.sites ul.sub-menu:before { display: none !important; } .top-bar #toggleMenuMobile { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; position: absolute; right: 20px; top: 20px; } .top-bar #toggleMenuMobile::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #FFF; top: 0; left: 0; box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF; } .top-bar #toggleMenuMobile:hover::after { background: #FFF; box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF; } .top-bar #lang_sel { position: absolute; top: 0; right: 90px; border-color: transparent; background-color: transparent; } .top-bar #lang_sel a.wpml-ls-item-toggle:after { border: none !important; } .top-bar #lang_sel li { width: 130px; } .top-bar #lang_sel ul ul { border: none; top: 100%; } .top-bar #lang_sel ul ul li a, .top-bar #lang_sel ul ul li a:visited { background: rgba(0, 0, 0, 0.3); border: none; color: #FFF; height: 40px; line-height: 30px; padding: 10px 10px; } .top-bar #lang_sel a { font-size: 15px; line-height: 1em; padding-right: 10px; text-align: left; } .top-bar #lang_sel a.lang_sel_sel { background: url(../img/icons/menu-down.png) 88% center no-repeat transparent; border: none; color: #FFF; } #menuPrincipal a span.hoverWrapp, #lang_sel a span.hoverWrapp { overflow: hidden; padding: 2px 1rem 0px 1rem; height: 19px; line-height: 16px; display: block; } #menuPrincipal a { padding: 2.3rem 0rem; } #menuPrincipal li ul li a { padding: 0.3rem 0rem !important; } #lang_sel a span.hoverWrapp { padding: 2px 1rem 0px 0rem; } #menuPrincipal li ul li a span.hoverWrapp { overflow: visible; } #menuPrincipal a span.hoverEffect, #lang_sel a span.hoverEffect { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } #menuPrincipal .menu-item-has-children li a span.hoverEffect, #lang_sel .menu-item-has-children li a span.hoverEffect { position: inherit; -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; height: 100%; display: block; } #menuPrincipal .menu-item-has-children li a span.hoverEffect:before, #lang_sel .menu-item-has-children li a span.hoverEffect:before { display: none; } #menuPrincipal .current-menu-item a { padding: 2.3rem 0rem; } #menuPrincipal .current-menu-item a span.hoverEffect, #lang_sel .current-menu-item a span.hoverEffect { -webkit-transform: translateY(-19px); -moz-transform: translateY(-19px); transform: translateY(-19px); } #menuPrincipal .menu-item-has-children a span.hoverWrapp, #lang_sel .menu-item-has-children a span.hoverWrapp { height: 100%; } #menuPrincipal a span.hoverEffect::before, #lang_sel a span.hoverEffect::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-top: 3px; white-space: nowrap; overflow: visible; width: 110%; } #menuPrincipal a:hover span.hoverEffect, #menuPrincipal a:focus span.hoverEffect, #lang_sel a:hover span.hoverEffect, #lang_sel a:focus span.hoverEffect { -webkit-transform: translateY(-19px); -moz-transform: translateY(-19px); transform: translateY(-19px); } .wpml-ls-statics-shortcode_actions { background: transparent !important; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none !important; } .page-template-page-presse #footer { margin-top: 0; } #footer { margin-top: 70px; } #footer #footer-top { padding: 30px 0 45px 0; } #footer #footer-top .titre { font-size: 25px; letter-spacing: 1px; line-height: 35px; margin-bottom: 30px; } #footer #footer-top .menu > li { display: inline-block; width: 33%; } #footer #footer-top .menu > li > a { padding: 0.5rem 1rem; } #footer #footer-newsletter { margin-bottom: 40px; } #footer input[type=email] { height: 50px; margin-bottom: 0; } #footer input[type=submit] { padding: 1.15em 3.3em 1em 3em; } #footer .sep { background: #FFF; height: 1px; } #footer #footer-message { margin-top: -20px; margin-bottom: 40px; font-size: 12px; line-height: 150%; text-align: center; } #footer #footer-menu { padding: 25px 0 30px 0; position: relative; z-index: 100; } #footer #fotter-logos { margin-top: 35px; } #footer #fotter-logos a { margin: 0 20px; height: 50px; } #footer #fotter-logos a img { height: 100%; width: auto; display: block; } #footer #footer-bottom { padding: 30px 0; color: #c1001f; } #footer #footer-bottom a { color: #c1001f; } #footer #footer-credits { font-size: 12px; line-height: 30px; } #footer #footer-credits a:hover { text-decoration: underline; } #footer #footer-social a { vertical-align: middle; margin: 0 10px; } #footer #newsletterNext, #footer #newsletterSubmit { max-width: none; } #footer-bottom .column { display: flex; align-items: center; flex-flow: column wrap; justify-content: center; gap: 2rem; } #footer-bottom .footer-media-logo img { display: block; margin: 0 auto; max-width: 200px; width: 100%; } #footer-bottom #footer-credits { text-align: center; width: 100%; } @media only screen and (min-width: 480px) { #footer-bottom .column { flex-direction: row; justify-content: space-between; } } @media only screen and (min-width: 740px) { #footer-bottom .column { flex-wrap: nowrap; } #footer-bottom .column > div { min-width: 200px; } #footer-bottom #footer-social { flex: 1 0 0; text-align: center; } #footer-bottom #footer-credits { text-align: right; width: auto; } } .desktop #newsletterFormerrors, .isTablet #newsletterFormerrors { position: absolute; top: 34px; left: 0; margin-left: 285px; } .logo-films { background-position: 0 -1313px; height: 52px; width: 66px; } .logo-cinemas { background-position: 0 -1217px; height: 48px; width: 70px; } .logo-agency { background-position: 0 -1165px; height: 52px; width: 66px; } .logo-innovation { background-position: 0 -1365px; height: 49px; width: 91px; } .logo-edition { background-position: 0 -1265px; height: 48px; width: 65px; } .inst, .fb, .tw, .youtube, .mail { position: relative; text-indent: -9999px; } .inst span, .fb span, .tw span, .youtube span, .mail span { display: block; } .inst span.hover, .fb span.hover, .tw span.hover, .youtube span.hover, .mail span.hover { position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .inst span.out, .fb span.out, .tw span.out, .youtube span.out, .mail span.out { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .inst:hover span.hover, .fb:hover span.hover, .tw:hover span.hover, .youtube:hover span.hover, .mail:hover span.hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .inst:hover span.out, .fb:hover span.out, .tw:hover span.out, .youtube:hover span.out, .mail:hover span.out { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .mail span.out { background-position: 0 -1461px; height: 19px; width: 25px; } .youtube span.out { background-position: 0 -2274px; height: 22px; width: 29px; } .youtube span.out:hover, .youtube span.out.yt-hover { background-position: 0 -2296px; } .youtube span.hover { background-position: 0 -2274px; height: 22px; width: 29px; } .youtube span.hover:hover, .youtube span.hover.yt-hover { background-position: 0 -2296px; } .inst span.out { background-position: 0 -1121px; height: 22px; width: 22px; } .inst span.out:hover, .inst span.out.inst-hover { background-position: 0 -1143px; } .inst span.hover { background-position: 0 -1143px; height: 22px; width: 22px; } .fb span.out { background-position: 0 -953px; height: 33px; width: 33px; } .fb span.out:hover, .fb span.out.fb-hover { background-position: 0 -986px; } .fb span.hover { background-position: 0 -953px; height: 33px; width: 33px; } .fb span.hover:hover, .fb span.hover.fb-hover { background-position: 0 -986px; } .tw span.out { background-position: 0 -2170px; height: 20px; width: 24px; } .tw span.out:hover, .tw span.out.tw-hover { background-position: 0 -2210px; } .tw span.hover { background-position: 0 -2170px; height: 20px; width: 24px; } .tw span.hover:hover, .tw span.hover.tw-hover { background-position: 0 -2210px; } #dl_catalog { background: #000; color: #FFF; text-align: center; padding: 30px 10px; } #dl_catalog .button.dl { padding: 0.95em 2.8em 0.9em 1em; margin-left: 30px; } #dl_catalog .dlLabel { vertical-align: middle; text-transform: uppercase; font-size: 25px; } /************************************************************************************************/ /* ICONES CHIFFRES */ /************************************************************************************************/ .icon { display: inline-block; } .playChiffre { background-position: 0 -1802px; height: 46px; width: 46px; } .camera { background-position: 0 -573px; height: 54px; width: 49px; } .cinema { background-position: 0 -664px; height: 32px; width: 54px; } .euro { background-position: 0 -876px; height: 51px; width: 48px; } .graph { background-position: 0 -1069px; height: 52px; width: 52px; } .tickets { background-position: 0 -2101px; height: 47px; width: 52px; } .people { background-position: 0 -1672px; height: 57px; width: 113px; } .map { background-position: 0 -1480px; height: 55px; width: 43px; } .badge { background-position: 0 -508px; height: 65px; width: 50px; } /************************************************************************************************/ /* CHIFFRES */ /************************************************************************************************/ .module-chiffres { color: #000; padding: 50px 0 10px 0; position: relative; z-index: 11; } .module-chiffres .pushChiffres { height: 40px; clear: both; } .module-chiffres h1 { color: #FFF; font-size: 35px; margin-top: 0px; margin-bottom: 35px; } .module-chiffres .items .picto { position: relative; height: 70px; } .module-chiffres .items .picto .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .module-chiffres .items .chiffre { font-size: 56px; line-height: 80px; } .module-chiffres .items .chiffre.small { font-size: 59px; } .module-chiffres .loadMoreChiffres { margin-top: 35px; width: 290px; margin-bottom: 30px; } .module-chiffres .loadMoreChiffres.clicked { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; margin-top: 0; } .module-chiffres .moreChiffres { display: none; overflow: hidden; margin-bottom: 30px; } .module-chiffres .moreChiffres .item { margin-top: 35px; } /************************************************************************************************/ /* WYSIWYG */ /************************************************************************************************/ .module-wysiwyg { position: relative; z-index: 11; background: #FFF; } .module-wysiwyg hr { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; margin: 0; } .module-wysiwyg figure { margin-bottom: 30px; } .module-wysiwyg + .module-wysiwyg { margin-top: 30px; } .module-wysiwyg > .row > h1.text-center { margin-bottom: 40px !important; } .module-wysiwyg p { margin-bottom: 30px; overflow: hidden; } .module-wysiwyg p:last-child { margin-bottom: 0; } .module-wysiwyg h1 { margin-bottom: 10px; font-size: 35px; } .module-wysiwyg h2 { font-size: 30px; margin-bottom: 10px; } .module-wysiwyg h3 { font-size: 24px; margin-bottom: 10px; } .module-wysiwyg h4, .module-wysiwyg h5, .module-wysiwyg h6 { font-size: 19px; margin-bottom: 5px; } .module-wysiwyg .contentHidden { display: none; overflow: hidden; } /** * GENERAL * MEDIA QUERIES */ /* ---------------------------------- *\ Settings \* ---------------------------------- */ /* ---------------------------------- *\ Color layer \* ---------------------------------- */ #cookie-law-info-bar.wt-cli-cookie-bar[style*="display: block;"] ~ .cli-popupbar-overlay { z-index: 1019; opacity: 0.6; transform: scale(1); transition: opacity .5s ease; display: none !important; } /* ---------------------------------- *\ Banner \* ---------------------------------- */ #cookie-law-info-bar.wt-cli-cookie-bar { overflow: auto; z-index: 1020 !important; inset: auto 1rem 1rem auto !important; max-height: calc(100vh - 2rem - var(--wp-admin--admin-bar--height, 0px)); max-width: 420px; padding: 20px 0 !important; background-color: #FFFFFF !important; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); color: #000000 !important; font-size: 1rem; text-align: left !important; } #cookie-law-info-bar.wt-cli-cookie-bar > .cli-wrapper { width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner-title { margin: 0 0 20px; font-size: 18px; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner { display: block; } #cookie-law-info-bar.wt-cli-cookie-bar .message { font-size: 14px; } @media only screen and (max-width: 480px) { #cookie-law-info-bar.wt-cli-cookie-bar .message { font-size: 12px; } } #cookie-law-info-bar.wt-cli-cookie-bar .message p, #cookie-law-info-bar.wt-cli-cookie-bar .message { line-height: 1.5; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link { color: #000000 !important; font-weight: bold; transition: all .2s ease; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link:hover { color: #000000 !important; } #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper, #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper { display: flex; justify-content: center; gap: 20px; } #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper { display: flex; flex-wrap: wrap; align-items: center; margin-top: 25px; text-align: center; } #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper > * { width: 100%; } #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper > * { flex: 1 0 0; min-width: calc(50% - 2rem); } #cookie-law-info-bar.wt-cli-cookie-bar .settings-link-wrapper, #cookie-law-info-bar.wt-cli-cookie-bar .settings-link-wrapper > * { width: 100%; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn { padding: 0.95em 1em 0.9em 1em !important; margin: 0 !important; background-color: #c1001f !important; border: 2px solid #c1001f; border-radius: 0px !important; color: #FFFFFF !important; font-size: 13px; font-weight: bold; line-height: normal; opacity: 1 !important; transition: all .2s ease; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn:last-child, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn:last-child { margin: 0 !important; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn:hover { background-color: #000000 !important; border-color: #000000; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn { position: relative; display: inline-block; padding: 0.95em 1em 0.9em 1em; padding-right: 40px; padding-left: 1.3em; border: 2px solid #c1001f !important; border-radius: 0px; color: #c1001f !important; background-color: transparent !important; font-size: 13px; line-height: normal; transition: all .2s ease; text-transform: uppercase; font-weight: bold; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn::after { content: ""; position: absolute; top: 50%; right: 20px; display: inline-block; width: 8px; height: 8px; transform: translateY(-70%) rotate(135deg); border-width: 1px 1px 0 0; border-style: solid; border-color: currentcolor; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn:hover { color: #000000 !important; border-color: #000000 !important; text-decoration: none !important; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-tab-container { margin-top: 15px; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-necessary-caption { margin: 0; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-switch .cli-slider::after { top: 50%; color: #000000; transform: translateY(-50%); } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-switch input:checked + .cli-slider { background-color: #c1001f; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .cli-tab-container { margin-top: 20px; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .cli-tab-footer { padding: 0; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .cli-row { overflow: visible; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .wt-cli-ckyes-brand-logo { display: none; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer #wt-cli-privacy-save-btn { display: inline-block; padding: 0.95em 1em 0.9em 1em !important; background-color: #c1001f !important; border: 2px solid #c1001f; border-radius: 0px !important; color: #FFFFFF !important; font-size: 13px; font-weight: bold; line-height: normal; transition: all .2s ease; } #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer #wt-cli-privacy-save-btn:hover { opacity: 1; background-color: #000000 !important; border-color: #000000; } @media only screen and (min-width: 600px) { #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner-title { font-size: 20px; } } /* ---------------------------------- *\ Show again btn \* ---------------------------------- */ #cookie-law-info-again { z-index: 1020; bottom: 0px !important; left: 0 !important; right: auto !important; padding: 5px 10px 3px; background-color: #FFFFFF !important; border-top-right-radius: 5px; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2); color: #000000 !important; font-size: 1rem; line-height: 1; } #cookie-law-info-again #cookie_hdr_showagain { font-size: 14px; line-height: 1; } @media only screen and (min-width: 600px) { #cookie-law-info-again { left: 20px !important; border-top-left-radius: 5px; } } /************************************************************************************************/ /* PRESSE FEED */ /************************************************************************************************/ .desktop .module-presse-feed.homeModule4 { margin-top: 0; padding-top: 50px; } .module-presse-feed h1, .module-communiques h1 { font-size: 40px; } .module-presse-feed > .row, .module-communiques > .row { max-width: 980px; } .module-presse-feed > .row .column, .module-communiques > .row .column { padding: 0 10px; } .module-presse-feed a, .module-communiques a { color: #000; } .module-presse-feed .image, .module-communiques .image { margin-bottom: 15px; } .module-presse-feed .date, .module-communiques .date { line-height: 1.2em; position: relative; } .module-presse-feed .date .jour, .module-communiques .date .jour { font-size: 36px; line-height: 42px; } .module-presse-feed .date .mois, .module-communiques .date .mois { font-weight: bold; } .module-presse-feed .date span, .module-communiques .date span { display: block; } .module-presse-feed .rowNest .large-3, .module-presse-feed .rowNest .date-item, .module-communiques .rowNest .large-3, .module-communiques .rowNest .date-item { padding: 0 15px 0 5px !important; position: relative; } .module-presse-feed .rowNest .large-3:after, .module-presse-feed .rowNest .date-item:after, .module-communiques .rowNest .large-3:after, .module-communiques .rowNest .date-item:after { content: ""; display: block; position: absolute; top: 10px; right: 0; border-right: 1px solid #000; height: 25px; } .module-presse-feed .rowNest .large-9, .module-communiques .rowNest .large-9 { padding: 0 0px 0 15px !important; } .module-presse-feed .titre, .module-communiques .titre { padding-top: 8px; line-height: 1.3em; } .module-presse-feed .button, .module-communiques .button { margin-top: 30px !important; } /************************************************************************************************/ /* BOUTONS */ /************************************************************************************************/ .module-boutons .button { padding: 0.95em 4.3em 0.9em 4em; } .plusBtn { background: #000; color: #FFF; width: 20px; height: 20px; display: inline-block; text-align: center; font-size: 26px; line-height: 0.8em; -moz-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1); } .plusBtn:hover { background: #c1001f; color: #FFF; } .appended { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .appended.visible { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .button { position: relative; max-width: 86%; } .button span:after { z-index: 200; } .button.w300 { width: 300px; } .button.bg-noir:hover, .button.module-carousel:hover, .module-carousel .carousel-item .button.text:hover { background: #222; } .button.blanc, .module-carousel .carousel-item .button.text, .owl-nav .button.owl-prev, .owl-nav .button.owl-next { background: #FFF; border: 1px solid #000; } .button.blanc:hover, .module-carousel .carousel-item .button.text:hover, .owl-nav .button.owl-prev:hover, .owl-nav .button.owl-next:hover { background: #000; color: #FFF !important; } .button.rouge { background: #c1001f !important; color: #FFF; } .button.rouge:hover { background: #e50025 !important; } .button.bg-blanc { background: #FFF; color: #000; } .button.bg-blanc:hover { background: #c1001f; color: #FFF; } .button + .button { margin-left: 15px; } .button.dl span:after { display: block; content: ""; position: absolute; top: 50%; right: 15px; margin-top: -6px; display: inline-block; background-position: 0 -854px; height: 11px; width: 14px; } .button.dl.bg-blanc span:after { background-position: 0 -843px; height: 11px; width: 14px; } .button.externe, .button.video { background: #000; } .button.externe span:after, .button.video span:after { display: block; content: ""; position: absolute; top: 3px; right: 3px; display: inline-block; background-position: 0 -833px; height: 10px; width: 10px; z-index: 200; } .button.externe:hover, .button.video:hover { background: #444; } .button.loader:not(.disabled):before, .button.loader:not(.disabled):after { display: none; } .button.loader:not(.disabled) span { color: #FFF; } .button.loader:not(.disabled) span:before { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -11px; width: 20px; height: 20px; border: 4px solid; border-left-color: transparent; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-name: rotate; -webkit-animation-name: rotate; animation-name: rotate; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; z-index: 200; } .button.loader:not(.disabled) span:after { content: ''; display: inline-block; height: 100%; width: 0px; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; -moz-transition-property: width; -o-transition-property: width; -webkit-transition-property: width; transition-property: width; z-index: 200; } .button.loader:not(.disabled).loading { pointer-events: none; cursor: not-allowed; } .button.loader:not(.disabled).loading:not(.expand) { text-indent: -70px; } .button.loader:not(.disabled).loading span:before { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 200; } .button.loader:not(.disabled).loading span:after { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; width: 20px; } @keyframes rotate { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .scrollTo { display: inline-block; background-position: 0 -2017px; height: 15px; width: 25px; } .slideFade .scrollTo { position: absolute; bottom: 63px; left: 50%; margin-left: -12px; z-index: 10; } .slideFade .logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .close { display: block; margin: 30px auto 0 auto; background-position: 0 -724px; height: 25px; width: 25px; cursor: pointer; } /************************************************************************************************/ /* IMAGES FULL */ /************************************************************************************************/ .module-image-full { width: 100%; position: relative; overflow: hidden; background-position: center center; background-size: cover; } .module-image-full img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .module-image-full + .module-image-full { margin-top: 0; } .module-image-full .content { position: absolute; bottom: 100px; left: 0; width: 100%; } .module-image-full h2 { font-size: 39px; margin-bottom: 30px; } .module-image-full .text { margin-bottom: 30px; } .module-image-full .button { max-width: none; } .module-chiffres + .module-image-full { margin-top: -10px; } /************************************************************************************************/ /* VIDEOS */ /************************************************************************************************/ .module-video { position: relative; color: #FFF; background-position: center center; background-size: cover; } .module-video.playing .texte { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 99; } .module-video.playing .player { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 100; } .module-video .player { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); z-index: 99; } .module-video > .row { max-width: 100%; } .module-video img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .module-video h2 { font-size: 40px; margin-bottom: 50px; } .module-video .playVideo { background-position: 0 -1848px; height: 135px; width: 135px; display: inline-block; cursor: pointer; margin-bottom: 40px; } .module-video .texte { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; margin-top: 190px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); } .module-video iframe { position: absolute; bottom: 0; left: 0; } /************************************************************************************************/ /* GALERIE */ /************************************************************************************************/ .module-galerie { padding: 50px 0 50px 0; } .module-galerie.bg-blanc { padding: 0; } .module-galerie .items { margin-top: 50px; } .module-galerie .items a { display: block; } .module-galerie .items .titre { margin-top: 20px; margin-bottom: 0; } .module-galerie .items h2 { margin-top: 0; font-size: 1.25rem; } .module-galerie .galerieLink { margin-top: 40px; } /************************************************************************************************/ /* COLLECTIONS */ /************************************************************************************************/ .module-collections .items { margin-top: 50px; color: #FFF; } .module-collections .items a { color: #FFF; } .module-collections .items .item { padding-left: 0.28rem; padding-right: 0.28rem; position: relative; margin-bottom: 10px; overflow: hidden; } .module-collections .items .item a { display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; } .module-collections .items .item img { width: 100%; height: auto; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: -moz-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .module-collections .items .item:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .module-collections .items .item:hover .text { -moz-transform: translateY(-10px) scale(1.07); -ms-transform: translateY(-10px) scale(1.07); -webkit-transform: translateY(-10px) scale(1.07); transform: translateY(-10px) scale(1.07); } .module-collections .items .item .text { position: absolute; bottom: 20px; left: 0; width: 100%; -moz-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); -moz-transition: -moz-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .module-collections .items .item .wrap { height: 100%; overflow: hidden; } /************************************************************************************************/ /* TIMELINE */ /************************************************************************************************/ .module-timeline { overflow: hidden; position: relative; margin-top: 0; } .module-timeline .passerTimeline { position: fixed; bottom: 0; right: 0; color: #7f7f7f; display: none; z-index: 200; width: 100%; background: rgba(255, 255, 255, 0.8); text-align: center; padding: 10px; } .module-timeline .passerTimeline.is-stuck { display: block; } .module-timeline .passerTimeline span { background-position: 0 0; height: 10px; width: 19px; display: inline-block; margin: 10px auto; -moz-transition: -moz-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); vertical-align: middle; margin-right: 20px; } .module-timeline .passerTimeline:hover { color: #000; } .module-timeline.filmographie .item { margin-top: 0; } .module-timeline.filmographie .item p { margin: 0; } .module-timeline.filmographie .item .plusBtn { margin-top: 10px; } .module-timeline.filmographie .item .button { margin-top: 30px; } .module-timeline.filmographie .item h3 { padding-top: 20px; font-size: 20px; } .timelineContener { padding-right: 0; } .timelineContener .scroll { height: 100%; overflow: hidden; } .timelineContener .item { margin-top: 50px; } .timelineContener .item.noAnnee .contenu .text { margin-top: 0; } .timelineContener .item .image img { margin-top: 40px; } .timelineContener .item .contenu { padding: 0 40px 30px 40px; } .timelineContener .item .contenu .annee { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; color: #c1001f; font-size: 158px; line-height: 1em; text-align: center; position: relative; z-index: 1; } .timelineContener .item .contenu .text { margin-top: -90px; position: relative; z-index: 2; } .timelineContener .item .contenu h1, .timelineContener .item .contenu h2, .timelineContener .item .contenu h3 { margin-bottom: 0; } .timelineAnnees { text-align: center; } .timelineAnnees .mCSB_draggerContainer { display: none; } .timelineAnnees .contener { -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .timelineAnnees .sticky { overflow: auto; margin-top: 90px !important; } .timelineAnnees .sticky.is-at-bottom { margin-top: 0 !important; } .timelineAnnees .annee { cursor: pointer; } .timelineAnnees .annee.active, .timelineAnnees .annee:hover { color: red; } /************************************************************************************************/ /* ICONES FILMOGRAPHIE */ /************************************************************************************************/ .filmo-co-produit, .filmo-international, .filmo-distribue { display: inline-block; vertical-align: middle; margin-right: 3px; margin-top: -3px; } .filmo-co-produit { background-position: 0 -1019px; height: 17px; width: 15px; } .filmo-distribue { background-position: 0 -1036px; height: 16px; width: 18px; } .filmo-international { background-position: 0 -1052px; height: 17px; width: 17px; } /************************************************************************************************/ /* TITRE & VISUEL */ /************************************************************************************************/ .module-titre-visuel { max-height: 400px; } .module-titre-visuel img { width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .module-titre-visuel .relative, .module-titre-visuel .timelineContener, .module-titre-visuel .timelineContener .scroll, .timelineContener .module-titre-visuel .scroll { z-index: 10; max-height: 400px; } .module-titre-visuel h2 { color: #FFF; position: absolute; width: 100%; left: 0; top: 50%; font-size: 36px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .module-titre-visuel + .module-titre-visuel, .module-titre-visuel + .module-chiffres, .module-side-side + .module-titre-visuel, .module-side-side + .module-chiffres, .module-chiffres + .module-titre-visuel, .module-chiffres + .module-chiffres, .module.bg-noir + .module-titre-visuel, .module.module-carousel + .module-titre-visuel, .module-carousel .carousel-item .module.text + .module-titre-visuel, .module.bg-noir + .module-chiffres, .module.module-carousel + .module-chiffres, .module-carousel .carousel-item .module.text + .module-chiffres { margin-top: 0 !important; } /************************************************************************************************/ /* SLIDER */ /************************************************************************************************/ .module-slider > .row { max-width: 100%; } .module-slider .carousel-item { max-height: 730px; background-position: center center; background-size: cover; } .module-slider .carousel-item img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /************************************************************************************************/ /* SLIDERS */ /************************************************************************************************/ .module-carousel { overflow: hidden; position: relative; } .module-carousel .carousel-item { z-index: 100; } .module-carousel .carousel-item .text { bottom: 60px; left: 50%; margin-left: -295px; width: 590px; padding: 30px; } .owl-carousel .owl-item { z-index: 100; } .owl-nav .owl-prev, .owl-nav .owl-next { left: 20px; top: 50%; text-indent: -9999px; } .owl-nav .owl-next { left: auto; right: 20px; background-position: 0 -1638px; height: 34px; width: 19px; } .owl-nav .owl-prev { background-position: 0 -1983px; height: 34px; width: 19px; } /************************************************************************************************/ /* SIDE/SIDE */ /************************************************************************************************/ .module-side-side { max-height: 800px; overflow: hidden; } .module-side-side + .module-side-side { margin-top: 0 !important; } .module-side-side > .row { max-width: 100%; max-height: 800px; } .module-side-side .content-text { margin: 0 auto; max-width: 530px; } .module-side-side .content-text h2 { font-size: 35px; } .module-side-side .content-text .btnContainer { margin-top: 50px; } .module-side-side .side-carousel .image, .module-side-side .side-image .image { background-position: center center; background-size: cover; max-height: 800px; } .module-side-side .side-carousel .image img, .module-side-side .side-image .image img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .module-chiffres + .module-side-side, .module-galerie.bg-noir + .module-side-side, .module-galerie.module-carousel + .module-side-side, .module-carousel .carousel-item .module-galerie.text + .module-side-side { margin-top: 0 !important; } /************************************************************************************************/ /* PALMARES */ /************************************************************************************************/ .module-palmares .palmaresList .column { margin-bottom: 40px; margin-top: 20px; } .module-palmares .palmaresList .image.min { max-width: 245px; height: 190px; position: relative; margin: 0 auto; } .module-palmares .palmaresList .image.min img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .module-palmares .palmaresList .num_recompenses { font-size: 18px; letter-spacing: 1px; } .recompensesList { position: fixed; top: 0; left: -300%; background: #FFF; z-index: 9999; width: 100%; height: 100%; padding-bottom: 50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); -moz-transition: -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1); } .recompensesList.active.leave { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); } .recompensesList.active { left: 0; z-index: 9999; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } .recompensesList h2 { margin-top: 40px; } .recompensesList .image { margin-top: 40px; } .recompensesList .item { margin-top: 55px; } .recompensesList .item p { margin: 0; } .communiqueDetails { margin-top: 110px; } .communiqueDetails #communique { margin-top: 60px; } .communiqueDetails .titre { font-size: 36px; line-height: 49px; padding-top: 0 !important; margin-top: -7px; margin-bottom: 0; } .communiqueDetails .date-item { position: relative; } .communiqueDetails .date-item:after { content: ""; display: block; position: absolute; top: 10px; right: 20px; border-right: 1px solid #000; height: 25px; } .communiqueDetails .module:first-child { margin-top: 30px; } .communiqueDetails a { text-decoration: underline; } .communiqueDetails a:hover { color: #c1001f; } .communiqueDetails #socialLinks { position: absolute; top: -10px; right: 0; } .communiqueDetails #socialLinks .label { display: inline-block; line-height: 44px; margin-right: 15px; vertical-align: top; } .communiqueDetails #socialLinks .links { border: 2px solid #c1001f; display: inline-block; } .communiqueDetails #socialLinks .link { display: inline-block; border-right: 2px solid #c1001f; display: block; float: left; } .communiqueDetails #socialLinks .link:last-child { border: none; } .communiqueDetails #socialLinks .link a { height: 40px; width: 70px; -webkit-filter: brightness(1); filter: brightness(1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); position: relative; display: block; float: left; } .communiqueDetails #socialLinks .link a span.hover { display: none !important; } .communiqueDetails #socialLinks .link a span.out { display: block !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .communiqueDetails #socialLinks .link a:hover { -webkit-filter: brightness(0); filter: brightness(0); } .communiqueDetails #socialLinks .link a:hover span.out { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /*! jQuery UI - v1.12.0 - 2016-08-26 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .ui-slider .ui-slider-handle { background: #000; border: 4px solid #c1001f; height: 10px; width: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: -4px; } .ui-widget.ui-widget-content { border: none; height: 1px; background: #626262; } .ui-slider .ui-slider-range { border: none; height: 1px; background: #FFF; } #searchForm .fieldGroup.annee { margin-bottom: 30px; } #anneeRange .anneeDebutText.label { position: absolute; left: -50px; top: -10px; color: #FFF; font-size: 14px; } #anneeRange .anneeFinText.label { position: absolute; right: -50px; top: -10px; color: #FFF; font-size: 14px; } #anneeRange .ui-slider-handle > span { color: #FFF; position: absolute; top: -30px; left: -12px; font-size: 14px; } .anneeRangeLabel { margin-bottom: 30px; } /*! jQuery UI - v1.12.0 - 2016-08-26 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /************************************************************************************************/ /* HOME */ /************************************************************************************************/ #homeSlider, #topSlider { width: 100%; height: 731px; position: relative; overflow: hidden; } #homeSlider .content { margin: 0 auto; } #homeSlider h1 { font-size: 36px; margin-bottom: 20px; } #homeSlider h1 span { display: block; } #homeSlider .text { font-size: 18px; padding-top: 0px; } #homeSlider .button { margin-top: 30px; } #homeSlider .scrollTo { bottom: 25px !important; } .slides-nav { position: absolute; bottom: 30px; right: 30px; z-index: 300; } .slides-nav .slide-toggle { display: inline-block; height: 10px; width: 10px; background: #FFF; cursor: pointer; margin-left: 10px; } .slides-nav .slide-toggle.active { background: #c1001f; } .home .module-collections .items { margin-top: 0; overflow: hidden; } .home .module-communiques .item.column:nth-child(1n+1) { clear: both; } .home .module-communiques .item.column:nth-child(2n+1) { clear: none; } .home #homeSlider .slides .slide .overlay { background: none !important; } .module-logos { padding-bottom: 30px; } .module-logos::before, .module-logos::after { content: ' '; display: table; } .module-logos::after { clear: both; } .module-logos .item { padding-bottom: 75px; position: relative; } .module-logos .image { margin-bottom: 15px; height: 93px; position: relative; } .module-logos .content .titre { margin-bottom: 0; } .module-logos .btnContainer { position: absolute; bottom: 0; left: 0; width: 100%; } /************************************************************************************************/ /* DERNIERS FILMS */ /************************************************************************************************/ .home .galerieContent .items { margin-top: 0; } .home .galerieContent .items .item { margin-bottom: 40px; position: relative; } .home .galerieContent .items a { color: #000; } .home .galerieContent .items .titre { margin-top: 10px; } .home .galerieContent .items .button { padding-left: 20px; padding-right: 20px; display: block; font-size: 14px; margin-top: 10px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 185px; } .home .module-galerie { margin-bottom: 0; margin-top: 0; padding-bottom: 0; } .home .module-presse-feed { padding-top: 0 !important; } /************************************************************************************************/ /* CONTENU TEXTE + LOGO */ /************************************************************************************************/ #content-home { padding: 40px 0; } /************************************************************************************************/ /* LINE UP */ /************************************************************************************************/ .lineup-bottom { margin-top: 20px; } .lineup-bottom p { margin-bottom: 25px; } .slideFade .slides { position: relative; height: 100%; background: #1b1b1b !important; } .slideFade .slides .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1); background-size: cover; } .slideFade .slides .slide.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 101; } .slideFade .slides .slide .desc { position: absolute; bottom: 40px; left: 0; width: 100%; z-index: 10; } .slideFade .slides .slide .overlay { position: absolute; display: block !important; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; } .home .slideFade .slides { z-index: 100; } .home .slideFade .slides .slide.active { z-index: 101; } #topSlider .desc { bottom: 0; height: 100%; width: 100%; position: absolute; z-index: 100; } .page-template-page-modules #topSlider .desc { bottom: 190px; height: auto; } .page-template-page-modules #topSlider .desc > .row { max-width: 968px; margin: 0 auto; } .page-template-page-modules #topSlider .desc h1 { font-size: 49px; } .page-template-page-modules #topSlider .desc .text { font-size: 20px; } /************************************************************************************************/ /* PRESSE */ /************************************************************************************************/ .page-template-page-presse #topSlider, .post-type-archive-emploi #topSlider, .page-template-page-emploi #topSlider, .single-filmo #topSlider, .blog #topSlider, .single-post #topSlider, .home #topSlider, .page-template-page-lineup #topSlider, .page-template-page-marches #topSlider, .page-template-page-contact #topSlider { max-height: 366px; } .page-template-page-presse #topSlider .overlay, .post-type-archive-emploi #topSlider .overlay, .page-template-page-emploi #topSlider .overlay, .single-filmo #topSlider .overlay, .blog #topSlider .overlay, .single-post #topSlider .overlay, .home #topSlider .overlay, .page-template-page-lineup #topSlider .overlay, .page-template-page-marches #topSlider .overlay, .page-template-page-contact #topSlider .overlay { background: rgba(0, 0, 0, 0.84); } .page-template-page-presse #topSlider .desc h1, .post-type-archive-emploi #topSlider .desc h1, .page-template-page-emploi #topSlider .desc h1, .single-filmo #topSlider .desc h1, .blog #topSlider .desc h1, .single-post #topSlider .desc h1, .home #topSlider .desc h1, .page-template-page-lineup #topSlider .desc h1, .page-template-page-marches #topSlider .desc h1, .page-template-page-contact #topSlider .desc h1 { font-size: 47px; margin-top: 45px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-template-page-presse, .post-type-archive-emploi, .page-template-page-emploi, .single-filmo, .blog, .single-post, .single-personnes, .tax-genre_film, .home, .page-template-page-lineup, .tax-genre_film, .page-template-page-marches, .page-template-page-contact { /************************************************************************************************/ /* MEILLEURDE LA REVUE */ /************************************************************************************************/ /************************************************************************************************/ /* PHOTOTEQUE */ /************************************************************************************************/ /************************************************************************************************/ /* LOGOTHEQUE */ /************************************************************************************************/ } .page-template-page-presse .module h1, .post-type-archive-emploi .module h1, .page-template-page-emploi .module h1, .single-filmo .module h1, .blog .module h1, .single-post .module h1, .single-personnes .module h1, .tax-genre_film .module h1, .home .module h1, .page-template-page-lineup .module h1, .tax-genre_film .module h1, .page-template-page-marches .module h1, .page-template-page-contact .module h1 { font-size: 40px; } .page-template-page-presse .module-communiques h1, .post-type-archive-emploi .module-communiques h1, .page-template-page-emploi .module-communiques h1, .single-filmo .module-communiques h1, .blog .module-communiques h1, .single-post .module-communiques h1, .single-personnes .module-communiques h1, .tax-genre_film .module-communiques h1, .home .module-communiques h1, .page-template-page-lineup .module-communiques h1, .tax-genre_film .module-communiques h1, .page-template-page-marches .module-communiques h1, .page-template-page-contact .module-communiques h1 { font-size: 37px; } .page-template-page-presse .module-communiques .titre, .post-type-archive-emploi .module-communiques .titre, .page-template-page-emploi .module-communiques .titre, .single-filmo .module-communiques .titre, .blog .module-communiques .titre, .single-post .module-communiques .titre, .single-personnes .module-communiques .titre, .tax-genre_film .module-communiques .titre, .home .module-communiques .titre, .page-template-page-lineup .module-communiques .titre, .tax-genre_film .module-communiques .titre, .page-template-page-marches .module-communiques .titre, .page-template-page-contact .module-communiques .titre { padding-top: 0; } .page-template-page-presse .module-communiques .item, .post-type-archive-emploi .module-communiques .item, .page-template-page-emploi .module-communiques .item, .single-filmo .module-communiques .item, .blog .module-communiques .item, .single-post .module-communiques .item, .single-personnes .module-communiques .item, .tax-genre_film .module-communiques .item, .home .module-communiques .item, .page-template-page-lineup .module-communiques .item, .tax-genre_film .module-communiques .item, .page-template-page-marches .module-communiques .item, .page-template-page-contact .module-communiques .item { margin-top: 40px; background: #FFF; } .page-template-page-presse .module-communiques .item:nth-child(2n+1), .post-type-archive-emploi .module-communiques .item:nth-child(2n+1), .page-template-page-emploi .module-communiques .item:nth-child(2n+1), .single-filmo .module-communiques .item:nth-child(2n+1), .blog .module-communiques .item:nth-child(2n+1), .single-post .module-communiques .item:nth-child(2n+1), .single-personnes .module-communiques .item:nth-child(2n+1), .tax-genre_film .module-communiques .item:nth-child(2n+1), .home .module-communiques .item:nth-child(2n+1), .page-template-page-lineup .module-communiques .item:nth-child(2n+1), .tax-genre_film .module-communiques .item:nth-child(2n+1), .page-template-page-marches .module-communiques .item:nth-child(2n+1), .page-template-page-contact .module-communiques .item:nth-child(2n+1) { clear: both; } .page-template-page-presse .module-communiques .date-item, .post-type-archive-emploi .module-communiques .date-item, .page-template-page-emploi .module-communiques .date-item, .single-filmo .module-communiques .date-item, .blog .module-communiques .date-item, .single-post .module-communiques .date-item, .single-personnes .module-communiques .date-item, .tax-genre_film .module-communiques .date-item, .home .module-communiques .date-item, .page-template-page-lineup .module-communiques .date-item, .tax-genre_film .module-communiques .date-item, .page-template-page-marches .module-communiques .date-item, .page-template-page-contact .module-communiques .date-item { width: 14%; padding-right: 0 !important; margin-top: -12px; } .page-template-page-presse .module-communiques .date-item:after, .post-type-archive-emploi .module-communiques .date-item:after, .page-template-page-emploi .module-communiques .date-item:after, .single-filmo .module-communiques .date-item:after, .blog .module-communiques .date-item:after, .single-post .module-communiques .date-item:after, .single-personnes .module-communiques .date-item:after, .tax-genre_film .module-communiques .date-item:after, .home .module-communiques .date-item:after, .page-template-page-lineup .module-communiques .date-item:after, .tax-genre_film .module-communiques .date-item:after, .page-template-page-marches .module-communiques .date-item:after, .page-template-page-contact .module-communiques .date-item:after { right: 17%; } .page-template-page-presse .module-communiques .image, .post-type-archive-emploi .module-communiques .image, .page-template-page-emploi .module-communiques .image, .single-filmo .module-communiques .image, .blog .module-communiques .image, .single-post .module-communiques .image, .single-personnes .module-communiques .image, .tax-genre_film .module-communiques .image, .home .module-communiques .image, .page-template-page-lineup .module-communiques .image, .tax-genre_film .module-communiques .image, .page-template-page-marches .module-communiques .image, .page-template-page-contact .module-communiques .image { width: 36%; } .page-template-page-presse .module-communiques .text, .post-type-archive-emploi .module-communiques .text, .page-template-page-emploi .module-communiques .text, .single-filmo .module-communiques .text, .blog .module-communiques .text, .single-post .module-communiques .text, .single-personnes .module-communiques .text, .tax-genre_film .module-communiques .text, .home .module-communiques .text, .page-template-page-lineup .module-communiques .text, .tax-genre_film .module-communiques .text, .page-template-page-marches .module-communiques .text, .page-template-page-contact .module-communiques .text { width: 47%; float: left; margin-top: -4px; } .page-template-page-presse .module-communiques .text p, .post-type-archive-emploi .module-communiques .text p, .page-template-page-emploi .module-communiques .text p, .single-filmo .module-communiques .text p, .blog .module-communiques .text p, .single-post .module-communiques .text p, .single-personnes .module-communiques .text p, .tax-genre_film .module-communiques .text p, .home .module-communiques .text p, .page-template-page-lineup .module-communiques .text p, .tax-genre_film .module-communiques .text p, .page-template-page-marches .module-communiques .text p, .page-template-page-contact .module-communiques .text p { line-height: 1.3; } .page-template-page-presse .module-communiques .communiques-links, .post-type-archive-emploi .module-communiques .communiques-links, .page-template-page-emploi .module-communiques .communiques-links, .single-filmo .module-communiques .communiques-links, .blog .module-communiques .communiques-links, .single-post .module-communiques .communiques-links, .single-personnes .module-communiques .communiques-links, .tax-genre_film .module-communiques .communiques-links, .home .module-communiques .communiques-links, .page-template-page-lineup .module-communiques .communiques-links, .tax-genre_film .module-communiques .communiques-links, .page-template-page-marches .module-communiques .communiques-links, .page-template-page-contact .module-communiques .communiques-links { padding-top: 30px; } .page-template-page-presse .module-communiques .communiques-links .button, .post-type-archive-emploi .module-communiques .communiques-links .button, .page-template-page-emploi .module-communiques .communiques-links .button, .single-filmo .module-communiques .communiques-links .button, .blog .module-communiques .communiques-links .button, .single-post .module-communiques .communiques-links .button, .single-personnes .module-communiques .communiques-links .button, .tax-genre_film .module-communiques .communiques-links .button, .home .module-communiques .communiques-links .button, .page-template-page-lineup .module-communiques .communiques-links .button, .tax-genre_film .module-communiques .communiques-links .button, .page-template-page-marches .module-communiques .communiques-links .button, .page-template-page-contact .module-communiques .communiques-links .button { max-width: none; } .page-template-page-presse .module-communiques .communiques-links .button + .button, .post-type-archive-emploi .module-communiques .communiques-links .button + .button, .page-template-page-emploi .module-communiques .communiques-links .button + .button, .single-filmo .module-communiques .communiques-links .button + .button, .blog .module-communiques .communiques-links .button + .button, .single-post .module-communiques .communiques-links .button + .button, .single-personnes .module-communiques .communiques-links .button + .button, .tax-genre_film .module-communiques .communiques-links .button + .button, .home .module-communiques .communiques-links .button + .button, .page-template-page-lineup .module-communiques .communiques-links .button + .button, .tax-genre_film .module-communiques .communiques-links .button + .button, .page-template-page-marches .module-communiques .communiques-links .button + .button, .page-template-page-contact .module-communiques .communiques-links .button + .button { margin-left: 30px; } .page-template-page-presse #filtres-communiques, .page-template-page-presse #filtres-photos, .page-template-page-presse #filtres-revues, .post-type-archive-emploi #filtres-communiques, .post-type-archive-emploi #filtres-photos, .post-type-archive-emploi #filtres-revues, .page-template-page-emploi #filtres-communiques, .page-template-page-emploi #filtres-photos, .page-template-page-emploi #filtres-revues, .single-filmo #filtres-communiques, .single-filmo #filtres-photos, .single-filmo #filtres-revues, .blog #filtres-communiques, .blog #filtres-photos, .blog #filtres-revues, .single-post #filtres-communiques, .single-post #filtres-photos, .single-post #filtres-revues, .single-personnes #filtres-communiques, .single-personnes #filtres-photos, .single-personnes #filtres-revues, .tax-genre_film #filtres-communiques, .tax-genre_film #filtres-photos, .tax-genre_film #filtres-revues, .home #filtres-communiques, .home #filtres-photos, .home #filtres-revues, .page-template-page-lineup #filtres-communiques, .page-template-page-lineup #filtres-photos, .page-template-page-lineup #filtres-revues, .tax-genre_film #filtres-communiques, .tax-genre_film #filtres-photos, .tax-genre_film #filtres-revues, .page-template-page-marches #filtres-communiques, .page-template-page-marches #filtres-photos, .page-template-page-marches #filtres-revues, .page-template-page-contact #filtres-communiques, .page-template-page-contact #filtres-photos, .page-template-page-contact #filtres-revues { font-size: 21px; } .page-template-page-presse #filtres-communiques a, .page-template-page-presse #filtres-photos a, .page-template-page-presse #filtres-revues a, .post-type-archive-emploi #filtres-communiques a, .post-type-archive-emploi #filtres-photos a, .post-type-archive-emploi #filtres-revues a, .page-template-page-emploi #filtres-communiques a, .page-template-page-emploi #filtres-photos a, .page-template-page-emploi #filtres-revues a, .single-filmo #filtres-communiques a, .single-filmo #filtres-photos a, .single-filmo #filtres-revues a, .blog #filtres-communiques a, .blog #filtres-photos a, .blog #filtres-revues a, .single-post #filtres-communiques a, .single-post #filtres-photos a, .single-post #filtres-revues a, .single-personnes #filtres-communiques a, .single-personnes #filtres-photos a, .single-personnes #filtres-revues a, .tax-genre_film #filtres-communiques a, .tax-genre_film #filtres-photos a, .tax-genre_film #filtres-revues a, .home #filtres-communiques a, .home #filtres-photos a, .home #filtres-revues a, .page-template-page-lineup #filtres-communiques a, .page-template-page-lineup #filtres-photos a, .page-template-page-lineup #filtres-revues a, .tax-genre_film #filtres-communiques a, .tax-genre_film #filtres-photos a, .tax-genre_film #filtres-revues a, .page-template-page-marches #filtres-communiques a, .page-template-page-marches #filtres-photos a, .page-template-page-marches #filtres-revues a, .page-template-page-contact #filtres-communiques a, .page-template-page-contact #filtres-photos a, .page-template-page-contact #filtres-revues a { margin-right: 50px; padding: 1px 10px 1px 10px; color: #000; } .page-template-page-presse #filtres-communiques a .tiret, .page-template-page-presse #filtres-photos a .tiret, .page-template-page-presse #filtres-revues a .tiret, .post-type-archive-emploi #filtres-communiques a .tiret, .post-type-archive-emploi #filtres-photos a .tiret, .post-type-archive-emploi #filtres-revues a .tiret, .page-template-page-emploi #filtres-communiques a .tiret, .page-template-page-emploi #filtres-photos a .tiret, .page-template-page-emploi #filtres-revues a .tiret, .single-filmo #filtres-communiques a .tiret, .single-filmo #filtres-photos a .tiret, .single-filmo #filtres-revues a .tiret, .blog #filtres-communiques a .tiret, .blog #filtres-photos a .tiret, .blog #filtres-revues a .tiret, .single-post #filtres-communiques a .tiret, .single-post #filtres-photos a .tiret, .single-post #filtres-revues a .tiret, .single-personnes #filtres-communiques a .tiret, .single-personnes #filtres-photos a .tiret, .single-personnes #filtres-revues a .tiret, .tax-genre_film #filtres-communiques a .tiret, .tax-genre_film #filtres-photos a .tiret, .tax-genre_film #filtres-revues a .tiret, .home #filtres-communiques a .tiret, .home #filtres-photos a .tiret, .home #filtres-revues a .tiret, .page-template-page-lineup #filtres-communiques a .tiret, .page-template-page-lineup #filtres-photos a .tiret, .page-template-page-lineup #filtres-revues a .tiret, .tax-genre_film #filtres-communiques a .tiret, .tax-genre_film #filtres-photos a .tiret, .tax-genre_film #filtres-revues a .tiret, .page-template-page-marches #filtres-communiques a .tiret, .page-template-page-marches #filtres-photos a .tiret, .page-template-page-marches #filtres-revues a .tiret, .page-template-page-contact #filtres-communiques a .tiret, .page-template-page-contact #filtres-photos a .tiret, .page-template-page-contact #filtres-revues a .tiret { background-position: 0 -2148px; height: 2px; width: 11px; vertical-align: middle; margin-left: 4px; display: none; } .page-template-page-presse #filtres-communiques a:first-child, .page-template-page-presse #filtres-photos a:first-child, .page-template-page-presse #filtres-revues a:first-child, .post-type-archive-emploi #filtres-communiques a:first-child, .post-type-archive-emploi #filtres-photos a:first-child, .post-type-archive-emploi #filtres-revues a:first-child, .page-template-page-emploi #filtres-communiques a:first-child, .page-template-page-emploi #filtres-photos a:first-child, .page-template-page-emploi #filtres-revues a:first-child, .single-filmo #filtres-communiques a:first-child, .single-filmo #filtres-photos a:first-child, .single-filmo #filtres-revues a:first-child, .blog #filtres-communiques a:first-child, .blog #filtres-photos a:first-child, .blog #filtres-revues a:first-child, .single-post #filtres-communiques a:first-child, .single-post #filtres-photos a:first-child, .single-post #filtres-revues a:first-child, .single-personnes #filtres-communiques a:first-child, .single-personnes #filtres-photos a:first-child, .single-personnes #filtres-revues a:first-child, .tax-genre_film #filtres-communiques a:first-child, .tax-genre_film #filtres-photos a:first-child, .tax-genre_film #filtres-revues a:first-child, .home #filtres-communiques a:first-child, .home #filtres-photos a:first-child, .home #filtres-revues a:first-child, .page-template-page-lineup #filtres-communiques a:first-child, .page-template-page-lineup #filtres-photos a:first-child, .page-template-page-lineup #filtres-revues a:first-child, .tax-genre_film #filtres-communiques a:first-child, .tax-genre_film #filtres-photos a:first-child, .tax-genre_film #filtres-revues a:first-child, .page-template-page-marches #filtres-communiques a:first-child, .page-template-page-marches #filtres-photos a:first-child, .page-template-page-marches #filtres-revues a:first-child, .page-template-page-contact #filtres-communiques a:first-child, .page-template-page-contact #filtres-photos a:first-child, .page-template-page-contact #filtres-revues a:first-child { padding: 1px 10px 1px 16px; } .page-template-page-presse #filtres-communiques a:last-child, .page-template-page-presse #filtres-photos a:last-child, .page-template-page-presse #filtres-revues a:last-child, .post-type-archive-emploi #filtres-communiques a:last-child, .post-type-archive-emploi #filtres-photos a:last-child, .post-type-archive-emploi #filtres-revues a:last-child, .page-template-page-emploi #filtres-communiques a:last-child, .page-template-page-emploi #filtres-photos a:last-child, .page-template-page-emploi #filtres-revues a:last-child, .single-filmo #filtres-communiques a:last-child, .single-filmo #filtres-photos a:last-child, .single-filmo #filtres-revues a:last-child, .blog #filtres-communiques a:last-child, .blog #filtres-photos a:last-child, .blog #filtres-revues a:last-child, .single-post #filtres-communiques a:last-child, .single-post #filtres-photos a:last-child, .single-post #filtres-revues a:last-child, .single-personnes #filtres-communiques a:last-child, .single-personnes #filtres-photos a:last-child, .single-personnes #filtres-revues a:last-child, .tax-genre_film #filtres-communiques a:last-child, .tax-genre_film #filtres-photos a:last-child, .tax-genre_film #filtres-revues a:last-child, .home #filtres-communiques a:last-child, .home #filtres-photos a:last-child, .home #filtres-revues a:last-child, .page-template-page-lineup #filtres-communiques a:last-child, .page-template-page-lineup #filtres-photos a:last-child, .page-template-page-lineup #filtres-revues a:last-child, .tax-genre_film #filtres-communiques a:last-child, .tax-genre_film #filtres-photos a:last-child, .tax-genre_film #filtres-revues a:last-child, .page-template-page-marches #filtres-communiques a:last-child, .page-template-page-marches #filtres-photos a:last-child, .page-template-page-marches #filtres-revues a:last-child, .page-template-page-contact #filtres-communiques a:last-child, .page-template-page-contact #filtres-photos a:last-child, .page-template-page-contact #filtres-revues a:last-child { margin-right: 0; } .page-template-page-presse #filtres-communiques a.active .tiret, .page-template-page-presse #filtres-photos a.active .tiret, .page-template-page-presse #filtres-revues a.active .tiret, .post-type-archive-emploi #filtres-communiques a.active .tiret, .post-type-archive-emploi #filtres-photos a.active .tiret, .post-type-archive-emploi #filtres-revues a.active .tiret, .page-template-page-emploi #filtres-communiques a.active .tiret, .page-template-page-emploi #filtres-photos a.active .tiret, .page-template-page-emploi #filtres-revues a.active .tiret, .single-filmo #filtres-communiques a.active .tiret, .single-filmo #filtres-photos a.active .tiret, .single-filmo #filtres-revues a.active .tiret, .blog #filtres-communiques a.active .tiret, .blog #filtres-photos a.active .tiret, .blog #filtres-revues a.active .tiret, .single-post #filtres-communiques a.active .tiret, .single-post #filtres-photos a.active .tiret, .single-post #filtres-revues a.active .tiret, .single-personnes #filtres-communiques a.active .tiret, .single-personnes #filtres-photos a.active .tiret, .single-personnes #filtres-revues a.active .tiret, .tax-genre_film #filtres-communiques a.active .tiret, .tax-genre_film #filtres-photos a.active .tiret, .tax-genre_film #filtres-revues a.active .tiret, .home #filtres-communiques a.active .tiret, .home #filtres-photos a.active .tiret, .home #filtres-revues a.active .tiret, .page-template-page-lineup #filtres-communiques a.active .tiret, .page-template-page-lineup #filtres-photos a.active .tiret, .page-template-page-lineup #filtres-revues a.active .tiret, .tax-genre_film #filtres-communiques a.active .tiret, .tax-genre_film #filtres-photos a.active .tiret, .tax-genre_film #filtres-revues a.active .tiret, .page-template-page-marches #filtres-communiques a.active .tiret, .page-template-page-marches #filtres-photos a.active .tiret, .page-template-page-marches #filtres-revues a.active .tiret, .page-template-page-contact #filtres-communiques a.active .tiret, .page-template-page-contact #filtres-photos a.active .tiret, .page-template-page-contact #filtres-revues a.active .tiret { display: inline-block; } .page-template-page-presse #filtres-communiques a.active, .page-template-page-presse #filtres-communiques a.active:hover, .page-template-page-presse #filtres-photos a.active, .page-template-page-presse #filtres-photos a.active:hover, .page-template-page-presse #filtres-revues a.active, .page-template-page-presse #filtres-revues a.active:hover, .post-type-archive-emploi #filtres-communiques a.active, .post-type-archive-emploi #filtres-communiques a.active:hover, .post-type-archive-emploi #filtres-photos a.active, .post-type-archive-emploi #filtres-photos a.active:hover, .post-type-archive-emploi #filtres-revues a.active, .post-type-archive-emploi #filtres-revues a.active:hover, .page-template-page-emploi #filtres-communiques a.active, .page-template-page-emploi #filtres-communiques a.active:hover, .page-template-page-emploi #filtres-photos a.active, .page-template-page-emploi #filtres-photos a.active:hover, .page-template-page-emploi #filtres-revues a.active, .page-template-page-emploi #filtres-revues a.active:hover, .single-filmo #filtres-communiques a.active, .single-filmo #filtres-communiques a.active:hover, .single-filmo #filtres-photos a.active, .single-filmo #filtres-photos a.active:hover, .single-filmo #filtres-revues a.active, .single-filmo #filtres-revues a.active:hover, .blog #filtres-communiques a.active, .blog #filtres-communiques a.active:hover, .blog #filtres-photos a.active, .blog #filtres-photos a.active:hover, .blog #filtres-revues a.active, .blog #filtres-revues a.active:hover, .single-post #filtres-communiques a.active, .single-post #filtres-communiques a.active:hover, .single-post #filtres-photos a.active, .single-post #filtres-photos a.active:hover, .single-post #filtres-revues a.active, .single-post #filtres-revues a.active:hover, .single-personnes #filtres-communiques a.active, .single-personnes #filtres-communiques a.active:hover, .single-personnes #filtres-photos a.active, .single-personnes #filtres-photos a.active:hover, .single-personnes #filtres-revues a.active, .single-personnes #filtres-revues a.active:hover, .tax-genre_film #filtres-communiques a.active, .tax-genre_film #filtres-communiques a.active:hover, .tax-genre_film #filtres-photos a.active, .tax-genre_film #filtres-photos a.active:hover, .tax-genre_film #filtres-revues a.active, .tax-genre_film #filtres-revues a.active:hover, .home #filtres-communiques a.active, .home #filtres-communiques a.active:hover, .home #filtres-photos a.active, .home #filtres-photos a.active:hover, .home #filtres-revues a.active, .home #filtres-revues a.active:hover, .page-template-page-lineup #filtres-communiques a.active, .page-template-page-lineup #filtres-communiques a.active:hover, .page-template-page-lineup #filtres-photos a.active, .page-template-page-lineup #filtres-photos a.active:hover, .page-template-page-lineup #filtres-revues a.active, .page-template-page-lineup #filtres-revues a.active:hover, .tax-genre_film #filtres-communiques a.active, .tax-genre_film #filtres-communiques a.active:hover, .tax-genre_film #filtres-photos a.active, .tax-genre_film #filtres-photos a.active:hover, .tax-genre_film #filtres-revues a.active, .tax-genre_film #filtres-revues a.active:hover, .page-template-page-marches #filtres-communiques a.active, .page-template-page-marches #filtres-communiques a.active:hover, .page-template-page-marches #filtres-photos a.active, .page-template-page-marches #filtres-photos a.active:hover, .page-template-page-marches #filtres-revues a.active, .page-template-page-marches #filtres-revues a.active:hover, .page-template-page-contact #filtres-communiques a.active, .page-template-page-contact #filtres-communiques a.active:hover, .page-template-page-contact #filtres-photos a.active, .page-template-page-contact #filtres-photos a.active:hover, .page-template-page-contact #filtres-revues a.active, .page-template-page-contact #filtres-revues a.active:hover { background: #c1001f; color: #FFF; } .page-template-page-presse #filtres-communiques a:hover, .page-template-page-presse #filtres-photos a:hover, .page-template-page-presse #filtres-revues a:hover, .post-type-archive-emploi #filtres-communiques a:hover, .post-type-archive-emploi #filtres-photos a:hover, .post-type-archive-emploi #filtres-revues a:hover, .page-template-page-emploi #filtres-communiques a:hover, .page-template-page-emploi #filtres-photos a:hover, .page-template-page-emploi #filtres-revues a:hover, .single-filmo #filtres-communiques a:hover, .single-filmo #filtres-photos a:hover, .single-filmo #filtres-revues a:hover, .blog #filtres-communiques a:hover, .blog #filtres-photos a:hover, .blog #filtres-revues a:hover, .single-post #filtres-communiques a:hover, .single-post #filtres-photos a:hover, .single-post #filtres-revues a:hover, .single-personnes #filtres-communiques a:hover, .single-personnes #filtres-photos a:hover, .single-personnes #filtres-revues a:hover, .tax-genre_film #filtres-communiques a:hover, .tax-genre_film #filtres-photos a:hover, .tax-genre_film #filtres-revues a:hover, .home #filtres-communiques a:hover, .home #filtres-photos a:hover, .home #filtres-revues a:hover, .page-template-page-lineup #filtres-communiques a:hover, .page-template-page-lineup #filtres-photos a:hover, .page-template-page-lineup #filtres-revues a:hover, .tax-genre_film #filtres-communiques a:hover, .tax-genre_film #filtres-photos a:hover, .tax-genre_film #filtres-revues a:hover, .page-template-page-marches #filtres-communiques a:hover, .page-template-page-marches #filtres-photos a:hover, .page-template-page-marches #filtres-revues a:hover, .page-template-page-contact #filtres-communiques a:hover, .page-template-page-contact #filtres-photos a:hover, .page-template-page-contact #filtres-revues a:hover { color: #c1001f; } .page-template-page-presse #filtres-photos a, .post-type-archive-emploi #filtres-photos a, .page-template-page-emploi #filtres-photos a, .single-filmo #filtres-photos a, .blog #filtres-photos a, .single-post #filtres-photos a, .single-personnes #filtres-photos a, .tax-genre_film #filtres-photos a, .home #filtres-photos a, .page-template-page-lineup #filtres-photos a, .tax-genre_film #filtres-photos a, .page-template-page-marches #filtres-photos a, .page-template-page-contact #filtres-photos a { margin-right: 30px; } .page-template-page-presse #filtres-revues, .post-type-archive-emploi #filtres-revues, .page-template-page-emploi #filtres-revues, .single-filmo #filtres-revues, .blog #filtres-revues, .single-post #filtres-revues, .single-personnes #filtres-revues, .tax-genre_film #filtres-revues, .home #filtres-revues, .page-template-page-lineup #filtres-revues, .tax-genre_film #filtres-revues, .page-template-page-marches #filtres-revues, .page-template-page-contact #filtres-revues { margin-bottom: 50px; } .page-template-page-presse #filtres-revues a, .post-type-archive-emploi #filtres-revues a, .page-template-page-emploi #filtres-revues a, .single-filmo #filtres-revues a, .blog #filtres-revues a, .single-post #filtres-revues a, .single-personnes #filtres-revues a, .tax-genre_film #filtres-revues a, .home #filtres-revues a, .page-template-page-lineup #filtres-revues a, .tax-genre_film #filtres-revues a, .page-template-page-marches #filtres-revues a, .page-template-page-contact #filtres-revues a { color: #FFF; } .page-template-page-presse .module-revue, .post-type-archive-emploi .module-revue, .page-template-page-emploi .module-revue, .single-filmo .module-revue, .blog .module-revue, .single-post .module-revue, .single-personnes .module-revue, .tax-genre_film .module-revue, .home .module-revue, .page-template-page-lineup .module-revue, .tax-genre_film .module-revue, .page-template-page-marches .module-revue, .page-template-page-contact .module-revue { padding: 50px 0; } .page-template-page-presse .module-revue #revues, .post-type-archive-emploi .module-revue #revues, .page-template-page-emploi .module-revue #revues, .single-filmo .module-revue #revues, .blog .module-revue #revues, .single-post .module-revue #revues, .single-personnes .module-revue #revues, .tax-genre_film .module-revue #revues, .home .module-revue #revues, .page-template-page-lineup .module-revue #revues, .tax-genre_film .module-revue #revues, .page-template-page-marches .module-revue #revues, .page-template-page-contact .module-revue #revues { max-width: 960px; } .page-template-page-presse .module-revue .item, .post-type-archive-emploi .module-revue .item, .page-template-page-emploi .module-revue .item, .single-filmo .module-revue .item, .blog .module-revue .item, .single-post .module-revue .item, .single-personnes .module-revue .item, .tax-genre_film .module-revue .item, .home .module-revue .item, .page-template-page-lineup .module-revue .item, .tax-genre_film .module-revue .item, .page-template-page-marches .module-revue .item, .page-template-page-contact .module-revue .item { padding: 0 10px; margin-bottom: 20px; position: absolute !important; } .page-template-page-presse .module-revue .item .content, .post-type-archive-emploi .module-revue .item .content, .page-template-page-emploi .module-revue .item .content, .single-filmo .module-revue .item .content, .blog .module-revue .item .content, .single-post .module-revue .item .content, .single-personnes .module-revue .item .content, .tax-genre_film .module-revue .item .content, .home .module-revue .item .content, .page-template-page-lineup .module-revue .item .content, .tax-genre_film .module-revue .item .content, .page-template-page-marches .module-revue .item .content, .page-template-page-contact .module-revue .item .content { background: #FFF; color: #000; } .page-template-page-presse .module-revue .item .text, .post-type-archive-emploi .module-revue .item .text, .page-template-page-emploi .module-revue .item .text, .single-filmo .module-revue .item .text, .blog .module-revue .item .text, .single-post .module-revue .item .text, .single-personnes .module-revue .item .text, .tax-genre_film .module-revue .item .text, .home .module-revue .item .text, .page-template-page-lineup .module-revue .item .text, .tax-genre_film .module-revue .item .text, .page-template-page-marches .module-revue .item .text, .page-template-page-contact .module-revue .item .text { padding: 15px 20px; min-height: 68px; } .page-template-page-presse .module-revue .item .text p, .post-type-archive-emploi .module-revue .item .text p, .page-template-page-emploi .module-revue .item .text p, .single-filmo .module-revue .item .text p, .blog .module-revue .item .text p, .single-post .module-revue .item .text p, .single-personnes .module-revue .item .text p, .tax-genre_film .module-revue .item .text p, .home .module-revue .item .text p, .page-template-page-lineup .module-revue .item .text p, .tax-genre_film .module-revue .item .text p, .page-template-page-marches .module-revue .item .text p, .page-template-page-contact .module-revue .item .text p { line-height: 1.3em; } .page-template-page-presse .module-revue .item .link .button, .post-type-archive-emploi .module-revue .item .link .button, .page-template-page-emploi .module-revue .item .link .button, .single-filmo .module-revue .item .link .button, .blog .module-revue .item .link .button, .single-post .module-revue .item .link .button, .single-personnes .module-revue .item .link .button, .tax-genre_film .module-revue .item .link .button, .home .module-revue .item .link .button, .page-template-page-lineup .module-revue .item .link .button, .tax-genre_film .module-revue .item .link .button, .page-template-page-marches .module-revue .item .link .button, .page-template-page-contact .module-revue .item .link .button { margin: -25px 15px 0 15px; max-width: none; } .page-template-page-presse .module-revue .item .link .button:hover, .post-type-archive-emploi .module-revue .item .link .button:hover, .page-template-page-emploi .module-revue .item .link .button:hover, .single-filmo .module-revue .item .link .button:hover, .blog .module-revue .item .link .button:hover, .single-post .module-revue .item .link .button:hover, .single-personnes .module-revue .item .link .button:hover, .tax-genre_film .module-revue .item .link .button:hover, .home .module-revue .item .link .button:hover, .page-template-page-lineup .module-revue .item .link .button:hover, .tax-genre_film .module-revue .item .link .button:hover, .page-template-page-marches .module-revue .item .link .button:hover, .page-template-page-contact .module-revue .item .link .button:hover { background: #c1001f; } .page-template-page-presse .module-revue .communiques-links, .post-type-archive-emploi .module-revue .communiques-links, .page-template-page-emploi .module-revue .communiques-links, .single-filmo .module-revue .communiques-links, .blog .module-revue .communiques-links, .single-post .module-revue .communiques-links, .single-personnes .module-revue .communiques-links, .tax-genre_film .module-revue .communiques-links, .home .module-revue .communiques-links, .page-template-page-lineup .module-revue .communiques-links, .tax-genre_film .module-revue .communiques-links, .page-template-page-marches .module-revue .communiques-links, .page-template-page-contact .module-revue .communiques-links { margin-top: 50px; margin-bottom: 30px; } .page-template-page-presse #phototeque, .post-type-archive-emploi #phototeque, .page-template-page-emploi #phototeque, .single-filmo #phototeque, .blog #phototeque, .single-post #phototeque, .single-personnes #phototeque, .tax-genre_film #phototeque, .home #phototeque, .page-template-page-lineup #phototeque, .tax-genre_film #phototeque, .page-template-page-marches #phototeque, .page-template-page-contact #phototeque { max-width: 100%; margin-top: 50px; } .page-template-page-presse #phototeque .item, .post-type-archive-emploi #phototeque .item, .page-template-page-emploi #phototeque .item, .single-filmo #phototeque .item, .blog #phototeque .item, .single-post #phototeque .item, .single-personnes #phototeque .item, .tax-genre_film #phototeque .item, .home #phototeque .item, .page-template-page-lineup #phototeque .item, .tax-genre_film #phototeque .item, .page-template-page-marches #phototeque .item, .page-template-page-contact #phototeque .item { margin-bottom: 10px; padding: 0 5px; position: absolute !important; } .page-template-page-presse #phototeque .item .link, .post-type-archive-emploi #phototeque .item .link, .page-template-page-emploi #phototeque .item .link, .single-filmo #phototeque .item .link, .blog #phototeque .item .link, .single-post #phototeque .item .link, .single-personnes #phototeque .item .link, .tax-genre_film #phototeque .item .link, .home #phototeque .item .link, .page-template-page-lineup #phototeque .item .link, .tax-genre_film #phototeque .item .link, .page-template-page-marches #phototeque .item .link, .page-template-page-contact #phototeque .item .link { background: #000; height: 50px; position: relative; } .page-template-page-presse #phototeque .item .link .zoom, .page-template-page-presse #phototeque .item .link .dl, .post-type-archive-emploi #phototeque .item .link .zoom, .post-type-archive-emploi #phototeque .item .link .dl, .page-template-page-emploi #phototeque .item .link .zoom, .page-template-page-emploi #phototeque .item .link .dl, .single-filmo #phototeque .item .link .zoom, .single-filmo #phototeque .item .link .dl, .blog #phototeque .item .link .zoom, .blog #phototeque .item .link .dl, .single-post #phototeque .item .link .zoom, .single-post #phototeque .item .link .dl, .single-personnes #phototeque .item .link .zoom, .single-personnes #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .zoom, .tax-genre_film #phototeque .item .link .dl, .home #phototeque .item .link .zoom, .home #phototeque .item .link .dl, .page-template-page-lineup #phototeque .item .link .zoom, .page-template-page-lineup #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .zoom, .tax-genre_film #phototeque .item .link .dl, .page-template-page-marches #phototeque .item .link .zoom, .page-template-page-marches #phototeque .item .link .dl, .page-template-page-contact #phototeque .item .link .zoom, .page-template-page-contact #phototeque .item .link .dl { background-position: 0 -1414px; height: 18px; width: 18px; display: inline-block; text-indent: -9999px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 30px; } .page-template-page-presse #phototeque .item .link .zoom:hover, .page-template-page-presse #phototeque .item .link .dl:hover, .post-type-archive-emploi #phototeque .item .link .zoom:hover, .post-type-archive-emploi #phototeque .item .link .dl:hover, .page-template-page-emploi #phototeque .item .link .zoom:hover, .page-template-page-emploi #phototeque .item .link .dl:hover, .single-filmo #phototeque .item .link .zoom:hover, .single-filmo #phototeque .item .link .dl:hover, .blog #phototeque .item .link .zoom:hover, .blog #phototeque .item .link .dl:hover, .single-post #phototeque .item .link .zoom:hover, .single-post #phototeque .item .link .dl:hover, .single-personnes #phototeque .item .link .zoom:hover, .single-personnes #phototeque .item .link .dl:hover, .tax-genre_film #phototeque .item .link .zoom:hover, .tax-genre_film #phototeque .item .link .dl:hover, .home #phototeque .item .link .zoom:hover, .home #phototeque .item .link .dl:hover, .page-template-page-lineup #phototeque .item .link .zoom:hover, .page-template-page-lineup #phototeque .item .link .dl:hover, .tax-genre_film #phototeque .item .link .zoom:hover, .tax-genre_film #phototeque .item .link .dl:hover, .page-template-page-marches #phototeque .item .link .zoom:hover, .page-template-page-marches #phototeque .item .link .dl:hover, .page-template-page-contact #phototeque .item .link .zoom:hover, .page-template-page-contact #phototeque .item .link .dl:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .page-template-page-presse #phototeque .item .link .sep, .post-type-archive-emploi #phototeque .item .link .sep, .page-template-page-emploi #phototeque .item .link .sep, .single-filmo #phototeque .item .link .sep, .blog #phototeque .item .link .sep, .single-post #phototeque .item .link .sep, .single-personnes #phototeque .item .link .sep, .tax-genre_film #phototeque .item .link .sep, .home #phototeque .item .link .sep, .page-template-page-lineup #phototeque .item .link .sep, .tax-genre_film #phototeque .item .link .sep, .page-template-page-marches #phototeque .item .link .sep, .page-template-page-contact #phototeque .item .link .sep { display: block; position: absolute; border-right: 2px solid #949494; height: 25px; top: 50%; left: 50%; margin-left: -1px; margin-top: -12px; } .page-template-page-presse #phototeque .item .link .dl, .post-type-archive-emploi #phototeque .item .link .dl, .page-template-page-emploi #phototeque .item .link .dl, .single-filmo #phototeque .item .link .dl, .blog #phototeque .item .link .dl, .single-post #phototeque .item .link .dl, .single-personnes #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .dl, .home #phototeque .item .link .dl, .page-template-page-lineup #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .dl, .page-template-page-marches #phototeque .item .link .dl, .page-template-page-contact #phototeque .item .link .dl { background-position: 0 -865px; height: 11px; width: 14px; margin-left: -30px; } .page-template-page-presse #loadMorePhotos, .post-type-archive-emploi #loadMorePhotos, .page-template-page-emploi #loadMorePhotos, .single-filmo #loadMorePhotos, .blog #loadMorePhotos, .single-post #loadMorePhotos, .single-personnes #loadMorePhotos, .tax-genre_film #loadMorePhotos, .home #loadMorePhotos, .page-template-page-lineup #loadMorePhotos, .tax-genre_film #loadMorePhotos, .page-template-page-marches #loadMorePhotos, .page-template-page-contact #loadMorePhotos { margin-top: 50px; } .page-template-page-presse .module-logos, .post-type-archive-emploi .module-logos, .page-template-page-emploi .module-logos, .single-filmo .module-logos, .blog .module-logos, .single-post .module-logos, .single-personnes .module-logos, .tax-genre_film .module-logos, .home .module-logos, .page-template-page-lineup .module-logos, .tax-genre_film .module-logos, .page-template-page-marches .module-logos, .page-template-page-contact .module-logos { padding: 50px 0; } .page-template-page-presse .module-logos h2, .post-type-archive-emploi .module-logos h2, .page-template-page-emploi .module-logos h2, .single-filmo .module-logos h2, .blog .module-logos h2, .single-post .module-logos h2, .single-personnes .module-logos h2, .tax-genre_film .module-logos h2, .home .module-logos h2, .page-template-page-lineup .module-logos h2, .tax-genre_film .module-logos h2, .page-template-page-marches .module-logos h2, .page-template-page-contact .module-logos h2 { font-size: 32px; margin-top: 70px; } .page-template-page-presse .module-logos #logotheque, .post-type-archive-emploi .module-logos #logotheque, .page-template-page-emploi .module-logos #logotheque, .single-filmo .module-logos #logotheque, .blog .module-logos #logotheque, .single-post .module-logos #logotheque, .single-personnes .module-logos #logotheque, .tax-genre_film .module-logos #logotheque, .home .module-logos #logotheque, .page-template-page-lineup .module-logos #logotheque, .tax-genre_film .module-logos #logotheque, .page-template-page-marches .module-logos #logotheque, .page-template-page-contact .module-logos #logotheque { max-width: 960px; } .page-template-page-presse .module-logos #logotheque .item, .post-type-archive-emploi .module-logos #logotheque .item, .page-template-page-emploi .module-logos #logotheque .item, .single-filmo .module-logos #logotheque .item, .blog .module-logos #logotheque .item, .single-post .module-logos #logotheque .item, .single-personnes .module-logos #logotheque .item, .tax-genre_film .module-logos #logotheque .item, .home .module-logos #logotheque .item, .page-template-page-lineup .module-logos #logotheque .item, .tax-genre_film .module-logos #logotheque .item, .page-template-page-marches .module-logos #logotheque .item, .page-template-page-contact .module-logos #logotheque .item { margin-bottom: 20px; padding: 0 12px; } .page-template-page-presse .module-logos #logotheque .item .image, .post-type-archive-emploi .module-logos #logotheque .item .image, .page-template-page-emploi .module-logos #logotheque .item .image, .single-filmo .module-logos #logotheque .item .image, .blog .module-logos #logotheque .item .image, .single-post .module-logos #logotheque .item .image, .single-personnes .module-logos #logotheque .item .image, .tax-genre_film .module-logos #logotheque .item .image, .home .module-logos #logotheque .item .image, .page-template-page-lineup .module-logos #logotheque .item .image, .tax-genre_film .module-logos #logotheque .item .image, .page-template-page-marches .module-logos #logotheque .item .image, .page-template-page-contact .module-logos #logotheque .item .image { height: 220px; } .page-template-page-presse .module-logos #logotheque .item .image img, .post-type-archive-emploi .module-logos #logotheque .item .image img, .page-template-page-emploi .module-logos #logotheque .item .image img, .single-filmo .module-logos #logotheque .item .image img, .blog .module-logos #logotheque .item .image img, .single-post .module-logos #logotheque .item .image img, .single-personnes .module-logos #logotheque .item .image img, .tax-genre_film .module-logos #logotheque .item .image img, .home .module-logos #logotheque .item .image img, .page-template-page-lineup .module-logos #logotheque .item .image img, .tax-genre_film .module-logos #logotheque .item .image img, .page-template-page-marches .module-logos #logotheque .item .image img, .page-template-page-contact .module-logos #logotheque .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-template-page-presse .module-logos #logotheque .item .button, .post-type-archive-emploi .module-logos #logotheque .item .button, .page-template-page-emploi .module-logos #logotheque .item .button, .single-filmo .module-logos #logotheque .item .button, .blog .module-logos #logotheque .item .button, .single-post .module-logos #logotheque .item .button, .single-personnes .module-logos #logotheque .item .button, .tax-genre_film .module-logos #logotheque .item .button, .home .module-logos #logotheque .item .button, .page-template-page-lineup .module-logos #logotheque .item .button, .tax-genre_film .module-logos #logotheque .item .button, .page-template-page-marches .module-logos #logotheque .item .button, .page-template-page-contact .module-logos #logotheque .item .button { display: block; border-top: 1px solid #000; max-width: none; } .page-template-page-presse .module-logos #logotheque .item .button:hover, .post-type-archive-emploi .module-logos #logotheque .item .button:hover, .page-template-page-emploi .module-logos #logotheque .item .button:hover, .single-filmo .module-logos #logotheque .item .button:hover, .blog .module-logos #logotheque .item .button:hover, .single-post .module-logos #logotheque .item .button:hover, .single-personnes .module-logos #logotheque .item .button:hover, .tax-genre_film .module-logos #logotheque .item .button:hover, .home .module-logos #logotheque .item .button:hover, .page-template-page-lineup .module-logos #logotheque .item .button:hover, .tax-genre_film .module-logos #logotheque .item .button:hover, .page-template-page-marches .module-logos #logotheque .item .button:hover, .page-template-page-contact .module-logos #logotheque .item .button:hover { border-top: 1px solid #980018; } .single-communiques .module-wysiwyg .medium-11 { width: 100%; } .presse-file a.button { padding: 0.95em 3.2em 0.9em 2em; } .page-template-page-contact .module-wysiwyg { padding: 0; } .page-template-page-contact .module-wysiwyg h1 { margin: 0 0 30px 0; } #contact-map { height: 365px; background-size: cover; position: relative; } #contact-map .icon.mk2 { background-position: 0 -1553px; height: 85px; width: 85px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #team p.role { font-size: 20px; margin-bottom: 5px; } #team p { margin-bottom: 0px; } #team .item { padding-left: 1.9375rem; padding-right: 1.9375rem; margin-bottom: 40px; } .single-post .bg-noir, .single-post .module-carousel, .single-post .module-carousel .carousel-item .text, .module-carousel .carousel-item .single-post .text { background: #1b1b1b !important; } .single-post #topSlider { background-size: cover; background-position: center center; } .single-post #topSlider .overlay { background: rgba(0, 0, 0, 0.84); } .blog .module-wysiwyg.hasImage, .single-post .module-wysiwyg.hasImage, .page-template-page-marches .module-wysiwyg.hasImage, .page-template-page-contact .module-wysiwyg.hasImage, .page-template-page-lineup .module-wysiwyg.hasImage { margin-top: 155px; } .blog .module-wysiwyg p, .single-post .module-wysiwyg p, .page-template-page-marches .module-wysiwyg p, .page-template-page-contact .module-wysiwyg p, .page-template-page-lineup .module-wysiwyg p { margin-bottom: 10px; } .blog #topSlider, .single-post #topSlider, .page-template-page-marches #topSlider, .page-template-page-contact #topSlider, .page-template-page-lineup #topSlider { overflow: visible; max-height: 330px; } .blog #topSlider .desc, .single-post #topSlider .desc, .page-template-page-marches #topSlider .desc, .page-template-page-contact #topSlider .desc, .page-template-page-lineup #topSlider .desc { bottom: 0; height: 100%; position: absolute; left: 0; width: 100%; z-index: 2; } .blog #topSlider .desc .date-item, .single-post #topSlider .desc .date-item, .page-template-page-marches #topSlider .desc .date-item, .page-template-page-contact #topSlider .desc .date-item, .page-template-page-lineup #topSlider .desc .date-item { width: 65px; } .blog #topSlider .desc .date, .single-post #topSlider .desc .date, .page-template-page-marches #topSlider .desc .date, .page-template-page-contact #topSlider .desc .date, .page-template-page-lineup #topSlider .desc .date { line-height: 1.2em; position: relative; margin: -15px 40px 0 0; } .blog #topSlider .desc .date:after, .single-post #topSlider .desc .date:after, .page-template-page-marches #topSlider .desc .date:after, .page-template-page-contact #topSlider .desc .date:after, .page-template-page-lineup #topSlider .desc .date:after { content: ""; display: block; position: absolute; top: 27px; right: -20px; border-right: 1px solid #FFF; height: 25px; } .blog #topSlider .desc .date .jour, .single-post #topSlider .desc .date .jour, .page-template-page-marches #topSlider .desc .date .jour, .page-template-page-contact #topSlider .desc .date .jour, .page-template-page-lineup #topSlider .desc .date .jour { font-size: 36px !important; line-height: 42px; } .blog #topSlider .desc .date .mois, .single-post #topSlider .desc .date .mois, .page-template-page-marches #topSlider .desc .date .mois, .page-template-page-contact #topSlider .desc .date .mois, .page-template-page-lineup #topSlider .desc .date .mois { font-weight: bold; font-size: 14px !important; line-height: 20px; } .blog #topSlider .desc .date span, .single-post #topSlider .desc .date span, .page-template-page-marches #topSlider .desc .date span, .page-template-page-contact #topSlider .desc .date span, .page-template-page-lineup #topSlider .desc .date span { display: block; font-size: 14px !important; line-height: 20px; } .blog #topSlider .desc h1, .single-post #topSlider .desc h1, .page-template-page-marches #topSlider .desc h1, .page-template-page-contact #topSlider .desc h1, .page-template-page-lineup #topSlider .desc h1 { position: relative; margin-top: 140px; margin-bottom: 35px; font-size: 36px; top: auto; left: auto; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } .blog #topSlider .desc .image, .single-post #topSlider .desc .image, .page-template-page-marches #topSlider .desc .image, .page-template-page-contact #topSlider .desc .image, .page-template-page-lineup #topSlider .desc .image { height: 220px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .lineup .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; z-index: 10; } .lineup .headerLineup { height: 400px; background-size: cover; background-repeat: no-repeat; position: relative; color: #FFF; } .lineup .headerLineup a { color: #FFF; } .lineup .headerLineup .headerContent { position: absolute; bottom: 0; left: 0; height: auto; width: 100%; padding: 20px; z-index: 20; } .lineup .headerLineup .headerContent img { display: none; } .lineup .headerLineup .headerContent h2 { font-size: 30px; margin-bottom: 10px; } .lineup .headerLineup .headerContent p { margin: 0; } .lineup .item { margin: 0px; height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; display: none; } .lineup .item.active { margin-bottom: 40px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; height: auto; overflow: visible; display: block; } .lineup .item .leftInfos { padding: 20px 25px; } .lineup .item .rightInfos { text-align: center; padding: 20px 0; } .lineup .item .rightInfos img { height: auto; width: 44%; display: inline-block; } .lineup .item p.infos { margin-bottom: 0; } .lineup .item p.statut { margin-top: 10px; } .lineup .item .text { clear: both; padding: 0px 20px; } .lineup .item .critiques { margin-top: 20px; } .lineup .item .critiques p { margin-bottom: 0; } .lineup .item .critiques .critique { margin-bottom: 20px; } .lineup .bande_annonce { position: absolute; bottom: 20px; right: 30px; z-index: 30; height: 45px; padding: 0; line-height: 2.9em; background: transparent !important; } .lineup .bande_annonce .play-video { background-position: 0 -1729px; height: 41px; width: 41px; display: inline-block; margin-right: 0px; margin-top: -5px; vertical-align: middle; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .pdf-lineup-link { margin-top: 30px; text-align: center; } #filtres-lineup { margin: 50px 0; } .page-template-page-marches .markets { margin-top: 40px; margin-bottom: 40px; } .page-template-page-marches .markets .wrap { max-width: 900px; } .page-template-page-marches .date-item { width: 65px; } .page-template-page-marches thead, .page-template-page-marches tbody, .page-template-page-marches tfoot { border: none; } .page-template-page-marches tbody tr:nth-child(even) { background: #FFF; } .page-template-page-marches tr { border-bottom: 1px solid #000; } .page-template-page-marches td { padding: 35px 0; } .page-template-page-marches td.date { width: 110px; vertical-align: top; } .page-template-page-marches td.fichier { padding: 35px 0; } .page-template-page-marches td.fichier a.button { width: 100% !important; max-width: 100% !important; } .page-template-page-marches td.text .titre { font-size: 14px; margin-bottom: 15px; } .page-template-page-marches td.text p { margin-bottom: 5px; line-height: 1.2em; } .page-template-page-marches td.logo { width: 200px; vertical-align: top; padding-left: 25px; padding-right: 25px; } .page-template-page-marches td.logo img { max-width: 100%; height: auto; } .page-template-page-marches .date { line-height: 1.2em; position: relative; margin: -15px 40px 0 0; } .page-template-page-marches .date .jour { font-size: 36px !important; line-height: 42px; } .page-template-page-marches .date .mois { font-weight: bold; font-size: 14px !important; line-height: 20px; } .page-template-page-marches .date span { display: block; font-size: 14px !important; line-height: 20px; } .page-template-page-marches .date .dateDebut, .page-template-page-marches .date .dateFin { float: left; position: relative; } .page-template-page-marches .date .dateDebut { margin-right: 15px; } .page-template-page-marches .date .dateDebut:after { content: ""; display: block; position: absolute; top: 30px; right: -10px; border-right: 1px solid #c1001f; border-top: 1px solid #c1001f; height: 25px; width: 7px; height: 7px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .page-template-page-marches .date .dateFin:after { content: ""; display: block; position: absolute; top: 11px; right: -20px; border-right: 1px solid #000; height: 25px; } .error404 #topSlider .desc { position: absolute; left: 0; bottom: 0; width: 100%; } .error404 #topSlider .desc .chiffre { color: #c1001f; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; font-size: 348px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .error404 #topSlider .desc .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; } .error404 #footer, .noMarginFooter #footer { margin-top: 0; } /************************************************************************************************/ /* ACTEURS / REALISATEURS */ /************************************************************************************************/ #realisateur-section .item, #acteur-section .item, .personnes-list .item, #a-z .item { margin-bottom: 10px; } #realisateur-section .item a, #acteur-section .item a, .personnes-list .item a, #a-z .item a { text-transform: uppercase; color: #000; } #realisateur-section .item a:hover, #realisateur-section .item a.active, #acteur-section .item a:hover, #acteur-section .item a.active, .personnes-list .item a:hover, .personnes-list .item a.active, #a-z .item a:hover, #a-z .item a.active { color: #c1001f; } #realisateur-section .item a strong, #acteur-section .item a strong, .personnes-list .item a strong, #a-z .item a strong { font-weight: normal; } #realisateur-section .filtres-lettres, #realisateur-section .filtres-lettres-personnes, #acteur-section .filtres-lettres, #acteur-section .filtres-lettres-personnes, .personnes-list .filtres-lettres, .personnes-list .filtres-lettres-personnes, #a-z .filtres-lettres, #a-z .filtres-lettres-personnes { margin-bottom: 30px; } #realisateur-section .filtres-lettres a, #realisateur-section .filtres-lettres-personnes a, #acteur-section .filtres-lettres a, #acteur-section .filtres-lettres-personnes a, .personnes-list .filtres-lettres a, .personnes-list .filtres-lettres-personnes a, #a-z .filtres-lettres a, #a-z .filtres-lettres-personnes a { color: #000; font-size: 24px; padding: 0 10px; border-right: 1px solid #000; line-height: 25px; height: 25px; display: inline-block; } #realisateur-section .filtres-lettres a:last-child, #realisateur-section .filtres-lettres-personnes a:last-child, #acteur-section .filtres-lettres a:last-child, #acteur-section .filtres-lettres-personnes a:last-child, .personnes-list .filtres-lettres a:last-child, .personnes-list .filtres-lettres-personnes a:last-child, #a-z .filtres-lettres a:last-child, #a-z .filtres-lettres-personnes a:last-child { border-right: none; } #realisateur-section .filtres-lettres a:hover, #realisateur-section .filtres-lettres-personnes a:hover, #acteur-section .filtres-lettres a:hover, #acteur-section .filtres-lettres-personnes a:hover, .personnes-list .filtres-lettres a:hover, .personnes-list .filtres-lettres-personnes a:hover, #a-z .filtres-lettres a:hover, #a-z .filtres-lettres-personnes a:hover { color: #c1001f; } #realisateur-section .filtres-lettres a.active, #realisateur-section .filtres-lettres-personnes a.active, #acteur-section .filtres-lettres a.active, #acteur-section .filtres-lettres-personnes a.active, .personnes-list .filtres-lettres a.active, .personnes-list .filtres-lettres-personnes a.active, #a-z .filtres-lettres a.active, #a-z .filtres-lettres-personnes a.active { color: #c1001f; } #realisateur-section .button.loader, #acteur-section .button.loader { width: 43px; padding: 0; height: 43px; text-indent: -9999px; display: none; } /************************************************************************************************/ /* RECHERCHE */ /************************************************************************************************/ #switchCatalog { position: absolute; bottom: 40px; right: 20px; font-size: 14px; } #switchCatalog .icon-next { background-position: 0 -1638px; height: 34px; width: 19px; display: inline-block; vertical-align: middle; margin-left: 5px; -moz-transform: scale(0.6); -ms-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } .toggleCriteres { text-decoration: underline; } .tax-catalogues_film #topSlider, .single-collections #topSlider, .single-personnes #topSlider, .tax-genre_film #topSlider { height: 290px; overflow: visible; } .tax-catalogues_film #topSlider.advanced, .single-collections #topSlider.advanced, .single-personnes #topSlider.advanced, .tax-genre_film #topSlider.advanced { height: 590px; } .tax-catalogues_film #topSlider.advanced #searchForm, .tax-catalogues_film #topSlider.advanced #searchFormTop, .single-collections #topSlider.advanced #searchForm, .single-collections #topSlider.advanced #searchFormTop, .single-personnes #topSlider.advanced #searchForm, .single-personnes #topSlider.advanced #searchFormTop, .tax-genre_film #topSlider.advanced #searchForm, .tax-genre_film #topSlider.advanced #searchFormTop { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; height: auto; overflow: visible; } .tax-catalogues_film #topSlider.advanced .quickSearch, .single-collections #topSlider.advanced .quickSearch, .single-personnes #topSlider.advanced .quickSearch, .tax-genre_film #topSlider.advanced .quickSearch { height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .tax-catalogues_film #topSlider .desc, .single-collections #topSlider .desc, .single-personnes #topSlider .desc, .tax-genre_film #topSlider .desc { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 300; } #quickSearch, #quickSearchTop { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; height: auto; overflow: visible; } #searchForm, #searchFormTop { height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #quickSearch, #searchForm, #quickSearchTop, #searchFormTop { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #searchForm, #searchFormTop { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; height: 0; overflow: hidden; } #searchForm .toggleCriteres, #searchFormTop .toggleCriteres { margin-bottom: 20px; display: inline-block; } #searchForm .submitAdvanced, #searchFormTop .submitAdvanced { margin-top: 0; max-width: 100%; padding: 17px 0; } #searchHeader { padding-top: 120px; } #searchHeader h1 { margin-bottom: 20px; } #searchResults .column:last-child:not(:first-child), #searchResults .columns:last-child:not(:first-child) { float: left !important; } #searchResults .noMargin { margin-top: 0; } #searchResults .items { margin-top: 0; } #searchResults .content-section { display: none; } #searchResults .content-section.active { display: block; } .imageEffect { background-size: cover; position: absolute; width: 100%; height: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: -moz-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .item:hover .imageEffect { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } #quickSearch .toggleCriteres, #quickSearchTop .toggleCriteres { margin-top: 5px; } #quickSearch input#QuickSearchInput, #quickSearch input#QuickSearchInputTop, #quickSearchTop input#QuickSearchInput, #quickSearchTop input#QuickSearchInputTop { color: #FFF; font-weight: normal; padding-top: 10px; } #quickSearch input#QuickSearchInput.filled, #quickSearch input#QuickSearchInput:focus, #quickSearch input#QuickSearchInputTop.filled, #quickSearch input#QuickSearchInputTop:focus, #quickSearchTop input#QuickSearchInput.filled, #quickSearchTop input#QuickSearchInput:focus, #quickSearchTop input#QuickSearchInputTop.filled, #quickSearchTop input#QuickSearchInputTop:focus { border-bottom: 1px solid #FFF; color: #FFF; } #quickSearch input#QuickSearchInputTop, #quickSearchTop input#QuickSearchInputTop { border-bottom: none !important; } #quickSearch #QuickSearchResult, #quickSearch #QuickSearchResultTop, #quickSearchTop #QuickSearchResult, #quickSearchTop #QuickSearchResultTop { background: rgba(0, 0, 0, 0.85) !important; height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } #quickSearch #QuickSearchResult.visible, #quickSearch #QuickSearchResultTop.visible, #quickSearchTop #QuickSearchResult.visible, #quickSearchTop #QuickSearchResultTop.visible { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; height: auto; /* .infos{ display: block; } */ } #quickSearch #QuickSearchResult .infos, #quickSearch #QuickSearchResultTop .infos, #quickSearchTop #QuickSearchResult .infos, #quickSearchTop #QuickSearchResultTop .infos { display: none; padding: 15px 20px; } #quickSearch #QuickSearchResult .infos span, #quickSearch #QuickSearchResultTop .infos span, #quickSearchTop #QuickSearchResult .infos span, #quickSearchTop #QuickSearchResultTop .infos span { display: block; font-size: 14px; color: #9b9b9b; text-transform: none; } #quickSearch #QuickSearchResult .infos a, #quickSearch #QuickSearchResultTop .infos a, #quickSearchTop #QuickSearchResult .infos a, #quickSearchTop #QuickSearchResultTop .infos a { color: #c1001f; text-decoration: underline; } #quickSearch #QuickSearchResult .infos a:hover, #quickSearch #QuickSearchResultTop .infos a:hover, #quickSearchTop #QuickSearchResult .infos a:hover, #quickSearchTop #QuickSearchResultTop .infos a:hover { color: #FFF; } #quickSearch #QuickSearchResult .section, #quickSearch #QuickSearchResultTop .section, #quickSearchTop #QuickSearchResult .section, #quickSearchTop #QuickSearchResultTop .section { padding: 10px 20px; border-top: 1px solid #474747; } #quickSearch #QuickSearchResult .section strong, #quickSearch #QuickSearchResultTop .section strong, #quickSearchTop #QuickSearchResult .section strong, #quickSearchTop #QuickSearchResultTop .section strong { color: #FFF !important; font-size: 14px !important; } #quickSearch #QuickSearchResult .section ul, #quickSearch #QuickSearchResultTop .section ul, #quickSearchTop #QuickSearchResult .section ul, #quickSearchTop #QuickSearchResultTop .section ul { list-style: none; padding-left: 35px; color: #9a9a9a; margin: 0; } #quickSearch #QuickSearchResult .section ul li a, #quickSearch #QuickSearchResultTop .section ul li a, #quickSearchTop #QuickSearchResult .section ul li a, #quickSearchTop #QuickSearchResultTop .section ul li a { cursor: pointer; display: block; padding: 0 !important; height: auto !important; font-size: 14px !important; text-transform: none !important; } #quickSearch #QuickSearchResult .section ul li a:hover, #quickSearch #QuickSearchResultTop .section ul li a:hover, #quickSearchTop #QuickSearchResult .section ul li a:hover, #quickSearchTop #QuickSearchResultTop .section ul li a:hover { color: #c1001f !important; } #quickSearch #QuickSearchResult .section ul li a:hover strong, #quickSearch #QuickSearchResultTop .section ul li a:hover strong, #quickSearchTop #QuickSearchResult .section ul li a:hover strong, #quickSearchTop #QuickSearchResultTop .section ul li a:hover strong { color: #c1001f !important; } #quickSearch #QuickSearchInput, #quickSearch #QuickSearchInputTop, #quickSearchTop #QuickSearchInput, #quickSearchTop #QuickSearchInputTop { margin-bottom: 0; } /************************************************************************************************/ /* RECHERCHE HEADER */ /************************************************************************************************/ #quickSearchTop { position: absolute; top: 0; right: 82px; width: 80px; height: 90px; background-color: transparent !important; overflow: hidden; z-index: 99; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } #quickSearchTop:hover { background-color: #000 !important; } #quickSearchTop #quicksearchFormTop { background: transparent !important; } #quickSearchTop.active { width: 400px; background: #000 !important; overflow: visible; } #quickSearchTop.active #QuickSearchInputTop { background-color: #000; color: #FFF !important; width: 320px !important; max-width: 320px; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } #quickSearchTop input[type=submit].loupe { background-color: transparent !important; height: 90px; } #QuickSearchInputTop { height: 90px; color: transparent !important; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /************************************************************************************************/ /* FILTRES */ /************************************************************************************************/ #filtres-films, #filtres-lineup { font-size: 21px; margin: 30px 0; } #filtres-films a, #filtres-lineup a { margin-right: 50px; padding: 1px 10px 1px 10px; color: #000; } #filtres-films a .tiret, #filtres-lineup a .tiret { background-position: 0 -2148px; height: 2px; width: 11px; vertical-align: middle; margin-left: 4px; display: none; } #filtres-films a:first-child, #filtres-lineup a:first-child { padding: 1px 10px 1px 16px; } #filtres-films a:last-child, #filtres-lineup a:last-child { margin-right: 0; } #filtres-films a.active .tiret, #filtres-lineup a.active .tiret { display: inline-block; } #filtres-films a.active, #filtres-films a.active:hover, #filtres-lineup a.active, #filtres-lineup a.active:hover { background: #c1001f; color: #FFF; } #filtres-films a:hover, #filtres-lineup a:hover { color: #c1001f; } .content-section.filtrable .item { display: none; } .content-section.filtrable .item.active { display: block; } /************************************************************************************************/ /* FILMS A-Z */ /************************************************************************************************/ #filmsAZcontener .item { max-height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; margin: 0; } #filmsAZcontener .item.active { max-height: none; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin-bottom: 10px; } /************************************************************************************************/ /* SINGLE FILMS */ /************************************************************************************************/ .single-filmo .parallax-mirror.vertical:after { display: none; } .single-filmo .bg-noir, .single-filmo .module-carousel, .single-filmo .module-carousel .carousel-item .text, .module-carousel .carousel-item .single-filmo .text, .single-filmo .slideFade .slides { background: #1b1b1b !important; } .single-filmo p, .single-filmo .module-wysiwyg p { margin-bottom: 10px; } .single-filmo p.infos { margin: 20px 0; } .single-filmo .synopsis { font-size: 17px; } .single-filmo #topSlider { height: 500px; max-height: 500px; } .single-filmo #topSlider.noBG { height: 330px; } .single-filmo #topSlider.small { max-height: 330px; } .single-filmo #topSlider .desc { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 999; } .single-filmo #topSlider .desc h1 { margin-bottom: 0; margin-top: 0; font-size: 40px; line-height: 30px; position: relative; } .single-filmo #topSlider .desc .realisateur { font-size: 18px; } .single-filmo #topSlider .desc .realisateur a:hover { text-decoration: underline; } .single-filmo .content-film-header .affiche { width: 180px; display: inline-block; position: relative; z-index: 11; margin-bottom: 25px; } .single-filmo .content-film-header .affiche img { display: block; width: 100%; height: auto; border: 3px solid #FFF; } .single-filmo .content-film-header .titre-film-header { min-height: 130px; text-align: center; } .single-filmo .content-film-header.avecAffiche .titre-film-header { width: calc(100% - 200px); padding-left: 45px; padding-top: 18px; display: inline-block; vertical-align: bottom; margin-bottom: 77px; min-height: 30px; } .single-filmo .information_importante { background: #1b1b1b; color: #FFF; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; z-index: 10; font-size: 20px; } .single-filmo .information_importante p { display: block; width: calc(100% - 180px); float: right; padding-left: 45px; margin-bottom: 0; } .single-filmo .information_importante .pullLeft p { padding-left: 0; float: none; } .single-filmo .recompenses-contener { display: table; width: 100%; } .single-filmo .recompenses .recompense { width: 21%; margin: 2%; vertical-align: middle; } .single-filmo .critique { margin-top: 30px; font-size: 18px; } .single-filmo span.siteweb { background-position: 0 -2052px; height: 25px; width: 25px; display: inline-block; vertical-align: middle; } .single-filmo span.facebook { background-position: 0 -927px; height: 26px; width: 13px; display: inline-block; vertical-align: middle; margin-left: 7px; } .single-filmo span.twitter { background-position: 0 -2252px; height: 22px; width: 27px; display: inline-block; vertical-align: middle; } .single-filmo span.icon { width: 40px; } .single-filmo .bande_annonce_iframe { margin-bottom: 30px; } .single-filmo .bande_annonce_iframe iframe { display: block; margin: 0 auto; max-width: 100%; } .single-filmo .liens-films p { margin-top: 30px; } .single-filmo .module-photo h1 { margin-bottom: 0; } .single-filmo #phototeque { margin-bottom: 40px; } .single-filmo #phototeque.centered { text-align: center; } .single-filmo #phototeque.centered .item { position: relative !important; display: inline-block !important; top: auto !important; left: auto !important; float: none; vertical-align: top; transform: none !important; } .single-filmo .dlItem { float: none; display: inline-block; overflow: hidden; vertical-align: top; } .single-filmo .dlItem a { display: block; } a.bande_annonce { position: absolute; bottom: 0; right: 0; z-index: 12; height: 72px; line-height: 2.9em; } a.bande_annonce .play-video { background-position: 0 -1729px; height: 41px; width: 41px; display: inline-block; margin-right: 10px; margin-top: -5px; vertical-align: middle; -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); } .moreResults { display: block; width: 100% !important; margin: 10px 0 0 0 !important; max-width: 100%; } #searchResults, .tax-catalogues_film, .single-personnes, .tax-genre_film { /************************************************************************************************/ /* MEILLEURDE LA REVUE */ /************************************************************************************************/ /************************************************************************************************/ /* PHOTOTEQUE */ /************************************************************************************************/ /************************************************************************************************/ /* LOGOTHEQUE */ /************************************************************************************************/ } #searchResults h1.line, .tax-catalogues_film h1.line, .single-personnes h1.line, .tax-genre_film h1.line { margin-bottom: 0 !important; } #searchResults .module h1, .tax-catalogues_film .module h1, .single-personnes .module h1, .tax-genre_film .module h1 { font-size: 40px; } #searchResults .module-communiques h1, .tax-catalogues_film .module-communiques h1, .single-personnes .module-communiques h1, .tax-genre_film .module-communiques h1 { font-size: 37px; } #searchResults .module-communiques .titre, .tax-catalogues_film .module-communiques .titre, .single-personnes .module-communiques .titre, .tax-genre_film .module-communiques .titre { padding-top: 0; } #searchResults .module-communiques .item, .tax-catalogues_film .module-communiques .item, .single-personnes .module-communiques .item, .tax-genre_film .module-communiques .item { margin-top: 40px; background: #FFF; } #searchResults .module-communiques .date-item, .tax-catalogues_film .module-communiques .date-item, .single-personnes .module-communiques .date-item, .tax-genre_film .module-communiques .date-item { width: 14%; padding-right: 0 !important; margin-top: -12px; } #searchResults .module-communiques .date-item:after, .tax-catalogues_film .module-communiques .date-item:after, .single-personnes .module-communiques .date-item:after, .tax-genre_film .module-communiques .date-item:after { right: 17%; } #searchResults .module-communiques .image, .tax-catalogues_film .module-communiques .image, .single-personnes .module-communiques .image, .tax-genre_film .module-communiques .image { width: 36%; } #searchResults .module-communiques .text, .tax-catalogues_film .module-communiques .text, .single-personnes .module-communiques .text, .tax-genre_film .module-communiques .text { width: 47%; float: left; margin-top: -4px; } #searchResults .module-communiques .text p, .tax-catalogues_film .module-communiques .text p, .single-personnes .module-communiques .text p, .tax-genre_film .module-communiques .text p { line-height: 1.3; } #searchResults .module-communiques .communiques-links, .tax-catalogues_film .module-communiques .communiques-links, .single-personnes .module-communiques .communiques-links, .tax-genre_film .module-communiques .communiques-links { padding-top: 30px; } #searchResults .module-communiques .communiques-links .button, .tax-catalogues_film .module-communiques .communiques-links .button, .single-personnes .module-communiques .communiques-links .button, .tax-genre_film .module-communiques .communiques-links .button { max-width: none; } #searchResults .module-communiques .communiques-links .button + .button, .tax-catalogues_film .module-communiques .communiques-links .button + .button, .single-personnes .module-communiques .communiques-links .button + .button, .tax-genre_film .module-communiques .communiques-links .button + .button { margin-left: 30px; } #searchResults #filtres-communiques, #searchResults #filtres-photos, #searchResults #filtres-revues, .tax-catalogues_film #filtres-communiques, .tax-catalogues_film #filtres-photos, .tax-catalogues_film #filtres-revues, .single-personnes #filtres-communiques, .single-personnes #filtres-photos, .single-personnes #filtres-revues, .tax-genre_film #filtres-communiques, .tax-genre_film #filtres-photos, .tax-genre_film #filtres-revues { font-size: 21px; } #searchResults #filtres-communiques a, #searchResults #filtres-photos a, #searchResults #filtres-revues a, .tax-catalogues_film #filtres-communiques a, .tax-catalogues_film #filtres-photos a, .tax-catalogues_film #filtres-revues a, .single-personnes #filtres-communiques a, .single-personnes #filtres-photos a, .single-personnes #filtres-revues a, .tax-genre_film #filtres-communiques a, .tax-genre_film #filtres-photos a, .tax-genre_film #filtres-revues a { margin-right: 50px; padding: 1px 10px 1px 10px; color: #000; } #searchResults #filtres-communiques a .tiret, #searchResults #filtres-photos a .tiret, #searchResults #filtres-revues a .tiret, .tax-catalogues_film #filtres-communiques a .tiret, .tax-catalogues_film #filtres-photos a .tiret, .tax-catalogues_film #filtres-revues a .tiret, .single-personnes #filtres-communiques a .tiret, .single-personnes #filtres-photos a .tiret, .single-personnes #filtres-revues a .tiret, .tax-genre_film #filtres-communiques a .tiret, .tax-genre_film #filtres-photos a .tiret, .tax-genre_film #filtres-revues a .tiret { background-position: 0 -2148px; height: 2px; width: 11px; vertical-align: middle; margin-left: 4px; display: none; } #searchResults #filtres-communiques a:first-child, #searchResults #filtres-photos a:first-child, #searchResults #filtres-revues a:first-child, .tax-catalogues_film #filtres-communiques a:first-child, .tax-catalogues_film #filtres-photos a:first-child, .tax-catalogues_film #filtres-revues a:first-child, .single-personnes #filtres-communiques a:first-child, .single-personnes #filtres-photos a:first-child, .single-personnes #filtres-revues a:first-child, .tax-genre_film #filtres-communiques a:first-child, .tax-genre_film #filtres-photos a:first-child, .tax-genre_film #filtres-revues a:first-child { padding: 1px 10px 1px 16px; } #searchResults #filtres-communiques a:last-child, #searchResults #filtres-photos a:last-child, #searchResults #filtres-revues a:last-child, .tax-catalogues_film #filtres-communiques a:last-child, .tax-catalogues_film #filtres-photos a:last-child, .tax-catalogues_film #filtres-revues a:last-child, .single-personnes #filtres-communiques a:last-child, .single-personnes #filtres-photos a:last-child, .single-personnes #filtres-revues a:last-child, .tax-genre_film #filtres-communiques a:last-child, .tax-genre_film #filtres-photos a:last-child, .tax-genre_film #filtres-revues a:last-child { margin-right: 0; } #searchResults #filtres-communiques a.active .tiret, #searchResults #filtres-photos a.active .tiret, #searchResults #filtres-revues a.active .tiret, .tax-catalogues_film #filtres-communiques a.active .tiret, .tax-catalogues_film #filtres-photos a.active .tiret, .tax-catalogues_film #filtres-revues a.active .tiret, .single-personnes #filtres-communiques a.active .tiret, .single-personnes #filtres-photos a.active .tiret, .single-personnes #filtres-revues a.active .tiret, .tax-genre_film #filtres-communiques a.active .tiret, .tax-genre_film #filtres-photos a.active .tiret, .tax-genre_film #filtres-revues a.active .tiret { display: inline-block; } #searchResults #filtres-communiques a.active, #searchResults #filtres-communiques a.active:hover, #searchResults #filtres-photos a.active, #searchResults #filtres-photos a.active:hover, #searchResults #filtres-revues a.active, #searchResults #filtres-revues a.active:hover, .tax-catalogues_film #filtres-communiques a.active, .tax-catalogues_film #filtres-communiques a.active:hover, .tax-catalogues_film #filtres-photos a.active, .tax-catalogues_film #filtres-photos a.active:hover, .tax-catalogues_film #filtres-revues a.active, .tax-catalogues_film #filtres-revues a.active:hover, .single-personnes #filtres-communiques a.active, .single-personnes #filtres-communiques a.active:hover, .single-personnes #filtres-photos a.active, .single-personnes #filtres-photos a.active:hover, .single-personnes #filtres-revues a.active, .single-personnes #filtres-revues a.active:hover, .tax-genre_film #filtres-communiques a.active, .tax-genre_film #filtres-communiques a.active:hover, .tax-genre_film #filtres-photos a.active, .tax-genre_film #filtres-photos a.active:hover, .tax-genre_film #filtres-revues a.active, .tax-genre_film #filtres-revues a.active:hover { background: #c1001f; color: #FFF; } #searchResults #filtres-communiques a:hover, #searchResults #filtres-photos a:hover, #searchResults #filtres-revues a:hover, .tax-catalogues_film #filtres-communiques a:hover, .tax-catalogues_film #filtres-photos a:hover, .tax-catalogues_film #filtres-revues a:hover, .single-personnes #filtres-communiques a:hover, .single-personnes #filtres-photos a:hover, .single-personnes #filtres-revues a:hover, .tax-genre_film #filtres-communiques a:hover, .tax-genre_film #filtres-photos a:hover, .tax-genre_film #filtres-revues a:hover { color: #c1001f; } #searchResults #filtres-revues, .tax-catalogues_film #filtres-revues, .single-personnes #filtres-revues, .tax-genre_film #filtres-revues { margin-bottom: 50px; } #searchResults #filtres-revues a, .tax-catalogues_film #filtres-revues a, .single-personnes #filtres-revues a, .tax-genre_film #filtres-revues a { color: #FFF; } #searchResults .module-revue, .tax-catalogues_film .module-revue, .single-personnes .module-revue, .tax-genre_film .module-revue { padding: 50px 0; } #searchResults .module-revue #revues, .tax-catalogues_film .module-revue #revues, .single-personnes .module-revue #revues, .tax-genre_film .module-revue #revues { max-width: 960px; } #searchResults .module-revue .item, .tax-catalogues_film .module-revue .item, .single-personnes .module-revue .item, .tax-genre_film .module-revue .item { padding: 0 10px; margin-bottom: 20px; position: absolute !important; } #searchResults .module-revue .item .content, .tax-catalogues_film .module-revue .item .content, .single-personnes .module-revue .item .content, .tax-genre_film .module-revue .item .content { background: #FFF; color: #000; } #searchResults .module-revue .item .text, .tax-catalogues_film .module-revue .item .text, .single-personnes .module-revue .item .text, .tax-genre_film .module-revue .item .text { padding: 15px 20px; min-height: 68px; } #searchResults .module-revue .item .text p, .tax-catalogues_film .module-revue .item .text p, .single-personnes .module-revue .item .text p, .tax-genre_film .module-revue .item .text p { line-height: 1.3em; } #searchResults .module-revue .item .link .button, .tax-catalogues_film .module-revue .item .link .button, .single-personnes .module-revue .item .link .button, .tax-genre_film .module-revue .item .link .button { margin: -25px 15px 0 15px; max-width: none; } #searchResults .module-revue .item .link .button:hover, .tax-catalogues_film .module-revue .item .link .button:hover, .single-personnes .module-revue .item .link .button:hover, .tax-genre_film .module-revue .item .link .button:hover { background: #c1001f; } #searchResults .module-revue .communiques-links, .tax-catalogues_film .module-revue .communiques-links, .single-personnes .module-revue .communiques-links, .tax-genre_film .module-revue .communiques-links { margin-top: 50px; margin-bottom: 30px; } #searchResults #phototeque, .tax-catalogues_film #phototeque, .single-personnes #phototeque, .tax-genre_film #phototeque { max-width: 100%; margin-top: 50px; } #searchResults #phototeque .item, .tax-catalogues_film #phototeque .item, .single-personnes #phototeque .item, .tax-genre_film #phototeque .item { margin-bottom: 10px; padding: 0 5px; position: absolute !important; } #searchResults #phototeque .item .link, .tax-catalogues_film #phototeque .item .link, .single-personnes #phototeque .item .link, .tax-genre_film #phototeque .item .link { background: #000; height: 50px; position: relative; } #searchResults #phototeque .item .link .zoom, #searchResults #phototeque .item .link .dl, .tax-catalogues_film #phototeque .item .link .zoom, .tax-catalogues_film #phototeque .item .link .dl, .single-personnes #phototeque .item .link .zoom, .single-personnes #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .zoom, .tax-genre_film #phototeque .item .link .dl { background-position: 0 -1414px; height: 18px; width: 18px; display: inline-block; text-indent: -9999px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 30px; } #searchResults #phototeque .item .link .zoom:hover, #searchResults #phototeque .item .link .dl:hover, .tax-catalogues_film #phototeque .item .link .zoom:hover, .tax-catalogues_film #phototeque .item .link .dl:hover, .single-personnes #phototeque .item .link .zoom:hover, .single-personnes #phototeque .item .link .dl:hover, .tax-genre_film #phototeque .item .link .zoom:hover, .tax-genre_film #phototeque .item .link .dl:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } #searchResults #phototeque .item .link .sep, .tax-catalogues_film #phototeque .item .link .sep, .single-personnes #phototeque .item .link .sep, .tax-genre_film #phototeque .item .link .sep { display: block; position: absolute; border-right: 2px solid #949494; height: 25px; top: 50%; left: 50%; margin-left: -1px; margin-top: -12px; } #searchResults #phototeque .item .link .dl, .tax-catalogues_film #phototeque .item .link .dl, .single-personnes #phototeque .item .link .dl, .tax-genre_film #phototeque .item .link .dl { background-position: 0 -865px; height: 11px; width: 14px; margin-left: -30px; } #searchResults #loadMorePhotos, .tax-catalogues_film #loadMorePhotos, .single-personnes #loadMorePhotos, .tax-genre_film #loadMorePhotos { margin-top: 50px; } #searchResults .module-logos, .tax-catalogues_film .module-logos, .single-personnes .module-logos, .tax-genre_film .module-logos { padding: 50px 0; } #searchResults .module-logos h2, .tax-catalogues_film .module-logos h2, .single-personnes .module-logos h2, .tax-genre_film .module-logos h2 { font-size: 32px; margin-top: 70px; } #searchResults .module-logos #logotheque, .tax-catalogues_film .module-logos #logotheque, .single-personnes .module-logos #logotheque, .tax-genre_film .module-logos #logotheque { max-width: 960px; } #searchResults .module-logos #logotheque .item, .tax-catalogues_film .module-logos #logotheque .item, .single-personnes .module-logos #logotheque .item, .tax-genre_film .module-logos #logotheque .item { margin-bottom: 20px; padding: 0 12px; } #searchResults .module-logos #logotheque .item .image, .tax-catalogues_film .module-logos #logotheque .item .image, .single-personnes .module-logos #logotheque .item .image, .tax-genre_film .module-logos #logotheque .item .image { height: 220px; } #searchResults .module-logos #logotheque .item .image img, .tax-catalogues_film .module-logos #logotheque .item .image img, .single-personnes .module-logos #logotheque .item .image img, .tax-genre_film .module-logos #logotheque .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #searchResults .module-logos #logotheque .item .button, .tax-catalogues_film .module-logos #logotheque .item .button, .single-personnes .module-logos #logotheque .item .button, .tax-genre_film .module-logos #logotheque .item .button { display: block; border-top: 1px solid #000; max-width: none; } #searchResults .module-logos #logotheque .item .button:hover, .tax-catalogues_film .module-logos #logotheque .item .button:hover, .single-personnes .module-logos #logotheque .item .button:hover, .tax-genre_film .module-logos #logotheque .item .button:hover { border-top: 1px solid #980018; } .tax-genre_film .button.loader { margin-top: 30px !important; } #acteurs-list, #realisateurs-list, #a-z .row { max-width: 922px; } #recents-section .communiques-links { margin-top: 20px; } .single-collections #topSlider, .tax-genre_film #topSlider, .single-personnes #topSlider { height: 500px; } .single-collections #searchHeader, .tax-genre_film #searchHeader, .single-personnes #searchHeader { padding-top: 230px; } .isMobile .recompensesList, .isTablet .recompensesList { overflow-y: auto; overflow-x: hidden; padding: 0px 10px 40px 10px; } #mobileMenuOverlay { display: none; } .mobile .top-bar .top-bar-left .closeMobileMenu { background-position: 0 -774px; height: 34px; width: 34px; position: absolute; top: 22px; left: 20px; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; cursor: pointer; } .mobile .top-bar .top-bar-left ul.menu.first { margin-top: 60px; } .mobile .top-bar .top-bar-left ul li.menu-item-has-children { min-height: 60px; } .mobile .top-bar .top-bar-left ul li.menu-item-has-children:hover { background: #000; } .mobile .top-bar .top-bar-left ul li.menu-item-has-children:hover a:after { background-position: 0 -1535px; height: 6px; width: 10px; } .mobile .top-bar .top-bar-left ul li.menu-item-has-children > a:after { top: 50%; transform: translateY(-50%); left: 88%; } .mobile .top-bar .top-bar-left ul li.menu-item-has-children.active a:after { background-position: 0 -1541px; height: 6px; width: 10px; } .mobile .top-bar .top-bar-left ul li.menu-item-has-children ul li { padding-top: 15px; padding-bottom: 15px; text-transform: none; } .mobile .top-bar .top-bar-left ul.sites { position: relative; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children > a { border: none; padding: 0; margin: 0; min-height: 60px; width: 100%; position: relative; background: #FFF; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children > a:after { background-position: 0 -20px; height: 68px; width: 228px; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -moz-transform-origin: top center; -ms-transform-origin: top center; -webkit-transform-origin: top center; transform-origin: top center; position: absolute; top: 10px; left: 0; display: block; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children > a:after:hover, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children > a:after.autres-sites-mobile-hover { background-position: 0 -228px; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children:hover, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children.active { background: #FFF; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children:hover > a:after, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children.active > a:after { background-position: 0 -228px; height: 72px; width: 228px; background-color: #FFF; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children ul.sub-menu { left: 0; width: 100%; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children ul.sub-menu li, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children ul.sub-menu li:hover { width: 100%; background: #191919; text-transform: none; } .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children ul.sub-menu li a, .mobile .top-bar .top-bar-left ul.sites > li.menu-item-has-children ul.sub-menu li:hover a { background: #FFF; color: #000; padding: 10px 20px !important; border-bottom: 1px solid #e6e6e6; } @media screen and (max-width: 1280px) { .module-wysiwyg h1, .module-chiffres h1, .module-wysiwyg h1, .module-galerie h1, .module-collections h1, .module-presse-feed h1, .module-communiques h1, .page-template-page-presse .module-communiques h1, .post-type-archive-emploi .module-communiques h1, .page-template-page-emploi .module-communiques h1, .page-template-page-presse .module h1, .post-type-archive-emploi .module h1, .page-template-page-emploi .module h1 { font-size: 30px; } h1 { font-size: 30px; } .module-image-full h2 { font-size: 32px; margin-bottom: 20px; } .page-template-page-presse .module-logos h2, .post-type-archive-emploi .module-logos h2, .page-template-page-emploi .module-logos h2 { font-size: 25px; margin-top: 20px; } .page-template-page-modules #topSlider .desc h1, .page-template-page-presse #topSlider .desc h1, .post-type-archive-emploi #topSlider .desc h1, .page-template-page-emploi #topSlider .desc h1, .page-template-page-contact #topSlider h1 { font-size: 35px; } #dl_catalog { padding: 25px 10px 10px 10px; } #dl_catalog .dlLabel { font-size: 18px; margin-bottom: 15px; display: inline-block; } #dl_catalog .button.dl { margin-left: 20px; margin-bottom: 15px; font-size: 12px; } #dl_catalog .button.dl span:after { right: 10px; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } } @media screen and (max-width: 1000px) { #dl_catalog .dlLabel { display: block; margin-bottom: 15px; } } @media screen and (max-width: 920px) { #switchCatalog { display: none; } } @media screen and (max-width: 830px) { #contactForm input[type=text] + label, #contactForm input[type=email] + label, #contactForm textarea + label, #searchForm input[type=text] + label, #searchForm input[type=email] + label, #searchForm textarea + label, .quickSearch input[type=text] + label, .quickSearch input[type=email] + label, .quickSearch textarea + label, .simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label { font-size: 14px !important; } #searchForm .submitAdvanced, #searchFormTop .submitAdvanced { font-size: 14px !important; } } @media screen and (max-width: 800px) { .communiqueDetails #socialLinks { position: relative; top: 0px; right: 0; margin-top: 30px; margin-left: auto; margin-right: auto; width: 311px; } } @media screen and (max-width: 600px) { .module-wysiwyg .alignleft, .module-wysiwyg .alignright { float: none !important; margin: 20px auto !important; max-width: 100%; } .module-wysiwyg img.alignleft, .module-wysiwyg img.alignright { display: block; } } @media screen and (min-width: 0em) and (max-width: 1350px) { #quickSearchTop, #quickSearchTop.active { position: relative !important; top: 0; right: 0; height: 60px !important; width: 100% !important; background: #333 !important; } #quickSearchTop input#QuickSearchInputTop, #quickSearchTop.active input#QuickSearchInputTop { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; width: 100% !important; height: 60px !important; color: #FFF !important; padding-top: 6px; max-width: none; } #quickSearchTop input[type=submit].loupe, #quickSearchTop.active input[type=submit].loupe { height: 60px; margin-right: 5px; background-size: 20px auto; } #lang_sel a { padding: 1.9rem 1rem; } .page-template-page-contact #contactForm .button, #contactSubmit { display: block; margin-left: auto !important; margin-right: auto !important; } .slideFade .slides .slide, .module-titre-visuel { background-attachment: scroll; } .module-palmares .palmaresList .column { margin-top: 0; } .timelineAnnees .sticky { margin-top: 60px !important; } .module-timeline > .row { padding-left: 0 !important; } .module-timeline > .row > .small-1 { padding: 0; } .module-timeline > .row > .small-1 .sticky { width: 100%; max-width: 100%; z-index: 1000; } #mobileMenuOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 100; } .menuOpen { overflow: hidden; } .menuOpen .top-bar .top-bar-left { z-index: 120; right: 0; } .menuOpen #toggleMenuMobile { display: none; } .menuOpen #mobileMenuOverlay { display: block; } .top-bar { height: 60px; } .top-bar .top-bar-title img { height: 44px; margin: 7px 30px 0 0; } .top-bar ul li .sub-menu::before, .top-bar ul li .sub-menu::after { display: none; } .top-bar ul li .sub-menu { position: relative; display: block; top: 0; height: auto; margin: 0; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background: #191919; max-height: 0; -moz-transition: max-height 0.7s ease-in-out; -o-transition: max-height 0.7s ease-in-out; -webkit-transition: max-height 0.7s ease-in-out; transition: max-height 0.7s ease-in-out; overflow: hidden; } .top-bar ul li .sub-menu li { width: 100%; float: none; margin: 0; height: auto; text-indent: 0; border-bottom: 1px solid #2b2b2b; border-right: 0; } .top-bar ul li .sub-menu li a { padding-left: 40px !important; font-family: 'Raleway'; font-weight: 400; } .top-bar ul li.active > a { background: #000; color: #FFF; } .top-bar ul li.active .sub-menu { max-height: 500px; } .top-bar .top-bar-left { position: fixed; right: -300px; top: 0; height: 100%; width: 225px; background: #000; overflow: auto; -moz-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .top-bar .top-bar-left .menu li a { font-size: 15px; } .top-bar .top-bar-left .menu > li, .top-bar .top-bar-left .menu > li:hover { display: block; } .top-bar .top-bar-left .menu > li a, .top-bar .top-bar-left .menu > li:hover a { color: #FFF; padding: 22px 20px; height: auto; border-bottom: 1px solid #191919; } .top-bar .top-bar-left ul.sites { position: relative; } /************************************************************************************************/ /* HOME */ /************************************************************************************************/ #homeSlider h1 { font-size: 38px; } #homeSlider .text { font-size: 18px; } .module-presse-feed .button.loadMore, .module-communiques .button.loadMore { margin-top: 0px !important; margin-bottom: 10px; } .module-presse-feed > .row, .module-communiques > .row { max-width: 75rem; } .module-presse-feed > .row h1, .module-communiques > .row h1 { font-size: 32px; } .module-presse-feed > .row .item, .module-communiques > .row .item { margin-bottom: 40px; } /************************************************************************************************/ /* IMAGE */ /************************************************************************************************/ .module-image-full .content { bottom: 60px; } /************************************************************************************************/ /* HEADINGS */ /************************************************************************************************/ .module-video h2, .module-video .content-text h2, .module-image-full h2, .module-image-full .content-text h2, .module-side-side h2, .module-side-side .content-text h2 { font-size: 32px; margin-bottom: 20px; } /************************************************************************************************/ /* VIDEOS */ /************************************************************************************************/ .module-video .playVideo { -moz-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); -moz-transform-origin: top center; -ms-transform-origin: top center; -webkit-transform-origin: top center; transform-origin: top center; margin-bottom: 0; } .module-video > .row { min-height: 400px; padding: 70px 0; } .module-video img.bg { display: none; } .module-video .texte { position: relative; margin-top: 0px; } .module-video .desc { margin-top: -30px; } /************************************************************************************************/ /* SIDE / SIDE */ /************************************************************************************************/ .module-side-side .slider { padding: 0; } .module-side-side .slider .owl-carousel, .module-side-side .slider .owl-stage-outer, .module-side-side .slider .owl-stage, .module-side-side .slider .owl-item, .module-side-side .slider .image { height: 100%; } .module-side-side .content-text { padding: 50px 10px; margin-top: 0 !important; } /************************************************************************************************/ /* PRESSE */ /************************************************************************************************/ .page-template-page-presse .module-revue .item .content { height: 100%; } .page-template-page-presse .module-communiques .item { margin-bottom: 0; } .page-template-page-presse .module-communiques .image, .page-template-page-presse .module-communiques .text { width: 84%; } .page-template-page-presse .module-communiques .image img, .page-template-page-presse .module-communiques .text img { width: 100%; } .page-template-page-presse .module-communiques .text { margin-left: 14%; } /************************************************************************************************/ /* GALERIE */ /************************************************************************************************/ .module-galerie .items .titre { margin-top: 10px; margin-bottom: 10px; font-size: 20px; } .module-galerie .row.galerieContent { max-width: 630px; } /************************************************************************************************/ /* TIMELINE */ /************************************************************************************************/ .timelineContener .item .contenu { padding: 0 20px 30px 20px; } .timelineContener .item .image { padding: 0; } .module-boutons .button { padding: 0.95em 1em 0.9em 1em; } /************************************************************************************************/ /* FOOTER */ /************************************************************************************************/ #footer { margin-top: 30px; } #footer #fotter-logos a { margin: 0 15px; } #footer input[type=submit] { width: 100%; padding: 1.15em 0em 1em 0em; } } /************************************************************************************************/ /* MOBILE */ /************************************************************************************************/ @media screen and (max-width: 1349px) and (min-width: 0em) { .top-bar #lang_sel { top: -10px; left: 0; right: 0; background: #000; width: auto; } .top-bar #lang_sel a.lang_sel_sel { background: url(../img/icons/menu-down.png) 85% 37px no-repeat #FFF; border: none; color: #000; } .top-bar #lang_sel li { width: 100%; } .top-bar #lang_sel li a { height: 70px; } #lang_sel a { padding-left: 15px; } .top-bar #lang_sel ul ul li a, .top-bar #lang_sel ul ul li a:visited { height: 60px; color: #000; background: #FFF; padding: 15px 15px; } } @media screen and (max-width: 63.9375em) and (min-width: 0em) { .single-collections #topSlider, .tax-genre_film #topSlider, .single-personnes #topSlider { height: 250px; } .single-collections #searchHeader, .tax-genre_film #searchHeader, .single-personnes #searchHeader { padding-top: 110px; } .single-personnes #topSlider { height: auto; } .single-personnes #topSlider .slides { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .single-personnes #topSlider .overlay { background: rgba(0, 0, 0, 0.1); } .single-personnes #topSlider .desc { position: relative; bottom: auto; left: auto; height: auto; } } @media screen and (max-width: 39.9375em) { #menuPrincipal a { padding: 1rem 0rem !important; } #menuPrincipal li ul li a { padding: 1.2rem 0rem !important; } #searchHeader { padding-top: 90px; } #searchForm + .overlay { display: none; } #filtres-films, #filtres-lineup { font-size: 18px; margin: 30px 0 20px 0; } #filtres-films a, #filtres-lineup a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } #searchResults .column:last-child:not(:first-child), #searchResults .columns:last-child:not(:first-child) { float: none !important; } #realisateur-section .filtres-lettres a, #realisateur-section .filtres-lettres-personnes a, #acteur-section .filtres-lettres a, #acteur-section .filtres-lettres-personnes a, .personnes-list .filtres-lettres a, .personnes-list .filtres-lettres-personnes a, #a-z .filtres-lettres a, #a-z .filtres-lettres-personnes a { margin-bottom: 10px; font-size: 19px; } #realisateur-section .filtres-lettres, #realisateur-section .filtres-lettres-personnes, #acteur-section .filtres-lettres, #acteur-section .filtres-lettres-personnes, .personnes-list .filtres-lettres, .personnes-list .filtres-lettres-personnes, #a-z .filtres-lettres, #a-z .filtres-lettres-personnes { padding: 0 10px; } .module-collections .items .item { padding-right: 10px; padding-left: 10px; } .tax-catalogues_film #topSlider.advanced { height: 880px !important; } .slideFade .scrollTo { bottom: 20px; } .page-template-page-modules #topSlider .desc, .slideFade .desc { bottom: 80px; } .accordion-item .accordion-title h3 { padding-right: 25px; font-size: 16px; } .accordion-item .accordion-title h3 .date, .accordion-item .accordion-title h3 span { display: block; } .accordion-item .accordion-title h3 .date { position: relative; right: 0; top: 0px; line-height: 20px; } .accordion-item .accordion-title:before { margin-top: -1rem; } .accordion-item .accordion-content .button { position: relative; bottom: 0px; right: 0; max-width: none; } .tabs .tabs-title > a { padding: 0.95rem 1.6rem; font-size: 14px; } .page-template-page-contact #contactForm .button { width: 195px; padding: 11px 0; } .page-template-page-contact #contactForm input[type=text] + label, .page-template-page-contact #contactForm input[type=email] + label, .page-template-page-contact #contactForm textarea + label, .simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label { font-size: 15px; } .page-template-page-contact #contactForm .button + .button, .page-template-page-presse .module-communiques .communiques-links .button + .button, .post-type-archive-emploi .module-communiques .communiques-links .button + .button, .page-template-page-emploi .module-communiques .communiques-links .button + .button { max-width: 310px; display: block; margin-left: auto !important; margin-right: auto !important; } .module-presse-feed .button, .module-communiques .button { margin-top: 15px; } .row.newsletter .fieldGroup p { padding-left: 35px; margin-top: 0; } .small-centered { float: none !important; } .button { font-size: 0.75rem; } #homeSlider h1 { text-align: left; margin-bottom: 10px; font-size: 23px; } #homeSlider .column.end { float: none !important; } #homeSlider .slides .slide .desc { bottom: 60px; } #homeSlider .slides-nav { bottom: 66px; right: 25px; } #topSlider .desc h1 { font-size: 30px !important; line-height: 1; } #topSlider .desc p { font-size: 17px; line-height: 1.3; } .module-logos { padding-bottom: 0; } .module-logos .item { margin-bottom: 30px; padding-bottom: 0; } .module-logos .item:last-child { margin-bottom: 0; } .module-logos .item .image { height: auto; } .module-logos .item .image img { max-width: 80px; } .module-logos .item .btnContainer { position: relative; margin-top: 15px; } .module-image-full { min-height: 500px; } .module-image-full img { width: auto !important; max-width: none; height: 100%; transform: translateX(-50%); } .module-presse-feed > .row .item, .module-presse-feed > .row .item:last-child { overflow: hidden; float: none; } .module-presse-feed > .row .item .image, .module-presse-feed > .row .item:last-child .image { margin-bottom: 0; } .module-presse-feed > .row .item:last-child { margin-bottom: 10px; } .module-wysiwyg img.alignright, .module-wysiwyg img.alignleft { margin-bottom: 20px; } .module-titre-visuel { min-height: 220px; position: relative; } .module-titre-visuel > .relative, .module-titre-visuel > .timelineContener, .timelineContener .module-titre-visuel > .scroll { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .module-titre-visuel h2 { font-size: 29px; } .slide.home { background-position: center center; } .module-galerie { padding: 50px 0 0 0; } .module-galerie .galerieLink { margin-top: 0px; padding-bottom: 40px; } .module-galerie .items .item { margin-bottom: 30px; } .module-side-side { max-height: none; } .module-side-side > .row { max-height: none; } .module-side-side .side { float: none !important; } .module-carousel .carousel-item .text { position: relative; bottom: 60px; left: 15%; margin-left: 0; width: 70%; padding: 30px; } .page-template-page-presse .module-revue .item { float: none !important; position: relative !important; top: 0 !important; left: 0 !important; max-width: 310px; } .page-template-page-presse .module-logos #logotheque .item .image { height: 140px; } .page-template-page-presse .module-logos #logotheque .item .image img { max-width: 80%; } .module-palmares .palmaresList .column { margin-top: 40px; height: auto !important; } .module-palmares .palmaresList .image.min { height: 140px; } .recompensesList { padding-bottom: 0; } .recompensesList h2 { margin-top: 10px; margin-bottom: 10px; } .recompensesList .mCSB_container { padding-bottom: 40px; padding-left: 20px; padding-right: 20px; } .recompensesList .image { margin: 40px 30px 0 30px; } .recompensesList .item { margin-top: 35px; } .module-boutons .button { margin-bottom: 20px; margin-left: 10px !important; margin-right: 10px !important; } .module-timeline { text-align: center; padding-top: 5px; } .module-timeline .passerTimeline.is-stuck { bottom: 0; right: 0; width: 100%; background: rgba(255, 255, 255, 0.8); } .module-timeline .passerTimeline.is-stuck span { display: inline-block; vertical-align: middle; transform: scale(0.5); margin-top: 6px; } .timelineContener .item { margin-top: 0; } .timelineContener .item .contenu { padding: 0 10px 30px 10px; } .timelineContener .item .contenu h3 { margin-bottom: 10px; } .timelineContener .item .contenu .annee { font-size: 104px; } .timelineContener .item .contenu .text { margin-top: -70px; } .timelineContener .item .image img { margin-top: 20px; margin-bottom: 20px; } .timelineAnnees { padding: 0 0 0 0.8em; } .timelineAnnees .sticky { min-width: 42px; } .timelineAnnees .annee:hover { color: #000; } .timelineAnnees .annee.active { color: #c1001f; } #footer #footer-top .menu > li { width: 100%; } #footer #fotter-logos a { margin: 0 7px; } #footer #fotter-logos .logo-films, #footer #fotter-logos .logo-cinemas, #footer #fotter-logos .logo-agency, #footer #fotter-logos .logo-innovation, #footer #fotter-logos .logo-edition { background: url(../img/icons/logo-films.png) center top no-repeat; background-size: auto 99%; height: 40px; width: 52px; } #footer #fotter-logos .logo-cinemas { background: url(../img/icons/logo-cinemas.png) center top no-repeat; background-size: auto 92%; width: 56px; } #footer #fotter-logos .logo-agency { background: url(../img/icons/logo-agency.png) center top no-repeat; background-size: auto 99%; width: 50px; } #footer #fotter-logos .logo-innovation { background: url(../img/icons/logo-innovation.png) center top no-repeat; background-size: auto 92%; width: 73px; } #footer #fotter-logos .logo-edition { background: url(../img/icons/logo-edition.png) center top no-repeat; background-size: auto 90%; width: 54px; } #newsletterForm { height: auto; } #newsletterFooter1 .small-8 { float: none !important; margin-left: auto; margin-right: auto; } #newsletterFooter1, #newsletterFooter2 { margin: 0; } #newsletterFooter1.active, #newsletterFooter2.active { position: relative !important; } #newsletterFooter1 .column, #newsletterFooter2 .column { width: 50% !important; } #newsletterFooter1 .column.last, #newsletterFooter2 .column.last { float: none; clear: both; padding-top: 20px; width: 100% !important; } #newsletterFooter1 .column.last input[type=submit], #newsletterFooter2 .column.last input[type=submit] { width: 60%; padding: 1.15em 0em 1em 0em; margin: 0 auto; display: block; } #newsletterFooter1 input[type=email], #newsletterFooter2 input[type=email] { height: 35px; margin-bottom: 0; font-size: 12px; } #newsletterFooter1 #newsletterNext, #newsletterFooter2 #newsletterNext { position: absolute; top: -35px; right: 0.625rem; height: 35px; text-indent: -9999px; width: 35px; padding: 0; background: #FFF; } #newsletterFooter1 #newsletterNext:after, #newsletterFooter2 #newsletterNext:after { content: ""; display: block; width: 10px; height: 10px; border-bottom: 2px solid #9a9a9a; border-right: 2px solid #9a9a9a; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 12px; left: 9px; background: none; margin: 0; } #newsletterFooter1 .column { width: 80% !important; } #newsletterFormerrors { position: relative; top: 0; left: 0; padding: 0 0 15px 0; margin: 0px 0; padding: 0 0 15px 0; } #newsletterFooter2 .column { width: 100% !important; } #newsletterFooter2 .column p { padding-left: 35px; margin-top: 0; margin-bottom: 7px; } .page-template-page-presse .module-communiques .date-item, .post-type-archive-emploi .module-communiques .date-item, .page-template-page-emploi .module-communiques .date-item { margin-top: -8px; } .page-template-page-presse #filtres-communiques a, .page-template-page-presse #filtres-photos a, .page-template-page-presse #filtres-revues a, .post-type-archive-emploi #filtres-communiques a, .post-type-archive-emploi #filtres-photos a, .page-template-page-emploi #filtres-communiques a, .page-template-page-emploi #filtres-photos a { font-size: 13px; display: inline-block; width: 44%; margin-left: 1%; margin-right: 1%; } .module-presse-feed .date .jour, .module-communiques .date .jour { font-size: 25px; line-height: 32px; } .module-presse-feed .date .mois, .module-communiques .date .mois { font-size: 12px; } .module-presse-feed .date .annee, .module-communiques .date .annee { font-size: 11px; } #footer-social { text-align: left; } .single-filmo #topSlider { height: auto !important; max-height: none; } .single-filmo #topSlider .desc { position: relative; } .single-filmo #topSlider .desc .overlay { display: none; } .single-filmo .content-film-header .affiche { width: 100%; display: block; margin-top: 70px; } .single-filmo .content-film-header { margin-top: 100px; min-height: 70px; } .single-filmo .content-film-header .titre-film-header { min-height: 70px; } .single-filmo .content-film-header.avecAffiche { margin-top: 0; } .single-filmo .content-film-header.avecAffiche .titre-film-header { width: 100%; padding-left: 0px; padding-top: 8px; display: block; margin-bottom: 25px; } .single-filmo .content-film-header.avecAffiche .affiche { margin-bottom: 35px; } .single-filmo .information_importante { position: relative; } .single-filmo .information_importante p { width: 100%; padding-left: 0; } .single-filmo a.bande_annonce { position: relative; padding-top: 19px; width: 100%; max-width: 100%; text-align: left; padding-left: 10px; } .single-filmo .recompenses .recompense { width: 44%; margin: 3%; } h1.line span { font-size: 30px; } .single-filmo #phototeque .item { display: block !important; width: 100%; } .bande_annonce_iframe iframe { height: 200px; } .single-filmo .dlItem { margin-bottom: 20px; } .single-post #topSlider .desc h1 { margin-top: 70px; font-size: 20px !important; line-height: 1.4em; padding: 0 20px; } .single-post #topSlider .desc .date { float: none !important; display: block; text-align: center; margin: 0 0 20px 0; } .single-post #topSlider .desc .date:after { display: none; } .single-post #topSlider .desc .date .jour, .single-post #topSlider .desc .date .mois, .single-post #topSlider .desc .date .annee { display: inline; } .lineup .headerLineup { background-position: center center; } .lineup .headerLineup .headerContent { padding-right: 80px; } .lineup .item.active { margin-bottom: 60px; } .markets td { display: block; width: 100% !important; margin: 0 !important; padding: 0 !important; } .markets td.logo { padding: 10px 20px !important; } .markets td.text { padding: 10px 20px !important; } .markets td.date { text-align: left; padding: 10px 20px !important; } .markets tr { border: 0; display: block; margin-bottom: 30px; } .markets tr:after { content: ""; display: block; width: auto; height: 1px; background: #000; margin: 0 20px; } .page-template-page-marches .date .dateDebut, .page-template-page-marches .date .dateFin { float: none; display: inline-block; } .page-template-page-marches .date .dateFin:after { display: none; } .lineup .headerLineup { height: 160px; } .lineup .headerLineup .headerContent { padding: 14px; } .lineup .headerLineup .headerContent h3 { font-size: 18px; margin-bottom: 0; } #content-home .logo { margin-bottom: 30px; } #team .item { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (max-width: 680px) { #homeSlider .scrollTo { display: none !important; } #homeSlider h1 { font-size: 23px; margin-bottom: 0px; } #homeSlider .slides .slide .desc { bottom: 30px; } #homeSlider .slides-nav { bottom: 36px; } #homeSlider .button { margin-top: 25px; } } @media screen and (max-width: 639px) { #footer #footer-message { margin-top: 0; } } @media screen and (max-width: 470px) { .single-bios #topSlider .desc .text, .single-bios .slideFade .desc .text { display: none; } .single-bios #topSlider .desc h1, .single-bios .slideFade .desc h1 { text-align: center !important; } } @media screen and (max-height: 470px) { .single-bios #topSlider .desc, .single-bios .slideFade .desc { display: none; } #homeSlider .texteGauche, #homeSlider .texteDroite { width: 90% !important; } #homeSlider .texteGauche .text, #homeSlider .texteDroite .text { font-size: 14px; } #homeSlider h1 { font-size: 29px; } .page-template-page-modules #topSlider .desc, .slideFade .desc { bottom: 70px; } } .wpml-ls-legacy-dropdown { width: 15.5em; max-width: 100%; } .wpml-ls-legacy-dropdown > ul { position: relative; padding: 0; margin: 0 !important; list-style-type: none; } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu { visibility: visible; } .wpml-ls-legacy-dropdown .wpml-ls-item { padding: 0; margin: 0; list-style-type: none; } .wpml-ls-legacy-dropdown a { display: block; text-decoration: none; color: #444; border: 1px solid #cdcdcd; background-color: #fff; padding: 5px 10px; line-height: 1; } .wpml-ls-legacy-dropdown a span { vertical-align: middle; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { position: relative; padding-right: calc(10px + .7em + .7em); } .rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: 10px; padding-left: calc(10px + .7em + .7em); } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: ''; vertical-align: middle; display: inline-block; border: .35em solid transparent; border-top: .5em solid; position: absolute; right: 10px; top: calc(50% - .175em); } .rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: auto; left: 10px; } .wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a { color: #000; background: #eee; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; border-top: 1px solid #cdcdcd; padding: 0; margin: 0; list-style-type: none; z-index: 101; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { border-width: 0 1px 1px 1px; } .wpml-ls-legacy-dropdown .wpml-ls-flag { display: inline; vertical-align: middle; width: 18px; height: 12px; } .wpml-ls-legacy-dropdown .wpml-ls-flag + span { margin-left: 0.4em; } .rtl .wpml-ls-legacy-dropdown .wpml-ls-flag + span { margin-left: 0; margin-right: 0.4em; }