/* --- feuille de style du site AGI -- */

body {
/*	background-color:#FFFFF0;/*ivoire*/

/*	background: rgb(180,100,10);  /* brun */
/*	background: rgb(250,225,130);/* orange plus clair*/
/*	background: rgb(245,240,170);/* jaune doux*/
/*	background: rgb(250,215,85);/* orange clair*/
/*	background: rgb(255,230,120);/* orange plus clair*/

/*	background: rgb(160,200,100);/* vert jaune moyen */
/*	background: rgb(180,215,130);/* vert jaune moyen 2 */
/*	background: rgb(185,215,145);/* vert clair */
/*	background: rgb(205,220,150);/* vert jaune clair */	
/*	background-color: rgb(205,225,170);/* vert pâle */		
/*	background-color: rgb(210,230,180);/* vert pâle 2 */		
	
/*	background-color: rgb(200,160,135);	/* sable foncé */
/*	background-color: rgb(205,170,150);	/* sable foncé 2 */
/*	background-color: rgb(205,175,150);	/* sable foncé 2 */
/*	background-color: rgb(215,190,165);	/* sable rose */
/*	background-color: rgb(200,175,145);	/* sable beige */
/*	background-color: rgb(190,175,155);	/* gris beige */	
/*	background: rgb(210,200,185);	/* gris clair */	
	background-color: rgb(210,205,190);	/* gris clair */	
/*	background: rgb(220,205,180);	/* gris clair rosé */	
	
	width: 790px;
	margin:0px 10px 0px 10px;
	margin: auto;	
}
* {	/* la propriété s'applique à tout */
	margin:0;
	padding: 0;
}
h1 {
	font-family:arial, verdana, sans-serif;
	font-size:150%;
	color:black;
/*	background-color:transparent;	*/
	text-align:center;
}
h2 {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	color:black;
/*	background-color:transparent;	*/
	text-align:left;
}
h3 {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	color:black;
/*	background-color:transparent;		*/
	text-align:left;
}
p {
	font-family:arial, verdana, sans-serif;
	font-size:80%;
	color:black;
/*	background-color:transparent;		*/
	text-align:left;
	margin-left:0px;
	margin-right:0px;
}
ul{
	list-style-type:disc;
}
li {
	font-family:arial, verdana, sans-serif;
	font-size:80%;
	color:black;
/*	background-color:transparent;	*/
	text-align:left;
	margin-left:50px;
	margin-right:0px;
/*	margin-top:2px;	*/
	margin-bottom:2px;			
}
.liste_espacee {
	margin-top:10px;
}
.suite_liste_sans_puce {
	list-style-type:none;
}

.rouge {
	color: rgb(200,70,60);	/* essai */
}

a:link {  /* link : lien non visité */
	font-family:arial, verdana, sans-serif;
	font-size:100%;
/*	color:blue;  */
/*	color: rgb(50,50,250);	/* bleu dur*/
/*	color: rgb(100,60,120);	/* violet 2 */
/*	color: rgb(170,90,65);  /* brique 2 */
	color: rgb(150,75,20);	/* brique 3 */	
	background-color:transparent;
	text-decoration:underline;
}
a:hover {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
/*	color:#006400;  */
/*	color: rgb(0,160,0);	/* vert */
/*	color: rgb(185,110,50);  /* beige orange moyen */	
/*	color: rgb(170,100,50);  /* beige orange moyen 2 */	
/*	color: rgb(75,110,50); 	/* vertfoncé */
	color: rgb(150,75,20);	/* brique 3 */	
	background-color:transparent;
	text-decoration:none;
}
a:visited {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
/*	color:navy;  */
	color: rgb(30,110,110);
	background-color:transparent;
	text-decoration:underline;
}
a img {	/* toutes les images contenues dans un lien */
	border: none;
}
/* ------------------------------------------------------------------------------------- */
/* ----------- contenu de la page ------------- */
#contenu {
	background: white;
