/* CSS Document For Alto Invest Extranet By Pelv */
/*---- Général ----*/
*         { margin: 0; padding: 0; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; }
HTML      { min-height: 100%; height: auto; }
BODY      { height: 100%; color: #333; background: #FFF; }
IMG       { border: none; }
A         { color: #333; }
A:hover   { text-decoration: none; }

/*---- Global ----*/
#global { position: absolute; top: 0; height: 100%; left: 0; width: 100%; background: url(../pics/charte/bg-global.gif) bottom left no-repeat; }
HTML>BODY>#global { min-height: 100%; height: auto; }

/*---- Header ----*/
#header     { background: url(../pics/charte/bg-body.gif) top left repeat-x; height: 100px; width: 100%; }
#header IMG { margin: 38px 0 0 18px; float: left; }

/*---- Formulaire de simulation ----*/
#simulation              { position: absolute; top: 40px; left: 380px; width: 580px; }
#simulation P            { margin: 10px 0 10px 0; }
#simulation LABEL        { display: block; float: left; width: 150px; }
#simulation SELECT       { width: 185px !important; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; vertical-align: middle; float: left; height: 20px; padding: 1px; }
#simulation INPUT.bouton { width: 33px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; float: left; height: 21px; cursor: pointer; }
#simulation A.buton { display: block; float: left; width: 160px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; text-decoration: none; height: 18px; padding: 1px 0 0 0;  }

/*---- Formulaire de simulation-accueil ----*/
#simulationAccueil               { width: 500px; margin: 30px auto 0 auto; }
#simulationAccueil  P            { margin: 10px 0 10px 0; }
#simulationAccueil  LABEL        { display: block; float: left; width: 150px; }
#simulationAccueil  SELECT       { width: 185px !important; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; vertical-align: middle; float: left; height: 20px; padding: 1px; }
#simulationAccueil  INPUT.bouton { width: 33px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; float: left; height: 21px; cursor: pointer; }
#simulationAccueil  A.buton { display: block; float: left; width: 160px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; text-decoration: none; height: 18px; padding: 1px 0 0 0;  }

/*---- Formulaire de simulation de niveau 1 ----*/
#simulationniv1              { position: absolute; top: 40px; left: 380px; width: 500px; }
#simulationniv1 P            { margin: 10px 0 10px 0; }
#simulationniv1 LABEL        { display: block; float: left; width: 150px; }
#simulationniv1 SELECT       { width: 185px !important; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; vertical-align: middle; float: left; height: 20px; padding: 1px; }
#simulationniv1 INPUT.bouton { width: 33px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; float: left; height: 21px; cursor: pointer; }
#simulationniv1 A.buton { display: block; float: left; width: 100px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; text-decoration: none; height: 18px; padding: 1px 0 0 0;  }

/*---- Contact ----*/
#contact              { margin-top: 20px; }
#contact P            { margin: 10px 0 10px 0 !important; }
#contact LABEL        { display: block; float: left; width: 150px; }
#contact SELECT       { width: 185px !important; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; vertical-align: middle; float: left; height: 20px; padding: 1px; }
#contact INPUT        { width: 400px; padding: 1px; }
#contact INPUT.bouton { width: auto; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; text-align: center; cursor: pointer; margin-left: 492px; }
#contact TEXTAREA     { width: 553px; height: 250px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; padding: 1px; overflow: auto; }

/*---- Menu ----*/
#menu                   { margin: 20px 0 0 5px; width: 160px; height: 200px; float: left; }
HTML>BODY>#global #menu { margin-left: 10px; }
#menu UL                { background: url(../pics/charte/bg-menu.jpg) bottom right no-repeat; padding: 4px 0 10px 0; margin: 0 0 10px 0; list-style: none; }
#menu LI                { color: #FFF; }            
#menu A                 { color: #FFF; text-decoration: none; display: block; width: 132px; margin: 5px 11px 5px auto; padding: 0 4px 0 4px; }
#menu A:hover           { background: #AD313B; }
#menu A.active          { background: #AD313B; }

/*---- Article ----*/
#article    { float: left; width: 700px; clear: right; margin: 20px 0 20px 30px; }
#article H1 { text-transform: uppercase; color: #95152E; font-size: 14px; border-bottom: 3px solid #95152E; clear: both; }
#article H1 SPAN { text-transform: none; font-size: 11px !important; font-weight: normal; }
#article H2 { margin: 20px 0 0 0; clear: both; }
#article P  { margin: 5px 0 5px 0; line-height: 1.4em; }
#article UL { list-style: none; margin: 10px 0 0 5px; line-height: 1.4em; }
#article LI { background: url(../pics/charte/bg-article-li.gif) top left no-repeat; padding: 0 0 0 8px; margin: 1px 0 1px 0; }

/*---- Colonnes ----*/
#colDroite { float: right; width: 320px; height: 700px; }
#colGauche { float: left; width: 320px; height: 700px; }

/*---- Positions ----*/
TABLE.position     { width: 95%; margin: 8px auto 0 auto; }
.position TD       { text-align: right; border-bottom: 1px solid #95152E; padding: 5px; }
.position TD.titre { color: #95152E; text-align: left !important; }
.position TD A     { color: #95152E; text-decoration: none; }

/*---- Fonds ----*/
TABLE#fonds      { width: 100%; margin: 30px 0 0 0; border: none !important; }
#fonds TD.titre  { font-weight: bold; color: #95152E; }
#fonds TD        { border-bottom: 1px solid #95152E; padding: 5px; border-left: none !important; }
#fonds TD A      { color: #95152E; text-decoration: none; }

/*---- Styles Spécifiques ----*/
.ombre       { background: #F8F6F5 url(../pics/charte/bg-encart.gif) bottom right no-repeat; width: 200px; padding: 0 5px 5px 0; }
.borderOmbre { border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; }
.plus        { display: block; float: right; margin: 5px 0 0 0; }
.encart      { height: 122px; }
HTML>BODY .encart  { min-height: 122px; height: auto; margin-bottom: 30px; }

/*---- Identification ----*/
#identification              { padding: 20px 20px 5px 20px }
#identification P            { margin: 10px 0 10px 0; }
#identification LABEL        { display: block; float: left; width: 120px; }
#identification INPUT        { width: 120px; color: #CC0000; padding: 1px; border-top: 1px solid #859EAF; border-left: 1px solid #859EAF; border-bottom: 1px solid #C9D5DC; border-right: 1px solid #C9D5DC; font-weight: bold; }
#identification INPUT.bouton { width: 80px; margin-right: 15px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; }

/*---- Création de compte ----*/
#creation              { padding: 10px 20px 5px 20px }
#creation P            { margin: 10px 0 10px 0; }
#creation LABEL        { display: block; float: left; width: 120px; }
#creation INPUT        { width: 180px; color: #CC0000; padding: 1px; border-top: 1px solid #859EAF; border-left: 1px solid #859EAF; border-bottom: 1px solid #C9D5DC; border-right: 1px solid #C9D5DC; font-weight: bold; }
#creation SELECT       { width: 185px !important; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; }
#creation INPUT.bouton { width: 120px; margin-right: 15px; border-bottom: 1px solid #859EAF; border-right: 1px solid #859EAF; border-top: 1px solid #C9D5DC; border-left: 1px solid #C9D5DC; background: #FFF; font-weight: normal; margin-right: 120px; }

/*---- Styles usuels ----*/
.left         { float: left; clear: left; }
.right        { float: right; clear: right; }
.justify      { text-align: justify; }
.center       { text-align: center; }
.droite       { text-align: right; }
.gauche       { text-align: left; }
.italique     { font-style: italic; }
.spacer       { clear: both; }
.middle       { margin: 0 auto 0 auto; }
.print        { display: block; background: url(../pics/charte/print.gif) top left no-repeat; margin-top: 30px; padding: 3px 0 0 20px; height: 13px; vertical-align: top; }
.pdf          { display: block; width: 200px; padding-left: 21px; background: url(../pics/charte/pdf.gif) top left no-repeat; margin: 5px 0 0 0; }
.csv          { display: block; background: url(../pics/charte/csv.gif) top left no-repeat; padding: 3px 0 0 20px; height: 13px; vertical-align: top;  margin: 5px 0 0 0; }
.excel        { display: block; width: 210px; padding-left: 21px; background: url(../pics/charte/excel.gif) top left no-repeat; margin: 5px 0 0 0; }

.bordeau      { color: #95152E; }
SPAN.bordeau  { font-size: 0.8em; }
#encours      { width: 190px; }
#encours LI   { text-align: right; }
#encours LI SPAN { float: left; }

#encoursSp      { width: 450px; }
#encoursSp LI   { text-align: right; }
#encoursSp LI SPAN { float: left; }

/*---- Tableaux de résultats ----*/
DIV.listing { margin-bottom: 15px; }
SPAN.searchMenu { float: right; margin: -25px 10px 0 0; }
.listing TABLE { width: 100%; margin-bottom: 10px; border-left: 1px solid #BFCCD5; border-right: 1px solid #BFCCD5; border-bottom: 1px solid #BFCCD5; }
.listing TR { height: 25px; }
.listing TR.entete TH { padding: 0; }
.listing TR.entete TH * { padding: 5px 0 0 10px; font-weight: bold; }
.listing TR.entete A { display: block; height: 20px; text-decoration: none !important; }
.listing TH { padding-left: 25px; border-bottom: 1px solid #FFF; text-align: left; }
.listing TD { padding-left: 10px;  background: #FFF url(../admin/pics/charte/td-bg.gif) repeat-y; border-bottom: 1px solid #FFF; }
.listing TD.actions { padding-left: 0; text-align: center; vertical-align: middle; }
#search INPUT.bouton { width: 80px; float: right; cursor: pointer; }
#search { padding-bottom: 10px; }
P.pages { text-align: center; vertical-align: middle; }
P.pages SELECT { margin-bottom: 3px; width: 120px !important; }
P.totalEnregistrements { text-align: center; }
.listing TR.entete * { color: #FFF; }
.listing TR.entete TH { background: url(../admin/pics/charte/default/th-bg.jpg) top right no-repeat; }
.listing TR.entete A { background: url(../admin/pics/charte/default/th-bg.jpg) top right no-repeat; }
.listing TR.entete A:hover { background-image: url(../admin/pics/charte/default/th-alt-bg.jpg); }
.listing TR.entete A.asc { background-image: url(../admin/pics/charte/default/th-bg-asc.jpg); }
.listing TR.entete A.asc:hover { background-image: url(../admin/pics/charte/default/th-alt-bg-asc.jpg); }
.listing TR.entete A.desc { background-image: url(../admin/pics/charte/default/th-bg-desc.jpg); }
.listing TR.entete A.desc:hover { background-image: url(../admin/pics/charte/default/th-alt-bg-desc.jpg); }
.listing TH { background: #FFF url(../admin/pics/charte/default/puce.gif) 4px center no-repeat; }
.listing TR.alt TH, TR.alt TD { background-color: #EBF1F7; }
.listing TR.actif TH, TR.actif TD { background-color: #CCC; }

/*---- Formulaires (général) ----*/
SELECT { width: 172px; height: auto; border-top: 1px solid #859EAF; border-left: 1px solid #859EAF; border-right: 1px solid #C9D5DC; border-bottom: 1px solid #C9D5DC; }
INPUT { width: 165px; height: 15px; padding-left: 5px; border-top: 1px solid #859EAF; border-left: 1px solid #859EAF; border-right: 1px solid #C9D5DC; border-bottom: 1px solid #C9D5DC; }
INPUT.bouton { width: auto; height: auto; margin: 0 5px 0 15px; padding: 0 5px 0 5px; border-right: 1px solid #859EAF; border-bottom: 1px solid #859EAF; border-left: 1px solid #C9D5DC; border-top: 1px solid #C9D5DC; text-align: center; }

/*---- Panels ----*/
DIV.panel { width: auto; margin: 15px 0 15px 0; padding: 0 3px 3px 0; background: url(../admin/pics/charte/panel-bg.gif) bottom right; }
DIV.panelBar { height: 25px; padding-left: 10px; font-weight: bold; line-height: 25px; }
DIV.panelBar * { font-weight: bold; }
DIV.panelContent { padding: 15px; border-top: none; background: #92172C url(../admin/pics/charte/blank.jpg) repeat-x; color: #FFF; }
DIV.info { padding-left: 35px; }
DIV.interne { margin-bottom: 10px; padding: 5px 5px 15px 15px; }
P { clear: both; line-height: 19px; margin-top: 5px; }
P.middle { height: 16px; vertical-align: middle; }
P.middle * { vertical-align: middle; }
SPAN.detail { font-size: 9px; }
DIV.panelContent H2, DIV.listing H2 { font-size: 12px; font-weight: bold; margin: 10px 0 10px 0; }
DIV.panelContent BLOCKQUOTE, DIV.listing BLOCKQUOTE { margin: 0 0 15px 30px; }
DIV.panelContent UL, DIV.listing UL { margin: 10px; list-style: none; }
DIV.panelContent LI, DIV.listing LI { margin-bottom: 5px; padding-left: 20px; line-height: 15px; }
DIV.panelContent LI.nopuce, DIV.listing LI.nopuce { margin: 0; line-height: 0px; background: none; }
LI.nopuce UL { margin: 0 0 10px 0; }

/* --- Fieldset --- */
FIELDSET.bord { border: 1px solid #92172C; margin: 20px 0 0 0; padding: 0 20px 0 20px; }