@charset "UTF-8";
/* CSS Document */
*
{
	margin:0;
	padding:0;
	border:0;
	font-family:"Gill Sans", "Franklin Gothic Medium" , "Lucida Grande", Arial, Helvetica;
	font-weight:lighter;
	letter-spacing:0px;
	color:#FFFFFF;
}
body
{
	background-color:#000000;
}
#maincontainer
{
	width:950px;
	margin:0 auto;
	position:relative;
}
#header
{
	width:900px;
	height:230px;
	z-index:2;
	position:absolute;
	overflow:hidden;
}
a 
{
	text-decoration:none;
	color:#8fd400;
}
h1 
{
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left;
	text-indent:30px;
	font-weight:lighter;
	line-height:50px;
	font-size:20px;
	display:block;
	margin:10px 10px;
}
.noir{
background:url(../images/gonoir.jpg) left center no-repeat;
}
.gris{
background:url(../images/gogris.jpg) left center no-repeat;
}
.border
{
border:2px solid #FFFFFF;
}
.textenormal
{
	color:#CCCCCC;
	font-size:14px;
}
.textenormal p
{
padding-top:10px;
padding-bottom:10px;
line-height:120%:
}
strong 
{
	color:#8fd400;
	text-shadow:#333333;
}
#wrapheader
{
	position:relative;
	width:900px;
	margin:0 auto;
	height:230px;
}
#menu
{
	list-style-type:none;
	height:50px;
	width:900px;
	background:url(../images/bg.jpg) repeat-x top;
	margin:0 auto;
}
#wrapmenu
{
	width:100%;
	background:url(../images/bg.jpg) repeat-x;
}
#menu li
{
	width:128px;
	float:left;
	text-align:center;
	line-height:50px;
	color:#000000;
}
#menu li a
{
	display:block;
	color:#000000;
	text-decoration:none;
	border:none;
}
#menu li a:hover
{
	background:url(../images/bg.jpg) bottom;
}	
#left 
{
	width:600px;
	height:730px;
	float:left;
	background-color:#000000;
}

#right 
{
	width:350px;
	float:left;
	height:730px;
	background-color:#1C1C1C;
}
#rightcontent
{
width:300px;
margin-left:25px;
}
#ecatalogueaccueil
{
width:500px;
height:300px;
margin-left:50px;
margin-top:30px;
background:url(../images/ecatalogue2.jpg) no-repeat top left;
}
#ecatalogueaccueil a
{
display:block;
width:500px;
height:300px;
}
#ecatalogueaccueil a:hover
{
background:url(../images/ecatalogue2.jpg) no-repeat bottom left;
}
#footer
{
text-align:center;
padding:10px 0;
background-color:#1C1C1C;
border-top:3px solid #8fd400;
}
#inscriptionnewsletter
{
margin-top:20px;
}
#accordion
{
width:500px;
margin:0 auto;
margin-top:20px;
}
#accordion ul
{
list-style-type:none;
}
#accordion ul li
{
height:40px;
line-height:40px;
text-indent:30px;
background:url(../images/bullet_star.jpg) left center no-repeat;
}
#accordion ul li a
{
color:#FFFFFF;
}
#accordion ul li a:hover{
color:#8fd400;
}
#accordion h3
{
height:60px;
line-height:60px;
background-color:#1C1C1C;
text-indent:20px;
}
.servicesleft
{
width:225px;
margin-left:10px;
margin-top:20px;
text-align:center;
line-height:20px;
float:left;
height:300px;
background-color:#1C1C1C;
}
.servicesleft p
{
margin:5px 5px;
text-align:center;
}
#contactform
{
margin-left:75px;
width:800px;
}
.motcle
{
color:#8fd400;
font-size:18px;
font-family:Calibri;
font-style:italic;
}
#offretextile
{
background:url(../images/creatextileindex.jpg) top left no-repeat;
width:260px;
height:130px;
margin-left:20px;
margin-top:26px;
}
#offretextile a
{
display:block;
width:260px;
height:130px;
}
#offretextile a:hover
{
background:url(../images/creatextileindex.jpg) bottom left no-repeat;
}
#offregastronomique
{
background:url(../images/creaoffregastronomique.jpg) top left no-repeat;
width:260px;
height:130px;
margin-left:20px;
margin-top:26px;
}
#offregastronomique a
{
display:block;
width:260px;
height:130px;
}
#offregastronomique a:hover
{
background:url(../images/creaoffregastronomique.jpg) bottom left no-repeat;
}
#offretechno
{
background:url(../images/createchnoindex.jpg) top left no-repeat;
width:260px;
height:130px;
margin-left:20px;
margin-top:26px;
}
#offretechno a
{
display:block;
width:260px;
height:130px;
}
#offretechno a:hover
{
background:url(../images/createchnoindex.jpg) bottom left no-repeat;
}
#merciclients
{
background:url(../images/creamerciclients.jpg) top left no-repeat;
width:260px;
height:130px;
margin-left:20px;
margin-top:26px;
}
#merciclients a
{
display:block;
width:260px;
height:130px;
}
#merciclients a:hover
{
background:url(../images/creamerciclients.jpg) bottom left no-repeat;
}
#epass
{
background:url(../images/epass.jpg) top left no-repeat;
width:260px;
height:106px;
margin-left:20px;
margin-top:26px;
}
#epass a
{
display:block;
width:260px;
height:106px;
}
#christmas
{
background:url(../images/bgnewschristmas.jpg);
}
#christmas a
{
margin-left:100px;
}