/* Typo
-------------------------------------------------- */
@font-face{font-family:'WorkSans';src:url(../fonts/WorkSans-Light.woff) format("woff");font-weight:400;font-style:normal}
@font-face {font-family: 'PrahoPro-ExtraLight';src: url('../fonts/prahoprommc-regular-2-webfont.woff2') format('woff2'), url('../fonts/prahoprommc-regular-2-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Extrabold';src: url('../fonts/extrabold-webfont.woff2') format('woff2'),  url('../fonts/extrabold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/* Reset
-------------------------------------------------- */
*, *:before, *:after{margin:0;padding:0;border:0;box-sizing:border-box}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary{display:block}
::-moz-selection{background:#262626;color:#fff}
::selection{background:#262626;color:#fff}
img{display:block}
.querie, .menu.querie, .toggle{display:none}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
body.mmc hr:nth-child(2) {display:none}


/* Site
-------------------------------------------------- */
html{height:100%;font-family:"WorkSans",sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{min-height:100%;overflow-x:hidden;font-size:17px;max-width:100%;line-height:22px;;background:#fff;color:#000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap;}

/* Links
-------------------------------------------------- */
a{color:#000;text-decoration:none;}
a:hover, a:focus{color:inherit;outline:0}

/* Headings
-------------------------------------------------- */
h1, h2, h3, h4{font-family: 'PrahoPro-ExtraLight';text-transform:uppercase;display:inline-block;font-size:15pt;line-height:18pt;font-weight:normal;margin-bottom:0}
h1 a, h2 a, h3 a, h4 a{color:inherit;border:0 !important}
h2{background:#262626;color:white;text-align:center;width:100%;padding:0 25px;float:left;color:white;font-size:150px;height:1em;white-space: nowrap;line-height:125px;overflow: hidden;text-overflow: ellipsis;}
.archive h2{background:#bbb;color:white;}

/* Header
-------------------------------------------------- */
header{position:fixed;top:0;left:0;z-index:99999;text-transform:uppercase;border-bottom:1px solid;background:white;padding:0;margin:0;width:100%;}
body.home {overflow:hidden}
body.home main{flex:1;padding-top:25px;}
body.home .slide{box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.5);z-index:9999999999;position:fixed;top:0;left:0;-webkit-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1);transition:all 2s cubic-bezier(0.19, 1, 0.22, 1)}
body.home .slide.top{top:-100vh}
body.home .slide a{position:absolute;top:0;left:0;width:100vw;height:100vh;}

/* Navigation
-------------------------------------------------- */
nav {width:100%}
nav img{height:25px;width:auto;padding:4px 0;margin:0 25px;vertical-align:middle;float:left}
nav .menu{display:-webkit-box;display:-ms-flexbox;display:flex}
nav .menu li a{padding:0 25px;height:25px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
nav .menu li a:hover, nav .menu a.active{background:#262626;color:white}
nav .menu li:nth-child(2) a{color:#4ca59d}
nav .menu li:nth-child(2) a:hover, nav .menu li:nth-child(2) a.active{background:#4ca59d;color:white}
nav .menu li:nth-child(3) a{color:#c58041}
nav .menu li:nth-child(3) a:hover, nav .menu li:nth-child(3) a.active{background:#c58041;color:white}
nav .menu li:nth-child(4) a{color:#c4484c;}
nav .menu li:nth-child(4) a:hover, nav .menu li:nth-child(4) a.active{background:#c4484c;color:white}
nav .menu li:nth-child(5) a{color:#005fc1;}
nav .menu li:nth-child(5) a:hover, nav .menu li:nth-child(5) a.active{background:#005fc1;color:white}
nav .menu li:nth-child(6){-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}
nav .menu li:nth-child(6) a{width:100%;line-height:25px;display:inline-block;}

.linkhome{background:white;float:left;position:relative}
.linkhome.ete:hover{background:#c58041}
.linkhome.printemps:hover{color:#4ca59d}
.linkhome.automne:hover{color:#c4484c}
.linkhome.hiver:hover{color:#005fc1}

.linkhome:hover span {width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(../images/MMC_Logo-ete-blanc.svg);background-size:16px;background-position:center center;background-repeat:no-repeat}
.linkhome:hover img.svg {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
/* Listes
-------------------------------------------------- */
ul,li{list-style: none}
li > ul > li{margin-left:1em;list-style: none}

/* Main
-------------------------------------------------- */
main{width:100%;padding-top:50px}
main section{}
main article{float:left;height:100%;width:100%;float:left;padding:12.5px;}
main article h2{font-size:1em;margin-bottom: 5px;line-height:1em;padding:0;margin-top:1em;overflow:inherit;color:black;background:white;float:left;text-align:left;display:inline-block}
main article h2:first-child{margin-top:0}


main article > div{width:50%;float:left;padding:12.5px;}
main article > div .chapeau{font-size:1.75em;line-height:1.25em;padding-bottom:1em;}
main article > div .encart{padding-left:3em;}
main article img{width:100%;height:auto}
main article p+p{text-indent:25px}
main article a {text-decoration: underline}
main article a:hover {text-decoration: none}
main article ul {margin:25px 0;counter-reset: foo;display: table;}
main article ul > li {counter-increment: foo;display: table-row;}
main article ul > li:before {width:25px;content: "\2022";display: table-cell;}
main hr{width:100%;float:left;border-top:1px solid;border-bottom:1px solid;display:inline-block;background-image: url(../images/mmc-picto_Plan%20de%20travail%201%20copie%208.svg);float:left;height:25px;background-size:contain}
main h3{white-space: nowrap;line-height:105px;overflow: hidden;text-overflow: ellipsis;padding:0 25px;width:100%;font-size:80px;height:1.5em;text-align:center;float:left;display:inline-block;text-transform: uppercase;float:left;}
main .rubrique {white-space: nowrap;overflow: hidden;padding:0 25px;text-overflow: ellipsis;width:100%;height:25px;background:#262626;float:left;;color:white;line-height:25px;text-align:center;text-transform: uppercase}
main .projet{width:100%;padding:12.5px;float:left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap;}

main .projet article:nth-child(1){width:75%;font-size:1.75em;line-height:1.25em}
main .projet article:nth-child(2){width:25%;}

main .projet article h5{-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-weight:normal;font-size:50px;line-height:50px;margin-bottom:.25em;font-family: 'PrahoPro-ExtraLight';text-transform:uppercase}
main .projet article h6{-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-weight:normal;font-size:25px;line-height:25px;margin-bottom:.5em;font-family: 'PrahoPro-ExtraLight'}

main .projet article blockquote{font-size:50pt;line-height:50pt;margin:.25em 0;font-family: 'PrahoPro-ExtraLight';text-transform:uppercase}
main .projet article h4{font-family: 'WorkSans';text-transform: none}

main.printemps h4, main.printemps h2{color:#4ca59d}
main.ete h4, main.ete h2{color:#c58041}
main.automne h4, main.automne h2{color:#c4484c}
main.hiver h4, main.hiver h2{color:#005fc1}

/* Sous-menu
-------------------------------------------------- */
aside{z-index:999;position:fixed;top:25px;left:0;width:100%;text-transform:uppercase;background:white;border-bottom:1px solid; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap;}
aside li{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height:25px;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;text-align:center}
aside li a{background:white;height:25px;line-height:25px;width:100%;display:inline-block;}
aside li a:hover, aside li.active a{color:white;background:#262626}

aside .left{position:absolute;left:0;z-index:9999;padding:0 25px;width:300px;line-height:25px}
aside .right{position:absolute;right:0;z-index:9999;padding:0 25px;width:300px;line-height:25px;text-align: right}
aside .left span, aside .right span{-webkit-box-flex:1;-ms-flex:1;flex:1;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
aside .left, aside .right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}

aside .close{display:none;cursor:pointer;position:absolute;right:0;top:0;padding:0 25px;}

aside div{line-height:25px;width:100%;text-align:center;position:relative;}
aside div.active, aside.close.active{background:black;color:white}

body.printemps aside li.active a, body.printemps aside a:hover{background:#4ca59d;}
body.printemps hr{border-color:#4ca59d; background-image: url(../images/printemps-picto.svg);}
body.printemps h3{color:#4ca59d;}
body.printemps h2{background:#4ca59d;text-align:center;color:white;}
body.printemps .image{background:#4ca59d;width:100%;padding:0;}

body.ete aside li.active a, body.ete aside a:hover{background:#c58041;}
body.ete hr{border-color:#c58041; background-image: url(../images/ete-picto.svg);}
body.ete h3{color:#c58041;}
body.ete h2{background:#c58041;text-align:center;color:white;}
body.ete .image{background:#c58041;width:100%;padding:0;}

body.automne aside li.active a, body.automne aside a:hover{background:#c4484c;}
body.automne hr{border-color:#c4484c; background-image: url(../images/automne-picto.svg);}
body.automne h3{color:#c4484c;}
body.automne h2{background:#c4484c;text-align:center;color:white;}
body.automne .image{background:#c4484c;width:100%;padding:0;}

body.hiver aside li.active a, body.hiver aside a:hover{background:#005fc1;}
body.hiver hr{border-color:#005fc1; background-image: url(../images/hiver-picto.svg);}
body.hiver h3{color:#005fc1;}
body.hiver h2{background:#005fc1;text-align:center;color:white;}
body.hiver .image{background:#005fc1;width:100%;padding:0;}

body.infos-pratiques .image{background:#262626;width:100%;padding:0;}
body.mmc .image{background:#262626;width:100%;padding:0;}

/* Teaser
-------------------------------------------------- */
.teaser {width:100%;min-height:calc(100vh - 275px);float:left;}
.teaser li{width:100%;float:left;background:white}
.teaser li a{height:150px;;width:100%;float:left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.teaser li a div{width:100%;;position:relative;top:-10px}
.teaser li a h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;font-size:80px;line-height: 60px;


height: 80px;padding:0 25px;float:left;}
.teaser .annee{height:175px}
.annee h3{color:#bbb;line-height:125px}
aside.archive li a.active{color:white;background:#262626}

.eventarchive{display:none}

.teaser li a span{font-size:17px;line-height:18px;padding:0 25px;width:100%;text-align:center;float:left;display:inline-block;font-family: 'WorkSans';position:relative;top:5px}

.teaser li .rubrique{float:left}

.teaser li.printemps a{color:#4ca59d}
.teaser li.ete a{color:#c58041}
.teaser li.automne a{color:#c4484c}
.teaser li.hiver a{color:#005fc1}
.teaser li.printemps a:hover, .teaser li.printemps a:hover h3{background:#4ca59d;color:white}
.teaser li.ete a:hover, .teaser li.ete a:hover h3{background:#c58041;color:white}
.teaser li.automne a:hover, .teaser li.automne a:hover h3{background:#c4484c;color:white}
.teaser li.hiver a:hover, .teaser li.hiver a:hover h3{background:#005fc1;color:white}

hr{z-index:9999;float:left;background-color:white}
hr.printemps{border-color:#4ca59d;background-image: url(../images/printemps-picto.svg);}
hr.ete{border-color:#c58041; background-image: url(../images/ete-picto.svg);}
hr.automne{border-color:#c4484c; background-image: url(../images/automne-picto.svg);}
hr.hiver{border-color:#005fc1;background-image: url(../images/hiver-picto.svg);}

#event{min-height:100vh;}
.teaser.printemps{background:#4ca59d}
.teaser.ete{background:#c58041}
.teaser.automne{background:#c4484c}
.teaser.hiver{background:#005fc1}

.noresult {float:left;min-height:calc(100vh - 300px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width:100vw;border-top:1px solid black}
.noresult div{height:auto;width:100%;float:left;color:white;padding:25px;font-weight:normal;font-size:50pt;line-height:50pt;text-align:center;font-family: 'PrahoPro-ExtraLight';text-transform:uppercase}

/* Footer
-------------------------------------------------- */

footer{float:left;width:100%;height:50px;}
footer div{padding:0 25px;min-height:25px;;float:left;line-height:50px}
footer div:last-child{float:right}
footer div:last-child a:after{content:'—'}
footer div:last-child a:last-child:after{content:''}
footer div:nth-child(1) {height:50px;width:auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
footer div:nth-child(1) img{width:30px;height:30px;}
footer div:nth-child(2) {text-transform: uppercase}

/* Newsletter
-------------------------------------------------- */
article .newsletter{padding-top:1em}
article input{margin-top:.5em;padding:0 25px;height:35px;padding:0;margin:0;font-size:inherit;font-family: inherit;border:1px solid}
article #mce-EMAIL{color:black;float:left;margin-right:25px;padding:12px 25px}
article #mc-embedded-subscribe{text-transform:uppercase;border:0;background:black;color:white;cursor:pointer;padding:0 25px}

/* Gmap
-------------------------------------------------- */
article#carte{width:100%;}
article#carte div.gmap{width:50%;padding:0;height:auto}

article#carte > div:nth-child(2){}
article#carte a[href^="http://maps.google.com/maps"]{display:none !important}
article#carte a[href^="https://maps.google.com/maps"]{display:none !important}
article#carte .gmnoprint a, .gmnoprint span, .gm-style-cc {display:none;}
article#carte .gmnoprint div {background:none !important;}
article#carte .gm-style-pbc{display: none !important}
#map_canvas {

    width: 100%;
    height: 33.333vw!important;
    margin: 0;
    padding: 0;

}
/* B-Lazy
-------------------------------------------------- */
.fade {-webkit-animation-name: fade;animation-name: fade;-webkit-animation-duration: 1s;animation-duration: 1s;}
@-webkit-keyframes fade {from {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}to {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}}
@keyframes fade {from {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}to {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}}

/* Calendar
-------------------------------------------------- */
body.calendrier main{padding-top:25px}
.year {float:left;height: 200px;width: 100%;overflow: hidden;position: relative;}
.year .container{position: absolute;top: 0;bottom: -50px;left: 0;right: 0;overflow-y: scroll;}
.year .header{width: 100%;height:25px;line-height:25px;text-align:center;line-height:25px;position:absolute;top:0;z-index:9999}
.year .header .arrow{padding:0 25px}
.year .header .arrow.right{position:absolute;right:0;}
.year .header .arrow.left{position:absolute;left:0;}
.year .month{background:#262626;color:white;border-right:1px solid black;}
.year .month > span{width:100%;height:25px;line-height:25px;text-transform:uppercase;text-align:center;display:inline-block}
.year .month:last-child{border-right:0}

.year  td a{pointer-events:none;-webkit-font-feature-settings: "tnum";font-feature-settings: "tnum";font-variant-numeric: tabular-nums;background:white;border:1px solid;border-radius:100%;width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.year  td a:hover{background:black;color:white;border:1px solid black}

.container {padding-top:25px;background:white;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;}

.year .printemps a{color:#4ca59d}
.year .ete a{color:#c58041}
.year .automne a{color:#c4484c}
.year .hiver a{color:#005fc1}
.year .event a{background:#262626;color:white}
.year .inactive a{color:white;}
.year .inactive a#printemps{color:#4ca59d;background-image: url(../images/printemps-cal-picto.svg);background-size:contain}
.year .inactive a#ete{color:#c58041;background-image: url(../images/ete-cal-picto.svg);background-size:contain}
.year .inactive a#automne{color:#c4484c;background-image: url(../images/automne-cal-picto.svg);background-size:contain}
.year .inactive a#hiver{color:#005fc1;background-image: url(../images/hiver-cal-picto.svg);background-size:contain}


.year .today{background:white;box-shadow:0 0 0 1px black;color:black;width:100%;height:100%;border-radius:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.year a.active{background:black;color:white;border-color:black}
.year .inactive a.active{background:white;color:black}
.year .inactive a{pointer-events: none}
.year table{border-collapse:collapse}
.year th, .year td,  .year td a{min-width:25px;width:25px;min-height:25px;height:25px;font-size:.9em;background:white;font-weight:normal;text-align:center}
.year h2{width:100%;text-align:center;display:inline-block}


.year td:not(.inactive) a#printemps.hasEvents {pointer-events:auto;background-color:#4ca59d; color:#fff;border-color:#4ca59d}
.year td:not(.inactive) a#printemps.hasEvents:hover {background-color:#262626; color:#fff;border-color:#262626}
.year td:not(.inactive) a#ete.hasEvents {pointer-events:auto;background-color:#c58041; color:#fff;border-color:#c58041}
.year td:not(.inactive) a#ete.hasEvents:hover {background-color:#262626; color:#fff;border-color:#262626}
.year td:not(.inactive) a#automne.hasEvents {pointer-events:auto;background-color:#c4484c; color:#fff;border-color:#c4484c}
.year td:not(.inactive) a#automne.hasEvents:hover {background-color:#262626; color:#fff;border-color:#262626}
.year td:not(.inactive) a#hiver.hasEvents {pointer-events:auto;background-color:#005fc1; color:#fff;border-color:#005fc1}
.year td:not(.inactive) a#hiver.hasEvents:hover {background-color:#262626; color:#fff;border-color:#262626}

.year td.active:not(.inactive) a#printemps.hasEvents{background-color:#262626; color:#fff;border-color:#262626}
.year td.active:not(.inactive) a#ete.hasEvents{background-color:#262626; color:#fff;border-color:#262626}
.year td.active:not(.inactive) a#automne.hasEvents{background-color:#262626; color:#fff;border-color:#262626}
.year td.active:not(.inactive) a#hiver.hasEvents{background-color:#262626; color:#fff;border-color:#262626}

/* Flickity
---------------------------------------------- */
.carousel{height:350px;overflow:hidden;position:relative;}

.carousel, .carousel-cell, .flickity-viewport{-webkit-transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);}
.carousel-cell{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 1s cubic-bezier(0.19, 1, 0.22, 1), height 1s cubic-bezier(0.19, 1, 0.22, 1);transition:opacity 1s cubic-bezier(0.19, 1, 0.22, 1), height 1s cubic-bezier(0.19, 1, 0.22, 1);}
.carousel-cell.flickity-bg-lazyloaded{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.carousel.big, .carousel-cell.big, .flickity-viewport.big{height:calc(100vh - 75px)!important}

.container-carousel {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);position:absolute;z-index:99;height:350px;top:50px;left:0;width:100%;cursor:pointer}
.container-carousel:hover .after{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}

.container-carousel .after{-webkit-transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);cursor:pointer;position:absolute;top:0px;left:0;right:0;bottom:0;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.container-carousel .titre {-webkit-transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);position:absolute;top:0;left:0;z-index:99;height:350px;top:0px;left:0;width:100%;font-size:100px;line-height:1em}
.container-carousel .titre h1{-webkit-transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);transition:height 1s cubic-bezier(0.19, 1, 0.22, 1);color:white;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;padding:25px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align:center;position:absolute;top:0;left:0;z-index:99;height:350px;top:0px;left:0;width:100%;font-size:80px;line-height:1em}
.container-carousel.big{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:-3;height:calc(100vh - 75px)!important;}
.container-carousel.big .titre, .container-carousel.big .titre h1 {;height:calc(100vh - 75px)!important}

.carousel-cell{height:350px;width:100%;}
.carousel:hover .after{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}


body.home h1{pointer-events: none;font-size:17px;line-height:25px;text-align:center}
body.home h2.printemps{color:#4ca59d}
body.home h2.ete{color:#c58041}
body.home h2.automne{color:#c4484c}
body.home h2.hiver{color:#005fc1}

body.home h2{font-size:17px;width:100vw;line-height:25px;height:25px;border-bottom:1px solid;background:white;color:black;font-family:'WorkSans';position:absolute;top:0;z-index:9999999}
body.home hr.forslide{position:absolute;bottom:0}
.carousel.home{height:calc(100vh - 50px);;position:absolute;top:25px;left:0;width:100%;background:white;}
.carousel.home .carousel-cell{height:100vh; background-repeat:no-repeat;background-position: center fixed;background-size: cover; }
.carousel.home .carousel-cell{;}
.carousel.home.printemps{background-color:#4ca59d}
.carousel.home.ete {background-color:#c58041}
.carousel.home.automne {background-color:#c4484c}
.carousel.home.hiver {background-color:#005fc1}

.carousel.home .grostitre{z-index:999;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Extrabold;text-transform:none;color:white;text-align:center;font-size:100px;line-height:1em;}
.carousel.home .grostitre .center{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.carousel.home .grostitre .center span{-webkit-box-flex:1;-ms-flex:1;flex:1;float:left;width:100vw;text-align:center;padding:0 25px}
.carousel.home .grostitre  .maisonimage{height:25vw;}
.carousel.home .grostitre  .maisonimage svg{height:100%;}


.carousel.home h2{width:100%;display:inline-block;text-align:center;text-transform: uppercase;}

.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%;}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";display:none;-webkit-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);z-index:9999;position:absolute;border:none;background:transparent}
.flickity-button.big{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";display:block;}
.flickity-button svg{display:none}
.flickity-button:hover{cursor:pointer}
.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}
.flickity-button:active{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.flickity-button:disabled{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";cursor:auto;pointer-events:none}
.flickity-button-icon{fill:#333}
.flickity-prev-next-button{top:50%;width:100px;height:100px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:25px;background-image:url(../images/left.svg);background-size:contain}
.flickity-prev-next-button.next{right:25px;background-image:url(../images/right.svg);;background-size:contain}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

/*--------------------------------------
-   mediaQueries
---------------------------------------*/
@media only screen and (max-width:1400px){
    footer div:nth-child(3) {display:none}
}
@media only screen and (max-width:1024px){
    .archive h2{font-size: 3em;
    line-height: .8em;}
    .annee h3 {

    font-size: 1.5em;
    line-height: 1.35em;

}
    .teaser .annee {

    height: auto;

}
    main article > div .chapeau {

    font-size: 1.25em;
    line-height: 1.25em;
    padding-bottom: 1em;

}main .projet article:nth-child(1) {

    width: 75%;
    font-size: 1.25em;
    line-height: 1.25em;

}
    main article > div .encart {

    padding-left: 0;

}
    body.printemps h2, body.ete h2, body.automne h2, body.hiver h2{font-size:3em;line-height:.8em;}
    main h3{font-size:1.5em;line-height:1.35em;}
    main article div{width:100%;float:left}
    aside{display:none}
    main{padding-top:25px}
    nav img{margin-left:25px}
    .carousel.big, .carousel-cell.big, .flickity-viewport.big, .carousel .after.big{height:calc(100vh - 50px)!important}
    nav .menu li a, nav .menu li:nth-child(7) a{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none}
    

    header{padding:0;max-height:100vh;}
    .menu.querie{position:absolute;top:24px;left:0;max-height:calc(100vh - 24px);display:none;overflow:auto;}
    .toggle{float:right;display:block;padding:0 25px;line-height:25px;}
    

    nav .menu.querie dt{float:left;color:white;background:inherit;height:100%;font-size:2em;letter-spacing:.025em;line-height:2em;height:68px;display:inline-block;width:100vw;text-align:center;border-top:1px solid;font-family: "PrahoPro-ExtraLight";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:white;}
    nav .menu.querie dt a{width:100%;float:left;height:100%;padding:0 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:white;}
    nav .menu.querie dd{display:block;float:left;width:100%;}
    nav .menu.querie dd a{padding:0 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;height:25px;line-height:25px;font-size:1em;font-family:WorkSans;width:100vw;float:left;color:black;border-top:1px solid}   
    nav .menu:not(.querie) li:nth-child(6) a{display:none;}
    
    .container-carousel {top:25px}
    .container-carousel .titre h1{font-size:42.5px;padding:0 25px}
    .carousel h1 {font-size:3em}
    .carousel.home h1 span:nth-child(2){font-size:12vw;line-height:1em}
    .flickity-prev-next-button{width:50px;height:50px}
    
    main .projet article {min-width: 100%;}
    main .projet article h5, main .projet article blockquote{  -webkit-hyphens: auto; -ms-hyphens: auto;hyphens: auto;font-size:2em;line-height:1em;}
    main .projet article blockquote{  -webkit-hyphens: auto; -ms-hyphens: auto;hyphens: auto;}

    .carousel.home .grostitre{font-size:10vw}
    .carousel.home .grostitre:after{content:'entrer';font-size:.5em;font-family:'WorkSans';text-transform:uppercase}
    .carousel.home .grostitre img{margin-bottom:.5em}
    
    .teaser li a h3 {font-size:1.5em;line-height:1em;height:1em}
    
    body.home hr.forslide, body.home h2{display:none}
    .carousel.home{height:100vh;;position:absolute;top:0;left:0;width:100%;background:white;}

    footer div{width:100%;text-align:center;padding:0;line-height:25px}
    footer div:nth-child(1) {width:100%}

    footer:after {content:'';float:left;width:100%;margin-bottom:25px;}
    
    .noresult div{font-size:1.5em;line-height:1em;}
    
    article#carte div.gmap {

    width: 100%;
    padding: 0;
    height: 75vw;
}
    #map_canvas {

    width: 100%;
    height: 100%!important;
    margin: 0;
    padding: 0;

}

}