/* tons gris doux*/
body {
/*	width: 790px;	/* déplacé dans la partie "contenu" */
	margin:0px 10px 0px 10px;
	margin: auto;	
	
	background: rgb(215,220,220); /*  gris clair = #d7dcdc */	
/*	background: rgb(200,205,205); /*  gris moyen */		
/*	background: rgb(204,204,204); /*  gris moyen sécurisé */	
	
/*	background: rgb(255,204,153); 	/* rose saumon sécurisé */
/*	background: rgb(255,204,102); 	/* rose orange sécurisé */
/*	background: rgb(153,204,204) ;  /* bleu gris sécurisé */			
/*	background: rgb(255,240,175);  /* jaune rosé clair 2 */	
/*	background: rgb(250,200,110);/* orange plus terne*/	
/*	background: rgb(245,225,150);  /* jaune beige */			
/*	background: rgb(245,230,170);  /* jaune beige */		
/*	background: rgb(245,215,155);  /* jaune rosé */				

/*	background-color:#FFFFF0;	/*ivoire*/
/*	background: rgb(250,220,110);	/* jaune orangé doux */
/*	background: rgb(255,230,120);	/* jaune orangé doux 2 */
/*	background: rgb(255,240,190);  /* jaune rosé clair */		
/*	background: rgb(240,230,190);  /* gris jaune clair */	
/*	background: rgb(240,235,180);  /* gris jaune clair */		
/*	background: rgb(245,245,200);  /* gris jaune très clair */	
/*	background: rgb(245,225,150);  /* jaune rosé */			

/*	background-color: white;		*/
/*	background: rgb(255,255,255);	/* blanc */
/*	background: rgb(250,240,130); /* jaune  doux 2 */
/*	background: rgb(250,230,130); /* jaune orangé doux plus clair */
/*	background: rgb(255,250,175);	/* jaune doux*/
/*	background: rgb(255,225,125);	/* jaune */
/*	background: rgb(240,243,228);	/*gris doux plus clair*/
}
* {	/* 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-top: 10px;	*/
	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;
}
.liste_espacee {
	margin-top:10px;
}
.suite_liste_sans_puce {
	list-style-type:none;
}

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

a:link {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	color: rgb(50,50,250);  /*color:blue;  */
	background-color:transparent;
	text-decoration:underline;
}
a:hover {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	color: rgb(0,160,0);  /* vert */
	background-color:transparent;
	text-decoration:underline;
}
a:visited {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	color: rgb(30,110,110);  /* color:navy = bleu pétrole */
	background-color:transparent;
	text-decoration:underline;
}
a img {	/* toutes les images contenues dans un lien */
	border: none;
}

/* ----------- contenu de la page ------------- */
#contenu {
	background: white;
	width: 790px;	
/*	margin: 0;	*/
	margin: auto;
	padding: 0px 3px 5px 3px;	
/*	padding: 0px 0px 5px 0px;	*/	
}

.droite {
	float: right;
	margin-right: 10px;
	margin-left: 20px;
}
.gauche {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
.clear {
	clear: both;
	margin: 0px;
}

/* ----------- fin du contenu de la page ------------- */

/* ------------------------------------------------------------------------------------- */
/* -------------- en-tête -----------------------*/
#enTete {
	margin: 0;
	padding: 0 0 0px 0;
	border: solid white 1px;
	background: white;
/*	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*/
/*	background: transparent url("../images/lever_soleil_sur_mer_new2.jpg") no-repeat top center; 	*/
	margin: 0px;
	padding: 0;	
/*	background-color: white;	*/
/*	height: 200px; /* hauteur de l'image de fond de l'en-tête : 195px*/
/*	height: 125px; /* hauteur de l'image de fond de l'en-tête : 125px*/
/*	background: rgb(255,230,120);	/* jaune orangé doux 2 */
}
#banniere p {
	margin: 0;
	padding: 0;
	text-align: center;		
/*	display: none;		*/
}

/*----------------- menus pratiques -----------------------*/
#MenuPratique {
	margin: 0px 0px 1px 0px;
	padding: 0;
	
	background: rgb(235,245,245);	/* gris très clair */	
	background: rgb(240,240,220);	/* gris jaune très clair */	
	border: solid rgb(215,220,200) 1px; /* gris clair */	
	
	background: white;
	border: none;
