/* CSS Document */

body {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#393832;
background-color:#383732;
}

a, a:visited {color:#666;text-decoration:none;}
a:hover {color:#E76F00;}

h1, .h1 {position:absolute;left:391px;top:168px;font-size:16px;font-weight:normal;color:#2F354B;}

h2, .h2 {font-size:12px;font-weight:bold;padding:5px 0 10px 0;color:#393832;}
h3, .h3 {font-size:10px;font-weight:normal;padding:5px 0 7px 0;}

p {padding:5px 0 5px 0;text-align:justify;}

#global {position:relative;}

#global-right{
position:absolute;
right:0;
width: 50%;
height:1297px;
background:#0D0C06;
}

#main {
position:relative;
background:url(/img/bg.jpg) no-repeat center top;

}

#main-cont {
position:relative;
width:990px;
height:1297px;
margin:0 auto;
background:url(/img/bgc.jpg) no-repeat;
}

ul#menu-h {position:absolute;top:122px;left:356px;list-style:none;}
#menu-h li {float:left;padding:0 7px;height:18px;border-right:1px solid #2E344B;}
#menu-h li a {display:block;margin-top:2px;height:16px;background-repeat:no-repeat;}
#menu-h li a.mh:hover, #menu-h li a.aktif {visibility: visible;}
#menu-h li a.mh:hover img, #menu-h li a.aktif img {visibility: hidden;}
#menu-h li a.mh1 {width:80px;background-image:url(/img/mh1-o.gif);}
#menu-h li a.mh2 {width:80px;background-image:url(/img/mh2-o.gif);}
#menu-h li a.mh3 {width:116px;background-image:url(/img/mh3-o.gif);}
#menu-h li a.mh4 {width:117px;background-image:url(/img/mh4-o.gif);}

div#menu-g {position:absolute;top:228px;left:142px;width:140px;height:289px;list-style:none;}
#menu-g div a {display:block;padding:0;margin:0;margin-bottom:20px;width:140px;height:42px;background-repeat:no-repeat;}
#menu-g div a.mg:hover, #menu-g div a.aktif {visibility: visible;}
#menu-g div a.mg:hover img, #menu-g div a.aktif img {visibility: hidden;}
#menu-g div a.mg1 {background-image:url(/img/mg1-o.gif);}
#menu-g div a.mg2 {background-image:url(/img/mg2-o.gif);}
#menu-g div a.mg3 {background-image:url(/img/mg3-o.gif);}
#menu-g div a.mg4 {background-image:url(/img/mg4-o.gif);}
#menu-g div a.mg5 {background-image:url(/img/mg5-o.gif);}

#motos {position:absolute;right:2px;top:72px;height:330px;width:183px;}

#flash {position:absolute;top:28px;left:458px;width:58px;height:76px;}

#adresse_header {position:absolute;top:42px;left:510px;width:170px;height:45px;
font-size: 10px;
text-align: right;
color:#CCC9BA;
}

/* CONTENU ***********/

#content {
position:absolute;
top:220px;
left:325px;
width:477px;
}

.cscrollbar {
padding-right:4px;
height: 850px;
overflow: auto;
}

.actu h2 {padding:0;}
.prepa h2 {padding-bottom:12px;}
.actu h3 {padding:0;padding-bottom:10px;}
.actu .vign-actu {float:left;margin:5px 7px 0 0;width:183px;height:135px;background:url(/img/vignette-bg.gif); }
.actu .vign-actu img {padding-top:17px;padding-left:26px; }


.vign-prepa {
position:relative;
float:left;
margin-right:7px;
margin-bottom:5px;
}

.vign-stylehd {
position:relative;
float:right;
}

