@font-face {
	font-family: Archive;
	src: url("fonts/archive-regular-webfont.woff2") format("woff2"), url("fonts/archive-regular-webfont.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

:root
{
	--header-background-color: #ffffff;
	--header-logo-item-color: #000000;
	
	--logo-src: url(../images/bandeau-logo-noir.png);
	
	--corps-background-color: #ffffff;
		
	--application-background-color: #f9f8f6;
	--application-text-color: #000000;
	--application-titre-color: #000000;
	--application-text-link-color: #1a73e8;
	
	--menu-background-color: #ffffff;
	--menu-h1-color: #000000;
	--menu-li-color: #000000;
	--menu-li-border: #f1f1f1;
	
	--footer-background-color: #f5f5f5;
	--footer-border-top-color: #dfdfdf;
	--footer-text-color: #000000;
	
	--filter-image: none;
	
	--form-input-background-color: #f1f1f1;
	--form-input-select-color: #e1e1e1;
	--form-input-text-color: #000000;
	--form-input-text-focus-color: #000000;
}

body 
{
    margin: 0;
    background: #fff;
    color: #484848;
    min-height: 100%;
    line-height: 1.7;
    min-width: 320px;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-style: normal;
	font-size: 14px;
    font-weight: 400;
}

header
{
    position: fixed;
    background: var(--header-background-color);
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

img, video 
{
	filter: var(--filter-image);
	height: auto;
}
	
header img 
{ 
	vertical-align:middle;
}

#menu ul
{
	padding:0px;
}

#bandeau-logo
{
    content:var(--logo-src);
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-width: 100%;
}

.bandeau-menu {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: var(--header-logo-item-color);
  fill: var(--header-logo-item-color);
  transition: all .7s ease;
  border-style: solid;
  border-width: 0px;
  margin-left: 30px;
  vertical-align:middle;
}

.bandeau-menu:hover {
  background-color: #f1f1f1;
  color: black;
  fill: black;
  cursor: pointer;
}

#bandeau-actions {
	float: right;
	margin-right:20px;
	margin-top:30px;
}

.inner-item {
  height: 30px;
  width: 100px;
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.logo-item {
	
  margin: 2px;
  position: relative;
  top: 3px;
}