body
	{
	background-image: url("Images/paper_b011ivoire.gif");/*fond d'image*/
	background-repeat: repeat-y;/*je r?p?te l'image en vertical et non en horizontal pour que la "page" ne soit pas r?p?t?e faute de largeur*/
	background-position : -2px 0px;
	font-family:"Trebuchet MS", "Comic sans Ms", "Arial Black", serif; /*police pr?f?r?e : Trebuchet MS*/
	font-size:90%;  /*taille ? 90%*/ 
	text-align:justify;
	padding-left:75px;
	}

a
	{
	text-decoration:none; /*sans action souris, pas de changement d'apparence*/
	color:black; /*couleur standard de la police = noir*/
	}

a:hover
	{
	color:red; /*quand la souris passe dessus, le texte devient rouge*/
	text-decoration:underline;
	}

table img:hover
	{
	color:black;
	}

a:focus
	{
	background-color:black; /*quand on a cliqu? dessus : devient fond noir*/
	color:white; /*quand on a cliqu? dessus : police devient blanc*/
	}

.nouveau
	{
	color:red;
	font-weight:bold;
	}

img
	{
	border:none;
	}

#en-tete
	{
	height:100px; /*hauteur block (div) en-tete*/
	background-image:url("Images/Ecrigraphe-en-rouge-3.gif"); /*banni?re*/
	background-repeat:no-repeat; /*pas de r?p?tition de la banni?re*/
	background-position:center; /*? 150px du bord de la page, et ? 5px du haut*/
	padding-top:10px;
	margin-bottom:20px;  /*espace cr?? jusqu'? 20px du block suivant*/  /*pour l'aligner sur le corps de la page, je cr?e une marge de 20px du bord de la page*/
	}

#en-tete p  /*le block-texte de l'ent?te*/
	{
	font-size:90%;
	color:red;
	position:relative; /*je l'ai voulu plac? en position pour pouvoir l'ajuster le cas ?ch?ant : d?pendra de la place de la banni?re et des marges*/
	right:40px;
	text-align:right;
	top:75px;  /*m?me chose, du haut*/
	}

#menu
	{
	/*pour le laisser apparent, même si on descend dans la page : position:fixed. mais attention aux lignes.*/
	width:150px; /*largeur block (div) menu*/
	height:auto;
	float:left;  /*ainsi le texte ira se coller ? droite du menu*/
	background-image:url("Images/plume-maison.gif"); /*mon image sera cal? par rapport au haut, et devrait ?tre centr?*/
	background-repeat:no-repeat;
	text-align:center; /*le texte est align? en largeur*/
	padding-top:160px; /*je d?cale de 160px en hauteur le texte pour qu'il ne couvre pas l'image*/
	font-variant:small-caps; /*de petites majuscules pour changer le type de police*/
	}

#menu h2
	{
	text-align:center; /*titre h2 du menu centr?*/
	}

#menu a:hover /*seuls les liens contenus dans le menu sont concern?s*/
	{
	font-weight:normal; /*c'est serr? : si on met en gras, le corps est d?plac?, le texte du corps s'ajuste et c'est moins joli*/
	}

	/*corps de la page 0, index*/
	#corps0
	{
	height:500px;
	background-image:url("Images/logo-page0-1.png"); /*banni?re, mais en GM*/
	background-repeat:no-repeat;
	background-position:center center;
	padding:5px;
	text-align:center;
	}

#pied-de-page0	/*pied de page de la page 0, index, destin?e ? ne recevoir que le logo, et l'invitation ? visiter le site*/
	{
	text-align:center;
	}

/*corps*/

h1 /*sert en particulier ? la page 6.1-presse texte*/
	{
	color:red;
	}

a .retour  /*concerne la page"6.1-presse texte", retour vers la page "6-presse"*/
	{
	float:right;  /*QUELLE RAISON POUR LE FLOAT ???*/
	font-style:italic;
	font-weight:bold;
	}

#corps
	{
	min-height:400px;
	margin-left:145px; /*je d?marre ? 145px du bord de la page*/
	margin-bottom:10px; /*et ? 10 px en hauteur pour ne pas coller au bandeau*/
	padding:5px; /*de nouveau 5px des bords du block "corps"*/
	font-weight:normal;
	font-size:13px;
	}

#corps ul /*la liste ? puces du corps de la page : essentiellement la premi?re page*/
	{
	/*pas de puce*/
	/*caract?res en italique*/
	font-weight:normal; /*contrairement au reste, le caract?re n'est pas en gras*/
	}

.plume
	{
	list-style-image: url("Images/plume-maison-rose-TPM.gif");
	/*comment decaler la plume de l'image lorsqu'elle est mise en p3, cad en float left ?*/
	}

.plume li
	{
	margin-bottom:1em;
	}

.merci
	{
	list-style-type:square;
	}

.note
	{
	color: red;
	font-style:italic;
	font-weight:bold;
	}

.sousp
	{
	list-style-type:none;
	font-style:italic;
	}

.agenda                                                                                                         
	{
	list-style-type:square;
	font-variant:small-caps;
	font-size:110%;
	font-weight:bold;
	color:dimgray;
	margin-bottom:1em;
	}

