body { 
	/*height: 100%;*/
  margin-top:0px;
  padding: 0px;
  background-color: #ffffff;
  /*background-image:url("images/fond_bery.jpg"); 
  background-repeat:repeat-xy;*/
} 

#page
{
  width:877px;
  margin: 0 auto;
	/*height: 100%;*/
}

h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	/*font-style: italic;*/
	font-family: verdana, Tahoma, trebuchet ms, Arial, serif ;
	color: #CCCFD8;
}

h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-family: verdana, trebuchet ms, Arial, serif;
	color: #CCCFD8;
}

h3 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	/*font-style: italic;*/
	font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
	color: #CCCFD8;
}

#container
{
  position:relative;
	width: 500px;
	margin: auto;
	padding-top: 10px;
	/*padding-bottom: 0px;*/
}

#container2
{
  position:relative;
	width: 850px;
	margin: auto;
	padding-top: 10px;
	text-align:center;
	/*padding-bottom: 0px;*/
}

#banniere
{
  position:absolute;
  width:877px; 
  height:350px;
  /*border-color:red;
  border-style:solid;*/
}
#banniere_haut
{
  position:absolute;
  width:877px; 
  height:150px;
  background-image:url("images/fond.jpg"); 
  background-repeat:repeat-xy;
  z-index:2;
}
#banniere_bas
{
  position:absolute;
  width:877px; 
  height:200px;
  top:150px;
  background-image:url("images/titre2.jpg"); 
  background-repeat:no-repeat;
  /*border-color:red;
  border-style:solid;*/
}

#banniere_logo
{
  position:absolute;
  width:230px; 
  height:156px;
  left:40px;
  top:20px;
}

#banniere_texte
{
  position:absolute;
  width:877px; 
  height:150px;
  text-align:center;
  top: 10px;
  font-family: Georgia, sans-serif;
  color: #CCCFD8;
}

#compteur
{
  position:absolute;
  width:106px; 
  height:103px;
  margin-left: 730px;
  margin-top: 20px;
  background-position:center;
  background-image:url("images/compteur.png"); 
  background-repeat:no-repeat;
}
#texte_compteur
{
  position:absolute;
  width:106px; 
  height:10px;
  top: 32px;
  text-align:center;
}

#echappement
{
  position:absolute;
  width:530px; 
  height:100px;
  margin-left: 280px;
  color: #CCCFD8;
  text-align:center;
  font-family: Georgia, sans-serif;
  /*font-size: 16px;*/
  /*border-color:red;
  border-style:solid;*/
}

#fond_menu
{
  position:relative;
  width:200px; 
  height:64px;
  color: black;
  text-align:center;
  font-family: Georgia, sans-serif;
  background-position:center;
  background-image:url("images/fond_menu4.png"); 
  background-repeat:no-repeat;
}
#fond_menu_texte
{
  position:relative;
  width:200px; 
  height:20px;
  top:22px;
  text-align:center;
  font-family: Georgia, sans-serif;
}

#barre_histo
{
  position:absolute;
  height:20px;
  text-align: left;
  top:350px;
  width : 877px;
  font-family: Georgia, sans-serif;
  color: #CCCFD8;
  background-image:url("images/fond.jpg"); 
  background-repeat:no-repeat;
  z-index:2;
}

#details
{
  position:absolute;
	margin: 0 auto;
	width:877px;
	top:350px;
	font-family: Georgia, sans-serif;
  color: #CCCFD8;
  /*height:100%;*/
  /*margin-top:210px;*/
  /*background-position:center;*/
  /* min-height:400px; /*Utile si pas de message dans la base pour afficher un corps plus grand */
  /* height: auto;    /* hack uniquement interprété par IE Win*/
  /* _height: 400px;  /* hack uniquement interprété par IE Win*/
  background-image:url("images/fond.jpg"); 
  background-repeat:repeat-xy;
  /*border-color:red;
  border-style:solid;*/
}

#dern_rea
{
  position:relative;
  top:20px;
  width: 830px;
  margin-left:17px;
  font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
  font-size: 16px;
  color: #CCCFD8;
  z-index:3;
  /*text-align:center;*/
  /*border-style:solid;*/
}

#austin
{
  position:absolute;
  width:314px; 
  height:179px;
  top:340px;
  left:550px;
  background-position:center;
  background-image:url("images/austin.png"); 
  background-repeat:no-repeat;
}