/*	border: solid rgb(180,100,10) 1px;  /* brun */
/*	border: solid rgb(240,150,20) 1px;  /* orange */
/*	border: solid rgb(55,145,50) 1px; /* vert feuille 2*/
/*	border: solid rgb(80,170,50) 1px;  /* vert feuille */		
/*	border: solid rgb(85,155,105) 1px; /* vert moyen */
/*	border: solid rgb(130,170,70) 1px;/* vert jaune moyen 2 */
	border: solid rgb(100,60,95) 1px;	/* violet */
	width: 790px;	
	margin: auto;
	padding: 0px 0px 5px 0px;	
}
/* ----------- fin du contenu de la page ------------- */

/* ------------------------------------------------------------------------------------- */
/* -------------- en-tête -----------------------*/
#enTete {
	margin: 0;
	padding: 0 0 2px 0;
	border: solid rgb(100,60,95) 1px;	/* violet */
	background: rgb(100,60,95);	/* violet */
/*	background: rgb(125,95,120);	/* violet plus clair */	
/*	background: rgb(255,230,120);/* orange plus clair*/
/*	background: rgb(255,250,200);/* jaune pâle  */		
}

/* -------------- bannière -----------------------*/
#banniere {
/*	background: rgb(245,240,170);/* jaune doux*/
	margin: 0;
	padding: 0 3px 2px 3px;
/*	background:  url("images/banniere3_99.jpg") no-repeat top center; 	*/
/*	height: 90px;	*/
}
#banniere p {
	margin: 0;
	padding: 0;
	text-align: center;		
/*	display: none;		*/
}
#banniere h1  {
	text-align: center;
/*	text-align: left;	*/
/*	background: rgb(170,85,10);  /* brique */
	background: rgb(170,90,65);  /* brique 2 */	
	margin: 0;
/*	display: none;	*/
}
#banniere  h2 {
	text-align: center;
/*	text-align: right;	*/
	background: rgb(55,145,50); /* vert feuille 2*/
	background: rgb(110,155,85); /* vert terne */
	margin: 5px 0 2px 0;
/*	display: none;	*/
}
/* ------------------------------------------------------------------------------------- */
/*----------------- menus pratiques -----------------------*/
#MenuPratique {
/*	border: solid rgb(250,200,0) 1px;  /* jaune orange */	
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */
/*	background: rgb(240,150,20);  /* orange */	
/*	background: rgb(230,160,65);  /* orange plus terne */	
/*	border: solid rgb(240,150,20) 1px;  /* orange */	

/*	border: solid rgb(220,180,100) 1px;  /* beige orange */	
/*	background: rgb(220,180,100);  /* beige orange */		
/*	background: rgb(220,195,140);  /* beige  */		
	background: rgb(210,145,90);  /* beige orange 2 */
	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
	margin: 0 3px 0 3px;
	padding: 0; 
}
#MenuPratique ul {
	list-style-type: none;
	margin: 0px;
	padding: 2px;
	text-align: center;
	line-height:80%; 
}
#MenuPratique li {
	display: inline;
	margin: 0px;
	padding: 0px 20px;
	font-size: 70%;	
/*	border-right: solid rgb(255,215,15) 1px;  /* jaune d'or */	
/*	border-left: solid rgb(255,215,15) 1px;  /* jaune d'or */	
	border-right: solid rgb(170,110,35) 1px;  /* brun terne */	
	border-left: solid rgb(170,110,35) 1px;  /* brun terne */	
}
#MenuPratique .SujetChoisi {
	background: rgb(230,185,130);
}	
#MenuPratique .gras  a {
	font-weight: bold;
	font-size: 120%; 	
	color: red ;	
	color: black; 
}	

#MenuPratique a {
	text-decoration: none;
	color: black;
}
#MenuPratique a:hover {
	text-decoration: none;
	font-weight: bold;
/*	color: rgb(110,55,5);  /* brun-noir */
	color: rgb(90,40,5);  /* brun-noir 2 */
}

