@charset "UTF-8";
html {
	height: 100%;
}
body {
	min-height:100%;
	font-family: 'Open Sans', sans-serif;
}
#menu
{
	font-family: 'Ranga', cursive;
	font-size: 20px;
	height:50px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-content:center;
	margin-bottom:5px;
	margin-top: 5px;
	background-color:#333333;
	border-radius: 10px;
}

.element_menu

{
	margin:auto;

}

.element_menu:hover a{
    color:white;
	text-decoration: none;
}

.element_menu a {
    color:#a6a6a6;
	text-decoration: none;
}

.element_menu:nth-child(1) a {
    color:white;
	text-decoration: none;
}

#Logo
{
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	margin-bottom:5px;
	margin-top: 5px;
}
.element

{

    margin: auto;

}

#Corps
{
    display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
	
}
.element_corps:nth-child(1)

{

    width:69%;
	margin-right:10px;
	padding-right:10px;

}
.element_corps:nth-child(2)

{
    width:29%;

}
.element_corps_sub{
	margin:auto;
	margin-top:5px;
	font-family: 'Open Sans', sans-serif;
	pading:10px;
}
.element_corps_sub a {
	text-decoration: none;
   	color: #000;
}
.element_corps_sub_1{
	text-decoration:none;
	margin:auto;
	margin-top:5px;
	font-family: 'Ranga', cursive;
	font-size: 20px;
	border-bottom: solid 3px #333333;
	border-top: solid 1px #333333;
}
.element_corps_sub_1 a {
	text-decoration: none;
   	color: #000;
}
#RS{
	display: flex;
	flex-wrap: wrap;
}
#footer{
	font-family: 'Ranga', cursive;
	height:40px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-content:center;
	margin-bottom:5px;
	margin-top: 5px;
	background-color:#333333;
	border-radius: 10px;	
}

.mention:nth-child(1) {
	margin:auto;
	margin-left:10px;
	color:#a6a6a6;
}
.mention:nth-child(2){
	text-align: right;
	margin:auto;
	margin-right:10px;
	color:#a6a6a6;
}
#Pied{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
	border-top:solid 1px #333333;
	padding-top:10px;
}
.text{
	margin-left: auto;
    margin-right: auto;
}
.Maska{
	flex-grow:1;
	align-self: auto;
}
.pic
{
	height:auto;
	width:15%;
}
#pic{
	height:auto;
	width:30%;
}
.pic2{
	height:auto;
	width:60%;
}
.pic3{
	height:auto;
	width:40%;
}
#pic2{
	height:auto;
	width:60%;
}
#pic3{
	height:auto;
	width:60%;
}