@charset "utf-8";
/* CSS Document */

body{background-color:#000; ; margin:0; padding:0;}
#main{margin: 0 auto 0; width:768px; height:1024px; position:relative; text-align:center; }

/*banniere*/

#banniere{
	width:768px;
	height:304px; 
	background:url(image/banniere.png) no-repeat;

	/height:1%;
	}
#bloc_gauche{
	width:202px;
	height:720px;
	float:left;
}

	
#menu{
	width:202px;
	height:522px;
	background:url(image/col_menu.png) no-repeat;
	float:left;
		color:#000;
	font-size:18px;
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
}


#application{
	width:202px;
	height:198px;
	background:url(image/apli.png) no-repeat;
	float:left;
}

#bloc_droit{
	width:566px;
	height:720px;
	float:right;
}



#mention{
	width:566px;
	height:50px;
	background:url(image/mention.png) no-repeat;
	float:right;
}

#contenu{
	width:566px;
	height:670px;
	background:url(image/contenu.png) no-repeat;
	float:right;
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
}
/*------------------------------*/
h4{
	padding-bottom:3px;
}

a:link {
	color: #969692;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #969692;
}
a:hover {
	text-decoration: none;
	color:#000;
}
a:active {
	text-decoration: none;
	color: #969692;
}
/*--------zoom---------*/
/*zoom*/

.zoom2 {
width:400px;

}
.zoom2 p {
text-align:center;
}
.zoom2 img {
width:400px;
height:199px;

}
.zoom2 img:hover {
width:700px;
height:348px;
}