/*	border-right: solid rgb(170,180,190) 1px;  /*  gris souris */	
	
/*	background: rgb(230,200,195);	/* vieux rose */
/*	border: solid rgb(235,170,170) 1px;	/* rose doux */			

/*	background: rgb(240,210,210);	/* vieux rose pâle */	
/*	border: solid rgb(230,200,200) 1px;	/* vieux rose */
/*	background: rgb(255,255,204);	/* jaune pâle sécurisé */
/*	border: solid rgb(240,180,90) 1px;	/* orange un peu terne*/	
	
/*	background: rgb(255,205,80);/* orange*/	
/*	background: rgb(250,210,120);/* orange plus terne*/	
/*	background: rgb(250,210,100);/* orange plus terne*/	
/*	background: rgb(240,180,90);/* orange plus terne*/	
/*	background: rgb(240,200,110);/* orange plus terne*/	
/*	background: rgb(250,200,110);/* orange plus terne*/	
/*	background: rgb(240,190,120);/* orange plus terne*/	
/*	background: rgb(250,220,110);/* orange clair*/	
/*	border: solid rgb(240,140,0) 1px; /* orange soutenu*/	
		
/*	background: rgb(240,220,160);/* orange gris clair */	
/*	background: rgb(240,220,150);/* orange gris clair 2 */	
/*	border: solid rgb(240,180,90) 1px;	/* orange un peu terne*/	
	
/*	background: rgb(255,230,160);  /* jaune rosé */	
/*	background: rgb(255,215,15);/* jaune d'or */	
/*	background: rgb(255,235,85);  /* jaune */	
/*	border: solid rgb(160,50,0) 1px;  /* sienne */
/*	border: solid rgb(255,180,50) 1px;  /* jaune orangé */
/*	border: solid rgb(250,200,0) 1px;  /* jaune orange */	
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */
}
#MenuPratique ul {
	list-style-type: none;
	margin: 0px;
	margin-top: 3px;
	padding: 0px 0px;
/*	padding: 2px;	*/
	border-right: solid rgb(170,180,190) 1px;  /*  gris souris */	
/*	text-align: center;	*/
	text-align: right;
}
#MenuPratique li {
	font-size: 70%; 
	display: inline;
	margin: 0px 0px;
/*	padding: 0px 20px;	*/
	padding: 0px 10px;	
	
/*	border-right: solid rgb(240,140,0) 1px;	/* orange soutenu*/	
/*	border-left: solid rgb(240,140,0) 1px;	/* orange soutenu*/		
	
/*	border-right: solid rgb(240,180,90) 1px;	/* orange un peu terne*/	
/*	border-left: solid rgb(240,180,90) 1px;	/* orange un peu terne*/	

/*	border-right: solid rgb(245,120,120) 1px;	/* rose chaud */		
/*	border-left: solid rgb(245,120,120) 1px;	/* rose chaud */		

/*	border-right: solid rgb(170,180,190) 1px;  /*  gris souris */	
	border-left: solid rgb(170,180,190) 1px;  /*  gris souris */	


/* 	border-right: solid rgb(160,50,0) 1px;  /* sienne */	
/*	border-left: solid rgb(160,50,0) 1px;  /* sienne */
/*	border-right: solid rgb(255,180,50) 1px;  /* jaune orangé */
/*	border-left: solid rgb(255,180,50) 1px;  /* jaune orangé */	
/*	border-right: solid rgb(255,215,15) 1px;  /* jaune d'or */	
/*	border-left: solid rgb(255,215,15) 1px;  /* jaune d'or */	
/*	border: solid black 1px; */
}

#MenuPratique .SujetChoisi {
	background: rgb(230,185,130);
	background: rgb(215,220,220); /*  gris clair */		
	background: rgb(240,240,220);	/* gris jaune très clair */	
}	
#MenuPratique .gras  a {
	font-weight: bold;
	font-size: 120%; 	
	color: red ;	
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
}	
#MenuPratique a {
	text-decoration: none;
	 color: black;	
}
#MenuPratique a:hover {
	text-decoration: none;
	/* font-weight: bold;	*/	/* enlevé mai 2009 */
	color: rgb(30,80,80);	/*bleu noir */	
}


/*----------------- menus des thèmes -----------------------*/
#MenuSujets {
	margin: 1px 0px 0px 0px;
/*	margin: 5px 0px 0px 0px;
/*	margin: 5px 0px 10px 0px;	*/

