@font-face {
	font-family: 'Stellar-light';
	src: url('./Stellar-light.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

html{
	margin:0;
    padding:0;
    background: url("./images/back.png") fixed no-repeat;
    /*background-color: rgba(255, 255, 255, 0.2);*/
    background-size: cover;
    background-position: center;
}


p{
    font-family: 'verdana';
    font-weight: bolder;
    font-style: normal;
    font-size: 1vw;
    color: green;
}

h1{
    text-align:center;
    /*text-shadow: 2px 2px 4px white;*/
    font-size: 3vw;
    font-weight: bold;
    color: #005b36;
	/*margin-bottom: 1em;*/
    font-family: 'Stellar-light', verdana, sans-serif;
}

h2 {
	text-align:center;
	font-size: 1.8em;
    font-weight: bold;
	color: #e31e39;
	font-family: 'Stellar-light', verdana, sans-serif;
}
header{
	text-align: center;
}

header img{
    margin: 0em;
*/    height: 10em;*/
    width: 10vw; 
    height: 10vw;

}

footer img{
    margin: 1em;
    width: 15vw;
}

#conteneur{
	display: flex;
    /*flex-direction: row;*/
    flex-flow: row wrap;
	flex-grow:1;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;*/
}

.element{
    margin: 1em;
	/*padding: 1em 1em;*/
    padding: 0em 1em;
    
    text-align:center;
	background-color: rgba(255, 255, 255, 0.5);
	/*-moz-border-radius:100px 0;
    -webkit-border-radius:0px 0;*/
    border-radius: 25px;
    /*box-shadow: 6px 6px 0px rgba(127, 127, 127, 0.3);*/
}

.element img{
    /*height: 15vw;*/
	height: 4vw;
    border-radius: 15px;

}

#conteneur input[type="text"] {
    font-size: 1em;
    color: #111;
    padding:0.7em 1em;
    width: 90%;
    outline: none;
   border: 1px solid #ccc;
   -moz-border-radius:10px 0;
    -webkit-border-radius:10px 0;
    border-radius:10px 0;
    font-family: verdana, sans-serif;
	    margin-bottom: 1em;
	
}