/* CSS Document */

#pied{position:relative; top:170px;}

#home{background:url(/images/passionnes-v2/fond-home.gif) repeat-y; width:788px; position:relative;}

#home img.image0{margin:0; padding:0;}

#home #accroche{position:relative; left:29px; top:-2px;}

#passionnes .fond1{background: url(/images/passionnes-v2/visu_passionnes3.gif) no-repeat; width:130px; height:68px; position:absolute; top:201px; left:412px;}
#passionnes .fond2{background: url(/images/passionnes-v2/visu_passionnes5.jpg) no-repeat; width:14px; height:30px; position:absolute; top:262px; left:529px;}

#passionnes a img.picto{margin:4px 0 -4px 0;}


/*THEMES*/
#passionnes #themes{ width:505px; margin-left:30px;}

#passionnes #themes .col-themes{ width:250px; float:left;}
#passionnes #themes .col-themes ul{ list-style: none; margin:0; padding:0;}
#passionnes #themes .col-themes ul li.theme_off{width:202px; height:17px; background:url(/images/passionnes-v2/puce-theme-off.gif) no-repeat; padding:4px 0 0 20px; margin-top:2px}
#passionnes #themes .col-themes ul li.theme_on{width:202px; height:17px; background:url(/images/passionnes-v2/puce-theme-on.gif) no-repeat; padding:4px 0 0 20px; margin-top:2px}
#passionnes #themes .col-themes  a.theme_off{ font-size:11px; color:#3f3f3f; text-decoration:none; display:block; width:202px; height:17px; background:url(/images/passionnes-v2/puce-theme-off.gif) no-repeat; padding:4px 0 0 20px; margin-top:2px}
#passionnes #themes .col-themes  a.theme_on{ color:#ffffff; text-decoration:none; display:block;width:202px; height:17px; background:url(/images/passionnes-v2/puce-theme-on.gif) no-repeat; padding:4px 0 0 20px; margin-top:2px}
#passionnes #themes .col-themes a.theme_off .nbPage{ color:#8d0100; font-weight:bold;}
#passionnes #themes .col-themes a.theme_on .nbPage{ color:#ffffff; font-weight:bold;}

/*TOP 5*/

#passionnes #top5{ width:550px; position:relative; margin-top:100px;}

#passionnes #top5 .top5-milieu{background:url(/images/passionnes-v2/top5-fd-milieu.gif) repeat-y 1px 0%; width:541px; padding-top:40px;}
#passionnes #top5 .top5-milieu .textes{ width:410px; margin:0 0 0 80px; color:#8c8c8c; font-size:11px;}
#passionnes #top5 .top5-milieu .textes .titre{ color:#e55300; font-size:13px; width:auto;}
#passionnes #top5 .top5-milieu .textes .site1, .top5-milieu .textes .site0 {display:block; float:left; width:200px;}
#passionnes #top5 .top5-milieu .textes .site4, .top5-milieu .textes .site3, .top5-milieu .textes .site2{display:none; float:left; width:200px;}
#passionnes #top5 .top5-milieu .textes .num{float:left; width:28px; padding:0; margin:0;}
#passionnes #top5 .top5-milieu .textes .num img{ padding:0; margin:0;}
#passionnes #top5 .top5-milieu .textes .descr{float:left; width:165px;}

#passionnes #top5 .tiret-vert{ background:url(/images/passionnes-v2/tiret-vert.gif) repeat-y 0% 0%; position:absolute; top:60px; left:273px; width:1px; height:70px;}

#passionnes .top5-milieu .textes .descr a:link, #passionnes .top5-milieu .textes .descr a:visited{color:#ec4c00; text-decoration:underline;}
#passionnes .top5-milieu .textes .descr a:hover, #passionnes .top5-milieu .textes .descr a:active{color:#ff9900; text-decoration:underline;}

#passionnes .top5-milieu .textes .descr .titre a:link, #passionnes .top5-milieu .textes .descr .titre a:visited{color:#ec4c00; text-decoration:none;}
#passionnes .top5-milieu .textes .descr .titre a:hover, #passionnes .top5-milieu .textes .descr .titre a:active{color:#ff9900; text-decoration:none;}

#passionnes .top5-milieu .textes .descr img{margin:4px 0 -4px 0;}

#passionnes #top5 .top5-titre {position:absolute; top:-46px; left:51px;}
#passionnes #top5 .top5-accroche {position:absolute; top:-61px; left:230px;}
#passionnes #top5 .top5-puce-gauche {position:absolute; top:60px; left:16px;}
#passionnes #top5 .top5-puce-droite {position:absolute; top:60px; left:489px;}

/*COLONNE DROITE*/
#colonne-droite{width:187px; position:absolute; top:220px; left:541px;}

/*SITE DU MOIS*/

#passionnes #site-mois{position:absolute; top:0px; left:411px; background:url(/images/passionnes-v2/site-mois-fd.jpg) no-repeat; width:338px; height:198px; padding:20px 0 0 40px; color:#606060;}
#passionnes #site-mois .titre{color:#e55300; font-size:12px; font-weight:bold;}
#passionnes #site-mois .texte{padding-left:2px; margin-top:5px; width:200px;}

