/* ----- ELEMENTS DE DEPARD ----- */

body {
	margin: 0;
	border: 0;
}

#conteneur {
	width: 980px;
	/*border: 1px solid #000;*/
	padding: 0;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000
}

img {
	border: 0
}

form {
	margin:0;
	padding:0;
}

h1.titre {
	margin: 5px;
	font-size: 16px;
}

a{
	color:#FFF;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ----- VOS CLASSES ET ELEMENTS ----- */
body {
	margin: 0px;
	background-color:#3C4F4E;
	/*background-color:#151541;*/
}

div#conteneur {
	color:#fff;
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/*font: 11px Arial, Helvetica, sans-serif;*/
/*	border: 1px solid #00CCFF;*/
}

img{
	border:0;
}
div#haut{
	background-image:url('../../images/haut.jpg');
	width:980px;
	height:75px;
	border:0px;
	margin:0px;
}
div#baniere a{
text-decoration:none;
color:#fff;
}
div#baniere a:hover{
text-decoration:underline;
}
/************************************ICONES***********************************/
div#logo{
	position:absolute;
	margin-left:499px;
	margin-top:15px;
	width:217px;
	height:58px;
}
div#logo2{
	position:absolute;
	margin-left:50px;
}
div#maison{
	position:absolute;
	margin-left:767px;
	margin-top:0px;
}
div#favoris{
	position:absolute;
	margin-left:710px;
	margin-top:0px;
}
div#ami{
	position:absolute;
	margin-left:743px;
	margin-top:0px;
}
div#contact{
	position:absolute;
	margin-left:665px;
	margin-top:0px;
}
div#plan{
	position:absolute;
	margin-left:690px;
	margin-top:0px;
}
div#anim{
margin-left:50px;
}
div#bas_baniere{
	margin-top:-2px;
	width:980px;
	height:34px;
	background:url('../../images/bas_baniere.jpg') no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
/**************************************************************************/
div#b1{
	position:absolute;
	margin-left:284px;
	margin-top:12px;
	color:#FFFFFF;
}
div#b1 a{
	color:#FFFFFF;
	text-decoration:none;
}
div#b1 a:hover{
	text-decoration:underline;
}
div#b2{
	position:absolute;
	margin-left:389px;
	margin-top:12px;
	color:#FFFFFF;
}
div#b2 a{
	color:#FFFFFF;
	text-decoration:none;
}
div#b2 a:hover{
	text-decoration:underline;
}
div#b3{
	position:absolute;
	margin-left:541px;
	margin-top:12px;
	color:#FFFFFF;
}
div#b3 a{
	color:#FFFFFF;
	text-decoration:none;
}
div#b3 a:hover{
	text-decoration:underline;
}
div#b4{
	position:absolute;
	margin-left:623px;
	margin-top:12px;
	color:#FFFFFF;
}
div#b4 a{
	color:#FFFFFF;
	text-decoration:none;
}
div#b4 a:hover{
	text-decoration:underline;
}
div#menu{
	width:980px;
	min-height:25px;
	background:url('../../images/menu.jpg') repeat-y;
	text-align:center;
	padding-left:90px;
}
div#up{
	width:980px;
	height:518px;
	background:url('../../images/up.jpg') no-repeat;
}
div#scooter{
	position:absolute;
	margin-left:588px;
	margin-top:71px;
	width:247px;
	height:59px;
}
div#moto{
	position:absolute;
	margin-left:588px;
	margin-top:142px;
	width:247px;
	height:59px;
}
div#quad{
	position:absolute;
	margin-left:588px;
	margin-top:211px;
	width:247px;
	height:59px;
}
/******************************DOWN 2 ***********************************************************/

