| 1 |
- *{box-sizing:border-box}body,html{font-size:1rem;height:100%;margin:0;padding:0}li,ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#000}blockquote,em,h1,h2,h3,li,ol,p,ul{margin:0}img{width:100%;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:2rem;font-weight:400;color:#fff}body #header .language-selector li:nth-child(-n+2)::after{font-size:2rem;content:'-';color:#fff}body #start .content p{font-family:Montserrat-Light;font-size:1.375rem;font-weight:400;line-height:2rem}body #start #home h1{font-family:Montserrat-Thin;font-size:30vw;font-weight:400}body #start #home a,body #start #home p{font-family:Montserrat-Light;font-size:1.512rem;color:#fff}body #start .chap{font-family:Montserrat-Light;color:#fff}body #start .chap h2{font-family:Montserrat-Light;font-size:4.5rem;font-weight:400}body #start .chap a{font-family:Montserrat-Regular;font-size:1.512rem;color:#fff}body #start .chap a:nth-of-type(2)::before{margin:0 5px;content:'-';color:#fff}#header{position:fixed;z-index:999}#header .language-selector{position:fixed;left:50%;display:-ms-flexbox;display:flex;width:100px;margin-left:-100px}#header .language-selector li{display:-ms-flexbox;display:flex}#header .language-selector li:nth-child(-n+2)::after{position:relative;display:block;margin:0 10px}#header .navigation li{position:fixed;text-align:center}#header .navigation li:first-child{display:none}#header .navigation li:nth-child(2){bottom:0;width:50%}#header .navigation li:nth-child(3){top:0;width:50%}#header .navigation li:nth-child(4){right:0;bottom:0;width:50%}#header .navigation li:nth-child(5){top:50%;right:-50%;width:100%;margin-right:22px;transform:rotate(90deg)}#header .navigation li:nth-child(6){top:50%;left:-50%;width:100%;margin-left:22px;transform:rotate(-90deg)}#header .navigation li:nth-child(7){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)>div{overflow:auto;width:50%;height:100vh}#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 .content p{margin-bottom:15px;text-align:center}#start .grav-youtube{margin:0}#start #home{display:-ms-flexbox;display:flex}#start #home .visu-album{position:absolute}#start #home .title{z-index:999;display:-ms-flexbox;display:flex;width:100%;height:100vh;-ms-flex-wrap:wrap;flex-wrap:wrap}#start #home .title h1{width:100vw;margin:auto;text-align:center;text-transform:uppercase}#start #home .title p{position:absolute;top:77%;left:50%;width:500px;margin-left:-250px;text-align:center}#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}
|
