@font-face {
    font-family: "Futura";
    src: url('../font/FuturaLTPro-Book.ttf');

}

@font-face {
    font-family: "Futura heavy";
    src: url('../font/FuturaLTPro-Heavy.ttf');
}
.space{
    margin-bottom: 50px;
}
html {
    font-family: Futura !important;
}

h1{
    font-family: Futura heavy!important;
}

body {
    background-color: rgb(231, 231, 231);
    font-family: "Futura", Helvetica, Arial, sans-serif !important;
    font-size: 12pt;
}

.news-home-link {
    font-size: 12px;
    color: black;
    transition: 100ms;
    text-decoration: none;
}

.news-home-link:hover {
    transition: 100ms;
    color: white;
    text-decoration: none;
}
.orange-color{
    color: #fa7816;
    font-size: 24px;
}
.fleche-img{
    width: 70%;
}

.footer-editors{
    color: #494747!important;
    margin-top: 50px;
    float: left;
}
.footer-editors a{
    color: #706d6d!important;
}

footer {
    background-color: rgb(34, 33, 33);
    color: #a3a3a2 !important;

}

.space-top {
    margin-top: 60px;
}

.nav-font {
    font-variant: small-caps;
}

.fleche-right-wrap{
    width: 35px;
    height: auto;
    padding-top: 50px;
}
.fleche-right-wrap a{
    float: right;
}
.fleche-right-wrap img{
    float: right;
}

.fleche-left-wrap{
    width: 11%;
    height: auto;
    padding-top: 100px;
}

.shop-header{
    margin-bottom: 20px;
}

h2 {
    font-variant: small-caps;
    font-family: "Futura heavy", Helvetica, Arial, sans-serif !important;
    letter-spacing: 9px;
    padding-left: 60px;
    padding-top: 30px;
}

.barre {
    padding-top: 0px;

}

.footer-espace {
    font-family: "Futura heavy", Helvetica, Arial, sans-serif;
}

.horaire {
    font-size: 19pt;
    padding-top: 20px;
    padding-bottom: 13px;
}

.tarif {
    padding-left: 0px !important;
    margin-left: 0px;
}

.btn-grey-flat {
    background-color: rgb(48, 48, 48) !important;
    color: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: right;
}

.btn-grey-flat:hover {
    color: white;
}

.full-page-template {
    overflow: hidden;
}

.gallery-item-focus {
    width: 80vw;
    height: auto;
    top: 5vh;
    left: 10vw;
    right: 10vw;
    position: fixed;
    z-index: 30;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}

#home-wrap {
    width: 100%;
    height: 100vh;
    margin: 0px;
    overflow: hidden;
}

.block {
    padding-bottom: 40px;
    padding-top: 70px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: justify;
}

.welcome-text{
	position: absolute;
  	text-align: center;
	bottom: 0px;
	font-size: 10px;
	color: #101010;	
	right: 25%;
	left: 25%;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    transition: 100ms;
}

.grayscale:hover {
    filter: none; /* IE 6-9 */
    transition: 100ms;
}

.wrap-white {
    background-color: white;
}

@media screen and (max-width: 1024px) {
    /* Mobile */
    .logo_coworkers-wrapper{
        width: 100%!important;
    }
    .text-righted-desktop{
        text-align: left;
    }
    #widgets-wrapper{
        width: 100%;
        float: left;
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .logo_coworkers-wrap{
        width:21%;
        float: left;
        margin-right: 2%;
        margin-left: 0px;
        padding-left: 0px!important;
    }
    #logo-wrap {
        width: 20%;
        margin-left: 0%;
    }


    .no-padding-left {
        /*padding-left: 20px;*/
    }

    .blue-rectangle {
        width: 30px;
        height: 5px;
        background-color: #40529f;
        margin-left: 80px !important;
    }

    .orange-rectangle {
        width: 30px;
        height: 5px;
        background-color: #fa7816;
        margin-left: 30% !important;
    }

    .first-section img {
        width: 100% !important;
    }

    .second-section img {
        width: 100% !important;
    }

    .barre {
        padding-left: 23%
    }

    h2 {
        padding-top: 30px;
    }

    .widget {
        width: 10%;
        height: auto;
        float: left;
        margin-right: 10%;
    }

    #first-wrap {
        height: 100%;
        width: 100%;
        float: left;
	background-color: #FFFFFF;
    }

    #second-wrap {
        height: 50vh;
        width: 100%;
        float: left;
    }

    .home-description {
        display: none;
    }

    #home-logo {
        height: 30%;
        width: auto;
        position: absolute;
        margin-left: 35%;
        top: 35%;
        bottom: auto;
    }

    #home-logo img {
        width: auto;
        height: 100%;
    }

    .home-mobil-link {
        width: 50%;
        margin-left: 25%;
        position: absolute;
        text-align: center;
        color: white !important;
    }

    .home-mobil-link a {
        color: white !important;
        font-size: 64px;
        font-style: bold;
    }

    #first-mobil-link {
        top: 10%;
    }

    #second-mobil-link {
        top: 75%;
    }
}

@media screen and (min-width: 1025px) {
    .no-padding-left {
        padding-left: 0px !important;
    }

    .text-righted-desktop{
        text-align: right!important;
    }
    .no-padding-right {
        padding-right: 0px !important;
    }

    .blue-rectangle {
        width: 40px;
        height: 5px;
        background-color: #40529f;
        margin-left: 80px;
    }

    .blue-rectangle-home {
        width: 6%;
        height: 5px;
        background-color: #40529f;
        margin-left: 46%;
    }
    .orange-rectangle {
        width: 40px;
        height: 5px;
        background-color: #fa7816;
        margin-left: 80px !important;
    }
    .orange-rectangle-home {
        width: 5%;
        height: 5px;
        background-color: #fa7816;
        margin-left: 47% !important;
    }

    .barre {
        padding-left: 23%
    }

    h2 {
        padding-top: 30px;
    }

    .widget {
        width: 6%;
        height: auto;
        float: left;
        margin-right: 10%;
    }

    #home-wrap {
        width: 100%;
        height: 100vh;
        margin: 0px;
    }

    #first-wrap {
        width: 100%;
        height: 100%;
        float: left;
        background-color: #FFFFFF;
    }

    #second-wrap {
        width: 50%;
        height: 100%;
        float: left;
    }

    .first-section img {
        width: 100% !important;
    }

    .second-section img {
        width: 100% !important;
    }

    .home-mobil-link {
        display: none;
    }

    #home-logo {
        width: 20%;
        height: 20%;
        position: absolute;
        margin-left: 40%;
        top: 30%;
    }

    #home-logo img {
        width: 100%;
        height: auto;
    }

    .home-description {
        display: block;
        padding: 10%;
    }

    #first-description {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 50%;
        height: 100%;
        background-color: white;
        display: block;
        opacity: 0;
        transition: 200ms;
    }

    #first-description:hover {
        opacity: 1;
        transition: 200ms;
    }

    #second-description {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        height: 100%;
        background-color: white;
        display: block;
        opacity: 0;
        transition: 200ms;
    }

    #second-description:hover {
        opacity: 1;
        transition: 200ms;
    }
}