/*============================ SITE COLORS ============================ */ /* =================================== /* ============================ FONTS ============================ */ @import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i|Lato:300"); @font-face { font-family: TodayShop; src: url(/fonts/TodaySHOP-Light.otf); font-weight: 300; font-style: normal; } @font-face { font-family: TodayShop; src: url(/fonts/TodaySHOP-LightItalic.otf); font-weight: 300; font-style: italic; } @font-face { font-family: TodayShop; src: url(/fonts/TodaySHOP-Regular.otf); font-weight: 400; font-style: normal; } @font-face { font-family: TodayShop; src: url(/fonts/TodaySHOP-Italic.otf); font-weight: 400; font-style: italic; } @font-face { font-family: TodayShop; src: url(/fonts/TodaySHOP-Medium.otf); font-weight: 600; font-style: normal; } @font-face { font-family: TodayShop; src: url(/fonts/TodaySHOP-MediumItalic.otf); font-weight: 600; font-style: italic; } /* ============================ /* =================================== OTHER VARIABLES =================================== */ /* =================================== /* ============================ MIXINS ============================ */ /* =================================== END MIXINS =================================== */ @media (min-width: 1800px) { footer#page-footer .footer-texture { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; margin-bottom: -4.5rem; } } @media (min-width: 1560px) { footer#page-footer .footer-texture { margin-bottom: -5.5rem; } } @media (max-width: 1520px) { #presentation #valeurs .valeurs-container #valeurs-text .valeurs-text-box { padding: 3rem 3rem 0; } #presentation #valeurs .valeurs-container #valeurs-text .valeurs-text-box p { font-size: 2rem; } } @media (max-width: 1400px) { #presentation #valeurs .valeurs-container #valeurs-text .valeurs-text-box { padding: 2rem 2rem 0; } #presentation #valeurs .valeurs-container #valeurs-text .valeurs-text-box p { font-size: 1.9rem; letter-spacing: 0.05rem; line-height: 1.4; } } @media (max-width: 1200px) { ul.tabMenu li a.menuItem { letter-spacing: 0; } ul.tabMenu li a.menuItem:after { margin-left: 0.5rem; } ul.tabMenu li a.menuItem.inverted:before { margin-right: 0.5rem; } ul.tabMenu li a.menuItem.menuItem-active { font-size: 2.8rem; letter-spacing: 0.05rem; } ul.tabMenu li a.menuItem.button { max-width: 19rem; padding: 1.1rem 1.8rem 0.8rem; } #presentation #equipe .equipe-profiles .profiles-grid .profile-box.photo-box { width: 50%; } #projects .projects-slideshow article.projects-slide .slide-overlay h2.slide-title { font-size: 2rem; margin-top: 2rem; padding: 0 2rem; } #projects .projects-slideshow article.projects-slide .slide-overlay .slide-hiddenContent { padding: 0 2rem; } #soloProject .project-quickfacts .quickfacts-container { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list { flex: 0 0 100%; margin-right: 0; } #soloProject .project-quickfacts .quickfacts-container .map-container { flex: 0 0 100%; height: 25rem; margin-top: 2rem; } #soloProject .project-quickfacts .quickfacts-container .map-container .quickfacts-map { width: 100%; } #soloProject .project-projectInfo aside.projectInfo-sidebar .sidebar-qa section.qa-question img.odd-icon { width: 33.33%; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox { width: calc(33.33% - (4rem/3)); } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox .infoBox-content { padding: 4rem 3rem; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox .infoBox-content p { line-height: 1.3; letter-spacing: 0.02em; } } @media (max-width: 1140px) { header#page-header nav.header-menu > ul li.header-menuItem.dropdown .header-dropdownMenu ul.dropdownMenu-column { padding: 0 2rem; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu li { padding-right: 0; } footer#page-footer .footer-bottom .footer-content section.footer-section { padding: 2rem; } } @media (max-width: 1085px) { header#page-header nav.header-menu > ul li.header-menuItem.dropdown .header-dropdownMenu ul.dropdownMenu-column { padding: 0 1rem; } #news .news-grid .box { width: calc(33.33% - (3rem / 3)); } #news .news-grid .box:nth-child(n) { margin-right: 1.5rem; margin-top: 0; height: 0; max-height: 0; } #news .news-grid .box:nth-child(3n) { margin-right: 0; } #news .news-grid .box:nth-child(2n + 1) { height: 25rem; max-height: 25rem; } #news .news-grid .box:nth-child(2n) { height: 28rem; max-height: 28rem; } #news .news-grid .box:nth-child(6n + 4), #news .news-grid .box:nth-child(6n) { margin-top: -3rem; } } @media (max-width: 1024px) { .page-wrapper { transition: right 0.3s; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -o-transition: right 0.3s; -ms-transition: right 0.3s; } .page-wrapper.menu-fixed { position: fixed; overflow: hidden; right: 0; left: auto; } .page-wrapper.menu-open { right: 30rem; } h3.section-header { letter-spacing: 0.15rem; } .bigTitle h1, .bigTitle h2 { padding-left: 2rem; } .bigTitle h2 { font-size: 2.6rem; } .topBanner .topBanner-overlay .topBanner-mainContent { padding: 0 2rem; } .box-grid { padding: 0 2rem; } ul.tabMenu li a.menuItem { font-size: 1.5rem; } ul.tabMenu li a.menuItem.menuItem-active { font-size: 2.5rem; border-left-width: 0.3rem; padding-left: 1rem; } ul.breadcrumbs { margin-top: 2rem; padding: 0 2rem; } header#page-header .header-top ul.header-top-widgets { padding: 0 2rem; } header#page-header .header-contents { padding: 0 2rem; } header#page-header nav.header-menu { display: none; } header#page-header #mobile-menu-toggle { display: inline-block; } #search #search-results { padding: 0 2rem; margin-top: 3rem; } #home .topBanner { height: 44rem; } #home p { padding: 0 2rem; } #home .introduction { padding: 17rem 0 7rem; margin-top: -10rem; } #home .introduction #introduction-videoContainer { padding: 0 2rem; } #home .projects .projects-map .map-overlay { padding: 5rem 0; } #home .projects .projects-map .map-overlay .poles-list { padding: 0 2rem; margin: 5rem 0; } #home .projects .projects-map .map-overlay .poles-list a.pole-box { background: none !important; } #home .projects .projects-map .map-overlay .poles-list a.pole-box:after { display: none; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents { background: none !important; padding: 0 1rem; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents h3 { font-size: 1.8rem; } #home .projects .projects-map .map-overlay .poles-list a.pole-box:hover { color: #F2CB6C; } #home .projects .projects-map .map-overlay .poles-list a.pole-box:hover .pole-box-contents { background-color: rgba(0, 0, 0, 0.4); } #home .projects .projects-accompagnement .assoc-list { padding: 0; } #home .projects .projects-accompagnement .assoc-list a.assoc-logo { margin: 1.5rem; } #home .projects .projects-accompagnement .assoc-list a.assoc-logo img { -webkit-filter: saturate(50%); filter: saturate(50%); } #presentation blockquote#editorial { padding: 5rem 2rem; } #presentation #valeurs #valeurs-container #valeurs-text { max-width: none; } #presentation #poles .poles-list { padding: 3rem 2rem; } #presentation #bigNumbers .bigNumbers-innerContainer { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 2rem; } #presentation #bigNumbers .bigNumbers-innerContainer .bigNumber { width: 50%; } #presentation #bigNumbers .bigNumbers-innerContainer .bigNumber:nth-child(-n+2) { padding-bottom: 3rem; } #presentation #equipe .equipe-profiles { padding: 5rem 2rem 0; } #projects .projects-slideshow { display: block; height: 40rem; width: 100%; position: relative; } #projects .projects-slideshow article.projects-slide { width: calc(50% - 2px) !important; height: calc(50% - 2px); margin-bottom: 2px; position: absolute; z-index: 1; } #projects .projects-slideshow article.projects-slide:nth-of-type(odd) { margin-right: 2px; } #projects .projects-slideshow article.projects-slide:nth-of-type(even) { margin-left: 2px; } #projects .projects-slideshow article.projects-slide:nth-of-type(n+3) { margin-top: 2px; margin-bottom: 0; } #projects .projects-slideshow article.projects-slide:nth-of-type(1) { top: 0; left: 0; } #projects .projects-slideshow article.projects-slide:nth-of-type(2) { top: 0; left: 50%; } #projects .projects-slideshow article.projects-slide:nth-of-type(3) { top: 50%; left: 0; } #projects .projects-slideshow article.projects-slide:nth-of-type(4) { top: 50%; left: 50%; } #projects .projects-slideshow article.projects-slide span.icon-close-thin { right: 2rem; } #projects .projects-slideshow article.projects-slide .slide-overlay { padding: 3rem 0 0; } #projects .projects-slideshow article.projects-slide .slide-overlay .slide-icon { font-size: 5rem; } #projects .projects-slideshow article.projects-slide .slide-overlay .slide-hiddenContent { display: none; } #projects .projects-slideshow article.projects-slide .slide-overlay p.slide-fullDescription { margin-top: 2rem; padding: 0 2rem; } #projects .projects-slideshow article.projects-slide:hover:not(.maximizing):not(.maximized):not(.minimizing):not(.minimized):not(.normalizing) .slide-overlay { padding-top: 3rem; background-color: rgba(0, 0, 0, 0.2); } #projects .projects-slideshow article.projects-slide.minimizing .slide-overlay, #projects .projects-slideshow article.projects-slide.minimized .slide-overlay { padding-top: 3rem; } #projects .projects-slideshow article.projects-slide.minimizing .slide-overlay .slide-icon, #projects .projects-slideshow article.projects-slide.minimized .slide-overlay .slide-icon { font-size: 5rem; } #projects .projects-slideshow article.projects-slide.maximizing, #projects .projects-slideshow article.projects-slide.maximized { width: 100% !important; height: 100%; top: 0; left: 0; margin: 0; z-index: 10; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay { padding-top: 5rem; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay .slide-icon, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay .slide-icon { font-size: 5rem; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay h2.slide-title, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay h2.slide-title { font-size: 2rem; opacity: 1; } #projects .projects-slideshow article.projects-slide.maximizing { transition: all 0.3s 0.3s; -webkit-transition: all 0.3s 0.3s; -moz-transition: all 0.3s 0.3s; -o-transition: all 0.3s 0.3s; -ms-transition: all 0.3s 0.3s; } #projects .projects-slideshow article.projects-slide.normalizing { width: calc(50% - 2px) !important; height: 50%; transition: all 0.3s 0.3s; -webkit-transition: all 0.3s 0.3s; -moz-transition: all 0.3s 0.3s; -o-transition: all 0.3s 0.3s; -ms-transition: all 0.3s 0.3s; z-index: 10; } #projects .projects-slideshow article.projects-slide.normalizing:nth-of-type(1) { top: 0; left: 0; } #projects .projects-slideshow article.projects-slide.normalizing:nth-of-type(2) { top: 0; left: 50%; } #projects .projects-slideshow article.projects-slide.normalizing:nth-of-type(3) { top: 50%; left: 0; } #projects .projects-slideshow article.projects-slide.normalizing:nth-of-type(4) { top: 50%; left: 50%; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay { padding-top: 3rem; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay .slide-icon { font-size: 5rem; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay h2.slide-title { font-size: 2rem; opacity: 1; } #projects .projects-allProjects { padding: 0 2rem; margin-top: 4rem; } #soloProject .project-quickfacts .quickfacts-container { padding: 3rem 2rem; } #soloProject .project-projectInfo { padding: 0 2rem; } #soloProject .project-projectInfo .projectInfo-mainContent { padding-right: 4rem; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet .spreadsheet-part section.data-section .data-row .data-cell:first-child { width: 65%; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet .spreadsheet-part section.data-section .data-row .data-cell:last-child { width: 35%; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a { width: calc(50% - (1rem/2)); padding-top: 50%; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a:not(:nth-of-type(3n)) { margin-right: 0; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a:nth-of-type(2n+1) { margin-right: 0.5rem; } #soloProject .project-projectInfo aside.projectInfo-sidebar .sidebar-qa section.qa-question img.odd-icon { width: 50%; } #accompagnement .accompagnement-grid { padding: 0 2rem; margin-top: 5rem; } #accompagnement .accompagnement-grid .assoc-box { width: 100%; padding: 0 0 4rem 0; margin-bottom: 4rem; background: none; border-bottom: 1px dotted #CCC; } #accompagnement .accompagnement-grid .assoc-box:nth-child(n) { margin-right: 0; } #historique ul.historique-grid { padding: 0 2rem; margin-top: 5rem; } #proposer-projet .mainContent { padding: 0 2rem; margin-top: 5rem; } #proposer-projet .mainContent section.mainContent-section:nth-child(n) { padding-bottom: 2rem; margin-top: 2rem; margin-bottom: 3.75rem; } #proposer-projet .mainContent section.mainContent-section article.infoBox { width: 100%; } #proposer-projet .mainContent section.mainContent-section article.infoBox span.infoBox-icon { float: left; } #proposer-projet .mainContent section.mainContent-section article.infoBox .infoBox-content { overflow: hidden; padding: 0 0 3rem 3rem; border-bottom: 1px dotted #CCC; } #proposer-projet .mainContent section.mainContent-section article.infoBox .infoBox-content p, #proposer-projet .mainContent section.mainContent-section article.infoBox .infoBox-content li { line-height: 1.3; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox .infoBox-content { padding: 3rem 2rem; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox .infoBox-content h4 { margin-bottom: 1em; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content section.thematique-content-section { padding: 0 3rem; } #proposer-projet .mainContent section.mainContent-section#deroulement article.infoBox:nth-child(n):after { display: none; } #news .solo-news-container { padding: 0 2rem; } #news .solo-news-container article.news-article .news-content { width: 65%; } #news .solo-news-container article.news-article aside.aside-news-feed { width: 35%; } #contact #contact-main { padding: 0 2rem; margin-top: 5rem; } footer#page-footer .footer-bottom .footer-content { padding: 0 2rem; padding-top: 4rem; } } @media (max-height: 768px) { .admin-overlay .admin-window { padding: 3rem; } .admin-overlay .admin-window h3.section-header { margin-bottom: 1.5rem; } .admin-overlay .admin-window span.icon-close-thin { top: 3rem; right: 3rem; } } @media (max-height: 736px) { .admin-overlay .admin-window { padding: 3rem; } .admin-overlay .admin-window h3.section-header { margin-bottom: 1.5rem; } .admin-overlay .admin-window span.icon-close-thin { top: 3rem; right: 3rem; } } @media (max-height: 630px) { #home .topBanner .topBanner-overlay .topBanner-mainContent .topBanner-headings #viewVideo-button { margin-top: 10%; } } @media (max-width: 860px) { #home .topBanner .topBanner-overlay .topBanner-mainContent { max-width: 60rem; } #home .topBanner .topBanner-overlay .topBanner-mainContent .topBanner-headings h2.topBanner-title { font-size: 3rem; } #home .introduction { padding-bottom: 2rem; } #presentation blockquote#editorial p:not(:first-of-type) { float: none; width: 100%; } #presentation #valeurs #valeurs-container #valeurs-photos { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #presentation #valeurs #valeurs-container #valeurs-photos .valeurs-photo:nth-child(n) { width: calc(50% - 0.25rem); margin: 0 0 0.5rem; } #presentation #valeurs #valeurs-container #valeurs-photos .valeurs-photo:nth-child(n):nth-last-child(-n+2) { margin-bottom: 0; } #presentation #valeurs #valeurs-container #valeurs-photos .valeurs-photo:nth-child(n):nth-child(even) { margin-left: 0.5rem; } #presentation #valeurs #valeurs-container #valeurs-text { top: 25%; } #presentation #equipe .equipe-profiles .profiles-grid .profile-box { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 50%; } #projects .projects-allProjects ul.tabMenu { margin: 0 -2rem; padding-left: 2rem; padding-bottom: 3rem; } #projects .projects-allProjects ul.tabMenu li { margin-right: 3rem; } #projects .projects-allProjects ul.tabMenu li:last-of-type a.menuItem { margin-right: 2rem; } #projects .projects-allProjects h2.allProjects-comite_date { position: relative; z-index: 10; margin: -1.5rem -2rem 1.5rem; padding-left: 2rem; background: #FFF; } #soloProject .project-projectInfo { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #soloProject .project-projectInfo .projectInfo-mainContent { width: 100%; padding-right: 0; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu li { padding-right: 10%; } #soloProject .project-projectInfo aside.projectInfo-sidebar { margin: 0 -2rem; width: calc(100% + 4rem); } #soloProject .project-projectInfo aside.projectInfo-sidebar .sidebar-qa section.qa-question img.odd-icon { width: calc(100%/5); } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a { width: calc(20% - (2rem / 5)); padding-top: 20%; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a:not(:nth-of-type(5n)) { margin-right: 0.5rem; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox { width: calc(50% - 1rem); } #news .news-grid .box { width: calc(50% - (1.5rem / 2)); } #news .news-grid .box:nth-child(n) { margin-right: 1.5rem; margin-top: 0; height: 0; max-height: 0; } #news .news-grid .box:nth-child(2n) { margin-right: 0; } #news .news-grid .box:nth-child(3n + 1) { height: 25rem; max-height: 25rem; } #news .news-grid .box:nth-child(3n + 2) { height: 31rem; max-height: 31rem; } #news .news-grid .box:nth-child(3n + 3) { height: 28rem; max-height: 28rem; } #news .news-grid .box:nth-child(6n + 3) { margin-top: -6rem; } #news .news-grid .box:nth-child(6n + 5) { margin-top: -3rem; } #news .solo-news-container article.news-article .news-content { width: 100%; float: none; } #news .solo-news-container article.news-article aside.aside-news-feed { float: none; width: 100%; padding: 3rem; margin-top: 5rem; background-color: #EBEFF2; } #news .solo-news-container article.news-article aside.aside-news-feed h3.section-header { border-color: #EEE; } #news .solo-news-container article.news-article aside.aside-news-feed .aside-news .aside-news-topic { color: #02A0E1; } footer#page-footer .footer-bottom .footer-content section.footer-section ul.footer-menu { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } footer#page-footer .footer-bottom .footer-content section.footer-section ul.footer-menu li { border-bottom: 1px solid #CCC; } } @media (max-width: 768px) { .topBanner, #home .topBanner { height: 36rem; } header#page-header .header-top ul.header-top-widgets > li.search-container { text-align: left; float: left; margin-left: 0; padding-left: 0; width: 23rem; } header#page-header .header-top ul.header-top-widgets > li.search-container span.search-start { margin-left: -1rem; } header#page-header .header-top ul.header-top-widgets > li.search-container form#searchbox input { padding-left: 2rem; padding-right: 1rem; } header#page-header .header-top span.icon-close-thin#search-close { left: 26rem; } #home .projects .projects-map .map-overlay .poles-list { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 5rem 0 1rem; } #home .projects .projects-map .map-overlay .poles-list a.pole-box { flex: auto; width: calc(50% - (2rem / 2)); margin-bottom: 4rem; text-align: left; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents { padding: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents span.pole-icon { margin: 0; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents span.pole-icon:before { margin: 0; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents h3 { margin-left: 2rem; } #home .projects .projects-map .map-overlay .poles-list a.pole-box:nth-child(n+2) { margin-left: 0; } #home .projects .projects-map .map-overlay .poles-list a.pole-box:nth-child(2n+2) { margin-left: 2rem; } #home .projects .projects-accompagnement .assoc-list a.assoc-logo { width: 12%; } #presentation #bigNumbers { padding: 4rem 0; } #presentation #bigNumbers .bigNumbers-innerContainer .bigNumber .bigNumber-number { font-size: 5rem; } #projects .projects-slideshow article.projects-slide .slide-overlay h2.slide-title { margin-top: 1.5rem; } #soloProject .topBanner { height: 44rem; } #soloProject .topBanner .topBanner-overlay .topBanner-mainContent h2.topBanner-title { font-size: 2.5rem; letter-spacing: 0.1rem; line-height: 1.3; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li { padding-bottom: 1.2rem; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li span.quickfact-question { min-width: 23rem; } #soloProject .project-printBar { display: none; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content .icon-close-thin { top: 2rem; right: 2rem; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content h3.section-header { font-size: 2.5rem; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content ol { list-style-position: inside; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content section.thematique-content-section { padding: 0 2rem; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content section.thematique-content-section.intro, #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content section.thematique-content-section.details { width: 100%; border: 0; } } @media (max-width: 736px) { h2 { font-size: 3rem; line-height: 1.4; } h3 { font-size: 2rem; letter-spacing: 0.1rem; } h3.section-header { font-size: 2.3rem; } .bigTitle h2 { font-size: 2.2rem; letter-spacing: 0.02rem; line-height: 1.2; padding-right: 2rem; } .admin-overlay .admin-window { padding: 3rem; } .admin-overlay .admin-window h3.section-header { margin-bottom: 0; } .admin-overlay .admin-window .alert-box { margin-bottom: 2rem; font-size: 1.5rem; } .admin-overlay .admin-window input[type="password"], .admin-overlay .admin-window input[type="e-mail"], .admin-overlay .admin-window input[type="text"], .admin-overlay .admin-window select { margin-bottom: 2rem; } .admin-overlay .admin-window .button { margin-top: 0; } header#page-header a.header-logo { width: 30rem; } #home .topBanner .topBanner-overlay .topBanner-mainContent .topBanner-headings h2.topBanner-title { font-size: 2.8rem; } #home p { font-size: 2rem; text-align: left; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; letter-spacing: 0.04rem; } #home .introduction { background: none; margin-top: 0; padding-top: 4rem; } #home .projects .projects-map .map-overlay { padding: 4rem 0; } #home .projects .projects-map .map-overlay .poles-list { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin: 3rem 0; } #home .projects .projects-map .map-overlay .poles-list a.pole-box { width: 100%; margin-bottom: 0; margin-left: 0 !important; padding: 1.5rem 0; border-bottom: 1px dotted #DDD; } #home .projects .projects-map .map-overlay .poles-list a.pole-box:last-of-type { border: none; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents span.pole-icon { font-size: 4rem; } #home .projects .projects-map .map-overlay .poles-list a.pole-box .pole-box-contents h3 { letter-spacing: 0.05rem; } #home .projects .projects-accompagnement { padding: 4rem 0; } #home .projects .projects-accompagnement .assoc-list { margin-top: 3rem; } #home .projects .projects-accompagnement .assoc-list a.assoc-logo { margin: 1rem 2rem; } #home .news { padding-bottom: 0; margin-bottom: 0; } #home .news .news-tree { background: none; display: none; } #home .news .news-grid { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin: 4rem auto 0; } #home .news .news-grid .box { width: calc(50% - 1rem); height: 25rem !important; max-height: 25rem !important; } #home .news .news-grid .box:nth-child(4) { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } #presentation blockquote#editorial p { font-size: 2rem; line-height: 1.5; } #presentation #valeurs #valeurs-container #valeurs-text { width: 100%; max-width: 60rem; padding: 0 2rem; } #presentation #equipe .equipe-profiles#profiles-direction .profiles-grid { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin: 0; } #presentation #equipe .equipe-profiles#profiles-direction .profiles-grid .profile-box { -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 0 0 4rem; text-align: left; width: 100%; } #presentation #equipe .equipe-profiles#profiles-direction .profiles-grid .profile-box .profile-photo { margin-right: 3rem; } #presentation #equipe .equipe-profiles#profiles-direction .profiles-grid .profile-box .profile-info { padding: 0; } #projects .projects-slideshow { margin-top: 3px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 25rem; } #projects .projects-slideshow article.projects-slide { position: relative; width: 100% !important; height: 25%; } #projects .projects-slideshow article.projects-slide:nth-of-type(1) { background-position: center top !important; } #projects .projects-slideshow article.projects-slide:nth-of-type(4) { background-position: center 60% !important; } #projects .projects-slideshow article.projects-slide:nth-of-type(n) { margin: 0 0 3px 0; top: auto; left: auto; } #projects .projects-slideshow article.projects-slide:last-of-type { margin-bottom: 0; } #projects .projects-slideshow article.projects-slide .slide-overlay { padding: 1rem 2rem; text-align: left; } #projects .projects-slideshow article.projects-slide .slide-overlay .slide-icon { font-size: 3rem; float: left; margin-top: 0.5rem; } #projects .projects-slideshow article.projects-slide .slide-overlay h2.slide-title { white-space: nowrap; line-height: 1.2; font-size: 1.6rem; margin: 1rem 0 0 0; padding: 0 0 0 2rem; overflow: hidden; } #projects .projects-slideshow article.projects-slide .slide-overlay p.slide-fullDescription { padding: 0 0 0 5rem; margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.3; } #projects .projects-slideshow article.projects-slide:hover:not(.maximizing):not(.maximized):not(.minimizing):not(.minimized):not(.normalizing) .slide-overlay { padding-top: 1rem; } #projects .projects-slideshow article.projects-slide:hover:not(.maximizing):not(.maximized):not(.minimizing):not(.minimized):not(.normalizing) .slide-overlay .slide-hiddenContent { display: none; } #projects .projects-slideshow article.projects-slide.minimizing, #projects .projects-slideshow article.projects-slide.minimized { height: 8%; } #projects .projects-slideshow article.projects-slide.minimizing .slide-overlay, #projects .projects-slideshow article.projects-slide.minimized .slide-overlay { padding-top: 0.5rem; } #projects .projects-slideshow article.projects-slide.minimizing .slide-overlay .slide-icon, #projects .projects-slideshow article.projects-slide.minimized .slide-overlay .slide-icon { font-size: 2rem; margin-top: 0; } #projects .projects-slideshow article.projects-slide.minimizing { transition: all 0.3s 0.3s; -webkit-transition: all 0.3s 0.3s; -moz-transition: all 0.3s 0.3s; -o-transition: all 0.3s 0.3s; -ms-transition: all 0.3s 0.3s; } #projects .projects-slideshow article.projects-slide.maximizing, #projects .projects-slideshow article.projects-slide.maximized { width: 100% !important; height: calc(76% - (9px / 4)); } #projects .projects-slideshow article.projects-slide.maximizing span.icon-close-thin, #projects .projects-slideshow article.projects-slide.maximized span.icon-close-thin { top: 2rem; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay { padding-top: 1rem; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay .slide-icon, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay .slide-icon { font-size: 3rem; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay h2.slide-title, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay h2.slide-title { font-size: 1.6rem; } #projects .projects-slideshow article.projects-slide.normalizing { width: 100% !important; height: 25%; } #projects .projects-slideshow article.projects-slide.normalizing:nth-of-type(n) { top: auto; left: auto; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay { padding-top: 1rem; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay .slide-icon { font-size: 3rem; margin-top: 0.5rem; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay h2.slide-title { font-size: 1.6rem; } #soloProject .topBanner .topBanner-overlay ul.breadcrumbs { display: none; } #proposer-projet .mainContent p.intro { font-size: 2rem; line-height: 1.5; margin: 5rem 0; } #news .solo-news-container article.news-article aside.aside-news-feed { margin: 5rem -2rem 0; width: calc(100% + 4rem); } footer#page-footer { margin-top: 2rem; } footer#page-footer .footer-bottom .footer-content section.footer-section:nth-of-type(2) { display: none; } footer#page-footer .footer-bottom .footer-content .footer-bottomLinks { text-align: left; } } @media (max-width: 667px) { .box-grid .box .box-overlay .box-overlayContent { padding: 2rem !important; } .box-grid .box .box-overlay .box-overlayContent h4.box-headline { font-size: 1.7rem; line-height: 1.3; font-weight: 600; } #presentation blockquote#editorial #edito-photo-box { float: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; text-align: left; margin-bottom: 4rem; width: 100%; max-width: none; padding: 0; } #presentation blockquote#editorial #edito-photo-box #edito-photo { width: 50%; padding: 0 1.5rem 0 0; } #presentation blockquote#editorial #edito-photo-box #edito-photo-legend { padding: 0 0 0 1.5rem; text-align: left; } #presentation blockquote#editorial p:nth-of-type(n) { float: none; width: 100%; } #presentation #poles .poles-list article.pole span.pole-icon { font-size: 6rem; margin-right: 4rem; } #presentation #bigNumbers .bigNumbers-innerContainer .bigNumber .bigNumber-number { font-size: 4rem; } #projects .projects-allProjects .allProjects-grid .box-column article.box .box-overlay .box-overlayContent span.box-icon { top: 2rem; } #soloProject .project-quickfacts .quickfacts-container .map-container { height: 20rem; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu li { padding-right: 0; } #historique ul.historique-grid { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox { width: 100%; text-align: left; min-height: 30rem; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox.active:before, #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox.active:after { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox.active:before { left: 0; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox.active:after { right: 0; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox .infoBox-content h4 { margin-top: 0; } #proposer-projet .lightbox .lightbox-box { padding: 2rem; width: 98%; max-width: 98%; max-height: 98%; } #proposer-projet .lightbox .lightbox-box .icon-close-thin.close-lightbox { top: 2rem; right: 2rem; } #news .solo-news-container article.news-article .news-content .news-meta span.news-date { border: none; display: block; padding: 0; margin: 1rem 0 0 0; } } @media (max-width: 600px) { #presentation #valeurs #valeurs-container #valeurs-text { position: static; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; color: #4A4A4A; text-shadow: none; padding: 3rem 2rem; } #presentation #valeurs #valeurs-container #valeurs-text span#close-valeurs-text { display: none; } } @media (max-width: 568px) { #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .contactGrid .vcard { width: 100%; } #soloProject .project-projectInfo aside.projectInfo-sidebar .sidebar-qa section.qa-question img.odd-icon { width: 25%; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a { width: calc(33.33% - (1rem / 3)); padding-top: 33.33%; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a:nth-of-type(n) { margin-right: 0; } #soloProject .project-projectInfo aside.projectInfo-sidebar section.sidebar-photos .images-grid a:not(:nth-of-type(3n)) { margin-right: 0.5rem; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox { min-height: 35rem; } #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line > label { width: 100%; padding: 0 0 0.7rem 0; text-align: left; } #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line input[type="text"], #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line input[type="e-mail"], #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line textarea, #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line select { width: 100%; } #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line.price input { max-width: 100%; } #proposer-projet .lightbox .lightbox-box .lightbox-page .input-line form.file-form { width: 100%; } #news .news-grid .box:nth-child(3n + 1) { height: 25rem; max-height: 25rem; } #news .news-grid .box:nth-child(3n + 2) { height: 29rem; max-height: 29rem; } #news .news-grid .box:nth-child(3n + 3) { height: 27rem; max-height: 27rem; } #news .news-grid .box:nth-child(6n + 3) { margin-top: -4rem; } #news .news-grid .box:nth-child(6n + 5) { margin-top: -2rem; } } @media (max-width: 525px) { .topBanner .topBanner-overlay .topBanner-mainContent p.topBanner-description { padding-top: 1.5rem; } #home .topBanner .topBanner-overlay .topBanner-mainContent .topBanner-headings { text-align: center; } #presentation #valeurs .valeurs-container .valeurs-title h2 { padding: 2rem 2rem 3rem; } #projects .projects-slideshow article.projects-slide { margin-bottom: 0.3rem; overflow: hidden; } #projects .projects-slideshow article.projects-slide .slide-overlay { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; height: 6rem; } #projects .projects-slideshow article.projects-slide .slide-overlay .slide-icon { float: none; width: 10%; } #projects .projects-slideshow article.projects-slide .slide-overlay h2.slide-title { padding-left: 1rem; margin-top: 0.2rem; white-space: normal; width: 80%; } #projects .projects-slideshow article.projects-slide .slide-overlay p.slide-fullDescription { width: 100%; padding-left: 0; } #projects .projects-slideshow article.projects-slide.minimizing, #projects .projects-slideshow article.projects-slide.minimized { height: 0; margin: 0; } #projects .projects-slideshow article.projects-slide.minimizing .slide-overlay, #projects .projects-slideshow article.projects-slide.minimized .slide-overlay { padding: 0 2rem; height: 0; } #projects .projects-slideshow article.projects-slide.maximizing, #projects .projects-slideshow article.projects-slide.maximized { height: 100%; margin: 0; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay { height: 100%; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay h2.slide-title, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay h2.slide-title { padding-left: 1rem; } #projects .projects-slideshow article.projects-slide.normalizing { height: 25%; margin-bottom: 0.3rem; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay { padding: 1rem 2rem; height: 6rem; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li span.quickfact-question { min-width: 18rem; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li span.quickfact-answer { font-size: 1.5rem; } } @media (max-width: 500px) { .navigation-progress a.progress-block { text-transform: none; padding-left: 0.5rem; padding-right: 0.5rem; } .admin-overlay .admin-window { padding: 2rem; } header#page-header .header-top span.icon-close-thin#search-close { left: auto; right: 2rem; z-index: 21; } header#page-header .header-top ul.header-top-widgets li.search-container { width: auto; } header#page-header .header-top ul.header-top-widgets li.search-container form#searchbox { padding-left: 2rem; padding-right: 2rem; } header#page-header .header-top ul.header-top-widgets.search-active li.search-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #01567A; z-index: 20; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; overflow: auto; } header#page-header .header-top ul.header-top-widgets.search-active li.search-container span.search-start { margin-left: 1rem; } header#page-header .header-top ul.header-top-widgets.search-active li.search-container, header#page-header .header-top ul.header-top-widgets.search-active li.admin-dropdown, header#page-header .header-top ul.header-top-widgets.search-active li.admin-login { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } #home .news .news-grid .box { width: 100%; } #presentation blockquote#editorial #edito-photo-box #edito-photo { padding-right: 1rem; } #presentation blockquote#editorial #edito-photo-box #edito-photo-legend { padding-left: 1rem; } #presentation #equipe .equipe-profiles#profiles-comite .profiles-grid .profile-box { width: 100%; padding-right: 0; } #soloProject .topBanner .topBanner-overlay .topBanner-mainContent { padding: 0 1rem; } #soloProject .topBanner .topBanner-overlay .topBanner-mainContent p.topBanner-description { padding-top: 1rem; } #soloProject .topBanner .topBanner-overlay .topBanner-mainContent .topBanner-viewVideo { padding-top: 2rem; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet .spreadsheet-part { width: 100%; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet .spreadsheet-part:first-of-type { margin-bottom: 2rem; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet .spreadsheet-part section.data-section .data-row .data-cell:first-child { width: 70%; } #soloProject .project-projectInfo .projectInfo-mainContent article.mainContent-tab section.tab-section .spreadsheet .spreadsheet-part section.data-section .data-row .data-cell:last-child { width: 30%; } #proposer-projet .lightbox .lightbox-box .lightbox-header h3.section-header { text-align: left; font-size: 2.1rem; letter-spacing: 0.1rem; } #proposer-projet .lightbox .lightbox-box .lightbox-page .page-commands .button-forward, #proposer-projet .lightbox .lightbox-box .lightbox-page .page-commands .button-backward { display: none; } #proposer-projet .lightbox .lightbox-box .lightbox-page .page-commands a.cancel { margin: auto; } #proposer-projet .lightbox .lightbox-box .lightbox-page .page-commands .mobile-nav-button { display: inline-block; } #accompagnement .accompagnement-grid .assoc-box { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } #accompagnement .accompagnement-grid .assoc-box .assoc-logo { min-width: 12rem; } #accompagnement .accompagnement-grid .assoc-box .assoc-texts { width: 100%; padding-left: 0; padding-top: 2rem; } #news .news-grid .box { width: calc(100%); } #news .news-grid .box:nth-child(n) { margin: 0 0 1.5rem 0; height: 27rem; max-height: 27rem; } footer#page-footer .footer-bottom .footer-content section.footer-section { width: 100%; flex: auto; padding: 0 0 4rem; text-align: center; } footer#page-footer .footer-bottom .footer-content section.footer-section:nth-child(1) { text-align: center; border: none; } footer#page-footer .footer-bottom .footer-content section.footer-section a.footer-logo { background-image: url(/images/logo/picto@2x.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } footer#page-footer .footer-bottom .footer-content section.footer-section a.footer-logo .footer-logo-text1 { display: none; } footer#page-footer .footer-bottom .footer-content .footer-bottomLinks { text-align: center; padding-top: 0; } } @media (max-width: 480px) { ul.tabMenu { border-bottom: none !important; } ul.tabMenu li a.menuItem { font-size: 1.4rem; letter-spacing: 0.02rem; } ul.tabMenu li a.menuItem.menuItem-active { font-size: 1.4rem; padding: 0.7rem 0 0.3rem 0; border-left: none; border-bottom: 3px solid #02A0E1; } ul.tabMenu li a.menuItem:before, ul.tabMenu li a.menuItem:after { display: none !important; } #projects .projects-allProjects { margin-top: 3rem; } #soloProject .project-projectInfo .projectInfo-mainContent .tabMenu { padding-top: 0; margin-bottom: 2rem; } #proposer-projet .mainContent section#thematique #thematique-overlay h3.section-header { font-size: 2.3rem; } } @media (max-width: 414px) { .page-wrapper.menu-open { right: 26rem; } .bigTitle h1, .bigTitle h2 { padding-left: 1rem; } .mobile-menu { width: 26rem; } .mobile-menu ul li.mobile-menu-item ul.mobile-submenu-dropdown li a, .mobile-menu ul li.mobile-menu-item ul.mobile-submenu-dropdown h3.submenu-section-title { padding-right: 1.5rem !important; padding-left: 1.75rem !important; } .topBanner .topBanner-overlay .topBanner-mainContent { padding: 0 1rem; } .box-grid { padding: 0 1rem; } ul.breadcrumbs { padding: 0 1rem; } .admin-overlay .admin-window { padding: 1rem; } .admin-overlay .admin-window span.icon-close-thin { top: 1rem; right: 1rem; } .admin-overlay .admin-window .button { width: 100%; } header#page-header .header-top span.icon-close-thin#search-close { right: 1rem; } header#page-header .header-top ul.header-top-widgets { text-align: left; padding-left: 0; padding: 0 1rem; } header#page-header .header-top ul.header-top-widgets > li > span { padding: 1.3rem 0; } header#page-header .header-top ul.header-top-widgets > li.search-container { height: 4rem; } header#page-header .header-top ul.header-top-widgets > li.search-container form#searchbox { padding-left: 1rem; padding-right: 1rem; } header#page-header .header-top ul.header-top-widgets > li.admin-dropdown { height: 4rem; } header#page-header .header-top ul.header-top-widgets > li.admin-login { height: 4rem; } header#page-header .header-top ul.header-top-widgets.search-active li.search-container span.search-start { padding: 0.8rem 1rem; margin-left: 0; } header#page-header .header-contents { padding: 0 1rem; } header#page-header #mobile-menu-toggle { position: absolute; top: 1rem; right: 1rem; } header#page-header #mobile-menu-toggle .toggle-bar { background-color: #FFF; height: 0.3rem; } header#page-header #mobile-menu-toggle .toggle-bar:not(:last-child) { margin-bottom: 0.5rem; } #search #search-results { padding: 0 1rem; } #search #search-results .suggestions-box a.suggestion-result { padding: 0.75rem 1rem; } #home p { padding: 0 1rem; } #home .introduction { padding-bottom: 1rem; } #home .introduction #introduction-videoContainer { padding: 0 1rem; } #home .introduction #introduction-videoContainer #video-cover #cover-overlay h2.video-title { margin-bottom: 2rem; } #home .introduction #introduction-videoContainer #video-cover #cover-overlay #viewVideo-btn { font-size: 4.5rem; } #home .projects .projects-map .map-overlay .poles-list { padding: 0 1rem; } #home .projects .projects-accompagnement .assoc-list a.assoc-logo { width: 20%; } #presentation blockquote#editorial { padding: 5rem 1rem; } #presentation blockquote#editorial #edito-photo-box { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } #presentation blockquote#editorial #edito-photo-box #edito-photo { width: 100%; padding: 0; } #presentation blockquote#editorial #edito-photo-box #edito-photo-legend { padding: 1.5rem 0 0 0; } #presentation #valeurs #valeurs-container #valeurs-text { padding: 2rem 1rem; } #presentation #poles .poles-list { padding: 3rem 1rem; } #presentation #poles .poles-list article.pole { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #presentation #poles .poles-list article.pole span.pole-icon { margin-right: 0; margin-bottom: 1.5rem; text-align: center; } #presentation #poles .poles-list article.pole .pole-text h3 { text-align: center; } #presentation #poles .poles-list article.pole .pole-text p.pole-description { text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #presentation #bigNumbers .bigNumbers-innerContainer { padding: 0 1rem; } #presentation #equipe .equipe-profiles { padding: 5rem 1rem 0; } #presentation #equipe .equipe-profiles#profiles-direction .profiles-grid .profile-box .profile-photo { margin-right: 2rem; } #projects .projects-slideshow article.projects-slide .slide-overlay { padding: 1rem; } #projects .projects-slideshow article.projects-slide.minimizing .slide-overlay, #projects .projects-slideshow article.projects-slide.minimized .slide-overlay { padding: 0 1rem; } #projects .projects-slideshow article.projects-slide.maximizing span.icon-close-thin, #projects .projects-slideshow article.projects-slide.maximized span.icon-close-thin { top: 1rem; right: 1rem; } #projects .projects-slideshow article.projects-slide.maximizing .slide-overlay, #projects .projects-slideshow article.projects-slide.maximized .slide-overlay { padding: 1rem; } #projects .projects-slideshow article.projects-slide.normalizing .slide-overlay { padding: 1rem; } #projects .projects-allProjects { padding: 0 1rem; } #projects .projects-allProjects ul.tabMenu { margin: 0 -1rem 0; padding-left: 1rem; } #projects .projects-allProjects ul.tabMenu li:last-of-type a.menuItem { margin-right: 1rem; } #projects .projects-allProjects h2.allProjects-comite_date { margin: -1.5rem -1rem 1.5rem; padding-left: 1rem; } #soloProject .project-quickfacts .quickfacts-container { padding: 2rem 1rem; } #soloProject .project-projectInfo { padding: 0 1rem; } #soloProject .project-projectInfo aside.projectInfo-sidebar { margin: 0 -1rem; width: calc(100% + 2rem); padding: 3rem 1rem; } #soloProject .project-projectInfo aside.projectInfo-sidebar .sidebar-qa section.qa-question img.odd-icon { width: 33.33%; } #accompagnement .accompagnement-grid { padding: 0 1rem; } #proposer-projet .mainContent { padding: 0 1rem; } #proposer-projet .mainContent section.mainContent-section.thematique article.thematique-content section.thematique-content-section { padding: 0 1rem; } #news .solo-news-container { padding: 0 1rem; } #news .solo-news-container article.news-article .news-image-container, #news .solo-news-container article.news-article .news-image-container.long_image { padding-top: 50%; } #news .solo-news-container article.news-article .news-image-container img.news-image, #news .solo-news-container article.news-article .news-image-container.long_image img.news-image { height: 100%; width: auto; } #news .solo-news-container article.news-article aside.aside-news-feed { padding: 3rem 1rem; margin: 5rem -1rem 0; width: calc(100% + 2rem); } #contact #contact-main { padding: 0 1rem; } #contact #contact-main form#contact-form .button { width: 100%; } } @media (max-width: 390px) { #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; text-align: center; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li span.quickfact-question { width: 100%; min-width: 0; display: block; } #soloProject .project-quickfacts .quickfacts-container ul.quickfacts-list li span.quickfact-answer { width: 100%; min-width: 0; display: block; } #soloProject .project-projectInfo aside.projectInfo-sidebar .sidebar-qa section.qa-question img.odd-icon { width: 50%; } #proposer-projet .mainContent section.mainContent-section#thematiques-carousel #thematiques-box-container article.infoBox { min-height: 40rem; } }