/* Page */ 
html 
{ 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body 
{
  /*background: 		#000000;     */
  background: #666666 url(../img/bg_dark.jpg) repeat-y center;
  font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  /*
   font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", 
  "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 		.8em;
  color:		black;
  margin: 		0;
  padding: 		0;
  text-transform:	none;
  line-height: 		1.4;     */
  /*width: 860px;  */
}
div#conteneur
{
	width: 880px ;
	margin: 0 auto ;
	/*text-align: left ;  */
}

div#menu
{
	position:absolute; 
  width: 150px ;
	margin: 0 auto ;
	padding 10;
	text-align: left ;
}

div#cadre_menu
{
	position:absolute;
  width: 160px ;
	margin: 0 auto ;
	text-align: left ;
}

div#gauche
{
  float: left ;
  text-align: left ;
  width: 250px ;
}
div#droite
{
  float: right ;
  text-align: right ;
  width: 250px ;
}
div#bouton_admin
{
  float: right ;
  text-align: right ;
  width: 25px ;
  height: 25px;
}
div#centre
{
  text-align: center ;
  width: 620px ;
}
img#add_news
{
  position:relative;
  float: right ;
  width: 24px ;
  height:32px;
  vertical-align:middle;  
}
div#date_news
{
  font-size: 		.9em;
  font-style:italic;
  text-align: right ;
  float: right ;
  width: 150px ;
  height:24px;
  vertical-align:bottom;
  
}
div#boite_outils
{
  position:relative; 
  font-size: .9em;
  text-align: left ;
  width: 600px ;
  height: 24px;
  
}
div#outils
{
  display :inline; 
  width: 24px ;
  height: 24px;   
}
div#commentaire
{
  background: #666666 url(../img/bg_dark.jpg) repeat-y center;
  width: 50px ;
  height: 24px;     
}
div#texte_gauche
{
  text-align: right ;
  /*width: 420px ; */
  margin-right: 10px ;
}
div#contenu
{
	width: 625px ;
	margin-right: 5px ;
	margin-left:175px;
}
div#news
{
	display: block;
}
/* Titres */ 
h1, h2, h3
{ 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  /*font-weight: bold;  Valeur par défaut. (6) */ 
  font-style: normal;
  
} 
h1#header {       	
  height: 146px;
  background: url(../img/banniere5.jpg) no-repeat center top;
}
h1 {
  vertical-align:center;  
}
h2, h3 
{ 
  display: inline;
  /*font-size: 1.5em; */
} 

form 	input[type=submit]{	
	background:url(../img/valider.gif) no-repeat center center;
	width:27px;  
	height: 20px;  
	cursor: pointer;
	border:0;
}
a
{
	text-decoration: none ;
}

a:link {
  color:black;
}
a:visited {
 color:black;
}

a:active {
  outline:0 none; 
  position:relative;
  top:1px;
}
a img 
{
border: none;
}
img { 
 vertical-align:middle;
} 
/* Paragraphes */ 
p
{ 
  margin: .75em 0; /* Marges plus faibles que par défaut. */
} 
#nav {
	width: 150px;
  list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;	/* Création du contexte de formatage */
	/**overflow: visible ;    Contexte de formatage pour IE6 et IE7 */
	/**height: 1% ;         Contexte de formatage pour IE6 et IE7 */
	}
.plus {
  list-style: none;
  display:inline; 
}
#map_canvas { 
  width: 600px;
  height: 400px;
}
#nav li {
	/*float: left ;*/
	/*width: 125px ;  */
	border: 1px solid #999999 ;   /*#600*/
	margin-bottom: 7px ;
	color: #fff ;
	background: #cccccc ;   
	}
#nav li a {
	display: block ;
	background: #cccccc ;
	color: #fff ;
	/*font: 1em "Trebuchet MS",Arial,sans-serif ;*/
	line-height: 1,5em ;
	padding: 4px 0 4px 2px;
	/*text-align: center ; */
	}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: #999999 ; 
	text-decoration: none ;
	}
	
.navigation { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  color: #fff; 
  width: 150px;
} 
.navigation li {
	color: #fff ;
	background: #cccccc ;
	margin-bottom: 2px ;
}
.navigation a, .navigation span { 
  display: block; 
  padding: 4px 10px; 
  color: #fff; 
  text-decoration: none; 
  background: #000 url(../img/menu_large.png) left bottom no-repeat;
} 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
  background-image: url(../img/menu_large.png); 
} 
.navigation .open a, .navigation .open span {
  background-image: url(../img/menu_large.png); 
} 
.navigation a:hover, .navigation a:focus, .navigation a:active { 
  text-decoration: none; 
} 
.navigation .subMenu {
  font-size: .8em; 
  background: #fff url(../img/menu_large.png) 0 0 repeat-x; 
  font-size: .9em; 
  margin: 0; 
  padding: 0;
  /*list-style-position:inside;*/
  list-style: none; 
} 
.navigation .subMenu li{
  margin-bottom: 0px ;
  
}
.navigation ul.subMenu a { 
  padding: 3px 20px; 
}