/*****************************/
/*    RPDC 2009 İakaWAM      */
/*****************************/

/* STRUCTURE */

	body {background-image: url(../images/fondtruck.gif);background-color: #7d7d7d;background-repeat: repeat-x;margin:0;color:#fff;font-family:Verdana;}
	
	img{border:0;}

	html, body, #wrap {height: 100%;}

	body > #wrap {height: auto; min-height: 100%;}
	
	.clear{clear:both;}

	#main {padding-bottom:27px;width:984px;margin-right:auto;margin-left:auto;}  /* must be same height as the footer */

	#footer {position: relative;
		font-size:12px;
		margin-top: -27px; /* negative value of footer height */
		height: 27px;
		line-height: 27px;
		vertical-align: middle;
		clear:both;} 
	#footer a{color:#fff;text-decoration:none;}
	#footer a:hover{color:#ffe200;text-decoration:none;}
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/* CONTENU */

#header{width:984px;height:137px;}
#header img{float:left;}

#logo{float:left;width:446px;height:137px;}

#groupe{float:right;width:191px;height:137px;}

#menu{height:32px;margin:0;padding:0;font-weight:bold;font-family:Verdana;font-size:14px;}

	#menu ul{height:32px;margin:0;padding:0;float:left;margin-left:10px;}
	#menu a{display:block;line-height:32px;vertical-align:middle;color:#fff;text-decoration:none;padding-left:20px;padding-right:20px;}
	#menu a:hover{color:#ffe200;text-decoration:none;}
	
	/* Basic code - don't modify */
	 
	 #nav_menu { display: block; margin: 0; padding: 0 0 0 0; position: relative;z-index:1; }
	  #nav_menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
	  #nav_menu a { display: block; }
	  #nav_menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
	  * html #nav_menu ul { line-height: 0; } /* IE6 "fix" */
		#nav_menu ul a { zoom: 1; } /* IE6/7 fix */
		#nav_menu ul li { float: none; }
		#nav_menu ul ul { top: 0; }
		
	/* Essentials - configure this */
	#nav_menu ul { width: 130px; }
	#nav_menu ul ul { left: 131px; }

	/* Everything else is theming */
	 
		#nav_menu ul li a { background-color: #313131; color:#fff; font-weight:bold; }
		  #nav_menu ul a.hover { background-color: #ffe200; color:#000; font-weight:bold; }
		  #nav_menu ul a:hover { background-color: #ffe200; color:#000; font-weight:bold; }
	   #nav_menu ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90);text-decoration:none;padding:5px;line-height:15px; }
	/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */	
	
#nav{float:right;}
	#nav li{height:32px;list-style:none;margin:0;float:left;}
	#nav a{display:block;line-height:32px;vertical-align:middle;color:#fff;text-decoration:none;padding-left:10px;padding-right:10px;}
	#nav a:hover{color:#ffe200;text-decoration:none;}
	

#principal{width:960px;min-height:383px;height:383px;}
#contenu{width:960px;margin:0 auto 0 auto;border-top:0px solid #c6c6c6;}
#promo{position:absolute;margin:10px 0 0 870px;border:none;}

.moteur{background:url(../images/fili5.gif) no-repeat top;}
.fournitures{background:url(../images/fili4.gif) no-repeat top;}
.services{background:url(../images/fili3.gif) no-repeat top;}
.atelier{background:url(../images/fili2.gif) no-repeat top;}
.injection{background:url(../images/fili1.gif) no-repeat top;}


#video{width:333px;height:250px;margin:50px 0 0 10px;float:left;}
#video p{text-align:center;margin:0;color:#CF000C;font-weight:bold;font-size:12px;}
#actu{width:570px;margin:50px 0 0 30px;float:left;}
#actu img{border:solid 2px #CF000C;float:left;margin:13px 8px 0 0px;}
#actu p{text-align:center;margin:0;color:#CF000C;font-weight:bold;font-size:12px;}

