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

html, body {
	background-image:url(../images/back_global.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:100%;
	padding: 0;
	margin: 0;
}
#site {
	text-align:center;
	width: 799px;
	min-height:100%;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow:hidden;

}
span.cache {
	display:none
}

#top {
	width:799px;
	height:178px;
	margin:0;
	padding:0;
	float:left;
}
#tab {
	text-align:left;
	width:569px;
	margin:0 0 0 20px;
	padding:0;
	float:left;	
	color:#FFF;
	font-size:12px;
}	
div.photo1 {
	background-image:url(../images/photos_top/1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:604px;
	height:178px;
	margin:0 0 0 192px;
	padding:0;
}
div.photo2 {
	background-image:url(../images/photos_top/2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:604px;
	height:178px;
	margin:0 0 0 192px;
	padding:0;
}
div.photo3 {
	background-image:url(../images/photos_top/3.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:604px;
	height:178px;
	margin:0 0 0 192px;
	padding:0;
}
div.photo4 {
	background-image:url(../images/photos_top/4.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:604px;
	height:178px;
	margin:0 0 0 192px;
	padding:0;
}
div.titre_home {
	background-image:url(../images/titre_home/home.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:35px;
	height:313px;
	margin:0;
	padding:0;
	float:left;
}
div.titre_about {
	background-image:url(../images/titre_home/about_us.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:35px;
	height:313px;
	margin:0;
	padding:0;
	float:left;
}
div.titre_products {
	background-image:url(../images/titre_home/products.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:35px;
	height:313px;
	margin:0;
	padding:0;
	float:left;
}
div.titre_contact {
	background-image:url(../images/titre_home/contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:35px;
	height:313px;
	margin:0;
	padding:0;
	float:left;
}
#contenu {
	width:799px;
	margin:0;
	padding:0;
	float:left;
}
#menu {
	text-align:left;
	width:195px;
	margin:0 0 0 -2px;
	padding:0;
	float:left;
}
#menu ul{
	margin: 0;
	padding: 0;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display: inline;
}
#menu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFCC00;
	margin:0 0 15px 25px;
	padding:0;
	}
#menu p a{
	color:#FFCC00;
	margin:0;
	padding:0;
	text-decoration:underline
	}
	#menu p a:hover{
	color:#fdbe12;
	margin:0;
	padding:0;
	text-decoration:underline
	}
#menu a.home{
	width: 195px;
	height: 28px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.home:hover{
	background-image: url(../images/menu/home_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 195px;
	height: 28px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.about{
	width: 195px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.about:hover{
	background-image: url(../images/menu/about_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 195px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.products{
	width: 195px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.products:hover{
	background-image: url(../images/menu/products_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 195px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.contact{
	width: 195px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.contact:hover{
	background-image: url(../images/menu/contact_over.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 195px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#photos_gauche {
	text-align:center;
	width:195px;
	margin:0 0 0 40px;
	padding:0;
	float:left;
}
#photos_gauche img{
	text-align:center;
	width:109px;
	height:109px;
	border:solid 0px;
	margin:5px 5px 20px 5px;
	padding:0;
	float:left;
}
#texte {
	text-align:left;
	width:569px;
	margin:20px 0 0 0;
	padding:0;
	float:left;	
}
#texte p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	color:#CCCCCC;
	margin:5px 35px 25px 20px;
	padding:0;
}
#texte p a{
	color:#CCCCCC;
	margin:0;
	padding:0;
	text-decoration:underline;
}
#texte p a:hover{
	color:#fdbe12;
	margin:0;
	padding:0;
	text-decoration:underline;
}
#texte ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#CCCCCC;
	margin:5px 35px 5px 20px;
	padding:0;
}
#footer {
	text-align:center;
	width:569px;
	margin:15px 0 0 0;
	padding:0;
	float:left;
}	
#footer p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666666;
	margin:5px 35px 15px 20px;
	padding:0;
}
#footer p a{
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:underline;
}
#footer p a:hover{
	color:#fdbe12;
	margin:0;
	padding:0;
	text-decoration:underline;
}
	
h1.h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:left;
	color:#CCCCCC;
	margin:5px 35px 25px 20px;
	padding:0;
}