/* ==================== Feuille de style de la nouvelle page d'accueil de JH ==================== */
/* ==== Global ==== */
body { position:relative; height:100%; background-color:white;}
#div_globale { position:relative; width:980px; margin-top:30px; margin-left:auto; margin-right:auto; background:white url(/COMMUN/INDEX_JMEC/BASE/fond_part1.jpg) no-repeat top left; }
#div_titre { position:absolute; top:15px; left:370px; font-size:22px; color:#809EBC; }
#div_logo_partenaire { display:none; }

/* ==== Reprise d'une inscription ==== */
#div_deja_inscrit { position:absolute; z-index:10; top:0px; right:-10px; width:220px; height:60px; }
#div_deja_inscrit input { width:100px; }
#div_deja_inscrit td.libelle { font-weight:bold; color:#666; }
#td_oublie a { text-decoration:none; font-size:10px; color:#999; }
#td_oublie a:hover { color:#CBDCDF; }
#td_ok a,#td_ok2 a { display:block; float:right; width:18px; height:14px; text-decoration:none; background:url(/COMMUN/INDEX_JMEC/BASE/btn-ok-up.jpg) no-repeat top left; }
#td_ok a:hover,#td_ok2 a:hover { background:url(/COMMUN/INDEX_JMEC/BASE/btn-ok-dwn.jpg) no-repeat top left; }
/* ---- Mot de passe ---- */
#div_perdu { position:absolute; z-index:10; display:none; width:295px; height:62px; top:0px; right:220px; padding-left:10px; background-color:white; border:2px solid #809EBC; }
#div_perdu input[type="text"] { width:150px; margin-left:10px; margin-right:5px; }
#td_titre_perdu { padding-bottom:5px; font-size:12px; color:#809EBC; }
#td_soustitre_perdu { color:black; }
#td_comment_perdu { padding-top:4px; text-align:center; font-size:9px; color:#999; }

/* ==== Pré-inscription ==== */
#div_inscription { position:relative; z-index:1; width:900px; height:660px; padding-top:100px; }
#div_saisie { position:relative; z-index:1; width:300px; margin-left:90px; color:#333; }
#div_saisie td.libelle { width:140px; color:#333; }
#div_saisie input[type="text"],#div_saisie select { background-color:#DDD; color:#333; border:none; border-top:1px solid #CCC; border-left:1px solid #CCC; }
#div_saisie select option { color:#333; }
#div_saisie select.grand,#choix_commune { width:160px; }
#div_saisie input[type="text"] { width:160px; }
#div_saisie select.age { width:42px; margin-right:17px; }
#div_saisie span.mot_liaison { color:#333; }
#age_a { margin-left:15px; }
#jour_naissance { width:45px; margin-right:2px; }
#mois_naissance { width:56px; margin-right:2px; }
#annee_naissance { width:55px; }
#table_champs tr { height:23px; }
#table_champs { margin-top:15px; }
#div_saisie table { border-collapse:collapse; }
#div_saisie #td_ouinon { width:85px; white-space:nowrap; text-align:center; }
#div_saisie #offre_non { margin-left:5px; }
#div_majeur { position:relative; margin:8px 2px 8px 0px; padding:8px 2px 8px 2px; text-align:justify; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
#div_majeur p  { margin-left:40px; text-align:justify; }
#div_majeur p label { font-size:9px; }
#div_majeur label a { font-size:9px; }
#check_majeur { position:absolute; top:10px; left:10px; }
#div_when_check { display:none; position:absolute; z-index:10; height:55px; width:474px; padding:4px 20px; top:-2px; left:350px; font-size:11px; font-weight:bold; color:#333; background:url(/COMMUN/INDEX_JMEC/BASE/fond_infos.png) no-repeat top left; }
#a_inscription { display:block; width:145px; height:27px; margin-top:15px; margin-left:auto; margin-right:auto; background:url(/COMMUN/INDEX_JMEC/BASE/bouton_inscription.gif) no-repeat top left; }
#a_inscription:hover { background-image:url(/COMMUN/INDEX_JMEC/BASE/bouton_inscription.gif); }
#div_saisie tr.une_erreur { height:0px; }
#div_saisie div.une_erreur { position:absolute; height:12px; width:474px; left:350px; margin-top:-20px; padding:4px 20px; font-weight:bold; color:white; background:url(/COMMUN/INDEX_JMEC/BASE/fond_erreur.png) no-repeat top left; }
#div_saisie div.une_erreur img { position:absolute; left:-17px; top:2px; }
#div_erreur_saisie { position:absolute; z-index:10; height:55px; width:474px; padding:4px 20px; top:10px; left:350px; font-size:11px; font-weight:bold; color:white; background:url(/COMMUN/INDEX_JMEC/BASE/fond_erreur.png) no-repeat top left; }
#div_erreur_saisie br:first-child { display:none; }

/* ==== Pour l'accueil JMEC ==== */
#div_jmec { position:absolute; width:980px; height:147px; top:492px; margin-left:auto; margin-right:auto; background:url(/COMMUN/INDEX_JMEC/BASE/fond_part2.jpg) no-repeat top left; }
/* ---- Pub ---- */
#div_pub { position:absolute; z-index:10; height:95px; width:352px; top:18px; left:0px; background:url(/COMMUN/INDEX_JMEC/BASE/pub_sms.jpg) no-repeat top left; }
#div_pub p { position:absolute; top:70px; left:25px; color:#A60046; }
#div_pub p a { color:#A60046; }
/* ---- Bloc de présentation ---- */
#div_presentation { position:absolute; top:8px; left:520px; }
#div_presentation p { font-size:22px; color:#A60046; }
#div_presentation ul { margin-top:15px; padding-left:17px; }
#div_presentation ul li { margin-bottom:10px; list-style-type:circle; font-size:12px; color:#333; }

/* ==== Vignettes ==== */
#ul_vignettes { position:absolute; z-index:10; width:960px; height:92px; top:639px; left:0px; padding-left:20px; padding-top:22px; background:url(/COMMUN/INDEX_JMEC/BASE/fond_part3.jpg) no-repeat top left; }
#ul_vignettes li.mini_fiche { float:left; width:66px; height:73px; margin-top:4px; margin-left:16px; padding:1px; list-style-type:none; background:url(/COMMUN/INDEX_JMEC/BASE/ombre_connectes.gif) no-repeat top left; }
#ul_vignettes li.mini_fiche img { width:63px; height:69px; border:none; }

/* ==== Pied de page ==== */
div#div_corps_page,div#div_bas_page,div#div_pied_de_page div#div_espace,div#div_pied_de_page div#div_copyright { display:none; }
div#div_pied_de_page { width:980px; height:20px; margin:10px 0px 30px 0px; }
div#div_pied_de_page > ul { width:470px; padding:0px; }
div#div_pied_de_page > ul > li > a { font-weight:bold; }
#div_texte p,#div_texte p b { font-size:10px; text-align:justify; color:#898989; }
#div_texte p b { font-weight:bold; }
#div_texte p { margin-bottom:5px; }
#p_copy { margin:15px 0px 20px 0px; text-align:center; font-size:10px; color:#898989; }

