/* ------------div-------------------------*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #040404 url(../images/fond.jpg) center top no-repeat;
}
div#conteneur {
  position: relative;
  width: 912px;
  height: 738px;
  margin: 0 auto;
}
/* ------------diaporama menu-------------------------*/
div#diaporama{
  width: 912px;
  height:	236px;
}
div#logo{
  position: absolute;
  width: 226px;
  height:	236px;
  left: 0px;
}
div#menuoffres{
  margin-left: 226px;
  width: 686px;
  height:	236px;
}
div#menu{
  width: 686px;
  height:	44px;
}
div#offresdumoment{
  width: 686px;
  height:	112px;
}
div#zic{
  position: absolute;
  width: 50px;
  height:	30px;
  left: -17px;
  top: 1px;
}
/* ------------contenu-------------------------*/
div#contenu{
  width: 912px;
  height:	477px;
}
/* ------------bandeaugauche-------------------------*/
div#bandeaugauche{
  position: absolute;
  left: 0;
  width: 226px;
  height:	477px;
}
div#newsletter{
  background: url(../images/newsletter.jpg) left top no-repeat;
  width: 226px;
  height:	62px;
}
div#actualites{
  width: 226px;
  height:	155px;
}
#actualite{ color: #fff; text-align: justify;}
#actualite .int{ padding: 40px 25px 0 30px; font-size: 11px; line-height: 13px;}
div#coordonnees{
  width: 226px;
  height:	143px;
}
div#plan{
  width: 226px;
  height:	118px;
}
/* ------------texte-------------------------*/
div#texte {
  width: 635px;
  height: 477px;
  margin-left: 226px;
  padding-left: 21px;
  padding-right: 0px;
}
/* ------------bandeaubas-------------------------*/
div#referencement {
  width: 912px;
  height: 25px;
}
div#digitalage {
  position: absolute;
  left: 0;
  width: 226px;
  height: 25px;
}
div#menuref {
  width: 656px;
  height: 22px;
  margin-left: 226px;
  text-align: right;
  padding-top: 3px;
  padding-right: 30px;
}
/* ------------image-------------------------*/
.detour {
	padding-top: 3px;
	padding-left: 10px;
}
.detour2 {
	padding-top: 5px;
	padding-right: 10px;
}
/* ------------texte-------------------------*/
.texte{
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	line-height: 18px;
}
.titre{
	font-size: 15px;
	font-family: Arial;
	color: #000000;
	line-height: 18px;
	font-weight: bold;
}
.grostitre{
	font-size: 15px;
	font-family: Arial;
	color: #333;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 3px;
}
.liensreferencement{
	font-size: 9px;
	font-family: Arial;
	color: #f6e000;
	line-height: 18px;
}
.content{ width: 640px!important; height: 340px; padding: 10px 0 10px 0; text-align: justify; color: #000;}
.content1{ width: 640px; height: 360px; padding: 10px 0 10px 0; text-align: justify; color: #000;}
.quads{ background: url(../images/quads-motos-scooters/quads.gif) no-repeat;	width: 210px;	height: 109px;	float: left; cursor: pointer;}
.quadsOver{ background: url(../images/quads-motos-scooters/quads-over.gif) no-repeat; width: 210px; height: 109px; float: left;	cursor: pointer;}
.motos{ background: url(../images/quads-motos-scooters/motos.gif) no-repeat; width: 210px; height: 109px; float: left;	cursor: pointer;}
.motosOver{ background: url(../images/quads-motos-scooters/motos-over.gif) no-repeat;	width: 210px;	height: 109px;	float: left; cursor: pointer;}
.scooters{ background: url(../images/quads-motos-scooters/scooters.gif) no-repeat;	width: 210px;	height: 109px;	float: left; cursor: pointer;}
.scootersOver{ background: url(../images/quads-motos-scooters/scooters-over.gif) no-repeat; width: 210px; height: 109px; float: left; cursor: pointer;}
.motors{
  background: url(../images/quads-motos-scooters/motors.gif) left top no-repeat; color: #fff; width: 127px; height: 30px; float: left;
  vertical-align: middle; text-align: center; font-weight: bold; font-size: 12px; cursor: pointer; padding-top: 5px;}
.motorsOver{
  background: url(../images/quads-motos-scooters/motors.gif) left top no-repeat; color: #fde101; width: 127px; height: 30px; float: left;
  vertical-align: middle; text-align: center; font-weight: bold; font-size: 12px; cursor: pointer; padding-top: 5px; text-decoration: underline;}
.box-produit{
  background: url(../images/quads-motos-scooters/box-produit.jpg) left top no-repeat;
  text-align: center;
  color: #fde101;
  font-size: 12px;
  float: left;
  margin: 0 5px 5px 0;
  width: 201px;
  height: 201px;
}
.box-produit .images-prod{ height: 110px; color: #fde101; margin-top: 10px;}
.box-produit .titre-prod{ font-weight: bold;}
.box-produit .txt-prod{ font-weight: normal;}
.linking:link, .linking:visited{ text-decoration: none; color: #000;}
.linking:hover, .linking:active{ text-decoration: underline; color: #f9e101;}
.linking1:link, .linking1:visited{ text-decoration: none; color: #fff;}
.linking1:hover, .linking1:active{ text-decoration: underline; color: #fff;}
.subcat{/* background: url(../images/accesoires/bg-subcat.gif) left top no-repeat;*/
  width: 120px; height: 35px; float: left;/* border: 1px solid #000;*/ text-align: center; margin-right: 5px;}
.p5{ padding: 5px;}
.mr10{ margin-right: 10px;}
.left{ float: left;}
.right{ float: right;}
.produit{ margin: auto; width: 625px;}
.produit .ref{ font-weight: bold; margin: 0 0 5px 0;}
.produit .marque{ font-weight: bold; margin: 0 0 5px 0;}
.produit .modele{ font-weight: bold; margin: 0 0 5px 0;}
.produit .options{ margin: 0 0 5px 0;}
.produit .garantie{ margin: 0 0 5px 0;}
.produit .prix{ margin: 0 0 5px 0;}
.produit .desc{ margin: 0 0 5px 0;}

.texte input,.texte textarea{ background-color: #a9a9a9; border: 1px solid #000; color: #000;}
.comm input,.comm textarea{ background-color: #a9a9a9; border: 1px solid #000; color: #000;}

fieldset, label{ border: 0; outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}

.mb5{ margin-bottom: 5px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr25{ margin-right: 25px;}
.mr30{ margin-right: 30px;}
.mr35{ margin-right: 35px;}
.mr100{ margin-right: 100px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.m10{ margin: 10px;}
.pr10{ padding-right: 10px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pl30{ padding-left: 30px;}
.pl40{ padding-left: 40px;}
.pl50{ padding-left: 50px;}
.pl55{ padding-left: 55px;}
.pl60{ padding-left: 60px;}
.pt5{ padding-top: 5px;}
.pt15{ padding-top: 15px;}
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt28{ padding-top: 28px;}
.pt30{ padding-top: 30px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb20{ padding-bottom: 20px;}
.m5{ margin: 5px;}
.p5{ padding: 5px;}
.p10{ padding: 10px;}
.h0{ height: 0px; font-size: 0px; line-height: 0px;}
.h3{ height: 7px; font-size: 0px; line-height: 0px;}
.h4{ height: 4px; font-size: 0px; line-height: 0px;}
.h5{ height: 10px; font-size: 0px; line-height: 0px;}
.h10{ height: 10px; font-size: 0px; line-height: 0px;}
.h20{ height: 20px;}
.clr	{clear: both;}