@import url(http://fonts.googleapis.com/css?family=Vollkorn:400,700);@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);*,*:after,*::before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}::-moz-selection{background: #d22929;color: #ece9e5;text-shadow: none}::selection{background: #d22929;color: #ece9e5;text-shadow: none}img{border: none}a{color: inherit;text-decoration: none}*{outline: none !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: geometricPrecision}html,body{margin: 0;padding: 0;position: relative;height: 100%;width: 100%;background: url('../images-clinier/logo-pattern.png') center center}#player{opacity: 0;display: none}#full-bakcground{position: relative;width: 100%;height: 100%}#full-bakcground #footer{position: absolute;left: 0;bottom: 0;width: 100%;height: 48px;background: #000;cursor: pointer}#full-bakcground #footer.visible img{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}#full-bakcground #footer img{display: block;width: 95px;height: 95px;margin: -50px auto 0;-webkit-transform: translate3d(0, -35px, 0);-moz-transform: translate3d(0, -35px, 0);-ms-transform: translate3d(0, -35px, 0);-o-transform: translate3d(0, -35px, 0);transform: translate3d(0, -35px, 0);-webkit-transition: all .6s linear 0s;-moz-transition: all .6s linear 0s;-ms-transition: all .6s linear 0s;-o-transition: all .6s linear 0s;transition: all .6s linear 0s;opacity: 0;cursor: pointer}#full-bakcground #fake-table{z-index: 1;position: absolute;left: 0;top: 0;bottom: 100px;width: 100%}#full-bakcground #fake-table #wrappe-table{position: relative;left: 0;top: 0;width: 100%;height: 100%;display: table;color: #fff}#full-bakcground #fake-table #wrappe-table .row{display: table-row}#full-bakcground #fake-table #wrappe-table .row#subscribe div{vertical-align: bottom}#full-bakcground #fake-table #wrappe-table .row#subscribe div p{font-family: 'Open Sans';font-size: 10px;text-transform: uppercase;margin: 0 auto 15px;letter-spacing: 5px;opacity: 0;cursor: pointer}#full-bakcground #fake-table #wrappe-table .row#subscribe div p::before,#full-bakcground #fake-table #wrappe-table .row#subscribe div p::after{content: ' - '}#full-bakcground #fake-table #wrappe-table .row#first-title div{vertical-align: middle;padding-top: 100px;font-family: 'Vollkorn';text-transform: uppercase}#full-bakcground #fake-table #wrappe-table .row#first-title div h1{letter-spacing: 25px;margin: 0 auto 40px;opacity: 0}#full-bakcground #fake-table #wrappe-table .row#first-title div h2{font-size: 20px;letter-spacing: 15px;margin: 0;padding-top: 100px;position: relative;top: 75px}#full-bakcground #fake-table #wrappe-table .row#first-title div h2 span{opacity: 0}#full-bakcground #fake-table #wrappe-table .row.visible div p,#full-bakcground #fake-table #wrappe-table .row.visible div h1{opacity: 1 !important}#full-bakcground #fake-table #wrappe-table .row.visible div p{-webkit-transition: all .4s linear 12s;-moz-transition: all .4s linear 12s;-ms-transition: all .4s linear 12s;-o-transition: all .4s linear 12s;transition: all .4s linear 12s}#full-bakcground #fake-table #wrappe-table .row.visible div h1{-webkit-transition: all 1.5s linear 2s;-moz-transition: all 1.5s linear 2s;-ms-transition: all 1.5s linear 2s;-o-transition: all 1.5s linear 2s;transition: all 1.5s linear 2s}#full-bakcground #fake-table #wrappe-table .row.visible div h2 span{opacity: 1 !important}#full-bakcground #fake-table #wrappe-table .row.visible div h2 span#text-part1{-webkit-transition: all 2s linear 4s;-moz-transition: all 2s linear 4s;-ms-transition: all 2s linear 4s;-o-transition: all 2s linear 4s;transition: all 2s linear 4s}#full-bakcground #fake-table #wrappe-table .row.visible div h2 span#text-part2{-webkit-transition: all 2s linear 8s;-moz-transition: all 2s linear 8s;-ms-transition: all 2s linear 8s;-o-transition: all 2s linear 8s;transition: all 2s linear 8s}#full-bakcground #fake-table #wrappe-table .row div{display: table-cell;text-align: center}#full-bakcground #les-slides{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 2}#full-bakcground #les-slides .slide{position: absolute;top: 0;width: 50%;height: 100%;background-size: auto 100% !important;-webkit-transition: all 4s ease-out 0s;-moz-transition: all 4s ease-out 0s;-ms-transition: all 4s ease-out 0s;-o-transition: all 4s ease-out 0s;transition: all 4s ease-out 0s}#full-bakcground #les-slides .slide.hidden#left{-webkit-transform: translate3d(-110%, 0, 0);-moz-transform: translate3d(-110%, 0, 0);-ms-transform: translate3d(-110%, 0, 0);-o-transform: translate3d(-110%, 0, 0);transform: translate3d(-110%, 0, 0)}#full-bakcground #les-slides .slide.hidden#right{-webkit-transform: translate3d(110%, 0, 0);-moz-transform: translate3d(110%, 0, 0);-ms-transform: translate3d(110%, 0, 0);-o-transform: translate3d(110%, 0, 0);transform: translate3d(110%, 0, 0)}#full-bakcground #les-slides .slide#left{left: 0;background: url('../images-clinier/ouverture-gauche.jpg') no-repeat center right}#full-bakcground #les-slides .slide#left .icon{right: 0;-webkit-transform: translate3d(50%, -50%, 0);-moz-transform: translate3d(50%, -50%, 0);-ms-transform: translate3d(50%, -50%, 0);-o-transform: translate3d(50%, -50%, 0);transform: translate3d(50%, -50%, 0)}#full-bakcground #les-slides .slide#right{right: 0;background: url('../images-clinier/ouverture-droit.jpg') no-repeat center left}#full-bakcground #les-slides .slide#right .icon{left: 0;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0)}#full-bakcground #les-slides .slide .icon{display: block;width: 195px;height: 195px;position: absolute;top: 50%;background: url('../images-clinier/clinier-logo-opening-2.png');z-index: 2;opacity: 0 !important}#second-part{position: relative;width: 100%;height: 100%;color: #fff}#second-part #table-contact{display: table;width: 100%;height: 100%;position: relative}#second-part #table-contact.active section#contact h2{opacity: 1;-webkit-transition: all 3s linear 1s;-moz-transition: all 3s linear 1s;-ms-transition: all 3s linear 1s;-o-transition: all 3s linear 1s;transition: all 3s linear 1s}#second-part #table-contact.active section#contact-form #formulaire p span{opacity: 1;-webkit-transition: all 2s linear 3s;-moz-transition: all 2s linear 3s;-ms-transition: all 2s linear 3s;-o-transition: all 2s linear 3s;transition: all 2s linear 3s}#second-part #table-contact section{display: table-row}#second-part #table-contact section#contact{height: 450px;text-transform: uppercase;font-family: 'Vollkorn'}#second-part #table-contact section#contact img{position: relative;display: block;margin: 0 auto;cursor: pointer}#second-part #table-contact section#contact h1{letter-spacing: 25px;margin: 0 auto 40px;padding-top: 40px}#second-part #table-contact section#contact h2{font-size: 14px;letter-spacing: 15px;margin: 0 0 40px;opacity: 0}#second-part #table-contact section#contact-form{font-family: 'Open Sans';text-transform: uppercase;min-height: 400px}#second-part #table-contact section#contact-form #signature{color: #fff;text-transform: uppercase;font-size: 10px;letter-spacing: 1px}#second-part #table-contact section#contact-form #signature:hover{color: #ccc}#second-part #table-contact section#contact-form #signature::before{content: '[';display: inline-block;padding-right: 5px}#second-part #table-contact section#contact-form #signature::after{content: ']';display: inline-block;padding-left: 5px}#second-part #table-contact section#contact-form #contact-us{letter-spacing: 5px}#second-part #table-contact section#contact-form #contact-us p{display: block;text-align: center}#second-part #table-contact section#contact-form #contact-us p::after,#second-part #table-contact section#contact-form #contact-us p::before{content: ' ';position: relative;display: inline-block;height: 12px;width: 1px;background: #ccc}#second-part #table-contact section#contact-form #contact-us p::before{margin-right: 22px}#second-part #table-contact section#contact-form #contact-us p::after{margin-left: 14px}#second-part #table-contact section#contact-form #contact-us p:hover{color: #ddddd1}#second-part #table-contact section#contact-form #formulaire{margin-top: 130px}#second-part #table-contact section#contact-form #formulaire p{margin: 25px auto 0}#second-part #table-contact section#contact-form #formulaire p:first-of-type{margin-bottom: 50px;margin-top: 0}#second-part #table-contact section#contact-form #formulaire p span{letter-spacing: 5px;font-size: 10px;opacity: 0}#second-part #table-contact section#contact-form #formulaire p span::before,#second-part #table-contact section#contact-form #formulaire p span::after{content: ' - '}#second-part #table-contact section#contact-form #formulaire p input[type="email"],#second-part #table-contact section#contact-form #formulaire p input[type="submit"]{width: 340px;height: 43px;padding: 5px;border: none;background: none;text-align: center;text-transform: uppercase;font-size: 16px;font-family: 'Open Sans';letter-spacing: 2px;font-weight: bold}#second-part #table-contact section#contact-form #formulaire p input[type="email"]{color: #ccc;background-image: url('../images-clinier/clinier-bouton-1.png')}#second-part #table-contact section#contact-form #formulaire p input[type="submit"]{color: #fff;background-image: url('../images-clinier/clinier-bouton-2.png');cursor: pointer}#second-part #table-contact section .cell-wrapper{display: table-cell;vertical-align: middle;text-align: center}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{width: 1000px}#full-bakcground{height: 100vh}#second-part{height: 120vh}}@media only screen and (max-width: 440px){body{height: auto}#full-bakcground{height: 100vh}#full-bakcground #fake-table #wrappe-table #first-title.row{height: 75%}#full-bakcground #fake-table #wrappe-table #first-title.row div{padding-top: 50px;overflow: hidden}#full-bakcground #fake-table #wrappe-table #first-title.row div h2{font-size: 11px;padding-top: 20px;line-height: 30px}#full-bakcground #fake-table #wrappe-table #first-title.row div h1{margin-bottom: 0;padding-left: 25px;font-size: 25px}#full-bakcground #fake-table #wrappe-table #subscribe.row div p{letter-spacing: normal}#second-part{height: 100vh;width: 100%}#second-part #table-contact section#contact h1{padding-left: 25px}#second-part #table-contact section#contact .cell-wrapper h2{display: block;padding: 0 10px;margin-bottom: 15px;padding-left: 25px}#second-part #table-contact section#contact-form #formulaire{margin-top: 20px}#second-part #table-contact section#contact-form #formulaire p{margin-bottom: 20px}#second-part #table-contact section#contact-form #formulaire p:first-of-type{margin-bottom: 20px}#second-part #table-contact section#contact-form #formulaire p input[type="email"],#second-part #table-contact section#contact-form #formulaire p input[type="submit"]{width: 90%;margin: 0 auto;display: block;background-size: 100% 100%}#second-part #table-contact section#contact-form #formulaire p input[type="submit"]{margin-bottom: 40px}#second-part #table-contact section#contact-form #formulaire p span{letter-spacing: 3px;padding-left: 3px}#second-part #table-contact section#contact-form .cell-wrapper #contact-us span{display: block;width: auto;height: 1px;margin: 15px}#second-part #table-contact section#contact-form .cell-wrapper #contact-us p::before,#second-part #table-contact section#contact-form .cell-wrapper #contact-us p::after{display: none}#second-part #table-contact section#contact-form .cell-wrapper #contact-us p:first-of-type{margin-top: -15px}#second-part #table-contact section#contact-form .cell-wrapper #contact-us p a{color: #ccc;padding-left: 5px;display: block}}