| 1 |
- @charset 'UTF-8';/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0 50px 0 50px}main{display:block}h1{font-size:2em;margin:0}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}ul{list-style:none}li,ul{margin:0;padding:0}a{text-decoration:none;color:#000;background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none;-webkit-text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{width:100%;height:100%;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:leaguegothic-regular-webfont;src:url(../fonts/League_gothic/leaguegothic-regular-webfont.eot);src:url(../fonts/League_gothic/leaguegothic-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/League_gothic/leaguegothic-regular-webfont.woff) format('woff'),url(../fonts/League_gothic/leaguegothic-regular-webfont.ttf) format('truetype'),url(../fonts/League_gothic/leaguegothic-regular-webfont.svg#leaguegothic-regular-webfont) format('svg')}@font-face{font-family:Roboto-Light;src:url(../fonts/roboto/Roboto-Light-webfont.eot);src:url(../fonts/roboto/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-Regular;src:url(../fonts/roboto/Roboto-Regular-webfont.eot);src:url(../fonts/roboto/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto/Roboto-Regular-webfont.svg#Roboto-Regular) format('svg')}@font-face{font-family:Roboto-Italic;src:url(../fonts/roboto/Roboto-Italic-webfont.eot);src:url(../fonts/roboto/Roboto-Italic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto/Roboto-Italic-webfont.woff) format('woff'),url(../fonts/roboto/Roboto-Italic-webfont.ttf) format('truetype'),url(../fonts/roboto/Roboto-Italic-webfont.svg#Roboto-Italic) format('svg')}@font-face{font-family:Roboto-Meduim;src:url(../fonts/roboto/Roboto-Meduim-webfont.eot);src:url(../fonts/roboto/Roboto-Meduim-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto/Roboto-Meduim-webfont.woff) format('woff'),url(../fonts/roboto/Roboto-Meduim-webfont.ttf) format('truetype'),url(../fonts/roboto/Roboto-Meduim-webfont.svg#Roboto-Meduim) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto/Roboto-Bold-webfont.eot);src:url(../fonts/roboto/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}body,html{font-size:16px;line-height:22px}h1,h2,h3{font-family:leaguegothic-regular-webfont;font-weight:400;text-transform:uppercase}h1,h2{letter-spacing:.1rem}h3{letter-spacing:.2rem}a,del,li,p,ul{font-family:Roboto-Regular;font-weight:400}em{font-family:Roboto-Italic;font-weight:400}strong{font-family:Roboto-Bold;font-weight:400}h1{font-size:6rem;line-height:6rem}h1 a{font-family:leaguegothic-regular-webfont;font-size:6rem;line-height:6rem}h2{font-size:4rem;line-height:4rem}h3{font-size:2rem}.header nav ul li a{font-family:leaguegothic-regular-webfont;font-size:1.5rem;line-height:4rem;letter-spacing:.1rem}.header .logo #user p{font-family:leaguegothic-regular-webfont;font-size:3rem;line-height:4rem}.header .logo .why_lsdo h3{font-size:1.5rem;letter-spacing:.1rem}#start section .block h3{font-family:Roboto-Regular;text-align:center;letter-spacing:0;text-transform:inherit;color:#8d2815ff}#start section .block .content{text-align:justify}#start #home>p{font-family:Roboto-Light;font-size:2rem;line-height:3rem;text-align:center}#start #référence h3{font-family:leaguegothic-regular-webfont;font-size:3rem}.header nav ul{text-align:right}.header nav ul li{display:inline-block;margin-left:10px;text-transform:uppercase}.header .title{text-align:center}.header .title .filet{position:absolute;z-index:-1;top:107px;right:50px;left:50px;width:auto;height:2px;background:#000}.header .title h1 a{padding:0 50px;background-color:#fff}.header .logo{display:-ms-inline-flexbox;display:inline-flex;flex-direction:row;width:100%;margin:50px 0;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-direction:row;-ms-flex-align:center;align-items:center}.header .logo>section{width:450px}.header .logo #user div{text-align:right}.header .logo #user div p{margin:0}.header .logo svg{width:350px;min-width:200px;height:100%}.header .logo .why_lsdo{height:100px}.header .logo .why_lsdo>svg{margin-left:20px;transform:rotate(-15deg)}.header .logo .why_lsdo>div h3{transform:rotate(-15deg)}.header .logo .why_lsdo>div p{display:none}#start section{position:relative;margin-top:-10px;margin-bottom:100px;padding-top:5px}#start section>h2,#start section>h3{text-align:center}#start section h3{width:100%}#start h2{z-index:1;width:350px;margin:auto;margin-top:-35px;text-align:center;background:#fff}#start .filet{z-index:-1;width:auto;height:2px;background:#000}#start #home{width:60%;margin:0 auto 100px auto}#start #metier{display:-ms-inline-flexbox;display:inline-flex;background:#bd9a8428;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}#start #metier .block{width:35%;min-width:350px}#start #metier .block:nth-of-type(n+3){position:relative}#start #metier .block:nth-of-type(n+3) .title{position:absolute;z-index:1;transform:rotate(-35deg);background:red}#start #metier .block:nth-of-type(n+3) .img{position:relative;height:auto}#start #metier .block:nth-of-type(n+3) .img .content{position:absolute;top:0;left:0;display:none;height:100%;opacity:.9;background:#0f265cff}#start #metier .block:nth-of-type(n+3) .img .content li,#start #metier .block:nth-of-type(n+3) .img .content p,#start #metier .block:nth-of-type(n+3) .img .content ul{color:#fff}#start #metier .block:nth-of-type(n+3) .img:hover .content{display:block}#start #référence{background:#fff59b8c}#start #contact{display:-ms-inline-flexbox;display:inline-flex;width:100%}#start #contact p:nth-of-type(1){width:60%}#start #contact p:nth-of-type(2){width:40%}#start #contact .block{display:none}.bx-wrapper .img img{width:auto;height:300px}
|
