.tos-caption>div,.tos-slide,.tos-slide>*{box-sizing:border-box}.tos-slide,.tos-slider,.tos-wrapper{width:100%;height:100%}.tos-noanimation{-webkit-transition-property:none!important;transition-property:none!important}.tos-fastanimation{-webkit-transition-duration:.2s!important;transition-duration:.2s!important;-webkit-transition-timing-function:ease-out!important;transition-timing-function:ease-out!important}.tos-wrapper{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;display:none;padding:0;margin:0;overflow:hidden}.tos-wrapper.tos-opened{display:block}.tos-slide,.tos-slide:before,.tos-slide>*{display:inline-block}.tos-wrapper.tos-opening{opacity:1}.tos-wrapper.tos-fixed{background-color:#000;position:fixed;top:0;left:0;z-index:9000}.tos-slider,.tos-wrapper.tos-inline{position:relative}.tos-slider{white-space:nowrap;padding:0;margin:0}.tos-uibg,.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider{position:absolute}.tos-wrapper.tos-fx-slide .tos-slider{left:0;-webkit-transition:left .4s ease;transition:left .4s ease}.tos-wrapper.tos-fx-fade .tos-slider{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tos-uibg{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%;left:0;bottom:0;z-index:1}.tos-fill .tos-uibg{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.tos-desktop .tos-wrapper:hover .tos-uibg,.tos-touch .tos-wrapper.tos-hover .tos-uibg{opacity:1}.tos-slide{-webkit-overflow-scrolling:touch;line-height:1px;text-align:center;overflow:hidden;position:relative}.tos-slide:before{content:"";height:50%;width:1px;margin-right:-1px}.tos-slide.tos-loading>*{opacity:0}.tos-slide>*{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;vertical-align:middle;max-height:100%;max-width:100%}.tos-slide.tos-html>div{-webkit-overflow-scrolling:touch;white-space:normal;text-align:left;line-height:1.5}.tos-slide.tos-html>div *{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}.tos-wrapper.tos-fill .tos-slide.tos-image>img{max-height:none;max-width:none;min-height:100%;min-width:100%}.tos-wrapper.tos-fixed .tos-slide.tos-html>div{background-color:#fff;color:#333;box-sizing:border-box;display:inline-block;padding:40px;overflow:auto}.tos-desktop .tos-wrapper.tos-fixed{background-color:rgba(0,0,0,.85)}.tos-desktop .tos-wrapper.tos-fixed.tos-fit .tos-slide{padding:20px}.tos-close,.tos-next{right:20px}.tos-close,.tos-next,.tos-prev{background:#000;border-radius:3px;opacity:0;display:block;width:40px;position:absolute;z-index:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tos-next,.tos-prev{height:80px;margin-top:-40px;top:50%}.tos-next.tos-disabled,.tos-prev.tos-disabled{cursor:default}.tos-prev{left:20px}.tos-close{height:40px;top:20px}.tos-desktop .tos-wrapper:hover .tos-close,.tos-desktop .tos-wrapper:hover .tos-next,.tos-desktop .tos-wrapper:hover .tos-prev,.tos-touch .tos-wrapper.tos-hover .tos-close,.tos-touch .tos-wrapper.tos-hover .tos-next,.tos-touch .tos-wrapper.tos-hover .tos-prev{opacity:.5}.tos-desktop .tos-wrapper:hover .tos-close:hover,.tos-desktop .tos-wrapper:hover .tos-next:hover,.tos-desktop .tos-wrapper:hover .tos-prev:hover,.tos-touch .tos-wrapper.tos-hover .tos-close:hover,.tos-touch .tos-wrapper.tos-hover .tos-next:hover,.tos-touch .tos-wrapper.tos-hover .tos-prev:hover{opacity:.9}.tos-desktop .tos-wrapper:hover .tos-close.tos-disabled,.tos-desktop .tos-wrapper:hover .tos-next.tos-disabled,.tos-desktop .tos-wrapper:hover .tos-prev.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-close.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-next.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-prev.tos-disabled{opacity:.2}.tos-close span:after,.tos-close span:before,.tos-next span,.tos-prev span{content:'';display:block;width:12px;height:12px;margin:-5px;position:absolute;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.tos-close span:after,.tos-close span:before{width:6px;height:6px;margin-top:-4px;margin-left:0;margin-right:0}.tos-close span:before,.tos-prev span{border-bottom:3px solid #fff;border-left:3px solid #fff;left:50%}.tos-close span:after,.tos-next span{border-top:3px solid #fff;border-right:3px solid #fff;right:50%}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide,.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide,.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide{padding-left:80px;padding-right:80px}.tos-inline{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;display:inline-block;margin:0;position:relative;top:auto;left:auto;right:auto}.tos-caption,.tos-pagination{text-align:center;-webkit-transition:opacity .4s ease;width:100%;bottom:0;left:0;z-index:1;position:absolute}.tos-inline.tos-prev{margin-right:-60px}.tos-inline.tos-next{margin-left:-60px}.tos-loading .tos-inline{opacity:0!important}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next{-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.tos-caption{color:#fff;opacity:0;transition:opacity .4s ease}.tos-caption:after{content:'';display:block;clear:both}.tos-caption>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;padding:0 20px;float:left}.tos-caption>div:last-child{float:right;margin-right:-2px}.tos-desktop .tos-wrapper:hover .tos-caption,.tos-touch .tos-wrapper.tos-hover .tos-caption{opacity:1}.tos-wrapper .tos-caption{line-height:20px;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.8);height:40px}.tos-wrapper.tos-has-caption .tos-uibg{height:100px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide{padding-bottom:60px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-caption{line-height:40px;font-size:30px;text-shadow:0 2px 4px rgba(0,0,0,.8);height:80px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg{height:200px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-caption{line-height:60px;font-size:45px;text-shadow:0 3px 6px rgba(0,0,0,.8);height:120px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg{height:300px}.tos-wrapper.tos-fx-slide .tos-slider{-webkit-transition-property:left,margin;transition-property:left,margin}.tos-pagination{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;opacity:0;transition:opacity .4s ease}.tos-pagination a{display:inline-block}.tos-pagination.tos-bullets a{background-color:rgba(255,255,255,.2)}.tos-pagination.tos-bullets a:hover{background-color:rgba(255,255,255,.5)}.tos-pagination.tos-bullets a.tos-selected{background-color:rgba(255,255,255,.9)}.tos-desktop .tos-wrapper:hover .tos-pagination,.tos-touch .tos-wrapper.tos-hover .tos-pagination{opacity:1}.tos-wrapper .tos-pagination:after,.tos-wrapper .tos-pagination:before{content:'';display:inline-block;width:20px;height:10px}.tos-wrapper.tos-has-bullets .tos-pagination{height:30px}.tos-wrapper.tos-has-bullets .tos-pagination a{border-radius:10px;width:10px;height:10px;margin:0 5px}.tos-wrapper.tos-has-bullets .tos-caption{bottom:30px}.tos-wrapper.tos-has-bullets .tos-uibg{height:90px}.tos-wrapper.tos-has-bullets.tos-has-caption .tos-uibg{height:130px}.tos-wrapper.tos-has-thumbnails .tos-pagination{height:70px}.tos-wrapper.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:50px;height:50px;margin:0 5px}.tos-wrapper.tos-has-thumbnails .tos-caption{bottom:70px}.tos-wrapper.tos-has-thumbnails .tos-uibg{height:130px}.tos-wrapper.tos-has-thumbnails.tos-has-caption .tos-uibg{height:170px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets .tos-slide{padding-bottom:50px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets.tos-has-caption .tos-slide{padding-bottom:80px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails .tos-slide{padding-bottom:90px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide{padding-bottom:120px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:after,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:before{content:'';display:inline-block;width:40px;height:20px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination{height:60px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a{border-radius:20px;width:20px;height:20px;margin:0 10px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption{bottom:60px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg{height:180px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg{height:260px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination{height:140px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:100px;height:100px;margin:0 10px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption{bottom:140px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg{height:260px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg{height:340px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:after,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:before{content:'';display:inline-block;width:60px;height:30px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination{height:90px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a{border-radius:30px;width:30px;height:30px;margin:0 15px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption{bottom:90px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg{height:270px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg{height:390px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination{height:210px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:150px;height:150px;margin:0 15px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption{bottom:210px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg{height:390px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg{height:510px}.tos-slide .tos-html{-webkit-overflow-scrolling:touch}.tos-play,.tos-play:after{display:block;position:absolute;top:50%;left:50%}.tos-play{background:#000;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tos-play:after{content:''}.tos-desktop .tos-wrapper:hover .tos-play,.tos-touch .tos-wrapper.tos-hover .tos-play{opacity:.5}.tos-desktop .tos-wrapper:hover .tos-play:hover,.tos-touch .tos-wrapper.tos-hover .tos-play:hover{opacity:.9}.tos-wrapper .tos-play{border-radius:80px;width:80px;height:80px;margin:-40px}.tos-wrapper .tos-play:after{border:20px solid transparent;border-left-color:#fff;border-left-width:30px;margin-top:-20px;margin-left:-10.5px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play{border-radius:160px;width:160px;height:160px;margin:-80px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play:after{border:40px solid transparent;border-left-color:#fff;border-left-width:60px;margin-top:-40px;margin-left:-21px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play{border-radius:240px;width:240px;height:240px;margin:-120px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play:after{border:60px solid transparent;border-left-color:#fff;border-left-width:90px;margin-top:-60px;margin-left:-31.5px}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}*,
*:after,
*:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} html {
font-size: 62.5%;
background: #1a181d;
}
body {
font: 300 11px/1.4 "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.2rem;
color: #f7f3e5;
background: #1a181d;
}
ol,
ul,
li {
list-style: none;
padding: 0;
margin: 0;
} .clear:before,
.clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
} img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
text-decoration: none;
color: #f7f3e5;
}
a.spectacle {
color: #1a181d;
}
a:hover {
color: #ba4429;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #04a4cc;
}  .wrapper {
width: 100%;
}
.home .wrapper {
min-height: 100vh;
}
.flex {
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ombre {
position: fixed;
bottom: -100px;
-webkit-box-shadow: 0px -30px 50px #000;
box-shadow: 0px -30px 50px #000;
height: 100px;
width: 100%;
z-index: 500;
} .nav {
font-family: "Architects Daughter", cursive;
position: fixed;
width: 100%;
z-index: 200;
font-size: 2rem; background: #1a181d;
-webkit-box-shadow: 10px 10px 8px #1a181d;
box-shadow: 10px 10px 8px #1a181d;
}
.page .nav {
padding-top: 0px;
padding-bottom: 10px;
}
.nav li {
color: #ba4429;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
margin: auto;
cursor: pointer;
padding: 30px 5px 20px 5px;
}
.nav li a {
color: #ba4429;
-webkit-transition: all 0.4s;
transition: all 0.4s;
padding: 0 10px;
position: relative;
}
.nav li a::before {
background-color: #ba4429;
width: 0%;
height: 100%;
position: absolute;
content: "";
z-index: -1;
left: 0px;
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.vrai .nav li a {
color: #e02238;
}
.surcouf .nav li a {
color: #91be60;
}
.maree-basse .nav li a {
color: #a84940;
}
.coulisses .nav li a {
color: #f1c322;
}
.vu .nav li a {
color: #90ada8;
}
.vue .nav li a {
color: #c6d3e9;
}
.vu-vue .nav li a {
color: #b4b2e4;
}
.nav li:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.nav li:hover a {
color: #1a181d;
}
.nav li:hover a::before {
width: 100%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.maree-basse .nav li a::before {
background-color: #a84940;
}
.vrai .nav li a::before {
background-color: #e02238;
}
.surcouf .nav li a::before {
background-color: #91be60;
}
.coulisses .nav li a::before {
background-color: #f1c322;
}
.vu .nav li a::before {
background-color: #90ada8;
}
.vue .nav li a::before {
background-color: #c6d3e9;
}
.vu-vue .nav li a::before {
background-color: #b4b2e4;
}
.surcouf #bt-spectacles a::before,
.vrai #bt-spectacles a::before,
.maree-basse #bt-spectacles a::before,
.vu #bt-spectacles a::before,
.vue #bt-spectacles a::before,
.vu-vue #bt-spectacles a::before,
.plan-de-tournee #bt-pdt a::before,
.la-compagnie #bt-compagnie a::before,
.livre-dor #bt-or a::before,
.espace-pro #bt-pros a::before,
.contact #bt-contact a::before {
width: 100%;
}
.surcouf .nav #bt-spectacles,
.vrai .nav #bt-spectacles,
.maree-basse .nav #bt-spectacles,
.vu .nav #bt-spectacles,
.vue .nav #bt-spectacles,
.vu-vue .nav #bt-spectacles,
.plan-de-tournee #bt-pdt,
.la-compagnie .nav #bt-compagnie,
.livre-dor .nav #bt-or,
.espace-pro .nav #bt-pros,
.contact .nav #bt-contact {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.surcouf #bt-spectacles a,
.vrai #bt-spectacles a,
.maree-basse #bt-spectacles a,
.vu #bt-spectacles a,
.vue #bt-spectacles a,
.vu-vue #bt-spectacles a,
.plan-de-tournee #bt-pdt a,
.la-compagnie #bt-compagnie a,
.livre-dor #bt-or a,
.espace-pro #bt-pros a,
.contact #bt-contact a {
color: #1a181d;
}
path {
fill: #ba4429;
}
.page path {
fill: #f7f3e5;
}
.bt-nav-mobile {
display: none;
}
#langue {
position: fixed;
left: 4vw;
top: calc(15vh + 7vw - 45px);
z-index: 100;
padding: 0;
}
#langue a {
color: #fff;
font-size: 1rem;
text-decoration: none;
font-weight: normal;
}
#langue a:hover {
color: #f9532c;
}
#langue:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.page #langue {
left: 15px;
top: 30px;
width: 30px;
z-index: 200;
}
.home .header #langue {
display: none;
}
.separe {
background: #fff;
height: 5px;
margin: 5px 15px 5px 0;
width: 25px;
} .logo {
margin: 110px calc((100% - 22vw) / 2) 0 calc((100% - 22vw) / 2);
width: 22vw;
cursor: pointer;
position: fixed;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
z-index: 300;
}
.home .logo {
margin: 15vh calc((100% - 35vw) / 2);
width: 35vw;
}
.surcouf .logo,
.vrai .logo,
.maree-basse .logo,
.vu .logo,
.vue .logo,
.vu-vue .logo,
.coulisses .logo,
.tourne-autour .logo {
margin: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
bottom: 20vh;
left: -6.5vw;
}
.photofond {
width: 100vh;
height: 200vh;
position: fixed;
top: 0;
margin: 0 calc((100vw - 100vh) / 2);
-webkit-transition: opacity 2s, -webkit-transform 2s;
transition: opacity 2s, -webkit-transform 2s;
transition: transform 2s, opacity 2s;
transition: transform 2s, opacity 2s, -webkit-transform 2s;
}
.photo1,
.photo2 {
width: 100vh;
height: 100vh;
background-size: 100%;
background-repeat: no-repeat;
}
.photo2 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.titres-accueil {
max-width: 280px;
position: fixed;
bottom: -60vh;
-webkit-transition: all 1.7s ease-out;
transition: all 1.7s ease-out;
margin: 0 0 22vh 4vw;
}
.titres-accueil p {
background-color: #1a181d;
padding: 10px 0px;
margin: 0;
}
.titres-accueil.t-vu img {
max-width: 35%;
}
.titres-accueil.t-vue img {
max-width: 35%;
}
#dates-accueil {
position: absolute;
top: calc(15vh + 7vw - 55px);
right: 0;
color: #f7f3e5;
padding-bottom: 100px;
padding-right: 4vw;
text-align: right;
z-index: 100;
-webkit-transition: all 1s;
transition: all 1s;
background: -webkit-linear-gradient(
left,
rgba(26, 24, 29, 0) 0%,
rgba(26, 24, 29, 0.77) 33%,
rgba(26, 24, 29, 1) 100%
); background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(26, 24, 29, 0)),
color-stop(33%, rgba(26, 24, 29, 0.77)),
to(rgba(26, 24, 29, 1))
);
background: linear-gradient(
to right,
rgba(26, 24, 29, 0) 0%,
rgba(26, 24, 29, 0.77) 33%,
rgba(26, 24, 29, 1) 100%
); max-width: 300px;
}
#dates-accueil img {
max-width: 80%;
}
#dates-accueil h2 {
font-size: 2.5rem;
margin-bottom: 0;
}
#dates-accueil .em.em-list {
display: block;
}
.quoi {
font-weight: bold;
}
.jour {
color: #f7f3e5;
}
.jour,
.quoi {
font-size: 1.8rem;
}
.ou {
font-weight: bold;
padding: 1px 5px;
line-height: 2rem;
font-size: 1.2rem;
}
.descriptif {
display: block;
font-size: 1.2rem;
color: #f7f3e5;
}
.fond-noir {
width: 100vw;
height: 100vh;
background: #1a181d;
z-index: 150;
position: fixed;
-webkit-transition: all 1s;
transition: all 1s;
cursor: pointer;
top: 0;
opacity: 0.9;
}
.spectacles {
position: fixed;
bottom: -100vh;
width: 90%;
max-width: 100%;
margin: 0 5%;
-webkit-transition: all 1s;
transition: all 1s;
max-height: 70vh;
z-index: 300;
flex-wrap: wrap;
justify-content: center;
pointer-events: none;
}
.affiche-spectacles {
bottom: 20vh;
}
.spectacle {
max-width: 300px;
background: #f7f3e5;
text-align: center;
-webkit-transition: all 1.5s;
transition: all 1.5s;
-webkit-transform: scale(0.9);
transform: scale(0.9); width: 20%;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
z-index: 1;
pointer-events: initial;
}
.spectacle p {
padding: 5px;
display: none;
}
.spectacle:hover {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 1;
z-index: 100;
}
.separation_old {
width: 100%;
} .footer {
} .photos1,
.photos2,
.photos3,
.photos4 {
position: fixed;
bottom: 0;
left: 4vw;
width: 49%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: -1;
}
.coulisses .photos1,
.coulisses .photos2,
.coulisses .photos3,
.coulisses .photos4,
.tourne-autour .photos1,
.tourne-autour .photos2,
.tourne-autour .photos3,
.tourne-autour .photos4 {
left: 8vw;
}
.haut {
bottom: 110vh;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.conteneur {
width: 49%;
float: right;
vertical-align: top;
padding: 0 4vw;
font-size: 1.5rem;
margin-bottom: 100px;
margin-top: 42vh;
}
.conteneur-compagnie,
.conteneur-equipe,
.conteneur-livre {
width: 100%;
max-width: 1940px;
vertical-align: top;
text-align: justify;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 1.4rem;
padding: 0 20px;
margin: 0 0 100px 0;
position: relative;
z-index: 150;
}
.conteneur-equipe {
padding: 0 13.5%;
}
.conteneur-compagnie,
.conteneur-livre {
margin-top: 42vh;
}
.conteneur-compagnie .alignnone {
margin: -10px 0 10px -10px;
}
.conteneur-compagnie img {
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
.conteneur-compagnie p,
.equipe {
padding: 10px 10px 20px 10px;
background-color: #f7f3e5;
color: #1a181d;
display: inline-block;
margin: 10px 0;
width: 24%;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
}
.livre-or {
width: 100%;
text-align: center;
padding: 0 20px;
}
h3 { font-size: 2.2rem;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #ba4429;
border: none;
color: #1a181d;
font-weight: bold;
padding: 10px;
}
#gwolle-gb-total {
display: none;
}
#gwolle_gb_new_entry,
#gwolle_gb_write_button {
padding-bottom: 40px;
}
#gwolle_gb_entries {
font-size: 0rem;
}
input[type="text"],
#gwolle_gb_content {
background-color: #f7f3e5;
border: 0;
}
.text-info {
float: right;
padding-right: 10px;
}
.gwolle_gb_notice {
margin-left: 35%;
width: 50%;
}
.message-or,
.gb-entry {
padding: 10px 20px;
background-color: #f7f3e5;
color: #1a181d;
display: inline-block;
margin: 15px !important;
width: 280px;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 1.4rem;
}
.message-or:hover,
.gb-entry:hover {
-webkit-transform: scale(1.2) rotate(1.5deg);
transform: scale(1.2) rotate(1.5deg);
z-index: 100;
}
.conteneur-compagnie p,
.equipe p {
line-height: 2.2rem;
}
.equipe {
-webkit-transition: all 1.5s;
transition: all 1.5s;
cursor: pointer;
width: 32.2%;
overflow: hidden;
position: relative;
}
.equipe p {
position: relative;
background-color: #f7f3e5;
}
.equipe::before {
background-image: url(//www.sacekripa.com/sacekripa/wp-content/themes/sacekripa/img/deg.png);
content: "";
height: 10px;
width: 100%;
bottom: 35px;
position: absolute;
background-size: 100%;
}
.equipe::after {
background-color: #f7f3e5;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
content: "lire la bio...";
text-align: center;
padding: 7px 5px 0 5px;
height: 35px;
font-weight: bold;
color: #ba4429;
}
.equipe:hover:after {
color: #1a181d;
}
.equipe .alignnone {
margin: -25px 0 10px -10px;
}
.equipe img {
width: calc(100% + 20px);
max-width: calc(100% + 20px);
-webkit-transition: all 1.5s;
transition: all 1.5s;
}
.equipe:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.equipe h2 {
margin-top: -10px;
}
.equipe:hover h2 {
color: #ba4429;
}
.la-compagnie strong {
color: #ba4429;
font-size: 1.8rem;
}
.maree-basse .texte {
background: #a84940;
padding: 25px 4vw;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
margin-bottom: 100px;
}
.vu .texte {
background: #90ada8;
color: #000;
padding: 25px 4vw;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
margin-bottom: 100px;
}
.vue .texte {
background: #c6d3e9;
color: #000;
padding: 25px 4vw;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
margin-bottom: 100px;
}
.vu-vue .texte {
background: #b4b2e4;
color: #000;
padding: 25px 4vw;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
margin-bottom: 100px;
}
.vrai .texte { padding: 25px 4vw;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
margin-bottom: 100px;
}
.surcouf .texte {
background: #91be60;
color: #000;
padding: 25px 4vw;
-webkit-box-shadow: 5px 5px 40px #000;
box-shadow: 5px 5px 40px #000;
margin-bottom: 100px;
}
.coulisses .texte,
.tourne-autour .texte {
padding: 0 4vw 25px 4vw;
}
.pro {
width: 100%;
max-width: 1200px;
vertical-align: top;
font-size: 1.4rem;
margin: 30vh auto 50px auto;
position: relative;
z-index: 150;
text-align: center;
}
.espace-pro .pro {
max-width: none;
}
.espace-pro .pros {
display: inline-block;
margin: 0 2.5%;
vertical-align: top;
width: 29%;
}
.contact .contacts {
display: inline-block;
margin: 0 2.5%;
vertical-align: top;
width: 40%;
}
.pros p {
display: inline-block;
text-align: center;
vertical-align: top;
font-weight: bold;
padding: 15px;
margin: 5px;
}
.pros p:hover {
border: 5px #f7f3e5 solid;
padding: 10px;
-webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.3);
}
.pros a:hover {
color: #f7f3e5;
}
.surcouf .pros a,
.surcouf .pros a:hover,
.vu .pros a,
.vu .pros a:hover,
.vue .pros a,
.vue .pros a:hover,
.vu-vue .pros a,
.vu-vue .pros a:hover {
color: #000;
}
.contact .pros a {
max-width: none;
}
.titre-spectacle {
position: fixed;
z-index: 150;
top: 15vh;
left: 5vw;
width: 45vw;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 100px;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fb {
margin-bottom: 100px;
margin-left: 4vw;
font-weight: bold;
}
.metaslider {
margin-bottom: 100px !important;
}
.metaslider .caption-wrap {
background: #1a181d !important;
opacity: 1 !important;
text-align: center;
}
.maree-basse .caption {
color: #a84940;
}
.vu .caption {
color: #90ada8;
}
.vue .caption {
color: #c6d3e9;
}
.vu-vue .caption {
color: #b4b2e4;
}
.vrai .caption {
color: #e02238;
}
.surcouf .caption {
color: #91be60;
}
.tos-wrapper.tos-has-thumbnails .tos-caption {
display: none;
}
.tos-desktop .tos-wrapper.tos-fixed {
background-color: rgba(0, 0, 0, 0.9);
}
.tos-desktop .tos-wrapper:hover .tos-close,
.tos-desktop .tos-wrapper:hover .tos-next,
.tos-desktop .tos-wrapper:hover .tos-prev,
.tos-touch .tos-wrapper.tos-hover .tos-close,
.tos-touch .tos-wrapper.tos-hover .tos-next,
.tos-touch .tos-wrapper.tos-hover .tos-prev {
opacity: 0.7;
}
.tos-desktop .tos-wrapper:hover .tos-close:hover,
.tos-desktop .tos-wrapper:hover .tos-next:hover,
.tos-desktop .tos-wrapper:hover .tos-prev:hover,
.tos-touch .tos-wrapper.tos-hover .tos-close:hover,
.tos-touch .tos-wrapper.tos-hover .tos-next:hover,
.tos-touch .tos-wrapper.tos-hover .tos-prev:hover {
opacity: 1;
}
.tos-close span::before,
.tos-prev span {
border-bottom: 5px solid #fff;
border-left: 5px solid #fff;
}
.tos-close span::after,
.tos-next span {
border-top: 5px solid #fff;
border-right: 5px solid #fff;
}
.tos-close span::after,
.tos-close span::before {
width: 15px;
height: 15px;
}
.tos-close span::after,
.tos-close span::before,
.tos-next span,
.tos-prev span {
width: 20px;
height: 20px;
}
.vrai .flex-control-paging li a {
background: #e02238;
}
.surcouf .flex-control-paging li a {
background: #91be60;
}
.vu .flex-control-paging li a {
background: #90ada8;
}
.vue .flex-control-paging li a {
background: #c6d3e9;
}
.vu-vue .flex-control-paging li a {
background: #b4b2e4;
}
.marre-Basse .flex-control-paging li a {
background: #a84940;
}
.flex-control-paging li a:hover {
background: #f7f3e5 !important;
}
.contact strong {
color: #ba4429;
font-size: 1.7rem;
}
.plan-de-tournee h1,
.la-compagnie h1,
.conteneur-livre h1 {
font-size: 8rem;
text-align: center;
font-family: "Architects Daughter", cursive;
letter-spacing: 0.1rem;
margin-bottom: 0;
color: #ba4429;
}
.la-compagnie h1,
.conteneur-livre h1 {
font-size: 6rem;
margin: 10px 0;
width: calc(100% - 20px);
position: absolute;
top: -90px;
z-index: -1;
font-weight: normal;
}
.la-compagnie .conteneur-equipe h1 {
width: 73%;
}
.pro h1,
.contact h1 {
font-size: 6rem;
font-weight: normal;
text-align: center;
font-family: "Architects Daughter", cursive;
color: #ba4429;
}
.surcouf h1,
.vrai h1,
.vu h1,
.vue h1,
.vu-vue h1,
.maree-basse h1,
.coulisses h1,
.tourne-autour h1 {
font-size: 2rem;
margin-bottom: 0;
margin-left: 4vw;
color: #f7f3e5;
}
.vu h1 b,
.vu h1 strong {
font-size: 3.5rem;
color: #90ada8;
}
.vue h1 b,
.vue h1 strong {
font-size: 3.5rem;
color: #c6d3e9;
}
.vu-vue h1 b,
.vu-vue h1 strong {
font-size: 3.5rem;
color: #b4b2e4;
}
.maree-basse h1 b,
.maree-basse h1 strong {
font-size: 3.5rem;
color: #a84940;
}
.vrai h1 b,
.vrai h1 strong {
font-size: 3.5rem;
color: #e02238;
}
.surcouf h1 b,
.surcouf h1 strong {
font-size: 3.5rem;
color: #91be60;
}
.coulisses h1 b,
.coulisses h1 strong {
font-size: 3.5rem;
color: #f1c322;
}
.tourne-autour h1 b,
.tourne-autour h1 strong {
font-size: 3.5rem;
color: #ba4429;
}
h2 {
font-size: 3.5rem;
margin-bottom: 0;
text-align: left;
}
.maree-basse h2 {
color: #a84940;
margin-left: 4vw;
}
.vrai h2 {
color: #e02238;
margin-left: 4vw;
}
.surcouf h2 {
color: #91be60;
margin-left: 4vw;
}
.vu h2 {
color: #90ada8;
margin-left: 4vw;
}
.vue h2 {
color: #c6d3e9;
margin-left: 4vw;
}
.vu-vue h2 {
color: #b4b2e4;
margin-left: 4vw;
}
.coulisses h2 {
color: #f1c322;
margin-left: 4vw;
}
.tourne-autour h2 {
color: #ba4429;
margin-left: 4vw;
}
.agenda {
margin-left: 4vw;
}
.agenda h2 {
margin: 0;
}
.ladate {
position: relative;
margin-bottom: 10px;
margin-left: 70px;
}
.ladate .jour {
position: absolute;
top: 0;
left: -70px;
text-align: right;
font-weight: bold;
width: 50px;
line-height: 2rem;
}
.plan-de-tournee h2 {
color: #f7f3e5;
font-family: "Architects Daughter", cursive;
letter-spacing: 0.1rem;
}
.plan-de-tournee h2:first-of-type {
margin-top: 0;
}
.plan-de-tournee .cont {
position: relative;
width: 92vw;
margin: 250px 4vw;
}
.colonnes {
padding: 15px;
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
-webkit-column-gap: 4vw;
-moz-column-gap: 4vw;
column-gap: 4vw; }
.unedate {
display: inline-block;
width: 100%;
}
.mois {
display: inline-block;
margin-bottom: 40px;
}
.invisible {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
} @media only screen and (max-width: 1600px) {
h2 {
font-size: 3rem;
}
}
@media only screen and (max-width: 1200px) {
.spectacles {
width: 96%;
margin: 0 2%;
}
}
@media only screen and (max-width: 1024px) {
.home .logo {
margin: 25px 0 0 calc((100% - 380px) / 2 + 40px);
width: 380px;
}
.surcouf .logo,
.vrai .logo,
.maree-basse .logo,
.vu .logo,
.vue .logo,
.vu-vue .logo,
.coulisses .logo,
.tourne-autour .logo,
.logo {
margin: 10px 0 0 calc((100% - 300px) / 2 + 40px);
width: 300px;
bottom: auto;
left: auto;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.bt-nav-mobile {
display: inherit;
position: relative;
width: 40px;
height: 40px;
margin: 25px;
cursor: pointer;
}
#burger-1,
#burger-2,
#burger-3 {
position: absolute;
display: block;
height: 4px;
background: #ba4429;
border-radius: 2px;
width: 100%;
}
.maree-basse #burger-1,
.maree-basse #burger-2,
.maree-basse #burger-3 {
background: #a84940;
}
.vu #burger-1,
.vu #burger-2,
.vu #burger-3 {
background: #90ada8;
}
.vue #burger-1,
.vue #burger-2,
.vue #burger-3 {
background: #c6d3e9;
}
.vu-vue #burger-1,
.vu-vue #burger-2,
.vu-vue #burger-3 {
background: #c6d3e9;
}
.vrai #burger-1,
.vrai #burger-2,
.vrai #burger-3 {
background: #e02238;
}
.surcouf #burger-1,
.surcouf #burger-2,
.surcouf #burger-3 {
background: #91be60;
}
.coulisses #burger-1,
.coulisses #burger-2,
.coulisses #burger-3 {
background: #f1c322;
}
#burger-1-h,
#burger-2-h,
#burger-3-h {
position: absolute;
display: block;
height: 4px;
background: #f7f3e5;
border-radius: 2px;
width: 0%;
}
#burger-1,
#burger-1-h {
top: 4px;
-webkit-transition: width 0.33s, top 0.33s, -webkit-transform 0.5s;
transition: width 0.33s, top 0.33s, -webkit-transform 0.5s;
transition: transform 0.5s, width 0.33s, top 0.33s;
transition: transform 0.5s, width 0.33s, top 0.33s, -webkit-transform 0.5s;
}
#burger-2,
#burger-2-h {
top: 18px;
-webkit-transition: width 0.66s;
transition: width 0.66s;
}
#burger-3,
#burger-3-h {
top: 32px;
-webkit-transition: width 1s, top 0.33s, -webkit-transform 0.5s;
transition: width 1s, top 0.33s, -webkit-transform 0.5s;
transition: transform 0.5s, width 1s, top 0.33s;
transition: transform 0.5s, width 1s, top 0.33s, -webkit-transform 0.5s;
}
.bt-nav-mobile:hover #burger-1-h,
.bt-nav-mobile:hover #burger-2-h,
.bt-nav-mobile:hover #burger-3-h {
width: 100%;
}
.bt-nav-mobile:hover #burger-1,
.bt-nav-mobile:hover #burger-1-h {
top: 0px;
}
.bt-nav-mobile:hover #burger-3,
.bt-nav-mobile:hover #burger-3-h {
top: 36px;
}
.fermer #burger-2,
.fermer #burger-2-h {
display: none;
}
.fermer #burger-1,
.fermer #burger-1-h {
top: 6px !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 0;
transform-origin: 0;
left: 6px;
}
.fermer #burger-3,
.fermer #burger-3-h {
top: 34px !important;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0;
transform-origin: 0;
left: 6px;
}
.nav ul {
opacity: 0;
visibility: hidden;
height: auto;
width: 100%;
top: 100vh;
position: fixed;
z-index: 500;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
-webkit-flex-flow: column;
-ms-flex-flow: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
padding-top: 50px;
}
.nav {
padding-top: 20px;
}
.nav li {
margin: 0 auto;
padding: 10px;
text-align: center;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.titres-accueil {
width: 40%;
margin: 25px;
}
#langue {
left: 25px;
top: 120px;
}
.page #langue {
left: 30px;
top: 80px;
}
.spectacles {
width: calc(100% - 30px);
margin: 0 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: none;
}
.affiche-spectacles {
bottom: 30vh;
}
.spectacle.n5,
.spectacle.n6 {
display: none;
}
.spectacle p {
display: none;
}
#dates-accueil {
top: 25vh;
max-width: 50vw;
}
h2 {
font-size: 3rem;
}
.conteneur-compagnie p,
.equipe {
width: 48%;
}
.conteneur-equipe {
padding: 0 20px;
}
.titre-spectacle {
top: 22vh;
left: 25px;
}
.conteneur {
width: 50%;
padding: 0 25px 0 0;
}
.surcouf .texte,
.vrai .texte,
.maree-basse .texte,
.vu .texte,
.vue .texte,
.vu-vue .texte,
.coulisses .texte,
.tourne-autour .texte {
padding: 20px;
}
.surcouf h2,
.vrai h2,
.maree-basse h2,
.vu h2,
.vue h2,
.vu-vue h2,
.coulisses h2,
.tourne-autour h2,
.surcouf h1,
.vrai h1,
.maree-basse h1,
.vu h1,
.vue h1,
.vu-vue h1,
.coulisses h1,
.tourne-autour h1 {
margin-left: 20px;
}
.photos1,
.photos2,
.photos3,
.photos4,
.coulisses .photos1,
.coulisses .photos2,
.coulisses .photos3,
.coulisses .photos4,
.tourne-autour .photos1,
.tourne-autour .photos2,
.tourne-autour .photos3,
.tourne-autour .photos4 {
left: 0;
}
.colonnes {
padding: 0px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.plan-de-tournee .cont {
margin: 150px 4vw;
}
}
@media only screen and (max-width: 780px) {
.affiche-spectacles {
bottom: auto;
top: 120px;
}
.spectacles {
margin: 0 10px;
}
.spectacle {
max-width: 30%;
width: 30%;
}
.spectacle.n5,
.spectacle.n6 {
margin: 0;
}
}
@media only screen and (max-width: 480px) {
.spectacle {
max-width: 50%;
width: 50%;
max-width: 22vh;
}
.spectacle.n5,
.spectacle.n6 {
display: none;
}
.logo,
.home .logo,
.surcouf .logo,
.vrai .logo,
.maree-basse .logo,
.vu .logo,
.vue .logo,
.vu-vue .logo,
.coulisses .logo,
.tourne-autour .logo {
margin: 15px 0 0 75px;
max-width: calc(100% - 85px);
}
.bt-nav-mobile {
display: inherit;
position: relative;
width: 40px;
height: 40px;
margin: 0 0 0 15px;
cursor: pointer;
}
#langue {
left: 15px;
top: 80px;
}
.page #langue {
left: 21px;
top: 68px;
}
.page .nav {
padding-top: 20px; }
.nav ul {
padding-top: 0px;
}
.photofond {
margin: 0 calc((100vw - 100vh));
}
.titres-accueil {
display: none;
}
.conteneur-compagnie p,
.equipe {
width: 100%;
}
.flex {
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.espace-pro .pros,
.contact .pros {
width: 90%;
}
.conteneur {
width: 100%;
padding: 5px;
}
.titre-spectacle {
position: absolute;
top: 100px;
width: calc(100% - 50px);
}
.vu .titre-spectacle,
.vue .titre-spectacle {
width: 30vw;
}
.photos1 {
bottom: 0;
left: -40% !important;
width: 180% !important;
opacity: 0.5;
}
.vu h1 b,
.vu h1 strong,
.vue h1 b,
.vue h1 strong,
.vu-vue h1 b,
.vu-vue h1 strong,
.maree-basse h1 b,
.surcouf h1 b,
.vrai h1 b,
.coulisses h1 b,
.tourne-autour h1 b,
.maree-basse h1 strong,
.surcouf h1 strong,
.vrai h1 strong,
.coulisses h1 strong,
.tourne-autour h1 strong {
font-size: 2rem;
}
.colonnes {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 4vw;
-moz-column-gap: 4vw;
column-gap: 4vw; }
.mois {
display: block;
text-align: center;
}
.mois h2 {
font-size: 3rem;
text-align: center;
}
.old {
display: none;
}
}
@media only screen and (max-height: 800px) {
}
@media only screen and (max-height: 600px) {
.masquer {
display: none;
}
}
@media only screen and (max-height: 450px) {
.spectacle p {
display: none;
}
} ::-moz-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
} .alignnone {
margin: 0px 0 10px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}