@font-face {
    font-family: 'Nexa';
    src: url('/fonts/NexaLight.eot');
    src: url('/fonts/NexaLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NexaLight.woff2') format('woff2'),
        url('/fonts/NexaLight.woff') format('woff'),
        url('/fonts/NexaLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('/fonts/NexaBold.eot');
    src: url('/fonts/NexaBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NexaBold.woff2') format('woff2'),
        url('/fonts/NexaBold.woff') format('woff'),
        url('/fonts/NexaBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html,body{padding:0;margin:0;}
.photo_fond{width:100%;height:100%;overflow:hidden;}
.photo_fond img{height:100%}
.content{background:rgba(0,0,0,0.5);position:absolute;width:100%;height:100%;z-index:999;}
.logo{position:absolute;left: 50%;transform: translate(-50%);top: 130px;}
.content_texte{position:absolute;left:50%;transform:translate(-50%);color:#fff;text-align: center;
    font-family: Nexa;
    font-weight: bold;
    font-size: 32px;
text-shadow: #000 4px 4px 8px;    bottom: 340px;    width: 100%;}
.nouveaute{background:#80a11b;color:#fff;font-family:Nexa;position:absolute;top:0;right:0;    font-size: 26px;padding: 10px 25px;}


@media all and (max-width:580px){
	.logo img{width:300px;}
}
@media all and (max-width:400px){
	.content_texte{font-size: 26px;}
}
@media all and (max-height:830px){
	.content_texte{bottom:200px;}
}

@media all and (max-height:700px){
	.content_texte {bottom: 65px;}
}
@media all and (max-height:450px){
	.content_texte {bottom: 25px;font-size: 20px;}

}