@import "contact.css";
@import "box.css";
@import "bout-envoyer.css";
/* -------- CSS GENERAL -------- */
/*html { margin: 0; padding: 0; }
*/*{
	margin: 0;
	padding: 0;
	;
}
body {
	background:url(../images/deco/img_background.jpg) no-repeat #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	}
fieldset, img{ border:0; }
a{ text-decoration:none; color:#fff; }
.clear{clear:both; }
ul, ol{ list-style: none;}
.separation{ width:900px; height:10px; border-bottom: #535353 solid 1px; margin:0 0 10px 0; clear:both; }
.demi-separation{ width:460px; height:10px; border-bottom: #535353 solid 1px; margin:0 0 10px 0; clear:both; }
.tier-separation{ width:460px; height:10px; border-bottom: #535353 solid 1px; margin:0 0 10px 0; clear:both; }
.Gvide{ width:900px; height:5px; clear:both;}
.vert{ color:#5aab26; font-weight:bold;}
.gris{color: #999;}
.petit{ font-size:80%; padding:20px 0 0 0;}
img{border:none;}

/* -------- CORPS -------- */
#corps {
	width:900px;
	height:100%;
	margin:0 auto;
	left:0px;
	position:relative;
	}
	h1{
	width:268px;
	height:76px;
	top:2px;
	left:12px;
	position:absolute;
	text-indent:-9999px;
	z-index: 10;
	background:url(../images/deco/nrj_logo.png) no-repeat;
	}
/* -------- HEADER -------- */
#header{
	width:900px;
	height:103px;
	background:url(../images/deco/background_nav.png) no-repeat;
	}
	

#nav {
	position: absolute;
	width: 605px;
	height:58px;
	top: 45px;
	right:0;
	z-index: 20;
	}
	#nav ul li{
		display: block;
		float: left;
		width: 100px;
		height: 15px;
		font-size:12px;
		text-align:center;
		}
	#nav ul li a{ width: 100px; height:15px;  }
/*	.bord{ width:99px; border-right:1px solid #333;  }
*/	#nav ul li a:hover{ color:#5aab26; }
	#nav ul li a.menu_actif{ color:#5aab26;}
	#gutter {
	position: absolute;
	width: 605px;
	height: 63px;
	top: 14px;
	left: 8px;
	overflow: hidden;
		}
	#highlight {
	background:url(../images/deco/hover.png);
	height: 45px;
	width: 100px;
	display: block;
	position: absolute;
	top:-11px;
	left:0;
		}
		
/* -------- BANDEAU --------*/ 
#bandeau{ width:440px; height:350px; float:left; }
	
	#bandeau ul{ width:90px; height:350px; float:left; padding:0 10px 0 0;  }
	#bandeau ul li.visu{ width:90px; height:300px;}
	
	#bandeau ul li.visu a{ width:90px; height:300px; position:absolute; text-indent:-9999px; }
		a.neuf{ top:105px; left:0; background:url(../images/deco/b_neuf.jpg) no-repeat;}
		a.neuf:hover{ background:url(../images/deco/b_neuf_hover.jpg) no-repeat;}
			a.neufactif{top:105px; left:0; background:url(../images/deco/b_neuf_hover.jpg) no-repeat;}
	
		a.occasion{ top:105px; background:url(../images/deco/b_occasion.jpg) no-repeat;}
		a.occasion:hover{ background:url(../images/deco/b_occasion_hover.jpg) no-repeat;}
			a.occasionactif{ top:105px; background:url(../images/deco/b_occasion_hover.jpg) no-repeat;}
	
		a.accessoire{ top:105px; background:url(../images/deco/b_accessoire.jpg) no-repeat;}
		a.accessoire:hover{ background:url(../images/deco/b_accessoire_hover.jpg) no-repeat;}
			a.accessoireactif{ top:105px; background:url(../images/deco/b_accessoire_hover.jpg) no-repeat;}

		a.tuning{ top:105px; background:url(../images/deco/b_tuning.jpg) no-repeat;}
		a.tuning:hover{ background:url(../images/deco/b_tuning_hover.jpg) no-repeat;}
			a.tuningactif{ top:105px; background:url(../images/deco/b_tuning_hover.jpg) no-repeat;}
		
		h2{ width:90px; font-size:14px; color:#fff; padding:10px 0 0 0;}
		
		#bandeau ul li.decouvrir a{ width:90px; height:18px; display:block; background:url(../images/deco/b_selection.png) no-repeat top left; text-indent:-9999px; }
		#bandeau ul li.decouvrir a:hover { background:url(../images/deco/b_selection_hover.png) no-repeat top left; }


#flash_anim{
	width:460px;
	height:350px;
	float:left;
}

.concession{
	width:210px;
	height:26px;
	position:absolute;
	top:425px;
	left:690px;
	z-index:45;
}

/* -------- VIEWER --------*/ 
	#viewerimg{
	width: 386px;
	height:460px;
}