.formulaire
{
  color:#996600;
  background-color:transparent;
  border-left:none;
  border-right:none;
  border-top:none; 
  border-bottom:dotted;
}

.submit
{
   border:none;
   color:#fff;
   background-color:#996600;
   font-weight : bold;
}
a:hover input.submit
{
  cursor:pointer;
  border:none;
  color:#996600;
  background-color:transparent;
  /*font-weight : bold;*/
}

#barre_raison
{
  position:absolute;
	width:877px;
  height:20px;
  text-align: center;
  margin-left:0px;
  bottom: 10px;
  /*margin-top:910px;*/
  font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
  font-size: 16px;
  color: #996633;
  z-index:2;
}

#barre_pied
{
  position:relative;
	width:877px;
  height:20px;
  background-image:url("images/fond_pied.jpg"); 
  background-repeat:no-repeat;
  z-index:3;
}

/* Pied de page */
#barre_pied_gauche{
  position:absolute;
	width:417px;
  height:20px;
  color: #CCCFD8;
  font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
}

#barre_pied_droit{
  position:relative;
  float:right;
	width:460px;
  height:20px;
  color: #CCCFD8;
  font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
}

#barre_pied_gauche a { /* Les liens qui ne sont pas sous le curseur. */
	color: #CCCFD8; 
	text-decoration:none; 
	font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
	font-size:12px;
}
#barre_pied_gauche a:hover { /* Les liens lorsque le curseur est dessus. */
	color: yellow; 
	text-decoration:none;
  font-size:12px; 
	font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
}

#barre_pied_droit a { /* Les liens qui ne sont pas sous le curseur. */
	color: #CCCFD8; 
	text-decoration:none; 
	font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
	font-size:12px;
}
#barre_pied_droit a:hover { /* Les liens lorsque le curseur est dessus. */
	color: yellow; 
	text-decoration:none;
  font-size:12px; 
	font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
}


.BUTTON1 { 
 font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
 border-width:1pt;
 font-weight:bold;
 /*font-style: italic ;*/
 font-size:10pt;
 color:black;
 background-color:#CCCFD8;
}

#cnil{
  position:absolute;
	width:550px;
  height:100px;
  margin-top:690px;
  margin-left:430px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #996600;
}

/*Plan site*/
ul.menu1 {
	padding:0;
	position:relative;
	top: 30px;
	left: 0px;
	width: 877px;
	margin:auto;
	/*list-style-image: url(images/bullet_star.gif);
	list-style-type: circle;*/
	list-style-type:none;
}

li.menu1 {
	padding-top: 5px;
	margin-left:auto;
	margin-right:auto;
	float: center;
}

.menu1 a:hover{
color: black ;
background: #CCCFD8;
font-weight:bold;

}

.menu1 a {
	height: 20px;
	display: block;
	text-align: center;
	border: 1px solid #CCCFD8; 
	text-decoration: none;
	color:white;
	background: #6666cc;
	border-spacing: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

table {
border-style:2px solid #CCCFD8;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead, tfoot {
background-image:url(images/fond_titre_tableau.jpg);
border:1px solid #3333ff;
color:black;
}
tbody {
/*background-color:black;*/
border:1px solid #CCCFD8;
}
th {
font-family:monospace;
border:1px dotted #CCCFD8;
padding:5px;
background-color:black;
width:25%;
}
td {
font-family:sans-serif;
font-size:80%;
font-family: verdana,trebuchet ms,Courrier New, Arial, serif;
border:1px solid #CCCFD8;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
}    

a.miseforme{ color:#CCCFD8; text-decoration: underline;}
a:hover.miseforme{ color: #CCCFD8 ; text-decoration: none; }

a.miseforme2{ color:#996633; font-weight:bold; font-size: 14px; text-decoration: underline;}
a:hover.miseforme2{ color: #996633 ; font-size: 14px; text-decoration: none; }

a.miseforme3{ color:#996600; font-weight:bold; text-decoration: underline;}
a:hover.miseforme3{ color: #996600 ; text-decoration: none; }

a.miseforme4{ color:black; font-weight:bold; text-decoration: none;}
a:hover.miseforme4{ color: black ; text-decoration: underline; }

a.miseforme5{ color:white; font-size: 16px; text-decoration: none;}
a:hover.miseforme5{ color:white; text-decoration: none; }


.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block; 
}

.alert {
	background: #ffff99;
	text-align: center;
	color : black;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	}
-->