@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot') format('embedded-opentype'),
         url('../fonts/Lato-Regular.woff') format('woff'),
         url('../fonts/Lato-Regular.ttf') format('truetype'),
         url('../fonts/Lato-Regular.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;		 
}

body{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #ffffff no-repeat center fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
    min-width:320px;
    font-family:'LatoRegular';
}

header{
    width: 100%;
    padding: 0;
    margin: 0;
}
header .img-header{
    width: 100%;
}

.versionDesktop{display:block;margin: 30px auto 0 auto;}
.versionMobile{display:none;margin: 30px auto 0 auto;}

header.headerDesktop{display:block;}
header.headerMobile{display:none;}

container{
    max-width: 1160px;
}

h1{
    text-align: center;
    margin: 0 0 50px 0;
    color: #262626;
}

.card{
    border: 0;
    background : 0;
}

.image-map{
    width: 200px;
}

.card-body{
    padding: 0;
}

li{
    margin: 5px auto;
}

select{
    font-size: 1.2em;
    width: 80%;
    padding: 2px 0 2px 0;
}

span.eshop{
    background: url("../img/basket-eshop.svg") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
}

a{
    color: #262626;
    text-decoration: none;
}
a:hover{
    color: #262626;
    text-decoration: underline;
}

footer{
    margin: 40px auto 0;
    background-color: #3b2331;
    padding: 10px 0;
    text-align: center;
}

footer p{
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
}


/* iPhone Landscape ******* */
@media only screen and (max-width: 800px) {
    .versionDesktop {display: none;}
    .versionMobile {display: block;}

    header.headerDesktop{display:none;}
    header.headerMobile{display:block;}

    h1{font-size:1.5rem;}
}