/* ==================== CSS de la nouvelle page d'accueil de CUM ==================== */
/* ==== Global ==== */
div#div_corps_page { display:none; }
div#div_bas_page { display:none; }
body { position:relative; width:980px; height:100%; margin-left:auto; margin-right:auto; margin-top:10px;}
#div_tete { float:left; height:80px; width:500px;  background:url(/images2/ACCUEIL/logo-baseline.gif) no-repeat; background-position:0 15px;}
fieldset { padding:5px; border:1px dotted #CC0099; }
fieldset legend { margin:0px; padding:0px 5px; font-size:12px; font-weight:bold; color:#CC0099; background:white;}

/* ==== Bloc déjà inscrit ==== */
#div_deja_inscrit { float:right; margin-top:0px; font-size:10px;}
/*#div_deja_inscrit table {width:200px;}*/
#div_deja_inscrit td { margin:2px; vertical-align:top;}
#td_titre { font-size:12px; font-weight:bold; color:#CC0099; }
#td_oublie a {text-align:center; font-size:8px; color:#999; }
#td_oublie a:hover { text-decoration:none; color:#0099FF; }
#div_deja_inscrit input[type="text"], #div_deja_inscrit input[type="password"]  { font-size:10px; width:100px;}
#td_ok a,#td_ok2 a { display:block; float:right; width:18px; height:14px; text-decoration:none; background:url(/images2/ACCUEIL/btn-ok-up.jpg) no-repeat top left; }
#td_ok a:hover,#td_ok2 a:hover { background:url(/images2/ACCUEIL/btn-ok-dwn.jpg) no-repeat top left; }
/* ---- Mot de passe ---- */
#div_perdu { position:absolute; display:none; width:295px; height:60px; top:5px; right:200px; padding-left:10px; border:2px solid #71C7FA; }
#div_perdu input[type="text"] { width:150px; margin-left:10px; margin-right:5px; }
#td_titre_perdu { padding-bottom:5px; font-size:12px; font-weight:bold; color:#CC0099; }
#td_comment_perdu { padding-top:5px; text-align:center; font-size:9px; color:gray; }

/* ==== Bloc de préinscription ==== */
/*#div_inscription { position:relative; width:380px; height:363px; padding-right:10px; padding-left:630px; background:url(/images2/ACCUEIL/background_printemps_2010.jpg) no-repeat top left; }*/
#titre_inscription { height:20px; }
#div_inscription div.div_fond_inscription2_bis { position:relative; }
#div_inscription .libelle { position:relative; float:left; width:133px; padding-left:15px; padding-top:2px; color:#000000; }
#div_inscription .libelle2 { position:relative; float:left; width:auto; padding-top:2px; color:#000000; }
#div_inscription .libelle3 { position:relative; float:left; width:20px; padding-left:15px; padding-top:2px; color:#000000; /*background-color:green;*/ }
#div_inscription .libelle4 { position:relative; float:left; width:90px; padding-right:0px; padding-top:5px; color:#000000; /*background-color:magenta;*/ }
#div_inscription .libelle5 { position:relative; float:left; width:90px; padding-top:7px; color:#000000; /*background-color:yellow;*/ }
#div_inscription .libelle6 { text-align:center; position:relative; float:left; width:35px; height:12px; padding:2px 1px 0px 1px; color:#000000; /*background-color:orange;*/ }
#div_inscription .select_petit { width:40px;}
span#txt_petit input[type="text"] { width:49px;}
#div_inscription .libelle7 { position:relative; float:left; width:190px; padding:0px 10px 0px 15px; color:#000000; }
#div_inscription .libelle8 { font-size:9px; color:#ccc; text-align:justify; position:relative; float:left; width:272px; padding-left:0px; padding-top:0px; color:#000000; /*background-color:grey;*/ }
#div_inscription .libelle8 a { font-size:9px; }
#div_inscription .libelle9 { text-align:right; position:relative; float:left; width:40px; height:12px; padding:2px 1px 0px 1px; color:#000000; /*background-color:orange;*/ }
#div_inscription .deroule1 { position:relative; float:left; width:40px; padding-top:2px; color:#000000; /*background-color:cyan;*/ }
#div_inscription .deroule2 { position:relative; float:left; width:80px; padding-top:2px; color:#000000; /*background-color:green;*/ }
#div_inscription .deroule3 { position:relative; float:left; width:45px; color:#000000; /*background-color:green;*/ }
#div_inscription .deroule4 { position:relative; float:left; width:75px; color:#000000; /*background-color:green;*/ }
#div_inscription .deroule5 { position:relative; float:left; width:60px; color:#000000; /*background-color:green;*/ }
#div_inscription #pays { width:166px; }
#div_inscription select, #div_inscription input[type="text"] { width:164px;}
#div_inscription #jour_naissance { width:45px; }
#div_inscription #mois_naissance { width:60px; }
#div_inscription #annee_naissance { width:55px; }
#div_inscription .pays { padding-left:2px; }
#div_inscription .ville { position:relative; /*float:left;*/ width:195px; color:#000000; padding-bottom:6px; margin:0px 0px 0px 148px; /*background-color:purple;*/ }
#div_inscription hr { width:297px; margin:10px 0px 6px 0px; border:none; background:#09F;}
#div_inscription .offre { width:20px; padding-top:0px; }
#div_inscription a.bouton_inscription { display:block; text-decoration:none; width:145px; height:27px; margin:10px 0px 0px 100px; background:url(/images2/ACCUEIL/btn-inscription-up.gif) no-repeat top left; }
#div_inscription a.bouton_inscription:hover { background:url(/images2/ACCUEIL/btn-inscription-dwn.gif) no-repeat top left; }
#div_when_check { display:none; position:absolute; width:473px; height:61px; top:206px; left:125px; padding:4px 8px; text-align:justify; font-weight:bold; color:black; background:url(/images2/ACCUEIL/fond_infos.png) no-repeat top left; }
#div_inscription select { height:17px; }
#div_inscription input[type="text"] { height:13px; }
#div_inscription div.hr { height:1px; line-height:1px; font-size:1px; width:306px; margin:6px 0px 6px 12px; background:#09F; }
#div_inscription #hr1 { margin-top:10px; }
#div_inscription div.erreur { position:absolute; height:16px; width:469px; top:0px; left:-505px; padding-right:20px; text-align:right; font-weight:bold; color:white; background:url(/images2/ACCUEIL/fond_erreur.png) no-repeat top left; }
#div_inscription div.erreur img { position:absolute; top:1px; right:-15px; }
#div_inscription #zone_ville { display:block; height:11px; }
#div_inscription #span_lib_age { width:180px; }

/* ==== Bloc des vignettes ==== */
#div_bloc_vignette { float:left; width:590px; height:230px; margin-top:12px; }
/*#div_bloc_vignette { float:left; width:590px; height:320px; margin-top:12px; }*/
#p_titre { text-align:center; padding:2px; font-family:Geneva, Verdana, sans-serif; font-size:18px; font-weight:bold; color:#4e8333; margin-bottom:0px;}
#p_soustitre { text-align:center; padding:2px; font-size:12px; font-weight:bold; color:#333; }
#div_bloc_vignette ul { padding-left:40px; margin-top:10px; margin-bottom:20px; }
/*#div_bloc_vignette ul { padding-left:40px; margin-top:40px; margin-bottom:74px; }*/
#div_bloc_vignette ul li { font-size:12px; list-style-type:circle; }
#div_bloc_vignette li.mini_fiche { float:left; width:76px; height:83px; margin-top:4px; margin-left:16px; padding:1px; list-style-type:none; background:url(/images2/ACCUEIL/bg-vignettes.jpg) no-repeat top left; }
#div_bloc_vignette li.mini_fiche img { width:67px; height:74px; border:none; }
#div_bloc_vignette fieldset { padding-top:7px; }

/* ==== Bloc des témoignages ==== */
#div_temoignages { float:right; width:368px; height:245px; margin-top:10px; }
#div_temoignages div.un_temoignage {  position:relative; width:360px; height:99px; cursor:pointer; }
/*#div_temoignages div.un_temoignage {  position:relative; width:360px; height:99px; margin:185px 0px 0px 0px; cursor:pointer; }*/
#div_temoignages div.tem_photo {background:url(/images2/ACCUEIL/fd-temoignage.gif); position:absolute; width:74px; height:82px; padding:1px; top:13px; left:10px; }
#div_temoignages div.tem_nom { position:relative; padding:15px 0px 2px 88px; font-size:11px; color:#4e8333; font-weight:bold; width:265px; height:14px; overflow:hidden; }
#div_temoignages div.tem_texte { position:relative; display:block; height:55px; font-size:11px; padding:0px 5px 0px 88px; text-decoration:none; color:#333366; width:270px; overflow:hidden; }
#div_temoignages a { float:right; }
#div_temoignages a:hover { text-decoration:none; color:#0099FF; }
#temoignage1 { padding-bottom:5px; border-bottom:1px dotted #555;}
/*#temoignage1 { padding-bottom:5px; border-top:1px dotted #555;}*/
#div_temoignages div.hr { height:1px; line-height:1px; font-size:1px; margin-left:50px; margin-bottom:4px; background:green; }
#div_temoignages fieldset { padding-top:0px; }

/* ==== Résultats du tirage au sort ==== */
/*
#div_temoignages div.un_temoignage {  position:relative; width:360px; height:86px; margin:197px 0px 0px 0px; cursor:pointer; }
div#div_gagnant { float:right; display:block; position:relative; width:354px; height:194px; margin:0px 0px 0px 0px; background:url(/images2/ACCUEIL/GAGNANT/fond_temoignages_acc_cum.jpg) no-repeat top left; }
div#div_gagnant div#id_titre_tirage { position:absolute; top:13px; left:20px; font-size:12px; font-weight:bold; color:#CA12A0; }
div#div_gagnant div#id_texte_tirage { position:absolute; top:37px; left:20px; width:132px; }
div#div_gagnant div#id_photo_gagnant { position:absolute; top:17px; left:199px; color:#FFFFFF; text-align:center; width:49px; height:54px; background:url(/h/IMG/TEMOIGNAGE/gagnants.jpg) no-repeat top left; }
div#div_gagnant div#id_titre_gagnant { position:absolute; top:13px; left:258px; color:#FFFFFF; width:92px; }
div#div_gagnant div#id_titre_gagnant span { font-size:13px; font-weight:bold; color:#FFFFFF; }
div#div_gagnant a#id_lien_gagnant { position:absolute; top:90px; left:242px;  }
div#div_gagnant div#id_titre_temoigner { position:absolute; top:135px; left:22px; font-size:14px; color:#CA12A0; width:305px; }
div#div_gagnant div#id_titre_temoigner span { font-weight:bold; font-size:14px; color:#CA12A0; }
div#div_gagnant a#bouton_temoigner { display:block; position:absolute; top:154px; left:109px; text-decoration:none; width:140px; height:31px; background:white url(/images2/ACCUEIL/GAGNANT/bouton_temoignez_acc_cum.png) no-repeat top left; }
*/

/* ==== Texte d'indexation ==== */
div#div_pied_de_page { height:60px; }
div#div_pied_de_page div#div_espace { height:10px; }
hr {height:1px; width:980px; border:none; background:#bbb; margin-top:20px; }
#div_texte { text-align:justify; width:980px; margin-top:20px; }
#div_texte a{/* color:#0099cc; */ color:#bbb; font-weight:bold;}
#div_texte p { text-align:justify; color:#bbb; }
#div_texte p.espace { margin-bottom:5px; }
#div_texte p.gras { font-weight:bold; }
#div_texte .amour { color:#bbb; font-weight:bold; }