#texte ul{margin-top:12px !important}
.thumb_left{margin-bottom:15px;margin-right:15px;float:left;margin-top:10px}
.srzesfr{padding:0 20px;color:#069 !important}
.srzesfr strong{color:#768739 !important}

/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin: 0px;
	background-color:#FFFFFF;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
		font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #a3d303;
		font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #a3d303;
		font-weight: bold;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
#moteur-recherche {
	background-color:#FFFFFF;
	border: 1px solid #a3d303;
	height:18px;
	width:150px; 
	float:right;
	margin-left:5px;
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:5px;
}

.haut{
	margin-bottom:20px;
}

.bas{
	margin-top:20px;
}

.numpage {
	display:block;
	float:left;
	background:url(gifs/pagination1_44.jpg) no-repeat;
	padding-left:4px!important;
	width:15px;
	height:22px;
	color:#fff !important;
	line-height:18px;
	font-weight:bold;
	font-size:12px !important;
}
.numpage_selec, .numpage:hover, .numpage_selec:hover {
	display:block;
	float:left;
	background:url(gifs/pagination_44.jpg) no-repeat;
	padding-left:4px!important;
	width:15px;
	line-height:18px;
	height:22px;
	color:#fff !important;
	font-size:12px !important;
	font-weight:bold;
}

.bt_suivant, .bt_precedent {
	display:block;
	float:left;
	width:85px;
	line-height:18px;
	background:url(gifs/pagination1_43.jpg) no-repeat;
	color:#fff !important;
	height:22px;
	font-size:12px !important;
	font-weight:bold;
	text-align:center;
}
.bt_suivant:hover, .bt_precedent:hover {
	display:block;
	float:left;
	width:85px;
	background:url(gifs/pagination_43.jpg) no-repeat;
	color:#fff !important;
	height:22px;
	line-height:18px;
	text-decoration:none;
	font-size:12px !important;
	text-align:center;
}

.bt_precedent_vide {
	display:block;
	float:left;
	width:85px;
	height:22px;
}
.liste {
	padding:10px 0;
}
.pagination {
	margin: 0 auto 0 auto;
	/*padding:5px 0;*/
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

#contenaire{
	width:935px;
	_width:936px;
	/*overflow:hidden;*/
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#header{
	width:935px;
	height:30px;
	z-index:0;
	margin-top:0px;
}

#logo {
	height:150px;
	width:233px;
	float:left;
	padding-top:60px;
}


#menu{
	width:233px;
	height:364px;
	background: url(gifs/menu-fond.jpg) bottom no-repeat;
	}

#menu_produits{
	width:233px;
	border-right:1px solid #bdbeb6;
	background: url(gifs/menu-fond-produits.jpg) bottom left no-repeat;
}

#content{
	width:702px;
	/*height:364px;*/
	z-index:0;
}

#content_produits{
	display:block;
	width:702px;/*702*/
	/*height:780px;*/
	z-index:0;
}


#colone_gauche{
	width:233px;
	float:left;
	display:inline;
	height:auto;
}

#logo p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding-top:5px;
	padding-left:17px;
}

#logo a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding:0px;
	font-weight: bold;
	color:#a3d303;
}

#colone_centre{
	float:left;
	width:702px;
	/*display:inline;*/
}
	
#footer{
	width:935px;
	height:236px;
	background-image:url(gifs/footer3.jpg);
	background-repeat:no-repeat;
	clear:both;
}

#footeraccueil{
	padding-top:46px;
	padding-left:90px;
	float:left;
}

#footeraccueil2{
	width:600px;
	float:left;
}

#footeraccueil img{
	padding-left:3px;
	float:left;
}

#footerinterne{
/*padding-left:90px;*/
	float:left;
	width:700px;
	height:236px;
	padding-top:18px;
}

.sous_cat_footer{
	width:102px;
	float:left;
}

.sous_cat_footer_select{
	/*width:161px;*/
	float:right;/*left*/
}

.cat3_footer{
	width:74px;/*398px*/
	float:left;
	margin-right:2px;
}

#footerinterne img{
	padding-left:3px;
	float:left;
	padding-top:28px;
}

#diapo{
	width:653px;
	height:364px;
	margin-left:20px;
	background-image: url(gifs/diapo1.jpg);
}

#diapobis{
	width:122px;
	height:364px;
	margin-left:20px;
	background-image: url(gifs/diapobis-1.jpg);
	float:left;
	display:inline;
}


