body {
margin: 0;
padding: 0;
}

/*---------------------------------------------------------------------------------*/
/* mise en page */
/*---------------------------------------------------------------------------------*/

/* centrage de la page*/


/*image du logo*/
.logo {
	margin-left : 60;
	margin-top : 0;
	height : 119;
	width : 289;
}

/* image du bandeau */
.bandeau {
	margin-left : 349 ;
	margin-top : -119 !important;
	margin-top : -125;
	width : 583; 
	height : 119;
	background-image :url(./images/site_02bis5.gif);
}

/* style du texte de la page */
.contenu {
	margin-left : 326;
	margin-top : -485;
	background-image : url(./images/site_07.jpg);
	width : 569;
	height : 478 !important;
	overflow : auto;
	font-family : Arial; 
}

/* chaque image sont définie et placé dans la page */
.image5 {
	margin-left : 297 ;
	margin-top : -11px;
}

.image6 {
	margin-left : 297;
	margin-top : 0 !important;
	margin-top : -10;
}

.image8 {
	margin-left : 892;
	margin-top : -487;
}

.image9 {
	margin-top : 0 !important;
	margin-top : -15 ;
	margin-left : 297;
}

.gauche {
	position : absolute;
	margin-left : 60 !important;
	margin-left : -237;
	margin-top : -11 !important;
	margin-top : -10;
	width : 150px; 
	height : 450px; 
}

.menu {
	background-image : url(./images/site_03.jpg);
	margin-left : 60px !important;
	margin-top : -1px !important;
	width : auto;
	height : 33;
	
}


/*---------------------------------------------------------------------------------*/
/* mise en forme du menu onglet */
/*---------------------------------------------------------------------------------*/
div#navcontainer
{

background-color: #FFFFFF;
border-top: solid 0px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
width: 872;
}

div#navcontainer ul
{
font-weight: bold;
color: white;
text-align: left;
margin: 0px;
padding-bottom: 1px;
padding-top: 1px;
}

div#navcontainer ul li
{
display: inline;
margin-left:  0px;
margin-right : solid 0px;
}

div#navcontainer ul li a
{
padding: 0px 0px 5px 10px;
color: white;
text-decoration: none;
border-right: 0px solid #fff;
}

div#navcontainer ul li a:hover
{
/*background-image : url(./images/motif-eau.jpg);*/
width : 100% !important;
width : auto;
height : 100% !important;
height : auto;
margin-top : -10px;
margin-left : -4px;
color: #FF9900;
font-family : Arial;
font-weight : italic;



}

#active a { border-left: 0px solid #fff; } 

/*---------------------------------------------------------------------------------*/
/* mise en forme du texte */
/*---------------------------------------------------------------------------------*/


h1
{
	COLOR:#1E90FF;
	font-size: x-large;
	font-family: Algerian;
	font-variant: small-caps; /*titre mini majuscule*/
	text-align: center;	
	
}

h2 
{
	font-size : medium;
	font-family : Arial;
	font-weight : italic;
}

h3
{

	color : #000000;
	font-size : medium;
	font-family : tahoma;
	
}	

h4 {

	
	text-align : center;
	font-size : 14px ;
	font-family : tahoma;
	font-weight : bold;
	font-style : italic;
}
p/* format principal d'un paragraphe*/
{
	
	padding: 2px 2px 2px 2px;
	text-indent: 20px;
	font-family : "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
}
n/* format principal d'un paragraphe*/
{
	
	padding: 2px 2px 2px 2px;
	text-indent: 20px;
	font-family : "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.0em; /* Ecrit légèrement plus gros que la normale */
   color: #6495ED; /* En bleu */
}

.surligne /* Un style qui permet par exemple de surligner certains mots d'un texte */
{
   background-color: blue;
}

q/* format d'une citation*/
{ 
	font-style : italic;
	text-align: justify; /* La citation sera justifiée */
}

a /* format des liens hypertext*/
{
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color: black;
	font-family :Bold;
	font-size : 14px; 
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: no underline; /* Le lien deviendra souligné quand on pointera dessus */
   /*border-style:dotted;*/
  	color: #FF9900;
	font-family : Arial;
	font-weight : italic;
   
   
}
a:active /* Quand le visiteur clique sur le lien */

{
   
}

/*infobulle : inclusion d'un texte en fonction de mots clés*/
a.info {

text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: block;
position: absolute;
margin:1em 0 0 1em;
background: gray;
text-align: justify;
color: white;
padding: 2px;
}  



/*---------------------------------------------------------------------------------*/
/* mise en forme du menu onglet */
/*---------------------------------------------------------------------------------*/
div#navcontainer
{

background-color: #FFFFFF;
border-top: solid 0px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
width: 872;
}

div#navcontainer ul
{
font-weight: bold;
color: white;
text-align: left;
margin: 0px;
padding-bottom: 1px;
padding-top: 1px;
}

div#navcontainer ul li
{
display: inline;
margin-left:  0px;
margin-right : solid 0px;
}

div#navcontainer ul li a
{
padding: 0px 0px 5px 10px;
color: white;
text-decoration: none;
border-right: 0px solid #fff;
}

div#navcontainer ul li a:hover
{
/*background-image : url(./images/motif-eau.jpg);*/
width : 100% !important;
width : auto;
height : 100% !important;
height : auto;
margin-top : -10px;
margin-left : -4px;
color: #FF9900;
font-family : Arial;
font-weight : italic;



}

#active a { border-left: 0px solid #fff; } 

/*---------------------------------------------------------------------------------*/
/* mise en forme du texte */
/*---------------------------------------------------------------------------------*/


h1
{
	COLOR:#1E90FF;
	font-size: x-large;
	font-family: Algerian;
	font-variant: small-caps; /*titre mini majuscule*/
	text-align: center;	
	
}

h2 
{
	font-size : medium;
	font-family : Arial;
	font-weight : italic;
}

h3
{

	color : #000000;
	font-size : medium;
	font-family : tahoma;
	
}	

h4 {

	
	text-align : center;
	font-size : 14px ;
	font-family : tahoma;
	font-weight : bold;
	font-style : italic;
}
p/* format principal d'un paragraphe*/
{
	
	padding: 2px 2px 2px 2px;
	text-indent: 20px;
	font-family : "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
}
n/* format principal d'un paragraphe*/
{
	
	padding: 2px 2px 2px 2px;
	text-indent: 20px;
	font-family : "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.0em; /* Ecrit légèrement plus gros que la normale */
   color: #6495ED; /* En bleu */
}

.surligne /* Un style qui permet par exemple de surligner certains mots d'un texte */
{
   background-color: blue;
}

q/* format d'une citation*/
{ 
	font-style : italic;
	text-align: justify; /* La citation sera justifiée */
}

a /* format des liens hypertext*/
{
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color: black;
	font-family :Bold;
	font-size : 14px; 
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: no underline; /* Le lien deviendra souligné quand on pointera dessus */
   /*border-style:dotted;*/
  	color: #FF9900;
	font-family : Arial;
	font-weight : italic;
   
   
}
a:active /* Quand le visiteur clique sur le lien */

{
   
}

/*infobulle : inclusion d'un texte en fonction de mots clés*/
a.info {

text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: block;
position: absolute;
margin:1em 0 0 1em;
background: gray;
text-align: justify;
color: white;
padding: 2px;
}