<!--
body { 
  /*margin: auto; 
  width:1024px;
  height:900px; */
  margin-top:0px;
  /*background-color: #E0E1E9;*/
  color:#6600cc;
  font-family: Georgia, Times New Roman, Serif;
  background-position:center;
  background-image:url("images/fond.png"); 
  background-repeat:repeat-xy;
} 

#page
{
  margin: auto; 
  width:1024px;
  height:956px;
  background-color: white;
}

h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	/*font-style: italic;*/
	color: #A8A8AB;
}

h2 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	/*font-style: italic;*/
	color: #6600cc;
}

#ombre_gauche
{
  position:absolute;
  width:10px; 
  height:956px;
  margin-left: 0px;  
  margin-top: 0px;   
  background-position:center;
  background-image:url("images/ombre_gauche.png"); 
  background-repeat:repeat-y;
}

#ombre_droit
{                   
  position:absolute;
  width:10px; 
  height:956px;
  margin-left: 1014px;  
  margin-top: 0px;   
  background-position:center;
  background-image:url("images/ombre_droit.png"); 
  background-repeat:repeat-y;
}

#banniere
{
  position:absolute;
  /*margin:0 auto;*/
  width:1004px; 
  height:150px;
  margin-left: 10px;  
  text-align:left;
  background-position:center;
  background-image:url("images/titre.jpg"); 
  background-repeat:no-repeat;
}

#banniere_anim
{
  position:absolute;
  /*margin:0 auto;*/
  width:800px; 
  height:140px;
  margin-left: 200px;  
}

#barre_raison
{
  position:absolute;
	width:1004px;
  height:20px;
  text-align: center;
  margin-left:10px;
  margin-top:137px;
  font-family: Times New Roman, Serif;
  z-index:2;
  /*border-style:solid;*/
}

#ombre
{
  position:absolute;
	width:1004px;
  height:20px;
  text-align: left;
  margin-left:10px;
  margin-top:150px;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 14px;
  color: #6633ff;
  background-image:url("images/barre_histo.jpg"); 
  background-repeat:repeat-x;
  /*border-style:solid;*/
}

#barre_menu
{
  position:absolute;
	width:1004px;
  height:44px;
  text-align: center;
  margin-left:10px;
  margin-top:180px;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 16px;
  color: #6633ff;
  /*background-image:url("images/barre_menu.jpg");*/ 
  background-repeat:repeat-x;
}

#barre_separat
{
  position:absolute;
	width:1004px;
  height:20px;
  margin-left:10px;
  margin-top:230px;
  background-image:url("images/barre_separat.jpg"); 
  background-repeat:repeat-x;
}

#details
{
  position:absolute;
	width:1004px;
  height:768px;
  margin-left:10px;
  margin-top:250px;
  color: #6600cc;
   /*border-style:solid;*/
}

#map_monde
{
  position:absolute;
	width: 520px;
  height: 306px;
  left:150px;
  top:40px;
  background-position:center;
  background-image:url("images/map_monde.png"); 
  background-repeat:no-repeat;
}

#souris
{
  position:relative;
	width: 964px;
	margin:auto;
  height: 250px;
  /*background-position:right;
  background-image:url("images/souris.png"); 
  background-repeat:no-repeat;*/
}

#img_souris
{
  position:absolute;
	width: 360px;
  height: 250px;
  background-position:center;
  background-image:url("images/souris.png"); 
  background-repeat:no-repeat;
}

#temoignages
{
  position:absolute;
	width: 150px;
  height: 38px;
  margin-left: 713px;
  margin-top: 200px;
  z-index:2;
}

#communique
{
  position:absolute;
	width: 214px;
  height: 116px;
  left: 0px;
  margin-top: 20px;
  z-index:2;
}

#fen_details
{
  position:absolute;
	width:763px;
  height:755px;
  margin-left:235px;
  margin-top:0px;
  color: black;
  /*border-style:solid;*/
}

