/* FORMS */
input, select, textarea, button { font:11px Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #d0d0d0; padding:2px; }
select { border:1px solid #d0d0d0; padding:1px; }
input.radio { margin:0 0 -3px 0; }
input.checkbox { margin:0 0 -1px 0; }

#colLeft h1 { margin-bottom:14px; }
.intro { padding-left:21px; }

/* NAV CONTEXT */
.navContext { float:left; width:160px; padding:0 0 0 9px; }
.navContext ul li { display:inline; }
.navContext ul li a { display:block; color:#797979; text-decoration:none; border-bottom:1px solid #828282; padding:5px 0 5px 20px; }
.navContext ul li a.on { color:#053485; background:url(../img/vague-jaune-2.gif) left 7px no-repeat; border-color:#ffc62c; }
.navContext ul li a:hover { text-decoration:underline; }
.navContext ul li ul { margin:0; padding:3px 0 4px 0; border-bottom:1px solid #828282; }
.navContext ul li ul li a { background:url(../img/list-nav-context.gif) 20px 7px no-repeat; padding:2px 0 3px 34px; border:none; }
.navContext ul li ul li a.on { background:url(../img/list-nav-context-on.gif) 20px 7px no-repeat; }
.navContext ul li ul li ul { margin:0; padding:3px 0 4px 10px; border-bottom:none; }
.navContext ul li ul li ul li a { background:url(../img/point-gris.gif) 24px 7px no-repeat; padding:2px 0 3px 38px; border:none; }
.navContext ul li ul li ul li a.on { background:url(../img/point-jaune.gif) 24px 7px no-repeat; }

/* FICHE */
#ficheConteneur { background:#f7e282; padding:11px; margin:0 0 13px 0; }
#topFiche { background:#fff; }
form#topChange { float:right; font-size:11px; background:url(../img/mini-car.gif) 8px center no-repeat; padding:0 0 0 35px; border-left:3px solid #f7e282; border-bottom:3px solid #f7e282; }
form#topChange select { border-color:white; }
.fiche { float:left; width:495px; padding:0 0 20px 30px; }
.fiche#fullPage { width:auto; float:none; padding:0 14px 20px 9px; }
.fiche h4 { color:#828282; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.fiche h4.line {border-bottom:1px solid #828282; padding:0 0 3px 0; margin:0 0 5px 0; }
#colLeft .fiche h2 { text-transform:uppercase; border-bottom:2px solid #ffc62c; padding:0 0 5px 0; }
.fiche form fieldset { border-bottom:1px solid #ffc62c; padding-top:15px; }
.fiche form fieldset.last { border:none; }
.fiche form .inputText { width:176px; }
.fiche form textarea { width:176px; }
.fiche form label.espace-perso, 
            .fiche form .fakelabel { float:left; display:block; padding:3px 0 0 0; width:295px; }
.fiche form .fakelabel { padding:0; }
.fiche form label.radio { float:none; padding:0 15px 0 0; display:inline; width:auto; }
.fiche a { color:#828282; }
.fiche a:hover { text-decoration:none; }
#colLeft .fiche p { margin:0; padding:0 0 12px 0; }
#colLeft .fiche p.button { padding-top:10px; }
.nota { font-size:9px; display:block; margin-top:-3px; }
.fiche .field1 .pic { padding:0 0 20px 0; }
#colLeft .fiche p.nota { font-size:9px; float:left; width:295px; }

/* ALERTE */
#colLeft .alerte { clear:both; background:url(../img/perso-bg-alerte.gif) left bottom repeat-x; }
#colLeft .alerte p { font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0 0 11px; color:white; margin:0; }
#colLeft .alerte img { vertical-align:middle; margin-top:-5px; margin-right:10px; }
#colLeft .alerte span.echeance { font:12px Arial, Helvetica, sans-serif; padding-left:11px; }

/* BOTTOM BLOCKS */
#bottomBlocks { margin:10px 0 0 0; }
#bottomBlocks p { padding:0 0 5px 0; margin:0; color:#323232; }
#bottomBlocks .nota { font-size:9px; }
#bottomBlocks p.button { text-align:right; }
#bottomBlocks .block { float:left; width:203px; border:1px solid #ffc62c; border-left:none; padding:15px 15px 0 15px; height:190px; }
#bottomBlocks .block a { color:#323232; }
#bottomBlocks #bottomBlock3 { border-right:0; }
#bottomBlocks .address { background:#eae7e7; padding:5px 0 1px 9px; margin:0 0 12px 0; }
#bottomBlocks .address a { text-decoration:none; }
#bottomBlocks .pic { margin:0 0 5px 0; }
#bottomBlocks .block p.title { margin:0; padding:0 0 5px 0; }

/* ESPACE PERSO COL RIGHT */
#espacePersoCol { float:right; width:215px; }
#espacePersoCol h3 { }
#espacePersoCol .inside { background:url(../img/espace-perso-right-col-inside.gif) left top repeat-y; }
#espacePersoCol .header { background:url(../img/espace-perso-right-col-hd.gif) left top no-repeat; width:215px; height:20px; }
#espacePersoCol .footer { background:url(../img/espace-perso-right-col-ft.gif) left top no-repeat; width:215px; height:20px; }
#espacePersoCol .block { border-bottom:1px solid #c5c5c5; margin:0 10px 16px 10px; color:#828282; padding:0 0 9px 0; }
#espacePersoCol .block p { padding:0 0 8px 0; }
#espacePersoCol #entretien h3 { background:url(../img/h3-entretien.gif) left top no-repeat; text-indent:-9999px; overflow:hidden; height:18px; }
#espacePersoCol #services h3 { background:url(../img/h3-services.gif) left top no-repeat; text-indent:-9999px; overflow:hidden; height:18px; }
#guidePratique { border:0; background:none; }
#guidePratique h3 { margin:0 0 6px 15px; background:url(../img/h3-guide-pratique.gif) left top no-repeat; text-indent:-9999px; overflow:hidden; height:12px; }

/* WHERE AM I */
p#whereAmI { padding:4px 0 16px 28px; margin:0 0 0 199px; background:url(../img/mini-car.gif) left 6px no-repeat; }
p#whereAmI strong { color:#053485; }


/* KILOMETRAGE */
.field0 { border-bottom:1px solid #ffc62c; padding-top:15px; padding-bottom:15px; }
.bottomLine { border-bottom:1px solid #ffc62c; padding-bottom:15px; }
.field0 .pic { float:left; width:295px; }
.field0 .col2 { float:left; width:195px; }
#colLeft .fiche .kilometres p { padding:0 0 2px 0; margin:0; }
.fiche .kilometres form .inputText { width:130px;}
.compteur{ width:176px; height: 30px; font:bold 20px Arial, Helvetica, sans-serif; color: #000; }
.compteur span{ float:left; text-align:center; padding:2px 0 0 0; margin:0 0 0 1px; width:21px; height:30px; background-image: url(../img/fiche-compteur.gif); background-repeat: no-repeat; }
.majkm { margin:10px 0 20px 0; }

/* FICHE INFOS */
#colLeft .fiche .infos { padding:0 0 10px 0; }
#colLeft .fiche .infos p { padding:0 0 0 0; margin:0; }
#colLeft .fiche .infos .boutons { padding:10px 0 10px 0; border-bottom:1px solid #c8b3a2; }
#colLeft .fiche .infos .boutons p { padding:0 0 6px 0; }


/* CONSEILS */
.sousmenu {padding: 3px 0 4px 120px; }
#colLeft .fiche h3 { font:bold 12px Verdana, Helvetica, sans-serif; color:#053485; padding:0 0 10px 0; }
#colLeft .fiche h5 { font:bold 11px Verdana, Helvetica, sans-serif; color:#828282; padding:0 0 10px 0; }
#colLeft .fiche#fullPage h5 { padding:0; }
.gray { background-color: #f2f2f6; padding:10px 0 0 0; }
.illustration { padding:0 10px 4px 10px; float:left; }
.sousmenu ul li { margin:0; padding:1px 0 0 0; }
.sousmenu ul li a { text-decoration: none; background:url(../img/point-gris.gif) 0 7px no-repeat; padding:2px 0 3px 10px; border:none; color: #828282; }
.sousmenu ul li a.on { background:url(../img/point-bleu.gif) 0 7px no-repeat; color:#053485; }
.sousmenu ul li a:hover { text-decoration:underline; }
.contenu { border: 1px solid; border-color: #c5c5c5; margin-top: 15px; padding: 5px 10px 10px 5px; }
.liste li { background: url(../img/btn-tiret.gif) 0 7px no-repeat;  padding:0px 0 0px 10px; border:none;}

/* Alerte - Agenda */
.rappelmois { height:38px; background-image: url(../img/cartouche-calendrier.gif); background-repeat:no-repeat; clear:both; }
.flechemoisleft { width:39px; height:23px; float:left; padding:15px 5px 0px 0px; }
.flechemoisright { width:15px; height:23px; float:left; padding:15px 0 0 0; }
.ongletsmois { width:436px; font:bold 11px Arial, Helvetica, sans-serif; float:left; padding:9px 0px 0px 0px; }
.ongletscontent { margin:0 auto; width:446px; }
.calendrierbtntop, .calendrierbtntop-active{ float:left; padding:0; margin:0px 2px 0px 0px; height:29px; line-height:27px; font:Arial, Helvetica, sans-serif; }
.calendrierbtntop img, .calendrierbtntop-active img{ float:left; margin: px 0 0 5px; }
.calendrierbtntop span, .calendrierbtntop-active span{ float:left; cursor:pointer; }
.calendrierbtntop a { float:left; padding:0px 2px 0px 2px; background-image: url(../img/btn-top-fiche-central2.gif); background-repeat:repeat-x; color:#8F9292; text-decoration:none; }
.calendrierbtntop-active a { color:#788eab; text-decoration:none; float:left; padding: 0px 2px 0px 2px; background-image: url(../img/btn-top-fiche-central1.gif); background-repeat: repeat-x; }
.calendrier-btn-active-left-a1 { float:left; width:4px; height:29px; background-image: url(../img/btn-top-fiche-left1.gif); background-repeat: repeat-x; }
.calendrier-btn-active-left-a2 { float:left; width:4px; height:29px; background-image: url(../img/btn-top-fiche-left1b.gif); background-repeat: repeat-x; }
.calendrier-btn-active-right-a { float:left; width:4px; height:29px; background-image: url(../img/btn-top-fiche-right1.gif); background-repeat: repeat-x; }
.calendrier-btn-left-a1 { float:left; width:4px; height:29px; background-image: url(../img/btn-top-fiche-left2.gif); background-repeat: repeat-x; }
.calendrier-btn-left-a2 { float:left; width:4px; height:29px; background-image: url(../img/btn-top-fiche-left2b.gif); background-repeat: repeat-x; }
.calendrier-btn-central-a a { color: #8F9292; }
.calendrier-btn-right-a { float:left; width:4px; height:29px; background-image: url(../img/btn-top-fiche-right2.gif); background-repeat: repeat-x; }
.fichecontenucentraleAlerte { padding:10px 2px 2px 6px; margin-bottom:9px;}
.fichecontenucentraleAlerte table { font:12px Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; float:left; }
.fichecontenucentraleAlerte td span { padding:2px 3px 0px 0px; display:block; float:right;}
.fichecontenucentraleAlerte td { width:63px; height:45px; background-image: url(../img/case-calendrier.gif); background-repeat: no-repeat; color:#678496; vertical-align:top; margin:0 2px 2px 0; }
.fichecontenucentraleAlerte td.tdjourdate { height:43px; background-image: url(../img/case-calendrier-date.gif); background-repeat: no-repeat; color: #000000; }
.fichecontenucentraleAlerte td.tdjours { height:22px; background-image: url(../img/case-jour-calendrier.gif); background-repeat: no-repeat; font:10px Arial, Helvetica, sans-serif; color:#000000; padding-right:6px; }



/*Djouwad */

div#texte1{ width:100; float:left; }
div#texte2{ width:100; margin-left: 200px;}
.plansite ul li {display:block; padding: 0 0 2px 50px; }
.plansite ul li a {text-decoration: none; background:url(../img/point-gris.gif) 0 7px no-repeat; padding:2px 0 3px 10px; border:none; color: #828282; }
.plansite ul li a:hover { text-decoration:underline; }
.plansite ul li ul { padding: 0 0 2px 5px; }



/* Bulle d'informations rollover sur les alertes */
#dhtmltooltip
{
    position: absolute;
    border: 1px solid #D3D8DD;
    padding: 10px;
    background: #fff url(../img/bg_alertBulle.gif) 0 bottom repeat-x;
    visibility: hidden;
    z-index: 100;
    width: 100px;
}

/* telechargements	*/
.catalogue { margin:11px 10px 10px 10px;}
.accessoires { margin-left:150px; height:100px; }
.accessoires h3	{ margin-bottom:13px; }
.accessoires ul.bottom {}
.accessoires ul.bottom li { width:159px; float:left; display:inline; }
.accessoires ul.bottom li a { color:#000; text-decoration:none; }

/* end */