@CHARSET "UTF-8";
body { color:#333; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:9pt; margin: 0; padding: 0; background-color:#FFFFFF; background:#FFFFFF url(../images/arp.jpg) repeat-x; }
table { font-size:1em; }
p,
form { margin:0; }
.p2 { margin:5px 0; font-weight:bold }
.rouge { color:#CC0000; }
.bleu { color:#006699; }
.imageright { float:right; margin: 0 0 10px 10px; }
.imageleft { float:left; margin: 0 10px 10px 0; }
.imagecadre { border: #ddd 1px solid; padding:5px }
.textesmall { font-size:0.9em; color:#999; }
.absmiddle { vertical-align:middle}
/* ---- Les liens ----- */
a img { border:0; }
a:link,
a:visited,
a:active { color: #0184B6; text-decoration: none; }
a:hover { color: #ff3300; text-decoration: none; }
.arouge:link,
.arouge:visited,
.arouge:active { color: #cc0000; text-decoration: none; }
.arouge:hover { color: #990000; text-decoration: underline; }
/* ---- Le menu gauche ---- */
.menuv { }
.menuv p { text-indent:12px; }
.menuv a:link,
.menuv a:visited,
.menuv a:active { padding:3px 0; color: #fff; text-decoration: none; display:block; border-bottom:1px dotted #ddd; }
.menuv a:hover { color: #00315d; text-decoration: none; background-color:#4fb9ff; }
/* ---- Les titres ----- */
h1 { color: #333; font-style:normal; font-weight:bold; font-size:1.5em; margin: 0 0 5px 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif }
h2 { color:#4699c3; font-style: italic; font-weight:normal; font-size:1.2em;  margin: 0px 0 10px 15px; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif}
h3 { color:#000; font-style:normal; font-weight:bold; font-size:1.1em; margin: 15px 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h4 { color:#c00; font-style:normal; font-weight:bold; font-size:1.1em; margin: 10px 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* ----- Les listes */
ul { list-style: none; list-style-image:url(../images/puce.jpg); padding: 0px; margin: 10px 0; text-align: left; }
li { margin:0 0 0 15px; padding:0; text-align:justify; }
/* ------------ Le tableau -------------*/
.tableliste thead tr { background-color: #000000; color: #fff; }
.tableliste tbody tr { background-color: #f5f5f5; }
.tableliste p { margin:0; }
.tableliste tbody tr:hover { background-color: #e0e0e0; }
/* ---- la partie simulateur ---- */
.simulateur { width: 200px; margin: 0px; padding: 0px; overflow: auto; }
#tab-simulateur, 
#tab-simulateur input,
#tab-simulateur select { font-size:0.9em; font-family:Arial, Helvetica, sans-serif }
/*----- validation des formulaires ----*/
label.error { color: #fff; font-weight: normal; background-color: #cc0000; margin: 0 5px; padding: 3px; }
/*--------- Saja Status -------------*/
#sajaStatus { padding: 0 20px; background: url(../images/loading.gif) no-repeat left; color:#000000; font-weight:bold; }
/* ---- le parc auto ---- */
#listeparc { border-bottom: 1px solid #e0e0e0; overflow: visible; }
#listeparc .barre { /* Liens des boxes photos */ display:block; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; font-size:1.5em; background-color:#666; color: #fff; padding:5px 0; margin:5px 0; text-indent: 6px; }
#listeparc .vehicule { border-top: 1px solid #eee; }
#listeparc h1 { color:#000; font-family:Geneva, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:1.3em; margin: 0; padding: 0; border:0; }
#listeparc .vehicule_details { border-left: 1px solid #e0e0e0; width:40px; text-align:center; margin:5px 0; float:left; }
#listeparc .vehicule a:link,
#listeparc .vehicule a:visited,
#listeparc .vehicule a:active { padding:5px; margin:0; color:#000; text-decoration: none; display:block; border: 1px solid #eee; text-align:center; background-color:#eee; }
#listeparc .vehicule a:hover { color:#FFFFFF; text-decoration: none; border: 1px solid #cc0000; text-align:center; background-color:#cc0000; }
.message { border: #E6DB55 1px solid; background-color: #FFFBCC; margin:5px 0; padding:5 15 5px; }
/* ---- header ------------ */
.pheader { margin:5px 55px 0 0; text-align:right; color:#d0e8fe; font-size:0.9em}
/* ---- pblanc ------------ */
.pblanc { color:#FFF; margin:0 55px 0 0 }
.pblanc a:link,
.pblanc a:visited,
.pblanc a:active { color: #fff; text-decoration: none; margin: 0 0 0 15px; padding: 0 15px 0 0; border-right:1px #FFFFFF dotted }
.pblanc a:hover { color: #00CCFF; text-decoration: underline; }
/* ---- footer ------------ */
#footer { height:87px; width:100%; background: url(../images/arp-footer.jpg) repeat-x; color:#FFFFFF; margin:0; padding:0 }
#footer a:link,
#footer a:visited,
#footer a:active { color: #fff; text-decoration: underline; }
#footer a:hover { color: #00CCFF; text-decoration: underline; }
/* ---- Les divs du guide------ */
dt { margin:0; padding:8px; font-size:1.1em; font-style:normal; font-weight:bold; color:#cc0000; border-top: 1px dotted #999; }
dt:hover { cursor:pointer; background-color:#f6f6f6; }
dd { margin: 10px 0 10px 25px; padding:0; }