/* -------- CENTENT --------*/ 
#content{
	width:900px;
	min-height:100%;
	}
	#unecol{
	width:385px;
	min-height:100%;
	float:left;
    padding:0 45px 0 0;
		}
		h3{ font-size:18px; color:#fff; padding:0 0 10px 0;}
	#deuxcols{
	width:460px;
	min-height:100%;
	float:right;
		}
	
	.actualite tr td a.selection{
		width:108px;
		height:24px;
		display:block;
		background:url(../images/deco/img_selection.jpg) no-repeat top left;
		text-indent:-9999px;
		margin:20px 0 0 0;
		}

	.actualite tr td a.selection:hover{ background:url(../images/deco/img_selection_hover.jpg) no-repeat top left; }
	.actualite tr td a.visu, .troiscols a.visu{width:145px;height:100px;display:block;background: #000;}
	.actualite tr td a.visu:hover, .troiscols a.visu:hover{ background:url(../images/deco/img_back_hover.jpg) no-repeat top left;}
	.actualite tr td a.visu img{ width:128px; height:86px; padding:7px 0 0 0;}

	.troiscols a.visu img{ width:128px; height:86px; padding:7px 0 0 10px;}

	.actualite tr td a.voir{
		width:40px;
		height:15px;
		display:block;
		background:url(../images/deco/voir.png) no-repeat top left;
		text-indent:-9999px;
		margin:5px 0 0 0;
		}
	.actualite tr td a.voir:hover{ background:url(../images/deco/voir_hover.png) no-repeat top left; }
	.actualite tr td a.visuoccas{width:115px;height:115px;display:block;background: #000;}
	.actualite tr td a.visuoccas:hover{ background:url(../images/deco/img_back2_hover.jpg) no-repeat top left;}
	.actualite tr td a.visuoccas img{ width:100px; height:100px; padding:8px 0 0 0;}
	
	a.top{ width:900px;height:21px; clear:both; display:block; text-indent:-9999px; background:url(../images/deco/hautpage.png) no-repeat; }
	a.top:hover{ background:url(../images/deco/hautpage_hover.png) no-repeat;}
	
    #demicol_content{
      width:200px;
      float:left;
      margin:0 10px 0 0;
    }


	#demicol{
/*	min-height:100%;
	float:left;
	padding:0 10px 10px 10px;
	background: #333333;
*/
	width:200px;
	min-height:100%;
	float:left;
	padding:0 10px 10px 10px;
	margin:0 10px 0 0;
	background: #333333;





	}
	#demicol img{ padding:0 0 0 22px;}
	#demicol ul{ width:auto; height:auto; padding:10px 0 0 10px;}
	#demicol ul li{
		display:block;
		padding:0 0 10px 20px;
		background:url(../images/deco/puce.png) no-repeat;
		}
	
	.troiscols{
	width:196px;
	min-height:100%;
	float:left;
    border-left: #535353 dotted 1px;
	padding:0 10px 0 10px;
	}
	.troiscols p{
		color: #999;
		}
		.troiscols ul li{ display:block;
		margin:0 0 0 10px;
		padding:8px 0 8px 10px;
		font-style:italic;
		color:#999;
		background:url(../images/deco/puce.png) no-repeat 0 9px;
		}
		.troiscols a{ font-size:90%; color:#5aab26;}
		.troiscols a:hover{ color:#fff;}

	.tiercol{
	width:260px;
	min-height:100%;
	float:left;
/*    border-left: #535353 dotted 1px;
*/	padding:0 20px 0 20px;
	}




	h4{
	font-size:120%;
	padding:0 0 5px 0;
	text-transform: uppercase;
	}
	h5{
	font-size:120%;
	padding:0 0 5px;
	color:#5aab26;
	}
	
#content-vignette{
	width:880px;
	min-height:100%;
	padding:0 0 0 20px;
	}
.visuproduit{
	width:180px;
	height:110px;
	text-align:center;
	}
a.visuproduit img{
	width:170px;
	height:100px;
    margin:5px 0 0 0;
}
a.visuproduit { width:180px; height:110px; display:block; background:#000; padding:5px 0 20px 0;}
a:hover.visuproduit { background:url(../images/deco/img_back4_hover.jpg) no-repeat ;}
.cadre{ margin:10px; border:#5aab26 dotted 1px; padding:10px; text-align:center;}	

	a.video{ width:90px;height:18px; clear:both; display:block; text-indent:-9999px; background:url(../images/deco/b_video.png)no-repeat; }
	a.video:hover{ background:url(../images/deco/b_video_hover.png)no-repeat;}

.fondvert{ width:660px; height:112px; background-color:#5aab26; margin:20px 0 0 100px; padding:20px; color:#fff;}
.fondvert p{ width:200px; float:left; padding:10px 10px 0 0; text-align:center;}
.fondvert img{ float:left; width:200px; height:112px; padding:0 10px 0 10px;}
.fondvert a:hover{ color:#000;}
	
/* -------- FOOTER --------*/ 
#footer{ width:885px; height:150px; padding:0 0 0 15px; }
.face{ float:left;}
	#footer ul{ width: auto; height:20px; padding:10px 0 10px 0; text-align:center; }
	#footer ul li{ width:85px; height:10px; display:block; float:left; padding:3px 2px 0 2px; list-style:none; }
	.bord{ border-right:#999 solid 1px;}
	#footer p.adresse{ font-size:70%; letter-spacing:8px; text-align:center; clear:both; padding:0 0 10px 0;}

	#footer ul li a{ font-size:70%; color:#999;}
	#footer ul li a:hover{ color:#5aab26;}
	#footer a.mentions{ display:block; font-size:80%; color:#999; text-align:center;}
	#footer a.mentions:hover{ color:#5aab26; }
	.signature{ font-size:70%; text-align:center;}
	.signature a{ font-size:90%; color:#999; padding:20px 0 0 0;}
#coordonnees{
	width:340px;
	min-height:100%;
	text-align:center;
	clear:both;
	padding:20px 0 20px 50px;
	}
	#coordonnees h5{ padding:0;}

/* CUSTOM CSS */
.troiscols a.selection{
  width:108px;
  height:24px;
  display:block;
  background:url(../images/deco/img_selection.jpg) no-repeat top left;
  text-indent:-9999px;
  margin:10px 0 10px 0;
}

.troiscols a.selection:hover{ background:url(../images/deco/img_selection_hover.jpg) no-repeat top left; }
	
#admin_content p{
  color: #999;
}
#admin_content ul li{
  display:block;
  margin:0 0 0 10px;
  padding:8px 0 8px 20px;
  font-style:italic;
  color:#999;
  background:url(../images/deco/puce.png) no-repeat 0 23px;
}
#admin_content a{ font-size:90%; color:#5aab26;}
#admin_content a:hover{ color:#fff;}

#mediaspace{
  text-align: center;
  margin-top: 20px;
}

.retour_link a:link, .retour_link a:visited{
  background: url(../images/deco/retour-but.jpg) no-repeat 0px 0px;
  width:56px;
  height: 22px;
  display: block;
  float: right;
}
.retour_link a:hover, .retour_link a:active{
  background: url(../images/deco/retour-but.jpg) no-repeat 0px -22px;
  width:56px;
  height: 22px;
  display: block;
}


.occasions a.selection{
  width:108px;
  height:24px;
  display:block;
  background:url(../images/deco/img_selection.jpg) no-repeat top left;
  text-indent:-9999px;
  margin:20px 0 0 0;
}

.occasions a.selection:hover{ background:url(../images/deco/img_selection_hover.jpg) no-repeat top left; }
.occasions a.visu img{ width:128px; height:86px; padding:7px 0 0 0;}

.occasions a.visu img{ width:128px; height:86px; padding:7px 0 0 10px;}

.occasions a.voir{
  width:40px;
  height:15px;
  display:block;
  background:url(../images/deco/voir.png) no-repeat top left;
  text-indent:-9999px;
  margin:5px 0 0 0;
}
.occasions a.voir:hover{ background:url(../images/deco/voir_hover.png) no-repeat top left; }
.occasions a.visuoccas{width:115px;height:115px;display:block;background: #000;}
.occasions a.visuoccas:hover{ background:url(../images/deco/img_back2_hover.jpg) no-repeat top left;}
.occasions a.visuoccas img{ width:100px; height:100px; padding:8px 0 0 0;}