@font-face
{
font-family: "Font1";
src: url("../fonts/BG.woff2") format("woff2");
}

@font-face
{
font-family: "Font2";
src: url("../fonts/JMH.ttf") format("truetype");
}

@font-face
{
font-family: "Font3";
src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face{
font-family: "pochoir";
src: url("../fonts/dw.otf") format("truetype");
}

:root
{
/*--color-one: #1f090b;*/
/*--color-one-rgba: rgba(31, 9, 11, 0.8);*/
/*--color-two: #cdcdcd;*/
/*--color-two-rgba: rgba(205,205,205, 0.5);*/
/*--color-two-rgba2: rgba(205,205,205, 0.9);*/
/*--color-three: #b3b1b4;*/
/*--color-three-rgba: rgba(179, 177, 180, 0.9);*/
/*--color-four: #b21017;*/
/*--color-four-rgba: rgba(178, 16, 23, 0.8);*/
/*--color-five: #ffffff;*/
/*--color-five-rgba: rgba(255, 255, 255, 0.9);*/
/*--color-six: #e1ceaf;*/
/*--color-six-rgba: rgba(225, 206, 175, 0.5);*/
/*--color-six-rgba2: rgba(225, 206, 175, 0.9);*/

/*--deb: rgba(255, 255, 255, 0.0);*/
/*--end: rgba(255, 255, 255, 0.7);*/

--metallic-blue: #8ab4aa;
--dark-blue: #05141e;
--dirty-white: #cdcab6;
--dirty-white-rgba: rgba(205, 202, 182, 0.5);
--green-grey: #88a186;
--dark-rust: #4d211d;
--smashed-pumpkin: #ff6633;
}

@keyframes fromRight
{
	from{margin-left: 100vw;}
	to{margin-left: 5vw;}
}

@keyframes fromLeft
{
	from{margin-left: -100vw;}
	to{margin-left: 5vw;}
}

@keyframes fromLeftAndHide
{
	0%
	{
	margin-left: -100vw;
	}
	
	6%
	{
	margin-left: 5vw;
	}
	
	
	95%
	{
	opacity: 0.8;
	}
	
	100%
	{
	opacity: 0;
	}
	
	
}


@keyframes hideNews
{
	from
	{
	opacity: 1;
	}
	
	to
	{
	opacity: 0;
	}
}

@keyframes showNews
{
	from
	{
	opacity: 0;
	}
	
	to
	{
	opacity: 1;
	}
}

@keyframes showImg
{
	from
	{
	width: 0%;
	}
	
	to
	{
	width: 17vw;	
	}
}

@keyframes fromHide
{
	from
	{
	opacity: 0;
	}
	
	
	95%
	{
	opacity: 0.2;
	}
	
	to
	{
	opacity: 1;
	}
}


}

a:hover
{

text-decoration: none; 
}

a:visited
{

text-decoration: none; 
}

a:link
{

text-decoration: none; 
}

*
{
box-sizing: border-box;
}
	
body
{
margin: 0;
padding: 0;
font-family: "Font2";
}

.affich
{
width: 100%;
}

.close
{
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 5vw;
min-width: 20px;
max-width: 150px;
}