| 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')}/*! 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}.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 #item .e-content p{font-size:1rem;line-height:1.2rem}#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 a,.sidebar-right ul{font-size:.7rem;line-height:.9rem}.other_projets h3{font-size:2.5rem;margin:0}.card h2{font-size:1rem;margin:0}#text_figli{z-index:999}#text_figli p>a{z-index:999}#text_figli p>a:after,#text_figli p>a:before{position:absolute;bottom:-1px;width:0;height:1px;margin:1px 0 0;content:'';transition:all .2s ease-in-out;transition-duration:.3s;opacity:0;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%}.circle_hover{position:absolute;z-index:0;width:0;height:0;transition:height .2s,width .2s;transform:translate(-50%,-50%);border-radius:500px;background:#add8e6}.circle_hover.open{width:200px;height:200px;transition:height .5s,width .5s}.circle_hover.publique{background:#ffffe0}.circle_hover.sociale{background:#90ee90}.circle_hover.culturelle{background:#add8e6}header{position:fixed;top:0;left:0;width:calc(80% - .5rem);margin:0 0 0 .5rem;padding:.5rem 0;border-bottom:1px solid #000}*{box-sizing:border-box}body,header,html{background:#f9f9f9fe}body #start{width:calc((100% / 2) - (1rem / 2));margin:.5rem auto auto .5rem}body #start #text_figli p a.marg{margin-right:.5rem}body #start #text_figli #item_list{width:80vw;margin-top:.5rem}body #start #text_figli #item_list .card{position:relative;display:inline-block;width:calc((100% / 5) - (.5rem * 2));height:100%;margin:0 .5rem .5rem 0;vertical-align:top}body #start #text_figli #item_list .card>.card-image.open a img{transition:filter .3s ease;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:filter .3s ease;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;-ms-flex-wrap:wrap;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:filter .3s ease;filter:grayscale(0)}body #start #text_figli #item_list .card:hover .card-header{position:absolute;bottom:0;display:-ms-inline-flexbox;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{width:calc(500% + (.5rem * 4));margin-top:.5rem;padding:2rem;border-radius:5px}body #start #text_figli #item_list .card #item .content-title{display:-ms-flexbox;display:flex;margin:0 auto 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;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{margin:1rem auto 2rem auto}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:#ffffe0}body #start #text_figli #item_list .card #item.sociale{background:#90ee90}body #start #text_figli #item_list .card #item.culturelle{background:#add8e6}body #start #text_figli #item_list.publique .card:hover .card-header{background:#ffffe0}body #start #text_figli #item_list.sociale .card:hover .card-header{background:#90ee90}body #start #text_figli #item_list.culturelle .card:hover .card-header{background:#add8e6}body:not(.home) #start{margin-top:calc(2rem + 3rem)}.sidebar-right{position:fixed;top:0;right:0;display:-ms-inline-flexbox;display:inline-flex;width:15%;height:100%}.sidebar-right .list-projets{margin:auto}.sidebar-right .list-projets ul{margin:.5rem .5rem 0 0;text-align:right}.sidebar-right .list-projets ul:nth-child(1){margin-top:0}.sidebar-right .list-projets ul li:hover a{color:#000}.sidebar-right .list-projets ul a{color:grey}.sidebar-right .list-projets ul a::before{display:inline-block;width:5px;height:5px;margin-right:5px;content:' ';vertical-align:middle;border-radius:5px}.sidebar-right .list-projets ul a#culturelle::before{background:#add8e6}.sidebar-right .list-projets ul a#sociale::before{background:#90ee90}.sidebar-right .list-projets ul a#publique::before{background:#ffffe0}.sidebar-right .list-projets ul a.active{color:#000}#item_list{display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}#item_list .card{width:calc((100% / 2) - (1rem / 2))}#item_list .card:nth-child(odd){margin-right:1rem}#item_list .card .card-header{z-index:999;display:-ms-inline-flexbox;display:inline-flex;width:100%}#item_list .card .card-header>*{margin-right:.5rem}#item .e-content{margin-bottom:.5rem;columns:300px 2}#item .card-image img:not(:last-of-type){margin-bottom:.5rem}.other_projets{display:-ms-flexbox;display:flex;margin-top:1rem;margin-bottom:1rem;border-top:1px solid #000;-ms-flex-wrap:wrap;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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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 .card{width:calc((100% / 3) - .5rem)}body #start #text_figli #item_list .card #item{width:calc(300% + (.5rem * 2))}}@media screen and (max-width:414px){body #start{width:calc(100% - .5rem)}body #start #text_figli p{font-size:1.7rem;line-height:2.3rem}body #start #text_figli #item_list{width:calc(100% - .5rem)}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 .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{display:none}}
|