#listing-produits{
	width:128px;
	height:364px;
	background-color:#efedee;
	float:left;
	display:inline;
	padding-left:15px;
}

#texte{
	width:510px;/*510*/
	padding-left:10px;
	/*height:364px;*/
	float:left;
	border-left: 1px solid #999;
}

#texte h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #999999;
	margin:0px;
	padding-bottom:3px;
	padding-top:0px;
}

#texte p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
}


#texte a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
	font-weight: bold;
}

#texte a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#a3d303;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
	font-weight: bold;
}

.prix{
	color: #a3d303 !important;
	font-size: 15px !important;
	font-weight: bold;
}

.prix_casse {
	color: #333 !important;
	font-size: 15px;
	font-weight: bold;
	text-decoration:line-through;
}

.prix2{
	color: #a3d303 !important;
	font-size: 15px;
	font-weight: bold;
}

.bouton-detail a {
	font-size: 12px;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #666666;
	padding:3px;
	padding-top:5px !important;
	width:60px;
	float:right;
}

.bouton-detail a:hover{
	font-size: 12px;
	color: #ffffff!important;
	background-color: #a3d303;
	border: 1px solid #666666;
	padding:3px;
	padding-top:5px!important;
	width:60px;
	float:right;
}

.produit img{
	padding:10px;
}


.produit{
	width:150px;
	height:190px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}

.pointillet{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}

#img-detail-produit{
	width:275px;
	height:205px;
	float:right;
	/*margin-left:210px;
	margin-top:70px;*/
}

#detail-produit{
float:left;
	width:500px;
	/*height:auto;
	position:absolute;
	z-index:20;
	top:95px;*/
}

.bouton-zoom{
/*position:absolute;
top: 363px;*/
}

.renseignements{
/*position:absolute;
top: 393px;*/
}

#promo h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	margin:0px;
}

#promo h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #9CC513;
	text-align:center;
	margin:0px;
	margin-bottom:15px;
}

#texte li {
	text-align:left;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#069 !important;
	list-style:url(gifs/puce.jpg) outside;
}

.image-promo{
	border: 1px solid  #a3d303;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
}

.pourcentage{
	background-image:url(gifs/promo-reduc.gif);
	width:92px;
	height:50px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:40px;
	font-weight: bold;
}

.titre-promo{
	width:110px;
	height:60px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align:center;
}
.texte-promo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


#location {
	width:600px;
	padding-left:10px;
	float:left;
	border-left: 1px solid #999;
}

#location h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #999999;
	margin:0px;
	padding-bottom:3px;
	padding-top:0px;
}

#location p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
}


#location a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
	font-weight: bold;
}

#location a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#a3d303;
	margin:0px;
	padding-top:0px;
	padding-bottom:5px;
	font-weight: bold;
}


.sous-footer{
	float:left;
	height:180px;
	margin-right:5px;
	margin-left:5px;
}

.sous-footer h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	margin:0px;
	text-align:center;
}

.sous-footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin:0px;
	padding-top:15px;
	text-align:center;
}

.sous-footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin:0px;
	text-align:center;
}

.sous-footer a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a3d303;
	margin:0px;
	text-align:center;
}

.texte-sous-footer{
	/*width:95px;*/
	height:25px;
	/*padding-top:23px;*/
	text-align:center;
	margin-top:3px;
}

.fond-sous-footer{
	background-color:#333333;
	/*width:74px;95*/
	height:170px;/*135*/
}

ul.MenuHorizontal {
   width: 364px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   margin-left:570px;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #000000;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 29px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   line-height:29px;
}

ul.MenuHorizontal li a:hover{
   display: block;
   color: #a3d303;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 29px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
      line-height:29px !important;
}

li#menu1 {
   width: 69px;
}

li#menu2 {
   width: 69px;
}

li#menu3 {
   width: 95px;
}

li#menu4 {
   width: 131px;
}

