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


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body
{
	overflow-x: hidden;
	padding:0;
	margin:0;
	font-size:14px;
	color:#616159;
	width:auto;
	font: 14px Arial, sans-serif;
	background:#28313b url(images/bglarge.gif) center 0 fixed no-repeat;
}

html, body
{
	height: 100%;
}


.title
{
	width:960px;
	padding:30px 0 10px 0;
	margin:auto;
	}

.title h1 span
{
	font:30px 'BebasNeueRegular', Arial, sans-serif;
	font-weight:normal;
	margin-left:10px;
	padding:0;	color:#FFF;
	text-shadow:#000 2px 2px 2px;
	font-style: italic;
	letter-spacing: 1px;
}

h1
{
	font:70px 'BebasNeueRegular', Arial, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#FFF;
	text-shadow:#000 2px 2px 2px;
}

h2
{
font:26px 'BebasNeueRegular', Arial, sans-serif;
text-shadow:1px 1px #fff;
}



h3
{
font:20px 'BebasNeueRegular', Arial, sans-serif;
}


a
{
	text-decoration:none;
	outline:none;
	color:#000;
}

a:hover
{
}

strong
{
	color:#000;
	font-style:italic;
}


img{border:0px;}

.clear
{
	display:block;
	content:".";
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
	overflow:hidden;
}

.section
{
	width:auto;
	height: auto;
}


#header
{position:fixed;
z-index:3;
zoom:1;
height:160px;
background:url(images/bghead.png) repeat-x;
width:100%;
}


.logo
{
display:block;
z-index:4;
float:left;
width:380px;
height:160px;
background:url(images/logo.png) no-repeat;
margin-left:10px;

}


.headerright
{
	float:right;
	width:590px;
	height:140px;
}

#menu
{
	float:right;
	width:560px;
	padding-right:30px;
	height:55px;

}

#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
 }
 
#menu li {
 margin-left:5px;
 float:right;
 letter-spacing: 0.07em;

}

#menu li a
{
outline:none;
font:19px 'BebasNeueRegular', Arial, sans-serif;
color:#151100;
text-shadow:1px 1px #FF6;
padding:4px 6px 1px 6px;
border-radius: 5px;
-moz-border-radius:5px;
}

#menu li a:hover
{
background:#e9cb00;
text-shadow:1px 1px #b79f00;
color:#fff;
}


.fb
 {
	 width:240px;
	 height:85px;
	 margin-left:250px;
	 float:left;
	 background:url(images/fb.png) no-repeat;
 }

.insta
 {

	 width:30px;
	 height:30px;
	 float:right;

	 line-height: 80px;
	 margin-top: 25px;

 }


 .twitter
 {

	 width:30px;
	 height:30px;
	 float:right;
	 line-height: 80px;
	 margin-top: 25px;
	 margin-right: 10px;

 }
.space
{
	padding:140px 0 800px 0;
	width:100%;
	float:left;
}

.wrapper
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;


}

.headerwrapper
{
	width:980px;
	height:140px;
	margin-left:auto;
	margin-right:auto;
}



.btncontact
{
	display:block;
	margin:auto;
	width:160px;
	height:38px;
	background:url(images/btn_contact.png) 0 -38px;
}

.btnrefs
{
	display:block;
	margin:auto;
	width:160px;
	height:38px;
	background:url(images/btn_references.png) 0 -38px;
}

.btnconcept
{
	display:block;
	margin:auto;
	width:160px;
	height:38px;
	background:url(images/btn_leconcept.png) 0 -38px;
}

.btncontact:hover
{
	background-position:0 0;
}

.btnrefs:hover
{
	background-position:0 0;
}

.btnconcept:hover
{
	background-position:0 0;
}

.btncontactbis
{
	display:block;
	margin:auto;
	width:250px;
	height:38px;
	background:url(images/btn_contactbis.png) 0 -38px;
}

.btnrefsbis
{
	display:block;
	margin:auto;
	width:250px;
	height:38px;
	background:url(images/btn_contactbis.png) 0 -38px;
}

.sac_btn
{
	display:block;
	margin:auto;
	width:250px;
	height:38px;
}

.nonactiveclassic
{
		background:url(images/btn_classic.png) 0 -38px;
}



.nonactivevarioII
{
		background:url(images/btn_varioII.png) 0 -38px;
}

.nonactivecans
{
		background:url(images/btn_cans.png) 0 -38px;
}


.sac_btn:hover
{
	background-position:0 0;
}

.activeclassic
{
		background:url(images/btn_classic.png) 0 0px;
}

.activecans
{
		background:url(images/btn_cans.png) 0 0px;
}

.activevarioII
{
		background:url(images/btn_varioII.png) 0 0px;
}


#DM_classic, #DM_varioII, #DM_cans
{
	position: relative;
	z-index: 0;
	display: none;
	margin-bottom: 0px;
	font-size: 13px;
	color: #484848;
	padding: 0px 10px 50px 10px;
	overflow: hidden;
	height:460px;
	width:100%;
	top:-825px;
	background:#f4f4eb url(images/bg.gif);
	background-color : #dddbd0;
	box-shadow: 0px 8px 10px #111;

}

