body
{
height:100vh;
width:100vw;
margin:0;
padding:0;
background-color:black;
color:#efefef;
font-family: 'Noto Sans', sans-serif;
}

div
{
box-sizing:border-box;
}



.content
{
position:relative;
height:100%;
width:100%;
overflow-Y:auto;
}

.accueil
{
position:relative;
height:100%;
width:100%;
overflow:hidden;
background-color:black;
background:url('../img/accueil.webp');
background-size:cover;
background-position:center;
background-attachment:fixed
}

.accueil .text
{
color:#fefefe;
position:absolute;
top:50%;
left:250px;
transform:translate(0,-50%);
text-align:center
}

.accueil .text h1
{
font-size:30pt;
padding:0;
margin:0;
font-style:italic
}

.accueil .text img
{
width:800px
}

.content_accueil
{
background-color:rgba(0,0,0,0.5)	
}

.cat_accueil
{
padding:30px 50px;
width:100%;
position:relative;
overflow:hidden;
height:510px;
margin:30px 0 30px 0;
border:1px solid #6f6f6f;
}

.cat_accueil h2
{
font-size:20pt;
padding:0;
margin:0 0 0 200px;
font-style:italic;
position:absolute;
bottom:10px;
}

.s_cat_accueil
{
position:absolute;
top:0;
left:0;
overflow:hidden;
width:1000000%;
padding:25px 0;
}

.cat_prod
{
margin:0 20px;
display:inline-block;
vertical-align:top;
width:595px;
padding:20px;
color:#efefef;
height:400px;
position:relative;
background-color:#efefef;
}

.cat_prod h3
{
font-size:10pt;
padding:0;
margin:0;
font-style:italic;
position:absolute;
bottom:0;
padding:10px;
background-color:#000
}

.fg
{
height:40px;
position:absolute;
bottom:20px;
left:50px;
opacity: 0.6;
cursor:pointer;
z-index:98
}

.fd
{
height:40px;
position:absolute;
bottom:20px;
right:50px;
opacity: 0.6;
cursor:pointer;
z-index:98
}

.fg:hover, .fd:hover
{
opacity: 1;	
}