.titre_intro{text-align:left;font-size:26px;font-family:Helvetica;margin:0 0 15px 0;}
.gris{color:#5c5c5c;}
.noir{color:#000000;}
.jaune{color:#ffe200;}
.rouge{color:#CF000C;}
.soustitre_intro{text-align:left;font-size:23px;margin:0;color:#131313;}

#diaporama{list-style-type:none;margin:0;padding:0;width:180px;float:left;z-index:0;}
#diaporama img{margin:0 0 0 30px;padding:0;}
.diaporama{list-style-type:none;margin:0;padding:0;width:180px;}

/* Contact - Plan d'acces */

#principal_sans_trame{width:960px;min-height:383px;margin:0 auto 0 auto;border-top:1px solid #c6c6c6;}

#plan{float:left;width:490px;}
#boutiques{float:right;width:450px;}

.titre{font-size:34px;font-family:Arial;color:#000000;margin:38px 0 24px 0;}
.titre_droite{font-size:34px;font-family:Arial;color:#000000;text-align:right;margin:38px 0 24px 0;}

.intro{text-align:center;margin-top:5px;font-size:20px;color:#CF000C;font-family:Verdana;}

.boutique{margin-bottom:20px;}

.photo{float:left;margin:0 10px 0 20px;width:210px;height:150px;}
.photo_boutique {float:left;border:solid 2px #CF000C;}

.ville{font-size:17px;font-family:Arial;font-weight:bold;color:#CF000C;margin:5px 0 0 0;}
.coordonnees{font-size:12px;font-family:Arial;font-weight:bold;color:#393939;margin:0 0 5px 0;}
.coordonnees_g{font-size:12px;font-family:Arial;font-weight:bold;color:#feffff;margin:0 0 5px 0;}

.photo_contact img{border:solid 2px #CF000C;}

/* PRODUITS */

#menu_produit{width:770px;margin:80px auto 0 auto;}
#menu_produit ul{margin:0;padding:0;float:left;}
#menu_produit li{width:170px;list-style:none;margin:0;float:left;text-align:center;margin:0 10px 0 10px;}
	
#menu_produit_2{width:760px;text-align:center;font-family:Arial;font-size:14px;margin:0 auto 0 auto;padding-top:10px;}
#menu_produit_2 a{color:#fff;text-decoration:none;}
#menu_produit_2 a:hover{color:#ffe200;text-decoration:none;}

.titre_produit{line-height:70px;font-size:34px;letter-spacing:-2px;color:#CF000C;font-family:Arial;float:left;margin:0 0 0 10px;}
.produits a{float:right;font-family:Verdana;font-size:14px;font-weight:bold;color:#CF000C;}
.produits a:hover{text-decoration:none;}
.produits img{border:solid 2px #CF000C;margin-right:40px;}

.liste_produits{color:#393939;font-size:15px;font-family:Verdana;list-style-type:none;padding:0;margin:0;font-weight:bold;}
.liste_produits li{margin:0 0 10px 0;}

/* SECONDAIRE */

#secondaire{width:960px;background:url(../images/trame_secondaire.gif) no-repeat top;}
.correspondant{font-size:18px;font-family:Verdana;color:#fff;text-align:center;margin:20px 0 0 0;}

.contact_secondaire{width:320px;float:left;text-align:center;margin-top:20px;margin-bottom:20px;}
.contact_secondaire .ville{color:#ffe200;}
.contact_secondaire span{color:#ffe200;font-weight:bold;}

.desc_index{margin:15px 10px 0 10px;font-size:12px;text-align:left;font-family:Verdana;}
.titre_desc{margin:0 10px 0 10px;font-size:17px;font-family:Verdana;font-weight:bold;color:#ffe200;text-align:left;}

/* CONTACT */

.titre_contact{font-size:34px;font-family:Arial;color:#000000;margin:10px 0 24px 0;}
.contact_gauche{float:left;width:250px;margin-left:50px;}

.contact_droite td{font-family:Verdana;color:#393939;font-size:17px;}

.champ_text{width:350px;height:30px;font-family:Verdana;color:#393939;font-size:22px;}
.champ_area{width:350px;height:110px;}