| 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-size:1rem;font-weight:400}em{font-family:Roboto-Italic;font-weight:400}strong{font-family:Roboto-Bold;font-weight:400}h1{font-size:4rem;line-height:6rem}h1 a{font-family:leaguegothic-regular-webfont;font-size:4rem;line-height:6rem}h2{font-size:3rem;line-height:4rem}h3{font-size:2rem}header nav ul li a{font-family:leaguegothic-regular-webfont;font-size:1.15rem;line-height:4rem;letter-spacing:.1rem}header .logo #user p{font-family:leaguegothic-regular-webfont;font-size:2rem;line-height:3rem;letter-spacing:.1rem}header .logo .why_lsdo h3{font-size:1.5rem;letter-spacing:.1rem}header .logo .why_lsdo h3:hover{text-decoration:underline}#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:1.15rem;line-height:2rem;text-align:center}#start #métier section:nth-of-type(n+3) h3{font-size:1.5rem;color:#fff}#start #métier section:nth-of-type(-n+2) h3{font-family:Roboto-Bold;font-size:1.5rem;text-align:center;letter-spacing:0;text-transform:capitalize;text-transform:inherit;color:#8d2815ff}#start #références>p{font-size:1.2rem;line-height:1.7rem;text-align:center}#start #références h3{font-family:leaguegothic-regular-webfont;font-size:3rem;width:350px;margin:auto;text-align:center;color:#8d2815ff;background-color:#ffffd5ff}#start #références #recommandations .owl-carousel .content p:first-of-type{text-align:center}@keyframes rotateOpen{0%{transform:rotate(-15deg)}100%{transform:rotate(0)}}@keyframes rotateClose{0%{transform:rotate(0)}100%{transform:rotate(-15deg)}}@keyframes translateOpen{0%{margin-top:0}100%{margin-top:-150px}}@keyframes translateClose{0%{margin-top:-150px}100%{margin-top:0}}@keyframes translateOpensvg{0%{margin-top:50px}100%{margin-top:180px}}@keyframes translateClosesvg{0%{margin-top:180px}100%{margin-top:50px}}@keyframes visible{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes hidden{0%{transform:translateY(0);opacity:1}100%{transform:translateY(50px);opacity:0}}.why_lsdo.open h3{animation:rotateOpen 1s,translateOpen 1s;animation-fill-mode:forwards}.why_lsdo.open section{animation:visible 1s;animation-fill-mode:forwards}.why_lsdo.open svg{animation:rotateOpen 1s,translateOpensvg 1s;animation-fill-mode:forwards}.why_lsdo.close h3{animation:rotateClose 1s,translateClose 1s;animation-fill-mode:forwards}.why_lsdo.close section{animation:hidden 1s;animation-fill-mode:forwards}.why_lsdo.close svg{animation:rotateClose 1s,translateClosesvg 1s;animation-fill-mode:forwards}header{position:relative;z-index:999}header nav{position:fixed;z-index:999;top:2px;right:50px}header nav ul{text-align:right}header nav ul li{display:inline-block;margin-left:10px;text-transform:uppercase}header .title{position:fixed;z-index:998;right:50px;left:50px;width:auto;padding-top:20px;text-align:center;background:#fff}header .title .filet{position:absolute;z-index:-1;top:65px;right:0;left:0;width:auto;height:2px;background:#000}header .title h1{height:90px}header .title h1 a{padding:0 50px;background-color:#fff}header .logo{display:-ms-inline-flexbox;display:inline-flex;width:100%;margin:150px 0 50px 0;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}header .logo>div{width:calc(100% / 3);min-width:300px;margin-left:100px}header .logo>svg{width:calc(100% / 3);min-width:300px;height:300px;margin:0 30px}header .logo>section{width:calc(100% / 3);min-width:300px;margin-right:100px}header .logo #user div{text-align:right}header .logo #user div p{margin:0}header .logo .why_lsdo{position:relative;display:-ms-inline-flexbox;display:inline-flex;flex-direction:column;-ms-flex-direction:column}header .logo .why_lsdo h3{position:absolute;z-index:999;margin:0;cursor:pointer;transform:rotate(-15deg) translateY(0)}header .logo .why_lsdo section{position:absolute;top:-130px;overflow:auto;height:300px;padding:0 10px;opacity:0;background:#fff}header .logo .why_lsdo section p{pointer-events:none}header .logo .why_lsdo section.open{display:block!important}header .logo .why_lsdo>svg{position:absolute;width:100px;height:20px;transform:rotate(-15deg) translateY(50px)}#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{position:absolute;z-index:-1;top:0;width:100%;height:2px;background:#000!important}#start #home{width:50%;min-width:700px;margin:0 auto 100px auto}#start #métier>div{display:-ms-inline-flexbox;display:inline-flex;background:#ffffd5ff;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:space-evenly;justify-content:space-evenly}#start #métier>div h3{text-align:center}#start #métier>div section{width:35%;min-width:250px}#start #métier>div section:nth-of-type(n+3){position:relative}#start #métier>div section:nth-of-type(n+3) .title{position:absolute;z-index:1;top:-65px;left:-70px;width:0;height:0;transform:rotate(-135deg);border:70px solid #0f265cff;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}#start #métier>div section:nth-of-type(n+3) .title h3{position:absolute;top:-75px;left:-50px;transform:rotate(90deg)}#start #métier>div section:nth-of-type(n+3)>.content{display:none}#start #métier>div section:nth-of-type(n+3) .images{position:relative;height:auto}#start #métier>div section:nth-of-type(n+3) .images .content{position:absolute;top:0;left:0;display:none;width:100%;height:100%;opacity:.9;background:#0f265cff}#start #métier>div section:nth-of-type(n+3) .images .content li,#start #métier>div section:nth-of-type(n+3) .images .content p,#start #métier>div section:nth-of-type(n+3) .images .content ul{text-align:center;color:#fff}#start #métier>div section:nth-of-type(n+3) .images:hover .content{display:block}#start #métier>div section .content p{text-align:justify}#start #métier>div section .filet{display:none}#start #références>div{background:#ffffd5ff}#start #références>div>p{width:50%;min-width:600px;margin:0 auto 0 auto;padding:50px 0 65px 0}#start #références>div .title{margin-bottom:50px}#start #références>div .title .filet{top:13px!important;height:0;border:2px dashed #8d2815;background:#fff59b8c}#start #références>div section:last-child p{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#start #références>div section:last-child p img{width:15%;min-width:150px;height:100%;margin:0 20px}#start #références>div #recommandations .content{background:#fff}#start #références>div #clients .images{display:-ms-inline-flexbox;display:inline-flex}#start #contact>div{display:-ms-inline-flexbox;display:inline-flex;width:100%}#start #contact>div>div:nth-of-type(1){margin-top:50px}#start #contact>div p:nth-of-type(1){width:60%}#start #contact>div p:nth-of-type(2){width:40%}.owl-carousel{display:-ms-flexbox!important;display:flex!important;width:auto!important;margin:50px 50px}.owl-carousel .owl-stage-outer{height:500px}.owl-carousel .owl-item{width:auto!important}.owl-carousel .galerie{width:auto}.owl-carousel .galerie .images{width:auto;height:300px}.owl-carousel .galerie .images img{width:auto!important;height:300px}.owl-carousel .galerie .content{position:absolute}.owl-carousel .owl-nav{position:absolute;top:35%;width:100%;transform:translateY(-50%)}.owl-carousel .owl-nav button{width:35px;height:35px;border-radius:35px;background:#8d2815ff!important}.owl-carousel .owl-nav button span{margin-top:-9.5px;color:#fff}.owl-carousel .owl-nav button.owl-prev{position:absolute;left:-40px}.owl-carousel .owl-nav button.owl-next{position:absolute;right:-40px}
|
