body, html {
	margin : 0;
	padding : 0;
	/* height:100%; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #001B35;
	background: #003F7D url(img/fond.png) repeat-x 0 bottom;
}
img {
  border:none
}

form {
margin:0;
padding:0
}

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

#page {
  position:absolute;
  top:10px;
  left:50%;
  margin-left: -460px;
  width:920px;
  background: url(img/header.png) no-repeat 0 0;
}

a#header {
  margin-top:30px;
  margin-left:205px;
  margin-bottom:10px;
  display:block;
  height:40px;
  width:250px;
}
a#header span {
  display:none;
}

ul#menu {
  padding-left:165px;
  display:block;
  height:30px;
  background: url(img/menu.png) no-repeat 0 0;
}
ul#menu li {
  margin-top:9px;
  margin-right:10px;
  float:left;
  display:block;
  height:15px;
}
ul#menu li#menu_1 {
  width:52px;
  background: url(img/menu_1.png) no-repeat 0 0;
}
ul#menu li#menu_1 a {
  width:52px;
}
ul#menu li#menu_2 {
  width:99px;
  background: url(img/menu_2.png) no-repeat 0 0;
}
ul#menu li#menu_2 a {
  width:99px;
}
ul#menu li#menu_3 {
  width:93px;
  background: url(img/menu_3.png) no-repeat 0 0;
}
ul#menu li#menu_3 a {
  width:93px;
}
ul#menu li#menu_4 {
  width:79px;
  background: url(img/menu_4.png) no-repeat 0 0;
}
ul#menu li#menu_4 a {
  width:79px;
}
ul#menu li#menu_5 {
  width:104px;
  background: url(img/menu_5.png) no-repeat 0 0;
}
ul#menu li#menu_5 a {
  width:104px;
}
ul#menu li#menu_6 {
  width:60px;
  background: url(img/menu_6.png) no-repeat 0 0;
}
ul#menu li#menu_6 a {
  width:60px;
}
ul#menu li#menu_7 {
  width:96px;
  background: url(img/menu_7.png) no-repeat 0 0;
}
ul#menu li#menu_7 a {
  width:96px;
}
ul#menu li#menu_8 {
  width:91px;
  background: url(img/menu_8.png) no-repeat 0 0;
}
ul#menu li#menu_8 a {
  width:91px;
}
ul#menu li a {
  height:15px;
  display:block;
  text-decoration:none;
}
ul#menu li a span {
  display:none;
}

#contenu {
  float:left;
  padding-top:20px;
  padding-left:10px;
  padding-right:10px;
  width:900px;
  background-color: #FAFAFA;
}
#contenu h1 {
  margin:0;
  margin-bottom:18px;
  padding:0;
  font-size:12px;
  font-style:italic;
  border-bottom:solid 1px #C0C3CF;
}
#contenu div.article {
  padding-bottom:20px;
  float:left;
}
#contenu div.article div.detail {
  text-align:right;
  width:900px;
}
#contenu div.article a {
  color:#5C7720;
}
#contenu div.article a:hover {
  color:#303E11;
}
#bas {
  float:left;
  width:920px;
  padding-top:14px;
  text-align:center;
  background: url(img/contenu.gif) no-repeat 0 0;
}

#bas a {
  font-size:11px;
  color:#fff;
  text-decoration:none;
}

#bas a:hover {
  text-decoration:underline;
}

.photo_droite {
  margin-top:5px;
  margin-left:5px;
  margin-bottom:5px;
  float:right;
}

.photo_gauche {
  margin-top:5px;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
}

.photo_centre {
  margin:5px;
  display:block;
  text-align:center;
}

/* diaporama */
#diaporama a {
  padding:7px;
  margin:7px;
  display:block;
  float:left;
  text-decoration:none;
  border:solid 1px #C0C3CF;
  background-color:#fff;
}
#diaporama a:hover {
  text-decoration:none;
  border:solid 1px #001B35;
  background-color:#C0C3CF;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #001B35;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
