body{

	margin:0;
	padding: 0;

	font-family: 'lato', calibri, arial,sans-serif;
	
	
}

.container_menu_faq{
	width: 100%;height: auto;
}

.menus{

	position: relative;
	width:100%;
z-index: 20;
}

.menu{

	position:fixed;
width:100%;

height:auto;

}

.title_m{
position: relative;
font-size: 2em;
color: #FFF;
margin: 0px 20px;
display: inline-block;
}

.lien_m{

	position: relative;
	margin:10px;
color: #FFF;
display: inline-block;
font-size: 1.2em;
cursor: pointer;
font-family: Century Gothic;

}
#blog{
	display: none;
}

.icon{
	z-index: 999;display: inline-block;color: #fff;
}


.searchs_m{
position: relative;
	float: right;

width: 30%;
height: 30px;
top: 10px;
right: 1

}

.search_m{
	position: relative;
height: inherit;
	width:100%; 
background-color:  rgba(79, 29, 255, 0.70);
color: #FFF;
border:none;
border-radius: 10px;
background:url('sa.png')left no-repeat;
padding-left: 30px;

}

#menu{
	display: none;
}


.fixid_menu{

	position: fixed;

	left: 0px;

	background-color: rgb(1,1,0.90,0.90);

	height: 100%;

	display: none;
}

.lien_fixed{
	position: relative;width: 98%;padding-left: 5px;margin-bottom: 10px;font-size: 16px;
	padding: 10px;
}
.tuto{
	display: none;position: relative;
}


.lien_fixed a {
	text-decoration: none;color: #fff;
}
.search_fix{
	width: 100%;position: relative;border:none;padding-left: 25px;border-radius: 5px;border:none;
	background:url('sa.png')left no-repeat;color: #fff;margin-bottom: 3%;
}
.ico{
	position: relative;color: #fff;
}



@media only screen and (max-width: 900px) {
	.lien_m{
font-size: 15px;font-family: sans-serif;

}
}


@media only screen and (max-width: 800px) {
	.lien_m{
margin:1px;padding:5px;

}.searchs_m{

width: 20%;right:6%;

}
}



@media only screen and (max-width: 700px) {
	#blog{
		display: none;
	}.fixid_menu{
		display: none;width: 40%;padding-top: 50px;background-color: rgb(1,1,0.90,0.90);

	}.lien_fixed{
		color: #fff;font-size: 1.2em;z-index: 99;font-weight: bold;background-color: rgb(1,1,0.30,0.5);
	} a .lien_fixed :hover{
		color: #fff;text-decoration: none;
	}.icon_m{
		top: 5px;position: relative;display: inline-block;
	}#homes,#tutos,#businesss,#socials,#search_m,#blogs{
		display: none;
	}#menu{
	display: inline-block;color: #fff;
}.lien_m{
margin:1px;padding:5px;font-size: 20px;

}
}

@media only screen and (max-width: 600px) {
	.lien_m{
margin:1px;padding:5px;font-size: 16px;

}
}


@media only screen and (max-width: 520px) {
	#social{
		display: none;
	}
	#socials{
		display: inline-block;
	}.title_m{

font-size: 1.5em;

}.fixid_menu{
		width: 50%;

	}
}


@media only screen and (max-width: 410px) {
	#business{
		display: none;
	}
	#businesss{
		display: inline-block;
	}.fixid_menu{
		width: 50%;

	}
}


@media only screen and (max-width: 330px) {
	#tuto{
		display: none;
	}
	#tutos{
		display: none;
	}.fixid_menu{
		width: 60%;

	}
}

