/** Styles par defauts */
body                { font: 10px Verdana,Arial,Helvetica,sans-serif; color: #565656; background: #fafafa; text-align: center;}
a                   { color: #545454; text-decoration:none; font-weight: bold; }
a:hover             { text-decoration:underline; }
p                   { margin: 0; padding: 0; }
ul                  { list-style-image: url('../img/jedepose/images/arrow-right.gif'); }
ol                  { }
li                  { padding: 4px; }

em                  { font-weight: bold; font-style: normal; }
cite em             { font-style: inherit; }
img                 { border:none; }

h3 span, a span     { visibility: hidden; }

h1                  { float: left; background: url("../img/jedepose/images/logoJDP.png") no-repeat top left; width: 250px; height: 100px; margin: 0; padding: 0;}
h1 a                { font-size: 0; color: white; padding: 0 100px 80px 0; text-decoration: none; }
h1 a:hover          { text-decoration: none; }
h2                  { background:#FFFFFF url('../img/jedepose/images/beige/arrow-right.gif') no-repeat top left; border-bottom: 1px solid #ddd; font-size:12px; margin-top: 0;padding:0px 25px 10px 25px !important; }
h3                  { width: 500px; font-size: 14px; }
h5                  { margin: 0; padding: 8px 12px !important; font: 13px Helvetica,Verdana,Arial,sans-serif; font-weight: bold; color: #f0f0f0; background: url('../img/jedepose/images/menuh2.gif') repeat-y left; }
h5 span             { padding: 3px 40px 6px 40px !important; margin: 0; }
h6                  { color : #5F9410; font-size: 100%; margin: 0; padding: 5px 0 2px 0 !important; margin: 0; }

/* Erreurs */
.erreur404          { font-size: 20px; text-align: center; padding-top: 300px; margin-top: 100px; background: url('../img/jedepose/images/photos_resized/erreur.jpg') no-repeat top;}
.erreur404 p        { text-align: center; }

/* Mise en page */
.page               { width:1050px; min-height: 680px; margin: 10px auto; text-align: left !important; padding: 5px; background: white; border: 2px solid #747474; }
.bkg                { z-index:-1; position: absolute; bottom: 0; right: 0; width: 300px; height: 400px; background: url('../img/jedepose/images/email_artemis_trame.gif') no-repeat  scroll 150px 50px; }

/* Header */
.header             { height: 100px; }

.top-menu           { float: right; text-align: center; padding: 25px; /*width: 700px !important;*/ }
.top-menu b         { background: #747474; }
.top-menu-items     { padding: 5px 0px 5px 0px; background: #747474; height: 35px; }
.top-menu-item      { float: left; border-right: 1px solid #f0f0f0; padding: 10px 5px 10px 20px; }
.top-menu-item a    { padding: 15px 15px 20px 40px; color: #C3C3C3; }
/* Top Menu */
.top-menu-item ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0 !important;
    background: white;
    border-left: #c1c1c1 5px solid;
    border-right: #c1c1c1 1px solid;
    text-align: left;
    list-style-image: none !important;
    list-style: none !important;
    z-index: 100;
    width: 140px;
    border-bottom: 1px solid #eee;
}
/* Top Menu */
.top-menu-item ul li ul {
    margin: 0;
    position: relative;
    left: 130px;
    top: -20px;
}

.top-menu-item li { height: 22px; margin: 0; padding: 0; border-top: 1px solid #c1c1c1;}
.top-menu-item li a {
    width: 100%;
    height: 22px;
    color: #747474;
    text-indent:0;
    height: 22px;
    line-height: 22px;
    font-weight: normal;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: /*10*/5px;
    text-align: left;
    font-weight: bold;
}
.top-menu-item li a:hover {
    text-decoration: none;
    background: #f0f0f0;
}
.top-menu-item li ul {
    z-index: 12;
    position: absolute;
    /*margin-top: -20px;
    margin-left: 120px;*/
    padding: 0;
    width: 140px;
}

.accueil            { background: url('../img/jedepose/images/nw_icn/gray/thumbs/Accueil.png') no-repeat left;}
.services           { background: url('../img/jedepose/images/nw_icn/gray/thumbs/Service.png') no-repeat left;}
.apropos            { background: url('../img/jedepose/images/nw_icn/gray/thumbs/Apropos.png') no-repeat left;}
.aide               { background: url('../img/jedepose/images/nw_icn/gray/thumbs/Aideetsupports.png') no-repeat left;}
.actualites         { background: url('../img/jedepose/images/nw_icn/gray/thumbs/Actualites.png') no-repeat left;}
.promotion          { background: url('../img/jedepose/images/nw_icn/gray/thumbs/Promotion.png') no-repeat left;}
.news               { background: url('../img/jedepose/images/menuh2.gif') repeat-y left; letter-spacing:2px; font-size:13px; color:#FFFFFF; font-weight:bold;padding:6px;padding-left:15px;margin-top:25px;}

/* Menu de gauche */

/* formulaire LOGIN */
.left-menu          { float: left; width: 200px; padding:5px; }
.connexion          { background-color: #F1F1F1; font-family: Helvetica,Verdana,Arial,sans-serif; padding-bottom: 5px; }
.connexion span     { padding: 2px 10px 2px 2px; background: url('../img/jedepose/images/menuh1.gif') no-repeat right; }
.connexion h5       { background: #747474; font-size: 12px; padding:0px 10px 0px 15px; border-bottom: 1px solid white; }
/*.connexion table    { margin: 1px 0px 0px 0px; }*/
.connexion th       { font-size: 9px; font-weight: normal; padding-left:10px;}
.connexion input    { font-size: 10px; width: 75px; padding: 0; }
.connexion input.ok { margin: 0px; padding: 0px; width: 30px !important;}
.connexion a        { font-size: 9px; color: #2BB3F3; padding-left: 5px; }
.error              { padding-left: 5px; color: red; }
.abonnement         { font: 14px Arial; font-weight: bold; color: black; margin: 10px 0px !important; background: url('../img/jedepose/images/jemabonne.jpg') no-repeat left; padding-left: 100px; padding-top: 2px;}
.pave a             { color: black; font-weight: normal; text-decoration: underline; }
.pave p             { margin: 0 !important;}
.pave               { margin-bottom: 20px; font-size:11px}


/** Footer */
.footer             { height: 40px; font-size: 9px; margin: 10px auto; }
.footer a           { padding: 0px 5px; color: #747474; }
.footer p           { text-align: center; padding: 2px; }
.copyright          { color: #aaa; }
.copyright a        { color: #aaa; }

/* Contenu */
.content            { font-size: 11px; padding: 5px; padding-left: 220px; }
.content a          { text-decoration: underline; }
.content p          { margin: 15px 0; }

/* Page d'accueil */
.visu               { margin: auto; width: 740px; }
.visu div           { float: left; width: 350px; height: 180px; margin-top: 15px; margin-bottom: 0px;}
.visu p             { margin: 105px 105px 0px 15px; color: #ddd; font-size: 11px; font-weight: bold; }
.visu-authentidoc   { background: url('../img/jedepose/images/home/visu_authentidoc_round.jpg') no-repeat top left; margin-left: 15px; }
.visu-depomail      { background: url('../img/jedepose/images/home/visu_depomail_round.jpg') no-repeat top left; }
.welcome            { float: left; padding: 10px; width: 60%; }
.bienvenue          { color: #aaa; }
.logo               { margin-top: 10px !important; border-top: 1px solid #ddd; padding: 0px 0px 30px 0px; text-align:center;  }
.logo a             { margin: 5px 10px; padding: 0px 50px 50px 50px; vertical-align: bottom; text-decoration:none; }
.logo a:hover       { text-decoration: none; }
.logo span          { font-size: 0; color: white; }
.cnhj               { background: url('../img/jedepose/images/logoCNHJ_div.png') no-repeat center; }
.extelia            { background: url('../img/jedepose/images/logo_extelia_div.jpg') no-repeat center; }
.produits           { float: right; width: 35%; margin: 0 !important; }
.produits p         { font-weight: bold; padding: 5px 25px; border-bottom: 2px solid #aaa; }
.propriete          { font-weight: bold; margin: 0 !important; }
.adresse            { margin-top: 0 !important; }

.ad                 { color: #0091AE; font-size: 100% !important; font-weight: bold !important;  }
.dm                 { color: #58AF51; font-size: 100% !important; font-weight: bold !important; }
.authentidoc        { background: url('../img/jedepose/images/ad.gif') no-repeat left; color: #0091AE; font-weight: bold; }
.depomail           { background: url('../img/jedepose/images/dm.gif') no-repeat left; color: #58AF51; font-weight: bold; }

/* fonds des pages */
.page-mentions-legales  { background: url('../img/jedepose/images/photos_resized/legal.jpg') no-repeat top right;}
.page-actualites        { background: url('../img/jedepose/images/photos_resized/actualites.jpg') no-repeat top right; } 

.operation-promo        { background: url('../img/jedepose/images/anniversaire_mini.png') no-repeat top right; padding-right: 250px; height: 300px; }

/* Tarifs */
.decouverte                     { background-color: #FBE4C1; }
.evolution                      { background-color: #F5BC67; }
.optimale                       { background-color: #EE9410; }

.rounding-decouverte b          { background-color: #FBE4C1 !important; }
.rounding-evolution b           { background-color: #F5BC67 !important; }
.rounding-optimale b            { background-color: #EE9410 !important; }

.tarifs                         { text-align: center; }
.tarifs h4                      { color: black; font-size: 16px; width: 100px; margin: auto; text-align: center; }
.tarifs p                       { margin: 0; padding: 2px 0; color: black; font-size: 12px; }
.tarifs a                       { color: black; font-weight: normal; font-size: 10px !important; }
.tarifs .tarif                  { display:block; float: left; width: 150px; margin: 0px 5px 10px 40px; padding:10px; }
.tarifs .tarif div              { padding: 5px; margin: 0 !important; }
.tarif-unites                   { font-weight: bold; margin: auto !important; font-size: 13px !important; }
.tarif-sans-promo               { font-weight:bold; font-size: 200%; color: #000000; }
.tarif-promo                    { color: red; font-weight: bold; display: block; font-size: 200%; }
.text-uo                        { font-weight:bold; font-size: 120%; color: #000000; padding:0px;margin:0px;}
.info-promo                     { width: 800px !important; color: red !important; }
.info-promo a                   { color: red; }
.tarif-prix                     { color: gray !important; font-size: 35px !important; font-weight: bold; }
.tarif-ttc                      { color: gray !important; }
.tarif-offert                   { visibility: hidden; color: red !important; height: 25px; padding-top: 25px;}
.tarif-offert-quantite          { font-weight: bold; }
.tarifs-admin                   { width: 600px; margin: 10px 40px; border: 1px solid gray; border-spacing: 0px; border-collapse: collapse; }
.tarifs-admin thead td          { background:#747474; color: white; font-weight: bold; }
.tarifs-admin td                { border: 1px solid gray; padding: 2px; margin:0 !important; }
.service-depomail th            { font-weight: normal; }
.tarifs-depomail                { width: 600px; margin: 10px 40px; border: 1px solid gray; border-spacing: 0px; border-collapse: collapse; }
.tarifs-depomail thead td       { background: #58AF51; font-weight: bold; color: white}
.tarifs-depomail th             { border: 1px solid gray; padding: 2px; font-weight: bold; }
.tarifs-depomail td             { border: 1px solid gray; padding: 2px; }
.service-authentidoc th         { font-weight: normal; }
.tarifs-authentidoc             { width: 600px; margin: 10px 40px; border: 1px solid gray; border-spacing: 0px; border-collapse: collapse; }
.tarifs-authentidoc thead td    { background: #0091AE; font-weight: bold; color: white}
.tarifs-authentidoc th          { border: 1px solid gray; padding: 2px; font-weight: bold; }
.tarifs-authentidoc td          { border: 1px solid gray; padding: 2px; }
.tarif-reference td             { font-weight: bold; }

.reduction                      { height: 100px !important;background-repeat: no-repeat; background-position: center;}
.tarif .decouverte .reduction   { background-image: url('../img/jedepose/images/20pourcents.jpg'); }
.tarif .evolution  .reduction   { background-image: url('../img/jedepose/images/40pourcents.jpg'); }
.tarif .optimale   .reduction   { background-image: url('../img/jedepose/images/60pourcents.jpg'); }

/* Qui sommes nous ? */
.logo-jedepose      { background: url('../img/jedepose/images/logo80.jpg') no-repeat left; padding: 0 200px 80px 0; }
.logo-cnhj          { background: url('../img/jedepose/images/logoCNHJ.gif') no-repeat left; padding: 0 200px 80px 0; }
.logo-extelia       { background: url('../img/jedepose/images/logo_extelia2.jpg') no-repeat left; padding: 0 200px 80px 0; }

/** Presentation Depomail */
.presentation-produit   { float: left; width: 500px; height: 270px; }
.fiche-produit          { float: right; padding: 0px; width: 250px; height: 270px; border: 1px solid #DDDDDD; text-align: center; color:#333333; }

.logo-depomail          { background: url('../img/jedepose/images/titre_depomail.gif') no-repeat top left; border: none; height: 60px;}
.logo-depomail span     { display: none; }
.list-depomail          { list-style-image: url('../img/jedepose/images/depomail/puce_verte.gif') !important; }
.fiche-produit-depomail { background: url('../img/jedepose/images/depomail/td_fond.jpg') no-repeat top center; padding:3px; }

.liens-depomail         { margin: 10px auto; width: 700px; padding-bottom: 40px; }
.liens-depomail p       { margin: 0; display: inline; height: 40px; }
.liens-depomail a       { text-decoration: none; margin: 0; padding: 0px 50px 40px 0; height: 40px; }
.liens-depomail a:hover { text-decoration: none; }

/** Presentation Authentidoc */

.sousTitre{font-size:18px;margin-top:40px;margin-bottom:5px;font-weight:bold;letter-spacing:1px;}
.logo-authentidoc            { background: url('../img/jedepose/images/titre_authentidoc.gif') no-repeat top left; border: none; height: 60px;}
.logo-authentidoc span       { display: none; }
.list-authentidoc            { list-style-image: url('../img/jedepose/images/authentidoc/puce_bleu.gif') !important; }
.fiche-produit-authentidoc   { background: url('../img/jedepose/images/authentidoc/td_fond.jpg') no-repeat top center; padding:3px;}
.plusInfos{text-align:right;font-size:10px;margin-top:5px;}
.plusInfos a{font-weight:normal;color:#888888;}


/* Demo */
.demo           { margin: 0 auto; text-align: center; }

/* Aspects Juridiques */
.juridique      { width:550px; padding-right: 260px; background: url('../img/jedepose/images/photos_resized/juridique.jpg') no-repeat top right; }
.juridique p    { font-size: 10px; text-align: justify; }
.juridique-authentidoc             { margin: 10px 40px; width: 600px; border: 1px solid gray; border-spacing: 0px; border-collapse: collapse; }
.juridique-authentidoc thead td    { background: #0091AE; font-weight: bold; color: white}
.juridique-authentidoc th          { border: 1px solid gray; padding: 2px; font-weight: bold; }
.juridique-authentidoc td          { border: 1px solid gray; padding: 2px; }

/* FAQ */
.planFaq        { padding-right: 200px; background: url('../img/jedepose/images/photos_resized/faq.jpg') no-repeat top right; }
.planFaq a      { text-decoration: none; font-weight: normal; }
.planFaq p      { padding: 5px 0 0 2px !important; }
.planFaq p a    { color: black; font-weight: bold !important; }
.planFaq ul     { list-style-image: url('../img/jedepose/images/arrow_grise.gif') !important; margin-top: 0 !important; margin-bottom: 0 !important;}
.planFaq li     { padding: 2px; }
.faq p          { padding: 2px 20px; text-align: justify; }
.faq .question  { font-weight: bold; padding: 10px 10px 2px 2px !important; }
.faq .haut      { text-align: right !important; margin-right: 10px; }

/* Contact */
.contact        { float: left; width: 30%; padding-top: 150px; margin: 10px; background: url('../img/jedepose/images/photos_resized/contact.jpg') no-repeat top left; }
.contact-form   { float: right; margin: 10px !important; }
.contact-form p { color: gray; margin: 0; padding:1px 5px !important;}
.x-combo-list-item { text-align: left !important; }

.email          { background: url('../img/jedepose/images/email_go.png') no-repeat left !important; }

.button         { background: url(../img/jedepose/images/button-blue-right.gif) no-repeat right; padding: 10px 5px !important;}
.button a       { color: white; background: url(../img/jedepose/images/button-blue-left.gif) no-repeat left; padding: 10px 20px 10px 25px !important;}

/** Rounding */
.rounding .b1, .rounding .b2, .rounding .b3, .rounding .b4 {
    display: block;
    overflow: hidden;
    font-size: 1px;
    background-color: #747474;
}
.rounding .b1, .rounding .b2, .rounding .b3 {
    height: 1px;
}
.rounding .b1 {
    margin: 0 5px;
}
.rounding .b2 {
    margin: 0 3px;
}
.rounding .b3  {
    margin: 0 2px;
}
.rounding .b4 {
    height: 2px;
    margin: 0 1px;
}

.noclick {
    text-align: right;
}
.noclick a , .noclick a:hover{
    color: #FFFFFF;
    cursor: default;
}

a.ie {
    background: url('../img/ie.jpg') no-repeat left;
    padding: 5px 0 5px 20px;
    color: #0062D0;
}



/* CAS D'USAGES */

.case{height:35px;width:35px;border:1px solid #555555;background-color:#CCCCCC;padding:15px;margin:3px;cursor:pointer;}
.phrase{
    text-align:left;
    font-size:16px;
    color:#222222;
    font-weight:bold;
    margin-bottom:25px;
    margin-top:15px;
    margin-left:5px;
}
.tableAD{
    /*border:2px solid #0D71E2;*/
    border:0px solid #BBBBBB;
    width:98%;
}
.tdSignature{
    margin-top:15px;
    margin-left:10px;
}
.tdCitation{
    margin-left:10px;
    font-style:italic;
    line-height:17px;
}
.explications{
    margin:10px;
    line-height:17px;
}
.avantage{
    margin:15px;
}
.tickImg{
    margin-right:4px;
    margin-bottom:-2px;
}

.lePlus{
    margin-top:5px;
    margin-bottom:15px;
    font-style:italic;
}
.inscrivezvous{
    margin-top:10px;
    margin-bottom:20px;
    color:#222222;
    margin-left:5px;
}
.caractPlus{font-size:19px;}



/* Presentation AD et DM */

.avPres{
    font-weight:bold;
    margin-left:30px;
    margin-top:15px;
    margin-bottom:5px;
}
.listePres{
    margin-left:60px;
}

.utilisationListe{
    margin-bottom:15px;
    list-style-image :none;
}

.howToListe LI{
    margin-bottom:4px;
}
.howToUN{margin-left:0px;}
.howToDEUX{margin-left:25px; list-style-image :none;}