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


body { margin:0;
padding:0;
 }
/*#############################Bg slider#########################*/
/*html { 
	background: url(images/bg1.jpg) no-repeat center center fixed;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

.navleft h3 {
	color: #FFF;
	font-size: 18px;
	background-color: #3CF;
	padding-left: 6px;
	margin-bottom:-18px;
}
	
	#page_overlay {
		width:100%;
		z-index:2;
	}
		/* Display on top of slideshow */
		z-index:2;	
		position:relative; /* This is very important! */	
	}
	
	img#bg {
		/* Stretch background */
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:0;
	}
	
	#bg_grid {
		position:fixed; /* This is very important! */
		top:0;
		left:0;
		height:100%;
		width:100%;
	    background: url(grid.png) repeat;
			
		/* Display on top of background */
		z-index:1;
	}

/*#############################end Bg slider#########################*/


 h2 { font-family: Verdana, Geneva, sans-serif;
 color:#3B2F7E;
 font-size:20px;
 padding:0;
 margin:6px 0 0 0;
 }

abbr, article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, mark, progress, output, meter, hgroup, section, video { display: block; }

.container {
width:100%;
	min-height: 800px;
	padding: 0px;
	margin-top:0px;
	width: 937px;
	margin-top:-10px;
	margin-right: auto;
	margin-left: auto;
}

.logo {
	float: left;
	height: 130px;
	width: 180px;
	margin-top:0;
	margin-left:20px;
	position: absolute;
	z-index:10;
}
.navtop {
	float: left;
	height: 15px;
	margin-top:30px;
	width: 917px;
	position: absolute;
	z-index:1;
	font-family: Arial;
	font-size: 20px;
	background-color:#fff;
	padding: 10px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	-webkit-box-shadow: -1px -1px 5px rgba(0, 50, 50, 0.75);
	-moz-box-shadow:    -1px -1px 5px rgba(0, 50, 50, 0.75);
	box-shadow:         -1px -1px 5px rgba(0, 50, 50, 0.75);
	
}


a.button {
	float: left;
	display: block;
	background: #9C3;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 1px 10px;
	margin-right: 6px;
}
.button:hover {
background: #42aaff;
}

