article h1
{
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;margin-bottom: 10px;
margin-top: 5px;
  text-shadow: 1px 1px 1px gray;
font-size:1.8em;
color: gray;
text-align: center;
font-style: oblique;
}
article p
{
font-size:0.8em;
margin: auto;
text-align: justify;
color: Black;
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;}
article h2
{
color: rgb(0,147,0);
font-size: 1.2em;
text-align: center;
text-transform: uppercase;
margin-bottom: 0px;
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;}
article h3  /* Pour les ancres de retour en haut de la page */
{
margin-top: 10px;
text-align: center;
color: rgb(66,66,255);
font-size: 1em;
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;}
article h3  a/* Pour les ancres de retour en haut de la page */
{
text-decoration: none;
}
article h3 a:hover
{
 border: none;
  background-color: #e6ffe6; 
  color:#000352;
}

article #liste
{
margin: auto;
}

article #suj td,th /* Toutes les cellules des tableaux... */
{
   width: 375px; 
   height: 20px;
   border: 2px ridge black; /* ... auront une bordure rentrée intérieure de 2px et blanche */
   text-align: center;
   font-size: 0.8em;
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;
}
article th
{
width: 375px; 
height: 20px;
border: 2px ridge black; /* ... auront une bordure rentrée intérieure de 2px et blanche */
text-align: center;
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;
font-weight: bold;
font-size: 0.8em;
color: green;
text-transform: uppercase;
}
article td a, article a
{
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;
font-size: 1em;
color: rgb(66,66,255);
}
article td a:hover 
{
  border: none;
  background-color: #e6ffe6; 
  color:#000352;
}
article a:hover/* Quand on pointe sur un lien du menu */
{
border: none;
 background-color: #e6ffe6; 
 color:#000352;
}
article td
{
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;
font-size: 0.7em;
color: black;
}

article label {
display:block;
width:150px;
float:left;
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;
font-size:0.9em;
text-decoration: underline;
}
article #italic
{
font-family: Geneva, "trebuchet MS",Georgia,Arial,"Arial Black","Times New Roman",Times,serif;
font-style:oblique;
}
article #gras
{
font-weight:bold;
}
article #souligne
{
text-decoration:underline;
}
article #smiley
{
margin-left:150px;
}
article .bouton
{
border: 1px solid black;
padding: 2px;
margin-top:2px;
}
article .bouton:hover, .imagesmile:hover
{
background-color:#aee4e3;
}
article .bouton2
{
margin-left:50px;
color:black;
background-color:#e0e0e0;
border:1px solid #919191;
}
article .bouton2:hover
{
background-color:#c2effe;
}

							
							/* début code bouton formulaires */
article .radio
{
margin-left:15px;
margin-bottom:15px;
}
article .center
{
text-align:center;
}
article .previ
{
text-decoration:underline;
}
article span
{
text-decoration: none;
}							/* fin code bouton formulaires */

							/* début code menu déroulant partage fichier */
article #monmenu {
	font-size: 90%; 
	font-family: Geneva, Verdana, "trebuchet ms",arial,tahoma,verdana,sans-serif;
	text-align:left;
}
article #monmenu .peuespace
{
margin-top:-10px;
margin-bottom:0px;
}

article #monmenu ul ul {
	padding: 0px; 
	margin-top: 0px; 
	display:none; 
	position: absolute;
	left: 129px;
	top: -0px;
	
}
article #monmenu li {
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 2px; 
	margin: 0px; 
	width: 125px; 
	padding-top: 2px; 
	list-style-type: none; 
	position: relative; 
	background-color: none;
	color: rgb(0,128,64);
}
article #monmenu li:hover {
	background-color: #d9ecff;
}
article #monmenu li.sfhover {
	background-color: #d9ecff;
}
article #monmenu li a {
	text-decoration: none;
	color: rgb(0,128,64);
}
article #monmenu li:hover ul.niveau2 {
	display: block;
}
article #monmenu li li:hover ul.niveau3 {
	display: block;
}
article #monmenu li.sfhover ul.niveau2 {
	display: block;
}
article #monmenu li li.sfhover ul.niveau3 {
	display: block;
}
article #monmenu li li li:hover ul.niveau4 {
	display: block;
}
article #monmenu li li li.sfhover ul.niveau4 {
	display: block;
}
									/* fin code menu déroulant partage fichier */
article a.info {							/* début code css restrictions */
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
 article a.info span {
display: none;
font-size:1.3em;
}
article a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
article a.info:hover span {
display: inline;
position: absolute;
top: -30px;
left: 130px;
width:410px;
height:50px;
background: #DDDDDD;
text-align: center;
color: black;
padding: 2px;
}

article a.info2 {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
article a.info2 span {
display: none;
font-size:1.3em;
}
article a.info2:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
article a.info2:hover span {
display: inline;
position: absolute;
top: -50px;
left: 90px;
width:410px;
height:50px;
background: #DDDDDD;
text-align: center;
color: black;
padding: 2px;
}							/* fin code css restrictions */
							
							/* début code bouton formulaires */
article .radio
{
margin-left:15px;
margin-bottom:15px;
}
article .center
{
text-align:center;
}
article .previ
{
font-size:1.0em;
text-decoration:underline;
}
article span
{
	font-family: Geneva, Verdana, "trebuchet ms",arial,tahoma,verdana,sans-serif;
font-size:0.8em;
text-decoration: none;
}							/* fin code bouton formulaires */