@charset "iso-8859-1";
* {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;
}

body {
  background-color : #FFFFFF; /* couleur de fond */
  background-image: url('degrade.gif'); /* image de fond */
  margin:0; /* suppression de toutes les marges */
  padding:0;
  /*background-attachment:fixed;*/ 
}

#general {
      position:absolute;
	  top:10px;
	  left:50%; 
	  width:768px;
	  padding:0;
	  margin:0 0 0 -384px;
}

#cadre {
	position:absolute;
	top:0px;
	left:0px;
	height:750px;
	width:768px;
	/*background-image: url('cadre.jpg');*/
	/*background-color:#000000;*/
}

#sousgeneral {
	position:relative;
	top:0px;
	left:0px;
	width:768px;
	height:588px;
	border-bottom:10px;
	background-image: url(fond.jpg);
	background-repeat: no-repeat;
}

#logo {
  position: absolute;
  left:700px;
  top:38px;
}

#logo img {
  border:0;
  width:60px;
  height:60px
}

#office {
  position: absolute;
  left:570px;
  top:93px;
  z-index:1;
}

#office img {
  border:0;
  width:107px;
  height:62px;
}

#epi1 {
  position: absolute;
  left:15px;
  top:98px;
}

#epi1 img {
  border:0;
  width:60px;
  height:60px
}

#dep {
  position: absolute;
  left:0;
  top:0;
}

#dep img {
  border:1;
  height:110px;
  margin-left:110px;
  margin-top:380px;
}

#mail {
  position: absolute;
  left:130px;
  top:98px;
}

#mail img {
  border:0;
  height:60px;
}

#compteur {
  position: relative;
  left:0;
  top:0;
}

#compteur h1 {
  border:0;
  height:60px;
  margin-left:80px;
  margin-top:435px;
  font-family:Verdana,arial;
} 

#compteur h2 {
  color:white;
  border:0;
  height:60px;
  margin-left:80px;
  margin-top:455px;
  font-family:Verdana,arial;
}

#pied{
  position: absolute;
  left:80px;
  top:500px;
}

#pied img {
  border:0;
  height:20px;
  width:150px;
}

#adrlog {
  position:absolute;
  float:left;
  left:295px;
  top:90px;
}

#adresse {
  float:left;
}

#adresse h1 {
/*  margin-left:390px;
  margin-top:110px;*/
  font-size:8pt;
  font-family:Verdana,arial;
}

#adresse img {
  height:60px;
  margin:0 10px 0 0;
  float:left;
}

#wifi
{
position:absolute;
  float:left;
  left:120px;
  top:500px;
}

#wifi img
{	 
  width:60px;
  height:60px;
}

#logo2 {
  float:left;
}

#logo2 img {
  height:60px;
}

#haut {
    position:relative;
	top:6px;
	left:5px;
	background-image: url('haut.jpg');
	background-repeat:no-repeat;
/*	background-color : #66CC99;*/
/*    background-image: url('smelterblue.jpg');*/
	width:768px;
	height:80px;
}

#titre {
	/*width: 753px;*/
	text-align: center;
	/*margin: auto;*/
	margin-top: 0;
	margin-bottom: 0;
	/*margin-left:115px;*/
/*	background-image: url('smelterblue.jpg');*/
	padding: 0px;
	color : #211884;
}

#titre h2 {
  color : #FFFF00;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  font-family:Tempus Sans ITC,arial;
}

#menu {
	/*width: 592px;*/
	position : absolute;
	margin-left:5px;
	text-align: center;
	/*margin: auto;*/
	margin-top: 58px;
	padding-left: 0;
	/*color : #211884;
	background-color: #000000;*/
/*	width:100px;*/
	z-index:1;
}

#menu ul {
	background-color: #000000;
}

#menu li {
	text-decoration: none;
	float: left;
}

#menu img {
  width:50px;
  height:50px;
  border:0;
}

#menu A {
   float: left;
/*   margin-left:10px;*/
   padding-left:10px;
   padding-right:10px;
   	/*padding: 0.2em;
	height:39px;*/
   /*border: 1px solid #FFFF00;*/
   font-size: 10pt;
   font-weight: bolder;
   text-decoration: none;
   text-align: center;
   font-family:vernada,arial;
   color :#FFFFFF;
}

#menu a:hover {
   text-decoration: none;
   background-color: #FFCC00;
   color: #FFFFFF;
}

#contenu {
  position:absolute;
  left:305px;
  top:130px;
  padding-top: 10px;
  padding-left:10px;
  /*padding-right: 30px;*/
 /* margin-left:300px;*/
  font-family:verdana,arial;
  font-size:12pt;
  color:#000000;
}

#chambre {
  position:absolute;
  top:110px;
  left:550px;
}

#chambre img {
   float:right;
   padding-right:10px;
   height:45px;
   width:200px;
}

#contenu h1 {
  font-size : 18px;
  text-align: right;
  padding-right:10px;
  font-family:Tempus Sans ITC,arial;
}

#contenu li {
  font-family:verdana,arial;
  font-size:10pt;
}

#pelemele {
  position:relative;
  float:left;
  top:0;
  left:0;
}

#pelemele img {
  height:200px;
  width:300px;
  margin-right:20px;
  border:0;
}

#texte {
  position:relative;
  top:0;
  left:0;
  padding-top: 10px;
  font-family:verdana,arial;
  font-size:10pt;
/*  padding-right: 30px;
  margin-left:300px;*/
    padding-right: 10px;
   width: 435px; 
   height: 390px; 
   overflow: auto; 
}

#menugauche {
	float: left;
	padding-top : 0px;
	padding-left:0px;
  background-color : #66CC99;
  background-image: url('smelterblue.jpg');
}

#menugauche h1 {
  color : #6D62FF;
  font-size: 12px;
  margin-bottom:3px;	
  font-weight: bold;
  text-align:center;
}
  
#photos {
  position:absolute;
  left:15px;
  top:160px;
}

#photos object {
  margin-top: 0px;
  margin-left: 0;
  width: 280px;
  height: 220px;
}

#photoregion {
  position:absolute;
  left:0;
  top:0;
}

#photoregion img {
  margin-top: 190px;
  margin-left: 30px;
  width: 220px;
  border:0;
}

/*#menu {
  background-color : #66CC99;
  background-image: url('smelterblue.jpg');
  height: 90px;
}*/

/*.horizontal a {
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;*/
/*  display: block;*/
  /*width: 100px;*/
/*}*/

/*.horizontal a:hover {
  background-color: #6495ED;
  background-image: url(lunaireblue.jpg);
  border: 2px inset #c0c0c0;
}*/

#menu h1 {
  color : #6D62FF;
  font-size: 20px;
  font-weight: bold;
  text-align:right;
}

#contenu h1 {
  margin-top: 0px;
  margin-right: 3px;
}

#contenu hr {
  height: 3px;
}
/*
#contenu a:link { color: #211884; }
#contenu a { color: #211884; }
#contenu a:hover { color: black; }*/

#contenu .photos {
text-align:center;
}