.close
{
	background-image:url(images/puceclose.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: 0px 0px;
	width: 20px;
	left:-465px;
	height:14px;
	margin-bottom: 20px;
}

.close:hover
{
	background-position: 0px -14px;
}


.fiche_tech
{
	width:100%;
	height:35px;
	display: block;
	background-image:url('images/fiche_btn.png');
	margin-left: -3px;
	margin-top: 15px;
}

#arrow-left {
	width:40px;
	height:46px;
	position:absolute;
	top:205px;
	left:160px;
	z-index:2;
}

#arrow-right {
	width:40px;
	height:46px;
	position:absolute;
	top:205px;
	right:160px;
	z-index:2;
}

#arrow-right:active{
	top:207px;
}


#arrow-left:active{
	top:207px;
}

.row
{width:300px;
float:left;
margin-bottom:10px;
line-height:24px;
color:#616159;
}

.row h2
{
	color:#000;
}


.row ul
{margin:0;
padding-left:10px;
list-style-image:url(images/puce.png);
}

.row ul li{
	margin:5px 0 0 5px;;
	border-bottom:solid 1px #CCC;
	
}

.row ul li:last-child{
border-bottom:none;

}

.largerow{
	width:630px;
	float:left;
	line-height:22px;
	color:#616159;
}


.ref
{
height:80px;
margin:0 0 20px 20px;
float:left;
 background-position:0px 80px;


}

.ref:hover
{
	background-position: 0px 0px;
}


.shaddow
{
	width:100%;
	float:left;
	height:25px;
	background:url(images/shaddow.png) repeat-x;
}

.ulshaddow
{
	width:300px;
	height:20px;
	background:url(images/ulshaddow.png) no-repeat;
	float:left;
}

#footer
{
	width:100%;
	border-top:1px solid #333;
	background:#000 url(images/bgfooter.png) repeat-x;
	padding:40px 0 0 0;
	color:#555;
	font-size:10px;
	height:100px;
}

#footer a
{
	color:#666;
}

#footer a:hover
{
	color:#999;
}

.mailmsg
{
width:440px;
height:120px;
background:url(images/mailmsg.png) no-repeat;
margin:0 auto 0 auto;
padding:60px 20px 120px 500px;
color:#FFF;
text-align:center;
}

.mailmsg p
{
	font:28px 'BebasNeueRegular', Arial, sans-serif;
	margin-top:0;
}

.mailmsg a
{
	color:#fff600;
}

.mailmsg a:hover
{
	color:#fff;
}

.pag
{
	width:980px;
	margin:0 auto 0 auto;
	position:absolute;
	bottom:0;
	text-align:center;
}
	
	
	
	
/*
* Required 
*/
.container { width:1400px; height:450px; overflow:hidden; position:relative; cursor:pointer; background:#000;}
.slides { position:absolute; top:0; left:0; }
.slides > div { position:absolute; top:0; width:960px; height:370px; padding:40px 220px 40px 220px; display:none;text-align:right; }
.slidercaption {
	font:40px 'BebasNeueRegular', Arial, sans-serif;
    background: url("images/bgtext.png") repeat scroll 0 0 transparent;
    clear: both;
    color: #FFF;
    float: left;
    line-height: 1;
    padding: 6px 8px 2px;}

.sliderlink
{
	font:14px Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
    background: #fff600;
	margin-left:8px;
    clear: both;
    color: #000;
    float: left;
    line-height: 1;
    padding: 6px 8px 5px;}

.sliderlink:hover
{
	background:#fff;
}



/*
 * Optional
*/
#loopedSlider,#newsSlider { margin-left:-700px;right:50%;left:50%;width:1400px; position:relative; clear:both;}
ul.pagination {list-style:none;padding:0; margin:0;}
ul.pagination li  { display:inline; font-size:50px; margin:0px 6px 0px 6px;color:#000 }
ul.pagination li a { }
ul.pagination li.active a { color:#ffed00; }




















.textformulaire
{
	margin:0;
}




 
 label {
 margin-top:20px;
 display:block;
 }
 
label.inline {
 display:inline
 }
 
 
input {
 height:auto;
 width:auto;
}

input.text {
 border-top:solid #000 3px;
 border-left:solid #000 3px;
 border-bottom:none;
 border-right:none;
background-color:#28313b;
 font-family:Arial, Helvetica, sans-serif;
 height:30px;
 color:#fff;
font-size: 16px;
	border-radius: 5px;
	-moz-border-radius:5px;
	width:290px;
	outline:none;

}

textarea {
 border-top:solid #000 3px;
 border-left:solid #000 3px;
 border-bottom:none;
 border-right:none;
background-color:#28313b;
 color:#fff;
 font-size: 16px;
 border-radius: 5px;
-moz-border-radius:5px;
width:290px;
height:235px;
outline:none;
resize:none;
 }