/* compact [
	prive/spip_style.css
	plugins-dist/mediabox/lib/lity/lity.css?1693580737
	plugins-dist/mediabox/lity/css/lity.mediabox.css?1693580742
	plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1693580743
	squelettes/css/mutins.css
	squelettes/css/responsive.css
] 81.5% */

/* prive/spip_style.css */
h3.spip{text-align:center;margin-top:2em;margin-bottom:1.4em;font-size:1.15em;font-weight:700}
hr.spip{margin:2em auto}
ol.spip{list-style:decimal}
blockquote.spip{margin:2em 0;padding-left:1em;border-left:.30em solid}
blockquote.spip_poesie{margin:2em 0;padding-left:1em;border-left:1px solid;font-family:Garamond,Georgia,Times,serif}
blockquote.spip_poesie div{text-indent:-3em;margin-left:3em}
.spip_code,.spip_cadre{font-family:Courier,"Courier New",monospace;color:#036}
.spip_cadre{width:99%;background-color:#F4F8F8;border:1px inset;font-size:inherit}
div.spip_code,.spip_cadre{margin-bottom:1em}
.spip_surligne{background:#FF6}
table.spip{max-width:99%;margin-right:auto;margin-left:auto;margin-bottom:1em;border-collapse:collapse;border-spacing:0;line-height:normal}
table.spip caption{caption-side:top;text-align:center;margin-right:auto;margin-left:auto;font-weight:700}
table.spip tr.row_first{background:#fff}
table.spip tr.row_odd{background:#f0f0f0}
table.spip tr.row_even{background:#e0e0e0}
table.spip th,table.spip td{padding:.20em .40em;text-align:left;border:1px solid #ccc}
table.spip th{vertical-align:bottom;font-weight:700}
table.spip td{vertical-align:top}
table.spip td.numeric{text-align:right}
img,.spip_logo{margin:0;padding:0;border:0}
.spip_documents{text-align:center;line-height:normal;min-width:120px;margin-bottom:5px;margin-left:auto;margin-right:auto;max-width:100%}
.spip_documents p{margin:.10em;padding:0}
.spip_documents_center{display:block;clear:both;width:100%;margin:1em auto}
.spip_documents_left{float:left;margin-right:15px;margin-bottom:5px;max-width:33%}
.spip_documents_right{float:right;margin-left:15px;margin-bottom:5px;max-width:33%}
.spip_doc_titre{margin-right:auto;margin-left:auto;font-weight:700;font-size:.90em}
.spip_doc_descriptif{clear:both;margin-right:auto;margin-left:auto;font-size:.90em}
.spip_doc_credits{clear:both;margin-right:auto;margin-left:auto;font-size:.90em;font-style:italic}
.spip_doc_legende{display:block;clear:both;margin-left:auto;margin-right:auto;width:100%;max-width:25em}
.spip_documents>a{display:inline-block}
table.spip .spip_document_image{width:auto!important}
.spip_modele{float:right;display:block;padding:1em;border:1px solid;width:180px}


a.spip_mail{color:#900}
a.spip_mail:before{content:"\002709"}
a.spip_out,a[rel=external]{color:#009}
a.spip_url{color:#009}
a.spip_glossaire{color:#060}
a.spip_glossaire:hover{text-decoration:underline overline}
a[hreflang]:after{content:"\0000a0(" attr(hreflang) ")"}
.on{font-weight:700}

/* plugins-dist/mediabox/lib/lity/lity.css?1693580737 */
/*! Lity - v3.0.0-dev - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla;Licensed MIT */
.lity-active,.lity-active body{overflow:hidden}
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
.lity-close,.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;-webkit-box-shadow:none;box-shadow:none}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-close:active{top:1px}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.lity-hide{display:none}

/* plugins-dist/mediabox/lity/css/lity.mediabox.css?1693580742 */
.box_mediabox{display:block;margin:0;padding:0;width:auto;height:auto;background:none;border:0}
.box_mediabox:before{content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.9}
@media(min-width:500px){.box_mediabox .lity-container{max-width:90%;max-height:90%}}
@media(max-width:499.9px){.box_mediabox .lity-container{max-width:100%!important;max-height:100%!important}}
.box_mediabox.lity-height-set .lity-content{height:100%;min-height:0!important}
.box_mediabox.lity-image .lity-content{display:flex;justify-content:center;align-items:center}
.box_mediabox.lity-image .lity-image-figure{display:block;margin:0}
.box_mediabox.lity-image .lity-image-figure::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-color:transparent;transition:background-color 0.25s ease-in 0.1s}
.box_mediabox.lity-image.lity-ready .lity-image-figure::before{background-color:#fff}
.lity-image-caption.min,.lity-image-caption.expanded{cursor:pointer}
.lity-image-caption.min .lity-image-caption-text{max-height:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lity-image-caption.min .spip_doc_titre,.lity-image-caption.min .spip_doc_descriptif,.lity-image-caption.min .spip_doc_credits{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lity-image-caption.min .spip_doc_descriptif:not(:first-child),.lity-image-caption.min .spip_doc_credits:not(:first-child){display:none}
.box_mediabox.lity-inline .lity-content,.box_mediabox.lity-ajax .lity-content{background:#fff}
.box_mediabox.lity-inline .lity-content>*,.box_mediabox.lity-ajax .lity-content-inner{overflow:auto;padding:1rem}
.box_mediabox.lity-iframe .lity-iframe-container iframe{background:#fff}
.box_mediabox.lity-height-set.lity-iframe .lity-iframe-container{height:100%;padding:0;transform:none}
.lity-active body{height:auto!important;overflow:hidden!important}
.box_mediabox.lity-loading .lity-content{background:transparent}
.box_mediabox.lity-loading .lity-content:after{display:none}
.lity-loading .box-loading{display:block;position:absolute;top:50%;left:50%;margin-top:-2.5em;margin-left:-2.5em;width:5em;height:5em}
.lity-loading .box-loading:after{content:" ";display:block;width:4em;height:4em;margin:.5em;border-radius:50%;border:.375em solid #000;border-color:#000 #fff #000 #fff;opacity:0.5;animation:lds-dual-ring 1.2s linear infinite}
@keyframes lds-dual-ring{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.lity-group-progress-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:.33em}
.lity-slideshow .lity-group-progress-bar{display:block}
.lity-group-progress-bar-status{position:absolute;left:0;height:100%;top:0;background:#888}
.lity-no-transition-on-open .lity-content,.lity-no-transition .lity-content{transition:none!important}
.lity-no-transition-on-open-none.lity-loading .lity-content,.lity-no-transition.lity-loading .lity-content,.lity-no-transition.lity-closed .lity-content{-webkit-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}
.lity-transition-on-open-slide-from-right .lity-content,.lity-transition-on-open-slide-from-left .lity-content{-webkit-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
.lity-transition-on-open-slide-from-right.lity-loading .lity-content{-webkit-transform:scale(1) translateX(50vw);-ms-transform:scale(1) translateX(50vw);-o-transform:scale(1) translateX(50vw);transform:scale(1) translateX(50vw)}
.lity-transition-on-open-slide-from-left.lity-loading .lity-content{-webkit-transform:scale(1) translateX(-50vw);-ms-transform:scale(1) translateX(-50vw);-o-transform:scale(1) translateX(-50vw);transform:scale(1) translateX(-50vw)}

/* plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1693580743 */
.box_mediabox:before{background:#000;opacity:0.9}
.box_mediabox button[class*="lity-"]:focus{outline:2px dotted #ccc}
.lity-close,.lity-close:hover,.lity-close:active,.lity-close:focus{top:4px;right:2px;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:2.5rem;color:#fff}
.lity-group-caption .lity-group-current{display:block;position:absolute;top:-1.5rem;right:0;color:#fff;font-weight:700}
.lity-loading .lity-group-caption .lity-group-current{left:50%;margin-left:-2.125em;width:4.5em;right:auto;text-align:center;top:50%;margin-top:-1.5em;color:#fff}
.lity-loading .lity-group-start-stop{display:none}
.lity-group-start-stop{display:block;position:absolute;top:-1.5rem;left:0;width:100%;text-align:center;color:#fff;font-weight:700}
.lity-group-start-stop button{display:inline-block;border:0;padding:0;margin:0;background:none;color:#fff}
.lity-group-start-stop button b{color:transparent}
.lity-group-start-stop button b::after{content:attr(title);display:inline-block;color:#fff;padding-right:.75em}
.lity-group-start-stop .lity-stop{display:none}
.lity-slideshow .lity-group-start-stop .lity-start{display:none}
.lity-slideshow .lity-group-start-stop .lity-stop{display:inline-block}
.lity-next,.lity-previous{display:block;border:0;padding:0;margin:0;position:fixed;border-radius:50%;left:-4.75rem;text-align:center;top:50%;margin-top:-6rem;width:8rem;height:12rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}
.lity-next[disabled],.lity-previous[disabled]{display:none}
.lity-next{left:auto;right:-4.75rem;text-align:right}
.lity-next:hover,.lity-previous:hover,.lity-next:active,.lity-previous:active,.lity-next:focus,.lity-previous:focus{background:rgba(255,255,255,.05)}
.lity-next b,.lity-previous b{display:inline-block;position:absolute;top:50%;left:5.5rem;font-size:3rem;line-height:3rem;margin-top:-1.5rem;text-shadow:0 0 10px #000;color:#fff;font-style:normal;opacity:0.5}
.lity-next b{right:5.5rem;left:auto}
.lity-next:hover b,.lity-previous:hover b,.lity-next:active b,.lity-previous:active b,.lity-next:focus b,.lity-previous:focus b{display:inline-block;opacity:1}
.lity-image-caption{display:block;position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.25);color:#fff;font-style:italic;padding:1rem}

/* squelettes/css/mutins.css */
@font-face{font-family:'gudeabold';src:url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/gudea-bold-webfont.woff2') format('woff2'),url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/gudea-bold-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'gudeaitalic';src:url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/gudea-italic-webfont.woff2') format('woff2'),url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/gudea-italic-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'gudearegular';src:url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/gudea-regular-webfont.woff2') format('woff2'),url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/gudea-regular-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'facile';src:url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/facile_sans-webfont.woff2') format('woff2'),url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/facile_sans-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'rubik';src:url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/rubik-bold-webfont.woff2') format('woff2'),url('//usinelesmutins.brunobartkowiak.com/squelettes/fonts/rubik-bold-webfont.woff') format('woff');font-weight:400;font-style:normal}
html{margin:0;padding:0;background:#FEFDF6;color:#000}
body{max-width:1400px;margin:0 auto;padding:20px;color:#000;font-size:1.1em;font-family:'arial',sans-serif;font-weight:400;line-height:1.4em}
#tacos{width:auto;max-width:1400px}
a,a.spip_mail,a.spip_out,a.spip_in{color:#000;text-decoration:underline}
h1 a,h2 a,h3 a{text-decoration:none}
a:hover{color:#000}
strong{font-weight:700}
em{font-style:italic}
ul,ol{margin:0;padding:0}
ul li,ol li{list-style:none}
ul.spip li{list-style:square;list-style-position:inside}
img{border:none}
p,figure{margin:0;padding:0}
h1,h2,h3,h4{margin:0;padding:0}
.on{font-weight:400}
.closed{display:none}
h3.spip{text-transform:uppercase;text-align:left;margin:0}
.error{display:block;padding:5px 10px;background:#c20000;color:#fff}
.floatLeft{float:left}
.floatRight{float:right;padding-left:10px;border-left:1px solid #000}
.spacer{clear:both;height:0}
:link,:visited,:hover,:active,:focus{outline-style:none}
#entete{display:block;height:85px;padding:30px 0 0 200px;margin:0;font-family:'rubik',sans-serif;font-weight:400;font-size:3.4em;text-decoration:none;color:#000;text-transform:uppercase;text-align:center;background-image:url('//usinelesmutins.brunobartkowiak.com/squelettes/img/logo-header.png');background-size:80px;background-repeat:no-repeat;background-position:60px 20px;text-decoration:none}
#entete img{height:80px;width:auto}
#burger{display:none}
#nav{display:block;position:relative;border-right:25px solid #000;width:176px;padding:0 25px 0 0;min-height:620px;margin:35px 0 30px;float:left}
#formulaire_recherche{margin:5px 0 0;padding:0}
#formulaire_recherche label{display:none}
#formulaire_recherche input.text{width:calc(100% - 30px);height:30px;padding:0 10px;border:2px solid #000;color:#000;margin:0;font-size:1em;line-height:30px;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;background-color:#fff}
#formulaire_recherche input#heyholetsgo{display:block;float:right;height:30px;width:30px;padding:0;margin:0;border:0;cursor:pointer;background-color:#000;color:#fff;font-size:.7em;line-height:30px}
#menu{margin:25px 0;font-family:'rubik',sans-serif;font-weight:400;font-size:1.1em;text-transform:uppercase;letter-spacing:.03em}
#menu li{list-style:none;display:inline}
#menu li a{display:block;padding:5px 0;text-align:right;text-decoration:none}
#menu li a:hover{color:#000}
#menu li a.on{color:#aaa}
#menu2{margin:25px 0;font-family:'rubik',sans-serif;font-weight:400;font-size:.9em;line-height:1.1em;letter-spacing:.01em}
#menu2 li{list-style:none;display:inline}
#menu2 li a{display:block;padding:7px 0;text-align:right;text-decoration:none}
#menu2 li a:hover{color:#000}
#menu2 li a.on{color:#aaa}
#nav hr{border:1px solid #000;width:33%;margin:25px 0 25px auto}
#multinationale{margin:25px 0 0}
#multinationale a{clear:both;display:block;width:145px;height:40px;margin:5px 0;padding:10px 5px 0;color:#fff;text-decoration:none;font-family:'rubik',sans-serif;font-weight:400;text-transform:uppercase;font-size:.8em;line-height:1.1em;letter-spacing:.06em;border-radius:25px 0 0 25px;float:right;text-align:right}
#multinationale #lienVOD{background:#F39200;position:relative;height:50px;padding-top:0;line-height:50px}
#multinationale #lienVOD span{display:block;position:absolute;Height:40px;width:40px;left:5px;top:5px;background:#fff;color:#F39200;text-align:center;font-size:1.2em;line-height:40px;border-radius:20px;letter-spacing:0}
#multinationale #lienBoutique{background:#306B99}
#contenu{float:right;width:calc(100% - 251px);padding:0 0}
h1{margin:25px 0;padding:0;font-size:5em;line-height:1em;font-family:facile,sans-serif;font-weight:400;text-transform:uppercase;color:#000;text-align:left}
h2{margin:30px 0;font-size:2.2em;line-height:1.1em;font-family:facile,sans-serif;font-weight:400;text-transform:uppercase;color:#000;text-align:left;clear:both}
h3{margin:20px 0;font-size:1.4em;line-height:1.1em;font-family:'arial',sans-serif;font-weight:400;text-transform:uppercase;color:#000}
h4{margin:20px 0;font-size:.9em;line-height:1.1em;font-family:'facile','Arial #000','arial',sans-serif;font-weight:400;text-transform:uppercase;color:#fff}
#texte{margin:40px 0;padding:0}
#texte h2.spip{clear:both;margin:30px 0;font-size:2.2em}
#texte p{margin:15px 0;font-size:1.2em;line-height:1.3em;text-align:justify}
#texte img{max-width:100%;height:auto;margin:0}
#texte .spip_document_center img{max-width:100%;height:auto}
#texte dt.spip_doc_titre{width:75%!important}
.pagination-items{display:block;margin:20px 0;text-align:center;clear:both;text-align:left}
.pagination-items li{display:inline-block}
.pagination-items li a,.pagination-items li span{display:block;margin:0 2px;padding:1px 3px}
#top{height:620px;margin:35px 0 0;background-position:center center;background-size:cover;position:relative;background-color:#ccc}
#top h1{margin:0;padding:0 20px 0 0;position:absolute;bottom:20px;left:20px;font-size:3.2em;line-height:1.1em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,0,0,1);font-family:facile,sans-serif;font-weight:700;text-transform:uppercase;color:#fff}
#tri li{display:inline}
#tri li a,#tri li span{display:inline-block;background:#000;color:#fff;font-size:.8em;text-transform:uppercase;font-weight:700;padding:5px 15px;margin:0 10px 0 0;text-decoration:none}
#tri li a.on,#tri li span{background:#efefef;color:#000}
#tri li a:hover{background:#000}


.accueil h1{margin:30px 0 20px 15px;clear:both}
a.voirtout{display:block;clear:both;margin:20px 0;text-align:right}
.une li{display:inline}
.une li a{display:block;margin:35px 0;width:100%;height:400px;background-position:center center;background-size:cover;position:relative;background-color:#ccc;transition:transform .2s ease-out,box-shadow .2s ease-out}
.une li a:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.35)}
.une li a#superune{height:620px;font-size:1.6em}
.une li a h2{margin:0;padding:0 0;position:absolute;bottom:25px;left:35px;font-size:2.5em;line-height:1.1em;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 0 12px rgba(0,0,0,1);font-family:'facile','Arial #000','arial',sans-serif;font-weight:400;text-transform:uppercase;color:#fff}
.une li a h2 span{font-size:.7em;line-height:1em;font-family:'gudearegular','Arial #000','arial',sans-serif;font-weight:400;letter-spacing:0}
.une li a#superune h2 span{font-size:.4em}
a#touslesfilms{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:4.2em;line-height:1.2em;background:rgb(241,212,161);font-family:facile,sans-serif;font-weight:400;text-transform:uppercase}
.listeblog{display:block;width:100%;max-width:1400px;margin:0 0;clear:both}
.listeblog li{display:block;float:left}
.listeblog li a.billet{display:inline-block;padding:0;width:calc(1109px / 2);height:calc(1109px / 2);text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out}
.listeblog li a.billet.gauche{margin:0 20px 30px 0}
.listeblog li a.billet.extremegauche{margin:0 0 30px 20px}
.listeblog li a.billet:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.35)}
.listeblog li a.billet img{display:block;height:auto;height:calc((1109px / 2) / 2);width:auto}
.listeblog li a.billet h2{display:block;margin:0;padding:10px 30px 0;height:calc((1069px / 2) / 2);background:rgb(241,212,161);color:#000;;font-size:2.2em;line-height:1.1em;text-transform:none}
.listeblog li a.billet h2 span{font-size:.6em;line-height:2em;font-family:'gudearegular','Arial #000','arial',sans-serif;font-weight:400;letter-spacing:0;text-transform:uppercase}
.billetblog #playerVideo{margin:40px 0}
.listefilms{width:100%;max-width:1400px;margin:10px 0;clear:both}
.listefilms li{display:block;float:left}
.listefilms li a{display:inline-block;padding:0;background:#efefef;width:calc(1069px / 3);height:535px;transition:transform .2s ease-out,box-shadow .2s ease-out}
.listefilms li a.gauche,.listefilms li a.gauche2{margin:0 40px 30px 0}
.listefilms li a.extremegauche{margin:0 0 30px}
.listefilms li a img{display:block;margin:0;width:calc(1069px / 3);height:auto}
.listefilms li a:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.35)}
.film #top h1{left:240px}
#top #affiche{display:block;width:200px;position:absolute;bottom:-120px;left:20px;cursor:zoom-in}
#actions{min-height:105px;padding:15px 0 0 220px;margin:0}
#actions a,#actions span{display:block;position:relative;float:left;width:calc((100% - 90px) / 3);height:90px;margin:5px 0 5px 20px;padding:5px;background:#eee;color:#fff;text-decoration:none;font-size:1.2em;text-align:center}
#actions a{transition:transform .2s ease-out,box-shadow .2s ease-out}
#actions a:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.35)}
#actions a em,#actions span em{display:block;padding-top:20px;height:25px;font-weight:700;font-style:normal}
#actions a strong,#actions span strong{display:block;height:45px;font-size:.7em;font-weight:400}
#actions a.actionkinow{background-color:#F29E31;color:#000}
#actions a.actionthelia{background-color:#306b99;color:#fff}
#actions a.actionprojection{background-color:#000;color:#fff}
#apropos{margin:20px 0;padding:40px 0 20px;border-top:2px solid #000;font-style:italic}
#apropos em,#apropos i{font-style:normal}
#filmagenda,#filmblog,#adecouvrir{margin:0 0 40px;padding:0;border-top:2px solid #000;clear:both}
.projections ul.agenda{margin:30px 0}
.agendaItem{margin:0 0 20px;padding:10px 0 0 220px;min-height:200px;position:relative}
.agendaItem .calendrier{position:absolute;left:0;top:0;width:200px;height:90px;padding:110px 0 0;font-size:5.8em;text-align:center;background:#efefef;font-family:'rubik',sans-serif;font-weight:400}
.agendaItem .calendrier span{display:block;position:absolute;top:0;left:0;width:200px;height:50px;background:#000;font-size:.24em;color:#fff;line-height:50px;text-transform:uppercase;font-family:'gudearegular','Arial #000','arial',sans-serif;font-weight:400}
.agenda h3{margin:5px 0 0;padding:0;font-size:1.6em;line-height:1.2em;font-family:'facile','Arial #000','arial',sans-serif;font-weight:400}
.agenda .detail{font-size:1.2em;line-height:1.4em}
#newsletter .sendinblue{display:block;width:100%;height:350px;margin:30px auto;padding:0;border:0;background-color:rgba(255,255,255,0.07)}
#newsletter p.small{margin:0 auto auto 30px;font-size:.76em;line-height:1.1em;text-align:center}
.embed-container{margin:15px 0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.embed-container iframe{margin:0}
#pied{clear:both;margin:20px 0 0 251px;padding:20px 0 0;font-size:.75em;line-height:1.6em;color:#000;text-transform:uppercase;border-top:1px solid rgba(0,0,0,1)}
#pied a{text-decoration:none;color:#000}
#pied #col1{float:left;width:calc((100% / 3) * 2);text-align:left}
#pied #col2{float:right;width:calc(100% / 3);text-align:right}
#pied #col2 li{display:inline}
#pied #col2 li img{width:28px;height:auto}

/* squelettes/css/responsive.css */
@media screen and (max-width:1440px){html{}
body{font-size:1em}
#tacos{width:auto;max-width:1150px;margin:0 auto}
#entete{padding-left:0;background-position:0 20px}
#burger{display:block;width:auto;height:25px;padding:0 0 0 25px;margin:30px 0 0;background:#000 url('//usinelesmutins.brunobartkowiak.com/squelettes/img/burger.png') 5px center no-repeat;background-size:15px;font-size:1.2em;line-height:25px;text-transform:uppercase;color:#fff;cursor:pointer}
#nav{display:none;position:static;border-right:none;width:100%;padding:0;min-height:auto;margin:35px 0 30px;float:none}
#menu{float:left;width:calc(100% / 3);margin:0}
#secondaire{float:left;width:calc(100% / 3)}
#formulaire_recherche{margin:5px 0 25px;padding:0}
#menu2{margin:0}
#multinationale{float:left;width:calc(100% / 3);margin:0}
#menu li a,#menu2 li a{text-align:center}
#contenu{width:100%}
#pied{margin-left:0}}
@media screen and (max-width:1190px){.listeblog li a.billet{width:calc(((100vw - 40px) / 2) - 10px);height:calc(((100vw - 40px) / 2) - 10px);overflow:hidden}
.listeblog li a.billet.gauche{margin:0 10px 15px 0}
.listeblog li a.billet.extremegauche{margin:0 0 15px 10px}
.listeblog li a.billet img{height:calc((((100vw - 40px) / 2) - 10px) / 2);width:auto}
.listeblog li a.billet h2{padding:5px 20px 0;height:calc((((100vw - 40px) / 2) - 10px) / 2);font-size:1.8em;line-height:1.1em}
.listefilms{width:calc(100vw - 40px)}
.listefilms li{display:block;float:left}
.listefilms li a{width:calc(((100vw - 40px) / 3) - (40px / 3));height:auto}
.listefilms li a.gauche,.listefilms li a.gauche2{margin:0 20px 15px 0}
.listefilms li a.extremegauche{margin:0 0 15px}
.listefilms li a img{width:calc(((100vw - 40px) / 3) - (40px / 3));height:auto}
.listefilms li a#touslesfilms{padding-top:50px;height:100%;background:transparent;transition:none}
.listefilms li a#touslesfilms:hover{transform:none;box-shadow:none}}
@media screen and (max-width:860px){#entete{height:85px;padding-top:100px;background-position:center 0}
#entete img{height:80px;width:auto}
.listeblog li a.billet h2{font-size:1.6em;line-height:1.1em}
#pied #col1,#pied #col2{float:none;width:100%;text-align:center}
#pied #col2{margin-top:20px}}
@media screen and (max-width:760px){#menu{float:left;width:100%;margin:0}
#secondaire{float:left;width:100%;margin-bottom:25px}
#formulaire_recherche{margin:25px auto;width:75%}
#menu2{margin:0}
#multinationale{float:none;width:100%}
#multinationale a{margin:5px auto;float:none}
h1{font-size:2.4em;line-height:1em}
.une li a{width:100%;height:300px}
.une li a#superune{height:450px;font-size:1.4em}
.listeblog li a.billet{width:calc(100vw - 40px);height:calc(100vw - 40px);overflow:hidden}
.listeblog li a.billet.gauche{margin:0 0 15px}
.listeblog li a.billet.extremegauche{margin:0 0 15px}
.listeblog li a.billet img{height:calc(((100vw / 3 ) * 2) - 40px);width:auto}
.listeblog li a.billet h2{padding:5px 20px 0;height:calc((100vw - 40px) / 3);font-size:1.3em;line-height:1.1em}
.listefilms li a#touslesfilms{font-size:2.4em}
#top{height:400px}
#top h1{font-size:2.4em;line-height:1em}
.film #top{height:auto;margin:35px 0 0;position:static;background-image:none!important;background:none}
.film #top h1{margin:0;padding:0;position:static;font-size:2.4em;line-height:1em;text-transform:uppercase;text-shadow:none;color:#000}
#top #affiche{display:block;width:100%;height:auto;margin:30px 0 15px;position:static}
#actions{min-height:80px;padding:0;margin:0}
#actions a,#actions span{display:block;text-align:center;position:relative;float:left;width:calc((100% / 3) - 10px);height:70px;margin:5px 0;padding:5px;font-size:1.1em;line-height:1.1em}
#actions a em,#actions span em{display:block;padding-top:10px;height:auto;font-weight:700;font-style:normal;font-size:1;line-height:1.1em}
#actions a strong,#actions span strong{display:block;height:auto;font-size:.7em;line-height:1.1em;font-weight:400}
.agendaItem{padding:3px 0 0 120px;min-height:100px}
.agendaItem .calendrier{width:100px;height:45px;padding:55px 0 0;font-size:3.8em}
.agendaItem .calendrier span{width:100px;height:25px;background:#000;font-size:.22em;line-height:25px}}
@media screen and (max-width:500px){#entete{height:60px;padding-top:70px;background-size:50px;background-position:center 0}
#entete img{width:95%;height:auto}
.une li a{width:100%;height:240px;font-size:.8em;line-height:1.2em}
.une li a#superune{height:300px;font-size:1em}
.une li a h2{margin:0;padding:0 0;position:absolute;bottom:15px;left:15px;font-size:2.5em;line-height:1.1em}
.listefilms li a{width:calc(100vw - 40px);height:auto}
.listefilms li a.gauche,.listefilms li a.gauche2{margin:0 0 15px}
.listefilms li a.extremegauche{margin:0 0 15px}
.listefilms li a img{width:calc(100vw - 40px);height:auto}
.listefilms li a#touslesfilms{padding:20px 0;margin-bottom:30px;height:100%;background:rgb(241,212,161);transition:transform .2s ease-out,box-shadow .2s ease-out}
.listefilms li a#touslesfilms:hover{transform:scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.35)}
#top{height:300px}
#top h1{font-size:2em;line-height:1em}
#actions a strong,#actions span strong{font-size:.5em}}