.barretop {
	background-image: url(images/pucetop-bg.png);
	text-align: center;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
.content {
	background-color: #fff;
	min-height:700px;
	padding: 0px;
	margin-top:1px;
	padding: 10px 10px 10px 0;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
	-webkit-box-shadow: -1px -1px 5px rgba(0, 50, 50, 0.75);
	-moz-box-shadow:    -1px -1px 5px rgba(0, 50, 50, 0.75);
	box-shadow:         -1px -1px 5px rgba(0, 50, 50, 0.75);
}

.content-home {
	background-image:url(images/puce.png);
	min-height:900px;
	padding: 0px;
	margin-top:1px;
	padding: 10px 10px 10px 0;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
	-webkit-box-shadow: -1px -1px 5px rgba(0, 50, 50, 0.75);
	-moz-box-shadow:    -1px -1px 5px rgba(0, 50, 50, 0.75);
	box-shadow:         -1px -1px 5px rgba(0, 50, 50, 0.75);
}

.header {
	height: 130px;
	margin:0;
	padding:0;

}
.navtop ul {
	font-family:Verdana, Geneva, sans-serif;
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	color: #3B2F7E;
	margin-top:0px;
	margin-left:160px;
}
.navtop ul li {
	float: left;
	padding-left: 20px;	
}

.navtop ul li a {	
	text-decoration:none;
	color:#40318f;

	}
.navtop ul li a:hover {	

	text-decoration:none;
	color:#8f3181;
	}
	
/**************************************************/

.navtop li ul { opacity: 0; 
			position: relative; 
			left: 0;
			width:110px;
			background: #FFF; 
			list-style-type: none;
			padding: 0; 
			margin: 0;
			font-size:12px;
			display: block;
			 }
.navtop li:hover ul { opacity: 1; }
.navtop li ul li { float: none; background: none; padding:1px 2px 2px 0; margin-top:2px; }
.navtop li:hover ul li { height: 10px; line-height: 10px; margin-left:0; }
.navtop li ul li a { background: #fff; }
.navtop li ul li a:hover { color:#8f3181; }

/*******************************************************/
	
/* partie positionnement et déco */  
#menu a {  
    display:block;  
    color: #fff;  
    text-decoration:none;  
}  
/****************************************/
	

	
	/*****************************************************/

.navleft {
	width: 200px;
	float: left;
	margin: 0px;
	padding-top: 140px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-right: 1px solid #e2ddff;
}
.content-corp {
	float: left;
	width: 710px;
	margin-left: 10px;
	background-color: #fff;
}

.content-corp-home {
	float: left;
	width: 920px;
	margin-left: 10px;
	margin-top:8px;
}

.subcontent-corp-home p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin:0;
	padding:6px;
	
}
.banner {
	height: 180px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

.banner-home {
	height: 214px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.navleft ul {
	border-top: 1px solid #e2ddff;
	list-style-type: none;
	padding-left: 0px;
}
.navleft ul li {
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block; 
	font-family: Verdana, Geneva, sans-serif;
}

.navleft ul li a { text-decoration:none;
padding: 10px 0px 10px 14px;
border-bottom: 1px solid #e2ddff;
	display: block; 
	text-decoration: none;
	color: #000;
}
.navleft ul li a:hover { 
padding: 10px 0px 10px 14px;
border-bottom: 1px solid #e2ddff;
	background-color: #F60;
	color: #fff;
}
.subcontent-corp {
	padding-left: 10px;
}

.subcontent-corp-home {
	padding-left: 10px;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 13px 13px;
	border-radius: 13px 13px 13px 13px;
	background-color:#FFF;
	-webkit-box-shadow: -1px -1px 5px rgba(0, 50, 50, 0.75);
-moz-box-shadow:    -1px -1px 5px rgba(0, 50, 50, 0.75);
box-shadow:         -1px -1px 5px rgba(0, 50, 50, 0.75);

}
.subcontent-corp p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin:0;
}
.footer {
	color: #330;
	height: 200px;
	background-image: url(images/bg-footer.jpg);
	background-repeat: repeat-y;	
	}
.content .content-corp div ul {
	margin-left:20px;
	list-style-type: none;
}
.content-corp div ul li {
	float: left;
	padding-right: 40px;
}
.content-corp div ul li img {
	border: 6px solid #EFEFEF;
}
.subcontent-corp-home-left {
	width: 200px;
	height: 183px;
	padding-left: 0px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
	background-color:#FFF;
-webkit-box-shadow: -1px -1px 5px rgba(0, 50, 50, 0.75);
-moz-box-shadow:    -1px -1px 5px rgba(0, 50, 50, 0.75);
box-shadow:         -1px -1px 5px rgba(0, 50, 50, 0.75);
}

.subcontent-corp-home-right {
	width: 440px;
	height: 183px;
	float:right;
	margin-left:12px;
	margin-bottom:20px;
	margin-top:10px;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
	background-color:#FFF;
-webkit-box-shadow: -1px -1px 5px rgba(0, 50, 50, 0.75);
-moz-box-shadow:    -1px -1px 5px rgba(0, 50, 50, 0.75);
box-shadow:         -1px -1px 5px rgba(0, 50, 50, 0.75);
}

/*#######################################################*/
#slider {
    width: 920px;
    height:370px; 
    position: relative; 
	overflow: hidden;
}
#sliderContent, #slider1Content {
   width: 920px; 
    position: absolute;
	margin:0;
	padding:0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
   }