/* ------------------------------------------------------------------------------------- */
/*----------------- menus des thèmes -----------------------*/
#MenuSujets {
/* 	border: solid rgb(130,180,180) 1px;  */
/*	border: solid rgb(255,215,15);  /* jaune d'or */
/*	border: solid rgb(250,200,0) 1px;  /* jaune orange */
/*	background-color:transparent; */
/*	background: rgb(255,215,15);  /* jaune d'or */
/*	background: rgb(250,200,0);  /* jaune orange */
/*	background: rgb(180,100,10);  /* brun */
/*	border: solid rgb(180,100,10) 1px;  /* brun */
/*	background: rgb(170,110,35);  /* brun terne */
/*	border: solid rgb(170,110,35) 1px;  /* brun terne */
/*	background: rgb(170,125,70);  /* brun terne 2 */
/*	border: solid rgb(170,125,70) 1px;  /* brun terne 2 */
	background: rgb(170,90,65);  /* brique 2 */
	border: solid rgb(170,90,65) 1px;  /* brique 2 */

	margin: 2px 3px 1px 3px;
}
#MenuSujets ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	text-align: center;
	line-height:80%; 
}
#MenuSujets li {
/*	border: solid rgb(255,215,15);  /* jaune d'or */	
/*	border: solid rgb(250,200,0)1px;  /* jaune orange */	
/*	background: rgb(245,225,135);   /*jaune*/
/*	background: rgb(245,240,170);/* jaune doux 2*/
/*	background: rgb(255,240,130);/* jaune doux*/
/*	border: solid rgb(255,240,130) 0px;/* jaune doux*/	
/*	background: rgb(245,235,194);/* jaune pâle terne */
	background: rgb(250,235,190);/* jaune doux rosé 6 */		
	border: solid rgb(245,235,195) 0px;/* jaune pâle terne */	

/*	border: solid rgb(200,230,240) 1px; */
/*	border: solid rgb(215,235,240) 1px; */
	display: inline;
	margin: 0px 2px;
	padding: 2px 15px;
	font-size:75%;	
/*	border: solid rgb(160,200,200) 1px;  */
}
#MenuSujets .SujetChoisi {
/*	background: rgb(255,235,170);/* jaune doux rosé 5 */		
/*	background: rgb(200,175,145);	/* sable beige */
/*	background: rgb(220,195,140);  /* beige  */			
	background: rgb(230,170,115);  /* beige orange 3 */
	background: rgb(230,185,130);	 /* beige orange 4 */
} 
#MenuSujets a {
	text-decoration: none;
	color: black;
}
#MenuSujets a:hover {
/*	color: rgb(110,55,5);  /* brun-noir */
	color: rgb(90,40,5);  /* brun-noir 2 */
/*	color: black;	*/
	font-weight: bold;
}

/* ------------------------------------------------------------------------------------- */
/*-------------------  page d'accueil -------------*/
/* ------------------------------------------------------------------------------------- */
#accueil {
	margin: 10px 0px 0px 0px;
	background: white;
}
/* ------------------------------------------------------------------------------------- */
/* ----------   PRESENTATION : présentation de l'AGI et du site   ------------------- */
#presentation {	/*  largeur totale : 250 px */
	float: left;
	width: 235px;
/*	background: rgb(220,240,170);/*vert pâle */	
/*	border: solid rgb(80,170,50) 1px;  /* vert feuille */	
	border-right: solid rgb(180,100,10) 1px;  /* brun */ 
/*	border-right: solid rgb(80,170,50) 1px;  /* vert feuille */	
	margin: 0;
	margin-bottom: 10px;
	padding: 10px 10px 10px 5px;
}
#presentation p {
	margin: 0px;
	padding: 5px;
/*	text-align: justify;	*/
}


/* ------------------------------------------------------------------------------------- */
/* ------------- EDITO : actualité ou sujet général ------------------- */
#edito {		/*  largeur totale : 300 px */
	float: left;
	width: 280px;
/* le positionnement absolu ne convient pas : le pied de page s'écrit par dessus*/
/*	position: absolute; 
	top: 300px;
	left: 200px; */ 
/*	border: solid rgb(180,100,10) 1px;  /* brun */ 
	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	
/*	background: rgb(255,240,130);/* jaune doux*/	
/*	background: rgb(255,245,160);/* jaune doux 2 */		
/*	background: rgb(255,250,170);/* jaune doux 3 */	
/*	background: rgb(255,235,170);/* jaune doux rosé 5 */	
/*	background: rgb(235,225,200);	/* greige-gris clair */
/*	background: rgb(240,230,204);	/* greige clair */
	background: rgb(250,235,190);/* jaune doux rosé 6 */	
/*	background: rgb(255,240,200);/* jaune doux rosé 5 clair */		
	