/* version grise */
/*	background: rgb(170,180,190) ;  /*  gris souris */		
/*	border: solid rgb(180,190,200) 1px;  /* gris */		

/* versions oranges */	
/* version orange soutenu */
/*	background: rgb(245,120,0);  /* orange foncé */
/*	border: solid rgb(240,110,0) 1px; /* orange plus foncé*/		

/* version orange moins soutenu */
/*	background: rgb(255,150,30);  /* orange foncé 2 */
/*	background: rgb(250,160,70);  /* orange foncé 3 */
/*	border: solid rgb(240,140,0) 1px; /* orange soutenu*/		

/*	border: solid rgb(240,140,0) 1px; /* orange soutenu*/		
/*	border: solid rgb(245,120,0) 1px; /* orange foncé*/	
/*	border: solid rgb(255,165,20)1px;  /*  orange */
/*	border: solid rgb(255,215,15);  /* jaune d'or */
/*	border: solid rgb(250,200,0)1px;  /* jaune orange */
/*	background: rgb(255,165,20);  /* orange */

/*	background: rgb(250,200,110);/* orange plus terne*/	
/*	background: rgb(240,190,120);/* orange plus terne*/	
/*	border: solid rgb(240,140,0) 1px; /* orange soutenu*/	

	
/* versions jaunes */
/*	background: rgb(255,204,51);	/* jaune d'or sécurisé */
/*	border: solid rgb(255,165,20) 1px;  /* orange */
/*	background-color:transparent; */
/*	background: rgb(250,200,0);  /* jaune orange */

	background: rgb(255,230,120);	/* jaune orangé doux 2 */
	border: solid rgb(255,210,70) 1px;/* orange or */	

/*	background: rgb(255,215,15);  /* jaune d'or */
/*	border: solid rgb(240,180,40) 1px;	/* moutarde */
}
#MenuSujets ul {
	list-style-type: none;
	margin: 0px;
	padding: 4px;
/*	padding: 7px;	*/
	text-align: center;
/*	line-height:50px;  */
}
#MenuSujets li {
	display: inline;
	margin: 0px 2px;
	padding: 2px 15px;
/*	padding: 3px 15px;	*/

/*	border: solid rgb(215,220,220) 2px; /*  gris clair */	
/*	border: solid rgb(190,240,240) 2px;  /* bleu ciel doux */	
/*	background: rgb(245,250,250);  /* gris très pâle  */			
/*	background: rgb(235,245,245);	/* gris très clair */	
	
/*	border: solid rgb(255,215,15) 2px;  /* jaune d'or */	
/*	background: rgb(255,240,130);/* jaune doux*/
	
/*	border: solid rgb(255,240,130) 1px;/* jaune doux*/
/*	border: solid rgb(255,230,85) 1px;/* jaune */
/*	border: solid rgb(245,240,170) 1px;/* jaune doux 2*/
	background: rgb(255,255,204); /* jaune pâle sécurisé */
/*	border: solid rgb(255,180,20) 1px;  /* orange */	
	border: solid rgb(255,210,70) 1px;/* orange or */		

/*	border: solid rgb(250,200,0)1px;  /* jaune orange */	
/*	background: rgb(245,225,135);   /*jaune*/
/*	background: rgb(255,215,15);/* jaune d'or */
/*	background: rgb(245,240,170);/* jaune doux 2*/
}
#MenuSujets .SujetChoisi {
	
/* versions jaunes */
	background: rgb(255,215,15); /* jaune d'or */	
	border: solid rgb(255,240,130) 3px ;/* jaune doux*/

	background: rgb(255,240,130);/* jaune doux*/
/*	border: solid rgb(255,180,20) 1px;  /* orange */	
	border: solid rgb(240,140,0) 2px; /* orange soutenu*/		
} 
#MenuSujets a {
	text-decoration: none;
	color: black;
}
#MenuSujets a:hover {
	color: rgb(30,80,80);	/*bleu noir */	
	color: rgb(160,50,0);  /* sienne */
/*	color: rgb(190,70,0);  /* brique */
/*	color: rgb(70,130,150); */
	font-weight: bold;
}

/* ------------------------------------------------------------------------------------- */
/*-------------------  page d'accueil -------------*/
/* ------------------------------------------------------------------------------------- */

