@font-face {
  font-family: "Quercus"; /* Reference name for the font */
  src: url("/webfonts/Quercus.ttf") format("truetype");
  font-weight: normal;
}

body{margin: 0; padding: 0; font-size: 1.2rem; width: 100%;
	/*position: fixed;*/
	background-image: url(/images/backgrounds/fond_00.jpeg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	transition-property: background-image;
	transition-duration: 6s;
	transition-delay: 0s; 
	transition-behavior: allow-discrete;
	transition-timing-function: linear;
}
/*#container{margin: auto;
				width: 60%;
				border: 3px solid red;
  				padding: 15px;
				}*/
			
#horizCont{
				display: flex;
				flex-flow: row;
				justify-content: space-between;
				margin: auto;
}	
.vertCont{/*height: 200px;
				min-width: 60%;*/
				display: flex;
				flex-flow: column;
				margin: auto;
				align-content: center;
}

/*h2{
	text-align: center; 
	text-decoration: underline;
}
#titre{font-family: "Quercus";
		font-size: 2em;
		margin: auto;
}*/



#logo{
		display: block;
		margin: auto;
		min-width: 50px;
		max-width: 150px;
}
.lien{background-color: white;	
		color: red;
		padding: 10px;
		margin: 20px;
/*		display: inline;*/
		border-radius: 15px;
		font-size: 1em;
		white-space: nowrap;
}




/*
#cloud{margin-left:30%;}
#webmail{margin-right: 30%;}
*/
.lien:hover{
		background-color: yellow;
}
.lien a:hover{
		color: black;
		font-weight: bold;
		font-size: 1.1em;
}

.lien a{
		text-decoration: none;
		color: red;
}