/* les marges sont indiquées en px, c'est la plus grande valeur de marge qui compte, elles ne s'additionnent pas. Ex : 
pour une image si je mets style :	margin-top: 50px (marge en haut) et margin-bottom: 20px (marge en bas); 
Si deux images se suivent, l'espace entre les deux sera de 50px et non 50+20=70 px ... */



nav /*menu*/
{
	position:fixed;
	text-align:center;
	text-decoration:none;
}


.enora
{
	position: fixed; 
	left: 15%; 
}

.about
{
	position: fixed; 
	left: 48%; 
}

.contact
{
	position: fixed; 
	left: 81%; 
}

.contacttext {			/* mise en forme du texte d'À propos*/
	position: fixed;
	left: 50%; 	/* jouer sur left pour aligner à droite */	
	width: 30%;
	margin: 65px;
	margin-top: 50px; /* pour l'espace du haut ajuster la margin-top */
	text-align:right;
} 
/* projet précédent */
.gauche {
	position:fixed; 
	left:20px;
	text-align:center;
	line-height:50;
 	vertical-align:middle;
	text-decoration: none;

}

 
.droite {
	position:fixed ; 
	right:20px;
	text-align:center;
	line-height:50;
	text-decoration: none;
}

figure /* les images*/
{
	display:inline-block; /* elles s'alignent automatiquement*/
	margin-top:100;
	margin-bottom:70;
} 

figcaption /* les légendes des images*/
{
	display :block;
 	text-align:left; /* ferre à gauche*/
  	border-radius:0 0 7 7 ;
	-moz-border-radius:0 0 7 7 ;
	-webkit-border-radius:0 0 7 7 ;
	margin-top: 10px;
}



body /* la mise en forme général du texte dans tout ton site*/
{
    background-color:#FFFFFF; 
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	color: black; 
	Letter-Spacing:1pt; /*espace entre 2 lettres*/
	line-height:14pt; /* espace entre 2 lignes*/
}

#Clara{
	max-width: 50%;
}

/* liens texte -> liens qui nécessitent d'être souligné au hover 
les autre lien (balise <a>) sont généralement simplement des images donc le style on s'en moque un peu*/

.lien{
color : grey;
text-decoration: none;
}

.lien:hover{
color:black;
border-bottom:solid 1px;
padding-bottom:5px;
}