html, body {
	margin: 0px;
	padding:0px;
	margin-top:0px;
}

body{
	background:#ffffff;
	border:0;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#696969;
	line-height:22px;
	font-style:italic
}



#conteneur_header{
	
	height:130px;
	width:100%;
	background: url("images/bg.jpg") repeat scroll center bottom transparent;
}


#header{
	
	width: 940px;
	margin: 0 auto;
	padding-top:10px;
	height:130px
    
}

#logo a{
	display:block;
	float:left;
	background:url(images/logo.jpg) 0 0 no-repeat;
	width:288px;
	height:94px;
	
}

#menu {
	width:640px;
	margin-left:290px;
	padding-top:40px;
	
}

#menu li {
	float:left;
	width:15%;
	padding-left:1%;
	list-style-type: none;
}

#menu li a{
	display:block;
	width:100%;
	height:39px;
	line-height:1.2em;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:700;
	color:#bbb;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	letter-spacing:-1px;
	
	
}

#menu li a span{
	font-size:13px;
	line-height:1.2em;
	color:#666666;
	display:block;
	letter-spacing:-1px;
	margin-top:-3px;
	font-weight:normal;
	text-decoration:none;
}

#menu li a:hover, #menu .active a{
	color:#597ee9;
}
#menu li a:hover span, #menu .active a span{
	color:#fff;
}



#conteneur_slider{

	height:403px;
	width:100%;
	background: url("images/bg_slider.gif") repeat scroll center bottom transparent;
	margin-top:0px;
	padding-top:0px;
}
#wrapper-slider{
	width:940px;
	height:403px;;
	position:relative;
	margin:auto;
}

.slider{position:absolute;top:0px;height:403px;}
.slider .items{display:none}
.slider  .pagination{position:relative;width:340px;z-index:2;bottom:47px;bottom:57px\9;bottom:57px !ie;_bottom:67px;left:400px;}
.slider  .pagination li{float:left;padding-right:4px; list-style:none;}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left; }

.texte-slider{
	position:absolute;
	display:block;
	width:300px;
	height:300px;
	margin-top:120px;
}

#conteneur_contenu{

	width:100%;
	background: url("images/bg_top2.gif") repeat-x center top transparent;
	margin-top:0px;
	padding-top:0px;
	min-height:500px;
}


#contenu{
	width:940px;
	margin:auto;
	
}

.col_gauche{

	width:700px;
	float:left;

}

.col_droite{

	width:240px;
	margin-left:700px;

}

.cols{ 
	width:270px;
	float:left; 
	margin-right:20px;
	margin-left:20px;

}

.contenu-produits{
	width:980px; 
	margin-left:auto; 
	margin-right:auto;
	padding-top:20px;
}

.contenu-produits h3 a {

	text-decoration:none;
	
	color: #000000;
}

.contenu-produits h3 a:hover{

	text-decoration:underline;
	
	color: #000000;
}

/**FICHE PRODUIT**/

	
.line1{
	width:940px;
	margin:auto;
	padding-top:40px;
	
}
.conteneur_description{
	width:900px;
	margin-left:auto; 
	margin-right:auto;
	background-color: #f5f5f5;
	padding:15px 15px 50px 15px;
	margin-top:15px;
	border-radius: 15px;
	behavior: url('js/PIE.htc');
}

.line3{
	width:900px;
	margin-left:auto; 
	margin-right:auto;
	background:transparent;
	padding:5px 15px 0px 15px;
}

.line4{
	width:900px;
	margin-left:auto; 
	margin-right:auto;
	background:#ccc;
	padding:5px 15px 0px 15px;
	text-align: right;
	border-radius: 15px;
	behavior: url('js/PIE.htc');
}
.text-intro{
	float:right;
	
	
}
a.dlbutton 
{
  display: block;
  float:left;
  margin-left:47px;
  margin-bottom:20px;
  padding-right:20px;
  width: 147px;
  height: 40px;
  background: url(images/download2.png) no-repeat 0 0;
  color:#000;
  font:17px "Myriad Pro"; 
  font-weight:700;
  text-decoration: none;
}
a.dlbutton span {
display:block;
margin-left:38px;
margin-top:7px;
}
a.dlbutton:hover
{ 
  background-position: 0 -40px; 
  color:#fff;
}

