@charset "utf-8";
/* CSS Document */
body{
background:#000;
margin:0;padding:0;

}
	
#main       
{
margin: 0 auto 0;
width: 800px;
height:600px;
position:relative;
text-align:center;


}

/* contenu */
#banniere{
width:800px;
height:179px;
background:url(images/banniere.png) no-repeat;
}

#menu{
width:800px;
height:38px;
font-weight: bold; 
font-size: 14px;
font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
background:url(images/menu.png) no-repeat;
}

#contenu{
width:800px;
height:383px;

font-size: 14px;
font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
color:#090;
background:url(images/contenu.png) no-repeat;

}

#mention{
width:800px;
height:12px;
font-size:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;

}

/* menud deroulant */

#monmenu {
	FONT-WEIGHT: bold; 
	FONT-SIZE:14px; 
	FONT-FAMILY: trebuchet ms,arial,tahoma,verdana,sans-serif;
	color:#000;
	}

#monmenu UL UL {
	BORDER-RIGHT:#FFF 1px solid; /* trait de droite*/
	PADDING-RIGHT: 0px; 
	BORDER-TOP:#FFF 1px solid; /* trait du haut */
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	LEFT: 100px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT:#FFF 1px solid; /* trait de gauche */
	PADDING-TOP: 20px; 
	BORDER-BOTTOM:#FFF 1px solid;  /* trait du bas */
	POSITION: absolute; 
	TOP: -1px
}
#monmenu LI {

	PADDING-BOTTOM: 2px;
	MARGIN: 0px;
	WIDTH: 120px;
	PADDING-TOP: 2px;
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	BACKGROUND-COLOR:#FFF /* fond*/
}
#monmenu LI:hover {
COLOR:#090;/* fond survole */
}
#monmenu LI.sfhover {
COLOR:#CCC;
}
#monmenu LI A {
	TEXT-DECORATION: none
}
#monmenu LI:hover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#main #contenu table tr td {
	text-align: center;
}

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



#boxA a {color: #000; text-decoration: none;}

#boxA a:hover {color: #090;}

#boxB a {color:#FFF;}

#boxB a:hover {color:#0C0;}






/*zoom*/
.zoom1 {height:200px;margin:auto;}
.zoom1 p {text-align:center;}
.zoom1 img {width:100px;height:65px;}
.zoom1 img:hover {width:300px; height:195px;}

.zoom2 {height:200px;margin:auto;}
.zoom2 p {text-align:center;}
.zoom2 img {width:100px;height:75px;}
.zoom2 img:hover {width:300px;height:225px;}

.zoom3 {height:200px;margin:auto;}
.zoom3 p {text-align:center;}
.zoom3 img {width:100px;height:72px;}
.zoom3 img:hover {width:300px;height:217px;}

.zoom4 {height:200px;margin:auto;}
.zoom4 p {text-align:center;}
.zoom4 img {width:84px;height:54px;}
.zoom4 img:hover {width:252px;height:162px;}

.zoom5 {height:200px;margin:auto;}
.zoom5 p {text-align:center;}
.zoom5 img {width:100px;height:54px;}
.zoom5 img:hover {width:300px;height:162px;}

.zoom6 {height:150px;margin:auto;}
.zoom6 p {text-align:center;}
.zoom6 img {width:53px;height:73px;}
.zoom6 img:hover {width:160px;height:219px;}

.zoom7 {height:150px;margin:auto;}
.zoom7 p {text-align:center;}
.zoom7 img {width:100px;height:65px;}
.zoom7 img:hover {width:300px;height:180px;}



#main #mention {
	color: #FFF;
}