html{
	background-color: #ada098;
	font-family: Georgia, Helvetica, sans-serif;
	color:  #625d5a;
	background-image: url(img/bg2.png); /* Ajout d'un fond exterieur avec une texture */
}
.et-wrapper, .et-page{
	height: 100%;
	width: 100%;
	display: flex; /* PROPRIETE CSS3: adapte automatiquement le contenant a la taille de la page, aussi bien en largeur qu'en hauteur */
}
.content{
	box-shadow: 1px 1px 30px #333333; /* PROPRIETE CSS3: ajoute une ombre au bord exterieur du cadre de notre site, lui ajoutant de la profondeur */
	background-color: white;
	width: 100%;
	padding: 30px 30px 0 30px;
	margin: 50px;
	overflow: auto; /* RESPONSIVE: ajoute automatiquement des barres de defilement lorsque le contenu depasse de sa zone */
	background-image: url(img/bg.png); /* Ajout d'un fond interieur avec une texture */
}
.coords{
	margin-top: 0;
}
h1{
	margin: 0;
}
a{
	color: #c48027;
}
a:hover{
	color: blue;
}
.profil{
	float: right;
}
@media screen and (max-width: 768px) { /* RESPONSIVE: cache les informations non essentiel lorsque le visiteur est sur un ecran dont la largeur ne depasse pas 768px, ce qui correspond a un ecran de mobile */
	.non-mobile-content{
		display: none; /* la propriete "display" a "none" cache alors les experiences et les diplomes puisque mon div "non-mobile-content" encadre cette zone la */
	}
}
.column-left{
	padding-right: 15px;
}
input, textarea{
	width: 250px;
}
input[type=radio]{
	width: auto;
}
textarea, select{
	width: 75%;
	min-width: 250px;
}
textarea{
	height: 100px;
}
label{
	margin-top: 10px;
	display: block;
}
label[for=form-autorisation], label[for=form-gender-female], label[for=form-gender-male]{
	display: inline;
}
#label-gender{
	display: block;
}
input[type=submit]{
	background-color: #ada098;
	color: white;
	border-radius: 5px; /* PROPRIETE CSS3: ajoute un arrondi sur le bouton d'envoie de facon a ce que ce dernier ait une ergonomie qui correponde a celui d'un bouton */
	padding: 5px;
	cursor: pointer;
	margin-top: 20px;
}
input[type=submit]:hover{
	background-color: #eab877;
	color: white;
}
#form-autorisation{
	margin-top: 20px;
	width: 10px;
}