/*-------------------  page d'accueil -------------*/
#accueil {
	margin: 10px 0px 0px 0px;
	background: white;
}

.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;	
}

/* ------------------------------------------------------------------------------------- */
/* ----------   PRESENTATION : présentation de l'OPC et du site   ------------------- */
#presentation {
	float: right;
/*	width: 560px;	*/
/*	width: 280px;	*/
	width: 265px;
	margin: 0px 0px 10px 10px;
	padding: 10px 10px 10px 15px;

/* le positionnement absolu ne convient pas : le pied de page s'écrit par dessus*/
/*	position: absolute; 
	top: 300px;
	left: 200px; */ 
/*	width: 580px;	*/

/*	background: white;	*/
	background: transparent;	
	border-left: solid rgb(153,204,204) 1px;  /* bleu gris sécurisé */	
	border-left: solid rgb(170,200,210) 1px; /*  gris  = #aac8d2 */			
/*	border-left: solid rgb(240,180,40) 1px;	/* moutarde */	

/*	border-left:rgb(255,240,190) 1px;  /* jaune rosé clair */	
/*	background: rgb(240,245,250);  /* bleu pâle 2 */	
/*	background: rgb(230,245,240);  /* bleu-gris pâle */	
/*	background: rgb(225,240,230);  /* bleu-gris pâle 2 */	
/*	background: rgb(220,240,225);  /* bleu-gris pâle 2 */	
/*	background: rgb(225,235,225);  /* bleu-gris pâle 2bis */	
/*	background: white;
/*	border: solid rgb(130,180,200) 1px; /* bleu canard */	
	
/*	background: rgb(255,240,190);  /* jaune rosé clair */	
/*	border: solid rgb(255,180,50) 1px;  /* jaune orangé */

/*	background: rgb(255,230,160);  /* jaune rosé */		
/*	background: rgb(245,225,200);/* rose très doux*/
/*	border: solid rgb(230,100,120) 1px;  /* fushia  doux*/	
/*	background: rgb(250,250,215);/*jaune pâle */
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */	
}
#presentation h1{
	margin: 0px 40px 50px 40px;
	padding: 10px 10px;

	background: transparent;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
	font-size:180%;
	
	border-left: solid rgb(255,210,70) 30px;/* orange or */	
	border-right: solid rgb(255,210,70) 30px;/* orange or */	
	border-bottom: solid rgb(255,205,80) 1px;/* orange*/		
	border-top: solid rgb(255,205,80) 1px;/* orange*/		
}
#presentation p {
	margin: 0px;
	padding: 5px;
/*	text-align: justify;	*/
	font-size: 75%;	
}
#presentation ul {
	margin: 2px 0px 2px 15px;
}
#presentation ul .sous_liste {
	margin: 2px 0px 2px 15px;
	text-indent: -10px;	
	list-style-type:none;	
}
#presentation li {
	margin-left: 5px;
	font-size: 75%;	
}

/* ------------------------------------------------------------------------------------- */
/* ------------- EDITO : actualité ou sujet général ------------------- */
#edito {
	float: right;
	width: 250px;
	margin: 0px 0px 10px 10px;
	padding: 10px 10px 10px 20px;
	background: transparent;	
/*	border-left: solid rgb(153,204,204) 1px;  /* bleu gris sécurisé */	
	border-left: solid rgb(170,200,210) 1px; /*  gris  */			
}

#titre_edito {
	background: transparent;  
	margin: 0px;
	padding: 0;
	border-left: solid rgb(255,210,70) 30px;/* orange or = #ffd246*/	
	border-right: solid rgb(255,210,70) 30px;/* orange or */	
	border-bottom: solid rgb(255,205,80) 1px;/* orange*/		
	border-top: solid rgb(255,205,80) 1px;/* orange*/		
}
#titre_edito p {
	margin: 0;
	padding: 0;
	background: transparent;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
	font-weight: bold;
	font-size: 110%;
	font-size: 150%;	
	line-height: 100%; 
	text-align: center;
}

#edito h1 {
/* -- titre de la rubrique -- */
	margin: 20px 10px 5px 10px;
	padding: 4px 0px;

	background: transparent;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
/*	font-size:120%;	*/
	font-size:140%;
}
#edito h1 a, #edito h1 a:link, #edito h1 a:visited {	/* link : lien non visité */
	text-decoration: none;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
}
#edito h1 a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;	
}
#edito h2 {
/* -- titre de la rubrique -- */
	text-align: center;
}
#edito .date_edito_accueil {
	text-align: center;
	font-size: 70%;
	margin-bottom: 15px;
}
#edito p {
	margin: 0px;
	padding: 5px;
