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

html, body {
  	height: 100%;
}

*, html, body {
	margin:0 auto;
	padding:0;
}

body {
	background:#fff top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#575757;
	line-height:20px;
	text-align:justify;
	
	-webkit-background-size:100%; 
  	   -moz-background-size:100%; 
	    -ms-background-size:100%; 
  	     -o-background-size:100%; 
  	        background-size:100%; 
}

a, a:hover, a:focus {text-decoration:none;}
li {list-style:none;}
img {border:0;}

p {
	text-align: justify;
	font-size: 14px;
	color: #575757;
	line-height: 24px;
}

/* Header */

header {
  	position:relative;
  	top:0px;
  	width: 100%;
	height:85px;
	line-height:85px;
	border-top:2px solid #FFCC00;
	background:#fff url(../images/bg-header.png) top right no-repeat;
	margin-bottom:86px;
	z-index:1000;
	
	-webkit-box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);
	   -moz-box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);
	    -ms-box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);
	     -o-box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);
	        box-shadow: 0px 10px 20px -10px rgba(0,0,0,.6);
}

/* End Header */

/* Content */

#content {
	width:1234px;
	height:auto;
	min-height:666px;
	background:url(../images/left.png) top left no-repeat, url(../images/right.png) top right no-repeat;
	margin:0 auto;
	margin-top:200px;
}

#content .container {
	min-height:666px;
	padding-top:20px;
	background-color:white;
	
	-webkit-box-shadow: 0px -10px 10px -10px black;
	   -moz-box-shadow: 0px -10px 10px -10px black;
	    -ms-box-shadow: 0px -10px 10px -10px black;
	     -o-box-shadow: 0px -10px 10px -10px black;
	        box-shadow: 0px -10px 10px -13px black;
}

/* Breadcrumb */

#content .breadcrumb {
	padding-left:20px;
}

#content .contenu .breadcrumb {
	padding:0;
}

#content .breadcrumb span,
#content .breadcrumb a {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
  	font-size:11px;
  	color:#9b9b9b;
}

#content .breadcrumb a.active {
	color:#FDB812;
}

#content .breadcrumb a.active:hover,
#content .breadcrumb a.active:focus {
	text-decoration:none;
}

#content .breadcrumb b {
	margin:0 5px;
}

/* End Breadcrumb */

/* Contenu */

#content .contenu {
	padding:0 20px;
	background:url(../images/bg-content.png) right top 100px no-repeat;
}

#content .contenu h1,
#content .contenu h2,
#content .contenu h3 {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
  	font-size:20px;
	line-height:20px;
  	color:#fdb812;
	margin:0;
}

#content .contenu h1 {
	padding-left:32px;
	margin:15px 0;
	background:url(../images/helmet.png) left center no-repeat;
}

#content .contenu h2 {
	padding-left:20px;
	text-transform:uppercase;
}

#content .contenu h6 {
	font-family:Arial, Helvetica, sans-serif;
  	font-size:16px;
	line-height:20px;
  	color:#e2bf00;
	font-weight:normal;
	margin:40px 0 10px 40px;
	padding-left:20px;
}

#content .contenu h6.human {
	background:url(../images/human.jpg) left center no-repeat;
}

#content .contenu h6.material {
	background:url(../images/material.jpg) left center no-repeat;
}

#content .contenu img.pic {
	margin-top:30px;
}

#content .contenu img.proportional {
	width:100%;
	height:auto;
}

/* Table */

#content .contenu .table {
	margin-top:10px;
}

#content .contenu .table tr td {
	width:50%;
	cursor:pointer;
	
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