div#scooter2{
	position:absolute;
	margin-left:591px;
	margin-top:31px;
	width:247px;
	height:59px;
}
div#moto2{
	position:absolute;
	margin-left:591px;
	margin-top:101px;
	width:247px;
	height:59px;
}
div#quad2{
	position:absolute;
	margin-left:591px;
	margin-top:171px;
	width:247px;
	height:59px;
}
/************************************************************************************************/
div#division{
width:980px;
height:179px;
background:url('../../images/division.jpg') no-repeat;
margin:0px;
padding:0px;
}
div#down{
width:980px;
height:429px;
background:url('../../images/bas.jpg') no-repeat;
margin:0;
}
div#down2{
width:980px;
height:429px;
background:url('../../images/bas.jpg') no-repeat;
margin:0;
}
div#down2 #vehicules{
position:absolute;
margin-left:71px;
margin-top:72px;
width:425px;
height:195px;
}
div#up #vehicules{
position:absolute;
margin-left:61px;
margin-top:69px;
width:425px;
height:195px;
}
table#millieu{
	vertical-align:top;
	background:url('../../images/tab.jpg') repeat-y;

}
td#gauche{
	vertical-align:top;
	width:232px;
}
/*************************************************MENU*************************************************************/
div#menu h2{
	height:25px;
	margin:0;
	padding:0;
	background:url('../../images/menu.png') no-repeat left;
	float:left;
	padding-left:12px;
	line-height:21px;
	padding-right:10px;
	margin-right:4px;
}
#menu h2 a{
	color:#fff;
	font-size:12px;
	height:19px;
	text-decoration:none;
	margin:0;
	padding:0;
}
#menu h2:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFCC00;
}


/*********************************************************************/
div#menu h2.menutitre1{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre1:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre2{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre2:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre3{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre3:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre4{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre4:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre5{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre5:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre6{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre6:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre7{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre7:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
div#menu h2.menutitre8{
	cursor:pointer;
	list-style:none;
	list-style-image:url('../../images/menu.png');
	font-size:12px;
}
div#menu h2.menutitre8:hover{
	background:url('../../images/menu_sel.png') no-repeat top left;
	color:#FFF;
}
.stretcher1 li a{
	display:list-item;
	color:#fff;
	text-decoration:none;
background:#FF0000;
}
.stretcher1 li{
	list-style:none;
	border:1px solid red;
}
.stretcher1 li a:hover{
	text-decoration:underline;	
}
ul.stretcher1{
	width:300px;
	background:#000033;
	margin:0;
	padding:0;
}
.stretcher2 li a{
	color:#fff;
	text-decoration:none;
}
.stretcher2 li{
	list-style:none;
	background:#233E53;
	padding:0;
	margin:0;
	text-indent:0px;
	width:100%;
}
.stretcher2 li:hover{
	text-decoration:underline;
	list-style:none;
	text-align:left;
	background:#5A7B95;
}
ul.stretcher2{
	position:absolute;
	margin-left:111px;
	width:165px;
	text-align:left;
	margin-top:-2px;
	padding:0;
	border:1px solid #888;
}
.stretcher3 li{
	list-style:none;
	background:#233E53;
	padding:0;
	margin:0;
	text-indent:0px;
	width:100%;
}
.stretcher3 li a{
	color:#fff;
	text-decoration:none;
}

.stretcher3 li:hover{
	text-decoration:underline;
	list-style:none;
	text-align:left;
	background:#5A7B95;
}
.stretcher3 li a:hover{
	text-decoration:underline;	
}
ul.stretcher3{
	width:100px;
	position:absolute;
	/*height:0px;*/
	margin:0;
	padding:0;
	margin-left:280px;
	margin-top:-2px;
	text-align:left;
	border:1px solid #888;
}
.stretcher4 li{
	list-style:none;
	background:#233E53;
	padding:0;
	margin:0;
	text-indent:0px;
	width:100%;
}
.stretcher4 li a{
	color:#fff;
	text-decoration:none;
}