#conteneur_footer{

	width:100%;
	background: url("images/bg.jpg") repeat center top transparent;
	margin-top:0px;
	padding-top:0px;
	height:250px;
}

#footer {
	width:940px;
	height:250px;
	margin:auto;	
}

.col3{
	float:left;
	width:220px;
	/*padding-left:20px;*/
}

.col4{
	float:left;
	width:480px;
	height:100%;
}

.col5{
	margin-left:520px;
	width:420px;
	height:100%;
	padding-top:22px;
	margin-bottom:20px;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Alignement */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}

/* ============================= Styles ====================== */

a{color:#696969;text-decoration:underline;outline:none}
a:hover{text-decoration:none}
h1{float:left}
h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px;margin-top:0px;}
h2.info{margin-bottom:0px;}
h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}
h2.titre_prestations{font-size:30px;font-style:normal;font-weight:400;line-height:1.2em;padding:25px 0 10px 0;color:#000;letter-spacing:-1px;margin-top:0px;margin-bottom:10px;}
h2.titre_societe{font-size:35px;font-style:normal;font-weight:400;line-height:1.2em;padding:0 20px 0 20px;color:#000;letter-spacing:-1px;padding-top:10px;text-align:center;}
h2.titre_galerie{font-size:35px;font-style:normal;font-weight:400;line-height:1.2em;padding:0 20px 0 20px;color:#000;letter-spacing:-1px;padding-top:10px;text-align:center;}
h2.titre_contact{font-size:22px;color:#000;line-height:1.2em;padding:10px 0 10px 0;font-weight:400;font-style:normal}
h2.titre_description{font-size:30px;font-style:normal;font-weight:400;line-height:1.2em;padding:0 10px 0 20px;color:#000;letter-spacing:-1px;padding-top:10px;text-align:left;}

p.contenu_description {
	padding-left:20px;
}

h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal;text-align:center;}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}

h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400; font-style:normal;}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}

h6{font-size:16px;line-height:1.6em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
p{padding-bottom:22px}





/* ============================= content ====================== */

.link1{color:#60b000;font-style:normal}
.col1{ width:660px; float:left; padding-top: 0px; padding-bottom: 00px;}
.col2{ width:220px; float: right; padding-top: 0px; padding-bottom: 20px;}
.testimonials{width:100%;position:relative;z-index:1;height:420px;overflow:hidden;}
.testimonials li{height:420px}
#testimonials div{background:url(images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px;}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(images/marker_up.gif) 0 0 no-repeat}
.down{background:url(images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#60b000}
.address{background:url(images/line_hor1.png) 0px 0 no-repeat;padding-top:1px;padding-left:0px;width:90%;margin-left: 0; padding-left: 0;}
.address li{background:url(images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal;list-style-type: none;padding-left:0px;margin-left:0px;}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}

.contact_address span{float:left;width:80px}


/* ============================= formulaires ============================= */

#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px;padding-top:4px;}
#ContactForm .wrapper{min-height:35px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px;resize:none;}
#ContactForm .btnSubmit{float:right;border:none;margin-right:8px;width:75px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#597ee9;text-align:center}
#ContactForm .btnSubmit:hover{background:#080808;cursor:pointer;}
#ContactForm .input {border-radius: 3px 3px 3px 3px;box-shadow: 3px 3px 5px -2px #DDDDDD inset;width:269px;height:18px;border:1px solid #cccccc;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0;margin-top:4px;behavior: url('js/PIE.htc');}
#ContactForm textarea {border-radius: 3px 3px 3px 3px;box-shadow: 3px 3px 5px -2px #DDDDDD inset;resize:none;margin-left:109px;overflow:auto;width:351px;height:258px;border:1px solid #cccccc;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0;margin-top:4px;behavior: url('js/PIE.htc');}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter .button{border:none;float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter .button:hover{cursor:pointer;background:#597ee9;color:#fff}