/*	text-align: justify;	*/
}

/* ------------------------------------------------------------------------------------- */
/* ----------   Suggestion d'articles à lire   ------------------- */
#quelquesArticles {
/*	width: 130px;	*/
/*	margin: 0px 0px 10px 0px;	*/
/*	width: 120px;	*/

/*	width: 140px;	*/
	width: 160px;	
	margin: 0px 0px 10px 10px;	
	padding: 5px 10px 15px 10px;	

	background: white;	
	border: solid rgb(153,204,204) 1px;  /* bleu gris sécurisé */	
	
	background: rgb(255,255,204); /* jaune pâle sécurisé */
	border: solid rgb(255,240,130) 1px; 	/* jaune  */

	background: rgb(255,255,225); /* jaune très pâle  */		
	border: solid rgb(255,245,175) 1px; 	/* jaune  */
	
/*	background: rgb(255,230,160);  /* jaune rosé */		
/*	border: solid rgb(240,140,0) 1px;/* orange*/

/*	border: solid rgb(250,200,0)1px;  /* jaune orange */	
/*	background: rgb(255,205,80);/* orange*/
/*	background: rgb(255,240,130);/* jaune doux*/	
/*	background: rgb(255,200,100);/* orangé*/
/*	background: rgb(255,180,90);/* orangé soutenu*/
/*	background: rgb(255,215,15);  /* jaune d'or */	
/*	background: rgb(255,220,30);  /* jaune d'or bis */	
/*	background: rgb(240,210,175);/* rose doux*/
/*	background: rgb(255,240,130);/* jaune doux*/
/*	border: solid rgb(240,140,0) 1px;/* orange*/
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */
/*	border: solid rgb(180,35,90) 1px;  /* fushia */	
/*	background: rgb(255,235,85);  /* jaune */	
}

#quelquesArticles p {
/*	line-height: 140%; 		*/
	font-size: 80%;
	padding-top: 10px;
}	

#quelquesArticles h1  {
	margin: 10px 10px 0px 0px;
	padding: 4px 0px;

	background: transparent;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
	font-size:100%;

/*	font-size: 100%;	*/
	text-align: center;
/*	margin: 2px 0px 5px 0px;
	padding: 5px 5px;	*/
}
#quelquesArticles h1 a, #quelquesArticles h1 a:link, #quelquesArticles h1 a:visited {	/* link : lien non visité */
	text-decoration: none;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/	
}
#quelquesArticles h1 a:hover {
/*	font-weight: bold;	*/
	text-decoration: underline;	
}

#quelquesArticles h2 {
	font-size: 90%;
	color: rgb(145,75,55);
	color: rgb(85,105,100);	/* gris foncé */
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 2px 3px;
}

#quelquesArticles ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}
#quelquesArticles 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;	*/
	text-indent: 0px;	
	margin-left: 0px;	margin-right: 5px;	padding-top: 5px;	
}

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

#titre_quelquesArticles {
	margin: 2px 0px 5px 0px;
	padding: 10px 5px 8px 5px;
	background: rgb(255,230,100);  /* jaune d'or plus clair */
	background: rgb(255,235,130);	/* jaune orangé doux 3 */	
}

#titre_quelquesArticles p {
	line-height: 60%; 		
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 0px;
/*	margin-top: 20px;		*/
}


/* ------------------------------------------------------------------------------------- */
/* ----------- page de texte normal --------------*/
/* ------------------------------------------------------------------------------------- */
#page {
	background: transparent;
	margin: 0;
	padding: 0 0px 0 0px;
/*	padding: 0 10px 0 10px;	*/	/* dans style AGI */
}

/* ------------------ chemin --------------------- */
#chemin {
	font-family: arial, verdana, sans-serif;
	font-size:80%;	
	margin: 10px;
	margin-top : 0px;
	padding: 0;	
}

/* ----------- page de texte normal --------------*/
#texteSujet {
	float: right;
/*	width: 580px;	*/
	width: 560px;
	margin: 0px 0px 10px 10px;
	padding: 0px 20px 10px 20px;

	background: white;	
