/* CSS Document */

#header { width:980px; height:123px; position:relative; background:url(../images/header_bg.jpg) 0 0 no-repeat; margin: 0 auto; }
#header h2, #header h3, #header h4 { display:none; }
#header #menu { position:absolute; bottom:2px; right:40px; }
#header #menu:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
#header #menu li { float:left; border-left:1px solid #A8CB60; border-right:1px solid #81A64D; font-size:14px; }
#header #menu .first { border-left:none; }
#header #menu .last { border-right:none; }
#header #menu a { display:block; padding:4px 9px; text-decoration:none; color:#fff; }
#header #menu a:hover, #header #menu a.active { color:#000; }

#page-container { width:960px; background:url(../images/page_bg.jpg) 0 8px no-repeat; text-align:left; margin:0 auto; padding:0 10px; }
#page-container #top { height:8px; background:url(../images/page_top.jpg) 0 0 no-repeat; }
#page-container #bottom { height:8px; background:url(../images/page_bottom.jpg) 0 0 no-repeat; }

#footer { width:940px; height:110px; background:url(../images/footer_bg.jpg) 20px 0 no-repeat; margin:10px auto; padding:0 20px; text-align:left; }
#footer h3 { display:none; }
#footer ul { padding:20px 0 0 285px; }
#footer ul:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
#footer li { float:left; font-size:12px; }
#footer #address { padding:0 15px; width:290px; }
#footer #address address { font-style:normal; }
#footer #credit { padding:0 20px; }
#footer #credit span { color:#fff; }
#footer #credit a { color:#fff; }

/* Communs */