/*	background: rgb(220,240,170);/*vert pâle */	
/*	border: solid rgb(80,170,50) 1px;  /* vert feuille */	

/*	background: rgb(250,250,215);/*jaune pâle */
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */	
/*	background: rgb(220,245,245);/*bleu pâle 2*/
/*	border: solid rgb(50,150,190) 1px;  /* bleu pétrole foncé */
/*	background: rgb(230,240,245);/*bleu pâle*/
/*	border: solid rgb(130,180,180) 1px; */
	margin: 10px 10px 10px 10px;
	padding: 0;
}
#titre_edito {
/*	background: rgb(80,170,50);  /* vert feuille */	
/*	border: solid rgb(80,170,50) 1px;  /* vert feuille */	
/*	background: rgb(180,100,10);  /* brun */
/*	border: solid rgb(180,100,10) 1px;  /* brun */
	background: rgb(170,90,65);  /* brique 2 */
	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	
	margin: 0;
	padding: 0;
/*	padding: 2px 5px 2px 10px;	*/
}
#titre_edito p {
	font-weight: bold;
	font-size: 100%;
/*	color: rgb(220,240,170);/*vert pâle */	
/*	color: rgb(255,240,130);/* jaune doux*/
/*	color: rgb(255,250,170);/* jaune doux 3 */		
/*	color: rgb(255,235,170);/* jaune doux rosé 5 */	
/*	color: rgb(255,240,200);/* jaune doux rosé 5 clair */	
	color: rgb(250,235,190);/* jaune doux rosé 6 */		
/*	color: green;	/* essai */
	margin: 0;
	padding: 0;
	line-height: 70%;
}
#edito h1 {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
/*	color: rgb(40,100,35); /* vert très foncé */	
	padding: 10px 10px 5px 10px;
/*	padding-top: 0;	*/
/*	color: red;	/* essai */
}

#edito h1 a, #edito h1 a:link, #edito h1 a:visited {	/* link : lien non visité */
	text-decoration: none;
	color: black;
}
#edito h1 a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;	
}
#edito h2 {
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 10px 15px 10px;
/*	padding-top: 0;		*/
}
#edito .date_edito_accueil {
	text-align: center;
	font-size: 70%;
	margin-bottom: 10px;
}
#edito p {
	padding: 5px 20px;
}

.lire_suite {
	margin: 0 0 2px 0;
	padding: 0 0px 0 0;	
	text-align: right;
/*	float: right;*/
/*	border-left: solid black 10px;	*/
/*	border: solid black 1px;*/
}
.lire_suite a, .lire_suite a:link, .lire_suite a:visited {	/* link : lien non visité */
	text-decoration: none;
	color: black;
}
.lire_suite a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;	
}

/* ----------   ZOOM : article mis en avant   ------------------- */
#zoom {		/*  largeur totale : 225 px */
	float: left;
	width: 215px;
/*	background: rgb(220,240,170);/*vert pâle */	
/*	border: solid rgb(80,170,50) 1px;  /* vert feuille */	
/*	background: rgb(180,100,10);  /* brun */
/*	border: solid rgb(180,100,10) 1px;  /* brun */ 
/*	border: solid rgb(240,150,20) 1px;  /* orange */		
	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
	
/*	background: rgb(255,240,130);/* jaune doux*/	
/*	background: rgb(255,245,160);/* jaune doux 2 */	
/*	background: rgb(255,250,170);/* jaune doux 3 */		
/*	background: rgb(250,250,185);/* jaune pâle terne */		
	background: rgb(255,250,200);/* jaune pâle  */		
	
	margin: 10px 5px 10px 5px;
	padding: 0;
}
#titre_zoom {
/*	background: rgb(80,170,50);  /* vert feuille */	
/*	border: solid rgb(80,170,50) 1px;  /* vert feuille */	
/*	background: rgb(180,100,10);  /* brun */
/*	border: solid rgb(180,100,10) 1px;  /* brun */
/*	background: rgb(240,150,20);  /* orange */	
/*	border: solid rgb(240,150,20) 1px;  /* orange */	
/*	background: rgb(210,145,90);  /* beige orange 2 */
	background: rgb(220,145,90);  /* beige orange 3 */
	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
	
	margin: 0;
	padding: 0;
