body { background-color:#040404;background-image:url(../images/background-site.jpg); background-repeat:repeat-x;font-family: Arial, Helvetica, sans-serif ; letter-spacing:inherit; font-stretch:narrower;
color: #fff; font-size:13px; padding:0px; margin:0px;  }




#site{ width:1200px;; height:720px; margin:auto;   }
#banner{ width:1200px; height:100px; background-color:#000; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:right;  }

#banner2{ width:1200px; height:100px; background-color:#000; background-image:url(../images/banner2.jpg); background-repeat:no-repeat; background-position:right;  }

#banner3{ width:1200px; height:100px; background-color:#000; background-image:url(../images/banner3.jpg); background-repeat:no-repeat; background-position:right;  }
#btn-left{ width:145px; height:469px;  float:left;}
#btn-right{ width:145px; height:469px;  float:left;}

#contenu{ width:900px; height:520px; float:left; border: 4px solid #ccc; }

#text{ width:570px; height:520px; background-image:url(../images/bg1.jpg); float:left; font-family:Arial, Helvetica, sans-serif;   }

#menu-gauche{ width:150px; height:519px; float:left; background-image:url(../images/menug.jpg);}
#menu-droite{ width:180px; height:519px; float:right;  background-image:url(../images/menud.jpg);}

#menu-top{ width:585px; height:25px; font-family: Arial;  float:right; margin-right:80px; text-transform: uppercase; font-size:12px; font-weight:bold;  color:#fae100;}
A:link {color:#fae100;text-decoration: none; font-weight:bold; }
A:visited {color:#fae100;text-decoration: none;}
A:active {color:#fae100;text-decoration: none;}
A:hover { color:#fff;text-decoration: underline;  }

#menu-top-g{ width:575px; height:25px; font-family: Arial;  float:right; margin-right:80px; text-transform: uppercase; font-size:12px; font-weight:bold; color:#95c559;}
#menu-top-g A:link {color:#95c559;text-decoration: none; font-weight:bold; }
#menu-top-g A:visited {color:#95c559;text-decoration: none;}
#menu-top-g A:active {color:#95c559;text-decoration: none;}
#menu-top-g A:hover { color:#fff;text-decoration: underline; }

#menu-topr{ width:700px; height:25px; font-family: Arial;  float:right; margin-right:80px; text-transform: uppercase; font-size:12px; font-weight:bold;  color:#c12332;}
#menu-topr A:link {color:#c12332;text-decoration: none; font-weight:bold; }
#menu-topr A:visited {color:#c12332;text-decoration: none;}
#menu-topr A:active {color:#c12332;text-decoration: none;}
#menu-topr A:hover { color:#fff;text-decoration: underline; }






#menu1 {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menu1 li  {
	list-style:none;

	}	
#menu1 li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu1.png);
	padding: 8px 0 0 35px;
	}
	
#menu1 li a:hover {
	color: #FFF;
	background:  url(../images/menu1.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu1 li a:active {
	color: #000;
	background:  url(../images/menu1.png) 0 -32px;
	padding: 8px 0 0 35px;
	}

#menu2 {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menu2 li  {
	list-style:none;

	}	
#menu2 li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu2.png);
	padding: 8px 0 0 35px;
	}
	
#menu2 li a:hover {
	color: #FFF;
	background:  url(../images/menu2.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu2 li a:active {
	color: #000;
	background:  url(../images/menu2.png) 0 -32px;
	padding: 8px 0 0 35px;
	}

#menu3 {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menu3 li  {
	list-style:none;

	}	
#menu3 li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu3.png);
	padding: 8px 0 0 35px;
	}
	
#menu3 li a:hover {
	color: #FFF;
	background:  url(../images/menu3.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu3 li a:active {
	color: #000;
	background:  url(../images/menu3.png) 0 -32px;
	padding: 8px 0 0 35px;
	}

#menu4 {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menu4 li  {
	list-style:none;

	}	
#menu4 li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu4 li a:link, #menu4 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu4.png);
	padding: 8px 0 0 35px;
	}
	
#menu4 li a:hover {
	color: #FFF;
	background:  url(../images/menu4.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu4 li a:active {
	color: #000;
	background:  url(../images/menu4.png) 0 -32px;
	padding: 8px 0 0 35px;
	}

#menu5 {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menu5 li  {
	list-style:none;

	}	
#menu5 li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu5.png);
	padding: 8px 0 0 35px;
	}
	
#menu5 li a:hover {
	color: #FFF;
	background:  url(../images/menu5.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu5 li a:active {
	color: #000;
	background:  url(../images/menu5.png) 0 -32px;
	padding: 8px 0 0 35px;
	}

#demo-2 img {
		opacity: 9;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	#demo-2 img:hover{
		opacity: .9;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms; 
	}
		.demobox{
		float:left;
		
		width:145px;
		height:478px;
		
		overflow:hidden;
	}
	
#menud {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menud li  {
	list-style:none;

	}	
#menud li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menud li a:link, #menud li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menud.png);
	padding: 8px 0 0 35px;
	}
	
#menud li a:hover {
	color: #FFF;
	background:  url(../images/menud.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menud li a:active {
	color: #000;
	background:  url(../images/menud.png) 0 -32px;
	padding: 8px 0 0 35px;
	}
	
	
	#menup {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menup li  {
	list-style:none;

	}	
#menup li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menup li a:link, #menup li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menup.png);
	padding: 8px 0 0 35px;
	}
	
#menup li a:hover {
	color: #FFF;
	background:  url(../images/menup.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menup li a:active {
	color: #000;
	background:  url(../images/menup.png) 0 -32px;
	padding: 8px 0 0 35px;
	}
	#menu-g {
	width: 200px;
	float:left; margin-left:20px;	
	}
	
#menu-g li  {
	list-style:none;

	}	
#menu-g li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu-g li a:link, #menu-g li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu-g.png);
	padding: 8px 0 0 35px;
	}
	
#menu-g li a:hover {
	color: #FFF;
	background:  url(../images/menu-g.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu-g li a:active {
	color: #000;
	background:  url(../images/menu-g.png) 0 -32px;
	padding: 8px 0 0 35px;
	}
	
#menu-pr {
	width: 200px;
	float:left; margin-left:11px;	
	}
	
#menu-pr li  {
	list-style:none;

	}	
#menu-pr li a {
	height: 22px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu-pr li a:link, #menu-pr li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/red/menu-pr.png);
	padding: 8px 0 0 35px;
	}
	
#menu-pr li a:hover {
	color: #FFF;
	background:  url(../images/red/menu-pr.png) 0 -33px;
	padding: 8px 0 0 35px;
	}
	
	#menu-pr li a:active {
	color: #000;
	background:  url(../images/red/menu-pr.png) 0 -32px;
	padding: 8px 0 0 35px;
	}