p .agenda a
	{
	font-variant:small-caps;
	font-size:120%;
	font-weight:bold;
	color:dimgray;
	margin-bottom:1em;
	margin-left:1em;
	}

.agenda strong
	{
	color:red;
	}

.date
	{
	font-weight:bold;
	color:black;
}

.bientot
	{
	font-variant:small-caps;
	font-size:120%;
	font-weight:bold;
	color:rgb(0,79,16);
	}

#corps p  /*chaque paragraphe du corps de la page*/
	{
	margin-left:20px; /*une marge de 20 px pour ?viter de coller au reste*/
	}

#corps h1, #corps h3, #corps h4, #corps h5 /*les titres concern?s du corps, essentiellement pour la page 6.1-presse texte*/
	{
	margin-left:20px; /*pour les aligner sur les paragraphes*/
	}

.intro_centree
	{
	text-align:center;
	color:red;
	}

.objection
	{
	text-align:center;
	color:red;
	}

.temoignage1
	{
	background-color:rgb(255,249,192);
	text-align:right;
	}

.temoignage3
	{
	background-color:rgb(255,202,169);
	text-align:right;
	}

.temoignage5
	{
	background-color:rgb(186,202,169);
	text-align:right;
	}

.temoignage7
	{
	background-color:rgb(146,181,229);
	text-align:right;
	}

.temoignage9, .temoignage10
	{
	text-align:right;
	}

.temoignage9
	{
	background-color:rgb(155,159,186);
	}

.temoignage10
	{
	background-color:rgb(255,210,129);
	}

.cadre_bientot
	{
	background-color:rgb(255,202,169);
	list-style-type:square;
	font-variant:small-caps;
	font-size:110%;
	font-weight:bold;
	color:dimgray;
	margin-bottom:1em;
	}

.cadre_bientot strong
	{
	color:red;
	}

#corps table/*tableau, et paragraphe du tableau inclus dans le corps, page 6 et 7*/
	{
	margin:auto;
	text-align:center;
	}

#corps table p /*et paragraphe du tableau inclus dans le corps, page 6 et 7*/
	{
	margin:auto;
	text-align:center;
	}

#corps table p strong /*les titres des miniatures des articles de journaux*/
	{
	color:gray;
	font-variant:small-caps;
	text-decoration:underline;
	}

#corps table img
	{
	margin-left:10px;
	margin-right:10px;
	}

td
	{
	text-align:center;
	}

.texteavectableau
	{
	text-align:center;
	}

#corps .sousp/* "sousp" pour les paragraphes que je veux align?s ? droite... essentiellement page 1*/
	{
	text-align:right;/*on aligne le texte ? droite*/
	}

#corps .img /*pour le logo page 7 : SERA PEUT ETRE A CHANGER SI ON INCORPORE DES PHOTOS ANCIENNES*/
	{
	background-position:right;
	}

img, h2, #sous-contacts
	{
	text-align:center;
	}

.mot-surligne
	{
	text-decoration:underline;
	}

.entree
	{
	font-weight:bold;
	font-size: 130%;
	}

.image-flottante-p1
	{
	float:left;
	margin-top:5px;
	margin-right:10px; /*oblig?, car sinon sous IE, le texte est coll? : ? cause du float, que ne comprend pas IE... */
	}

.image-flottante-p2
	{
	margin-left:5px;
	margin-right:10px;
	float:right;
	}

.image-flottante-p3
	{
	margin-top:20px;
	padding-right:10px;
	margin-right:10px;
	margin-left:px;
	margin-bottom:10px;
	float:left;
	}

.image-flottante-p4
	{
	margin-left:20px;
	margin-bottom:10px;
	float:right;
	}

.image-flottante-p5
	{
	margin-top:10px;
	padding-right:0px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
	}

.image-flottante-p6
	{
	margin-top:10px;
	padding-right:20px;
	padding-left:0px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	float:left;
	}

.image-centree
	{
	text-align:center;
	margin-left:18%;
	}

.note_NPI
	{
	font-size:60%;
	font-style:italic;
	}

#texte-art-LMI, #texte-art-NE, #texte-art-presence, #texte-art-femina
	{
	padding-top:20px;
	}

#texte-art-tribune
	{
	padding-top:30px;
	}

.image-flottante-1
	{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}

.image-flottante-2
	{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	}

/*pied de page*/
#pied-de-page
	{
	text-align:center;
	margin-top:2px;
	height:50px;
	}

#pied-de-page p
	{
	font-size:12px;
	font-style:oblique;
	font-variant:small-caps;
	}

p .copyright
	{
	font-style:normal;
	font-weight:bold;
	font-size:11px;
	}

table
	{
	margin:auto; /*il se centrera tout seul selon la taille de la fen?tre*/
	}

caption
	{
	margin:auto;
	text-align:center;
	font-style:italic;
	color:red;
	}

.coordonnees
	{
	padding-left:65px;
	text-align:center;
	font-size:18px;
	}

.logo
	{
	padding-left:50px;
	}

.mabio
	{
	font-size:10px;
	float:right;
	}

hr
	{
	background-color:red;
	}