/*	padding: 2px 5px 2px 10px;	*/
}
#titre_zoom p {
	font-weight: bold;
	font-size: 100%;
/*	color: rgb(220,240,170);/*vert pâle */	
/*	color: rgb(255,240,130);/* jaune doux*/
/*	color: rgb(255,250,170);/* jaune doux 3 */		
	color: rgb(255,250,200);/* jaune pâle  */		
	margin: 0;
	padding: 0;
	line-height: 70%;
}
#zoom  h1 {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
/*	color: rgb(40,100,35); /* vert très foncé */		
	padding: 10px 10px 15px 10px;
/*	padding: 10px;
	padding-top: 0;	*/
}
#zoom h1 a, #zoom h1 a:link, #zoom h1 a:visited {	/* link : lien non visité */
	text-decoration: none;
	color: black;
}
#zoom h1 a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;	
}

#zoom h2 {
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 10px 15px 10px;
}
#zoom p {
/*	padding: 0 20px;	*/
	padding: 5px 20px;
}
#zoom li {
	padding: 0 10px;
}

/* ------------------------------------------------------------------------------------- */
/* --------------- pavés de présentation des sujets principaux ------------ */

#paves {
	clear: both;
	margin: 0;
	padding: 0;
/*	margin-top: 0;	*/
	border: solid white 1px;	/* évite le déborderment du pied de page sou IE et permet une meilleure mise en page sous IE et FF */
}
#pave1 {	/*  largeur totale : 161 px */
	float: left;
	width: 161px;	
	margin: 10px 0 10px 1px;
/*	padding: 10px;	*/
}
#pave2 {	/*  largeur totale : 161px */
	float: left;
	width: 161px;	
	margin: 10px 0 10px 0px;
/*	padding: 10px;	*/
}
#pave3 {	/*  largeur totale : 161 px */
	float: left;
	width: 161px;	
	margin: 10px 0 10px 0px;
/*	padding: 10px;	*/
}
#pave4 {	/*  largeur totale : 150 px */
	float: left;
	width: 150px;	
	margin: 10px 0 10px 0px;
/*	padding: 10px;	*/
}
#pave5 {	/*  largeur totale : 143 px */
	float: left;	
	width: 143px;	
	margin: 10px 0 10px 0px;
/*	padding: 10px;	*/
}

#pave1, #pave5 {
	border: solid rgb(170,85,10) 1px;  /* brique */	
/*	background: rgb(255,235,170);/* jaune doux rosé 5 */	
	background-color: rgb(250,235,190);/* jaune doux rosé 6 */		
}
#pave3{
/*	border: solid rgb(170,85,10) 1px;  /* brique */	
/*	border: solid 1px rgb(100,60,95);	/* violet */	
	border: solid 1px rgb(145,90,100);	/* violet 2 */
/*	background: rgb(255,235,170);/* jaune doux rosé 5 */	
/*	background-color: rgb(250,235,190);/* jaune doux rosé 6 */		
	background-color: rgb(255,250,225);/* rose pâle doux */	
}
#pave2, #pave4 {	
	border: solid rgb(180,100,10) 1px;  /* brun */ 
/*	background-color: rgb(255,250,170);/* jaune doux 3 */	
	background-color: rgb(255,250,200);/* jaune pâle  */			
}

#titre_pave1, #titre_pave5 {
/*	background: rgb(180,100,10);  /* brun */
/*	border: solid rgb(180,100,10) 1px;  /* brun */
/*	background: rgb(170,85,10);  /* brique */
/*	border: solid rgb(170,85,10) 1px;  /* brique */
	background-color: rgb(170,90,65);  /* brique 2 */
	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	margin: 0;
	padding: 0;
}
#titre_pave3 {
/*	border: solid 1px rgb(100,60,95) ;	/* violet */
	border: solid 1px rgb(145,90,100);	/* violet 2 */
/*	background-color: rgb(100,60,95);	/* violet */
	background-color: rgb(145,90,100);	/* violet 2 */
	margin: 0;
	padding: 0;
}
#titre_pave2, #titre_pave4 {
/*	background: rgb(240,150,20);  /* orange */		
/*	border: solid rgb(240,150,20) 1px;  /* orange */			
	background-color: rgb(220,145,90);  /* beige orange 3 */
	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
	margin: 0;
	padding: 0;
}
#paves p {
	padding: 10px;
	font-size: 75%;
}
#paves h1 {
	text-transform: uppercase;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
