body{
		background-color: #333333;
		/*background: url(../img/bg_2.gif) no-repeat;*/
		padding:0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:center;
	}
	div, h1, p, h2, ul, li{
		margin:0;
		padding:0;
		text-align:left;
	}
	
	h1{
		font-size: 18px;
		color:#00C4FF;
		padding: 10px 0 0 15px;
		text-align:left;
	}
	
	
	.container{
		border:2px solid #00C4FF;
		width:1000px;
		height:684px;
		background: url(../img/bg_2.gif) no-repeat;
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
	}
		
	.container h1{
		font-size: 18px;
		color:#00C4FF;
		padding: 10px 0 0 15px;
		text-align::left;
	}
	
	.blocrouge{
		border:1px solid red;
		width:210px;
		height:170px;
		margin:15px 15px 0 0;
		float:left;
	}
	
	.blocrouge h2{
		background-color: red;
		padding:0 0 2px 5px;
		margin-bottom: 5px;
		color:white;
		text-transform: uppercase;
		font-size:11px;
	}
	
	.blocrouge ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.blocrouge li{
		padding-left: 3px;
	}
	
	.blocrouge a{
		padding-left:14px;	
		height:18px;	
		background: url(img/pict_fleches.gif) no-repeat 5px 4px;
		display:block;
		color:#736A6B;
		text-decoration:none;
		font-size: 11px;
	}

	.blocrouge a:hover{
		color:red;
		background: url(img/pict_fleches.gif) no-repeat 5px -10px;
	}

	.blocnoir{
		border:1px solid black;
		background-color: white;
		width:210px;
		/*height:170px;*/
		margin:15px 15px 0 15px;
		float:left;
	}
	
	.blocnoir h2{
		background-color: black;
		padding:0 0 2px 5px;
		margin-bottom: 5px;
		color:white;
		text-transform: uppercase;
		font-size:11px;
	}
	
	.blocnoir ul{
		list-style: none;
		padding: 0;
		margin: 0;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity: 1;
	}
	
	.blocnoir li{
		padding-left: 3px;
	}
	
	.blocnoir a{
		padding-left:14px;	
		height:18px;	
		background: url(img/pict_fleches.gif) no-repeat 5px 4px;
		display:block;
		color:#736A6B;
		text-decoration:none;
		font-size: 11px;
	}

	.blocnoir a:hover{
		color:black;
		background: url(img/pict_fleches.gif) no-repeat 5px -10px;
	}	
	
	
	.blocgris{
		border:1px solid black;
		width:210px;
		height:170px;
		margin:15px 15px 0 0;
		float:left;
	}
	
	.blocgris h2{
		background-color: black;
		padding:0 0 2px 5px;
		margin-bottom: 5px;
		color:white;
		text-transform: uppercase;
		font-size:11px;
	}
	
	.blocgris ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.blocgris li{
		padding-left: 3px;
	}
	
	.blocgris a{
		padding-left:14px;	
		height:18px;	
		background: url(img/pict_flechegrise.gif) no-repeat 5px 4px;
		display:block;
		color:#736A6B;
		text-decoration:none;
		font-size: 11px;
	}

	.blocgris a:hover{
		color:black;
		background: url(img/pict_flechesgrise.gif) no-repeat 5px -10px;
	}	


	.blocrose{
		border:1px solid #00C4FF;
		width:210px;
		background-color: white;
		/*height:170px;*/
		margin:15px 15px 0 15px;
		float:left;
	}
	
	.blocrose h2{
		background-color: #00C4FF;
		padding:0 0 2px 5px;
		margin-bottom: 5px;
		color:white;
		text-transform: uppercase;
		font-size:11px;
		font-style: strong;
	}
	
	.blocrose ul{
		list-style: none;
		padding: 0 0 5px 0;
		margin: 0;
	}
	
	.blocrose li{
		padding-left: 3px;
	}
	
	.blocrose a{
		padding-left:14px;	
		height:18px;	
		background: url(../img/pict_flechesrose.gif) no-repeat 5px 4px;
		display:block;
		color:#4D4D4D;
		text-decoration:none;
		font-size: 11px;
	}

	.blocrose a:hover{
		color:#00C4FF;
		background: url(img/pict_flechesrose.gif) no-repeat 5px -10px;
		text-decoration:underline;
	}