body {
	background-color: #1D1F44;
	margin: 0px auto 20px auto;
}

#page {
	margin: 0px auto 0px auto;
}

#frame {
  width: 850px;
  height: 540px;
  padding: 0px;
  margin: -5px auto 0px auto;
  background-color: #ffffff;	
}

#frame_homepage {
  width: 850px;
  height: 565px;
  padding: 0px;
  margin: -5px auto 0px auto;
  background-color: #ffffff;	
}

#header {
	width: 850px;
	margin: 20px auto 0px auto;
	padding: 0px;
}

#photo {
	margin-top: -1px;
	padding: 0px;
}

#menu {
	margin-top: -5px;	
	padding: 0px;
}

#main {
	margin-top: 30px;
	height: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#main a {	
	font-family: verdana; 
	text-decoration: none; 
	color: #000084; 
	font-weight: bold;
	font-size: 10px;
}

#shop {
	margin-top: 30px;
	height: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#content {
	height: 350px;
	width: 585px;
  overflow-y: auto;
  overflow-x: hidden;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 255px;
	padding: 5px;
	text-align: justify;
  font-family : Verdana;
  font-size: 10px;
  color: #000084;
}

#content_homepage {
	width: 585px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}

#footer {
	width: 850px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px -5px 0px;
  font-family : Verdana;
  font-size: 10px;
  	color: #000084;
	background-color: #F0D466;
 	border-top: 1px dotted #EED159;
  	border-bottom: 1px dotted #EED159;
}
#table_content {
	margin: 0px;
	padding: 0px;
	width: 520px;	
}
#table_content_left {
	float: left;
	width: 200px;	

}
#table_content_right {
	margin-left: 200px;
	width: 300px;	
}
.content_title {
	padding-left: 5px;
	background-color: #F0D466;
	width: 500px;
	height: 16px;
	font-family : Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000084;
	border: 1px dotted #EED159;
}

#programme {
	height: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#programme a {	
	font-family: verdana; 
	text-decoration: none; 
	color: #000084; 
	font-weight: normal;
	font-size: 10px;
}

.content_programme {
	padding: 0px 0px 3px 5px;
	width: 585px;
	height: 20px;
	font-family : Verdana;
	font-size: 10px;
	color: #000084;
}

.liste {
	height: 10px;
	border: 1px solid blue;
}

.news_title {  
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000084;
	overflow:auto;
}

.news {  
	font-family: verdana;
	font-size: 10px;
    text-align: justify; 
	color: #000084;
}

.news a {	
	font-family: verdana; 
	text-decoration: none; 
	color: #000084; 
	font-weight: normal;
	font-size: 10px;
}

#news {
    height: 140px;
    width: 259px;
	color: #000084;
    background-color: #fffff;
    border: 0px;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#gouv {
    width: 850px;
	margin: 0px auto 0px auto;
    background-color: #fffff;
    padding-right: 20px;
	padding-left: 20px;
}

#detail {
    height: 200px;
    width: 400px;
    font-weight: normal;
    text-align: justify;
    color: 000084;
	font-family: verdana;
	font-size: 11px;
    background-color: #fffff;
    border: 0px;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

.photo {width:435px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:435px; height:auto; position:relative; z-index:1;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#ffffff;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#fff;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:365px; background:#fff; width:464px; padding:0px 0px; border:0px solid #9bc00c; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:365px; background:#ddd; width:464px; padding:0px 0px; border:0px solid #aaa; z-index:1;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #9bc00c;}

.photo ul.topic li ul li a img
{display:block; width:108px; height:83px; border:1px solid #fff;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#DCEE9F; border-width:1px;}