#pave1 h1,#pave1 h1 a,  #pave3 h1, #pave3 h1 a, #pave5 h1, #pave5 h1 a  {
	text-decoration: none;
	color: rgb(255,240,200);/* jaune doux rosé 5 clair */	
}
#pave2 h1, #pave2 h1 a, #pave4 h1, #pave4 h1 a {
	text-decoration: none;
	color: rgb(255,250,170);/* jaune doux 3 */	
}
#paves h1 a:hover {
/*	color: rgb(110,55,5);  /* brun-noir */
	color: black;  
}

/* ------------------------------------------------------------------------------------- */
/* ----------- page de texte normal --------------*/
/* ------------------------------------------------------------------------------------- */
#page {
	background: transparent;
	margin: 0;
	padding: 0 10px 0 10px;
}
/* ------------------ chemin --------------------- */
#chemin {
	font-family: arial, verdana, sans-serif;
	font-size:80%;	
	margin: 10px;
	padding: 0;
}

/* ----------- page de texte  --------------*/
#texteSujet {		/*  largeur totale : 600 px */
	float: right;
	width: 550px;
	margin: 0px 5px 10px 5px;
	padding: 10px 20px 30px 20px;

/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */	
/*	background: rgb(250,245,200);/*jaune pâle */
	border: solid rgb(180,100,10) 1px;  /* brun */ 	
	background: white;
}
#texteSujet h1{
	margin: 0px 40px 30px 40px;
	padding: 10px 10px;
	background: transparent;
	color: rgb(135,65,10);  /* brun foncé */ 	
	font-size:180%;
}
#texteSujet h1.titre_edito{
	margin: 0px 40px 10px 40px;
	padding: 10px 10px;
	background: transparent;
	color: rgb(135,65,10);  /* brun foncé */ 	
	font-size:180%;
}
#texteSujet .intro {
	text-align: center;
	margin: 0px 30px 40px 30px;
	padding: 0px 0px;
/*	border: solid 1px red;	*/
	font-size: 90%;	
	color: rgb(185,110,50);  /* beige orange moyen */	
}
#texteSujet .rubrique_edito {
	text-align: center;
	margin: 0px 30px 20px 30px;
	padding: 0px 0px;
/*	border: solid 1px red;	*/
	font-size: 120%;	
	color: rgb(185,110,50);  /* beige orange moyen */	
}
#texteSujet .date_edito {
	text-align: center;
	color: rgb(135,65,10);  /* brun foncé */ 		
	margin-top: 0px;
	margin-bottom: 15px;
}

#texteSujet h2 {
	margin: 20px 20px 0px 20px;
	padding: 10px 10px;
/*	border: solid 1px black;	*/
	font-size: 100%;	
}
/*#texteSujet h2 .intro {	*/

#texteSujet h2 a:link, #texteSujet h2 a:visited {  /* link : lien non visité */
	text-decoration: none;
}
#texteSujet h2 a:link {/* link : lien non visité */
	color: black;
}
#texteSujet h2 a:hover {
	text-decoration: underline;
}


#texteSujet p {
	padding: 5px 0px;
}
#texteSujet .decale {
	padding-left: 100px;
}
#texteSujet .centre {
	text-align: center;
}

#texteSujet .message_encadre {
	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	/*background: rgb(210,145,90);  /* beige orange 2 */
	border: solid rgb(240,220,200) 1px;/* beige rose clair*/
	margin: 20px;
	padding-top: 10px; padding-bottom: 10px;
	padding-left: 20px; padding-right: 20px;
	/*text-align: center;	*/
}
#texteSujet .choix_page {
	text-align: center;
}
#texteSujet .choix_page a:visited {	/* link : lien non visité */
	text-decoration: none;
	color: black;
}

/* ------------------------------------------------------------------------------------- */
/*------ rubriques du thème : liste des articles du thème concerné avec liens pointant vers ces articles ------*/
#Sujet_ListeArticles {	/*  largeur totale : 160 px */
	width: 150px;
	margin: 0px 5px 10px 5px;
