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

Body
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
#menu a
{
	color:#626262;
}
a
{
	color:#C00;
	text-decoration:none;
	font-weight:bold;
}
img
{
	border:none;
}
#wrap
{
	width:930px;
	background:url(../images/ombre.png) repeat-y;
	margin-left:auto;
	margin-right:auto;
}
#big-container
{
	width:923px;
	margin-left:4px;
}
#banner
{
	width:923px;
	height:65px;
	padding-top:20px;
	background:url(../images/banner.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
}
#menu-limit-right
{
	width:22px;
	height:36px;
	background:url(../images/menu-limit-d.png) no-repeat;
	float:left;
}
#menu-limit-left
{
	width:22px;
	height:36px;
	background:url(../images/menu-limit-g.png) no-repeat;
	float:left;
}
#menu-center
{
	height:36px;
	/*padding-top:10px;*/
	background:no-repeat;
	float:left;
	background:url(../images/menu-bg.png) repeat-x;
}
#menu
{
	height:36px;
	float:right;
	margin:0px 20px 0px 0px;
	
}
#menu li
{

	float:left;
	list-style:url(../images/menu-sep.png);
	padding-right:20px;

}
#menu ul
{
	padding:0px;
	margin:9px;
}
#container-home
{
	width::923px;
	background:url(../images/bg-accueil.png) no-repeat;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
}
#container
{
	width::903px;
	background:url(../images/bg.png) repeat-x bottom;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
#container p 
{
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}
.titre
{
	font-size:20px;
	color:#3C3C3C;
	
	/*padding-top:3px;*/
	width:95%;
	
	border-bottom:#999 dotted 1px;
	margin-left:auto;
	margin-right:auto;
	color:# 666;
	margin-top:15px;
}
.titre2
{
	font-size:16px;
	border-bottom:#999 dotted 1px;
	
	/*padding-top:3px;*/
	color:# 666;
}
.adress
{
	width:35%;
	border:1px #CCC solid;
}
.adress-div
{
	background:#CCC;
	margin:5px 5px 5px 5px;
	padding:10px 10px 10px 10px;
}
.next
{
	width:16px;
	height:16px;
	float:right;
	margin-right:25px;
}
/*.titre-limit-g
{
	height:40px;
	background:url(../images/titre-limit-g.png) no-repeat;
	float:left;
	width:12px;
	margin-left:30px;
	margin-top:20px;
}
.titre-limit-d
{
	height:40px;
	width:11px;
	background:url(../images/titre-limit-d.png) no-repeat;
	float:left;
	margin-top:20px;
}*/
#home-left-part
{
	width:580px;
	float:left;
	padding:230px 0px 0px 10px;;
}
#home-intro-limit-top
{
	width:500px;
	height:29px;
	background:url(../images/presentation-limit-top.png) no-repeat;
	font-weight:bold;
	padding:10px 0px 0px 66px;
	font-size:14px;
}
#home-intro-limit-bottom
{
	width:566px;
	height:16px;
	background:url(../images/presentation-limit-bottom.png) no-repeat;
}
#home-intro-bg
{
	
	background:url(../images/presentation-bg.png) repeat-y;
	text-align:justify;
	padding:10px;
	width:546px;
}
#home-right-part
{
	width:300px;
	float:right;
	margin:10px 10px 0px 0px;;
}
#Produits
{
	padding:30px 0px 0px 0px;
}
#categorie
{
	color: #000;
	text-align: left;
	height:  auto;
	width:300px;
	padding-top:10px;
	margin-left:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

.prod li a
{
	color:#626262;
}
.prod li
{
	list-style: url(../images/arrow.png);
}

.cat-products
{
	width:50%;
	float:left;
	margin-bottom:5px;

}
.Produit
{
	margin:30px 0px 0px 20px;
	float:left;
	text-align:center;
}
.logo-produit
{
	text-align:center;
}
#title-produits-services
{
	background:url(../images/produits-services_BG-titles.jpg) no-repeat;
	height:61px;
	padding:20px 0px 0px 0px;
	color:#505050;
	font-size:16px;
	font-weight:bold;
	
}
.bloc-gamme
{
	width:261px;
	padding:10px 10px 0px 10px;
	float:left;
	margin-right:5px;
	text-align:justify;
	
}
#title-produits-services td
{

	padding-left:10px;
	
}
.contact-local
{
	width:110px;
	height:33px;
	padding-top:5px;
	background:url(../images/contact-local.png) no-repeat;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.contact-local2
{
	width:130px;
	height:33px;
	padding-top:5px;
	background:url(../images/contact-local2.png)  no-repeat;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.bloc-contact
{
	width:270px;
	margin-left:15px;
	float:left;
	margin-top:20px;
}
#footer
{
	background-color:#383838;
	color:#FFF;
	text-align:center;
	height:35px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.transfontboxs
{
position:absolute;
width :100%;
height:100%;
left:0px;
top : 0px;
background-color:#000;
/* for IE */
/*filter:Alpha(opacity=100, finishopacity=80, style=2);*/
/*filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);*/
/* CSS3 standard */
opacity:0.6;
z-index:11;
display:none;
-moz-opacity:0.6;
}
.link_pdf
{
	float:left;
	width:400px;
	text-align:center;
}

/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		/*background-image:url(../images/bk.png);		*/
		color:#fff;
		max-width:850px;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 0 10px;
		font-weight:normal;
		font-size:16px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
	}
	
	#triggers img {
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
	}
	/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*background-image:url(../images/bk.png);*/
	background:#383838;
	border:solid 3px;
	border-color:#CCC;
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	/*width:450px*/;		
	
	/* some padding to layout nested elements nicely  */
	padding:0px 10px 0px 0px;

	/* a little styling */	
	font-size:11px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 70px 1px #000;
	-webkit-box-shadow: 0 0 70px #000;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:-10px; top:-10px;
	cursor:pointer;
	height:26px;
	width:26px;
}
.details{
	float:left;
	width:450px;
}
.black img
{
	float:left;
}

.no-float
{
	float:none;
}

.details li a
{
	color:#FFF;
	cursor:auto;
}
.details li
{
	list-style: url(../images/arrow2.png);
	font-size:14px;
}
#details{
	font-size:15px;
}
#img-precima
{
	width:281px;
	height:155px;
	margin-left:0px;
	}
.map
{
	-moz-box-shadow:0 0 70px 1px #000;
	-webkit-box-shadow: 0 0 70px #000;
}
#txt
{
	float:left;
height:155px;
width:880px;
margin-bottom:15px;
}
.txt2
{
	float:left;
height:155px;
width:590px;
text-align:justify;
}
#logo
{
	width:215px;
	height:34px;
	float:left;
	margin-top:5px;
	
	}