/*	border-left: solid rgb(153,204,204) 1px;  /* bleu gris sécurisé */	
	border-left: solid rgb(170,200,210) 1px; /*  gris  */		

/*	border-left: solid rgb(240,180,40) 1px;	/* moutarde */	
	
/*	background: rgb(225,240,230);  /* bleu-gris pâle 2 */	
/*	background: rgb(225,235,225);  /* bleu-gris pâle 2bis */		
/*	background: rgb(245,250,250);  /* gris très pâle  */		
/*	border: solid rgb(130,180,200) 1px; /* bleu canard */	

/*	background: rgb(250,245,200);/*jaune pâle */
/*	background: rgb(250,250,230);/*jaune très pâle */	
/*	background: white;	*/
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */	
	
/*	background: rgb(255,240,175);  /* jaune rosé clair 2 */	
/*	border: solid rgb(255,180,50) 1px;  /* jaune orangé */

/*	background: rgb(250,245,200);/*jaune pâle */
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */	

/*	background: rgb(220,245,245);/*bleu pâle 2*/
/*	background: rgb(230,240,245);/*bleu pâle*/
/*	border: solid rgb(50,150,190) 1px;  /* bleu pétrole foncé */
/*	border: solid rgb(130,180,180) 1px; */
}

#texteSujet h1{
/*	margin: 20px 40px 50px 40px;	*/
/*	padding: 10px 10px;	*/
	margin: 20px 40px 40px 40px;
	padding: 10px 20px;

	background: transparent;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
/*	font-size:180%;	*/
	font-size:170%;

/*	background: rgb(153,204,204) ;  /* bleu gris sécurisé */		
/*	background: rgb(204,255,255) ;  /* bleu clair sécurisé */		
/*	border: solid rgb(102,153,153) 1px;  /* bleu-gris foncé sécurisé */	

/*	border: solid rgb(240,180,90) 1px;	/* orange un peu terne*/	
/*	background: rgb(255,165,20);  /*  orange */
/*	border: solid rgb(255,140,0) 1px; /* orange 2 */				

	border-left: solid rgb(255,210,70) 30px;/* orange or */	
	border-right: solid rgb(255,210,70) 30px;/* orange or */	
	border-bottom: solid rgb(255,205,80) 1px;/* orange*/		
	border-top: solid rgb(255,205,80) 1px;/* orange*/		
	
	border-left: solid rgb(255,215,15) 30px;  /* jaune d'or */	
	border-right: solid rgb(255,215,15) 30px;  /* jaune d'or */	
	border-bottom: solid rgb(255,205,80) 1px;/* orange*/		
	border-top: solid rgb(255,205,80) 1px;/* orange*/		

	/*	background: rgb(255,215,15);  /* jaune d'or */	
}
#texteSujet h1.titre_edito{
	margin: 0px 40px 10px 40px;
	padding: 10px 10px;
	background: transparent;
/*	font-size:180%; */
	font-size:170%;	
}

#texteSujet .intro {
	text-align: center;
/*	margin: 0px 30px 40px 30px;	*/
	margin: 0px 30px 60px 30px;	
	padding: 0px 0px;
/*	border: solid 1px red;	*/
	font-size: 90%;	
	color: rgb(115,140,135); /* gris foncé */
}
#texteSujet .date_edito {
	text-align: center;
	color: rgb(115,140,135); /* gris foncé */
	margin-top: 0px;
	margin-bottom: 15px;
}
#texteSujet h2 {
/*	margin: 20px 20px 0px 20px;	*/
	margin: 30px 20px 0px 20px;	
	padding: 10px 10px;
/*	border: solid 1px black;	*/
	font-size: 100%;	
	color: rgb(85,105,100);	/* gris foncé */	
}

#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 h3 {
	margin: 30px 20px 0px 40px;	
	padding: 10px 10px;
	font-size: 100%;	
	color: rgb(150,160,170);  /*  gris moyen 2 */	
}
	

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

#texteSujet .message_encadre {
	border: solid rgb(170,200,210) 1px; /*  gris  */	 
	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;
}

/* --- liste des articles (dans la page principale du sujet) -- */
#Liste_Articles h2 {
	margin: 15px 0;
	padding: 3px 5px 3px 5px;
	text-align: left;

/* versions jaunes */
/*	background: rgb(255,230,100);  /* jaune d'or plus clair */
/*	background: rgb(255,245,120);  /* jaune */
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */
	
	background: rgb(250,245,190); 	/* jaune coquille d'oeuf */
