html, body {
	margin:0; padding:0; width:100%; height:100%;
	font-family:"Verdana"; font-size:10pt;
}

body {
	background:url("images/marbre.jpg"); text-align:center;
}

#main {
	position:absolute; top:50%; left:50%;
	border:5px solid #82353F;
	width:950px; height:574px; margin:-292px 0 0 -480px;
	text-align:left;  background-color:#fff;
}

#entete {
	position:relative; top:0; left:0;
	height:80px; width:950px;
	background:url("images/entete.jpg") #0099FF;
	border-bottom:5px solid #fff; 
}

#menu {
	position:relative; top:0; left:0; 
	height:30px; line-height:30px; padding-left:10px;
	background:#82353F; color:#fff;
}

#page {
   position:relative; top:0; left:0;
   overflow:hidden; color:#82353F;
   height:454px; text-align:justify;
   padding-top:5px;
}

#pied {
	position:relative; top:0; left:0;
	margin-top:1em;
	text-align:center;
}

/* ----------------------- */

#entete #logo {
   position:absolute; top:0; left:330px;
   width:280px; height:100px; overflow:hidden;
   display:block; border:0px solid #F00;
}

/* ----------------------- */

#menu ul {
	list-style-type:none; margin:0; padding:0;
}

#menu ul li {
	float:left;
	position:relative; top:0; left:0;
	height:30px; line-height:30px; 
}

#menu ul li a {
	text-decoration:none; color:#fff;
	padding-left:5px;
}

#menu ul li a:hover {
	text-decoration:underline;
}

#menu ul li ul {
	display:none;
	position:absolute; top:1em; left:0;
	background-color:#9af;
}
#menu ul li:hover ul { display:block; margin:2px 0px;}
#menu ul li ul li {
	clear:left;
	margin:0;
}

.lien_visible{
	font-weight: bold;
	color: #F00 !important;
}

#fr {
	background:url('../../images/fr.jpg') no-repeat; 
	display:block; height:30px; width:32px;
	margin-left:20px;
}

#en {
	background:url('../../images/en.jpg') no-repeat; 
	display:block; height:30px; width:32px;
}

/* ----------------------- */

#references {
  font-size:8pt; color:#FFF; text-align:center;
  position:absolute; right:5px; bottom:0.2em;
  width:440px; height:115px;
}

#references a img{
	border:none;
}

#adresse {
	position:absolute; bottom:0; left:0;
	background:url("images/adresse.png");
	width:185px; height:120px;
	padding-left:8px; color:#fff;
}

#message {
	position:absolute; width:140px; height:61px; padding-right:10px; line-height:3em;  font-size:11pt;
	top:0px; text-align:center; background:url("images/actu.png");  cursor:pointer;
	color:#82353F; font-weight:700; letter-spacing:0.1em;
}
#message a { 
	color:#fff; text-decoration:none; width:100%; display:block; text-align:center;
    line-height:3em;
}

#directweb {
   font-size:8pt; color:#FFF; text-align:center;
   position:absolute; z-index:0; right:500px; bottom:0.2em;
   width:9em;
}

#directweb a { 
	font-size:8pt; color:#FFF; text-decoration:none; 
}

 #page .letexte {
  position:absolute; left:0em; top:10px; z-index:99;
  border:0.5em solid #fff; padding:1em; margin:4em 5em 0 5em;
  background-color:#eee; width:750px;
  background:url("images/marbre.jpg") #eee;
}

/* ----------------------- */

#page .center { text-align:center; margin-left:auto; margin-right:auto; }
#page .left { float:left; margin:0 1em 0.5em 0; }
#page .right { float:right; margin:0 0 0.5em 1em; }
#page .clear { clear:both; }
#page hr { border-color:#ac2; color:#ac2; }
#page .marge { margin-left:3em; }
#page .marges { margin-left:3em; margin-right:3em; }
#page a:hover img.border, #page a img.border:hover { border-color:#800; }
#page ul.sep li { margin-bottom:0.3em; }

#page form table { margin:0 auto; text-align:left; }
#page form  b.obligatoire { color:#900; }

#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }
#z_ombre { background-color:#222; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:90); opacity:0.9; }
#z_image { border:10px solid #fff; visibility:hidden; }
#z_titre { line-height:9px; height:10px; font-size:80%; color:#c00; font-weight:700; letter-spacing:0.1em; }
#z_close { visibility:hidden; }
.fancyTitle { color:#ff0; font-weight:700; width:10em; } /* titre zoom */

 /* ----------------------- */
 
p.error { width:50%; clear:left; padding:0.7em; margin:0.7em; border:1px solid #900; background-color:#aaa; color:#fff; font-size:60%;  }
 
#page .e404 { padding:1em; margin:2em auto; text-align:center; }
#page .e404 h2 { color:#a00; font-size:18pt; text-align:center; }

 #mydw { display:none; z-index:100; top:0; }
 #mydw img { border:0; height:200px; width:200px; }

 /* ----------------------- */

 .cache { display:none; position:absolute; width:1px; height:1px; overflow:hidden; }
 .print { display:none; }
 .noprint { }