@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'medhurstregular';src: url('font/medhurst-regular-webfont.woff2') format('woff2'),url('font/medhurst-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@import url('https://fonts.googleapis.com/css?family=Roboto');
body{margin:0;font-size: 1em;background-size:1140px;background-repeat:repeat-y;background-position:center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */;font-family: 'Roboto', sans-serif;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
overflow: hidden;;;}
ul,li{list-style: none; margin: 0px; padding: 0px;}
header,section,footer,aside,nav,main,article,figure {padding-right: 0px !important;padding-left: 0px !important;}
section{border: solid 1px;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;text-align: center;-webkit-flex-flow: column nowrap;-ms-flex-flow: column nowrap;flex-flow: column nowrap;text-transform: uppercase;-webkit-transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);display: flex;height: 100vh;}
h2{font-size: 2vw}
#logo{position:relative; height: 20%;width: 50%; background-size: 100%;margin: 0 auto;background: url(img/logo.svg) no-repeat center; }
.lienaccueil{display: block;position: relative;margin: 0 auto;color: #CCC;text-transform: none;;}
.lienaccueil:hover{color: #fff;}



/******************MediaQuery********************/


@media (max-width:1199px){

}

@media (max-width:991px){

}

@media (max-width:767px;){

}



@media (max-width:575px){

}

@media (min-width: 992px){

}


.content-wrapper{-webkit-transform: translateY(0vh);transform: translateY(0vh);will-change: transform;

}