/*	border: solid rgb(240,240,190) 1px; 	/* jaune sale */
	border: solid rgb(240,230,170) 1px; 	/* jaune sale 2 */	
}
#Liste_Articles a {
	text-decoration: none;
	color: black;	
}

/*------ rubriques du thème : liste des articles du thème concerné avec liens pointant vers ces articles ------*/
#Sujet_ListeArticles {
/*	width: 130px;	*/
/*	margin: 0px 0px 10px 0px;	*/
/*	width: 120px;	*/
	width: 140px;
	margin: 0px 0px 10px 10px;
	padding: 5px 10px 5px 10px;

	background: white;	
	border: solid rgb(153,204,204) 1px;  /* bleu gris sécurisé */	

	background: rgb(255,255,204); /* jaune pâle sécurisé */
/*	border: solid rgb(240,240,190) 1px; 	/* jaune sale */
	border: solid rgb(255,240,130) 1px; 	/* jaune  */
}

/*#Sujet_ListeArticles h1, #Sujet_ListeArticles h1 a  {	*/
#Sujet_ListeArticles h1  {
	font-size: 100%;
	text-align: center;
	margin: 2px 0px 5px 0px;
	padding: 5px 5px;
	
	background: rgb(255,230,100);  /* jaune d'or plus clair */
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */
/*	background: rgb(255,215,15);  /* jaune d'or */
/*	border: solid rgb(240,180,40) 1px;	/* moutarde */
/*	background: rgb(255,165,20);  /*  orange */
/*	border: solid rgb(255,140,0) 1px; /* orange 2 */				
}

#Sujet_ListeArticles h2 {
	font-size: 90%;
	color: rgb(145,75,55);
	color: rgb(85,105,100);	/* gris foncé */
	text-align: left;
	text-align: center;	
	margin: 15px 0px 0px 0px;
	padding: 2px 3px;
/*	border-top: solid black 1px; */

	font-size: 80%;	
	color: rgb(95,120,115);	/* gris foncé 2 */	
/*	color: rgb(115,140,135); /* gris foncé */	
}
#Sujet_ListeArticles ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	padding-left: 0px;
}
#Sujet_ListeArticles li {
	font-family:arial, verdana, sans-serif;
/*	font-size: 75%;	*/
	font-size: 70%;		
	color: black;
	text-align:left;
/*	text-indent: -5px;
	margin-left: 10px;	*/
/*	margin-right:0px;	*/
/*	text-indent: -15px;
	margin-left: 15px;	*/
	text-indent: 0px;	
	margin-left: 0px;
	margin-right: 5px;
/*	padding-top: 5px;	*/
	padding-top: 5px;
}

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



/* ------ liens "Lire aussi" -------*/
#lireAussi {
/*	width: 130px;	*/
/*	margin: 0px 0px 10px 0px;	*/
/*	width: 120px;	*/
	width: 140px;
	margin: 0px 0px 10px 10px;
	padding: 0px 10px 5px 10px;

	background: rgb(255,255,204); /* jaune pâle sécurisé */
/*	border: solid rgb(240,240,190) 1px; 	/* jaune sale */
	border: solid rgb(255,240,130) 1px; 	/* jaune  */
	
/*	background: rgb(255,240,175);  /* jaune rosé clair 2 */	
/*	border: solid rgb(255,180,50) 1px;  /* jaune orangé */

/*	background: rgb(255,230,160);  /* jaune rosé */		
/*	border: solid rgb(240,140,0) 1px;/* orange*/
} 
#lireAussi h1 {
	margin: 5px 0px 5px 0px;
	padding: 5px 2px;

	background: rgb(255,230,100);  /* jaune d'or plus clair */
	background:  rgb(255,240,130); 	/* jaune  */
	
	text-align: center;
/*	font-weight: normal;	*/
	font-size: 90%;
/*	color: rgb(255,250,200);/* jaune pâle  */		
}

#lireAussi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}
#lireAussi li {
	font-family:arial, verdana, sans-serif;
/*	font-size: 75%;	*/
	font-size: 70%;		

	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: 5px;		*/
	text-indent: 0px;	
	margin-left: 0px;
	margin-right: 5px;
	padding-top: 5px;
}

#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;
}



