/* ---------------------------------------------- G E N E R A L -------------------------------------------------------------------------------*/

html, body
{
	margin: 10px 0; 			/* pas de marges */
	padding: 0;  
	text-align: center;  /* correction bug IE */
	/*background-color: #96A68F; */
	background-color: #75C254;
	/*background-color: #FFCC66;*/
}

body
{
    font-family : Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	/* approche recommandée par Dave Silvester sur css-discuss list - "le .1 est important" */
	font-size-adjust: 0.58;
}

/* ---------------------------------------------- H E A D E R 2 ---------------------------------------------------------------------------------*/
#header2 a 
{
   color: #3366FF;
   font-size: 0.75em;
   text-decoration: none; 
   float: right;
   margin-right:16px; 
}

#header2 a:hover
{
   text-decoration: none;
   background-color:#666;
   color:#fff;
}

/* ----------------------------------------------- M E N U ---------------------------------------------------------------------------------------*/
#menu dl, #menu dt, #menu dd, #menu ul, #menu li 
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt
{
width: 95%;
display: block; 
border: 1px solid gray;
margin-left: auto;
margin-right: auto; 
padding-bottom: 4px; 
padding-top: 4px; 
text-indent: 1em;
cursor: pointer;
font: bold 11px Verdana, sans-serif;
font-variant: small-caps;
/*color: #007D00; */
background: #FFF;
}

#menu dt a 
{
color: #007D00;
background: #FFF; 
text-decoration: none;
display: block;
}

#menu  dt a:hover 
{
/*border-right: 1em solid #eea;*/    
/*background: #dea; */
/*color: #F20; */
text-decoration: none;
display: block; 
background: url(../IMAGES/fleche.gif) 95% 50% no-repeat; 
}

#menu dt span
{
color: #F20;
}

#menu dd
{
border: 1px solid gray;
font: bold 10px Verdana, sans-serif;
background: gray;
margin-left: auto;
margin-right: auto;
width: 90%;
}

#menu li
{
margin: 0px;
text-align: left;
list-style: none;
border-left: 4px;
border-top: 1px solid gray;
border-bottom: 1px solid gray;    
}

#menu li span
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em; 
border-left: 1em solid #AAB;
text-decoration: none;   
border-color: #75C254;
color: black;
background: #DEA ;
}

#menu li a 
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em; 
border-left: 1em solid #eea;
background: #eee;
text-decoration: none; 
color: green;  
}

#menu li a:hover
{
border-color: #FE3;
color: #332;
background: #FFFFBB;
}

#menu .oui 
{
display : block;
}

#menu .non
{
display : none;
}
/* ------------------------------------------ T A B L E A U   P R I N C I P A L -----------------------------------------------------------------*/

#principal table
{
   margin: auto;  
   border: 2px outset green;
   border-collapse: collapse; 
   width: 100%;
}

#principal caption
{
   font-size:1.1em;
   color:black;
   padding: 2px;
}

#principal th
{
/*   background-color: #006600; */
   background-color:#006C50;
   color: white;
   font-size: 0.8em;
   text-align: center;
}

#principal td
{
   height: 20px; 
   border: 1px solid black;
   font-size: 0.8em;
   text-align: center;
   padding: 3px;
}

#principal td  a
{
   color: #F60;
   text-decoration: none;
}

#principal td a:hover
{
   text-decoration: none;
   background: white;
   color:green;
}

/* ------------------------------------------ T A B L E A U X   S E P A R A T E ----------------------------------------------------------------*/

#principal .tab_separate table
{
   margin: auto;  
   border: 1px outset green;  
   border-collapse: separate;  
   width: 100%;
}

#principal .tab_separate th
{
   font-size: 0.75em;
}

#principal .tab_separate td
{
    font-size: 0.75em;
    padding: 1px; 
	border: 1px solid green;
 }
 
#principal .tab_separate caption
{
   font-size:1em;
   font-weight: bold;
   color:#006C50;
   padding: 3px;
}

/* - - - - - - - - - - - - - - - - - - - - - - -  Tableau Expo - - - - - - - - - - - - - - -*/

.td18
{
   text-align: center;
   width: 18%;
}

.td64
{
   width: 64%;
}
 
.td125
{
   width: 12.5%;
} 

.td5
{
   width: 5%;
}

.td28
{
   width: 28%;
}

.td100
{
   width: 100%;
}

.tdcol
{
    font-weight: bold;
	background-color:#FFFFBF;
	color:#006C50;
}

/* ------------------------------------------ N O T E S  --------------------------------------------------------------------------*/

#principal .note_droite 
{
   float: right;
   color: green;
   font-weight: normal;
   font-size: 0.7em;
}

.note 
{
   position: relative;
   color:green;
   font-size: 0.7em;
   margin-top:5px;
   padding-left:20px;
}


.note_clic 
{
   margin:0;
   padding:0;   
   color:green;
   font-size: 0.75em;
}

.note_new 
{
   color:#F30;
   font-weight: bold;
}