#content .contenu .table tr td:first-child {
	background-color: #D8D5D5;
  	background-image: -moz-linear-gradient(top, #D8D5D5, #EFECEC);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D8D5D5), to(#EFECEC));
  	background-image: -webkit-linear-gradient(top, #D8D5D5, #EFECEC);
  	background-image: -o-linear-gradient(top, #D8D5D5, #EFECEC);
  	background-image: linear-gradient(to bottom, #D8D5D5, #EFECEC);
  	background-repeat: repeat-x;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffD8D5D5', endColorstr='#ffEFECEC', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#content .contenu .table tr td:first-child:hover {
	background-image:none;
  	background-color: #D8D5D5;
}

#content .contenu .table tr td:last-child {
	background-color: #FFE068;
  	background-image: -moz-linear-gradient(top, #FFE068, #FFF2C0);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFE068), to(#FFF2C0));
  	background-image: -webkit-linear-gradient(top, #FFE068, #FFF2C0);
  	background-image: -o-linear-gradient(top, #FFE068, #FFF2C0);
  	background-image: linear-gradient(to bottom, #FFE068, #FFF2C0);
  	background-repeat: repeat-x;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFE068', endColorstr='#ffFFF2C0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#content .contenu .table tr td:last-child:hover {
	background-image:none;
  	background-color: #FFE068;
}

#content .contenu .table ul {
	margin:0;
}

#content .contenu .table ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  	font-size:13px;
	line-height:20px;
  	color:#575757;
	text-align:justify;
	padding-left:11px;
	background:url(../images/puce-table.png) left center no-repeat;
}

/* End Table */

/* Formulaire */

#content form {
	width:90%;
	margin-top:20px;
}

#content form input {
	height:30px;
	line-height:30px;
	margin:0;
}

#content form input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	color:#A3A3A3;

  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	     -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

#googleMap {
	width:100%;
	height:300px;

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
         -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

/* End Formulaire */

/* Carousel */

#content .carousel {
	margin-top:80px;
	
	-webkit-box-shadow: -10px 0px 10px -17px #000 inset, 10px 0px 10px -17px #000 inset;
	   -moz-box-shadow: -10px 0px 10px -17px #000 inset, 10px 0px 10px -17px #000 inset;
	    -ms-box-shadow: -10px 0px 10px -17px #000 inset, 10px 0px 10px -17px #000 inset;
	     -o-box-shadow: -10px 0px 10px -17px #000 inset, 10px 0px 10px -17px #000 inset;
	        box-shadow: -10px 0px 10px -17px #000 inset, 10px 0px 10px -17px #000 inset;
}

/*End Carousel */

/* Left */

#content .left {
	padding-bottom:100px; 
	
	-webkit-box-shadow: 10px 0px 10px -17px #000;
	   -moz-box-shadow: 10px 0px 10px -17px #000;
	    -ms-box-shadow: 10px 0px 10px -17px #000;
	     -o-box-shadow: 10px 0px 10px -17px #000;
	        box-shadow: 10px 0px 10px -17px #000;
}

#content .left ul {
	margin:0;
	margin-top:10px;
}

#content .left ul li span.puce,
#content .left ul li a {
	display:block;
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
  	font-size:14px;
	line-height:30px;
  	color:#676767;
	
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

#content .left ul li span.puce {
	display:inline-block;
	width:11px;
	height:11px;
	background:url(../images/puce.jpg) left center no-repeat;
	margin-right:10px;
	position:relative;
	top:1px;
}

#content .left ul li a:hover,
#content .left ul li a:focus,
#content .left ul li.active a {
	text-decoration:none;
	color:black;
}
 
#content .left ul li:hover span.puce {	
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
	    -ms-transform:rotate(360deg);
	     -o-transform:rotate(360deg);
	        transform:rotate(360deg);
}

/* End Left */

/* Galerie */

#content .galerie {
	display:table;
	width:98%;
	padding:1%;
	text-align: left;
	margin-top:30px;
	background-color:white;
	
	-webkit-box-shadow:0 0 8px #ccc;
	   -moz-box-shadow:0 0 8px #ccc;
	    -ms-box-shadow:0 0 8px #ccc;
	     -o-box-shadow:0 0 8px #ccc;
	        box-shadow:0 0 8px #ccc;
}

/* End Galerie */

/* End Contenu */

/* End Content */

/* Construction Inter */

#construction-inter {
	width: 100%;
	height:272px;
	background:url(../images/construction-inter.png) top center no-repeat;
}

/* End Construction Inter */

/* Footer */

footer {
  	position: relative;
  	bottom:0;
  	width: 100%;
	height:auto;
	padding-top:30px;
	padding-bottom:15px;
	background-color:white;
  	z-index: 1000;
	
	-webkit-box-shadow: 0px 10px 40px -10px rgba(0,0,0,.6) inset;
	   -moz-box-shadow: 0px 10px 40px -10px rgba(0,0,0,.6) inset;
	    -ms-box-shadow: 0px 10px 40px -10px rgba(0,0,0,.6) inset;
	     -o-box-shadow: 0px 10px 40px -10px rgba(0,0,0,.6) inset;
	        box-shadow: 0px 10px 40px -10px rgba(0,0,0,.6) inset;
}

footer ul.inline {
	margin:0;
	height:20px;
	line-height:20px;
}

footer ul.inline li {
	margin-right:20px;
}

footer ul.inline li:last-child {
	margin-right:0;
}

footer span {
	display:block;
	margin-top:10px;
}

footer span img {
	position:relative;
	top:3px;
	margin-right:10px;
}

footer span, 
footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000;
	font-weight:bold;
}

footer a
{
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

footer a:hover,
footer a:focus {
	color:#FFCC00;
	text-decoration:none;
}

footer span > b {
	padding:0 5px;
}

/* End Footer */