
body									/*Corps de la page*/
	{
	background:beige;						/* Font de page de couleur beige*/
	font-family:comic sans ms;					/* Police de caractère du texte de la page*/
	}
h1									/* Titre principal */
	{
	color : #3aaf3e;						/* Coueur de texte du titre principal (vert)*/
	font-size : 300%;						/* Taille du texte du titre principal*/
	background : #33307a;						/* Coueur du fond du titre principal (bleu marine)*/
	text-align:center;						/* Centrage du texte du titre principal (centré)*/
	}
h2									/* Titre */
	{
	color : #6f6f93;						/* Coueur de texte du titre (bleu)*/
	font-size : 200%;						/* Taille du texte du titre*/
	background : white;						/* Coueur du fond du titre (blanc)*/
	text-align : center;						/* Centrage du texte du titre (centré)*/
	}

h3									/* Sous-titre */
	{
	color : #6f6f93;						/* Coueur de texte du titre (bleu)*/
	font-size : 150%;						/* Taille du texte du titre*/
	text-decoration:underline;					/* Format du texte :souligné*/
	}


.logo1									/* Classe de l'image du CPGE */
	{
	width: 800px;							/* Largeur de l'image en pixel*/
	height: 400px;							/* Hauteur de l'image en pixel*/
	display:block;							/* Affiche de l'image sous forme d'un bloc*/
	margin-left:auto;						/* Centrage automatique de la marge à gauche*/
	margin-right:auto;						/* Centrage automatique de la marge à droite*/
	}

.profil									/* Champ de la Classe "profil" */								
	{
	
	width:1600px;							/* Largeur du champ en pixel*/							
  	display: block;							/* Affiche de le champ sous forme d'un bloc*/
  	margin-left:auto;						/* Centrage automatique de la marge à gauche*/
	margin-right:auto;						/* Centrage automatique de la marge à droite*/
        }

		.texte_profil						/* Champ de la Classe "texte_profil" */
			{
	 		margin-left: 150px;				/* Marge à gauche de 150 pixels*/
	 		color:#4f4f52;					/* Couleur de texte (gris foncé)*/
	 		font-size : 150%;				/* Taille du texte */
			}

		.text_profil ul						/* Liste de la Classe "profil" */

			{
			color:#4f4f52;					/* Couleur des puces de la liste (gris foncé)*/
			}


.structure								/* Champ de la Classe "structure" */
	{
	
	width:1600px;							/* Largeur du champ en pixel*/
  	display: block;							/* Affiche de le champ sous forme d'un bloc*/
  	margin-left:auto;						/* Centrage automatique de la marge à gauche*/
	margin-right:auto;						/* Centrage automatique de la marge à droite*/
	
        }

		.cursus ul						/* Liste de la Classe "cursus" */
			{
			margin-left: 150px;				/* Marge à gauche de 150 pixels*/
	 		color:#4f4f52;					/* Couleur de texte (gris foncé)*/
	 		font-size : 150%;				/* Taille du texte */	
			}

				.structure_formation			/* Champ de la Classe "structure_formation" */
						{
	 					margin-left: 40px;	/* Marge à gauche de 40 pixels*/
	 					color:#4f4f52;		/* Couleur de texte (gris foncé)*/
	 	
						}
				.structure_formation	li		/* Lignes de la liste de la Classe "structure_formation" */
						{
	 					margin-left: 40px;	/* Marge à gauche de 40 pixels*/
	 					color:#4f4f52;		/* Couleur de texte (gris foncé)*/
	 					font-size : 65%;	/* Taille du texte */
						}
				.structure_formation ul			/* Liste du champ de la Classe "structure_formation" */
						{
						list-style-image:url('puce3.png');	/*Personnalisation des puces de la liste*/
						}

				.enseignements				/* Champ de la Classe "enseignements" */
						{
	 					margin-left: 40px;	/* Marge à gauche de 40 pixels*/
	 					color:#4f4f52;		/* Couleur de texte (gris foncé)*/
	 	
						}

				.enseignements	li			/* Lignes de la liste de la Classe "enseignements" */
						{
	 					margin-left: 40px;	/* Marge à gauche de 40 pixels*/
	 					color:#4f4f52;		/* Couleur de texte (gris foncé)*/
	 					font-size : 65%;
						}

				.enseignements ul			/* Liste du champ de la Classe "structure_formation" */
						{
						list-style-image:url('puce1.png');	/*Personnalisation des puces de la liste*/
						}


		.filière						/* Champ de la Classe "filière" */
			{
	 		margin-left: 100px;				/* Marge à gauche de 100 pixels*/
	 		color:#4f4f52;					/* Couleur de texte (gris foncé)*/
			}

		.filière li						/* Lignes de la liste de la classe "filière"*/

			{
			color:#4f4f52;					/* Couleur de texte (gris foncé)*/
			font-size : 65%;				/* Taille du texte */	
			}

		.filière p						/* paragraphes de la classe "filière"*/

			{
			color:#3aaf3e;					/* Couleur de texte (gris foncé)*/
								
			}

		.filière ul
			{
			list-style-image:url('puce4.png');		/*Personnalisation des puces de la liste*/
			}


		.organisation						/* Champ de la Classe "organistation" */
			{
	 		margin-left: 100px;				/* Marge à gauche de 100 pixels*/
	 		color:#4f4f52;					/* Couleur de texte (gris foncé)*/	
			}

		.organisation li					/* Lignes de la liste de la classe "organisation"*/

			{
			color:#4f4f52;					/* Couleur de texte (gris foncé)*/
			font-size : 65%;				/* Taille du texte */	
			}

		.organisation ul
			{
			list-style-image:url('puce2.png');		/*Personnalisation des puces de la liste*/
			}

.étude									/* Champ de la Classe "étude" */
	{
	
	width:1600px;							/* Largeur du champ en pixel*/
  	display: block;							/* Affiche de le champ sous forme d'un bloc*/
  	margin-left:auto;						/* Centrage automatique de la marge à gauche*/
	margin-right:auto;						/* Centrage automatique de la marge à droite*/
        }

		.orientations						/* Champ de la Classe "orientations" */
			{
	 		margin-left: 200px;				/* Marge à gauche de 200 pixels*/
	 		color:#4f4f52;					/* Couleur de texte (gris foncé)*/	
			}

		.orientations ul					/* Liste de la Classe "orientations" */

			{
			color:#4f4f52;					/* Couleur de texte (gris foncé)*/	
			list-style-image:url('puce4.png');		/* Personnalisation des puces de la liste*/
			}


		.orientations p						/* paragraphes de la Classe "orientations" */

			{
			color:#3aaf3e;					/* Couleur de texte (gris foncé)*/	
			}


.logo2									/* Classe de l'image du mp2i */
	{
	width: 170px;							/* Largeur de l'image en pixel*/
	height: 170px;							/* Hauteur de l'image en pixel*/
	float:right; margin:0 50px 0 20px;				/* position à droite , Marge haute=0pixel, droite=10 pixels, bas=0 pixel et gauche=20 pixel*/ 
	}

.logo3									/* Classe de l'image du mpsi */
	{
	width: 250px;							/* Largeur de l'image en pixel*/
	height: 150px;							/* Hauteur de l'image en pixel*/
	float:inline-end; margin:0 10px 0 20px;				/* position à droite , Marge haute=0pixel, droite=10 pixels, bas=0 pixel et gauche=20 pixel 
	}


