/* ************************************************************************************** 
Projet :Projet Pieces jaunes 2010
Auteur :Sebastien CHERIAUX - www.droledepixel.com
Raccourcis :-o:outer, -i:inner, -c:center, -l:left, -t:top, -b:bottom, -r:right, col:colonne, bl:bloc, al:align
Sommaire :RESET - STRUCTURE - HOMEPAGE - PLUGINS - CONTENT 	
************************************************************************************** */ 

/* *********************************************************************************** */ 
/* *********************************************************************************** RESET */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; vertical-align:baseline; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
select, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em/*12px*/; color:#080808; }

/* *********************************************************************************** */ 
/* *********************************************************************************** STRUCTURE */
/* *********************************************************************************** */
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#080808; background:#d8d8d8; }

/* main */
#main-o { background:#fff url(img/bg-main-o.gif) repeat-x 0 0; }
#main { background:url(img/bg-main.jpg) no-repeat 50% 0; }
#main-i { padding:0 0 25px 0; background:url(img/bg-main-i.png) no-repeat 50% 100%; _background:url(img/bg-main-i.gif) no-repeat 50% 100%; min-height:800px; height:auto !important; height:800px; }
#main-i2 { width:970px; margin:0 auto; }

/* header */
#header { padding:0 0 4px 12px; width:958px; position:relative; height:94px; }
#header .h1 { width:410px; height:82px; float:left; margin:13px 0 0 0; }
#header .annexe { position:absolute; top:10px; left:850px; color:#103332; }
#header .annexe a { color:#103332; padding:0 5px; }
#espace-presse { position:absolute; display:block; width:114px; height:68px; top:0; left:512px; }
#espace-enseignant { position:absolute; display:block; width:146px; height:80px; top:0; left:609px; }
#espace-contact { position:absolute; display:block; width:136px; height:89px; top:0; left:738px; }

/* footer */
#footer { background:#fff url(img/bg-footer.gif) repeat-x 0 100%; min-height:95px; height:auto !important; height:95px; padding:0 0 12px 0; }
#footer-i { width:970px; margin:0 auto; text-align:center; }
#footer-i p { color:#595959; font-size:0.83em; text-align:center; }
#footer-i p a { color:#595959; }
#footer-i .logos { height:107px; width:970px; overflow:hidden; position:relative; padding:0 0 20px 0; }
#footer #editeur-1 { width:88px; height:107px; position:absolute; left:70px; top:0; }
#footer #editeur-2 { width:78px; height:55px; position:absolute; left:158px; top:42px; }
#footer .partenaires { width:650px; height:66px; position:absolute; left:254px; top:30px; }

/* middle */
#middle { text-align:left; width:614px; position:relative; padding:0 178px; }

/* menu */
#menu { width:437px; height:62px; overlow:hidden; padding:0 0 0 20px; display:block; }
#menu li { display:block; float:left; height:62px; }
#menu #m-1, #menu #m-1 a { width:146px; float:left; height:62px; }
#menu #m-2, #menu #m-2 a { width:142px; float:left; height:62px; }
#menu #m-3, #menu #m-3 a { width:149px; float:left; height:62px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
#col-l { position:absolute; left:0; top:66px; width:202px; }
#col-l .sm { background:url(img/bg-sm.gif) repeat-y 100% 0; padding:10px 20px 10px 28px; width:154px; }
#col-l .sm li { background-repeat:no-repeat; background-position:0 10px; padding:8px 0 8px 20px; }
.rub-1 #col-l .sm li { background-image:url(img/bullet-1.gif); }
.rub-2 #col-l .sm li { background-image:url(img/bullet-2.gif); }
.rub-3 #col-l .sm li { background-image:url(img/bullet-3.gif); }
#col-l .sm li a { color:#100e0e; font-weight:bold; }
.rub-1 #col-l .sm li a:hover, .rub-1 #col-l .sm .actif a { color:#eb8a00; }
.rub-2 #col-l .sm li a:hover, .rub-2 #col-l .sm .actif a { color:#dc2e2c; }
.rub-3 #col-l .sm li a:hover, .rub-3 #col-l .sm .actif a { color:#dc5566; }
.rub-4 #col-l { padding:45px 0 0 0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
#col-r { position:absolute; right:0; top:94px; width:200px; }
#col-r .centre { background:url(img/bg-col-r.gif) repeat-y 0 0; padding:0 20px 0 18px; }
#col-r .centre li { padding:8px 0; border-bottom:1px dotted #fff; display:block; width:154px; }
#col-r .centre .last { border:none; }
#col-r .bottom { margin:0 0 25px 0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** MUTUALISE */
/* *********************************************************************************** */

