* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; height: 100%; font-size: 1rem; }

ul, li, ol { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: black; }

p, ul, li, ol, h1, h2, h3, em, blockquote { margin: 0; }

img { width: 100%; vertical-align: bottom; height: auto; }

@font-face { font-family: "Montserrat-Regular"; src: url("../fonts/Montserrat/webfonts/Montserrat-Regular.eot"); src: url("../fonts/Montserrat/webfonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/webfonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/webfonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/webfonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg"); }

@font-face { font-family: "Montserrat-Light"; src: url("../fonts/Montserrat/webfonts/Montserrat-Light.eot"); src: url("../fonts/Montserrat/webfonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/webfonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/webfonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/webfonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); }

@font-face { font-family: "Montserrat-Thin"; src: url("../fonts/Montserrat/webfonts/Montserrat-Thin.eot"); src: url("../fonts/Montserrat/webfonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/webfonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat/webfonts/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat/webfonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg"); }

body #header a { font-family: "Montserrat-Regular"; font-size: 1.512rem; font-weight: normal; color: white; }

body #header .language-selector li:nth-child(-n+2)::after { font-size: 1.512rem; content: "-"; color: white; }

body #start .content p { font-size: 1rem; font-family: "Montserrat-Light"; font-weight: normal; line-height: 2rem; }

body #start #home h1, body #start #contact h1 { font-family: "Montserrat-Thin"; font-weight: normal; font-size: 30vw; }

body #start #home p, body #start #home a, body #start #contact p, body #start #contact a { font-size: 1rem; color: white; font-family: "Montserrat-Light"; }

body #start .chap { color: white; font-family: "Montserrat-Light"; }

body #start .chap h2 { font-family: "Montserrat-Light"; font-weight: normal; font-size: 3.024rem; }

body #start .chap a { font-family: "Montserrat-Regular"; font-size: 1rem; color: white; }

body #start .chap > a:nth-of-type(2)::before { margin: 0 5px; content: "-"; color: white; }

#header { position: fixed; z-index: 999; }

#header .language-selector { display: -ms-flexbox; display: flex; position: fixed; width: 160px; left: 50%; margin-top: 10px; margin-left: -75px; }

#header .language-selector li { display: -ms-flexbox; display: flex; }

#header .language-selector li:nth-child(-n+2)::after { margin: 0 10px; display: block; position: relative; }

#header .navigation li { position: fixed; text-align: center; }

#header .navigation li:first-child { display: none; }

#header .navigation li:nth-child(2) { margin-bottom: 10px; bottom: 0; width: 50%; }

#header .navigation li:nth-child(3) { margin-top: 10px; top: 0; width: 50%; }

#header .navigation li:nth-child(4) { margin-bottom: 10px; bottom: 0; width: 50%; right: 0; }

#header .navigation li:nth-child(5) { transform: rotate(90deg); top: 50%; width: 100%; right: -50%; margin-right: 22px; }

#header .navigation li:nth-child(6) { transform: rotate(-90deg); top: 50%; width: 100%; left: -50%; margin-left: 22px; }

#header .navigation li:nth-child(7) { margin-top: 10px; top: 0; right: 0; width: 50%; }

#header .navigation li a { position: relative; margin: auto; }

#start div:nth-child(n+3) { display: -ms-flexbox; display: flex; }

#start div:nth-child(n+3):nth-child(even) { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

#start div:nth-child(n+3) > div { width: 50%; height: 100vh; overflow: auto; }

#start div:nth-child(n+3) > div:first-child { display: -ms-flexbox; display: flex; background-image: linear-gradient(#98272D, #4f100B); }

#start div:nth-child(n+3) > div:first-child .chap { margin: auto; text-align: center; }

#start div:nth-child(n+3) > div:first-child .chap .reso { -ms-flex-pack: center; justify-content: center; -ms-flex-direction: row; flex-direction: row; margin-top: 10px; }

#start div:nth-child(n+3) > div:first-child .chap .reso a:nth-of-type(1) { margin-right: 5px; }

#start div:nth-child(n+3) > div:first-child .chap .reso a:nth-of-type(2) { margin-left: 5px; }

#start .content p { text-align: center; margin-bottom: 15px; }

#start .grav-youtube { margin: 0; }

#start #home { display: -ms-flexbox; display: flex; height: 100vh; }

#start #home .visu-album { position: absolute; }

#start #home .title { z-index: 998; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#start #home .title h1 { width: 100vw; margin: auto; text-transform: uppercase; text-align: center; }

#start #home .title p { position: absolute; text-align: center; width: 500px; left: 50%; margin-left: -250px; top: 77%; }

#start #home .title p img { vertical-align: middle; margin-top: 8px; }

#start #home .title p img:nth-of-type(1) { width: 20px; margin-right: 5px; }

#start #home .title p a:last-child img { width: 28px; }

#start #home .title .reso { margin: -20px auto 0 auto; }

#start #home .title .reso a:nth-of-type(1) { margin-right: 5px; }

#start #home .title .reso a:nth-of-type(2) { margin-left: 5px; }

#start #biographie .content, #start #prochaines_dates .content { padding: 100px; }

#start #biographie .content p:last-child, #start #prochaines_dates .content p:last-child { margin-bottom: 100px; }

#start #photographie p { margin: 0; }

#start #presse #sovaj, #start #presse #matriz { display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: 100px; }

#start #presse p { font-size: 0.882rem !important; line-height: 1.2rem; }

#start #presse p:nth-of-type(1) { padding: 0 50px; margin-top: 100px; }

#start #presse p:not(:nth-of-type(1)) { width: 50%; height: auto; }

#start #presse p:not(:nth-of-type(1)) img { width: 20%; height: auto; margin: 20px 0; }

#start #contact { background-image: linear-gradient(#98272D, #4f100B); display: -ms-flexbox; display: flex; width: 100%; height: 100vh; }

#start #contact #Contact { -ms-flex-direction: column; flex-direction: column; background-image: none; height: auto !important; margin: auto; }

#start #contact #Contact p { text-align: center; margin: 0 auto; line-height: 1.5rem; }

#start #contact #Contact p strong { line-height: 3rem; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,[encoded data, 24868 characters] */
