body,html,form {width: 100%; height: 100%;}
* {font-family: Verdana, Arial, Helvetica;}
ul, ol, li , dd, dt, dl, html, body, h1, h2, h3, h4, h5, h6, select, input {margin:0px; padding: 0px; list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
th {text-align:left;font-weight:normal;}
/*body {overflow: hidden;}*/
/********************************************************/
/* COMMUN */
/********************************************************/
body {background: url(../images/fond-prin.jpg) repeat-x; margin: 0px; padding: 0px;height : 100%;}
/* Page */
.page {position:absolute; left: 50%; margin: 0px 0px 10px -360px; width: 769px;
background: url(../images/fond-page.jpg);}
.bandeau {height: 150px; background: url(../images/bandeau.jpg) no-repeat;}
/* menu */
.menu {display:block; height: 18px; border-top: 1px solid #687191; border-bottom: 1px solid #687191;}
.menu li {display:block; float:left; border-left: 1px solid #687191; margin: 0px 1px 0px 0px;background: #3f517e;}
.menu a {display:block; padding: 2px 19px; font-size: 12px; font-weight:bold; color:#fff;}
.menuContact a {padding: 2px 24px;}
.tempEquipe {width: 159px;}
/* Titre de page */
.head-title {display:block; width:100%; height: 45px; background: url(../images/Entete-fond.jpg);
border-bottom: 1px dashed #3c4b61; clear:both;}
.head-title li {display:block; float: left; height: 100%;}
.head-title .title {background: url(../images/Entete-titre.jpg) no-repeat; width: 345px;}
.head-title .title h2 {color: #e2e2e2; font-style: italic; font-size: 17px; text-align: center; width: 300px;
padding-top:16px; font-family: Arial; letter-spacing: 1px}
.head-title .info {line-height: 35px; color: #999; font-size: 14px; font-weight: bold;}
.head-title .option,
.head-title .button {float: right; padding: 0px 2px 0px 0px;}
.head-title .button input {margin: 10px 2px 0px 0px;}
/* Message */
.message2 {color:#f90;}
/* Bar de bouton */
.button-bar {clear: both; background: #e3e2e1; border: 1px solid #ccc; height: 30px; line-height: 30px;}
.button-bar * {float: right;}
/* bouton */
.btnOk {display:block; float:left; width:27px; height:22px; background: url(../images/btnOk.jpg);}
/* Erreur */
.erreur {color:#f00;}
/* Pied Page */
.pied-page {background: #000; float:none; clear:both; color:#eee; text-align: right; padding: 2px 5px;
color:#999; text-align: right; font-size: 10px; margin: 10px 0px 0px 0px; }
/*.pied-page {float:none; clear:both; color:#999; text-align: right; font-size: 10px; padding: 5px 10px;
border-top: 1px dashed #333; margin: 0px 65px;}*/
.pied-page a {color:#999; font-size: 10px; color:#999; text-align: right; font-size: 10px; }
/* ident */
.ident {color: #999; margin: 100px auto; font-size: 12px; width: 250px;}
.erreur {color: #f00;}
/********************************************************/
/* ACCUEIL */
/********************************************************/
.accueil-presentation {margin: 5px 0px 20px 0px;}
.accueil-presentation img {display:block; margin: 24px 0px 0px 0px; float:left;}
.accueil-presentation a {border-bottom: 1px solid #000; background: url(../images/accueil-news-fleche.jpg) no-repeat center right;}
.accueil-news {display: block; float: left; background:url(../images/accueil-news.jpg) no-repeat;
width:304px; height: 182px; margin: 10px 0px 5px 30px;}
.accueil-news ul {display: block; margin: 25px 5px 5px 5px;}
.accueil-news li {display: block; height: 30px; padding: 2px 10px;}
.accueil-news a {display: block; height: 100%; padding: 0px 30px 0px 0px; color: #999; font-size: 11px; line-height: 12px;}
.accueil-news a b {color: #fff; font-size: 11px;}
.accueil-news .no-news {background: none;}
.derniere-occasion {float:left; width: 250px; height: 267px; margin: 15px 10px 10px 5px;}
.derniere-occasion img {vertical-align:middle; border: 0px solid #ccc;}
.derniere-occasion b {font-size: 10px; color: #999;}
.occasion-last table td {width: 250px; vertical-align:middle; text-align:center; padding: 18px 0px;}
.occasion-last a {display:block; color: #999; font-size: 11px; padding: 4px 0px;
background:url(../images/accueil-occasion-fleche.jpg) no-repeat center right;}
.accueil-pratique {float:left; width: 180px; height: 267px; background: url(../images/accueil-fiche.jpg);
margin: 15px 0px 0px 0px;}
.accueil-pratique h2,
.accueil-pratique p {display:block; color: #ccc; line-height:13px;}
.accueil-pratique h2 {font-size: 14px; margin: 40px 0px 0px 12px;}
.accueil-pratique p {font-size: 12px; padding: 0px 0px 0px 12px;}
.accueil-pratique a {font-size: 11px; font-weight: bold; color:#ddd;}
.accueil-newsletters {float:left; width: 293px; margin: 15px 0px 0px 20px;}
.accueil-newsletters h2,
.accueil-newsletters p {display:block; color: #ccc;}
.accueil-newsletters h2 {font-size: 14px; margin: 50px 0px 2px 10px;}
.accueil-newsletters p {font-size: 11px; padding: 0px; margin: 5px 0px;}
.accueil-newsletters input {width: 230px; height: 15px; border: 1px solid #666; float:left; margin: 2px 5px 0px 0px; font-size: 11px;}
.accueil-newsletters .desabonnement {clear:both; float:none; color: #666; font-size: 12px; margin: 0px;}
.accueil-newsletters .lien-desabonnement {color: #666; font-size: 12px; margin: 0px;}
.accueil-newsletters .message {clear:both; float:none; color: #f90; margin: 0px 0px 0px 0px; font-size: 12px;}
.accueil-services {float:left; width:293px; height: 160px; background: url(../images/accueil-service.jpg);
margin: 5px 0px 0px 20px;}
.accueil-services a {display:block;}
.accueil-services .service-minute {font-size:11px; margin: 45px 0px 0px 20px; color: #999;}
.accueil-services .financement-assurance {font-size:11px; margin: 40px 0px 0px 20px; color: #fff; line-height: 17px;}
.accueil-services .financement-assurance img {display:block; float:left; border: 0px solid #ccc; margin: 4px 0px 0px 4px;
vertical-align: middle;}
.accueil-services .financement-assurance span
{display:block; float:left; font-size: 10px; color: #fff; line-height: 10px; text-align:right;}
.accueil-services .financement-assurance label
{display:none; clear:both; font-size: 11px; color: #fff; line-height: 10px; text-align:right; padding: 5px 25px 0px 0px;}
.occasions-recentes {clear:both; float: none; margin: 10px 0px;}
.occasions-recentes table {display: block; margin: 5px 0px 0px 0px; border-bottom: 1px dashed #687191; padding: 5px 5px;}
.occasions-recentes table td {color :#999; font-size: 11px; vertical-align: top; padding: 0px 5px;}
.occasions-recentes table b {color :#999; font-size: 11px; }
.occasions-recentes table .detail {width: 150px;}
.occasions-recentes table .description {width: 500px;}
.occasions-recentes table .img {width: 115px; text-align: center; vertical-align: middle}
.occasions-recentes table .fleche {width: 20px; height: 100%; vertical-align:middle;}
.occasions-recentes table .fleche a {display:block; width: 20px; height: 50px; background: url(../images/accueil-occasion-fleche.jpg) no-repeat center center;}
/********************************************************/
/* NEWS LETTER */
/********************************************************/
.magasin-moto-neuves {background: url(../images/filigrane_moto.jpg); clear: both;}
.magasin-accessoires {background: url(../images/filigrane_accessoires.jpg); clear: both;}
.magasin-services {background: url(../images/filigrane_services.jpg); clear: both;}
.magasin * {}
.magasin h2 {color:#f90; font-size: 18px;}
.magasin h3 {color:#666; font-size: 16px;}
.magasin h4 {color:#99c; font-size: 10px;}
.magasin h5 {color:#999; font-size: 12px;}
/********************************************************/
/* NEWS LETTER */
/********************************************************/
.news-message {margin: 30px; text-align: center; font-size: 12px; color:#999; min-height: 100px;}
.news-menu {float:left; margin: 10px 0px 0px 2px; width: 185px; border-top: 1px dashed #3c4b61; min-height: 300px;}
.news-menu h5 {display:block; color: #ccc; font-size: 13px; font-weight: bold; margin: 5px 0px; text-align:center;}
.news-menu a {display:block; margin: 5px 5px; padding: 5px 0px; color: #777; font-size: 11px; border-top: 1px solid #000;}
.news-menu b {color: #aaa; font-size: 12px;}
.news-menu span {font-family:Arial; font-size: 9px; font-weight: normal;}
.news-list {float:left; margin: 10px 0px 0px 0px; width: 575px;
border-left: 1px dashed #3c4b61; border-top: 1px dashed #3c4b61; overflow: auto;}
.news {margin: 5px; border-bottom: 1px dashed #3c4b61;}
.news h4 {color: #999; font-weight: normal; font-size: 10px;}
.news h2 {display:block; color: #f90; font-size: 15px; margin: 5px 0px;}
/********************************************************/
/* OCCASIONS */
/********************************************************/
.moto-occasions {margin: 20px 0px 0px 0px;}
.occasions-info {float:left; width: 350px; height: 150px; margin: 0px 00px 0px 0px;
background: url(../images/occasion-entete-filigran.jpg) no-repeat left top;}
.occasions-info * {color: #999; font-size: 12px; font-weight:bold;}
.occasions-info li {display:block; padding: 0px 0px 0px 30px; background: url(../images/occasion-puce.gif) no-repeat left top;
margin: 20px 10px;}
.occasions-info div {text-align: right;}
.occasions-recherche {float:left; width: 400px;}
.occasions-recherche ul {display:block; height: 50px;}
.occasions-recherche li {display: block; float:left; width: 120px; color: #999; font-weight: bold; line-height: 20px;
font-size: 10px;}
.occasions-recherche .tt {width: 40px;}
.moto-occasions .head-title {float:none; clear: both;}
.moto-occasions .head-title a {display:block; float: left; padding: 4px 0px 4px 30px; color: #999; font-size: 10px;
line-height: 10px; margin: 0px 5px 0px 10px; background: url(../images/occasion-tri-bas.jpg) no-repeat center left;}
.occasions-liste {min-height: 400px;}
.occasions-liste .loader {color: #f90; font-size: 12px; font-weight:bold; width: 200px; margin: 10px auto;}
.occasion_page {text-align:center; border-bottom: 1px dashed #3c4b61; font-size: 12px; color: #3c4b61;}
.occasion_page * {width: 25px; padding: 2px; font-size: 12px; color:#f90; line-height: 30px;}
.moto-occasions .occasion {float:left; width: 383px; height: 120px; border-right: 1px dashed #3c4b61; border-bottom: 1px dashed #3c4b61;}
.moto-occasions .occasion * {color: #999; font-size: 9px;}
.moto-occasions .occasion table {margin: 10px;}
.moto-occasions .occasion .detail {vertical-align: top; width: 135px; height: 60px;}
.moto-occasions .occasion .description {height: 30px; overflow: hidden;}
.moto-occasions .occasion .imgth {background: url(../images/th_default.jpg) no-repeat center center); text-align: center;}
.moto-occasions .occasion img {border: 2px solid #3c4b61;}
.moto-occasions .lien-fiche {height: 100%;}
.moto-occasions .lien-fiche a {display:block; width: 20px; height: 100%; background: url(../images/accueil-occasion-fleche.jpg) no-repeat center center;
}
.occasion-fiche .info {border-bottom: 1px dashed #3c4b61; height: 40px;}
.occasion-fiche .info a,
.occasion-fiche .info p {margin: 2px 20px;}
.occasion-fiche .info a {display:block; float:right; padding: 0px 0px 0px 36px; height: 36px; line-height:36px;
color:#999; font-size:12px; font-weight:bold;background: url(../images/fleche-retour.jpg) no-repeat left center;}
.occasion-fiche .info p {font-weight: bold; color: #eee; font-size: 12px; line-height: 36px; float:left;}
.occasion-fiche .detail {display:block; width: 250px; float:left; margin: 20px 10px 20px 20px; min-height: 400px;}
.occasion-fiche .detail h5 {text-indent: 35px; height: 32px; margin: 10px 0px 10px 50px; color: #999; line-height: 32px;
font-size: 12px;}
.occasion-fiche .detail .type {background: url(../images/occasion-type.jpg) no-repeat center left;}
.occasion-fiche .detail .marque {background: url(../images/occasion-marque.jpg) no-repeat center left;}
.occasion-fiche .detail .modele {background: url(../images/occasion-modele.jpg) no-repeat center left;}
.occasion-fiche .detail .cylindree {background: url(../images/occasion-cylindree.jpg) no-repeat center left;}
.occasion-fiche .detail .km {background: url(../images/occasion-km.jpg) no-repeat center left;}
.occasion-fiche .detail .prix {background: url(../images/occasion-prix.jpg) no-repeat center left;}
.occasion-fiche .detail .couleur {background: url(../images/occasion-couleur.jpg) no-repeat center left;}
.occasion-fiche .detail h2 {margin: 30px 20px 5px 20px; color:#999; font-size: 10px;}
.occasion-fiche .detail-image {float:left; width: 480px;}
.occasion-fiche .image {display:block; width: 455px; float:left; height: 370px; margin: 0px 0px 0px 10px;}
.occasion-fiche .image td {vertical-align: middle; text-align: center; width: 455px; height: 305px;
background: url(../images/fond-photo.jpg) no-repeat center center;}
.occasion-fiche .image img {display:none; max-width: 355px; margin: auto;}
.occasion-fiche .image .first {display:block;}
/*** Visonneuse ***/
.visionneuse {float: left; width: 450px; height: 95px; margin: 0px 20px 20px 10px;}
.visionneuse .gauche,
.visionneuse .droite,
.visionneuse .gaucheFleche,
.visionneuse .droiteFleche {display:block; float: left; width: 32px; height: 100%;}
.visionneuse .gaucheFleche {background: url(../images/fleche-gauche.jpg) no-repeat center center;}
.visionneuse .droiteFleche {background: url(../images/fleche-droite.jpg) no-repeat center center;}
.visionneuse .scroll-image {display:block; float: left; width: 370px; height: 95%; overflow: hidden; margin: 2px 8px;}
.visionneuse td {vertical-align:middle; background: url(../images/occasion-fond-thumb.jpg) no-repeat; width:86px; height:86px;
text-align:center;}
.visionneuse .scroll-image a {display:block; width: 85px; text-align:center; margin: 0px 5px 0px 0px;}
.visionneuse img {border: 0px solid #ccc;}
/********************************************************/
/* EQUIPE */
/********************************************************/
.equipe-info .head-title {position:relative; top: 25px;}
.equipe-info p {position:absolute; right: 5px; width: 415px; color:#999; font-size: 10px; margin-top: -30px;}
.equipe {margin-top: 40px; background: url(../images/equipe-fond.jpg) no-repeat center 20px; min-height: 500px;}
.equipe table * {color: #999; vertical-align:top;}
.equipe .img {vertical-align:middle;}
.equipe th {color: #f90; font-size: 12px;}
/********************************************************/
/* CONTACT */
/********************************************************/
.contact p {color:#999; margin: 20px 30px; font-size: 12px;}
.contact .info {width: 300px; float:left; color:#999; margin: 20px 30px; font-size: 12px; font-weight: normal;}
.contact b {color:#999; font-size: 12px;}
.contact .info a {color:#999; font-size: 12px;}
.contact .info a {color:#999; font-size: 12px;}
.contact .info .partenaire-dryms-cars-location img {margin: 0px; padding: 0px;}
.contact .formulaire {float:left; width: 300px; color: #999; margin: 8px 0px; font-size: 10px; font-weight: bold;}
.contact .formulaire h5 {color: #f90; font-size: 14px; margin-bottom: 10px;}
.contact input,
.contact textarea {width: 100%; border: 1px solid #999; margin-bottom: 10px;}
.contact input {width: 100%;}
.contact textarea {width: 100%; height: 60px;}
.contact img {margin: 10px 30px;}
.contact .formulaire a {display:block; background: url(../images/btnEnvoyer.jpg) no-repeat center center; width: 76px; height: 22px;
float:right;}
.contact .merci {text-align:center; font-size: 10px; margin: 20px 0px; width: 350px; font-weight: normal;}
/********************************************************/
/* POPIN */
/********************************************************/
div#voile
{
position : absolute;
top : 0px;
left : 0px;
width : 100%;
background-color : #000;
opacity : 0.5;
filter : alpha(opacity=50);
z-index : 900;
}
div.popin
{
display : none;
position : absolute;
width : 400px;
min-height : 150px;
padding : 25px;
z-index : 1000;
font-size : 14px;
font-family : Arial;
border : 1px solid #2c3c56;
color : #fff;
border-radius : 5px;
background: -moz-linear-gradient(top, #1d2a56 0%, #101e43 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d2a56), color-stop(100%,#101e43)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d2a56 0%,#101e43 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d2a56 0%,#101e43 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1d2a56 0%,#101e43 100%); /* IE10+ */
background: linear-gradient(top, #1d2a56 0%,#101e43 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2a56', endColorstr='#101e43',GradientType=0 ); /* IE6-9 */
}
div.popin a.close
{
display : block;
position : absolute;
top : 8px;
right : 8px;
width : 30px;
height : 30px;
background : url('../images/btnPopInClose.png') left top no-repeat;
}
div.popin ul
{
margin : 20px;
}
div.popin ul li
{
}