/*	padding: 5px 10px 5px 10px;	*/
/*	margin: 10px 10px 10px 10px;	*/
	padding: 0;
	
/*	border: solid rgb(180,100,10) 1px;  /* brun */ 
/*	background: rgb(255,235,170);/* jaune doux rosé 5 */	
	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	background: rgb(250,235,190);/* jaune doux rosé 6 */	
}
#Sujet_ListeArticles h1, #Sujet_ListeArticles h1 a {
/*	border: solid rgb(130,180,180) 1px;  */
/*	background: rgb(255,240,130);/* jaune doux*/	
/*	border: solid rgb(180,100,10) 1px;  /* brun */ 
/*	margin: 2px 0px 5px 0px;
	padding: 2px;	*/
	background: rgb(170,90,65);  /* brique 2 */
	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	margin: 0;
	padding: 0;
	text-align: center;	
	font-size: 100%;
	color: rgb(250,235,190);/* jaune doux rosé 6 */		
}

#Sujet_ListeArticles ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
}
#Sujet_ListeArticles li {
	font-family:arial, verdana, sans-serif;
	font-size: 75%;	
	color: black;	
/*	background-color:transparent;	*/
	text-align:left;
/*	text-indent: -5px;
	margin-left: 10px;	*/
/*	margin-right:0px;	*/
	text-indent: -15px;
	margin-left: 15px;
	margin-right: 5px;
	padding-top: 3px;
}

#Sujet_ListeArticles a {
	text-decoration: none;
	color: black;
}
#Sujet_ListeArticles a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------- */
/* ------ liens "Lire aussi" -------*/
#lireAussi {	/*  largeur totale : 180 px */
/*	width: 150px;	*/
	width: 150px;
	margin: 0px 5px 10px 5px;
/*	padding: 5px 10px 5px 10px;		*/
	padding: 0;
/*	border: solid rgb(240,150,20) 1px;  /* orange */		
/*	background: rgb(255,250,170);/* jaune doux 3 */		
	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
	background: rgb(255,250,200);/* jaune pâle  */			
} 

#lireAussi h1 {
	background: rgb(220,145,90);  /* beige orange 3 */
	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
	margin: 0;
	padding: 0;	padding-left: 10px;
	text-align: left;
/*	font-weight: normal;	*/
	font-size: 90%;
	color: rgb(255,250,200);	/* jaune pâle  */		
}
#lireAussi ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
	color: red;			/* essai */	
}
#lireAussi li {
	font-family:arial, verdana, sans-serif;
	font-size:75%;
	color:black;
		
	text-align:left;	
/*	text-indent: -5px;
	margin-left:10px;
	margin-right:0px;	*/
	text-indent: -15px;
	margin-left: 15px;
	margin-right: 5px;
	padding-top: 3px;	
}
#lireAussi a {
	text-decoration: none;
	color: black;
}
#lireAussi a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------------- */
/* ------ liste des questions de la FAQ ------------ */
#liste_faq ul {
	list-style-type: none;
}
#liste_faq a:link, #liste_faq a:visited {  /* link : lien non visité */
	text-decoration: none;
}
#liste_faq a:link {/* link : lien non visité */
	color: black;
}
#liste_faq a:hover {
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------------- */
/* ------ liste des liens ------------ */
#liste_liens ul {
	list-style-type: none;
}
#liste_liens a:link, #liste_liens a:visited {  /* link : lien non visité */
	text-decoration: none;
}
#liste_liens a:link {/* link : lien non visité */
	color: black;
}
#liste_liens a:hover {
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------------- */
/* ------ formulaires (livre d'or...) ------------ */

#formulaire fieldset {
	margin-bottom: 15px;
	padding: 10px;	
	/*border-color: rgb(185,110,50);  /* beige orange moyen */	
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	border-style: solid;
}
#formulaire legend {
	font-family:arial, verdana, sans-serif;
	color: rgb(135,65,10);  /* brun foncé */ 
	font-weight: bold;
/*	text-align:left;
	margin-left:0px;
	margin-right:0px;	*/
}

/* problème : border-style modifie l'apparence des boutons envoyer */
/*#formulaire input, textarea {
	border-color: blue;
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	/*border-style: inset;	
	text-align: center;
}	*/

