/* ------ VARIABLE ------ */
:root {
	--bg: #fafafa;
	--menu_bg: #f6f6f6;
	--menu_w: 200px;
	--tr_du: 0.3s;

}

::-webkit-scrollbar{
	width: 0;
	background-color: transparent;
}

@font-face {
    font-family: Source Sans Pro;
    src: url(../font/SourceSansPro-Regular.ttf);
}

/* ------ BASE ------ */

html {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height:1.2;
	height:100%;

	min-width: 350px;
	width: 96%;
	left: 2%;
	right: 2%;
	margin-right: auto;
	margin-left: auto;

	padding:0;

	background-color: var(--bg);
}

body {
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	background-color: var(--bg);

}

a, a:visited, a:focus {
	text-decoration:none;
	color:inherit;
	font-weight: 400;
}

a:hover {
	text-decoration: none;
	color: #666;
	font-weight: 300;
}

p {
	text-align: justify;
	margin: 0;
	padding: 0;
}

h1 {
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 80px;
}

header {
	z-index: 1000;
	position:fixed;
	left:5%;
	right:5%;
	width: 90%;
	height:60px;
	margin: 0;
	line-height:80px;
	color:#000;
	background-color:var(--bg);
}

.header_logo {
	padding:0;
	float:left;
}

.menu {float:right;}
.menu a {padding-left: 20px;}

.sidebar .menu a:hover {
	padding: 0;
}

.lang_change {
	margin-left: 20px;
}

.bande{
	z-index: 900;
	height: 25px;
	width: 100%;
	margin-top: 60px;
	background-color: var(--bg);
	border-top: 1px solid #000; 
}

.site_content {
	z-index: 500;
	padding-top:85px;
	width: 93.7%;
	margin-right: auto;
	margin-left: auto;
}


/* ------ FOOTER ------ */
.footer_home_content {
	position: relative;
	margin-bottom: 80px;
}

footer {
	z-index: 900;
	float: left;
	height: 100px;
	line-height: 60px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: var(--bg);
}
.footer_home_content footer {
	z-index: 900;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	height: 80px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: var(--bg);
}
.footer_bande {
	z-index: 900;
	background-color: var(--bg);
	height: 20px;
	width: 100%;
	border-bottom: 1px solid #000;
}
.footer_content {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	justify-content: space-between;
	line-height: 50px;
}

/*footer a:hover{
	letter-spacing: 0.48px;
}*/

/* ------ RESPONSIVE ----- */

@media only screen and (max-width: 750px){
	.site_pusher,.site_container{
		height:100%;}

	.site_container{
		overflow:hidden;}

	.site_pusher{
		-moz-transition-duration:0.3s;
		-o-transition-duration:0.3s;
		-webkit-transition-duration:0.3s;
		transition-duration:0.3s;

		-moz-transform:translateX(0px);
		-ms-transform:translateX(0px);
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}

	.site_content{
		z-index: 600;
		position:absolute;
		width: 89.7%;
		top:85px;
		right:0;
		left:0;
		bottom:0;
		padding-top:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
	}

	header{
		position:static;
		width: 90%;
		height:60px;
		margin: 0 auto 0 auto;
	}
	.header_logo {
		transition-duration: 0.3s;
	}
	.bande {
		z-index: 900;
		position: fixed;
		width: 90%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;

	}
	.burger_icon{
		position:relative;
		display:block;
		float:right;
		width:50px;
		height:60px;
		margin: 0;
		cursor:pointer;
		background-color: inherit;
	}

	.burger_icon:after {
		content:'';
		position:absolute;
		display:block;
		width:1rem;
		height:0;
		top:22px;
		left:28px;
		box-shadow:0 10px 0 1px #000,0 16px 0 1px #000,0 22px 0 1px #000;
	}

	.menu {
		display: none;
		
	}

	.menu a {
		display:block;
		height:60px;
		margin-left: 5px;
		margin-right: 20px;
		padding: 0;
		text-align:center;
		line-height:60px;
		border-bottom:1px solid #000;
	}

	.sidebar .menu {
		display: block;
		position:absolute;
		right:0;
		top:0;
		bottom:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		background-color: var(--bg);
		width:var(--menu_w);

		-moz-transform:translateX(200px);
		-ms-transform:translateX(200px);
		-webkit-transform:translateX(200px);
		transform:translateX(200px);
	}
	.sidebar .site_pusher {
		transform:translateX(-200px);
	}

	.sidebar .site_cache {
		z-index: 2000;
		position:absolute;
		top:80px;
		left:0;
		right:0;
		bottom:0;
		background-color: #fafafa;
		opacity: 0.6;
	}
	.sidebar .header_logo {
		transform:translateX(200px);
	}

	.footer_home_content {
		margin-bottom: 0;
	}
	.footer_home_content footer {
		z-index: 900;
		position: relative;
		height: 100px;
		line-height: 60px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		background-color: var(--bg);
	}
	.footer_content {
		text-align: center;
		flex-direction: column;
		justify-content: space-around;
		line-height: 25px;
		margin-bottom: 20px;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 500px){
	.sidebar .header_logo {
		transform:translateX(-200px);
	}
}