theme.min.css 22 KB

1
  1. @font-face{font-family:lato;src:url(../fonts/lato/Lato-Regular.eot);src:url(../fonts/lato/Lato-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/lato/Lato-Regular.woff) format('woff'),url(../fonts/lato/Lato-Regular.ttf) format('truetype'),url(../fonts/lato/Lato-Regular.svg#lato) format('svg')}@font-face{font-family:syne;src:url(../fonts/syne/Syne-Bold.eot);src:url(../fonts/syne/Syne-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/syne/Syne-Bold.woff) format('woff'),url(../fonts/syne/Syne-Bold.ttf) format('truetype'),url(../fonts/syne/Syne-Bold.svg#syne) format('svg')}@font-face{font-family:Avara;src:url(../fonts/avara/Avara-Bold_Italic_web.eot);src:url(../fonts/avara/Avara-Bold_Italic_web.eot?#iefix) format('embedded-opentype'),url(../fonts/avara/Avara-Bold_Italic_web.woff) format('woff'),url(../fonts/avara/Avara-Bold_Italic_web.ttf) format('truetype'),url(../fonts/avara/Avara-Bold_Italic_web.svg#Avara) format('svg')}@font-face{font-family:playfairdisplay-regularitalic;src:url(../fonts/playfair/playfairdisplay-regularitalic.eot);src:url(../fonts/playfair/playfairdisplay-regularitalic.eot?#iefix) format('embedded-opentype'),url(../fonts/playfair/playfairdisplay-regularitalic.woff) format('woff'),url(../fonts/playfair/playfairdisplay-regularitalic.ttf) format('truetype'),url(../fonts/playfair/playfairdisplay-regularitalic.svg#playfairdisplay-regularitalic) format('svg')}@font-face{font-family:Moche-Bold;src:url(../fonts/moche/Moche-Bold.eot);src:url(../fonts/moche/Moche-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/moche/Moche-Bold.woff) format('woff'),url(../fonts/moche/Moche-Bold.ttf) format('truetype'),url(../fonts/moche/Moche-Bold.svg#Moche-Bold) format('svg')}@font-face{font-family:rammetto-regular;src:url(../fonts/rammetto/rammettoone-regular-webfont.eot);src:url(../fonts/rammetto/rammettoone-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/rammetto/rammettoone-regular-webfont.woff) format('woff'),url(../fonts/rammetto/rammettoone-regular-webfont.ttf) format('truetype'),url(../fonts/rammetto/rammettoone-regular-webfont.svg#rammetto-regular) format('svg')}@font-face{font-family:rumeur-regular;src:url(../fonts/rumeur/rumeur-webfont.eot);src:url(../fonts/rumeur/rumeur-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/rumeur/rumeur-webfont.woff) format('woff'),url(../fonts/rumeur/rumeur-webfont.ttf) format('truetype'),url(../fonts/rumeur/rumeur-webfont.svg#rumeur-regular) format('svg')}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{font-size:16px;line-height:1.15;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{font-size:auto;margin:0}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}p{margin:0}ul{list-style:none}li,ul{margin:0;padding:0}a{text-decoration:none;color:#000;background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none;-webkit-text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{width:100%;height:100%;vertical-align:bottom;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}a,h1,h2,h3,li,p,span,ul{font-family:lato;font-weight:lighter}header a{font-size:2.5rem;line-height:3rem}a,button{border:none;outline:0!important}.title-menu h2{font-family:rammetto-regular}.home h2,.home p{font-size:2.5rem;line-height:3rem}.home #text_figli strong{position:relative}.home #text_figli strong::after{position:absolute;bottom:0;display:block;width:100%;height:1px;content:'';background:#000}.home #text_figli a{position:relative}.home #text_figli a#publique{font-family:playfairdisplay-regularitalic}.home #text_figli a#sociale{font-family:syne}.home #text_figli a#culturelle{font-family:Avara}.home #text_figli a#commanditaires{font-family:Moche-Bold}.home #text_figli a#figureslibres{font-family:rammetto-regular}.home #text_figli a#logiciels-libres{font-family:rumeur-regular}.home #text_figli #item .e-content p{font-size:1.5rem;line-height:3rem}.home #text_figli #item .e-content p strong{font-weight:700!important}.home #text_figli #item .e-content p a{text-decoration:underline}.home #text_figli #item .e-content p em{font-style:italic}.home #text_figli #item_list.commanditaires{flex-direction:column}.home #text_figli #item_list.commanditaires .card-title{line-height:normal}.home #text_figli #item_list.figureslibres h3{font-family:rammetto-regular;font-size:1rem;font-weight:700;line-height:1.5rem;margin:10px 0 0 0}.home #text_figli #item_list.figureslibres h3::after{display:none}.home #text_figli #item_list.figureslibres p strong{font-family:rammetto-regular;display:block;margin-top:10px}.home #text_figli #item_list.figureslibres p strong::after{display:none}.home #text_figli #item_list.logiciels-libres h3{font-size:1.2rem;font-weight:700;line-height:1.5rem;margin:10px 0 0 0}.home #text_figli #item_list.logiciels-libres h3::after{display:none}.home #text_figli #item_list.figureslibres p strong{font-weight:700;display:block}.home #text_figli #item_list.figureslibres p strong::after{display:none}#item h2{font-size:4rem!important;font-weight:400!important;line-height:4rem!important;width:auto}#item span{font-size:1rem}#item.publique h2{font-family:playfairdisplay-regularitalic}#item.publique span{font-family:playfairdisplay-regularitalic;font-weight:400}#item.sociale h2{font-family:syne}#item.sociale span{font-family:syne;font-weight:400}#item.culturelle h2{font-family:Avara}#item.culturelle span{font-family:Avara;font-weight:400}a.publique,span.publique{font-family:playfairdisplay-regularitalic}a.sociale,span.sociale{font-family:syne}a.culturelle,span.culturelle{font-family:Avara}.sidebar-right h2{margin:0}.sidebar-right ul>span{font-size:.8rem;line-height:1rem!important;margin-bottom:.5rem;text-decoration:underline}.sidebar-right ul>li{font-size:1.7rem;line-height:2.5rem}.sidebar-right ul>li a{font-size:1.7rem;line-height:2rem;border-radius:50px}.sidebar-right .informations{padding:1rem}.sidebar-right .informations>div{margin-bottom:1rem}.sidebar-right .informations h3{font-size:1.5rem;line-height:2rem;margin:0}.sidebar-right .informations p{font-size:1rem;line-height:1.5rem}.other_projets h3{font-size:2.5rem;margin:0}.card h2{font-size:1rem;margin:0}#text_figli{z-index:999;opacity:1}#text_figli p>a{z-index:999}#text_figli p>a:after,#text_figli p>a:before{position:absolute;bottom:-1px;width:50%;height:1px;margin:1px 0 0;content:'';transition:all .2s ease-in-out;transition-duration:.3s;opacity:1;background-color:#000}#text_figli p>a::before{left:50%}#text_figli p>a:after{right:50%}#text_figli p>a:hover{cursor:pointer}#text_figli p>a:hover:after,#text_figli p>a:hover:before{width:100%;opacity:1}#text_figli p>a:hover:after,#text_figli p>a:hover:before{width:50%}#text_figli p>a #icone_list{transition:1s .5s margin-left,.8s .3s opacity}#text_figli p>a #icone_list .hamburger.hamburger--slider .hamburger-inner{transition:0s .2s transform;transform:translate3d(0,5px,0) rotate(0)}#text_figli p>a #icone_list .hamburger.hamburger--slider .hamburger-inner:after{transition:.2s .2s transform;transform:translate3d(0,-10px,0) rotate(0)}#text_figli p>a.open #icone_list{transition:.5s margin-left,.5s opacity}#text_figli p>a.open #icone_list .hamburger.hamburger--slider .hamburger-inner{transition:.8s .2s transform;transform:translate3d(0,5px,0) rotate(45deg)}#text_figli p>a.open #icone_list .hamburger.hamburger--slider .hamburger-inner:after{transition:1s .2s transform;transform:translate3d(0,-10px,0) rotate(90deg)}#text_figli p>a#figureslibres::after,#text_figli p>a#figureslibres::before{bottom:5px}#text_figli.hidden{transition:.3s opacity ease;opacity:0}#text_figli #item_list p>a{cursor:pointer}#text_figli #item_list p>a:after,#text_figli #item_list p>a:before{width:100%;opacity:1}#text_figli #item_list p>a:after,#text_figli #item_list p>a:before{width:50%}.circle_hover{position:absolute;z-index:0;width:0;height:0;transition:height .2s,width .2s;transform:translate(-50%,-50%)}.circle_hover.open{width:200px;height:200px;transition:height .5s,width .5s}.circle_hover.figureslibres{background:url(/user/themes/figureslibres/images/figures_libres.svg) center no-repeat;background-size:contain}.circle_hover.publique{background:url(/user/themes/figureslibres/images/publique.svg) center no-repeat;background-size:contain}.circle_hover.sociale{background:url(/user/themes/figureslibres/images/sociale.svg) center no-repeat;background-size:contain}.circle_hover.culturelle{background:url(/user/themes/figureslibres/images/culturelle.svg) center no-repeat;background-size:contain}.circle_hover.commanditaires{background:url(/user/themes/figureslibres/images/commanditaires.svg) center no-repeat;background-size:contain}.circle_hover.logiciels-libres{background:url(/user/themes/figureslibres/images/logiciels_libres.svg) center no-repeat;background-size:contain}*{box-sizing:border-box}.loader{display:none;width:10px;height:10px;margin-left:10px;vertical-align:middle;background-image:url(/user/themes/figureslibres/images/ajax-loader.gif);background-repeat:no-repeat;background-position:center;background-size:10px 10px}.card .loader{position:absolute;z-index:999;top:50%;left:50%;margin-left:0;transform:translate(-50%,50%)}body,html{background:#f9f9f9fe}body.hidden,html.hidden{overflow:hidden}img.lazy{display:block}body #start{width:calc((100% / 1.5) - (1rem / 2));margin:1rem auto auto 1rem}body #start #text_figli p a #icone_list{position:relative;z-index:999;display:inline-block;width:0;transition:.5s width .5s ease,.5s opacity;opacity:0}body #start #text_figli p a #icone_list .hamburger{margin-left:10px;padding:0}body #start #text_figli p a #icone_list .hamburger .hamburger-box{vertical-align:middle}body #start #text_figli p a.marg{margin-right:.5rem}body #start #text_figli p a.open #icone_list{position:relative;z-index:999;display:inline-block;width:45px;margin-left:0;transition:.5s margin-left,.5s opacity;opacity:1}body #start #text_figli p a.open #icone_list .hamburger{margin-left:10px;padding:0}body #start #text_figli p a.open #icone_list .hamburger.hamburger--slider .hamburger-inner{transition:.8s .2s transform;transform:translate3d(0,5px,0) rotate(45deg)}body #start #text_figli p a.open #icone_list .hamburger.hamburger--slider .hamburger-inner:after{transition:1s .2s transform;transform:translate3d(0,-20px,0) rotate(90deg)}body #start #text_figli p a.open #icone_list .hamburger .hamburger-box{vertical-align:middle}body #start #text_figli #item_list{position:relative;width:80vw;margin-top:.5rem}body #start #text_figli #item_list .card{position:relative;display:inline-block;width:calc((100% / 5) - (.5rem * 2));min-width:250px;height:100%;margin:0 .5rem .5rem 0;vertical-align:top}body #start #text_figli #item_list .card>.card-image.open a img{transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;-webkit-filter:grayscale(0);filter:grayscale(0)}body #start #text_figli #item_list .card a{display:block;overflow:auto;border-radius:5px}body #start #text_figli #item_list .card a img{transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;-webkit-filter:grayscale(1);filter:grayscale(1)}body #start #text_figli #item_list .card .card-header{display:none;width:100%;padding:.5rem;border-bottom-right-radius:5px;border-bottom-left-radius:5px;flex-wrap:wrap}body #start #text_figli #item_list .card .card-header>*{font-size:.8rem;line-height:1rem;margin-right:.5rem}body #start #text_figli #item_list .card:hover a{display:block}body #start #text_figli #item_list .card:hover a img{transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;-webkit-filter:grayscale(0);filter:grayscale(0)}body #start #text_figli #item_list .card:hover .card-header{position:absolute;bottom:0;display:inline-flex}body #start #text_figli #item_list .card:last-of-type{vertical-align:baseline!important}body #start #text_figli #item_list .card #item{position:relative;width:calc(80vw - (.5rem * 6));margin-top:.5rem;padding:2rem 2rem .5rem 2rem;border-radius:5px}body #start #text_figli #item_list .card #item .content-title{display:flex;margin:1rem auto 3rem auto;flex-wrap:wrap;justify-content:space-between;align-items:baseline}body #start #text_figli #item_list .card #item .content-title a{display:block}body #start #text_figli #item_list .card #item .e-content p{font-size:1rem;line-height:1.2rem}body #start #text_figli #item_list .card #item.publique{background:#ffaeab}body #start #text_figli #item_list .card #item.sociale{background:#7eff71}body #start #text_figli #item_list .card #item.culturelle{background:#feff74}body #start #text_figli #item_list .card #item.commanditaires{background:#fabbde}body #start #text_figli #item_list .card #item #icone_list{line-height:0;position:absolute;top:10px;right:0}body #start #text_figli #item_list.publique .card:hover .card-header{background:#ffaeab}body #start #text_figli #item_list.sociale .card:hover .card-header{background:#7eff71}body #start #text_figli #item_list.culturelle .card:hover .card-header{background:#feff74}body #start #text_figli #item_list.commanditaires{display:block;margin:1rem auto;-moz-columns:4 150px;columns:4 150px;-moz-column-gap:2em;column-gap:2em}body #start #text_figli #item_list.commanditaires p{font-size:1rem;line-height:1.2rem;margin:.5rem auto}body #start #text_figli #item_list.commanditaires .card:hover .card-header{background:#feff74}body #start #text_figli #item_list.figureslibres,body #start #text_figli #item_list.logiciels-libres{display:block;width:70%;min-width:500px;margin:1rem 0}body #start #text_figli #item_list.figureslibres p,body #start #text_figli #item_list.logiciels-libres p{font-size:1rem;line-height:1.5rem}body #start #text_figli #top{position:relative;width:100%;cursor:pointer;text-align:center}body:not(.home) #start{margin-top:calc(2rem + 3rem)}#icone_list .hamburger .hamburger-box{width:35px}#icone_list .hamburger .hamburger-box .hamburger-inner{width:35px;height:2px}#icone_list .hamburger .hamburger-box .hamburger-inner::before{top:10px;width:35px;height:inherit}#icone_list .hamburger .hamburger-box .hamburger-inner::after{top:20px;width:inherit;height:inherit}#icone_list .hamburger.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}#icone_list .hamburger.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}body.sticky-footer{display:flex;flex-direction:column;height:100%;min-height:100vh}body.sticky-footer #page-wrapper{flex:1 0 auto}.home footer{position:fixed;right:20px;bottom:20px;display:inline-flex;color:#acb3c2}.home footer p{font-size:1rem!important;line-height:1rem!important}.home footer p a img{width:20px!important}.sidebar-right{position:fixed;z-index:1000;top:0;left:-100vw;width:100%;height:100%;transition:.3s right ease;background:#f9f9f9fe}.sidebar-right ul span{line-height:2rem}.sidebar-right #icone_list{position:fixed;z-index:1000;top:20px;right:20px}.sidebar-right .list-projets{overflow:auto;height:100%;margin:1rem auto auto 1rem}.sidebar-right .list-projets .title-menu::after{display:block;width:0;height:1px;margin-top:.5rem;content:' '}.sidebar-right .list-projets .container-wrap{display:inline-flex}.sidebar-right .list-projets .container{position:relative;overflow:auto;width:85%;margin-top:20px;padding:1rem 2rem 2rem 0;opacity:0}.sidebar-right .list-projets .container::after{position:absolute;top:0;right:0;display:block;width:1px;height:0;margin-right:1rem;content:' '}.sidebar-right .list-projets .container ul{margin-bottom:20px}.sidebar-right .list-projets .container ul span.cat{line-height:3rem;display:block}.sidebar-right .list-projets .container ul li{position:relative;display:inline-flex;width:auto;align-items:flex-end}.sidebar-right .list-projets .container ul li a{z-index:0;display:block;margin-right:0;padding:0 7px;transition:.6s background;background:#f9f9f9fe}.sidebar-right .list-projets .container ul li a .img{position:fixed;z-index:999;display:none;overflow:hidden;width:300px;height:auto;transform:rotate(0);transform-origin:center center;pointer-events:none;border-radius:10px}.sidebar-right .list-projets .container ul li a:hover{z-index:999}.sidebar-right .list-projets .container ul li a:hover .img{display:block;transition:all 1s ease}.sidebar-right .list-projets .container ul li:hover.culturelle a{transition:.6s background;background:#feff74}.sidebar-right .list-projets .container ul li:hover.sociale a{transition:.6s background;background:#7eff71}.sidebar-right .list-projets .container ul li:hover.publique a{transition:.6s background;background:#ffaeab}.sidebar-right .list-projets .container ul li:hover::before{min-width:100%;transition:.3s background}.sidebar-right .list-projets .container ul a{z-index:999;color:#000}.sidebar-right .list-projets .container ul a.active{color:#000}.sidebar-right .list-projets .informations{position:relative;min-width:250px;height:100%;padding-left:40px;opacity:0}.sidebar-right.is-active{left:0;transition:.5s .3s left ease}.sidebar-right.is-active .title-menu::after{width:100%;transition:1s .9s width ease;background:#000}.sidebar-right.is-active .informations{padding-left:25px;transition:1s opacity 1s ease;opacity:1}.sidebar-right.is-active .container{margin-top:0;transition:1s opacity 1s ease;opacity:1}.sidebar-right.is-active .container::after{height:100%;transition:1s .9s height ease;background:#000}#item_list{display:inline-flex;width:100%;flex-wrap:wrap}#item_list .card{width:calc((100% / 2) - (1rem / 2));height:100%}#item_list .card:nth-child(odd){margin-right:1rem}#item_list .card .card-header{z-index:999;display:inline-flex;width:100%}#item_list .card .card-header>*{margin-right:.5rem}#item .e-content{width:50%;min-width:500px;margin:0 0 2rem 0}#item .card-image img:not(:last-of-type){margin-bottom:1.5rem}.other_projets{display:flex;margin-top:1rem;margin-bottom:1rem;border-top:1px solid #000;flex-wrap:wrap}.other_projets h3{width:100%;margin:1rem 0 .5rem 0}.other_projets .card{width:calc((100% / 3) - (1rem / 3))}.other_projets .card:nth-child(-1n+3){margin-right:.5rem}.other_projets .card .card-header{display:flex;flex-wrap:wrap}.other_projets .card .card-header>*{margin-right:.5rem}@media screen and (max-width:1024px){body #start{width:80%}body #start #text_figli #item_list.figureslibres,body #start #text_figli #item_list.logiciels-libres{width:100%}body #start #text_figli #item_list .card{width:calc((100% / 3) - .5rem)}body #start #text_figli #item_list .card #item{width:calc(300% + (.5rem * 2))}body #start #text_figli #item_list .card #item .content-title{margin:1rem auto 1rem auto}body #start #text_figli #item_list .card #item .e-content{width:100%}}@media screen and (max-width:1000px){.sidebar-right .list-projets .container{float:none;width:100%;padding-bottom:0}.sidebar-right .list-projets .informations{float:none;margin-left:10px;padding-left:.5rem}#item_list{width:90vw!important}}@media screen and (max-width:768px){body #start #text_figli #item_list .card{width:calc((100% / 2) - .5rem)}body #start #text_figli #item_list .card #item{width:calc(90vw - .5rem)}}@media screen and (max-width:510px){body #start{width:calc(100% - 1rem);margin:.5rem auto 2rem auto}body #start #text_figli p{font-size:1.7rem;line-height:2.3rem}body #start #text_figli #item_list{width:100%!important}body #start #text_figli #item_list.figureslibres,body #start #text_figli #item_list.logiciels-libres{min-width:100%}body #start #text_figli #item_list .card{width:calc(100%);margin:0 0 .5rem 0}body #start #text_figli #item_list .card #item{width:100%;padding:1rem}body #start #text_figli #item_list .card #item .e-content{min-width:100%;margin:2rem 0}body #start #text_figli #item_list .card #item .content-title h2{font-size:2rem!important;line-height:2.5rem!important}body #start #text_figli #item_list .card #item .content-title>div{line-height:1rem}body .sidebar-right{right:-100%;width:100%}body .sidebar-right #icone_list{z-index:0;top:0}body .sidebar-right #icone_list .hamburger{z-index:999;float:right}body .sidebar-right .list-projets{z-index:999}body .sidebar-right .list-projets .title-menu h2{font-size:1.7rem;line-height:2.3rem}body .sidebar-right .list-projets ul li{font-size:1rem;line-height:1.5rem;display:initial!important;margin-top:0!important}body .sidebar-right .list-projets ul li::before{width:100%}body .sidebar-right .list-projets ul li a{font-size:1rem;line-height:1.5rem;display:initial!important;padding:0!important}body .sidebar-right .list-projets ul li a img{display:none!important}body .sidebar-right .list-projets ul li>span{font-size:1rem;line-height:1.5rem}body .sidebar-right .list-projets .container-wrap{display:block}body .sidebar-right .list-projets .container-wrap .container::after{top:auto!important;bottom:0;left:0!important;width:0;height:1px}body .sidebar-right.is-active .container::after{width:100%!important;transition:1s width 1s ease}body .sidebar-right .informations h3{font-size:1.1rem}footer{z-index:999;bottom:0!important;left:0!important;width:100%;padding:.5rem;background-color:#f9f9f9fe;justify-content:center}.circle_hover.open{width:100px!important;height:100px!important}}