/* problème : border-style modifie l'apparence des boutons envoyer */
/* #formulaire input .couleur, textarea .couleur {
	border-color: blue;
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	/* border-style: inset;	
	text-align: center;
}	*/

/* label . couleur  ne marche pas */
/* #formulaire label .couleur {		
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	/*border-color: blue;
	border-style: inset;	
	text-align: center;
}	*/

/* problème : border-style modifie l'apparence des boutons envoyer */
/* #formulaire input .centre, textarea .centre {
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	/*border-color: blue;*/
	/* border-style: inset;	
}	*/

/*  essai 13 juin 2009	*/
/*#formulaire  input .submit_centre {		
	/*border-color: rgb(210,145,90);  /* beige orange 2 */	
	/*border-color: blue;*/
	/*border-style: solid;	*/
	/*text-align: center;
}	*/

#formulaire select {
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	border-style: solid;	
}
#formulaire optgroup {
	font-style: normal;
}
#formulaire optgroup option {
	margin-left: 15px;
}
#formulaire .liste_radio {
	margin-left: 20px;
	line-height: 20px;
}

td {
	font-family:arial, verdana, sans-serif;
	font-size:80%;
	color:black;
/*	background-color:transparent;		*/
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	padding: 5px;
}

/* ---------------------------------------------------------- */
/* ----------- plan du site  --------------*/
#planSite {		/*  largeur totale : 600 px */
	float: right;
	width: 550px;
	margin: 0px 5px 10px 5px;
	padding: 10px 20px 30px 20px;

/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */	
/*	background: rgb(250,245,200);/*jaune pâle */
	border: solid rgb(180,100,10) 1px;  /* brun */ 	
	background: white;
}
#planSite h1{
	margin: 0px 40px 30px 40px;
	padding: 10px 10px;
	background: transparent;
	color: rgb(135,65,10);  /* brun foncé */ 	
	font-size:180%;
}
#planSite .intro {
	text-align: center;
	margin: 0px 30px 40px 30px;
	padding: 0px 0px;
/*	border: solid 1px red;	*/
	font-size: 90%;	
	color: rgb(185,110,50);  /* beige orange moyen */	
}
#planSite h2 {
	margin: 10px 20px 0px 20px;
	padding: 10px 10px;
/*	border: solid 1px black;	*/
	font-size: 100%;	
}
#planSite h3 {
	margin: 0px 10px 0px 70px;
	padding: 5px 10px;
/*	border: solid 1px black;	*/
	font-size: 80%;	
	font-weight: bold;
}
#planSite p {
	padding: 5px 0px;
}
#planSite .decale {
	padding-left: 100px;
}
#planSite li {
	margin-left: 80px;
}
#planSite a:link, #planSite a:visited {  /* link : lien non visité */
	text-decoration: none;
}
#planSite a:link {/* link : lien non visité */
	color: black;
}
#planSite a:hover {
	text-decoration: underline;
}

/* ajout le 24/08/08*/
#planSite .nouveau {
	list-style-image: url("../images/nouveau.png");
}

/* ------------------------------------------------------------------------------------- */
/* ----------- pied de page -------------------*/
#piedPage {
	clear: both;
/*	border: solid rgb(180,100,10) 1px;  /* brun */ 
/*	border: solid rgb(240,150,20) 1px;  /* orange */			
/*	background: rgb(255,240,130);/* jaune doux*/	
/*	background: rgb(255,250,170);/* jaune doux 3 */		
	
/*	border: solid rgb(210,145,90) 1px;  /* beige orange 2 */	
/*	background: rgb(255,250,200);/* jaune pâle  */		

	border: solid rgb(170,90,65) 1px;  /* brique 2 */
	background: rgb(250,235,190);/* jaune doux rosé 6 */	

	margin: 5px 0; 
}
#piedPage p {
	text-align: center;
	font-size:70%;
	margin: 0px;
	padding: 0px 0 12px 0;	
}
#piedPage img {
	margin: 0 10px;
/*	margin: 0 15px;	*/
	padding: 0;	/*padding-top: 50px;*/
	position: relative;
	top: 8px;		
}
#xiti-logo {
	margin: 0 10px;
	padding: 0;	
	position: relative;
	top: 8px;		
	
}