.expo 
{
   font-size: 0.85em; 
   text-align: justify;
   padding: 3px;
}

.sampten 
{
   background-image: url("../IMAGES/sampten.gif");
   background-repeat: no-repeat;
   background-position: top right;
   width: auto;
   height: 670px;
}

/* -------------------------------------------------- T Y P O   G E N E R A L ---------------------------------------------------------------------------*/
abbr,acronym 
{
 border-bottom: 1px dotted;
 cursor: help;
}

h1 
{
	margin-top: 0.3em;
	margin-bottom: 0.8em;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #eee;
	font-variant: small-caps ;
	text-indent: 5px;
	color: #ff9900;
}

h1 span
{
   margin-top: 0.3em; 
   float: right; 
   text-align: right; 
   font-size: 0.75em; 
   color: green; 
}

h3 
{
	margin-top: 0.3em;
	margin-bottom: 0.8em;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	border-bottom: 1px solid #eee;
	color: #ff9900;
}

h5 span
{
   float: right; 
   text-align: right; 
   font-size: 0.90em; 
   /* border: 2px solid #eee; */
   margin-right: 2px;
   padding: 0.1em;
}

/* -------------------------------------------------- P R I N C I P A L  ---------------------------------------------------------------------------*/
/* - - - - - - - - - - - - - - - - - - - - - - -  Post-it - - - - - - - - - - - - - - -*/

#principal .postit
{
background: #dfdfdf;
border: 1px solid #f5f5f5;
float: right;
width: 15em;
margin-left: 8px;
margin-top: 8px;
}

/*
#principal .postit 
{
    background-color: #FF9;
    border: 2px solid #EEE;	
   float: right;	
   width: 40%;
	color: #AA11CC;
	padding: 2px; 
	margin-left: 8px;
	margin-bottom: 8px;
}
*/

#principal .postit div
{

color: #AA11CC;
background: #ffffbf;
/*border: 1px solid black; */
padding: 0.2em;
position: relative;
top: -4px;
left: -4px;
}

#principal .postit div p
{
font: 11px Verdana, sans-serif;
text-align: justify; 
/*font-size: 0.7em;  */
margin: 0;
padding: 2px;
text-align: center; 	
}

#principal .postit div h4
{
font-variant: small-caps;
color:#f30;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: center; 
font-size: 0.9em;
margin: 0;
padding: 2px;	
}

/* --------------------------------------- ticker ---------------*/
#principal .postit .ticker 
{
Text-decoration: none;
font-size: 0.8em;  
color: #007D00;
background-color:#eee;
} 

/* - - - - - - - - - - - - - - - - - - - - - - - Fin Post-it - - - - - - - - - - - - - - -*/

#principal p
 {
    text-align:justify;     
	font-size: 0.75em;
    margin:0px;
	padding: 4px 10px ;
	font-style:normal;
}

#principal a   /* Lien normal */
{
   text-decoration: none;
   color: #F60;
}

#principal a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: none;
}

#principal a:hover
{
border:0px;
color:green;
text-decoration: none;
}

/*#principal a:hover img
{
margin-right:8px;
width:300px;
height:200px;
}   */

#principal  h5
{
color:black;
font-size: 0.8em;
text-indent: 2px;
}

#principal h5 .actif  /* Lien normal actif  */
{
   text-decoration: none;
   border-bottom: 2px solid #009;
   color:#009;
}

#principal  h6
{
text-align:center;
color:#009;
}

#principal  img
{
border:none;
/*margin-right:8px; */
}

#principal blockquote
{
border: 0;
margin: 0px;
padding: 10px;
background-color: #eee;
quotes: "\201C" "\201D";
}

#principal blockquote span
{
color: red;
}

#principal ul
{
 text-align:justify;     
 font-size: 0.75em;  
 list-style-type: square;
}

#principal li em
{
 font-size: 0.75em;  
}

#principal .milieu
{
text-align: center;
}

#principal .imabord
{
margin: 0;
border: 0;
padding: 0;
width:100%;
}

/* -------------------------------------------------- P I E D  D E  P A G E  ---------------------------------------------------------------------------*/
#pied img
{
border: 0; 
}

.note_pied 
{
   font-size: 0.85em;
   color:#664;
}

/* -------------------------------------------------- D I V E R S  --------------------------------------------------------------------------------------*/

.logo
{
float: left;
margin-left: 5px; 
border: 0;
}

.ima, .imaprint
{
float: right;
/*margin-top: 5px; */
/*margin-right: 5px;*/ 
border: 0;
}

.imab, .imabprint
{
float: right;
margin-left: 5px; 
border: 0;
}

.imaleft , .imaleftprint
{
float: left;
border: 0;
}

.imaleftmr, .imaleftmrprint
{
float: left;
margin-right: 5px; 
border: 0;
}

.imaphp
{
border: 0;
}

.diaporama 
{
float: right;
margin-right: 10px;
padding:2px;
border: 1px solid #7F9DB9;
}

.construct
{
float: right;
}

.stopfloat
{
   clear: both;
}

.red
{
  color: red;
}