@charset "utf-8";
:root{ 


--primary-color:rgb(000,000,000,0.99);
--overlay-color:rgb(000,000,000,0.85);


--menu-speed:0.75s;

}



    html{

	 -moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
    }
* {
	box-sizing:border-box;	
    margin:0;
    padding:0;		
}

body {
	font-family:'Roboto' ,sans-serif;
	line-height:1.4;
		  outline:none; 
     }
	 
.container {
	max-width:960px;
	margin:auto;
	overflow:hidden;
	padding:0 3rem; 


}




.showcase {

	color:#000;
	height:100vh;
	width:100%;
	position:relative;
	background:none;

}
.footer{

	color:#000;
	height:50vh;
	width:100%;
	position:relative;
	background:none;

}

.footerB{

	color:#FFF;
	height:50vh;
	width:100%;
	position:relative;
	background:#000;

}

.showcase:before { 
  content: '';
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  

}

.femme
{

 position: absolute;
 height:90%;
 bottom:-20px;

}

.fbas
{

position:absolute;
left:45%;
top:90%;
cursor:pointer;
text-align:center;

}



.showcase .showcase-inner {
   display:flex;
   flex-direction :column;
   align-items:left; 
   justify-content:center;
   height:100%;		
}

.showcase h1 {
font-size :1.9rem;	

}


.showcase p {
	
font-size :1.3rem;	
}

.inpt {
	display:inline-block;
	border:none;
	color:#000;
	background-color:transparent;
	text-decoration:none;
	transition : opacity 1s ease-in;
	cursor:pointer;

    outline:none;
	margin-top:7px;
	
}


.btn {
	display:inline-block;
	border:none;
	background-color:#FFF;
	color:#000;
	padding:0.70rem  1rem;
	text-decoration:none;
	transition : opacity 1s ease-in;
	cursor:pointer;
	border-radius:3px;
	outline:none;
 right:0;
}
.btn2{
	display:inline-block;
	border:none;
	background-color:#000;
	color:#FFF;
	padding:0.70rem  1rem;
	text-decoration:none;
	transition : opacity 1s ease-in;
	cursor:pointer;
	border-radius:5px;
	outline:none;
 right:0;
}

.btn21{
	display:inline-block;
	border:none;
	background-color:#000;
	color:#FFF;
	padding:0.70rem  1rem;
	text-decoration:none;
	transition : opacity 1s ease-in;
	cursor:pointer;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	outline:none;
 right:0;
}

.btn22{
	display:inline-block;
	border:none;
	background-color:#000;
	color:#FFF;
	padding:0.70rem  1rem;
	text-decoration:none;
	transition : opacity 1s ease-in;
	cursor:pointer;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:5px;
	outline:none;
 right:0;
}


.btn:hover {
opacity:0.7;
}
.btn2:hover {
opacity:0.7;
}

.NBAR2 {
	border:2px solid #000;	
	border-radius:5px;

}
.SBAR2 {
	border:2px solid #666;	
	border-radius:5px;
	margin-top:-2px;

}
.NBAR {
	border:1px solid #FFF;	
	border-radius:5px; 
}
.SBAR {
	border:1px solid #CCC;	
	border-radius:3px; 
}
.NBARB0 {
	border:1px solid #FFF;	
	border-radius:5px; 
	width:98%;
    margin-left:1%;
    text-align:left;
	padding:5px;
}


.NBARBR0 {


	width:98%;
	margin-top:5px;
    margin-left:1%;
    text-align:left;


}
.NBARBR1 {
	
	border:1px solid #FFF;	
	border-radius:5px; 
	margin-top:15px;

}

.showcaseB {

	color:#FFF;
	height:100vh;
	width:100%;
	position:relative;
	background:#000;


}
.showcaseRB {
	background:#000;
	color:#FFF;
	height:270VH;
	width:100%;
	position:relative;
	background:#000;

}
.titre
{
	padding:50px 0px 0px 30px;

}