/*FICHIER CSS POUR FAIRE LA MISE EN PAGE

Par ALLAIN Patrick

Ce fichier permet de faire le jeu d'encadrement des différentes pages web
on définit ici la taille du corps du texte (élément body)
   ensuite, on définit l'entête en haut,
   le menu à gauche, la pub à droite et le corps du texte au droite
   la barre d'administration en bas de page

Ce fichier CSS fonctionne bien sur Modzilla Firefox
*/

body
{
	padding: 0px;
	/*on introduit une marge INTERIEUR de 10 pixel pour que les cadres ne collent pas sur les bords on aurait pu sinon faire un
			margin-left, un margin-right, un margin-top et un margin-bottom*/
			/*margin-top:10px;*/				/*IE est très pète couilles*/
			/*margin-bottom:10px;*/				/*BRULEZ MICROSOFT*/
	margin: 10px;
	background-color: black; 			/*définie le noir comme couleur de fond*/
	/*Pour mettre une image en fond, il faut utiliser la commande: " background-image: url("../images/fond.jpeg") " .. permet de revenir a la racine du fichier actuel*/
	color: black; 				/*définie noir comme couleur de texte*/
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
								/*On définit ici la police que l'on utilisera. Ce sera d'abord Arial, puis Arial Back, puis....*/
			/*min-width: 760px; /*Taille mimale de la fenêtre pour que le titre soit toujours visible*/
	font-size: 14px;				/* On définit une taille de la police de 13px */
   
}


/*--------------------------------*\
|             L'EN-TÊTE              |
\*--------------------------------*/


/*en fait, on a 2 en tête l'un sert a mettre la bannière (c'est le #en_tete1) l'autre sert a completer la bannière (c'est le #en_tete2)*/

#en_tete
{
	height: 150px;								/*définie une hauteur de 100px*/
	margin-bottom: 0px;							/*Marge exterieur en bas de 0 px pr séparer l'entête du reste*/
}

#lien_vers_accueil
{
	position: absolute;							/* Permet de placer le blason et de faire un lien vers l'accueil */
	top: 10px;									/* Défini le placement par rapport au haut de page */
	left: 10px;									/* Défini le placement par rapport a la gauche de page */
}

#sous_en_tete
{
	margin-top:0px !important;					/* Marge extérieur en haut de 2 pixels Design Firefox */
	margin-top: -4px;							/* Marge extérieur en haut de -4 pixels Design IE */
}

/* -------------------------------*\
|              LE MENU                |
\*--------------------------------*/

#barre_de_navigation
{
	float: left;								/* Le menu flottera à gauche */
	width: 228px;								/* Très important : donner une taille au menu */
	margin-top: 0px !important;					/* Marge extérieur en haut de 2 pixels Design Firefox */
	margin-top: 3px;							/* Marge extérieur en haut de 3 pixels Design IE*/
}

#menu
{
	margin-top: 2px !important;					/* Marge extérieur en haut de 2 pixels Design Firefox */
	margin-top: -1px;							/* Marge extérieur en haut de -1 pixels Design IE */
	margin-bottom: 0px !important;				/* Marge extérieur en bas de 2 pixels Design Firefox */
	margin-bottom: -7px;						/* Marge extérieur en bas de -7 pixels Design IE */
}

#zone_pour_se_logger
{
	margin-top: 2px !important;					/* Marge extérieur en haut de 2 pixels Design Firefox */
	margin-top: -7px;							/* Marge extérieur en haut de -7 pixels Design IE */
	margin-bottom: 0px !important;				/* Marge extérieur en bas de 2 pixels Design Firefox */
	margin-bottom: -7px;						/* Marge extérieur en bas de -7 pixels Design IE */
}

#compteur_visite
{
	margin-top: 2px !important;					/* Marge extérieur en haut de 2 pixels Design Firefox */
	margin-bottom: 0px !important;				/* Marge extérieur en bas de 2 pixels Design Firefox */
	margin-top: -7px;							/* Marge extérieur en haut de -7 pixels Design IE */
}

/*--------------------------------*\
|      LE CORPS DU TEXTE       |
\*--------------------------------*/
 
#corps
{
	margin:0px;
	margin-left: 230px;/*On met une tel marge EXTERIEURE a gauche afin que le texte ne passe pas sous le flottant*/
	/*width: 460px;*/			/*---->Sert  à définir la taille de la fenêtre. C'est inutile puisque l'on a définit la taille du body, de la marge à droite et à gauche
													 MAIS ATTENTION!!! C'est super important puisque dans le CSS du corps on a un padding qui ferait tout foiré!!!!!*/ 
	/* margin-bottom: 10px; */		/*Une marge EXTERIEURE en bas avec le pied de page de 10 px*/
	z-index: 20; /*On définit l'odree d'inportance d'aficahge des fenêtres*/
	
}

/*--------------------------------*\
|        LE PIED DE PAGE          |
\*--------------------------------*/

#pied_de_page
{
	margin-left: 230px; /*On met une tel marge EXTERIEURE a gauche afin que le pied de page ait la même taille que le corps du texte*/
	/*width: 460px;*/			/*---->Sert  à définir la taille de la fenêtre. C'est inutile puisque l'on a définit la taille du body, de la marge à droite et à gauche
													 MAIS ATTENTION!!! C'est super important puisque dans le CSS du corps on a un padding qui ferait tout foiré!!!!!*/ 
	/*margin-top: 10px;*/		/*Une marge EXTERIEURE en bas avec le corps de 10 px*/
}

/*Une modification des bordures des photos ou des images parce que ça commence a devenir très chiant!!!!*/

a img /* Toutes les images contenues dans un lien */
{
	border: none; /* Pas de bordure */
}