.vign-prepa img, .vign-stylehd img {padding:1px;border:1px #393832 solid;}

.vign-prepa .zoom {
position:absolute;
right:2px;
top:59px;
width:11px;
height:50px;
background:url(/img/zoom-prepa.gif) no-repeat;
}

.vign-stylehd .zoom1, .vign-stylehd .zoom2 {
position:absolute;
left:44px;
top:2px;
width:48px;
height:9px;
background:url(/img/style-zoom.gif) no-repeat;
}

.vign-stylehd .zoom2 {top:99px;}


.page_contact {font-size:10px;}
.page_contact a  {text-decoration:underline;color:#393832;}
.page_contact a:hover {text-decoration:none;}
#contact-b1 {margin-left:268px;}

.bord-point {width:450px;height:1px;margin:12px auto;border-top:1px #383732 dashed;}

#form-contact {width:472px;height:467px;color:#2E344B;padding-top:10px;background:url(/img/bg-contact.jpg) no-repeat;}
#form-contact fieldset {padding:10px;}
#form-contact .gauche_input {float:left;padding-top:4px;}
#form-contact select, #form-contact input {float:right;width:280px;}
#form-contact input {width:277px;}
#form-contact .submit {margin-top:10px;width:auto;}

table.occas {font-size:0.8em; border-collapse:collapse;width:472px;background:url(/img/tab-occas-top.gif) no-repeat center top;margin-top:5px;}
table.occas td {border:1px #C4BFAA solid;border-top:none;text-align:center;color:#C4BFAA;padding:2px;}
table.occas td {color:#C4BFAA;}
table.occas tr.occas-top {height:49px;}
table.occas tr.occas-top th {vertical-align:bottom;text-align:center;}
table.occas tr.occas-top th span {position:relative;bottom:5px;}
table.occas tr.cl0 td.tab-dec {width:5px;background:#393832 url(/img/tab-dec.gif) no-repeat 50% 50%;}
table.occas tr.cl1 td.tab-dec {width:5px;background:#5C5A50 url(/img/tab-dec.gif) no-repeat 50% 50%;}

table.occas tr.cl0, table.occas td.cl0 {background-color:#393832;}
table.occas tr.cl1, table.occas td.cl1 {background-color:#5C5A50;}
.tab-bot {position:relative;top:-1px;height:9px;background:url(/img/tab-bot.gif) no-repeat;}
table.occas.tab-buell  {background:url(/img/tab-occas-top2.gif);}
table.occas a {color:#C4BFAA;display:block;}

.occas-vign {
width:150px;
height:110px;
margin-bottom:3px;
background:url(/img/occas-detail-photo.gif) no-repeat;
}

.occas-vign img {padding:1px;border:1px #393832 solid;}

#occas-fiche {
float:right;
width:292px;
height:305px;
padding:20px 5px 10px 15px ;
margin-bottom:10px;
font-size:10px;
color:#0D0C06;
background:url(/img/occas-detail-fiche.gif) no-repeat;
}

#occas-fiche p {padding-bottom:0;}

#occas-pagin {
position:absolute;
top:760px;
width:477px;
padding-top:15px;
height:70px;
}

#occas-pagin #pagination {text-align: center;}


a.occas-retour {
position:absolute;
top:6px;
right:30px;
width:11px;
height:13px;
padding-left:20px;
background:url(/img/fleche-retour.gif) no-repeat left center;
}

a.occas-retour-b {
position:absolute;
top:6px;
right:30px;
width:11px;
height:13px;
padding-left:20px;
background:url(/img/fleche-retour.gif) no-repeat left center;
}

a.occas-contact {
width:11px;
height:13px;
padding-left:20px;
background:url(/img/fleche-contact.gif) no-repeat left center;
}

#occas-description {margin-top:10px;margin-bottom:10px;width:476px;font-size:10px;}

#occas-description #desc-top {
width:476px;
height:16px;
background:url(/img/occas-desc-top.gif) no-repeat left top;
}

#occas-description #desc {
padding-bottom:20px;
background:url(/img/occas-desc-bot.gif) no-repeat left bottom;
}

#occas-description #desc p {
width:440px;
max-height:280px;
padding:10px 15px 0 15px;
border-left:1px #2E344B solid;
border-right:1px #2E344B solid;
overflow: auto;
}

ul.accessoires {margin-top:45px;width:140px;}

ul.accessoires li {padding-left:7px;height:18px;background:url(/img/puce.gif) no-repeat 0 5px;}

#stylehd {font-size:10px;}

.style-tri {font-size:10px;height:17px;margin:1px 0;background-color:#2E344B;}
.sel-tri {float:left;}
.sel-tri a, .sel-tri a:visited {color:#fff;}
.sel-tri a:hover, .sel-tri a.aktif {color:#EE7F01;}
.sel-tri img {padding:0 10px;vertical-align:top;}
.sel-tri span {position:relative;top:2px;}
.bord-tri {margin:0;border-bottom:1px #A8A492 solid;}
.cadre-tri {margin:0;border:1px #A8A492 solid;}



.style-hd {position:relative;width:477px;height:105px;}

.style-texte {float:left;width:68%;}

.style-texte .prix {position:absolute;bottom:0;right:32%;text-align:right;}

a.gam-toute {
width:11px;
height:13px;
padding-left:20px;
background:url(/img/gam-fleche.gif) no-repeat left bottom;
}

.presse {position:relative;float:left;padding-left:10px;height:95px;font-size:0.8em;}
.presse-tele {position:absolute;bottom:1px;width:358px;height:19px;text-align:right;background-color:#393832;}

#liens-utiles p {margin:0;padding:0;}
#liens-utiles img {float:left;margin:10px 0 0 10px}
#liens-utiles h2 {font-weight:normal;padding:0 0 7px 0;}


#menu_footer {position:absolute;bottom:148px;left:332px;width:290px;height:45px;}
#menu_footer ul {clear:both;list-style:none;}
#menu_footer li {float:left;padding:0 7px;background:url(/img/menu-bar.gif) no-repeat right 3px;margin-bottom:5px;}
#menu_footer a {font-size:9px;color:#2F354B;}
#menu_footer a:hover {color:#fff;}

#adresse_footer {
position:absolute;bottom:73px;left:282px;width:400px;height:45px;
font-size: 10px;
text-align: center;
letter-spacing: 1px;
color:#383732;
}

#footer {position:absolute;width:100%;bottom:15px;font-size: 10px;color:#C4BFAA;}

.imgbord {padding:1px;border:1px #393832 solid;}

.cp_error {background-color:#EE7F01;}

/* Utilites Positionnement ***********/

.bordure {clear:both;height:1px;width:449px;margin:0 auto;padding:15px 0;background:url(/img/bordure.gif) no-repeat center center;} 
.puce {padding-left:10px;background:url(/img/puce.gif) no-repeat left center;}
.puceli li {margin:0 0 5px 35px;padding-left:10px;background:url(/img/puce.gif) no-repeat left center;}
.pucet {margin-left:4px;padding-left:10px;background:url(/img/pucet.gif) no-repeat left 8px;}


.lettrine {float:left;position:relative;left:-4px;font-weight:bold;font-size:40px;line-height:35px;}



.clr_1, a.clr_1 {color:#EE7F01;} /* Orange */
.clr_2, a.clr_2 {color:#C4BFAA;} /* Beige (fond) */
.clr_3, a.clr_3 {color:#393832;} /* Gris texte par defaut */
.clr_4, a.clr_4 {color:#2E344B;} /* Bleu */
.clr_5, a.clr_5 {color:#0D0C06;} /* Noir */

.clr_9, a.clr_9 {color:#DDD8C5;} /* Beige clair intro */