.page { padding:10px; background-color:#FFF; }
.page .hr { margin:5px 0; width:940px; height:8px; background:url(../images/hr.jpg) 0 0 no-repeat; }
.page .image { width:940px; height:280px; }
.page h1 { font-size:20px; font-weight:normal; width:70%; border-bottom:2px dotted #BACED8; padding:0 0 5px 0; margin:20px 0 20px 10px; }
.page .content { margin:10px 10px 50px 10px; }
.page h3 { font-size:16px; font-weight:bold; text-decoration:underline; color:#686B04; margin:0 0 5px 0; }
.page h4 { font-size:14px; font-weight:bold; text-decoration:underline; margin:0; }
.page .marques { margin:30px 10px; }
.page .marques:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.page .marques li { float:left; width:170px; height:80px; margin-right:75px; }
.page .marques .last { margin:0; }


/* Home */


.boxes { background-color:#BACED8; padding:10px; margin:20px 0 10px 0; }
.boxes ul {}
.boxes ul:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.boxes li { float:left; padding:10px; background:#fff url(../images/box_bg.jpg); width:280px; height:130px; margin:0 10px 0 0; position:relative; font-size:12px; }
.boxes .more { position:absolute; width:70px; height:30px; bottom:10px; right:10px; }
.boxes h2 { border-bottom:2px dotted #BACED8; font-size:16px; font-style:italic; font-weight:bold; padding:0 0 5px 0; margin:0 0 10px 0; }
.boxes li p { padding:0 0 0 60px; line-height:1.2em; min-height:50px; }

.boxes .concession {}
.boxes .concession p { background:url(../images/picto_concession.gif) 0 0 no-repeat; }
.boxes .services {}
.boxes .services p { background:url(../images/picto_services.gif) 0 0 no-repeat;  }
.boxes .horaires { margin:0; }
.boxes .horaires p { background:url(../images/picto_horaires.gif) 0 0 no-repeat;  }

/* Actualités page d'accueil ********************************/

.actualites { width:940px; heoght:280px; background:url(../images/actu_bg.jpg) right 0 repeat-y; position:relative; }
.actualites h1 { width:240px; height:65px; background:url(../images/actu_title.png) 0 0 no-repeat; top:0; right:0; position:absolute; margin:0; padding:0; }
.actualites h1 span { display:none; }
.actualites #main_navi {
	position:absolute;
	top:65px;
	right:0;
	padding:0px !important;
	margin:0px !important;
}

.actualites #main_navi li {
	width: 200px;
	height: 20px;
	padding: 10px 10px 5px 30px;
	cursor: pointer;
	float:none;
	color:#000;
	margin-bottom:3px;
	text-transform:uppercase;
}
.actualites #main_navi li { font-size:14px; background:url(../images/btn_actu_off.jpg) 0 0 no-repeat; }
.actualites #main_navi li:hover, .actualites #main_navi li.active { color:#fff; background:url(../images/btn_actu_on.jpg) 0 0 no-repeat; }

.actualites #main {
  width: 700px;
  height: 280px;
  position:relative;
  overflow:hidden;
}

/* root element for pages */
.actualites #pages {
	position:absolute;
	height:20000em;
}

/* root element for horizontal scrollables */
.actualites .scrollable {
	position:relative;
	overflow:hidden;
	width: 700px;
	height: 280px;
}

/* root element for scrollable items */
.actualites .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.actualites .item {
	float:left;
	cursor:pointer;
	width:700px;
	height:280px;
	padding:0;
}

/* Fin actualités ***********************************************/

/* Quads */

.quads {}
.quads p { margin-bottom:45px; }
.quads .content { background:url(../images/quads02.jpg) right 0 no-repeat; padding-right:230px; }


/* Sanspermis */

.sanspermis {}
.sanspermis p { margin-bottom:10px; }
.sanspermis .content { background:url(../images/sanspermis02.jpg) right 0 no-repeat; padding-right:230px; }

/* Scooters */

.scooters {}
.scooters p { margin-bottom:45px; }
.scooters .content { background:url(../images/scooters02.jpg) right 0 no-repeat; padding-right:230px; }

/* Motoculture */

.motoculture {}
.motoculture p { margin-bottom:45px; }
.motoculture .content { background:url(../images/motoculture02.jpg) right 0 no-repeat; padding-right:230px; }
.motoculture .marques li { margin:0 15px 10px 0; }

/* 2 roues */

.deuxroues {}
.deuxroues p { margin-bottom:45px; }
.deuxroues .content { background:url(../images/2roues02.jpg) right 0 no-repeat; padding-right:230px; min-height:420px; }

/* Services */

.services {}
.services h1 { width:80%; }
.services p { margin-bottom:10px; }
.services .content { background:url(../images/services02.jpg) right 0 no-repeat; padding-right:230px; min-height:420px; }
.services .listesrv {}
.services .listesrv li { padding: 10px 0 0 60px; font-weight:bold; font-size:14px; height:40px; margin-bottom:5px; }
.services .listesrv .conseil { background: url(../images/picto_conseil.gif) 0 0 no-repeat; }
.services .listesrv .essai { background: url(../images/picto_essai.gif) 0 0 no-repeat; }
.services .listesrv .gratuit { background: url(../images/picto_livraisongratuite.gif) 0 0 no-repeat; }
.services .listesrv .sav { background: url(../images/picto_sav.gif) 0 0 no-repeat; }
.services .listesrv .domicile { background: url(../images/picto_livraisondomicile.gif) 0 0 no-repeat; }
.services .listesrv .financement { background: url(../images/picto_financement.gif) 0 0 no-repeat; }

/* Contacts */

.contacts {}
.contacts p { margin-bottom:10px; }
.contacts .content {}
.contacts .content:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.contacts .content li { float:left; }
.contacts .content .col-left { width:540px; }
.contacts .content .col-right { width:380px; }
.contacts .content .col-right table { margin:10px 0; }
.contacts .content .col-right td { padding:0 0 15px 0; vertical-align:top; }
.contacts .label { width:120px; }
.contacts input, .contacts textarea { width:200px; border:1px solid #333; }
.contacts .fielderror { background-color:#FCC; }
.contacts .button { color:#FFF; background:#000;  }
.contacts .cnil { font-size:11px; line-height:1.1em; }

.warning {
	border: 1px solid #FF0;
	background-color: #FFC;
	padding: 10px;
	margin: 10px 0;
}
.ok {
	border: 1px solid #3C0;
	background-color: #6F9;
	text-align: left;
	padding: 10px;
	margin: 10px 0;
}
.error {
	border: 1px solid #F00;
	background-color: #FCC;
	padding: 10px;
	margin: 10px 0;
}
.valid{ border:1px solid green !important; background-color:#B2FFE0; }
.invalid{ border:1px dashed #F00 !important; background-color:#FFE5E5; }