/*div{ border: 1px solid black;}*/
html{font-size: 10px;}
body{ width: 100%;height: auto;margin: 0;padding: 0; background-color: #DCE6F0;}
#container{
	position: relative;
	margin: 0 auto 0 auto;
	width: 80em;
	/*height: 40em;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	background-color: #FFF;
 }

#header{

	position: absolute;
	height: 10.3em;
	background-color: #FFF;
	
}
#down_part{

	position: absolute;
	top: 10.3em;
	height: auto;
	background-color: #FFF;
}
#footer{
	position: relative;
	font-size: 0.9em;
	text-align: center;
	width: 100%;
	clear:both;
	background-color: #FFF;
}
#header, #down_part{
	width: 80em;
}
/*ul li {list-style-type: none;/* padding-left: 0; margin-left: 0;}*/

.elt_vignette{
	width: 16em;
	background-color: #DCE6F0;
	float: left;
	margin: 0 0 1em 0;
	border: 1px solid #3481B9;
	z-index: 5;
	padding-bottom: 1em;
}
#footer a{ text-decoration: none; color:#8FADB4;}
#footer p,#footer a:hover{color: #28288A;}
#nav{ position: relative; width: 13.5em; height: auto; margin: 0; float: left;}
#table_vignette{ 
	width: 16em; 
	position: relative; 
	float: right;
	right: 0.6em;
	margin-top: 1.5em;
}
#info_content{ width: 48.5em; position: relative; float: left; }
a img{ border: none;}

.pic_square ul{margin: -0.1em 0.25em 0 0; padding: 0; font: normal 0.8em Arial, Verdana, sans-serif;}
.pic_square ul li{ display: block; list-style: none; text-align: center;}
.pic_square{ float: left; width: 450px; height: auto; margin: 5px 7px; background-color: #fff; border-left: 1px solid black; border-top: 1px solid black; border-right: 2px solid black; border-bottom: 2px solid black;}
.pic_square img{margin: 3px 3px; border-left: 2px solid #ccc; border-top: 2px solid #ccc; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.accro_info{ text-decoration: none;}