body {
	font-family: raleway;
}

#bodyContent {
	float: left;
	width: 100%;
}

	#bodyContent .conteneur {
		width: 989px;
		margin: 0 auto;
	}

	#header {
		float: left;
		width: 100%;
	}

		#header #actions {
			float: left;
			width: 100%;
			height: 40px;
			background-color: #d20b16;
		}

			#actions a {
				float: right;
				font-family: ralewayextralight;
				font-size: 16px;
				color: #fff;
				text-transform: uppercase;
			}

			#actions #question {
				margin: 8px 0 0 0;
				padding: 0 0 0 30px;
				line-height: 23px;
				background: url(../images/question.png) 0 no-repeat;
			}

			#actions #devis {
				margin: 6px 40px 0 0;
				padding: 0 0 0 36px;
				line-height: 27px;
				background: url(../images/devis.png) 0 no-repeat;
			}

		#header #headerContent {
			float: left;
			width: 100%;
			height: 90px;
		}

			#headerContent #logo {
				float: left;
				width: 129px;
				height: 40px;
				margin: 25px 0 0 0;
			}

			#headerContent #slogan {
				float: left;
				width: 189px;
				height: 40px;
				margin: 25px 0 0 100px;
			}

			#headerContent #navigation {
				float: right;
			}

				#navigation li {
					display: inline;
					float: left;
				}

					#navigation li a {
						float: left;
						margin: 0 0 0 25px;
						line-height: 90px;
						font-weight: bold;
						font-size: 14px;
						text-decoration: none;
						text-transform: uppercase;
						color: #545454;
					}

					#navigation li a:hover {
						color: #e30613;
					}

	#mainContent {
		float: left;
		width: 100%;
	}

		#intro {
			float: left;
			width: 100%;
			height: 251px;
			padding: 20px 0 15px 0;
			background: url(../images/back_intro.jpg) no-repeat center #7f0707;
		}

			#intro #camions {
				float: left;
				width: 233px;
				height: 37px;
				margin: 0 378px;
			}

			#intro h1 {
				float: left;
				width: 939px;
				margin: 30px 0 0 25px;
				line-height: 34px;
				font-size: 22px;
				color: #fff;
				text-transform: uppercase;
				text-align: center;
			}

				#intro h1 span {
					font-family: ralewayblack;
				}

			#intro a {
				float: left;
				width: 159px;
				height: 59px;
				margin: 30px 0 0 415px;
			}

		#flotte {
			float: left;
			width: 100%;
			padding: 20px 0;
		}

			#flotte h2 {
				float: left;
				width: 100%;
				margin: 0 0 20px 0;
				font-size: 25px;
				text-transform: uppercase;
				text-align: center;
				color: #e30613;
			}

			#flotte p {
				float: left;
				width: 939px;
				margin: 0 0 0 25px;
				line-height: 30px;
				font-size: 16px;
				color: #626262;
				text-align: center;
			}

			#flotte #visuels {
				float: left;
				width: 100%;
				margin: 20px 0;
			}

				#visuels .picto {
					float: left;
					width: 232px;
					margin: 0 20px 20px 0;
				}

				#visuels .visuel {
					position: relative;
					float: left;
					width: 222px;
					height: 220px;
					margin: 0 20px 20px 0;
					padding: 5px;
					background-color: #eeeeee;
					border-radius: 6px;
					-webkit-perspective: 900;
					-moz-perspective: 900;
					-ms-perspective: 900;
					perspective: 900;
					-ms-transform: perspective(900px);
					-moz-transform: perspective(900px);
				}

				#visuels .last {
					margin: 0;
				}

					#visuels .visuel .flipper {
						position: absolute;
						width: 222px;
						height: 220px;
						transform-style: preserve-3d;
						-moz-transform-style: preserve-3d;
						-ms-transform-style: preserve-3d;
						-webkit-transform-style: preserve-3d;
						transition: transform 1s;
						-webkit-transition: transform 1s;
						-ms-transition: transform 1s;
						-moz-transition: transform 1s;
					}

						#visuels .visuel .flipper div {
							display: block;
							position: absolute;
							width: 100%;
							height: 100%;
							margin: 0;
							backface-visibility: hidden;
						}

						#visuels .visuel .flipper .back {
							background-color: #eeeeee;
							transform: rotateY( 180deg );
						}

						#visuels .visuel .flipper:hover {
							transform: rotateY( 180deg );
						}

							#visuels .visuel .flipper .front img {
								float: left;
							}

							#visuels .visuel .flipper .front h3 {
								float: left;
								margin: 15px 0 0 10px;
								color: #626262;
								font-size: 21px;
							}

								#visuels .visuel .flipper .front h3 span {
									color: #e30613;
									font-weight: bold;
								}

							#visuels .visuel .flipper .back ul {
								float: left;
								width: 195px;
								margin: 30px 0 0 25px;
								list-style-type: disc;
							}

								#visuels .visuel .flipper .back ul li {
									float: left;
									width: 100%;
									margin: 0 0 10px 0;
									font-size: 15px;
									color: #333;
								}

		#societe {
			float: left;
			width: 60%;
			height: 394px;
			background: url(../images/back_societe.jpg) no-repeat left #6e6e6e;
		}

			#societe #societeContent {
				float: right;
				width: 594px;
				margin: 20px 0 0 0;
			}

				#societeContent h2 {
					float: left;
					width: 100%;
					margin: 0 0 25px 0;
					font-size: 25px;
					color: #fff;
					text-align: center;
					text-transform: uppercase;
				}

				#societeContent p {
					float: left;
					width: 100%;
					margin: 0 0 15px 0;
					line-height: 34px;
					font-size: 16px;
					color: #fff;
				}

		#actualites {
			float: right;
			width: 40%;
			height: 394px;
			background-color: #510202;
		}

			#actualites #actualitesContent {
				float: left;
				width: 396px;
				margin: 20px 0 0 0;
			}

				#actualitesContent h2 {
					float: left;
					width: 100%;
					margin: 0 0 25px 0;
					font-weight: bold;
					font-size: 25px;
					color: #fff;
					text-align: center;
					text-transform: uppercase;
				}

				#actualitesContent h3 {
					float: left;
					width: 100%;
					margin: 0 0 10px 0;
					font-family: ralewayblack;
					font-size: 21px;
					text-align: center;
					text-transform: uppercase;
					color: #fff;
				}

				#actualitesContent p {
					float: left;
					width: 300px;
					margin: 0 0 0 48px;
					line-height: 34px;
					text-align: center;
					font-size: 20px;
					color: #fff;
					text-align: center;
				}

				#actualitesContent a {
					float: left;
					width: 159px;
					height: 59px;
					margin: 25px 0 0 119px;
				}

		#services {
			float: left;
			width: 100%;
			padding: 20px 0 35px 0;
		}

			#services h2 {
				float: left;
				width: 100%;
				margin: 0 0 20px 0;
				font-size: 25px;
				font-weight: bold;
				text-transform: uppercase;
				text-align: center;
				color: #e30613;
			}

			#services p {
				float: left;
				width: 100%;
				margin: 0 0 15px 0;
				line-height: 34px;
				font-size: 19px;
				color: #6e6e6e;
				text-align: center;
			}

			#services .service {
				position: relative;
				float: left;
				width: 301px;
				height: 246px;
				-webkit-perspective: 1200;
				-moz-perspective: 1200;
				-ms-perspective: 1200;
				perspective: 1200;
				-ms-transform: perspective(1200px);
				-moz-transform: perspective(1200px);
			}

			#services .milieu {
				margin: 0 29px;
			}

				#services .service .flipper {
					position: absolute;
					width: 100%;
					height: 100%;
					transform-style: preserve-3d;
					-moz-transform-style: preserve-3d;
					-ms-transform-style: preserve-3d;
					-webkit-transform-style: preserve-3d;
					transition: transform 1s;
					-webkit-transition: transform 1s;
					-ms-transition: transform 1s;
					-moz-transition: transform 1s;
				}

					#services .service .flipper div {
						display: block;
						position: absolute;
						width: 100%;
						height: 100%;
						margin: 0;
						backface-visibility: hidden;
					}

					#services .service .flipper .back {
						background-color: #e30613;
						transform: rotateY( 180deg );
					}

					#services .service .flipper:hover {
						transform: rotateY( 180deg );
					}

						#services .service .flipper .front .picto {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 221px;
							text-align: center;
						}

						#services .service .flipper .front h3 {
							position: absolute;
							top: 221px;
							left: 0;
							width: 100%;
							text-align: center;
							line-height: 25px;
							text-transform: uppercase;
							color: #e30613;
							font-size: 24px;
							font-weight: bold;
						}

						#services .service .flipper .back p {
							float: left;
							width: 100%;
							font-size: 17px;
							color: #fff;
							text-align: center;
						}

						#services #stockage .flipper .back p {
							line-height: 246px;
							font-size: 20px;
							text-transform: uppercase;
						}

						#services .service .flipper .back p {
							margin: 30px 0 20px 0;
							text-transform: uppercase;
						}

						#services .service .flipper .back ul {
							float: left;
							width: 260px;
							margin: 0 0 0 40px;
							list-style-type: disc;
							color: #fff;
						}

							#services .service .flipper .back ul li {
								float: left;
								width: 100%;
								margin: 0 0 10px 0;
							}

	#footer {
		float: left;
		width: 100%;
		padding: 20px 0 0 0;
		background-color: #7e0000;
	}

		#footer #faq {
			float: left;
			width: 370px;
		}

			#faq h2 {
				float: left;
				width: 100%;
				margin: 10px 0 15px 0;
				text-transform: uppercase;
				color: #fff;
				font-weight: bold;
				font-size: 22px;
			}

			#faq .question {
				float: left;
				width: 100%;
				margin: 0 0 15px 0;
			}

				#faq .question h3 {
					float: left;
					width: 100%;
					color: #fff;
					font-weight: bold;
					font-size: 15px;
				}

				#faq .question h4 {
					float: left;
					width: 100%;
					color: #fff;
					font-size: 15px;
				}

		#footer #plan {
			float: left;
			width: 300px;
			height: 265px;
			margin: 60px 0 0 0;
			border: 4px solid #9f9f9f;
			border-radius: 4px;
		}

		#footer #contact {
			float: right;
			width: 270px;
		}

			#contact h2 {
				float: left;
				width: 100%;
				margin: 10px 0 15px 0;
				text-transform: uppercase;
				color: #fff;
				font-weight: bold;
				font-size: 22px;
			}

			#contact p {
				float: left;
				width: 100%;
				margin: 0 0 10px 0;
				font-weight: bold;
				font-size: 15px;
				color: #fff;
			}

				#contact p a {
					font-weight: normal;
					color: #fff;
					font-size: 15px;
				}

			#contact h3 {
				float: left;
				width: 100%;
				margin: 15px 0;
				font-weight: bold;
				font-size: 15px;
				color: #fff;
			}



		#footer #navFooter {
			float: left;
			margin: 30px 0 25px 225px;
		}

			#navFooter li {
				display: inline;
				float: left;
				margin: 0 20px 0 0;
			}

				#navFooter li a, #navFooter li span {
					float: left;
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					text-transform: uppercase;
				}

		#footer #top {
			float: left;
			width: 79px;
			height: 39px;
			margin: 0 0 0 455px;
		}