html{
	height:100%;
}
body{
	margin:0;
	padding:0;
	line-height: 1.3em;
 	background-image: url(body-bg.jpg);
	background-repeat: repeat;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 85%;
	/*text-align:center;*/
}

b{
	font-size: 110%;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding:2px;
	margin:0;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	padding:2px;
	margin:0;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 103%;
	padding:2px;
	margin:0;
}

#maincontainer{
	width:1000px;	
	border-left:2px solid #FF6600;
	border-right:2px solid #FF6600;
	margin-left:auto; 
	margin-right:auto; 
	background: #FFFFFF;
	color:#003399;
	height:730px;
}
#centre{
	width:1000px;	
	border-left:2px solid #FF6600;
	border-right:2px solid #FF6600;
	margin-left:auto; 
	margin-right:auto; 
	background: #FFFFFF;
	color:#003399;
}

#html_container{
	float:left;
	margin-left:5px;
	padding:5px;
	border:1px solid #ccc;
	width:950px;
	height:650px;
}

html>body #html_container {
	float:left;
	margin-left:1px;
	padding:1px;
	border:1px solid #ccc;
	width:960px;
	/*min-height:1200px;*/
	height: auto;

} 


#topsection{
background: #213141;
color:#FFFFFF;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}
#vert_spacer{
	height:15px;
}
#menusup{
	height:25px;	
}
#chromemenu{
width: 998px;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-weight: bold;
font-size: 90%;
margin:0;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.jpg) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #FFFFFF;
background: url(chromebg.jpg) center center repeat-x;
background-color: #FFFFFe;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(chromebg2.jpg) center center repeat-x;
}


#contentwrapper{
float: left;
width:780px;
background: #213141;
color:#FFFFFF;
text-align:left;
}

#contentcolumn{
	margin-left: 10px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
background: #FFFFFF;
color:#003399;
}

#leftcolumn p{
	padding-left:10px;
}

#blueblock{
width: 199px;
border-right: 1px solid #FFF;
padding: 0 0 1em 1px;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
float:left;
border-bottom: 5px solid #000;
}

* html #blueblock{ /*IE 6 only */
width: 150px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}


html>body #blueblock li a{ /*Non IE6 width*/
 width: 160px;
}


#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


#footer{
	width: 1000px;
	height:22px;
	margin-left:auto; 
	margin-right:auto; 
	background: url(chromebg.jpg) center center repeat-x;
	background-color:#FFFFee;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 75%;
	color: #FFF;
	text-align: center;
	padding:0;
	border-left:2px solid #FF6600;
	border-right:2px solid #FF6600;
}

#footer a{
	color: #FFFFFF;
	background: url(chromebg.jpg) center center repeat-x;
	background-color:#FFFFee;

}

/*
#roundMe1{
	float: left;	
	margin:10px 5px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
	color:#003399;
	width:700px;
	min-height:475px;
	height:475px;
}
*/

.content_noborder{
	float: left;	
	margin:10px 5px;
	padding:5px;
	background-color:#fff;
	color:#003399;
	width:750px;
	min-height:475px;
	height:475px;
	overflow-y:scroll;
}

#roundDivBlueLight{
	float: left;	
	margin:10px 5px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#7A9BB3;
	color:#FFFFFF;
	width:480px;
	min-height:180px;
	height:180px;
}
#roundDivBlueLight h1{ 
	color:#213141;
	font-size: 95%;
	margin-left:10px;

}
.divleft{
	float: left;	
	width:480px;
	margin-top:20px;	
}

.divleft H1{
	color:#ffffff;
	font-size: 87%;
	text-align:center;
}

.divRight{
	float: right;	
	width:480px;
	margin-top:10px;		
}
.divRight H1{
	color:#ffffff;
	font-size: 87%;
	text-align:center;
}

.news{
	padding:5px;
	margin:5px;
	border:1px solid #CCC;	
}

.news_img_left{
	float:left;
	margin-right:7px;
	padding:1px;
	border:1px solid #FFFFFF;
	background-color:#213141;
}

.news_img_shadow{
	padding:2px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;	
}

.news_img_left_shadow{
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:7px;
	padding:2px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
}

.news p{
	font-size:12px;
}

.negative{	
	left:-600px;
	top:-40px;
	height:2px;
	width:500px;
	overflow:auto;
}

.verylight{
	background-color:#EEEEEE;
	color:#003399;
	padding:10px;
	margin:5px;
	border:1px solid #000;
}
.clr{
	clear:both;
}


form.css{
	padding:0;
	margin:0;
}

form.css fieldset {
  padding: 0.7em;
  margin:0;
  color:#333;
  background-color:#FFF;
  }
form.css label {
  display: inline;
  float: left;
  width: 140px;
  padding:4px; 
}
form.css input {
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
	width:250px;
	height:13px;
	padding-bottom:2px;	
}

form.css select {
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
}

form.css textarea {
	font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
	width:250px;
	height:150px;	
}

form.css input.bt {
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#AAA;	
	border:1px solid #333;
	width:120px;
	height:20px;	
}

.form_div_error{
	width:200px;
	background-color:#FF0000;
	color:#FFFFFF;
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;	
}

.little_thumbnail {
	/*position:relative;*/
	padding:3px;
	text-align:center;
	border : 1px solid #CCCCCC;
	float : left;
	margin-right : 10px;
	margin-bottom : 10px;
	width:100px;
	height:100px;
}

.big_thumbnail {
	padding:10px;	
	border:1px solid #666666;
	background-color:#EFEFEF;
}

.thumbnail {
position:relative;
padding-top:5px;
text-align:center;
border : 1px solid #CCCCCC;
float : left;
margin-right : 10px;
margin-bottom : 10px;
width:125px;
height:125px;
font-size:11px;
}
.thumbnailover{
position:relative;
padding-top:5px;
text-align:center;
border : 1px solid #666;
float : left;
margin-right : 10px;
margin-bottom : 10px;
width:125px;
height:125px;
font-size:11px;
background-color:#EFFFFF;
}

.img_galery_border{
	border : 1px solid #CCCCCC;	
	padding:2px;	
}
#big_img_galery{
	margin-left:50px;
	padding:5px;
	width:900px;
	border:0px solid #CCC;
	z-index:50;
	text-align:center;
	height:600px;
}

html>body #big_img_galery {
	margin-left:50px;
	padding:5px;
	width:900px;
	border:0px solid #CCC;
	z-index:50;
	text-align:center;
	height: auto;
	min-height:600px;
} 

.titre_galerie_photo{
	font: bold 120% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#FF0000;
	background-color:#FFFFFF;
	
}
#sub_menu_plan p{
		font-family: Trebuchet MS, Trebuchet, Bitstream Vera Sans, Verdana, sans-serif;
		font-size: 12px;
}