/* bl :bloc 614 bords arrondis blanc vers gris */
.bl-t { height:13px; width:614px; overflow:hidden; background:url(img/bg-bl-t.png) no-repeat 0 0; }
.bl-b { height:12px; width:614px; overflow:hidden; background:url(img/bg-bl-b.png) no-repeat 0 0; }
.bl { background:#fff url(img/bg-bl.gif) repeat-x 0 100%; min-height:550px; height:auto !important; height:550px; padding:18px 37px; }

/* bl2 :bloc 540 bords arrondis blanc bordure grise */
.bl2 { background:url(bg/bg-bl2.gif) repeat-y 0 0; padding:10px 16px; }

/* ariane */
.ariane { font-size:0.92em; color:#000; }
.ariane a { color:#000; font-weight:bold; padding:0 0 7px 0; }

/* current */
#current { position:absolute; background-repeat:no-repeat; background-position:0 0; }
#current:hover { text-decoration:none; }
.rub-1 #current { width:185px; height:94px; top:2px; left:181px; background-image:url(img/current-1.png); }
.rub-2 #current { width:177px; height:91px; top:5px; left:322px; background-image:url(img/current-2.png); }
.rub-3 #current { width:196px; height:98px; top:0; left:460px; background-image:url(img/current-3.png); }

/* h */
.content h1 { font-size:3em; border-bottom:1px dotted #b2afaf; margin:0 0 15px 0; }
.content .h2cufon { font-size:2em; margin:0 0 12px 0; }
.rub-1 h1, .rub-1 h2, .rub-1 h3, .rub-1 .h2cufon, .rub-1 .rte a, .rub-1 .rte strong, .color-1 { color:#eb8a00; }
.rub-2 h1, .rub-2 h2, .rub-2 h3, .rub-2 .h2cufon, .rub-2 .rte a, .rub-2 .rte strong, .color-2 { color:#dc2e2c; }
.rub-3 h1, .rub-3 h2, .rub-3 h3, .rub-3 .h2cufon, .rub-3 .rte a, .rub-3 .rte strong, .color-3 { color:#dc5566; }
.rub-4 h1, .rub-4 h2, .rub-4 h3, .rub-4 .h2cufon, .rub-4 .rte a, .rub-4 .rte strong, .color-4 { color:#0389be; }
.rub-7 h1, .rub-7 .bl-404 a { color:red; }

/* h2 */
.content h2 { padding:0 0 6px 0; }

/* rte */
.rte img { float:left; margin:0 10px 3px 0; }
.rte h2 { font-size:2em; padding:0 0 15px 0; }
.rte h3 { font-size:1.67em; padding:0 0 12px 0; }
.rte h4 { font-size:1.33em; padding:0 0 8px 0; }
.rte h5 { }
.rte h6 { }
.rte hr { border-bottom:1px dotted #b2afaf; margin:10px 0; }
.rte p { width:540px; overflow:hidden; padding:0 0 10px 0; }
.rte a { text-decoration:underline; }
.rte a:hover { text-decoration:none; }
.rte ul { padding:0 0 10px 0; }
.rte li { padding:0 0 3px 20px; background-repeat:no-repeat; background-position:0 2px; }
.rub-1 .rte li { background-image:url(img/bullet-1.gif); }
.rub-2 .rte li { background-image:url(img/bullet-2.gif); }
.rub-3 .rte li { background-image:url(img/bullet-3.gif); }

/* pagination */
.pagination { height:22px; overflow:hidden; position:relative; width:540px; }
.pagination ul { position:absolute; right:0; top:0; height:22px; }
.pagination li { display:block; width:24px; height:22px; float:left; margin:0 4px; }
.pagination li a { display:block; width:24px; height:22px; float:left; text-align:center; line-height:22px; color:#fff; font-size:1.25em; font-weight:bold; background-repeat:no-repeat; font-style:italic; }
.pagination li a:hover, .pagination li .actif { color:#dc2e2c; text-decoration:none; background-position:0 -22px; }
.rub-1 .pagination li a { background-image:url(btn/bg-pagination-1.gif); }
.rub-2 .pagination li a { background-image:url(btn/bg-pagination-2.gif); }
.rub-3 .pagination li a { background-image:url(btn/bg-pagination-3.gif); }












/* *********************************************************************************** */ 
/* *********************************************************************************** 1-01-SINFORMER ACCUEIL */
/* *********************************************************************************** */

/* essentiel */
#essentiel { padding:0 0 38px 0; width:540px; position:relative; }
#essentiel ul { display:block; height:88px; width:540px; background:url(bg/bg1-essentiel.png) no-repeat 0 0; overflow:hidden; }
#essentiel ul li { display:block; float:left; height:72px; position:relative; font-size:1.17em; color:#000; font-weight:bold; }
#essentiel ul li a { color:#000; }
#essentiel ul li .more { background:url(puce/bullet-more.gif) no-repeat 0 1px; padding:0 0 0 18px; display:block; position:absolute; bottom:8px; left:10px; font-size:0.79em; text-transform:uppercase; }
#essentiel .ess-1, #essentiel .ess-2 { width:122px; border-right:2px solid #fff; padding:8px 10px; }
#essentiel .ess-3 { width:132px; padding:8px 110px 8px 10px; }
#essentiel .perso { width:112px; height:129px; position:absolute; top:14px; right:0; }

/* actualite */
#actu { padding:0 0 15px 0; width:540px; overflow:hidden; }
#actu h2 { padding:0 0 12px 0; }
#actu .first { width:260px; float:left; }
#actu .first .visuel { margin:0 0 10px 0; display:block; }
#actu .first .date { color:#6e6e6e; font-size:0.83em; }
#actu .first .title { font-weight:bold; color:#eb8a00; display:block; font-size:1.5em; line-height:18px; }
#actu .first .descriptif { color:#000; font-size:0.92em; }
#actu ul { width:260px; float:right; }
#actu li { padding:0 0 17px 0; width:260px; display:block; overflow:hidden; }
#actu li .visuel { width:66px; height:66px; display:block; float:left; }
#actu li .title { float:right; width:184px; font-weight:bold; color:#eb8a00; display:block; }
#actu li .date { float:right; width:184px; color:#6e6e6e; font-size:0.83em; line-height:11px; }
#actu li .descriptif { float:right; width:184px; color:#000; font-size:0.92em; }

/* up */
.up { padding:15px 0 20px 0; border-top:1px dotted #b2aeae; width:540px; overflow:hidden; }

/* up2 */
.up2 .item { float:left; width:260px; margin:0 0 0 10px; }
.up-red .item { background:url(bg/bg-up-red.gif) no-repeat 0 0; height:172px; padding:10px 20px 0 20px; width:220px; }
.up2 .first { margin:0; }

/* up3 */
.up3 .item { float:left; width:170px; margin:0 0 0 15px; }
.up3 .first { margin:0; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 1-02-ACTUALITES */
/* *********************************************************************************** */
#liste-actus { }
#liste-actus .actu { margin:0 0 19px 0; border-bottom:1px dotted #ada9a9; background:url(bg/bg-fleur.png) no-repeat 504px 100%; _background:url(bg/bg-fleur.gif) no-repeat 504px 100%; padding:0 50px 0 0; }
#liste-actus .actu-i { padding:0 0 12px 46px; width:444px; background:url(bg/bg-actu-i.gif) no-repeat 0 0; min-height:50px; height:auto !important; height:50px; }
#liste-actus .actu-i h3 { font-size:1.17em; color:#eb8a00; padding:2px 0 8px 0; }
#liste-actus .actu-i h3 span { color:#504f4f; font-size:0.86em; font-weight:normal; }
#liste-actus .actu-i p { padding:0 0 5px 0; width:auto !important; }
#liste-actus .actu-i p a { color:#d40014; font-weight:bold; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 1-03-AGENDA */
/* *********************************************************************************** */
#agenda { }
#agenda .intro { font-weight:bold; font-size:1.17em; color:#000; padding:0 0 15px 0; }
#agenda .agenda-t { height:2px; width:540px; background:url(bg/bg-agenda-t.gif) no-repeat 0 0; line-height:0; font-size:0; }
#agenda .agenda-b { height:2px; width:540px; background:url(bg/bg-agenda-b.gif) no-repeat 0 0; line-height:0; font-size:0; }
#agenda .agenda-i { width:540px; background:#f3aa1c url(bg/bg-agenda-i.gif) repeat-x 0 100%; min-height:500px; height:auto !important; height:500px; }
#agenda .agenda-i h2 { padding:7px 0 16px 10px; }
#agenda .agenda-i ul { }
#agenda .agenda-i li { border-top:1px dotted #fff; padding:8px 10px 16px 98px; position:relative; width:432px; }
#agenda .agenda-i li .date { text-align:center; display:block; position:absolute; width:48px; height:35px; top:-7px; left:42px; background:url(bg/bg-date.gif) no-repeat 0 0; font-size:2em; color:#000; padding:20px 0 0 0; font-weight:bold; }
#agenda .agenda-i li .inner { width:432px; overflow:hidden; }
#agenda .agenda-i li .inner .cnt { width:280px; float:left; color:#000; }
#agenda .agenda-i li .inner .cnt strong { color:#fff; font-size:1.17em; display:block; padding:0 0 2px 0; }
#agenda .agenda-i li .inner .visuel { width:140px; float:right; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 1-04-CONTACT */
/* *********************************************************************************** */
#contact { }
#contact .intro { font-size:1.17em; color:#000; font-weight:bold; }
#contact .intro span { display:block; font-weight:normal; font-size:0.79em; padding:0 0 12px 0; }
#contact form { width:412px; height:316px; background:url(bg/bg-form-contact.gif) no-repeat 0 0; padding:22px 0 24px 120px; position:relative; }
#contact form p { padding:0 0 10px 0; width:412px; overflow:hidden; }
#contact form p label { float:left; display:block; width:82px; }
#contact form p input { width:170px; padding:2px 5px; border-right:1px solid #b4b4b4; border-top:1px solid #b4b4b4; float:left; }
#contact form p textarea { width:300px; padding:2px 5px; border-right:1px solid #b4b4b4; border-top:1px solid #b4b4b4; float:left; height:140px; }
#contact .legal { color:#504f4f; font-size:0.91em; padding:8px 0 0 0; }
#contact form .submit { position:absolute; bottom:0; left:268px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 1-05-SERT A QUOI */
/* *********************************************************************************** */
.sert-a-quoi { width:540px; position:relative; padding:0 0 120px 0; }
.sert-a-quoi .illu { position:absolute; bottom:0; right:-37px; }
.sert-a-quoi p { padding:0 0 14px 0; }
.sert-a-quoi ul { padding:0 0 32px 20px; }
.sert-a-quoi li { padding:4px 0 12px 46px; background:url(bg/bg-actu-i.gif) no-repeat 0 0; }
.sert-a-quoi li strong { font-size:1.17em; color:#eb8a00; }
.sert-a-quoi .region { text-align:center; }
.sert-a-quoi .region a { color:#d40014; font-weight:bold; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 1-06-PARTENAIRES */
/* *********************************************************************************** */
.page-partenaires .bl p { padding:0 0 10px 0; }

/* partners */
#partners { background:url(bg/bg-partners.gif) no-repeat 0 100%; padding:0 0 5px 0; margin:50px 0 0 0; position:relative; }
#partners-i { background:url(bg/bg-partners.gif) no-repeat 0 0; padding:58px 0 12px 149px; }
/* ui-tabs-nav */
#partners-i .ui-tabs-nav { position:absolute; top:-26px; left:32px; width:462px; }
#partners-i .ui-tabs-nav li { width:35px; height:65px; float:left; display:block; padding:6px 7px 10px 0; }
#partners-i .ui-tabs-nav li a { width:35px; height:65px; float:left; }
#partners-i .ui-tabs-nav .ui-tabs-selected { background:url(bg/bg-partner-current.gif) no-repeat 10px 100%; padding-top:0; }
/* ui-tabs-panel */
.ui-tabs-panel { position:relative; border:3px solid #fff; background:#e9aa08; width:219px; min-height:160px; height:auto !important; height:160px; padding:8px 40px 8px 55px; text-align:center; }
.ui-tabs-panel .visu { top:20px; left:-75px; position:absolute; width:94px; height:179px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 1-07-REMPLIR TIRELIRE */
/* *********************************************************************************** */
.step-tirelire { padding:0 0 10px 0; }
.dont { border-top:1px dotted #b2afaf; padding:8px 60px 8px 10px; background:url(bg/bg-dont.gif) no-repeat 0 100%; }
.rub-1 .dont h6 { color:#ea2215; }
.dont ul { padding:0 0 0 15px; }
.dont li { padding:8px 0 0 49px; margin:0 0 4px 0; background:url(bg/bg-actu-i.gif) no-repeat 0 0; min-height:30px; height:auto !important; height:30px; }


/* *********************************************************************************** */ 
/* *********************************************************************************** 1-08-GRACE A VOS DONS */
/* *********************************************************************************** */
/* repartition */
.repartition { padding:0 0 30px 0; border-bottom:1px dotted #b2aeae; margin:0 0 18px 0; }
.repartition h2 { padding:0 0 30px 0; }

/* realisations */
.rea-zone { }
.rea-zone h2 { padding:0 0 12px 0; }

#rea-up-o { background:url(bg/bg-partners.gif) no-repeat 0 100%; padding:0 0 5px 0; margin:0 0 18px 0; }
#rea-up { background:url(bg/bg-partners.gif) no-repeat 0 0; padding:20px 20px 15px 20px; position:relative; width:500px; }
#rea-up-i { width:500px; padding:0 0 22px 0; overflow:hidden; height:340px; }
#rea-up-i p { padding:5px 0; font-weight:bold; /*color:#fff; */ }
#rea-up #prev { display:block; width:17px; height:17px; position:absolute; bottom:6px; right:43px; }
#rea-up #next { display:block; width:17px; height:17px; position:absolute; bottom:6px; right:20px; }

.rea-zone .jcarousel-container { background:url(bg/bg-carou-rea.gif) no-repeat 0 0; width:485px; height:61px; padding:15px 27px 14px 28px; position:relative; }
.rea-zone li { height:61px; width:97px; }
.rea-zone li a { display:block; padding:0 8px; }
.rea-zone li a img { border:3px solid #fff; width:81px; height:55px; }
.rea-zone .jcarousel-prev { position:absolute; width:31px; height:27px; top:32px; left:-17px; background:url(btn/prev.png) no-repeat 0 0; cursor:pointer; }
.rea-zone .jcarousel-next { position:absolute; width:31px; height:27px; top:32px; right:-20px; background:url(btn/next.png) no-repeat 0 0; cursor:pointer; }
.jcarousel-prev-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; }
.jcarousel-next-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; }


/* *********************************************************************************** */ 
/* *********************************************************************************** 2-01-MOBILISER ACCUEIL */
/* *********************************************************************************** */
.page-hp-2 .bl { padding-bottom:0; }

/* faire un don */
#faire-don { background:#fff; border-bottom:1px dotted #b2aeae; padding:0 0 12px 0; margin:0 0 20px 0; }
#faire-don h2 { padding:0 0 8px 0; }
#faire-don form { width:439px; height:227px; background:url(bg/bg-faire-don.gif) no-repeat 0 0; margin:0 0 0 30px; position:relative; }
#faire-don form fieldset { padding:120px 0 0 115px; }
#faire-don form ul { display:block; width:213px; overflow:hidden; padding:0 0 5px 0; }
#faire-don form li { width:71px; float:left; padding:10px 0 0 0; display:block; }
#faire-don form li label { font-weight:bold; font-size:1.17em; padding:0 0 0 8px; color:#fff; }
#faire-don form li .input { border:1px solid #d7d7d7; width:54px; padding:1px 5px; color:#404040; font-size:0.92em; }
#faire-don form .submit { position:absolute; right:27px; bottom:31px; }

/* mobilises */
#mobilises { padding:0 0 30px 0; border-bottom:1px dotted #b2aeae; }
#mobilises .bl2 ul { overflow:hidden; width:508px; }
#mobilises .bl2 li { width:212px; float:left; padding:5px 0; overflow:hidden; border-bottom:1px dotted #ca1a28; margin:0 42px 0 0; }
#mobilises .bl2 li .visu { width:45px; float:left; height:55px; position:relative; display:block; background:url(other/masque-default.gif) no-repeat 0 0; }
#mobilises .bl2 li .visu span { display:block; position:absolute; top:0; left:0; width:45px; height:55px; background:url(other/masque-a.gif) no-repeat 0 0; }
#mobilises .bl2 li p { width:158px; float:right; font-size:0.83em; color:#6e6e6e; }
#mobilises .bl2 li p a { height: 30px;font-size:1.1em; color:#323232; font-weight:bold; }

/* kit-mobi */
#kit-mobi { }
#kit-mobi h2 { border-bottom:1px dotted #8a8080; padding-bottom:0; }
#kit-mobi ul { width:614px; overflow:hidden; background:#d32523; display:block; height:234px; }
#kit-mobi li { border-right:1px dotted #fff; border-bottom:1px dotted #fff; display:block; float:left; width:204px; padding:0; margin:0; }
#kit-mobi li a { display:block; }
#kit-mobi .kit-mobi-3, #kit-mobi .kit-mobi-6 { border-right:none; }
#kit-mobi .kit-mobi-4, #kit-mobi .kit-mobi-5, #kit-mobi .kit-mobi-6 { border-bottom:none; height:115px; }
#kit-mobi .kit-mobi-1, #kit-mobi .kit-mobi-2, #kit-mobi .kit-mobi-3 { height:118px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 2-02-BOITE IDEES */
/* *********************************************************************************** */

/* intro */
.page-boite-idee .intro { font-size:1.5em; color:#080808; padding:0 0 20px 0; }

/* bi-up */
#bi-up { padding:0 0 12px 0; border-bottom:1px dotted #b2aeae; margin:0 0 13px 0; width:540px; }
#bi-up p { font-size:1.17em; color:#000; padding:0 0 5px 0; }
#bi-up .video-up { width:540px; overflow:hidden; padding:0 0 10px 0; }
#bi-up .video-up .video-zone { float:left; margin:0 20px 0 0; width:173px; height:115px; overflow:hidden; padding:6px 12px 9px 5px; background:url(bg/bg-video-zone.png) no-repeat; position:relative; display:block; }
#bi-up .video-up .video-zone span { position:absolute; width:50px; height:49px; overflow:hidden; top:40px; right:75px; background:url(other/play.png) no-repeat 0 0; }
#bi-up .video-up .vote-zone { width:60px; float:left; height:69px; background:url(bg/bg-vote-zone.gif) no-repeat 0 0; text-align:center; color:#fff; font-size:0.92em; font-weight:bold; padding:18px 6px 0 0; }
#bi-up .video-up .vote-zone strong { font-size:2.18em; display:block; line-height:20px; }
#bi-up .video-up .data-zone { width:250px; float:right; font-size:0.92em; color:#333; }
#bi-up .video-up .data-zone h3 { font-size:1.09em; color:#d70f1e; font-weight:bold; }
#bi-up .video-up .data-zone .from { color:#6e6e6e; font-size:1.09em; padding:0 0 13px 0; }
#bi-up .video-up .data-zone .descriptif { font-size:1em; }
#bi-up .video-up .data-zone .see { text-transform:uppercase; padding:0 0 0 18px; color:#000; background:url(puce/bullet-more.gif) no-repeat 0 1px; }
#bi-up ul { width:540px; overflow:hidden; }
#bi-up li { display:block; float:left; width:68px; height:46px; overflow:hidden; margin:0 0 0 15px; padding:2px 7px 4px 2px; background:url(bg/bg-video-zone.gif) no-repeat 0 0; }
#bi-up .first { margin:0; }

/* propals */
#propals { padding:0 10px; width:520px; position:relative; }
#propals h2 { padding:0 0 5px 0; }
#propals .tri-zone { position:absolute; right:10px; top:5px; color:#5f5f5f; font-size:0.92em; }
#propals .tri-zone a { display:inline-block; height:15px; padding:0 0 0 12px; line-height15px; color:#fff; background:url(btn/bg-btn-tri.gif) no-repeat 0 0; }
#propals .tri-zone a span { background:url(btn/bg-btn-tri.gif) no-repeat 100% -15px; padding:0 12px 0 0; display:inline-block; height:15px; }
#propals .tri-zone a:hover,#propals .tri-zone .actif { background-position:0 -30px; text-decoration:none; }
#propals .tri-zone a:hover span, #propals .tri-zone .actif span { background-position:100% -45px; }
#propals .propal { margin:0 0 30px 0; }
#propals .propal li { background:#fff; border-bottom:1px dotted #bab7b7; margin:0 0 5px 0; width:388px; padding:8px 0 40px 132px; position:relative; min-height:95px; height:auto !important; height:95px; }
#propals .propal li h3 { color:#dc2e2c; font-size:1em; }
#propals .propal li .from { color:#6e6e6e; font-size:1em; padding:0 0 10px 0; }
#propals .propal li .descriptif { font-size:0.92em; color:#333; padding:0 10px 0 0; }
#propals .propal li .links { position:absolute; right:0; bottom:0; _bottom:-1px; width:388px; overflow:hidden; }
#propals .propal li .links a { display:block; float:left; margin:0 13px 0 0; }
#propals .propal li .links .last { margin:0 }
#propals .propal li .vote-zone { position:absolute; left:3px; bottom:0; width:102px; }
#propals .propal li .vote-zone .vote { height:51px; background:url(bg/bg-vote-zone.gif) no-repeat 32px 0; width:60px; padding:18px 6px 0 32px; text-align:center; color:#fff; font-size:0.92em; font-weight:bold; }
#propals .propal li .vote-zone .vote strong { font-size:2.18em; display:block; line-height:20px; }
#propals .propal li .vote-zone .votez { height:55px; display:block; width:45px; background:url(other/bg-votez.gif) no-repeat 0 0; padding:15px 0 0 56px; position:relative; }
#propals .propal li .vote-zone .votez span { position:absolute; right:0; _right:-1px; bottom:0; height:55px; display:block; width:45px; background:url(other/masque-b.gif) no-repeat 0 0; }
#propals .pagination { width:520px; }

/* commentaires */
.oc { text-align:right; padding:0 5px 3px 0; }
.oc a { font-size:0.92em; color:#dc2e2c; }
.oc a:hover { color:#000; text-decoration:none; }
.comments { display:none; font-size:0.92em; }
.comment { padding:5px 0; border-top:1px dotted #472710; }
.comment strong { color:#666666; text-transform:uppercase; display:block; }


/* *********************************************************************************** */ 
/* *********************************************************************************** 2-03-FAIRE UN DON */
/* *********************************************************************************** */
page-faire-don #form-faire-don { padding:10px 0; }
#form-faire-don .require { color:#dc2e2c; padding:0 0 10px 0; }
.page-faire-don #form-faire-don fieldset { position:relative; width:540px; }
.page-faire-don #form-faire-don fieldset p { padding:0 0 12px 0; width:540px; overflow:hidden; }

#form-faire-don dl { width:414px; overflow:hidden; padding:0 0 10px 0; }
#form-faire-don dt { width:190px; float:left; display:block; height:18px; padding:0 0 12px 0; overflow:hidden; }
#form-faire-don dd { width:224px; float:left; display:block; height:18px; padding:0 0 12px 0; overflow:hidden; }
#form-faire-don label { font-size:1em; color:#333; }
#form-faire-don label span { color:#e2007a; }
#form-faire-don dd input, #form-faire-don dd select { border:1px solid #ccc; width:180px; padding:2px 5px; background:#fff; color:#000; font-size:0.92em; font-family:Arial, Helvetica, sans-serif; }
#form-faire-don dd select { width:192px; }
.page-faire-don #form-faire-don #submit { position:absolute; bottom:0; right:0; }
#form-faire-don .explain { width:322px !important; padding:10px 0 55px 0 !important; }
#form-faire-don .explain a { color:#000; text-decoration:underline; }
#form-faire-don .explain a:hover { text-decoration:none; }
#form-faire-don  #amount { width:100px; }

/* other-mode */
#other-mode { border-bottom:1px dotted #bab6b6; width:540px; overflow:hidden; }
#other-mode li { float:left; padding:0 10px; }
#other-mode li a { display:block; float:left; }

/* up */
.up-red .first h2 { padding:5px 0 12px 0; }
.up-red .first p { padding:0 0 12px 0; }
.up-red .esp { padding:0 0 0 20px; display:inline-block; color:#000; text-transform:uppercase; font-weight:bold; font-size:0.92em; background:url(bg/bg-esp.gif) no-repeat 0 0; }

/* reduction */
.reduction { font-size:1.2em; width:350px !important; height:auto !important; }
.reduction span { font-weight:bold; font-size:1.2em; color:#0389be; }
.reduction a { font-size:0.92em; color:#000; text-decoration:underline; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 3-01-JOUE ACCUEIL */
/* *********************************************************************************** */
#game-up { padding:0 0 14px 0; border-bottom:1px dotted #b2aeae; margin:0 0 12px 0; }
#game-up h2 { padding:0 0 8px 0; }
#game-up .up { padding:0; border:none; }
#game-up .up2 a { padding:23px 0 0 0; }
#game-up .up2 .first { padding:0; margin:0 0 0 10px; }


/* *********************************************************************************** */ 
/* *********************************************************************************** 3-02-CONCOURS DISNEY */
/* *********************************************************************************** */
/* galerie-tirelire */
#galerie-tirelire { }
#galerie-tirelire h2 { padding:0 0 10px 0; }
#galerie-tirelire .bl2-b { margin:0 0 12px 0; }
#galerie-tirelire .bl2 ul { width:508px; overflow:hidden; }
#galerie-tirelire .bl2 .first-line { margin:0 0 12px 0; padding:0 0 7px 0; border-bottom:1px dotted #b2aeae; }
#galerie-tirelire .bl2 li { display:block; float:left; width:120px; padding:16px 7px 0 0; background:url(bg/bg-galerie-tirelire.gif) no-repeat 0 16px; min-height:103px; height:auto !important; height:103px; position:relative; }
#galerie-tirelire .bl2 li .visuel { padding:3px 0 10px 3px; width:92px; height:92px; overflow:hidden; }
#galerie-tirelire .bl2 li .vote { position:absolute; top:0; right:0; width:38px; height:39px; font-size:1.5em; text-align:center; background:url(bg/bg-vote.png) no-repeat 0 0; font-weight:bold; padding:7px 6px 0 0; }
#galerie-tirelire .bl2 li p { font-weight:bold; width:98px; padding:0 0 3px 0; }
#galerie-tirelire .bl2 li a.voteccd  { display:inline-block; height:15px; padding:0 0 0 8px; line-height15px; color:#fff; font-size:0.92em; background:url(btn/bg-btn-vote.gif) no-repeat 0 0; }
#galerie-tirelire .bl2 li a.voteccd span { background:url(btn/bg-btn-vote.gif) no-repeat 100% -15px; padding:0 8px 0 0; display:inline-block; height:15px; }

/* disney */
#disney { height:332px; width:540px; position:relative; background:url(bg/bg-disney.png) no-repeat 0 0; padding:0 0 25px 0; margin:0 0 20px 0; border-bottom:1px dotted #bbb8b8; }
#disney ul { padding:112px 30px 0 304px; }
#disney li { padding:0 0 8px 20px; background-image:url(bg/bg-disney-li.gif); background-repeat:no-repeat; }
#disney .li-1 { background-position:0 2px; }
#disney .li-2 { background-position:0 -98px; }
#disney .li-3 { background-position:0 -198px; }
#disney .li-4 { background-position:0 -300px; }
#disney li a { padding:0 0 0 18px; background:url(img/bullet-2.gif) no-repeat 0 2px; color:#000; }
#disney #photo-inline { position:absolute; top:240px; left:/*240*/310px; }
#disney #photo-vote { position:absolute; top:236px; left:370px; }

/* *********************************************************************************** */ 
/* *********************************************************************************** 3-03-PERSONNALISE */
/* *********************************************************************************** */
/* flash-tirelire */
#flash-tirelire { }

/* nav-tirelire */
#nav-tirelire { }
.tire-zone { padding:18px 0 0 0; border-top:1px dotted #b1aeae; margin:20px 0 0 0; }
.tire-zone h2 { padding:0 0 13px 0; }
.tire-zone .jcarousel-container { background:url(bg/bg-carou-tirelire.gif) no-repeat 0 0; width:480px; height:110px; padding:18px 30px 11px 30px; position:relative; }
.tire-zone li { height:98px; width:120px; }
.tire-zone li a { display:block; padding:0 8px; }
.tire-zone li a img { border:3px solid #fff; width:92px; height:92px; }
.tire-zone .jcarousel-prev { position:absolute; width:31px; height:27px; top:55px; left:-17px; background:url(btn/prev2.png) no-repeat 0 0; cursor:pointer; }
.tire-zone .jcarousel-next { position:absolute; width:31px; height:27px; top:55px; right:-20px; background:url(btn/next2.png) no-repeat 0 0; cursor:pointer; }
.jcarousel-prev-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; }
.jcarousel-next-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; }


/* *********************************************************************************** */ 
/* *********************************************************************************** 4-01-ESPACE ENSEIGNANT */
/* *********************************************************************************** */
/* kit-up */
#kit-up { width:540px; overflow:hidden; padding:0 0 17px 0; }
#kit-up .col-txt { float:left; width:260px; line-height:16px; margin:0 10px 0 0; color:#181818; }
#kit-up .cndp { padding:0 0 0 17px; width:190px; background:url(img/bullet-2.gif) no-repeat 0 4px; }
#kit-up .cndp p { padding:0 0 62px 0 !important; background:url(other/logo-cndp.gif) no-repeat 0 100%; }
#kit-up .cndp a { color:#e82037; }
#kit-up .col-txt p { padding:0 0 16px 0; }
#kit-up .col-visu { float:left; }

/* form */
#form-kit { width:412px; height:410px; background:url(bg/bg-form-kit.gif) no-repeat 0 0; padding:22px 0 24px 120px; position:relative; color:#fff; }
#form-kit p { padding:0 0 10px 20px; width:392px; overflow:hidden; }
#form-kit h3 { color:#fff; font-size:1em; font-weight:bold; padding:0 0 10px 20px; }
#form-kit .accroche { padding-left:0; }
#form-kit p label { float:left; display:block; width:82px; }
#form-kit p input { width:170px; padding:2px 5px; border-right:1px solid #b4b4b4; border-top:1px solid #b4b4b4; float:left; }
#form-kit p textarea { width:300px; padding:2px 5px; border-right:1px solid #b4b4b4; border-top:1px solid #b4b4b4; float:left; height:140px; }
#form-kit .submit { position:absolute; bottom:0; left:268px; }
#form-kit .nb { width:280px; }
#form-kit #nb { width:40px; }
#form-kit #cp { width:65px; }


/* *********************************************************************************** */ 
/* *********************************************************************************** E-NEWS */
/* *********************************************************************************** */
#form-enews { padding:10px 0 50px 0; position:relative; }
#form-enews .accroche, #form-enews .require, #form-enews .accroche { padding:0 0 10px 0; }
#form-enews .require { color:#dc2e2c; padding:0 0 10px 0; }
.page-faire-don #form-enews fieldset { position:relative; width:540px; }
.page-faire-don #form-enews fieldset p { padding:0 0 12px 0; width:540px; overflow:hidden; }

#form-enews dl { width:414px; overflow:hidden; padding:0 0 10px 0; }
#form-enews dt { width:190px; float:left; display:block; height:18px; padding:0 0 12px 0; overflow:hidden; }
#form-enews dd { width:224px; float:left; display:block; height:18px; padding:0 0 12px 0; overflow:hidden; }
#form-enews label { font-size:1em; color:#333; }
#form-enews label span { color:#e2007a; }
#form-enews dd input, #form-enews dd select { border:1px solid #ccc; width:180px; padding:2px 5px; background:#fff; color:#000; font-size:0.92em; font-family:Arial, Helvetica, sans-serif; }
#form-enews dd select { width:192px; }
#form-enews dd .submit { border:none; padding:0; margin:0; height:auto; width:auto; background:transparent !important; position:absolute; left:190px; bottom:0; }
#form-enews .explain { width:322px !important; padding:10px 0 55px 0 !important; }
#form-enews .explain a { color:#000; text-decoration:underline; }
#form-enews .explain a:hover { text-decoration:none; }
#form-enews  #amount { width:100px; }




/* *********************************************************************************** */ 
/* *********************************************************************************** HOMEPAGE */
/* *********************************************************************************** */
.hp { background:#c8d1ce url(img/bg-body-hp.gif) repeat-x 0 0; }
#main-hp { background:url(img/bg-main-hp.jpg) no-repeat 50% 0; min-height:500px; height:auto !important; height:500px; }
#main-hp-i { margin:0 auto; width:950px; }

/* header */
#header-hp { width:984px; overflow:hidden; height:119px; position:relative; }
#header-hp h1 { width:508px; height:0; margin:18px 0 0 13px; padding:101px 0 0 0; overflow:hidden; background:url(img/logo-hp.png) no-repeat 0 0; }
#header-hp .annexe-hp { position:absolute; top:10px; right:0; color:#103332; }
#header-hp .annexe-hp a { color:#103332; padding:0 5px; }
#espace-presse-hp { position:absolute; display:block; width:133px; height:80px; top:0; left:495px; }
#espace-enseignant-hp { position:absolute; display:block; width:174px; height:100px; top:0; left:608px; }
#espace-contact-hp { position:absolute; display:block; width:136px; height:89px; top:0; left:760px; }

/* middle */
#middle-hp { padding:26px 0 0 0; /*height:510px; */ position:relative; width:950px; overflow:hidden; }

/* campagne pub */
#campagne-pub { position:absolute; width:240px; background:#fff; border:1px solid #ccd7d2; padding:9px; }
#campagne-pub h2 { padding:0 0 6px 0; font-size:1,5em; color:#dc2e2c; }

/* triple zone */
#triple-zone { width:673px; height:311px; position:absolute; right:0; top:26px; background:url(img/bg-triple-zone.png) no-repeat 0 0; _background:url(img/bg-triple-zone.gif) no-repeat 0 0; }
#triple-zone .zone-1 { position:absolute; top:78px; left:66px; width:127px; height:62px; display:block; }
#triple-zone .zone-3 { position:absolute; top:148px; left:470px; width:158px; height:108px; display:block; }
#triple-zone .zone-2 { position:absolute; top:35px; left:240px; width:223px; height:180px; display:block; }
#triple-zone .zone-2 a { width:208px; height:60px; display:block; }
#triple-zone form { padding:10px 0 0 10px; color:#fff; }
#triple-zone form ul { display:block; width:213px; overflow:hidden; padding:0 0 5px 0; }
#triple-zone form li { width:71px; float:left; padding:5px 0 0 0; display:block; }
#triple-zone form li label { font-weight:bold; font-size:1.17em; padding:0 0 0 8px; }
#triple-zone form li .input { border:1px solid #d7d7d7; width:54px; padding:1px 5px; color:#404040; font-size:0.92em; }
#triple-zone form .submit { margin:0 0 0 110px; }
#triple-zone a:hover { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }

/* zone enseignant */
#zone-enseignant { display:block; width:217px; height:102px; position:absolute; right:0; top:312px; background:url(img/bg-zone-enseignant.png) no-repeat 0 0; _background:url(img/bg-zone-enseignant.gif) no-repeat 0 0; padding:46px 25px 0 36px !important; padding:46px 19px 0 10px; z-index:1; }
#zone-enseignant h2 { padding:0 0 5px 0; }
#zone-enseignant li { padding:0 0 2px 0; }
#zone-enseignant li a { padding:0 0 0 16px; background:url(img/puce-pile-face.gif) no-repeat 0 2px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:0.92em; }

/* flash-hp */
#flash-hp { position:absolute; width:540px; height:300px; left:98px; top:180px; }

/* flash-footer-hp */
#flash-footer-hp { width:690px; height:107px; display:block; position:absolute; bottom:0; left:181px; z-index:10; }

/* pseudo footer */
#pseudo-footer { height:107px; overflow:hidden; width:950px; padding:420px 0 0 0;  z-index:10; }
#pseudo-footer #editeurs { display:block; float:left; width:181px; height:107px; position:relative; }
#pseudo-footer #editeur-1 { width:88px; height:107px; position:absolute; left:15px; top:0; }
#pseudo-footer #editeur-2 { width:78px; height:55px; position:absolute; right:0; top:42px; }
#pseudo-footer #social { display:block; float:right; width:79px; height:107px; position:relative; }
#pseudo-footer #facebook { width:40px; height:41px; position:absolute; left:0; top:34px; }
#pseudo-footer #twitter { width:40px; height:40px; position:absolute; left:30px; top:54px; }

/* footer-hp */
#footer-hp { color:#595959; font-size:0.83em; text-align:right; padding:6px 5px 0 0; z-index:20px; }
#footer-hp a { color:#595959; }
img.icone { border:1px solid #EDEDED; float:left; margin:0 10px 10px 0; padding:3px;}

/* *********************************************************************************** */ 
/* *********************************************************************************** 404 */
/* *********************************************************************************** */
.bl-404 { }
.bl-404 p { padding:0 0 12px 0; }
.bl-404 p strong { color:red; }


/* *********************************************************************************** */ 
/* *********************************************************************************** PLUGINS */
/* *********************************************************************************** */

/* NAV PROVISOIRE */
#navProv { position:absolute; top:0; left:0; width:130px; z-index:1; }
#navProv li { list-style:none; display:block; height:0.01%; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; }
#navProv li span { display:block; padding:2px; }
#navProv .navProvOC a { text-align:center; color:#000000; }
#navProv li a { display:block; padding:2px; background-color:#ff920a; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; height:0.01%; }
#navProv li a:hover { background-color:#ff920a; color:#000000; }

/* TABS */
.ui-tabs-hide { display:none; }

/* JCAROUSEL */
.jcarousel-container { position:relative; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none; /*width:75px; height:75px; */ }
.jcarousel-next { z-index:3; display:none; }
.jcarousel-prev { z-index:3; display:none; }

/* TOOLTIP */
#tooltip { position:absolute; z-index:3000; border:1px solid #ddd; background-color:#fff; padding:10px; opacity:0.85; color:#000; font-size:1em; }
#tooltip h3, #tooltip div { margin:0; }
#tooltip h3 { font-size:1em; font-weight:bold; }
.rub-1 #tooltip h3 { color:#eb8a00; }
.rub-3 #tooltip h3 { color:#dc5566; font-style:italic; }

/* VALIDATE */
form .error { border-color:red !important; background:red !important; color:#fff !important; }
form label.error { display:none !important; }

.rub-1 .page-actus .spip_logos { border:1px solid #EDEDED; float:left; margin:0 10px 4px 0; padding:3px;}

#spip-debug { display:none; }

/* LIGHTBOX */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }	
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }

/* THICKBOX */
#TB_window { font:12px Arial, Helvetica, sans-serif; color:#333333; }
#TB_secondLine { font:10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_overlay { position:fixed; z-index:100; top:0; left:0; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background:url(img/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
* html #TB_overlay { /* ie6 hack */ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); }
#TB_window { position:fixed; background:#ffffff; z-index:102; color:#000000; display:none; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { display:none; background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; }
* html #TB_load { /* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; background:yellow; padding:0; }

/*added by matdac*/
.content .border-bottom { border-bottom:1px dotted #BBB8B8;margin:15px 0 15px 0; }