/* CSS Document */ 
body { margin: 0px; padding: 0px;
background-color: #fff;
font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
  text-align:center; 
  }
/* liens generik */ 
a:link {
color: White;
background-color: #333333;
text-decoration: none;
}
a:active { color:#FFCC00;
background-color: #000000;
}
a:visited { color: #FFFFFF;
background-color: #333333;
}
a:hover { color:#CC0000;
background-color: #333333;
background: none;
}

a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a:hover span { /* définition de la balise <span> au survol */
	float:right;
	display:inline;
	height:200px;
	width:300px;
	text-align:right;
	color: white;
}
.clearb{clear: both;}
/*  Les containers */ 
#container { 
	width: 700px; /* dimensions du bloc */ 
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto; 
	background-color:#CCCCCC;
	border:1px solid #000;
  text-align: left;
  } 
#header {
	margin: 0px 15px; 
	padding:0;
	border:1px dotted #000;
	} 
#header h1 { 
	width: 650px;
	height:80px;
	margin: 0 0 0 10px;}
#header h1 span 
  { display:none; margin:0em; } 
#header h2 {
	margin:0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
  text-align: center; 
  margin-top: -15px;
  margin-bottom: 20px; 
  } 
h2 {
	margin:0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: center;
	color: #808080;
  } 
h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-left: 10px;
  } 
#header h2 span{} 
#menu {
} 
#menu ul { list-style-type: none; 
text-align: center;
}
#menu li { list-style-type: none;
display: inline;
} 
#menu li a { 
list-style-type: none;
  line-height: 24px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-top:  3px;
  background-color: #789;
  background-position: 0px 0;
  font-size: 1em;
  text-decoration: none;
  border-right: 1px solid #000000;
  } 
#menu li a:hover { 
background-color: #FFFFFF; 
background-position: 0 -19px; 
  } 
#content { width: 88%; 
margin-left: auto;
margin-right: auto; 
margin-top:15px;
padding:5px;
text-align: justify;
background-color:#999999;
color:#CCCCCC;
} 
#photo{
	float: left;
	}
.floatl{
	float: left;
	margin-left: 0px;
	padding:3px;
	margin-top:3px;
	font-weight:bold;
	text-align:left;
	}
.floatr{
	float: right;
	margin-right: 0px;
	margin-top:3px;
	padding:3px;
	font-weight:bold;
	text-align:right;
}
#contact{
	text-align: center;
	padding: 15px;
	text-indent: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom:0px;
	margin-left: 30px;
}
#contact span.clearb{
display: block; }

#footer { 	
width: 100%;
	}
#footer span.clearb{ 
	display: block; 
	height: 25px;
 }/* obligatoire avec span */