#passionnes #site-mois a:link, #passionnes #site-mois a:visited{color:#ec4c00; text-decoration:underline;}
#passionnes #site-mois a:hover, #passionnes #site-mois a:active{color:#ff9900; text-decoration:underline;}
#passionnes #site-mois img{margin:4px 0 -4px 0;}

/*NOUVEAUTES*/

#passionnes #nouveautes{width:187px; color:#606060; position:absolute; left:0px; top:-26px;}
#passionnes #nouveautes .nouveautes-milieu .nouveautes-haut{background:url(/images/passionnes-v2/nouveautes-fd-haut.jpg) no-repeat 0% 0%; padding:25px 0 25px 20px;}
#passionnes #nouveautes .nouveautes-milieu{background:url(/images/passionnes-v2/nouveautes-fd-milieu.jpg) repeat-y;}
#passionnes #nouveautes .nouveautes-milieu .nouveautes-bas{background:url(/images/passionnes-v2/nouveautes-fd-bas.gif) no-repeat 0% 100%; } 
#passionnes #nouveautes .texte{margin-top:5px; width:125px;}

#passionnes #nouveautes .sous-titre{color:#8c0202; font-size:14px;}

#passionnes #nouveautes .nouv1{display:block;}
#passionnes #nouveautes .nouv2, #passionnes #nouveautes .nouv3{display:none;}

#passionnes #nouveautes a:link, #passionnes a:visited{color:#8c0202; text-decoration:underline;}
#passionnes #nouveautes a:hover, #passionnes a:active{color:#ff9900; text-decoration:underline;}

#passionnes #nouveautes .sous-titre a:link, #passionnes .sous-titre a:visited{color:#8c0202; text-decoration:none;}
#passionnes #nouveautes .sous-titre a:hover, #passionnes .sous-titre a:active{color:#ff9900; text-decoration:none;}

#passionnes #nouveautes .texte a:link, #passionnes #nouveautes .texte a:visited{ color:#606060; text-decoration:none;}
#passionnes #nouveautes .texte a:hover, #passionnes #nouveautes .texte a:active{color:#ff9900; text-decoration:none;}


#passionnes #nouveautes .fleche-prec{ width:26px; height:41px; position:absolute; top:45px; left:173px;}
#passionnes #nouveautes .fleche-suiv{ width:26px; height:41px; position:absolute; top:86px; left:173px;}

/*Proposer un site*/

#passionnes #propose-site{ position:absolute; left:0px; top:148px;}

/*SELECTION DE LA SEMAINE*/

#passionnes #selection{width:187px; color:#ffffff; position:absolute; left:0px; top:310px;}
#passionnes #selection .selection-haut{background: url(/images/passionnes-v2/selection-fd-haut.jpg) no-repeat 0% 0%; padding-top:10px;}
#passionnes #selection .selection-milieu{background:url(/images/passionnes-v2/selection-fd-milieu.jpg) repeat-y ;}
#passionnes #selection .selection-bas{background:url(/images/passionnes-v2/selection-fd-bas.jpg) no-repeat 1px 100%; padding-bottom:25px; } 
#passionnes #selection .texte{margin-top:5px; width:145px;}

#passionnes #selection a:link, #passionnes #selection a:visited{color:#ffffff; text-decoration:underline;}
#passionnes #selection a:hover, #passionnes #selection a:active{color:#ff9900; text-decoration:underline;}
#passionnes #selection img{margin:4px 0 -4px 0;}

#passionnes #selection ul{ list-style: none; margin:0; padding:0;}
#passionnes #selection ul li.selection_off{ background:url(/images/passionnes-v2/selection_off.gif) no-repeat 0% 0%; padding:0 0 0 35px; margin:2px 0 0 11px;}
#passionnes #selection ul li.selection_on{ background:url(/images/passionnes-v2/selection_on.gif) no-repeat 0% 0%; padding:0 0 0 35px; margin:2px 0 0 11px}
#passionnes #selection .selection_off a.liste{ font-size:11px; color:#ffffff; text-decoration:none;}
#passionnes #selection .selection_on a.liste{ color:#ffffff; text-decoration:none;}

/*TELECHARGER NOS BANNIERES*/

#passionnes #telechargez{ position:absolute; width:187px; color:#ffffff; top:462px; left:0px;}
#passionnes #telechargez .telechargez-haut{background: url(/images/passionnes-v2/telechargez-fd-haut.gif) no-repeat 0% 0%;}
#passionnes #telechargez .telechargez-milieu{background:url(/images/passionnes-v2/telechargez-fd-milieu.gif) repeat-y -1px;}
#passionnes #telechargez .telechargez-bas{background:url(/images/passionnes-v2/telechargez-fd-bas.gif) no-repeat 0% 100%; padding:10px 0 25px 0; } 
#passionnes #telechargez .texte{margin-top:5px; width:145px;}