li#menu1 a {
   background-image: url('gifs/menu1.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu2 a {
   background-image: url('gifs/menu2.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu3 a {
   background-image: url('gifs/menu3.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu4 a {
   background-image: url('gifs/menu4.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu1.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #a3d303;   font-weight: bold;    line-height:29px!important;}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/menu2.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #a3d303;   font-weight: bold;    line-height:29px;}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/menu3.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #a3d303;   font-weight: bold;    line-height:29px;}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/menu4.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #a3d303;    font-weight: bold;    line-height:29px;}

.formulaire {
	width: 500px;
}

.contact1 {
	width: 240px;
	float:left;
}

.contact2 {
	width: 240px;
	float:left;
}

.formulaire p{
padding:0px!important;
}
.encart_form {
	width: 338px;
	padding-left: 10px;
	clear: both;
	padding-top: 10px;
}
.area_form {
	height: 80px;
	width: 500px;
	border:1px solid #d2d6dc;
}
.input-form {
	width: 200px;
	height: 15px;
	border:1px solid #d2d6dc;
}

.formulaire label {
	text-align: left!important;
	font-size: 12px;
	float:none!important;
	color: #666666;
	font-weight: normal;
}
.bouton_form {
	display: block;
	height: 20px;
	width: 80px;
	background-color: #333333;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	float: right;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 10px;
	border: 1px solid #999999;
}
.bouton_form:hover {
	display: block;
	height: 20px;
	width: 80px;
	color: #fff;
	background-color: #999999;
}
.divGenerateurRequired {
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#form_filtre{
	width:200px;
	margin-left:307px;
	text-align:right;
}


.sous_cat_autre{
	position:absolute;
	right:0;
}

h4{
	margin:0;
	padding:0;
}

.produits_footer_cat3 a{
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.produits_footer_cat3 a:link{
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.produits_footer_cat3 a:visited{
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.produits_footer_cat3 a:hover{
	color:#A3D303;
	margin:0;
	padding:0;
}

.produits_footer_cat3{
	text-align:right;
}

.caracteristique{
	width:488px;
	height:auto;
	border:2px solid #A3D303;
	background-color:#F8F8F8;
	position:absolute;
	z-index:1000;
	padding:10px;
}


.caracteristique strong {
	color:#A3D303;
}
.erreur{
	font-weight:bold;
	text-align:center;
	padding-bottom:0 !important;
}


/*****************************Locations****************************************/
#loca_velo {
	background:url(gifs/fd_location_velo.jpg);
	width:502px;
	height:302px;
}

#loca_velo_elec {
	background:url(gifs/fd_location_velo_elec.jpg);
	width:502px;
	height:302px;
}

#loca_scooter_elec {
	background:url(gifs/fd_location_scooter_elec.jpg);
	width:502px;
	height:430px;
}

#loca_tandem {
	background:url(gifs/fd_location_tandem.jpg);
	width:502px;
	height:302px;
}

#loca_velo h4, #loca_velo_elec h4, #loca_scooter_elec h4, #loca_tandem h4 {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	color:#9cc513;
	margin:5px 0;
	padding:5px 0;
}

#loca_velo h5, #loca_velo_elec h5, #loca_scooter_elec h5, #loca_tandem h5 {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#666;
	margin:0;
	padding:0;
}

#loca_velo .descriptif, #loca_velo_elec .descriptif, #loca_tandem .descriptif {
	float:right;
	width:240px;
	height:165px;
	margin:10px;
	padding-top:10px;
	margin:10px 0 0 15px;
}

#loca_scooter_elec .descriptif {
	float:right;
	width:240px;
	height:292px;
	margin:10px;
	padding-top:10px;
	margin:10px 0 0 15px;
}

#loca_velo .descriptif ul , #loca_velo_elec .descriptif ul , #loca_scooter_elec .descriptif ul, #loca_tandem .descriptif ul {
	margin:0;
	padding:0;
}

#loca_scooter_elec .descriptif li {
	line-height:normal;
	padding:0;
	padding-bottom:5px;
}


#loca_velo .caution, #loca_velo .caution p, #loca_velo_elec .caution, #loca_velo_elec .caution p,  #loca_scooter_elec .caution, #loca_scooter_elec .caution p, #loca_tandem .caution, #loca_tandem .caution p {
	color:#9cc513 !important;
	font-size:11px;
	text-align:center;
	margin:0;
	padding:0;
}

.mots_impt {
	font-weight:bold;
	color:#9CC513 !important;
}

.footerstyle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}
.footerstyle h1{
	text-align:left;
	font-size:12px;
}
.footerstyle strong{
	font-weight:normal;
}
.footerstyle a{
	font-size:11px;
	font-weight:normal;
}
.footerstyle p{
	margin-top:1px;
	margin-bottom:1px;
}
.baselinestyle{
	margin-top:1px;
}
.facebook {
	clear:both;
	z-index:1000;
	margin:10px 0;
	height:100px;
}