/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


	
	
	/* Corps */
	body {
		font-family : Verdana, arial, helvetica, sans-serif; 
		background: #ADD8E6;
		text-align: center;		
	}
	body{
		color: #006;
		font-size: 12px;
	}
	a {
		color: #66f;
		text-decoration: none;
	}
	
	
	/* Conteneur */
	#container {		
		width: 948px;
		margin: 0 auto;
		text-align: justify;
	}
	
	
	
	
	
	
	/* Header */
	#header {
		margin: 2% auto 5% auto;
		width: 613px;
		height: 62px;
		background: url(../img/header.png);
	}
	#header h1 { display: none; visibility: hidden; }
	
	
	/* Menus */
		/* Menu haut */
		#menu {
			height: 20px;
			margin: 0; 
			padding: 3px 0;
		}
		#menu li {
			display: inline;			
		}
		#menu a {
			height: 16px; 
			background: #c2ceda; 		
			padding: 8px;
			font-size : 11px; 
			font-weight : bold; 
			color : #fff; 
			text-decoration : none; 		
		}
		#menu a:hover, #menu a.selected {
			background-color:#66f; 
			font-size : 11px; 
			font-weight : bold; 
			color : #fff; 
			text-decoration : none; 
		} 


		
		
		
		/* Sous-menu haut */
		#submenu {
			height: 20px;
			margin: 10px 0 0 0; 
			padding: 3px 0;
		}
		#submenu li {
			display: inline;		
		}
		#submenu a  {
			height: 16px; 
			background: #80A0C6; 		
			padding: 8px;
			font-size : 11px; 
			font-weight : bold; 
			color : #fff; 
			text-decoration : none; 
		}
		#submenu a:hover, #submenu a.selected {
			background-color:#66f; 
			font-size : 11px; 
			font-weight : bold; 
			color : #fff; 
			text-decoration : none; 
		} 		

	
	
	
	/* Contenu */
	#content {
		margin: 15px 0;
	}
	
	/* Footer */
	#footer {
		margin-top: 15px;
	}
	
	#footer, #footer a {
		color: gray;
	}
	
	
	
	/* Boîtes */
	
		/* Boîte 1 */
		.box {
			margin: 1% 0;
			padding: 15px;
			border: 1px solid #aaa;
			background: white;
		}
		
		
		.box li {
			background: url(../img/arrow.png) no-repeat 0% 65%;
			padding-left: 15px;
		}
		
		
				/* Titres */
			.box h2 {
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 6px;
			color: #00008B;			
		}				
		.box h3 {
			font-weight: bold;
			margin-bottom: 3px;
			color: #00008B;			
		}
		
		/* Colonnes */
			.col2 {
				float: left;
				width: 44%;
				margin: 3%;
			}		
			.col3 {
				float: left;
				width: 29%;
				margin: 2%;
			}
			.col4 {
				float: left;
				width: 21%;
				margin: 2%;
			}			
			
		/* Bordures */
		
		
		
		
		
		.smalltext {
			color: gray;
			font-size: 10px;
		}
		
		
		
		#lang_box {
			position:absolute;
			top:10px;
			right:15px;
			width:100px;									
			filter:alpha(opacity=50); /* Internet Explorer */
			-moz-opacity:0.5; /* Mozilla 1.6 and below */
			opacity: 0.5; /* newer Mozilla and CSS-3 */
			
		}