.stretcher4 li:hover{
	text-decoration:underline;
	list-style:none;
	text-align:left;
	background:#5A7B95;
}
.stretcher4 li a:hover{
	text-decoration:underline;	
}
ul.stretcher4{
	width:100px;
	position:absolute;
	/*height:0px;*/
	margin:0;
	padding:0;
	margin-left:345px;
	margin-top:-2px;
	text-align:left;
	border:1px solid #888;
}
.stretcher5 li a{
	color:#fff;
	text-decoration:none;
}
.stretcher5 li{
	list-style:none;
	background:#233E53;
	padding:0;
	margin:0;
	text-indent:0px;
	width:100%;
}
.stretcher5 li:hover{
	text-decoration:underline;
	list-style:none;
	text-align:left;
	background:#5A7B95;
}
ul.stretcher5{
	background:#f00;
	position:absolute;
	margin-left:406px;
	width:165px;
	text-align:left;
	margin-top:-2px;
	padding:0;
	border:1px solid #888;
}

/*********************************************************************/
/************************************************FIN MENU*********************************************************/

div#ekinoxe{
position:absolute;
	margin-left:856px;
	margin-top:364px;
}
/***********************************/
td#centre{
	vertical-align:top;
	width:980px;
	background:url('../../images/centre.jpg') no-repeat;
}
/********************************************PAGE***************************************************/
div#page{
	text-align:justify;
	margin-left:60px;
	margin-top:10px;
	/*border:1px solid red;*/
	width:880px;

}
div#page p{
	text-align:justify;
}
html>body #page {
	height: auto;
	min-height: 400px;
}
div#page h2{
background:url('../../images/nom.png') no-repeat;
height:50px;
font-size:13px;
font-weight:bold;
line-height:40px;
text-indent:5px;
}
div#page h1,h2.titre{
background:url('../../images/nom.png') no-repeat;

height:50px;
font-size:12px;
font-weight:bold;
line-height:40px;
text-indent:5px;
text-align:left;
}
div#page h2.rub{
font-size:16px;
font-weight:bold;
background:none;
}
div#page h2.rub a:hover{
color:#CCCCCC;}
div#page a{
color:#fff;
font-weight:bold;
}
div#page a:hover{
color:#ccc;
font-weight:bold;
}
/**********************************FIN PAGE ************************************************************/
/*****************************PAGE 2************************************************/
div#page2{
	text-align:justify;
	margin-left:60px;
	margin-top:10px;
	/*border:1px solid red;*/
	width:880px;

}
div#page2 p{
	text-align:justify;
}
html>body #page2 {
	height: auto;
	/*min-height: 400px;*/
}
div#page2 h2{
background:url('../../images/nom.png') no-repeat;
height:50px;
font-size:13px;
font-weight:bold;
line-height:40px;
text-indent:5px;
}
div#page2 h1,h2.titre{
background:url('../../images/nom.png') no-repeat;

height:50px;
font-size:12px;
font-weight:bold;
line-height:40px;
text-indent:5px;
text-align:left;
}
/***********************************************************************************/

/********************************NEWSLETTER********************************/
.champ{
	position:absolute;
	width:206px;
	height:19px;
	border:none;
	border:0;
	margin-left:622px;
	margin-top:9px;
	color:#fff;
	background:#021E2C;
}

.b_ok{
	position:absolute;
	margin-left:832px;
	margin-top:8px;
}
/********************************RECHERCHE***********************************/

