#bodyContent {
	width: 1300px !important;
}

#footer {
	width: 1260px;
	height: 224px;
	float: left;
	padding: 40px 0 0 40px;
	background-image: url(../images/footer-bg.jpeg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#conseils {
	float: left;
	width: 100%;
	padding: 0 0 40px 0;
	background-color: #fff;
}

	#conseils #menuConseils {
		float: left;
		width: 100%;
		height: 40px;
		background-color: #464646;
	}

		#menuConseils li {
			display: inline;
			float: left;
			padding: 0 23px;
			border-right: 1px solid #fff;
		}

		#menuConseils li.actif {
			background-color: #007bc2;
		}

		#menuConseils li.last {
			border-right: 0;
		}

			#menuConseils li a {
				float: left;
				line-height: 40px;
				color: #fff;
				font-size: 13px;
				text-decoration: none;
			}

	#conseils #contenu {
		float: right;
		width: 1270px;
		margin: 30px 0 0 0;
		padding: 0 15px;
	}

		#contenu p {
			float: left;
			margin: 20px 0 0 0;
			color: #000;
			font-size: 14px;
		}

		#contenu p.info {
			float: left;
			width: 100%;
			text-align: center;
			font-weight: bold;
			font-size: 16px;
		}

		#contenu table {
			float: left;
			width: 100%;
			border-collapse: collapse;
		}

		#contenu .matage {
			width: 670px;
			margin: 20px 0 0 300px;
		}

		#contenu .bleu {
			width: 870px;
			margin: 20px 0 0 200px;
		}

		#contenu #corrosion {
			margin: 30px 0 0 0;
		}

			#contenu table th {
				height: 50px;
				padding: 5px 0;
				font-size: 12px;
				text-align: center;
				border: 1px solid #ccc;
				color: #000;
				background-color: #f6f7fa;
			}

			#contenu .matage th {
				height: 30px;
				background-color: #F39200;
				font-size: 18px;
				color: #fff;
				text-transform: uppercase;
			}

			#contenu .bleu th {
				background-color: #007bc2;
			}

			#contenu .matage .titre {
				width: 335px;
			}

			#contenu .matage th.mat {
				width: 55px;
			}

			#contenu .tableBig th {
				font-weight: bold;
				font-size: 14px;
				text-transform: uppercase;
			}

			#contenu table th.couleur {
				width: 75px;
			}

			#contenu table th.gros {
				font-size: 18px;
				text-transform: uppercase;
			}

			#contenu table td {
				height: 40px;
				padding: 0 0 0 5px;
				font-size: 12px;
				border: 1px solid #ccc;
				color: #000;
			}

			#contenu .matage td {
				height: 30px;
				padding: 0;
				text-align: center;
			}

			#contenu table td.ref {
				width: 41px;
				padding: 0;
				text-align: center;
			}

			#contenu table td.cycle {
				padding: 0;
				text-align: center;
			}

			#contenu table td.etoile {
				width: 60px;
				padding: 0;
				text-align: center;
				font-size: 22px;
			}

			#contenu table .epaisseur {
				width: 100px;
			}

			#contenu table td.fonce {
				background-color: #ffcc00;
			}

			#contenu table .particularite {
				width: 300px;
			}

			#contenu table td.clair {
				background-color: #ffff99;
			}

			#contenu table td.systeme {
				padding: 0;
				font-size: 16px;
				text-align: center;
			}

		#contenu h1 {
			float: left;
			width: 100%;
			text-align: center;
			text-transform: uppercase;
			color: #f39200;
			font-weight: bold;
			font-size: 30px;
		}

		#contenu h2 {
			float: left;
			width: 100%;
			margin: 30px 0;
			text-align: center;
			color: #565656;
			font-size: 24px;
		}

		#contenu h3 {
			float: left;
			width: 100%;
			margin: 0 0 20px 0;
			line-height: 26px;
			text-transform: uppercase;
			color: #007bc2;
			font-size: 16px;
			font-weight: bold;
		}

		#contenu .left {
			float: left;
			width: 900px;
			margin: 0 0 0 50px;
		}

		#contenu .right {
			float: right;
			width: 203px;
			height: 470px;
			margin: 0 50px 0 0;
		}

		#contenu ul {
			float: left;
			width: 100%;
			margin: 0 0 30px 0;
			list-style-type: disc;
		}

			#contenu ul li {
				float: left;
				width: 800px;
				margin: 0 0 10px 80px;
				font-size: 13px;
				color: #000;
			}

				#contenu ul li span {
					color: #007bc2;
				}

		#contenu #attention {
			float: left;
			width: 700px;
			margin: 20px 290px;
			padding: 10px;
			background-color: #cae0f5;
			border-radius: 8px;
		}

			#attention h4 {
				float: left;
				width: 100%;
				margin: 0 0 10px 0;
				text-transform: uppercase;
				font-weight: bold;
				color: #333;
				font-size: 18px;
			}

			#attention p {
				float: left;
				width: 100%;
				margin: 5px 0;
				line-height: 22px;
				font-size: 14px;
			}

		#contenu #legende {
			float: left;
			width: 100%;
			margin: 30px 0 0 0;
		}

			#legende .legende {
				float: left;
				width: 100%;
				margin: 0 0 20px 0;
			}

				#legende .legende span {
					float: left;
					width: 70px;
					height: 40px;
					margin: 0 10px 0 0;
					border: 1px solid #ccc;
				}

				#legende .legende p {
					margin: 0 0 0 15px;
					line-height: 42px;
				}

				#legende .legende .jaune1 {
					background-color: #ffcc00;
				}

				#legende .legende .jaune2 {
					background-color: #ffff99;
				}