/* CSS Document
Romain Osi by Niums
 */
 
 * {
	margin:0;
	padding:0; 
 }

		
body,html {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #333333;
				background-color:#EBEAFA;
				margin:0px;
				padding:0px;
				width: 100%;
				height: 100%;
				font-size: 12px;
			}
	
/* ######################################################## TYPOGRAPHIE  */		
			h1 {
				font-size: 16px;
				color: #333333;
			}
			h2 {
				font-size: 14px;
				color: #333333;
			}
			h3 {
				font-size: 12px;
				color: #333333;
			}
			h4 {
				font-size: 12px;
				color: #333333;
			}
			h5 {
				font-size: 12px;
				color: #333333;
			}
			h6 {
				font-size: 12px;
				color: #333333;
			}
			

			a:link {
				color: #333333;
				text-decoration:underline;
			}
			a:visited {
				color: #333333;
				text-decoration:underline;
			}
			a:hover {
				text-decoration: none;
				color: #000000;
			}
			a:active {
				color: #333333;
				text-decoration:underline;
			}
			
			p{
				margin: 4px;
			}
/* ######################################################## AUTRES  */			
						
			img {
				border-color: #CCCCCC;
				border-style: solid;
				border-width: 1px;
			}
			
/* ######################################################## BLOCS  */				
#flashcontent {
				text-align:left;
				margin:0px;
				padding:0px;
				width: 100%;
				min-height: 100%;
				height: 100%;
			}
			
			
#staticContent{
				width: 100%;
				margin:0px auto;
				padding: 0;
				min-height: 100%;
				height: auto !important;
				height: 100%;
			}
			
#contenu{
			width: 100%;
			margin:20px auto;
			padding: 0;		
			overflow:hidden;
		}
			
.contenu{
	margin: 0 auto;
	padding: 10px;
	width:80%;
	}
			
/*
#fleche1{
			margin:0px;
			padding: 0;
			width: 100%;
			height: 530px;
			min-height:530px;
	}

			
			
	#fleche2{
			margin:0px;
			padding: 0;
			width: 100%;
			height: 530px;
			min-height:530px;
	}

			
	#fleche3{
			margin:0px;
			padding: 0;
			width: 100%;
			height: 530px;
			min-height:530px;
			}
			
			
	#fleche4{
			margin:0px;
			padding: 0;
			width: 100%;
			height: 530px;
			min-height:530px;
	}
	
	*/

	#footer {
			color:#FFFFFF;
			background-color:#cccccc;
			margin:150px 0 0 0;
			padding:2px 0 2px 0;
			text-align: center;
			font-size: xx-small;
			clear:both;
			overflow:hidden;
			height:50px;
			}
#footer p {
			margin:0;
			padding:0;
			}
	
		
/* ######################################################## MENU  */	
			
			#menu {
			color:#FFFFFF;
			background-color:#000000;
			padding:0;
			margin:0;
			clear:both;
					
			}
			
			#menu ul {
				padding:0;
				margin:0;
				list-style:none;		
				overflow:hidden; 
				width:100%;
			}
			
			#menu ul li {
				margin:0;
				padding:0;
				float:left; /* pour ie */
				width:20%;
			}
			
				#menu ul li a, #menu ul li a:visited {
				display: block;	
				float:left;
				width:100%;			
				color: #ffffff;
				text-decoration:none;
				padding:10px;
				text-align:center;
				
			}
			
			#menu ul  li a:hover, #menu ul  li a:focus, #menu ul  li a:active {	
				color: #000;
				background-color:#FFF;
			}
			
/* ######################################################## TYPOGRAPHIE  */