body{background:#c8c8c8;margin:auto;width:100%;height:100%;display:grid;grid-template-columns:repeat(1fr);grid-template-rows:repeat(4, minmax(120px, auto));grid-template-areas:"header" "breadcrumb" "main" "footer"}@font-face{font-family:"Gotham Book";font-style:normal;font-weight:normal;src:local("Gotham Book"),url("../../font/GOTHAMBOOK.woff") format("woff")}@font-face{font-family:"Gotham Bold";font-style:normal;font-weight:normal;src:local("Gotham Bold"),url("../../font/Gotham Bold.woff") format("woff")}body{font-family:"Gotham Book",sans-serif;color:#fff;font-size:1.5rem;font-weight:300;line-height:1.7;font-style:normal}h1{font-family:"Gotham Book",sans-serif;font-weight:900;font-size:5rem;font-style:italic}h2{font-family:"Gotham Book",sans-serif;font-weight:900;font-size:3rem}h3{font-family:"Gotham Book",sans-serif;font-weight:700;font-size:1.1rem}p{font-family:"Gotham Book",sans-serif;font-weight:400;font-size:1rem}.header{background-color:#323232;position:fixed;top:0;left:0;width:100%;height:120px;z-index:10;grid-area:header;display:grid;grid-template-columns:1fr 4fr;grid-auto-rows:minmax(120px, auto);grid-template-areas:"logo nav"}.header__logo{grid-area:logo;margin:auto}@media screen and (max-width: 768px){.header{height:auto;grid-template-columns:1fr;grid-auto-rows:minmax(120px, auto);grid-template-areas:"logo" "nav";padding:5px}}.nav{grid-area:nav;margin:auto;text-transform:uppercase}ul{list-style-type:none}li{margin-left:10px;float:left}@media screen and (max-width: 768px){li{margin:auto;float:none}}ul li a{display:block;float:left;color:#c8c8c8;text-decoration:none;text-align:center;padding:5px}@media screen and (max-width: 768px){ul li a{float:none}}ul li a:hover{color:#fff;border-bottom:1px solid #fff}.breadcrumb{grid-area:breadcrumb;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(90vh, auto);grid-template-areas:"titre";background:url("../img/the-artist-cinq-infos-que-vous-ignoriez-peut-etre-sur-film-michel-azanavicius.jpg") top center;background-repeat:no-repeat;background-size:cover;opacity:.85;background-color:#f8f9fa;text-align:center}@media screen and (max-width: 768px){.breadcrumb{margin-top:80px}}.breadcrumb p{font-size:2.5rem;font-weight:600}@media screen and (max-width: 768px){.breadcrumb p{font-size:38px}}@media screen and (max-width: 768px){h1{font-size:3rem}}.container{max-width:75%;margin:auto;z-index:3}@media screen and (max-width: 768px){.container{width:100%;padding:5px 5px 5px 5px}}main{grid-area:main;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, minmax(90vh, auto));grid-template-areas:"section0" "section1" "section2" "section3"}.section{display:grid;margin:auto;width:100%;text-align:center;z-index:2}.section__section0{background-color:#323232;grid-area:section0;min-height:90vh}.section__section0 h2{text-shadow:#fff 1px 2px 6px}@media screen and (max-width: 768px){.section__section0 h2{font-size:38px;opacity:.9}}.section__section0 p{font-size:1.6rem}@media screen and (max-width: 768px){.section__section0 p{font-size:26px;font-weight:bold;font-style:italic;opacity:.9}}.section__section1{grid-area:section1;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(100px, auto);grid-gap:20px;grid-template-areas:"title_section1 title_section1 title_section1" "film film sidebar";background-color:#c8c8c8 !important;width:75%;margin:auto auto 50px auto}@media screen and (max-width: 768px){.section__section1{grid-template-columns:1fr;grid-template-rows:repeat(3, minmax(100px, auto));grid-template-areas:"title_section1" "film" "sidebar";margin:0 auto auto auto;padding:10px}}.section__section1>.title_section1{grid-area:title_section1;color:#323232}.section__section2{grid-area:section2;background:url("../img/background_seance-nb.png") top center/100%;background-size:cover;background-repeat:no-repeat;background-color:#323232;min-height:90vh}.section__section2 h2{color:#f8f9fa;text-shadow:#fff 1px 2px 10px}.section__section3{background:url("../img/cinema-plein-air-paris-parc-monceau5-nb.jpg") top center/100% 100% fixed;background-size:cover;background-repeat:no-repeat;opacity:.8;grid-area:section3;color:var(--grey);min-height:90vh}.section__section3 h2{text-align:center}.section__section3 .infos{display:flex;border:2px solid #fff;margin:10px;padding:15px}@media screen and (max-width: 768px){.section__section3 .infos{flex-direction:column;margin:auto}}.section__section3 .map{min-width:50%;max-width:50%;margin-right:10px}@media screen and (max-width: 768px){.section__section3 .map{min-width:100%}}.section__section3 iframe{width:100%;height:100%}.section__section3 .coordonnes{margin-left:10px;background-color:#f8f9fa;color:#646464;padding:10px;width:100%}@media screen and (max-width: 768px){.section__section3 .coordonnes{margin-top:10px;margin-right:10px;margin-left:0;width:96%}}@media screen and (max-width: 768px){.section__section3 h2{font-size:38px}}@media screen and (max-width: 768px){iframe,.map,.coordonnes{max-width:100%}}.form{display:flex;flex-wrap:wrap;justify-content:space-around;align-content:space-between;margin:auto 5% auto 5%}.form input,.form select{min-height:40px;font-size:18px;width:85%}.row{margin:25px;width:calc(50% - 50px)}@media screen and (max-width: 768px){.row{width:calc(100% - 50px)}}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert--success{color:#155724;background-color:#d4edda;border-color:#d4edda}.alert i{float:right}.alert i:hover{color:#b5fa9c}.film{grid-area:film;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(100px, auto);grid-gap:20px}@media screen and (max-width: 768px){.film{grid-template-columns:1fr}}.affiche{width:85%;margin:auto;text-align:center}.box{padding:5px}.box p{font-size:1.125rem;line-height:1.1}.cadre{background:#323232;position:relative;padding:15px;margin:auto}.cadre:before,.cadre:after{font-size:0;content:".";position:absolute}.cadre:after{border-top:36px solid #c8c8c8;border-left:36px solid #fff;right:0;top:0}.cadre a{color:#fff;text-decoration:none}.cadre a:hover{color:#f8f9fa}.sidebar{grid-area:sidebar;background-color:#f8f9fa;position:relative}.sidebar:before,.sidebar:after{font-size:0;content:".";position:absolute}.sidebar:after{border-top:36px solid #c8c8c8;border-left:36px solid #fff;right:0;top:0}.sidebar h2{color:#646464;font-size:1.5rem;line-height:normal}.footer{background-color:#646464;grid-area:footer}.footer h3{margin-bottom:0}.footer i{color:#fff}.footer i:hover{color:#c8c8c8}.footer ul{float:none;display:inline-block;margin-left:0;padding:0;font-size:1rem;line-height:normal}.footer li{float:none}.footer ul li a{display:inline-block;float:none;color:#c8c8c8;text-decoration:none;text-align:left}.footer ul li a:hover{color:#fff;border-bottom:1px solid #fff}.rse,.reglement,.lien-utiles{width:100%}.flex{display:flex;justify-content:space-between}@media screen and (max-width: 768px){.flex{flex-direction:column;text-align:center}}.table{width:100%;margin-bottom:10%}.table th,.table td{text-align:left;padding:.25em}@media screen and (max-width: 768px){.table th,.table td{flex:1 1 150px;border:.5px solid rgba(3,3,3,.2)}}.table tr:nth-child(even){background-color:#f8f9fa;color:#646464}.table tr{border-bottom:1px solid #323232;padding:5px}@media screen and (max-width: 768px){.table tr{display:flex;flex-direction:row;flex-wrap:wrap;margin:.5em 0;border:1px solid rgba(3,3,3,.2)}}.table thead,.table tfoot{background-color:#f8f9fa;color:#646464;font-size:28px}.table tbody{font-size:1.125rem}@media screen and (max-width: 768px){tr :nth-child(1){order:1}tr :nth-child(2){order:2}tr :nth-child(3){order:4}tr :nth-child(4){order:3}tr :nth-child(5){order:6}tr :nth-child(6){order:5}}.timeline{position:relative;max-width:auto;margin:0 auto;height:98%}.timeline a{color:#fff}.timeline a:hover{color:#c8c8c8}.timeline::after{content:"";position:absolute;width:6px;background-color:#c8c8c8;top:0;bottom:0;left:10%}.container-timeline{padding:3% 5%;position:relative;background-color:inherit;width:70%}.container-timeline::after{content:"";position:absolute;width:25px;height:25px;right:81%;background-color:#fff;border:4px solid #5d5d5d;top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:15%}.left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid #fff;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff}.right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:3%;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #646464 transparent transparent}.right::after{left:-10%}.content{padding:1rem;background-color:#969696;position:relative;border-radius:6px}.dark{background-color:#323232 !important}.dark h2{color:#f8f9fa !important}@media screen and (max-width: 600px){.timeline::after{left:31px}.container-timeline{width:70%;padding-left:70px;padding-right:25px}.container-timeline::before{left:60px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:transparent #323232 transparent transparent}.left::after,.right::after{left:15px}.right{left:0}}.mainMenu{width:250px;padding:unset}.mainMenu ul{margin:auto !important;list-style-type:none;padding:unset}.item{border-top:1px solid #fff;overflow:hidden}.btn{display:block;padding:15px 20px;background-color:#323232;color:#fff;position:relative;font-size:16px}.btn:before{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;right:15px;bottom:-10px;z-index:9}.btn i{margin-right:10px}.subMenu{background:#323232;overflow:hidden;transition:max-height .7s;max-height:0}.subMenu a{display:block;padding:15px 20px;color:#fff;font-size:14px;border-bottom:1px solid #f8f9fa;position:relative}.subMenu a:before{content:"";opacity:0;transition:opacity .3s}.subMenu a:hover:before{content:"";position:absolute;height:0;width:6px;left:0;top:0;opacity:1;border-top:24px solid transparent;border-left:11px solid #f8f9fa;border-bottom:24px solid transparent}.subMenu a:after{content:"";opacity:0;transition:opacity .3s}.subMenu a:hover:after{content:"";position:absolute;height:0;width:6px;right:0px;top:0;opacity:1;border-top:24px solid transparent;border-right:11px solid #f8f9fa;border-bottom:24px solid transparent}.subMenu a:hover{background:#273057;background:-moz-linear-gradient(top, #646464 0%, #646464 50%, #969696 51%, #969696 100%);background:-webkit-linear-gradient(top, #646464 0%, #646464 50%, #969696 51%, #969696 100%);background:linear-gradient(to bottom, #646464 0%, #646464 50%, #969696 51%, #969696 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#646464", endColorstr="#969696",GradientType=0 );transition:all .3s;border-bottom:1px solid #969696}.subMenu a:last-child{border:none}.item:target .subMenu{max-height:17em}/*# sourceMappingURL=style.css.map */