/*liste references*/
ul.ref {
  margin-left:0px;
  margin-top:0px;
  padding-left:20px;
	position:absolute;
	left:30px;
	text-align:left;
	width: 450px;
	list-style-image: url(images/fleche.gif);
	vertical-align: middle;
  display: inline-block;
	/*list-style-type: circle;*/
	/*border-style:solid;*/
}

/* Pied de page */
#barre_pied{
  position:absolute;
	width:1004px;
  height:20px;
  /*margin-left:10px;*/
  /*top:956px;*/
  bottom:62px;
  left:0px;
  background-position:center;
  background-image:url("images/pied.png"); 
  background-repeat:no-repeat;
}

#barre_pied_gauche{
  color: #6600cc;
  position:absolute;
	width:500px;
  height:20px;
  margin-left:8px;
  text-align:left;
}
#barre_pied_droit{
  color: #6600cc;
  position:absolute;
	width:504px;
  height:20px;
  margin-left:490px;
  text-align:right;
}

#barre_pied_gauche a { /* Les liens qui ne sont pas sous le curseur. */
	color: #6600cc; 
	text-decoration:none; 
	font-size:14px;
  /*font-weight:bold;*/ 
}
#barre_pied_gauche a:hover { /* Les liens lorsque le curseur est dessus. */
	color: black; 
	text-decoration:none;
  font-size:14px; 
}

#barre_pied_droit a { /* Les liens qui ne sont pas sous le curseur. */
	color: #6600cc; 
	text-decoration:none; 
	font-size:14px;
  /*font-weight:bold;*/ 
}
#barre_pied_droit a:hover { /* Les liens lorsque le curseur est dessus. */
	color: black; 
	text-decoration:none;
  font-size:14px; 
}


.BUTTON1 { 
 font-family: Georgia, Times New Roman, Serif;
 border-width:3pt;
 border-color: #0000cc;
 font-size:11pt;
 color:white;
 background-color:#6600cc;
}

#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 accès*/
#plan
{
  position:absolute;
	/*width:710px;*/
  height:560px;
  margin-top:230px;
  /*margin-left:160px;*/
  /*text-align:center;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#996600;
}

/*Plan site*/
ul.menu1 {
	padding:0;
	position:absolute;
	top: 30px;
	left: 0px;
	width: 1004px;
	margin-left:auto;
	margin-right: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: #D1D1E6 ;
background: #8A22BE;
font-weight:bold;
}

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

/* defilement de texte */
#cadrpg { 
width:650px; /*largeur de la zone d'affichage*/ 
margin:0 auto; 
border:0; 
} 
#newshr { 
position:relative; 
width:650px; /*largeur de la zone d'affichage*/ 
height:23px; /*hauteur de la zone d'affichage*/ 
overflow:hidden; 
color:inherit; 
background:#FFFFFF;  
/*border:1px solid  #CCCCCC;*/ 
} 
#defile { 
position:absolute; 
background:#FFFFFF; 
} 

/* desactiver carre pointille sur lien dans firefox */
a:active,a:focus {
outline:none;
}

a.miseforme{ color:#6600cc; font-weight:normal; text-decoration: underline;}
a:hover.miseforme{ color: #6600cc ; text-decoration: none; }

a.miseforme2{ color:#6600cc; font-size: 17px; text-decoration: underline;}
a:hover.miseforme2{ color: #6600cc ; text-decoration: none; }

a.miseforme3{ color:#6633ff; font-weight:normal; font-style: italic ; text-decoration: none;}
a:hover.miseforme3{ color: #6633ff ; text-decoration: underline; }

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

a.miseforme5{ color:#3333ff; font-size: 16px; text-decoration: underline;}
a:hover.miseforme5{ color:#3333ff; text-decoration: none; }

a.miseforme6{ color:#6600cc; font-weight:normal; text-decoration: none;}
a:hover.miseforme6{ color: #6600cc ; text-decoration: underline; }

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

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