/* ------------------------------------------------------------------------------------- */
/* ------ formulaires ------------ */

#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;	*/
}

/*#formulaire input, textarea {
	border-color: rgb(210,145,90);  /* beige orange 2 */	
	/*border-style: inset;	
}	*/

#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 : 610 px */
	float: right;
/*	width: 580px;	*/
	width: 560px;
	margin: 0px 0px 10px 10px;
	padding: 0px 20px 10px 20px;

	background: white;	
/*	border-left: solid rgb(153,204,204) 1px;  /* bleu gris sécurisé */	
	border-left: solid rgb(170,200,210) 1px; /*  gris  */		
}

#planSite h1{
	margin: 20px 40px 50px 40px;
	padding: 10px 10px;

	background: transparent;
	color: rgb(51,99,102); /* bleu-gris foncé sécurisé*/
/*	font-size:180%;	*/
	font-size:170%;	
	
	border-left: solid rgb(255,215,15) 30px;  /* jaune d'or */	
	border-right: solid rgb(255,215,15) 30px;  /* jaune d'or */	
	border-bottom: solid rgb(255,205,80) 1px;/* orange*/		
	border-top: solid rgb(255,205,80) 1px;/* orange*/		
}

#planSite .intro {
	text-align: center;
	margin: 0px 30px 60px 30px;	
	padding: 0px 0px;
	font-size: 90%;	
	color: rgb(185,110,50);  /* beige orange moyen */	
	color: rgb(115,140,135); /* gris foncé */
}

#planSite .sujet {
	margin: 30px 20px 0px 20px;
	padding: 5px 10px;

/*	border: solid 1px rgb(85,105,100);	/* gris foncé */
	
	background: rgb(250,245,190); 	/* jaune coquille d'oeuf */
	border: solid rgb(240,230,170) 1px; 	/* jaune sale 2 */	

	background: rgb(255,250,200); /* jaune clair  */
	border: solid rgb(255,240,130) 1px; 	/* jaune  */
	
	font-size: 100%;	
	color: rgb(85,105,100);	/* gris foncé */		
	color: black;
}

#planSite h2 {
	margin: 5px 20px 0px 40px;
	padding: 10px 10px;
	font-size: 90%;	
	color: rgb(85,105,100);	/* gris foncé */		
}
#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;
	margin-bottom: 5px;
	margin: 5px 0; 	
	
/* versions jaunes */	
/*	background: rgb(255,230,160);  /* jaune rosé */		
/*	border: solid rgb(240,140,0) 1px;/* orange*/

/*	background: rgb(255,240,175);  /* jaune rosé clair 2 */	
/*	border: solid rgb(255,180,50) 1px;  /* jaune orangé */

/*	background: rgb(255,255,204);	/* jaune pâle sécurisé */
/*	border: solid rgb(240,180,90) 1px;	/* orange un peu terne*/		
	
/*	background: rgb(255,230,160);  /* jaune rosé */		
/*	background: rgb(255,205,80);/* orange*/
/*	border: solid rgb(240,140,0) 1px;/* orange*/
/*	background: rgb(255,210,90);/* orangé*/
/*	background: rgb(240,210,175);/* rose doux*/
/*	border: solid rgb(180,35,90) 1px;  /* fushia */	
/*	background: rgb(255,240,130);/* jaune doux*/
/*	border: solid rgb(255,215,15) 1px;  /* jaune d'or */

/* version rose */
/*	background: rgb(240,210,210);	/* vieux rose pâle */	
/*	border: solid rgb(230,200,200) 1px;	/* vieux rose */
	
/* versions bleu gris */	
/*	background: rgb(190,225,220); /* bleu gris clair */
/*	border: solid rgb(130,180,200) 1px; /* bleu canard */	

/*	background: rgb(225,240,230);  /* bleu-gris pâle 2 */			
/*	border: solid rgb(130,180,200) 1px; /* bleu canard */	


/*	background: rgb(235,245,245);	/* gris bleu très clair */	
/*	background: rgb(240,240,220);	/* gris jaune très clair */	
/*	border: solid rgb(215,220,200) 1px; /* gris clair */	
	
	background: rgb(235,240,240);	/* gris douxtrès clair */	
	border: solid rgb(210,220,220) 1px; /* gris clair */	

}
#piedPage p {
	text-align: center;
	font-size:70%;
	margin: 0px;
	padding: 5px;
	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;		
	
}