/* FEUILLE DE STYLE POUR LES SITES DESTINÉS AUX ASELS */
/* ORGANISATION DE LA FEUILLE DE STYLES */

/* 1) Styles associés aux balises html (a, body, hr) */
/* 2) Styles associés aux id. Les id servent pour des éléments uniques dans une page.*/
/* 3) Styles associés aux class. Les class servent pour des éléments multiples dans une page.*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 1) Styles associés aux balises html */
a
{
	color: #CB5A2B;#fe019a
}

a:hover
{
	color: #fe019a;
}

body 
{
	/* Paramètres valables par défaut pour toute la page */
	
	/* D'abord centrer la page */
	width: 950px; /* le = 952 px */
	height:1794px; /* he = 1796 px */
	border:0px solid red;/*#660033 pour bordeaux*/
	margin:auto;

	/* Ensuite définir les caractères par dédaut */
	font-family: Comic Sans MS;
	font-size: 54px;
	font-style: normal;/*italic*/
	font-weight: normal;/*100à900,normal=400,bold=700,bolder,lighter*/
	text-decoration: none;/*line-through, underline*/
	color: #CB5A2B;
	text-align: left;
	
	/* Curseur uniforme */
	cursor: default;
}

/* Règle horizontale pour annuler la flottaison */
hr
{
	clear: both;
	border: 0px solid red;
	margin: 0;
}

/*création pour rougir les caractères*/
r
{
	color: red;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 3) Styles associés aux class */

.image_centree
{
	border: 0px solid red;
	display: block;
	margin-right : auto;
	margin-left : auto;
}

.presentation_paragraphe 
{
	/* Pour éviter que le texte ne colle aux rectangles voisins.*/
	border: 0px solid red;
	padding-left : 10px;
	padding-right : 10px;	
	margin-top : 10px;
	margin-bottom : 10px;	
}

.text_lege /*Destiné à la légende d'image. Aucune enluminure car le navigateur crée un espace, inexpliqué, entre l'image et le texte*/
{
	text-align: center;
	font-size: 14px;
	font-weight : bold; /*normal, bold*/	
	line-height : 14px ;	
	margin:0px;
	border: 0px dotted black;
	padding:0px;
}


.zone_ae_5x1
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 177px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_5x1:active
{
	background:red;
}

.zone_ae_4x1
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 225px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_4x1:active
{
	background:red;
}

.zone_ae_3x1
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 300px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_3x1:active
{
	background:red;
}

.zone_ae_2x1
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 450px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_2x1:active
{
	background:red;
}

.zone_ae_1x1
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 920px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_1x1:active
{
	background: red;
}

.zone_ae_1sur5
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 177px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_1sur5:active
{
	background: red;
}

.zone_ae_2sur5
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 354px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_2sur5:active
{
	background: red;
}

.zone_ae_1sur6
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 143px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_1sur6:active
{
	background: red;
}
.zone_ae_4sur6
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 664px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_4sur6:active
{
	background: red;
}

.zone_ae_1sur7
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 121px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_1sur7:active
{
	background: red;
}

.zone_ae_1sur10
{
	/* entrée de formulaire, input, pour un ae */
	
	font-size: 54px;
	width: 95px;
	height: 120px;
	border: 1px solid rgba(150,150,150,1);
	text-align: center;
	color: #0F056B;

}

.zone_ae_1sur10:active
{
	background: red;
}