@charset "ISO-8859-1";
/* CSS Document */

body {
	background-image: url(../images/design/background.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}

img { border:0px none; }
p { margin: 0px; padding: 0px;}

.clear { clear:both; }
.left {float:left; }
.right { float:right; }


.website {
	width:980px;
	position:relative;
	margin:0px auto;
	}
	

/* HEADER */

.header { }

.slogan-top { float:left; width:400px; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#383839; text-transform:uppercase; display:inline; margin-top:5px; }

.langue { float:right; width:400px; text-align:right; display:inline; margin-top:5px; }

.langue ul { display:inline; list-style:none; margin:0px; padding:0px; float: right; }

.langue li { display:inline; float:left; list-style:none; margin:0px 2px; }


	/* Top Menu */
	
	.topmenu { display:block; margin-top:9px; }
	
	.topmenu ul { display: inline; list-style:none; margin:0px; padding:0px; }
	
	.topmenu li {  list-style:none; float:left; padding:0px; margin:0px 3px 0px 0px; }
	
	.topmenu li a { 
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color:#FDD400; 
		text-transform:uppercase; 
		text-decoration:none; 
		background-image: url(../images/design/bg-top-menu-off.png);
		background-repeat:no-repeat;
		width:160px;
		height:34px;
		line-height:34px;
		text-align:center;
		display:block;
		}
	.topmenu li a:hover { 
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color:#FDD400; 
		text-transform:uppercase; 
		text-decoration:none; 
		background-image: url(../images/design/bg-top-menu-on.png);
		background-repeat:no-repeat;
		width:160px;
		height:34px;
		line-height:34px;
		text-align:center;
		display:block;
		}
		
.bannerflash { z-index:1; }

.logo { z-index:2; position:absolute; top:130px; }

.sloganbanner { z-index:3; position:absolute; top:300px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; text-align:right; color:#FDD400; }

.sloglinetwo { margin:10px 50px 0px 0px; color:#FFF; font-size:18px;}

.camions { position:absolute; top:220px; left:410px; z-index:5; }
		
		
		/* formulaire dans la bannière */
		
			.bannerform { z-index:4; position: absolute; right:0px; top: 100px; background-image:url(../images/design/bg-form-banner.png); background-repeat:no-repeat; width:321px; height:173px; }
			
			.garantie { float:left; top:-10px; position:relative; }
			
			.titregarantie { float: left; color:#FFF; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; height:55px; line-height:55px; }
			
			.contentbannerform { display:block; color:#FDD400; font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
			
			.contentbannerform label { width:90px; display:block; float:left; text-align:right; padding-right:8px; }
			
			.endformbanner { float:right; margin:10px 20px 0px 0px; font-size:17px; text-align:right; }



/* CONTENT */

.bgcontent { background-image:url(../images/design/bg-end-content-website.png); background-repeat:repeat-x; background-position:center bottom; }

.content { display:block; background-image:url(../images/design/bg-caisses.png); background-repeat:no-repeat; background-position:right bottom; }

.titrecontent { display:block; background-image:url(../images/design/bg-title-content.png); background-repeat:no-repeat; overflow:hidden; width:858px; height:56px; line-height:56px; padding-left:30px; margin-top:50px; }

.titrecontent h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:46px; color:#FFF; font-weight:bold; margin:0px; padding:0px; text-transform:uppercase; }

.contenu { 
	background-image:url(../images/design/bg-contenu.png); 
	background-repeat:repeat-y; 
	width:848px; 
	display:block; 
	padding:8px 20px; 
	color:#333; 
	font-size:12px; 
}

.contenu a { color:#000; font-weight:bold; text-decoration:none; }

.contenu a:hover { color:#000; font-weight:bold; text-decoration: underline; }

.contenu img { background-color: #DBDBDB; border: 1px solid #CCCCCC; padding: 7px;}

.contenu ul { margin: 0px;}

.endcontenu { display:block;}


			
	

/* FOOTER */

.bgfooter { background-color:#000; border-top:16px solid #FDD400; }

.footer { color:#FFF; }

.bottommenu { display:block; }

.bottommenu ul { display: inline; margin:0px; padding:0px; }

.bottommenu li { list-style:none; float:left; margin:0px; padding:10px 30px 10px 0px; text-transform:uppercase;  }

.bottommenu li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; }

.bottommenu li a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:underline; }


.quicklink { display: block; margin: 10px 0px;}

.quicklink h2, .quicklink h3{padding: 0px; margin: 0px;}

.quicklink h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#FDD400; text-decoration:none;}

.quicklink h3 a{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#FDD400; text-decoration:none;}

.quicklink h3 a:hover{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#FDD400; text-decoration:underline;}

.quicklink h2 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none;}

.quicklink h2 a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:underline;}


.copyright { width:100%; text-align:center; color:#6d6d6d; font-size:12px; padding:0px 0px 10px 0px;  }

.copyright a { color:#FDD400; font-size:12px; text-decoration:none; }

.copyright a:hover { color:#FDD400; font-size:12px; text-decoration:underline; }

	
	
	
	/* FORMULAIRE DE CONTACT */

	td.contact-colonne-gauche {
		width:300px;
		padding:3px 12px 30px 45px;
		
		}

	input.contact {
		border:1px solid #423421;
		background-color:#f9f9f8;
		color:#423421;
		width:450px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	.labeldevis{
		font-family:Arial, Helvetica, sans-serif;
		color:#2C65AC;
		font-size:14px;
		font-weight:bold;
		display:block;
		margin-bottom:3px;
		padding-left:3px;
		margin-top:20px;
		}
	
	textarea.contact {
		border:1px solid #423421;
		background-color:#f9f9f8;
		color:#423421;
		width:450px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	.requiredfield {
		float:right;
		margin:0px 0px 0px 0px;
		color:#9E0203;
		}
	
	
	#cadreok {
	border:1px solid #54851c;
	background-color: #b4eaba;
	padding:10px;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #54851c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}

	input.btt-send {
		margin:10px 0px 10px 0px;
		background-image:url(../images/btt-send-hover.png);
		background-repeat:no-repeat;
		width:400px;
		height:53px;
		}
	input.btt-send-hover {
		margin:10px 0px 10px 0px;
		background-image:url(../images/btt-send-hover.png);
		background-repeat:no-repeat;
		width:400px;
		height:53px;
		}
	.mauve { color:#cc0000; }