/* ---------------------- DIV POPUP ----------------------------- */

/* propriété div pop */
#pop {
	display: none; /* La propriété de feuille de style css display permet de spécifier la manière dont un élément est affiché // none, le bloc ne sera pas affiché. */
	position: absolute; /* La propriété de feuille de style css position permet de spécifier le type de positionnement. // absolute, positionnement se fera par rapport au coin haut gauche de la page html ou par rapport au parent si ce dernier est relative ou absolute. */
	bottom: 100px; /* La propriété de feuille de style css bottom permet de spécifier la position verticale du coin bas droit de l'élément par rapport à un point.*/
	right: 270px; /* La propriété de feuille de style css right permet de spécifier la position horizontale du coin bas droit de l'élément par rapport à un point.*/
	z-index: 500; /* La propriété de feuille de style css z-index permet de spécifier la position d'empilement d'un bloc par rapport aux autres(notion de profondeur). */
	width: 460px; /* La propriété de feuille de style css width permet de spécifier la longueur d'un élément.*/
	height: 381px; /* La propriété de feuilles de style css height permet de spécifier la hauteur d'un élément.*/
	cursor: pointer; /* La propriété de feuille de style css cursor permet de spécifier la forme du curseur. // pointer, curseur en forme de main avec un doigt déplié.*/
	
	/*background-color: #FFFFFF;*/ /* La propriété de feuille de style css background-color permet de spécifier la couleur de l'arrière plan (couleur de fond) d'un élément HTML ou XTHML. Ici cette propriété est inactive.*/
}

#pop2 {
	 /* display: none;  La propriété de feuille de style css display permet de spécifier la manière dont un élément est affiché // none, le bloc ne sera pas affiché. */
	position: absolute; /* La propriété de feuille de style css position permet de spécifier le type de positionnement. // absolute, positionnement se fera par rapport au coin haut gauche de la page html ou par rapport au parent si ce dernier est relative ou absolute. */
	top: 5px; /* La propriété de feuille de style css bottom permet de spécifier la position verticale du coin bas droit de l'élément par rapport à un point.*/
	left: 310px; /* La propriété de feuille de style css right permet de spécifier la position horizontale du coin bas droit de l'élément par rapport à un point.*/
	z-index: 600; /* La propriété de feuille de style css z-index permet de spécifier la position d'empilement d'un bloc par rapport aux autres(notion de profondeur). */
	width: 80px; /* La propriété de feuille de style css width permet de spécifier la longueur d'un élément.*/
	height: 80px; /* La propriété de feuilles de style css height permet de spécifier la hauteur d'un élément.*/
	cursor: pointer; /* La propriété de feuille de style css cursor permet de spécifier la forme du curseur. // pointer, curseur en forme de main avec un doigt déplié.*/
	
	/*background-color: #FFFFFF;*/ /* La propriété de feuille de style css background-color permet de spécifier la couleur de l'arrière plan (couleur de fond) d'un élément HTML ou XTHML. Ici cette propriété est inactive.*/
}
#pop3 {
	 /* display: none;  La propriété de feuille de style css display permet de spécifier la manière dont un élément est affiché // none, le bloc ne sera pas affiché. */
	position: absolute; /* La propriété de feuille de style css position permet de spécifier le type de positionnement. // absolute, positionnement se fera par rapport au coin haut gauche de la page html ou par rapport au parent si ce dernier est relative ou absolute. */
	top: 5px; /* La propriété de feuille de style css bottom permet de spécifier la position verticale du coin bas droit de l'élément par rapport à un point.*/
	left: 310px; /* La propriété de feuille de style css right permet de spécifier la position horizontale du coin bas droit de l'élément par rapport à un point.*/
	z-index: 800; /* La propriété de feuille de style css z-index permet de spécifier la position d'empilement d'un bloc par rapport aux autres(notion de profondeur). */
	width: 80px; /* La propriété de feuille de style css width permet de spécifier la longueur d'un élément.*/
	height: 80px; /* La propriété de feuilles de style css height permet de spécifier la hauteur d'un élément.*/
	cursor: pointer; /* La propriété de feuille de style css cursor permet de spécifier la forme du curseur. // pointer, curseur en forme de main avec un doigt déplié.*/
	
	/*background-color: #FFFFFF;*/ /* La propriété de feuille de style css background-color permet de spécifier la couleur de l'arrière plan (couleur de fond) d'un élément HTML ou XTHML. Ici cette propriété est inactive.*/
}


#pop a {color:#AAFFFF ; text-decoration: none}

#pop a:hover {color:blue}

/* propriété de la class fermer */
.fermer {
	float:right;/* La propriété de feuille de style css float permet de spécifier si l'affichage des éléments suivant sont adjacents. // right, affichage de l'élément à droite.*/
	
/*	width:100%;  taille identique à la div pop */
/*	background-color: #00A9B7; /* La propriété de feuille de style css background-color permet de spécifier la couleur de l'arrière plan (couleur de fond) d'un élément HTML ou XTHML.*/
	font-color: #AAFFFF;
	font-family: Arial, Helvetica, sans-serif; /* La propriété de feuille de style font-family css permet de spécifier la police du texte.*/
	text-align: right; /* La propriété de feuille de style css text-align permet de spécifier l'alignement horizontal du texte. // center, alignement du texte au milieu.*/
	font-size: 90%; /* La propriété de feuille de style css font-size permet de spécifier la taille de la fonte ou police. // 80% = 80% de la taille de la fonte définie dans la css principale */
	font-weight: bold; /* La propriété de feuille de style css font-weight permet de spécifier la graisse de la fonte (mettre en gras).*/
	padding:2px; /* La propriété de feuille de style css padding permet de spécifier la marge intérieure, c'est à dire la marge qui sépare le contenu d'un élément de sa bordure.*/
}

/* propriété des liens de la class fermer */
.fermer a {
	color: #ffffff; /* La propriété de feuille de style color css permet  de spécifier la couleur d'un texte.*/
	text-decoration: none; /* La propriété de feuille de style css text-decoration permet de spécifier les décorations d'un mot par exemple si le mot est souligné ou surligné. // none, sans rien.*/ 
}

.fermer p {
	color: #ffffff; /* La propriété de feuille de style color css permet  de spécifier la couleur d'un texte.*/
	text-decoration: none; /* La propriété de feuille de style css text-decoration permet de spécifier les décorations d'un mot par exemple si le mot est souligné ou surligné. // none, sans rien.*/ 
}

/* propriété des liens survolés de la class fermer */
.fermer a:hover {
	color: #AAF9FF;	/* La propriété de feuille de style color css permet  de spécifier la couleur d'un texte.*/
}