.slider1Image span {
  
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

.footer-content ul{ list-style-type: none;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#CCC;
}

.footer-content ul a{ text-decoration:underline;
color:#9C3;
	}
	
.footer-content ul a:hover{ text-decoration:none;
color:#FC0;
	}

/*##########################Slid Bcground #############################*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}.subcontent-corp-home-left p {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: 12px;
	padding-left:8px;
	margin-top:20px;
}
.subcontent-corp-home-right p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top:20px;
	padding-left: 8px;
}
.subcontent-corp-home-left h2 {
	background-color: #F90;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px
	display: block;
	color: #FFF;
	position: absolute;
	padding-left: 0px;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
}
.subcontent-corp-home-right h2 {
	background-color: #09F;
	display: block;
	color: #FFF;
	position: absolute;
	padding-left: 8px;
	width: 432px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	-webkit-border-radius: 13px 13px 0 0;
	-moz-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
}
.footer-content {
	float: left;
	height: 170px;
	width: 250px;
	margin-left:10px;
	margin-right:10px;
}
.footer-content p {
	font-size: 12px;
	color: #CCC;
	line-height: 12px;
	font-family: Verdana, Geneva, sans-serif;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #66F;
	padding-left: 10px;
}
 h3 {font-family:'Hammersmith One', sans-serif;
 	color:#9F0;
 	font-size:14px; 
	 }
	 
.subcontent-corp-home-right img {
opacity:0.4;
filter:alpha(opacity=40); 
vertical-align:bottom;
}
.subcontent-corp-home-right img:hover
{
opacity:1.0;
filter:alpha(opacity=100);
vertical-align:bottom;
}

.subcontent-corp-home-left img {
opacity:1;
filter:alpha(opacity=40); 
vertical-align:bottom;
}
/*.subcontent-corp-home-left img:hover
{
opacity:1.0;
filter:alpha(opacity=100);
vertical-align:bottom;
}*/

 //*/ Form definition */
 
div.form { 
	position: relative;
	padding: 0 20px 40px 20px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
}
div.form img {
	vertical-align: top;
	border: 0 !important;
	padding: 6px !important;
}
img.contact-photo {	
	padding: 0 14px !important;
	margin-bottom: 20px;		
}
div.form .xsmall { width: 40px; }
div.form .small { width: 100px; }
div.form .xmedium { width: 150px; height:20px; }
div.form .medium { width: 200px; }
div.form .large { width: 400px; }
div.form .large { width: 600px; }

div.form span { 
	vertical-align: top; 
	padding-top: 6px;
	padding-right: 4px;
	width: 70px; 
	display: block; 
	float: left;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
}

div.form ol{ list-style:none; }

div.form input, div.form textarea, div.form select {
	border: 1px solid #d3b7b1;
	margin-bottom: 10px;
	line-height: 20px;
	padding: 4px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
}
div.form select.time-hh, div.form select.time-mm {
    width: 100px;
}

/* Image gallery definition */
 
div.image-gallery {
	padding: 0 20px;
	color: #7f7f7f;
}
div.image-gallery div.img-holder, div.image-gallery div.sep {
	float: left;
	border: 1px solid #d9d9d9;
	padding-bottom: 2px;
	text-align: left;
	position: relative;
	margin-bottom: 30px;
}
div.image-gallery div.img-holder div {
	float: left;
	padding: 4px 0;
}
div.image-gallery div.img-holder div.padding {
	padding: 4px 10px;
	font-size:12px;
}

div.width-132 { width: 132px; }
div.width-200 { width: 200px; }
div.width-260 { width: 260px; }

div.image-gallery div.padding {
	padding: 4px;
}
div.image-gallery div.sep {
	width: 34px;
	border: 0;
}
.center-col div.image-gallery div.sep {
	width: 24px;	
}
.center-col div.hr-sep {
	height: 1px;
	background: #efeae9;
	margin-bottom: 30px;
}
div.image-gallery img {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: 4px;
}
div.image-gallery a {
	color: #7f7f7f !important;
	display: block;
	float: right;
	text-align: right;
}
div.image-gallery a:hover {
	color: #a0a0a0 !important;
}
div.more-link {
	float: right !important;
}
.clearer {
	clear: both !important;
}
.guide {font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;

}

.guide ul {
	list-style-type: none;
	padding:0;
	margin:0;
	display:block;
}
.guide ul li {
	float:right;
	margin: 0px;
	padding: 0px;
}
.guide-right ul li {
	width: 300px;
}
.guide-left {
	padding: 4px;
	width: 116px;
	margin-right: 6px;
	float:left;
	margin:18px 0;
}
.guide-left img{ border:#CCC 4px;

}
.guide-right {
	text-align:justify;
	margin:18px 0;
	width: 550px;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}
.content-corp div ul li p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #06C;
	font-weight: bold;
}
.subcontent-corp ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin:0;
}
h4 { color:#006;}

.produit-services ul {

}


.produit-services ul li {
	font-size: 12px;
	color: #999;
	background-color: #CC9;
	width: 150px;
}
.products ul {
	font-size: 12px;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	background-color:#9F3;
}
.products ul li {
	float: right;
	margin-right:4px;
}
.products ul li:end-child {
	float: right;
	margin-right:4px;
	background-color:#06F;
}

.products table{
font-size: 12px;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;

	}
	
.products table {
font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	width="704";
	margin-top:10px;
	}
.products table strong {color:#000; font-size:13px;
	}
	
	.products table td {
padding:4px;
	}
.products-tdleft {
	width: 150px;
	vertical-align: top;
	text-align: left;
}
.titre-menu-left {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #F90;
	font-weight: bold;
}
.footer-content p a {
	color: #9F0;
}