body {
	margin:0;
	background:#616161 url(../gpx/fond.jpg) top center no-repeat;
	font-family:Arial;
	font-size:10px;



	}
	
#main{
	width:970px;
	height:570px;
	margin-left :auto;
	margin-right :auto;
	}
	
#top{
	background: url("gpx/top.jpg");
	float:left;
	width:970px;
	height:70px;
	
	}
	
#main2{
	background:#000 url("../gpx/degra.jpg") repeat-x;
	 margin:0px auto;
	 height:350px; 

}
	 
.ctn{

	 height:350px; 
}
	

.ctn1{
	background:#c9c9ca url("../gpx/degra2.jpg") top repeat-x;

	 height:170px; 

	 }

.ctn11{

	float:left;
	 width:240px;
	 height:145px; 
	 margin:0px 0px 0px 2px;
	padding: 5px 0px 0px 0px;
	 }

.ctn11 h1{
	color:#999;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	padding:0px 0px 0px 30px;

}

.ctn11 ul{

	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.ctn11 li a{

	background: url("../gpx/btn_fleche.png") no-repeat;
	font-family:Arial;
	text-align:left;
	font-size:12px;
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	display: block;
	padding:0px 0px 5px 30px;
	margin:2px 0px 0px 0px;
	color: #000;
	border-bottom:0px dotted #999;
}

.ctn11 li a:hover{
	background: url("../gpx/btn_fleche3.png") no-repeat;
	color: #333;
}



.ctn2{

	 width:970px;
	 height:100px; 
	 margin:5px auto;
	 }

.ctn21{

	 width:380px;
	 height:50px; 
	 margin:0;
	float:left;
	 }
.ctn22{

	 width:590px;
	 height:50px; 
	 margin:0;
	float:left;
	 }

h1{

	 font-size:12px;
	 color:#222;
	display:inline;
	 }

	a {
		color:#ffffff;
		text-decoration:none;
	}
	a:hover {
		color:#ccc;
		text-decoration:none;
	}