.l1{
	position:absolute;
	width:174px;
	height:19px;
	border:none;
	border:0;
	margin-left:622px;
	margin-top:42px;
	color:#fff;
	font-size:11px;
	background:none;
	background-color:#021D2E;
}
.l2{
	position:absolute;
	width:174px;
	height:19px;
	border:none;
	border:0;
	margin-left:622px;
	margin-top:68px;
	color:#fff;
	font-size:11px;
	background:none;
	background-color:#021D2E;
}
.l3{
	position:absolute;
	width:174px;
	height:19px;
	border:none;
	border:0;
	margin-left:623px;
	margin-top:98px;
	color:#fff;
	font-size:11px;
	background:none;
	background-color:#021D2E;
	border:1px solid #aaa;
}
.valide{
	margin-left:784px;
	margin-top:137px;
}
/*************************************************************************/
/*************************************FLASH INFOS ************************/
div#flash_infos{
	margin-left:113px;
	margin-top:43px;
	height:130px;
	width:380px;
	position:absolute;
}
div#flash_infos a{
color:#fff;
}
div#flash_infos a:hover{
color:#ccc;
}
/*************************************************************************/
div#info_societe b{
	color:#4B8D0A;
	font-size:14px;
}
div#menu_bas{
	width:590px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	margin-left:260px;
	margin-top:363px;
}
div#menu_bas a{
color:#fff;
text-decoration:none;
margin-left:4px;
}
div#menu_bas a:hover{
color:#00CCFF;
}
/***********************INFOS SOCIETEE******************************/
div#info_societe{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	margin-left:303px;
	margin-top:401px;
}
/*********************** HORRAIRES ******************************/
div#horaires{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:15px;
	position:absolute;
	margin-left:523px;
	margin-top:248px;
	height:104px;
}
div#horaires b{
font-size:14px;
}
div#horaires_h{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:15px;
	position:absolute;
	margin-left:523px;
	margin-top:388px;
	height:104px;
}
div#horaires_h b{
font-size:14px;
}
/*************************************PRODUITS**********************************/

div.produit{
background:#586D6E;
border:1px solid #CCCCCC;
width:358px;
height:113px;
margin:8px;
}
div.produit .photo{
background:#586D6E;
float:left;
}
div.produit .photo img{
border:3px solid #fff;
width:130px;
padding-left:5px;
height:86px;	
background-repeat:no-repeat;
margin:3px;
}
div.produitm{
width:358px;
height:113px;
margin:4px;
margin-bottom:2px;
}
div.produitm .photo{
background:#586D6E;
float:left;
}
div.produitm .photo img{
border:3px solid #fff;
width:130px;
padding-left:5px;
height:86px;	
background-repeat:no-repeat;
margin:3px;
}
div.desc{
height:39px;
width:142px;
color:#ccc;
float:left;
}
div.nom{
background:url('../../images/cat.png') no-repeat left;
color:#ccc;
font-size:12px;
margin-left:5px;
margin-top:10px;
padding-left:12px;
text-transform:uppercase;
}
div.descriptif{
background:url('../../images/cat.png') no-repeat left;
color:#ccc;
font-weight:bold;
font-size:12px;
margin-left:5px;
margin-top:10px;
padding-left:12px;
}
div.plus{
background:url('../../images/plus.png') no-repeat left;
color:#ccc;
font-weight:bold;
font-size:12px;
margin-left:5px;
margin-top:10px;
padding-left:16px;
}
div.plus a{
color:#fff;
}
div.plus a:hover{
color:#ffffff;
text-decoration:none;
}
div.prix{
background:url('../../images/prix.png') no-repeat;
color:#fff;
font-weight:bold;
font-size:10px;
text-indent:16px;
line-height:34px;
margin-left:85px;
width:108px;
height:37px;
}
/******************************************DETAIL*********************************/
table.produits2{
width:600px;
border:1px solid #666666;
}

div.produit2 .photo2 img{
background-position:center;
border:3px solid #888;
background-repeat:no-repeat;
}
div.produit2{
margin-left:6px;
float:left;
width:233px;
background:#000022;
}
div.desc2{
border:1px solid red;
float:left;
}
div.nom2{
color:#EEBB44;
font-weight:bold;
font-size:12px;
line-height:24px;
margin-left:5px;
}
div.prix2{
color:#fff;
font-weight:bold;
font-size:12px;
line-height:50px;
margin-left:170px;
background:url('../../images/nom.png') no-repeat;
height:50px;
text-indent:18px;
}
div.nom_p{
background:url('../../images/nom.png') no-repeat;
width:189px;
height:50px;
font-size:16px;
font-weight:bold;
line-height:40px;
text-indent:25px;
}
h3{
font-size:14px;
}