sup {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;background: transparent;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;} img{padding: 0;margin: 0;border: 0;} /* remember to define focus styles! */ :focus { outline: 0; } body {line-height: 1;color: black;background: white;} ol, ul { list-style: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* /////////////////////////////// search : Structure generale /////////////////////////////// */ /* Basics ////////////////////////////////////////////////////////////// */ body { font: normal 0.6875em Arial, helvetica, sans-serif; color: #494949; text-align: center; background: url(/library/images/bg/default_bg.gif) repeat-y center top #ececec;} /*body#accueil { background: #b3b5b6 url(/library/images/_new/bg-fdm.jpg) center top no-repeat;} body#accueil #wrapper { background: #fff url(/library/images/_new/bg-fdm-head.jpg) center 0 no-repeat; } body#accueil #header { background-position: 0 193px;} body#accueil #header .banner { height: 152px;} body#accueil #header .banner_215x90 { margin-top: 62px;}*/ body#corpo { background-image: none; } img { border: none; } strong { font-weight: bold; } em { font-style: italic;} p { margin-bottom: 15px; } a { color: #66B821; text-decoration: none; } a:hover { color: #488318; } h1 { font-size: 2em; line-height: 1.2em; font-weight: bold; color: #00a6dd;} h2 { font-size: 1.45em; font-weight: bold; } h3 { font-size: 1.18em; font-weight: bold; } h4 { font-size: 1.09em; font-weight: bold; } .blue, .social a, .apps a, .apps .social a, #content h4 a, #social a { color:#00a6dd; } a.blue:hover, .social a:hover, .apps .social a:hover, .apps a:hover, #content h4 a:hover, #social a:hover { color:#016d78; } .green, #contest .subtitleB a { color: #71be32; } a.green:hover, #contest .subtitleB a:hover { color: #488318; } .top { margin-top: 5px} .clear { clear: both; } #headerPrint { display: none; } .clearer { width: 100%!important; clear: both!important; display: block!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important;} .clear { clear: both; width: 100%;} .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .selfclear { overflow: hidden;} .float { float: left;} .floatR { float: right!important;} .hidden { visibility: hidden;} .none { display: none!important;} .noPad { padding-bottom: 0!important;} .overShow { overflow: visible!important;} .noSpaced { margin-bottom: 0!important;} .space { margin-bottom: 5px!important;} .spaced { margin-bottom: 15px!important;} .spacedBig { margin-bottom: 30px!important;} .spacedTop { margin-top: 15px!important;} .spacedTopBig { margin-top: 30px!important;} /* #################################################### */ /* #################################################### */ /* !containers */ #wrapper { width: 992px; margin: 0 auto; padding: 0; text-align: left; /* overflow: hidden; */ background: #fff; position: relative; } #content { line-height: 120%; background: #fff; } #left { margin: 10px 10px 10px 5px; float: left; display: inline; position: relative; background: #fff; z-index: 1;} #center { float: left; margin-top: 10px; position: relative; display: inline; } #right { float: right; width: 300px; margin: 10px 5px 10px 0; display: inline; position: relative; background: #fff; } .box { overflow: hidden; line-height: 15px; padding: 15px; margin-bottom: 10px; } .apps .box { min-height: 250px; padding: 25px; } #accueil .apps .box { min-height: 0; padding: 10px 15px 5px;} .bloc { padding: 0 5px 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; overflow: hidden; } /* Small, Medium, Large */ .small { width: 166px; } .medium { width: 300px; } .large { width: 362px; } .xlarge { width: 496px; } .xxlarge { width: 672px; } .full_large { width: 982px; margin-left: 5px;} /* Social specifics */ /**/ .small .social { background: url(/library/images/_new/social_top_small2.gif) no-repeat; } .small .social .box { background: url(/library/images/_new/social_bottom_small.gif) 0 100% no-repeat; } .medium .social { background: url(/library/images/_new/social_top_medium2.gif) no-repeat; } .medium .social .box { background: url(/library/images/_new/social_bottom_medium.gif) 0 100% no-repeat; } .profil .medium .social { background-position: 0 0; } .large .social { background: url(/library/images/_new/social_top_large2.gif) no-repeat; } .large .social .box { background: url(/library/images/_new/social_bottom_large.gif) 0 100% no-repeat; } .xlarge .social { background: url(/library/images/_new/social_top_xlarge2.gif) no-repeat; } .xlarge .social .box { background: url(/library/images/_new/social_bottom_xlarge.gif) 0 100% no-repeat; } .medium .profil { background: url(/library/images/_new/profil_top_medium.gif) no-repeat; } .medium .profil .box { background: url(/library/images/_new/profil_bottom_medium.gif) 0 100% no-repeat; } .large .profil { background: url(/library/images/_new/profil_top_large.gif) no-repeat; } .large .profil .box { background: url(/library/images/_new/profil_bottom_large.gif) 0 100% no-repeat; } .xlarge .profil { background: url(/library/images/_new/profil_top_xlarge.gif) no-repeat; } .xlarge .profil .box { background: url(/library/images/_new/profil_bottom_xlarge.gif) 0 100% no-repeat; } /* Static specifics */ .small .static { background: url(/library/images/_new/static_top_small2.gif) no-repeat; } .small .static .box { background: url(/library/images/_new/static_bottom_small.gif) 0 100% no-repeat; } .medium .static { background: url(/library/images/_new/static_top_medium2.gif) no-repeat; } .medium .static .box { background: url(/library/images/_new/static_bottom_medium.gif) 0 100% no-repeat; } .large .static { background: url(/library/images/_new/static_top_large.gif) no-repeat; } .large .static.large .box { background: url(/library/images/_new/static_bottom_large.gif) 0 100% no-repeat; } .xlarge .static { background: url(/library/images/_new/static_top_xlarge2.gif) no-repeat; } .xlarge .static .box { background: url(/library/images/_new/static_bottom_xlarge.gif) 0 100% no-repeat; } /* Widget specifics */ .medium .widget { background: url(/library/images/_new/widget_top_medium2.gif) no-repeat; } .medium .widget .box { background: url(/library/images/_new/widget_bottom_medium.gif) 0 100% no-repeat; } .large .widget { background: url(/library/images/_new/widget_top_large.gif) no-repeat; } .large .widget .box { background: url(/library/images/_new/widget_bottom_large.gif) 0 100% no-repeat; } /* Apps specifics */ .medium .apps { background: url(/library/images/_new/apps_top_medium.gif) no-repeat; padding-top: 5px; } .medium .apps .box { background: url(/library/images/_new/apps_bottom_medium.gif) 0 100% no-repeat; padding: 15px 15px 0; margin-bottom: 0; } .xlarge .apps { background: url(/library/images/_new/apps_top_xlarge.gif) no-repeat; padding-top: 5px; } .xlarge #members.apps, #accueil .xlarge .apps { background-image: url(/library/images/_new/apps_top_xlarge2.gif);} .xlarge .apps .box { background: url(/library/images/_new/apps_bottom_xlarge.gif) 0 100% no-repeat; } .apps .subtitleB { padding-bottom: 15px; font-size: 1.66em; line-height: 1.2em; font-weight: normal; color: #00a6dd; text-transform: uppercase; } .appsGreen .subtitleB { color: #71be32;} .toleft { margin-left: 5px; } .xxlarge { margin-right: 5px; } .xxlarge .apps { background: url(/library/images/_new/apps_top_xxlarge.gif) no-repeat; padding-top: 5px; } .videos .xxlarge .apps { background-image: url(/library/images/_new/apps_top_xxlarge_vid.jpg);} .xxlarge .apps .box { background: url(/library/images/_new/apps_bottom_xxlarge.gif) 0 100% no-repeat; } .full_large .apps { background: url(/library/images/_new/apps_top_full.gif) no-repeat; padding-top: 5px; } .full_large .apps .box { background: url(/library/images/_new/apps_bottom_full.gif) 0 100% no-repeat; padding-left: 15px; padding-right: 15px;} /* #################################################### */ /* #################################################### */ /* !banners */ /* div.banner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;} */ div.secondBanner { margin-top: 10px; } #right div.banner { float: left; } #right .banner, span.ricardo, .profilBox { margin-bottom: 10px; display: block; } #imparfait { position: relative; width: 187px; height: 181px; margin: 0 0 15px -20px;} #imaman { width: 100%; padding-top: 99px; background: url(/library/images/_new/logo_imaman.png) 0 0 no-repeat; overflow: hidden;} #imaman p { text-align: center;} #imaman a { padding-top: 99px; font-weight: bold; color: #68bbe3;} #imaman a:hover { color: #4c8ba9;} #sectionBanner { display: none; width: 982px; height: 144px; margin: 0 0 -5px 5px;} #feedMcDO { width: 494px; height: 98px; overflow: hidden; margin: 0 0 10px; background: url(/library/images/_new/banner_mcdo2.gif) 0 0 no-repeat; border: 1px solid #999;} #feedMcDO .date, #feedMcDO h3, #feedMcDO .entry, #feedMcDO .suite { padding-left: 145px; padding-right: 15px;} #feedMcDO .date { display: block; padding-top: 7px; font-size: 90%;} #feedMcDO .date a { color: #cc0000;} #feedMcDO a:hover { text-decoration: underline;} #feedMcDO h3 { margin: 5px 0;} #feedMcDO h3 a { color: #000;} #feedMcDO .entry { margin-bottom: 5px; font-style: italic;} #feedMcDO .suite a { color: #cc0000; font-size: 110%; font-weight: bold;} /* page jaunes */ #ypj { margin: 0 0 10px;} #ypj iframe { height: 140px; } /* !title */ h3.title span a { text-decoration: none; } h3.title span { display: block; color: #fff; padding: 9px 15px 6px; text-transform: uppercase; } h3.title { height: 30px; overflow: hidden; font-size: 100%; } .profil h3.title { height: auto; font-size: 1.45em; /*font-size: 127%;*/ margin-bottom: 5px;} .profil h3.title span { color: #00a6dd; padding: 15px 10px 0; font-weight: normal;} h3.title span span { padding: 0; display: inline; color: #FFF; } .titleFiche { margin: 0 0 10px; padding: 0 5px 0 0;} .titleFiche h3 { margin: 3px 0 0;} h4.subtitle { font-size: 127%; margin-bottom: 15px; text-transform: uppercase; color: #444; font-weight: normal; } h4.subtitle sup { text-transform: none;} h4.journalTitle { color: #00a6dd; font-size: 150%; margin-bottom: 5px; } .extraFields h4 { font-weight: normal;} /* #################################################### */ /* !article */ #article_paragraph ul, #article_paragraph ol, .wisi ul, .wisi ol { padding: 5px 0 15px;} ul.aussi { margin: 5px 0 15px;} ul.aussi li, #article_paragraph ul li, .wisi ul li { margin-left: 15px; padding: 0 0 5px 15px; list-style: none; background: url(/library/images/_new/icn_fleche_sm.gif) 0 2px no-repeat; } #article_paragraph ol { list-style-type: decimal; margin-left: 25px;} ul.aussi2 li { margin-left: 15px; padding: 0 0 5px 15px; list-style: none; background: url(/library/images/_new/icn_fleche_sm_profil.gif) 0 2px no-repeat; } #article_paragraph table { border-collapse: collapse; border: 1px solid #aaaaaa; vertical-align: top;} #article_paragraph table td { padding: 3px 5px; vertical-align: top;} #article_paragraph table td p { margin: 0;} .bigger p, .bigger ul, .bigger ol { font-size: 110%;} .bigger ol ol { font-size: 100%;} #article_paragraph h4, .bigger h4 { font-size: 116%; text-transform: uppercase; font-weight: normal; padding-bottom: 15px; color: #71BE32!important;} .bigger h5 { font-weight: bold; font-size: 110%;} /* #################################################### */ a.linkBlue { color: #00a6dd; } a.linkBlue:hover { color: #006a76; } a.linkDetails { color: #00a6dd; } a.linkDetails:hover { color: #006a76; } a.details { color: #bcbcbc; padding-right: 15px; background: url(/library/images/_new/icn_fleche_sm.gif) right center no-repeat; } /* #################################################### */ /* #################################################### */ /* !bt */ .btRow { margin: 0 0 10px;} .btRow a { margin: 0 3px 0 0;} .btAction { float: left; display: block; height: 24px; line-height: 23px; overflow: hidden; padding: 0 0 0 4px; color: #fff!important; text-align: center; text-decoration: none!important; text-transform: uppercase; font-size: 10px; font-weight: normal; background: url(/library/images/_new/bt.gif) 0 0 no-repeat; text-shadow: #469a25 0 -1px 0;} .btAction span { display: block; height: 100%; padding: 1px 15px 0 11px; background: url(/library/images/_new/bt_r.gif) right 0 no-repeat;} .btSec { font-size: 9px; height: 19px; line-height: 19px; background-image: url(/library/images/_new/bt_small.gif); } .btSec span { padding: 1px 10px 0 6px; background-image: url(/library/images/_new/bt_small_r.gif); } .btMain { padding-left: 5px; font-size: 13px; height: 38px; background-image: url(/library/images/_new/bt_big.gif); } .btMain span { padding: 0 20px 0 15px; height: 38px; line-height: 40px; background-image: url(/library/images/_new/bt_big_r.gif); } .btMed { height: 27px; line-height: 27px; background-image: url(/library/images/_new/bt_med.gif); } .btMed span { padding: 0 10px 0 6px; background-image: url(/library/images/_new/bt_med_r.gif); } .social .btAction, .btBlue .btAction, .apps .btAction { background-position: 0 -48px; text-shadow: #0d7bbd 0 -1px 0;} .social .btAction span, .btBlue .btAction span, .apps .btAction span { background-position: right -48px;} .social .btSec, .btBlue .btSec, .apps .btSec { background-position: 0 -38px;} .social .btSec span, .btBlue .btSec span, .apps .btSec span { background-position: right -38px;} .social .btMain, .btBlue .btMain, .apps .btMain { background-position: 0 -76px;} .social .btMain span, .btBlue .btMain span, .apps .btMain span { background-position: right -76px;} .social .btMed, .btBlue .btMed, .apps .btMed { background-position: 0 -54px;} .social .btMed span, .btBlue .btMed span, .apps .btMed span { background-position: right -54px;} .widget .btAction { background-position: 0 -96px; text-shadow: #353535 0 -1px 0;} .widget .btAction span { background-position: right -96px;} .widget .btSec { background-position: 0 -76px;} .widget .btSec span { background-position: right -76px;} .widget .btMain { background-position: 0 -152px;} .widget .btMain span { background-position: right -152px;} .widget .btMed { background-position: 0 -108px;} .widget .btMed span { background-position: right -108px;} .btCancel .btAction { background-position: 0 -144px; text-shadow: #999999 0 -1px 0;} .btCancel .btAction span { background-position: right -144px;} .btCancel .btSec { background-position: 0 -114px;} .btCancel .btSec span { background-position: right -114px;} .btCancel .btMain { background-position: 0 -228px;} .btCancel .btMain span { background-position: right -228px;} .btCancel .btMed { background-position: 0 -162px;} .btCancel .btMed span { background-position: right -162px;} .btWarning .btMain { background-position: 0 -304px; text-shadow: #8d0700 0 -1px 0;} .btWarning .btMain span { background-position: right -304px;} /*.appsGreen .btAction { background-position: 0 0; text-shadow: #469a25 0 -1px 0;} .appsGreen .btAction span { background-position: right 0;}*/ .btAction:hover { color: #fff; text-decoration: none; background-position: 0 -24px;} .btAction:hover span { background-position: right -24px; cursor: pointer;} .btSec:hover { background-position: 0 -19px;} .btSec:hover span { background-position: right -19px;} .btMain:hover { background-position: 0 -38px;} .btMain:hover span { background-position: right -38px;} .btMed:hover { background-position: 0 -27px;} .btMed:hover span { background-position: right -27px;} .social .btAction:hover, .btBlue .btAction:hover, .apps .btAction:hover { background-position: 0 -72px;} .social .btAction:hover span, .btBlue .btAction:hover span, .apps .btAction:hover span { background-position: right -72px;} .social .btSec:hover, .btBlue .btSec:hover, .apps .btSec:hover { background-position: 0 -57px;} .social .btSec:hover span, .btBlue .btSec:hover span, .apps .btSec:hover span { background-position: right -57px;} .social .btMain:hover, .btBlue .btMain:hover, .apps .btMain:hover { background-position: 0 -114px;} .social .btMain:hover span, .btBlue .btMain:hover span, .apps .btMain:hover span { background-position: right -114px;} .social .btMed:hover, .btBlue .btMed:hover, .apps .btMed:hover { background-position: 0 -81px;} .social .btMed:hover span, .btBlue .btMed:hover span, .apps .btMed:hover span { background-position: right -81px;} .widget .btAction:hover { background-position: 0 -120px;} .widget .btAction:hover span { background-position: right -120px;} .widget .btSec:hover { background-position: 0 -95px;} .widget .btSec:hover span { background-position: right -95px;} .widget .btMain:hover { background-position: 0 -190px;} .widget .btMain:hover span { background-position: right -190px;} .widget .btMed:hover { background-position: 0 -135px;} .widget .btMed:hover span { background-position: right -135px;} .btCancel .btAction:hover { background-position: 0 -168px;} .btCancel .btAction:hover span { background-position: right -168px;} .btCancel .btSec:hover { background-position: 0 -133px;} .btCancel .btSec:hover span { background-position: right -133px;} .btCancel .btMain:hover { background-position: 0 -266px;} .btCancel .btMain:hover span { background-position: right -266px;} .btCancel .btMed:hover { background-position: 0 -189px;} .btCancel .btMed:hover span { background-position: right -189px;} .btWarning .btMain:hover { background-position: 0 -342px;} .btWarning .btMain:hover span { background-position: right -342px;} /*.appsGreen .btAction:hover { background-position: 0 -24px;} .appsGreen .btAction:hover span { background-position: right -24px;}*/ .btSupp2, .btEdit, .btGo, .btAdd, .btMod { background: url(/library/images/_new/btUtilitaire.gif) 0 0 no-repeat; width: 18px; height: 17px; display: block; overflow: hidden; text-indent: -9000px; } .btSupp2:hover { background-position: 0 -39px; } .dark .btSupp2 { background-position: -108px 0; } .dark .btSupp2:hover { background-position: 0 -39px; } .btGo { background-position: -37px 0; } .btGo:hover { background-position: -37px -39px; } .dark .btGo { background-position: -145px 0; } .dark .btGo:hover { background-position: -145px -39px; } .btAdd { background-position: -18px 0; } .btAdd:hover { background-position: -18px -39px; } .dark .btAdd { background-position: -126px 0; } .dark .btAdd:hover { background-position: -126px -39px; } .btMod { background-position: -58px 0; } .btMod:hover { background-position: -58px -39px; } .dark .btMod { background-position: -166px 0; } .dark .btMod:hover { background-position: -166px -39px; } .btSupp { margin: 3px 0; padding: 2px 0 2px 18px; background: url(/library/images/_new/btSupp.gif) 0 2px no-repeat; } .btSupp:hover { background-position: 0 -29px; } .btDisconnect, .btMonprofil { float: right; display: block; width: 18px; height: 17px; background: url(/library/images/_new/bt_disconnect.gif) 0 0 no-repeat; text-indent: -9000px;} .btMonprofil { background-image: url(/library/images/_new/bt_monprofil.gif);} .btDisconnect:hover, .btMonprofil:hover { background-position: 0 -17px;} .btCover, .btCover_address { background: url(/library/images/_new/bt_cover.gif) 0 0 no-repeat; margin-top: -1px!important; width: 22px; height: 20px; display: block; overflow: hidden; text-indent: -9000px; } .btCover:hover, .btCover_address:hover { background-position: 0 -20px;} .isCover .btCover, .isCover .btCover_address { background-position: 0 -40px;} .isCover .btCover:hover, .isCover .btCover_address:hover { cursor: default;} .btMove { cursor: move; background: url(/library/images/_new/bt_move.gif) 0 0 no-repeat; margin: 1px 0 0; width: 18px; height: 16px; display: block; overflow: hidden; text-indent: -9000px; } .btMove:hover { background-position: 0 -16px;} .dark .btMove { background-position: 0 -32px;} .dark .btMove:hover { background-position: 0 -48px;} .btRenew { background: url(/library/images/_new/bt_renew.gif) 0 0 no-repeat; margin: 0 2px 0 0; width: 18px; height: 17px; display: block; overflow: hidden; text-indent: -9000px; } .btRenew:hover { background-position: 0 -17px;} .dark .btRenew { background-position: 0 -34px;} .dark .btRenew:hover { background-position: 0 -51px;} .btUserpic { background: url(/library/images/_new/bt_userpic.gif) 0 0 no-repeat; margin: 0 2px 0 0; width: 20px; height: 18px; display: block; overflow: hidden; text-indent: -9000px; } .btUserpic:hover { background-position: 0 -18px;} .btTaf{ background: url(/library/images/_new/bt_taf.gif) 0 0 no-repeat; margin: 3px 2px 0 0; width: 16px; height: 12px; display: block; overflow: hidden; text-indent: -9000px; } .btTaf:hover { background-position: 0 -12px;} .btBackAlbums em { font-style: normal; padding: 0 0 0 18px; background: url(/library/images/_new/icn_albums.gif) 0 0 no-repeat;} .btBackAlbum em { font-style: normal; padding: 0 0 0 18px; background: url(/library/images/_new/icn_album.gif) 0 0 no-repeat;} .btProfil em { font-style: normal; padding: 0 0 0 18px; background: url(/library/images/_new/icn_back.gif) 0 0 no-repeat;} #btSommaire em { font-style: normal; padding: 0 0 0 20px; background: url(/library/images/_new/icn_mon_sommaire.gif) 0 center no-repeat;} #btPageProfil em { font-style: normal; padding: 0 0 0 18px; background: url(/library/images/_new/icn_mon_profil.gif) 0 center no-repeat;} #btEject em { display: block; width: 9px; background: url(/library/images/_new/icn_disconnect.gif) 0 4px no-repeat; font-style: normal; text-indent: -9999px;} #btEject span { padding: 1px 6px 0 2px;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !form */ fieldset { width: 100%; /*overflow: hidden;*/ float: left; margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ccc;} .loader { margin: 0 0 10px; text-align: center;} .loaderPicContest { /*margin: 200px 0 0 135px;*/ position: absolute; text-align: center;} #lsMenu .loader { width: 415px; } #lsMenu .errorBox01 { width: 395px; } #captcha { margin-top: 3px!important;} .iTxt label, .iSel label, .label, .iArea label, .iFile label { font-size: 110%; font-weight: bold;} .iCheck label, .iRadio label { font-size: 110%;} #frmInscription .iCheck label { font-size: 100%; padding-left: 5px;} /* input style */ .iTxt input, .iSel select, .iArea textarea, .jquery-selectbox { width: 185px; height: 20px; background-color: #fff; font-size: 120%; font-family: Arial, helvetica, sans-serif;} .iTxt input { padding: 3px 5px 0;} /*.iSel select { height: 26px;}*/ .iTxt input, .iArea textarea, .fakeArea, .jquery-selectbox, .wysiwyg { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 2px solid #ccc;} .iTxt input:focus, .iArea textarea:focus { border-color: #9bdf5d;} /* character count inside text areas */ p.iAreaCount {clear:both; text-align:right; position:relative; top:-14px; padding-right:24px; margin-bottom:-6px;} .iTxt .disabled, .iSel .disabled, .iArea .disabled { background-color: #f4f4f4;} .jquery-selectbox { z-index: 500;} /* label au dessus des inputs */ .iHigh label, .iHigh .label { display: block; width: auto; margin: 0 0 1px; line-height: 1.6em; float: none; text-align: left;} .iHigh .iCheck label { display: inline; font-weight: normal; padding: 0 0 0 5px;} .iHigh .iTxt input, .iHigh .iSel input, .iHigh .iArea textarea { width: 97%;} .iHigh .col2 input { width: 90%;} .iHigh .col2 select { width: 92%;} /* label sur même ligne qu'input */ .iLg label, .iLg .label { float: left; width: 125px; display: block; margin: 6px 10px 0 0; text-align: right;} label.dbl, span.dbl { margin-top: 0!important;} select.dbl { margin-top: 5px;} .iLg2 label, .iLg2 .label { width: 165px;} .iLg3 label, .iLg3 .label { width: 70px;} /*.iLg .iSel label { margin-top: 2px;}*/ .iLg .iRadio label, .iLg .iCheck label { float: left; width: 270px; margin: 3px 0 0; font-weight: normal; text-align: left;} .iLg .iRadio input, .iLg .iCheck input, .iLg .iFile input { float: left; width: auto;} .full .iRadio label, .full .iCheck label { width: 410px;} .iLg .iTxt, .iLg .iSel, .iLg .iArea, .iLg .iCheck, .iLg .iRadio, .iLg .inside, .iLg .iFile { width: 100%; float: left; /*overflow: hidden;*/} .iLg .iTxt input, .iLg .iSel select, .iLg .iArea textarea { float: left;} .iMulti { width: 100%;} .iMulti .iTxt, .iMulti .iSel { float: left; margin-right: 5px; width: auto;} .iSplit { float: left; margin: 5px 5px 0 5px;} .iHigh .iSplit { margin-top: 20px} /* other widths */ .iLg .inside, .iLg .submit { width: 305px; padding-left: 135px;} .tabsContent .iLg .inside, .tabsContent .iLg .submit { width: 295px;} .iLg2 .inside, .iLg2 .submit { width: 265px; padding-left: 175px;} .iLg3 .inside, .iLg3 .submit { width: 350px; padding-left: 80px;} .iLg textarea { width: 285px;} .tabsContent .iLg textarea { width: 275px;} .tabsContent .iLg .iRadio label, .tabsContent .iLg .iCheck label { width: 260px} .xxlarge .iLg .inside, .xxlarge .iLg .submit { width: 485px;} #membership form { width: 100%; overflow: hidden; margin: 15px 0 0; padding: 0; } #membership form fieldset { margin-bottom: 15px; padding-bottom: 5px; } #membership .iLg label, #membership .iLg .label { width: 100px;} #membership .iLg .iRadio label, #membership .iLg .iCheck label { width: 245px;} #membership .iTxt, #membership .iSel, #membership .iArea { margin: 0 0 10px;} #membership .iTxt input, #membership .iSel select, #membership .iArea textarea { width: 143px;} #membership .iLg .inside, #membership .iLg .submit { padding-left: 110px;} .iArea textarea { height: 150px; overflow: auto;} .iArea .areaSmall { height: 75px;} .iSmall3 { width: 45px!important;} .iSmall { width: 60px!important;} .iSmall4 { width: 90px!important;} .iSmall2 { width: 110px!important;} .iMed { width: 130px!important;} .iMed2 { width: 160px!important;} .iMed3 { width: 190px!important;} .iLong { width: 230px!important;} .iLong2 { width: 300px!important;} .iLong3 { width: 280px!important;} .iLong4 { width: 350px!important;} .iSel .iSmall { width: 74px!important;} .iSel .iSmall2 { width: 124px!important;} .iSel .iMed { width: 144px!important;} .iSel .iMed2 { width: 174px!important;} .iSel .iMed3 { width: 204px!important;} .iSel .iLong { width: 244px!important;} .iSel .iLong2 { width: 314px!important;} .iSel .iLong3 { width: 294px!important;} .iDate { background-image: url(/library/images/_new/icn_cal.gif); background-position: right 1px; background-repeat: no-repeat;} .fakeInput { background: #eee!important;} .addContact { width: 355px; overflow: hidden; margin: 0 0 10px;} #ecardForm .addContact { float: left; width: 622px;} .addContact .fakeInput { float: left; margin: 0 10px 0 0;} .addContact a { float: left; color: #000; margin: 0 0 0;} /* submit */ .submit { width: 100%; overflow: hidden; padding: 0 0 15px; clear: both;} .submit ul { width: 100%!important;} .submit ul li { border: none!important;} .submit ul a { margin: 0 10px 0 0; } .submit ul .btMain { margin-top: 0;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !sous-menu profil */ #left h2 { font-size: 118%; line-height: 37px; height: 37px; color: #FFF; font-weight: normal; background-image: url(/library/images/_new/bg_title_menuActions.gif); padding: 0 10px; width: 157px; position: absolute; left: 0; top: 0; z-index: 30;} #menuActions { float: left; width: 175px; margin: 37px -15px 15px 0; /*border-bottom: 1px solid #e8e8e8;*/ } #menuActions li { float: left; width: 175px; height: 37px; list-style-type: none; border: 1px solid #e8e8e8; border-bottom: none; position: relative; border-top: 1px solid #bdbdbd; } #menuActions li a { float: left; border-right: 1px solid #bdbdbd; display: block; height: 37px; line-height: 37px; overflow: hidden; padding: 0 5px 0 10px; color: #666; background: url(/library/images/_new/bg_menuActions.gif) 0 0 repeat-x; position: absolute; top: 0; left: 0; width: 160px; z-index: 888; } #menuActions li a:hover { /* background-position: 0 -37px; */ color: #00a6dd;} #menuActions li.selected { border: none;} #menuActions li.selected a { height: 36px; width: 160px; border-left: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-right: 1px solid #FFF; background-image: none; background-color: #FFF; font-weight: bold;} #menuActions li a.first { /*border-top-color: #000;*/ border-top: none; height: 37px;} #menuActions li a span { float: left; padding-left: 22px; background-position: 0 10px; background-repeat: no-repeat; cursor: pointer; } #menuActions #mProfileCompte span { background-image: url(/library/images/_new/icn_compte/icn_mon_compte.gif)} #menuActions #mProfileProfile span { background-image: url(/library/images/_new/icn_compte/icn_editer_profil.gif)} #menuActions #mProfilePhoto span { background-image: url(/library/images/_new/icn_compte/icn_photo_principale.gif)} #menuActions #mProfilePass span { background-image: url(/library/images/_new/icn_compte/icn_mot_de_passe.gif)} #menuActions #mProfileBulletins span { background-image: url(/library/images/_new/icn_compte/icn_bulletins.gif)} #menuActions #mProfileSupp span { background-image: url(/library/images/_new/icn_compte/icn_supp.gif)} #menuActions #mAlbumAlbums span { background-image: url(/library/images/_new/icn_compte/icn_ajouter_album.gif)} #menuActions #mAlbumAdd span { background-image: url(/library/images/_new/icn_compte/icn_photos.gif)} #menuActions #mAlbumConf span { background-image: url(/library/images/_new/icn_compte/icn_confidentialite.gif)} #menuActions #mGrossJournal span { background-image: url(/library/images/_new/icn_compte/icn_journal_grossesse.gif)} #menuActions #mGrossFeelings span { background-image: url(/library/images/_new/icn_compte/icn_ce_que_vous_vivez.gif)} #menuActions #mGrossDev span { background-image: url(/library/images/_new/icn_compte/icn_developpement_bebe.gif)} #menuActions #mGrossTips span { background-image: url(/library/images/_new/icn_compte/icn_conseils_avises.gif)} #menuActions #mGrossParams span { background-image: url(/library/images/_new/icn_compte/icn_parametres.gif)} #menuActions #mGrossConf span { background-image: url(/library/images/_new/icn_compte/icn_confidentialite.gif)} #menuActions #mChildChilds span { background-image: url(/library/images/_new/icn_compte/icn_liste_enfants.gif)} #menuActions #mChildAdd span { background-image: url(/library/images/_new/icn_compte/icn_ajouter_enfant.gif)} #menuActions #mAmiAmis span { background-image: url(/library/images/_new/icn_compte/icn_mes_amis.gif)} #menuActions #mAmiReceived span { background-image: url(/library/images/_new/icn_compte/icn_demandes_recues.gif)} #menuActions #mAmiPending span { background-image: url(/library/images/_new/icn_compte/icn_demandes_envoyees.gif)} #menuActions #mAmiSearch span { background-image: url(/library/images/_new/icn_compte/icn_search.gif)} #menuActions #mAmiAlike span { background-image: url(/library/images/_new/icn_compte/icn_qui_me_ressemble.gif)} #menuActions #mAmiGroup span { background-image: url(/library/images/_new/icn_compte/icn_gestion_groupes.gif)} #menuActions #mFeedNews span { background-image: url(/library/images/_new/icn_compte/icn_nouveautes.gif)} #menuActions #mFeedCat span { background-image: url(/library/images/_new/icn_compte/icn_vos_selections.gif)} #menuActions #mFeedConseil span { background-image: url(/library/images/_new/icn_compte/icn_recommandations.gif)} #menuActions #mFeedRec span { background-image: url(/library/images/_new/icn_compte/icn_mplv.gif)} #menuActions #mFeedParams span { background-image: url(/library/images/_new/icn_compte/icn_parametres.gif)} #menuActions #mMsgInbox span { background-image: url(/library/images/_new/icn_compte/icn_messages_recus.gif)} #menuActions #mMsgNouveau span { background-image: url(/library/images/_new/icn_compte/icn_envoyer_message.gif)} #menuActions #mMsgSent span { background-image: url(/library/images/_new/icn_compte/icn_messages_envoyes.gif)} #menuActions #mMsgAlert span { background-image: url(/library/images/_new/icn_compte/icn_alertes.gif)} #menuActions #mDitArticles span { background-image: url(/library/images/_new/icn_compte/icn_articles.gif)} #menuActions #mDitForum span { background-image: url(/library/images/_new/icn_compte/icn_forum.gif)} #menuActions #mDitBabillard span { background-image: url(/library/images/_new/icn_compte/icn_babillard.gif)} #menuActions #mDitPhotos span { background-image: url(/library/images/_new/icn_compte/icn_photos.gif)} #menuActions #mDitVideos span { background-image: url(/library/images/_new/icn_compte/icn_video.gif)} #menuActions #mConfChild span { background-image: url(/library/images/_new/icn_compte/icn_mes_enfants.gif)} #menuActions #mConfGross span { background-image: url(/library/images/_new/icn_compte/icn_grossesse.gif)} #menuActions #mConfAlbum span { background-image: url(/library/images/_new/icn_compte/icn_ajouter_album.gif)} #menuActions #mConfProf span { background-image: url(/library/images/_new/icn_compte/icn_voir_mon_profil.gif)} /* #################################################### */ /* menu outils */ #menuOutils { /*width: 166px;*/ margin-bottom: 25px;} #menuOutils h3 { margin-bottom: 5px;} #menuOutils div { width: 100%; overflow: hidden;} #menuOutils ul { border-top: 1px solid #f1f1f1;} #menuOutils .multi ul { float: left; width: 50%;} #menuOutils li { border-bottom: 1px solid #f1f1f1;} #menuOutils li.last { border-bottom: none;} #menuOutils a { display: block; padding: 6px 5px 6px 28px; color: #999; background-position: 5px center; background-repeat: no-repeat;} #menuOutils a:hover { color: #999; background-color: #f4f8ed;} #outilAstro a { background-image: url(/library/images/_new/icn_outils_astro.gif);} #outilEssai a { background-image: url(/library/images/_new/icn_outils_essai.gif);} #outilAddr a { background-image: url(/library/images/_new/icn_outils_addr.gif);} #outilCarte a { background-image: url(/library/images/_new/icn_outils_carte.gif);} #outilName a { background-image: url(/library/images/_new/icn_outils_name.gif);} #outilVid a { background-image: url(/library/images/_new/icn_outils_vid.gif);} #outilPdf a { background-image: url(/library/images/_new/icn_outils_pdf.gif);} #outilContest a { background-image: url(/library/images/_new/icn_outils_contest.gif);} #outilCal a { background-image: url(/library/images/_new/icn_outils_cal.gif);} #outilBebe a { background-image: url(/library/images/_new/icn_outils_bebe.gif);} /* #################################################### */ /* !menu side */ /* Premier niveau */ .menuSide { width: 166px; margin: 0 0 0; clear: both; } .menuSide .mid ul li.active a { color: #FFF; } .menuSide .box { padding: 0; } .menuSide h3 { margin-bottom: 6px; } .menuSide .mid { margin: 0 0 17px;} .menuSide .mid ul { list-style: none; overflow: hidden; border-top: 1px solid #ccc;} .menuSide .mid ul li { width: 100%; float: left; border-bottom: 1px solid #ccc; background: url(/library/images/_new/leftNavArrow.gif) no-repeat 5px 8px; font-weight: normal; } .menuSide .mid ul li.dark { background-color: #ececec; } .menuSide .mid ul li.active, .menuSide .mid ul li.active a:hover { color: #FFF; background: #6fbc29 url(/library/images/_new/leftNavArrow.gif) no-repeat 4px -33px; font-weight: bold; } .menuSide .mid ul li a { color: #7d7d7d; text-decoration: none; padding: 5px 0 5px 15px; display: block; } .menuSide .mid ul li a:hover, .nosub .mid ul li.active a, .nosub .mid ul li.active a:hover { color: #FFF; background: #6fbc29 url(/library/images/_new/leftNavArrow.gif) no-repeat 5px -13px; } .menuSide .mid ul li a img { padding-left: 5px; } /* Deuxieme niveau */ #leftnav .mid ul li.active ul { border: none; background-color: #d4ebbe; } #leftnav .mid ul li.active ul li { list-style: none; border: none; background-position: 10px 7px; padding-bottom: 0; } #leftnav .mid ul li.active ul li a { color: #488318; padding: 5px 0 5px 20px; display: block; } #leftnav .mid ul li.active ul li.active, #leftnav .mid ul li.active ul li a:hover { color: #488318; /*color: #FFF;*/ background: #f2f9ec url(/library/images/_new/leftNavArrow.gif) no-repeat 10px 7px; font-weight: normal; } #leftnav .mid ul li.active ul li.active { background-color: #f2f9ec;} #leftnav .mid ul li.active ul li.active a { /*color: #FFF;*/ } /* #################################################### */ /* !linkAll */ .linkAll { clear: both; margin: 10px 0 0; padding: 10px 5px 5px; text-align: right; background: url(/library/images/_new/bg_linkAll.jpg) center 0 no-repeat; line-height: 1.2em; border-top: 1px solid #ccc;} body #wrapper .linkAll a { color: #666; text-decoration: none; font-weight: bold;} body #wrapper .linkAll a:hover { color: #000;} .static .linkAll { padding-bottom: 0;} #center.large .linkAll { background-image: url(/library/images/_new/bg_linkAll_large.jpg);} #left.medium .linkAll, #right .linkAll, #pc_side .linkAll { background-image: url(/library/images/_new/bg_linkAll_medium.jpg);} .linkAllAlt { margin-top: -10px; border: none;} .linkAllAlt2 { margin-top: -15px; border: none;} .linkAllBack { text-align: left;} .linkAllTop { border-top: 1px solid #ccc;} /* #################################################### */ /* !navAll */ .navAll { overflow: hidden; min-height: 10px; margin-top: -10px; padding: 10px 5px 5px; background: url(/library/images/_new/bg_linkAll_medium.jpg) center 0 no-repeat; line-height: 1.2em;} .xlarge .navAll{ margin-top: 0; background-image: url(/library/images/_new/bg_linkAll.jpg);} .xxlarge .navAll { margin-top: 0; background-image: url(/library/images/_new/bg_linkAll_xxlarge.jpg);} .bessai .navAll { margin-top: -7px;} .navAll .paging { margin-top: 0!important;} /* #################################################### */ /* !tools */ #newTools { overflow: hidden; width: auto!important; margin-bottom: 15px; padding: 10px 5px 5px!important; text-align: left; border-top: 1px solid #ccc;} #newTools.linkAllAlt, #newTools.linkAllAlt2 { border-top: none;} #newTools li { float: left; display: inline;} #newTools li a { float: left; padding: 5px 15px 5px 20px; background-position: 0 4px; background-repeat: no-repeat;} #newTools .btPrint a { background-image: url(/library/images/_new/icn_print.gif);} #newTools .btSend a { background-image: url(/library/images/_new/icn_send.gif);} #newTools .btShare a { background-image: url(/library/images/_new/icn_share.gif);} #newTools .btFav a { background-image: url(/library/images/_new/icn_fav.gif);} #newTools li a:hover { background-position: 0 -40px;} #newTools .btShare a { float: left;} #newTools .btShare span { background: none; float: left; display: block; margin: 0; padding: 0; width: auto; } /* #################################################### */ /* boxSubtitle */ .boxSubtitle { width: 100%;} .boxSubtitle h4, .boxSubtitle h3 { float: left; padding: 4px 10px 0 0; line-height: 1.2em;} .boxSubtitle a { float: right;} /* tooltip */ .ttip { position: absolute; z-index: 9999999; max-width: 200px; background: url(/library/images/_new/bg_ttip.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #333; padding: 5px 10px; color: #fff; text-align: center;} /* #################################################### */ /* !tabs */ #wrapper .tabs { background: url(/library/images/_new/border_tabs.gif) 0 100% repeat-x ; margin: 0; padding: 0; list-style: none; } #wrapper .tabs li { float: left; padding: 4px 4px 4px 0; } #wrapper .tabs li a { display: block; padding: 3px 15px; color: #707070; background: #ededed; border: 1px solid #bcbcba; } #wrapper .tabs li a:hover { color: #fff; background: #269bc6; border-color: #93cde1;} #wrapper .tabs li.selected { position: relative; top: 3px; padding: 0 4px 0 0; } #wrapper .tabs li.selected a { padding: 6px 15px; color: #269bc6; background: #fff; border-color: #5bb4d4; border-bottom: none; font-weight: bold; font-size: 110%;} #wrapper .tabs li.selected a:hover { color: #269bc6; background: #fff; border-color: #5bb4d4; border-bottom: none;} .tabsContent { background: #fff; margin: 0 0 15px; padding: 15px 15px 0; border: 1px solid #5bb4d4; border-top: none;} /* #################################################### */ /* #################################################### */ /* !tableaux */ .table { width: 100%; border-collapse: collapse; margin: 0; padding: 0;} .table thead { background: #ccc; font-weight: bold;} .table, .table a, .table a:hover { color: #494949;} .table .link { color: #00a6dd;} .table .link:hover { color: #016d78; cursor: pointer;} .table th, .table td { padding: 3px 5px; text-align: left;} .table tr.alt { background: #eee;} .table .tblRight { text-align: right;} .table .tblCenter { text-align: center;} .table tr.selected { background: #00a6dd; color: #fff;} .table tr.selected a, .table tr.selected a:hover { color: #fff;} .table tr.unread { font-weight: bold;} /*.rowSub { width: 180px;}*/ .table tfoot tr { border-top: 1px solid #999;} #tblConf .rowName { width: 257px;} #tblConf .rowPrivacy { width: 63px;} /* #################################################### */ /* #################################################### */ /* !image finder */ .iLg .iUpload { width: 335px;} .fileNav { float: left; width: 311px;} .fileNav ul { list-style-type: none; margin: 0; margin: 0 0 10px;} .fileNav ul li { float: left; width: 20%; overflow: hidden; padding: 0 0 5px 0;} .fileNav ul li a { float: left; display: block; padding: 1px; border: 2px solid #fff;} .fileNav #listePhotos li a:hover, .fileNav ul li a.selected { border-color: #4cc1ec;} .fileNav ul li img { float: left;} /* #################################################### */ /* #################################################### */ /* !Pagination */ #wrapper .box .paging, .paging { float: right; margin: 15px 0 0; /*text-align: right;*/ list-style-type: none;} #wrapper #ajaxpaging.spaced { margin-top: 0;} /*#wrapper .elementsDark .paging { margin-right: 10px;}*/ #wrapper .paging li, .paging li { float: left; margin-right: 3px; border-bottom: none; } .box .paging li { width: auto!important; margin: 0 3px 0 0!important; padding: 0!important;} #wrapper .paging li.nextPage, .paging li.nextPage { margin: 0 0 0 2px; } #content .paging li.prevPage, .paging li.prevPage { margin: 0 5px 0 0; } #wrapper .paging li.nextPage a, #wrapper .paging li.prevPage a, .paging li.nextPage a, .paging li.prevPage a { overflow: hidden; width: 18px; height: 14px; padding: 0!important; background: url(/library/images/_new/bt_navigation_pagination.gif) 0 0 no-repeat; text-indent: -9000px;} #wrapper .paging li.nextPage a, .paging li.nextPage a { background-position: right top;} #wrapper .paging li.nextPage a:hover, .paging li.nextPage a:hover { background-position: right -14px;} #wrapper .paging li.prevPage a:hover, .paging li.prevPage a:hover { background-position: left -14px;} #wrapper .paging li.nextPage a.disabled, #wrapper .paging li.nextPage a:hover.disabled, .paging li.nextPage a.disabled { background-position: right -28px; cursor: default;} #wrapper .paging li.prevPage a.disabled, #wrapper .paging li.prevPage a:hover.disabled, .paging li.prevPage a.disabled { background-position: left -28px; cursor: default;} #wrapper .paging li a, .paging li a { display: block; float: left; height: 14px; line-height: 14px; padding: 0 0 0 5px; color: #ccc; text-decoration: none!important; background: url(/library/images/_new/bg_pagination_left.gif) 0 0 no-repeat; } #wrapper .paging li a span, .paging li a span { display: block; height: 100%; margin: 0!important; padding: 0 7px 0 1px; cursor: pointer; background: url(/library/images/_new/bg_pagination_right.gif) right 0 no-repeat;} #wrapper .paging li a:hover, .paging li a:hover { background-position: 0 -14px; text-decoration: none; } #wrapper .paging li a:hover span, .paging li a:hover span { background-position: right -14px; } #wrapper .paging li a.active, #wrapper .paging li a.active:hover, .paging li a.active, .paging li a.active:hover { background-position: 0 -28px; font-weight: bold; color: #fff; text-decoration: none; cursor: default; } #wrapper .paging li a.active span, #wrapper .paging li a.active:hover span, .paging li a.active span, .paging li a.active:hover span { background-position: right -28px; cursor: default;} /* #################################################### */ /* #################################################### */ /* !upload */ #thumbnails { width: 100px; height: 100px; padding: 1px; float: right; overflow: hidden; border: 1px solid #ccc; background: url(/library/images/_new/bg_upload.gif) 1px 1px no-repeat;} #thumbnails img { float: right;} #thumbnails.float { float: left;} #thumbnails .btSupp2 { position: absolute; margin: -22px 0 0 84px;} .swfupload { float: left; margin-top: 3px; margin-left: 3px;} .iHigh #divFileProgressContainer { width: 338px;} .iLg #divFileProgressContainer { float: left; width: 200px; margin: 10px 0 0 135px;} #divFileProgressContainer .progressContainer { /*border:solid 1px #E8E8E8; background-color:#F7F7F7;*/ margin: 0 0 10px; /*padding:9px;*/ } #divFileProgressContainer .message { border:solid 1px #FFDD99; background-color:#FFFFCC; } /* Error */ #divFileProgressContainer .red { /*border:solid 1px #B50000; background-color:#FFEBEB;*/ } /* Current */ #divFileProgressContainer .green { /*border:solid 1px #e1f4c7; background-color:#EDFFDE;*/ } /* Complete */ #divFileProgressContainer .blue { /*border:solid 1px #a6e8f6; background-color:#e2f7ff;*/ color: #494949; } #divFileProgressContainer .progressName { font-size:13px; font-weight:700; color:#555; width:100%; line-height:17px; text-align:left; white-space:nowrap; overflow:hidden; } #divFileProgressContainer .progressBarInProgress,#divFileProgressContainer .progressBarComplete,#divFileProgressContainer .progressBarError { font-size:0; width:0; height:2px; background-color:#333; margin-top:2px; } #divFileProgressContainer .progressBarComplete { width:100%; background-color:green; visibility:hidden; } #divFileProgressContainer .progressBarError { width:100%; background-color:red; visibility:hidden; } #divFileProgressContainer .progressBarStatus { width:100%; margin-top:2px; padding: 5px 0 5px 25px; font-size:11px; text-align:left; white-space:nowrap; color: #8AB347; background: url(/library/images/_new/icn_success2.gif) 0 center no-repeat; } /* #################################################### */ /* !autocomplete */ .ac_results { z-index: 9999; text-align: left; margin: -2px 0 0 3px; padding: 0 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 2px solid #ccc; background-color: #fff; overflow: hidden;} .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;} .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px;} .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 110%; overflow: hidden;} .ac_loading { background : url(/library/images/temp/worker.gif) right center no-repeat;} .ac_over { background-color: Highlight; color: HighlightText;} /* #################################################### */ /* !message box */ .successBox01 { position: relative; margin: 0 0 15px 0; padding: 17px 15px 15px 40px; background: #e9f4da url(/library/images/_new/icn_success.gif) 10px 50% no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #cfe3ba; color:#62a31a; font-weight: bold; clear: both;} .errorBox01 { position: relative; margin: 0 0 15px 0; padding: 17px 15px 15px 40px; background: #fbe3e4 url(/library/images/_new/icn_error.gif) 10px 50% no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #fbc2c4; color:#d12f19; font-weight: bold; clear: both;} .btCloseMess { position: absolute; top: 4px; right: 4px; display: block; width: 13px; height: 13px; overflow: hidden; background: url(/library/images/_new/bt_close_green_confirm.gif) 0 0 no-repeat; text-indent: -9000px;} .errorBox01 .btCloseMess { background-image: url(/library/images/_new/bt_close_red_confirm.gif);} .btCloseMess:hover { background-position: 0 -13px;} .errorBox01 a { color: #912611; text-decoration: underline; } .errorBox01 a:hover { color: #912611; text-decoration: none!important; } .errorBox01 a:active { color: #912611; text-decoration: underline; } .errorBox01 a:visited { color: #912611; text-decoration: underline; } /* #################################################### */ /* !connection */ #membership { padding: 0; } #membership h2 { font-size: 163%; line-height: 1.2em; } #membership h3 { font-weight: normal; margin: 0 0 15px; } #recentMembers { margin-bottom: 15px; background: none;} #recentMembers h4 { margin-bottom: 5px;} .ls-members li { display: inline; margin: 0 4px 0 0;} .ls-members li.last { margin: 0;} .imgParole { position: relative; display: block; width: 124px; float: left; } .icnParole { display: block; position: absolute; top: 38px; right: 0; background: url(/library/images/_new/icn_parole.png) no-repeat; width: 18px; height: 17px; } .badge { float: left; height: 11px; line-height: 9px; margin: 4px 0 0 4px; padding: 0 0 0 3px; background: url(/library/images/_new/badge_small_l.gif) 0 0 no-repeat; color: #fff; text-align: center; font-size: 9px;} .badge em { float: left; font-style: normal; height: 10px; padding: 1px 3px 0 0; background: url(/library/images/_new/badge_small_r.gif) right 0 no-repeat;} #menuActions .badge { float: right; margin: 13px 0 0;} .selections { margin-bottom: 15px; background: #f9f9f9; padding: 15px 15px 10px;} .selections .subtitle { float: left;} .selections .allArticle { float: right; color: #666; text-decoration: underline;} .selections .allArticle:hover { text-decoration: none; color: #333;} #flashDiapo { background: #191919; color: #bcbcbc; padding: 0 38px 15px;} #etapesActiv { width: 100%; height: 35px; overflow: hidden; margin: -10px 0 15px; background: url(/library/images/_new/bg_activation.gif) 0 0 no-repeat; cursor: default;} .xxlarge #etapesActiv { background-image: url(/library/images/_new/bg_activation2.gif);} #etapesActiv li { float: left; padding: 0 20px 0 10px;; font-size: 110%; color: #ccc; height: 35px; line-height: 35px; background: url(/library/images/_new/bg_activation_fleche.gif) right center no-repeat;} #etapesActiv li.selected { color: #00a6dd; font-weight: bold;} #etapesActiv li.last { background: none; padding-right: 0;} #etapesActiv a { color: #999;} #etapesActiv a:hover { text-decoration: underline;} .confBox .blocSommaire { background: none; padding: 0;} .confBox .blocSommaire .number { float: none; font-size: 300%; margin: 0 0 0;} .confBox .blocSommaire .more { float: none; } .confBox .blocSommaire .text { width: 255px; color: #a7a7a7; font-size: 118%;} #boxActivation { background-image: url(/library/images/_new/bg_box_activation.gif)} #boxActivationDone { background-image: url(/library/images/_new/bg_box_activation_done.gif)} .tooMuch { color: red;} .partner { margin-bottom: 10px;} .savoirPlus ul .moreArticle a { padding-left: 21px; background: url(/library/images/_new/icn_more_article.gif) 0 1px no-repeat; font-weight: bold;} .savoirPlus ul .moreVideo a { padding-left: 21px; background: url(/library/images/_new/icn_more_video.gif) 0 1px no-repeat; font-weight: bold;} .savoirPlus ul .moreEssai a { padding-left: 21px; background: url(/library/images/_new/icn_more_essai.gif) 0 1px no-repeat; font-weight: bold;} .icnHelp { display: block; width: 14px; height: 14px; background: url(/library/images/_new/icn_help.gif) 00 no-repeat; text-indent: -9000px;} form .icnHelp { float: left; margin: 6px 0 0 5px;} form .iFile .icnHelp { margin-top: 7px;} #lsPourquoi { margin: 0 0 30px; padding-top: 15px; border-top: 1px solid #ccc;} #lsPourquoi li { margin-bottom: 15px; border-bottom: 1px solid #ccc;} #lsPourquoi li span { float: left; margin: 2px 0 0 0; width: 100px; text-align: center;} #lsPourquoi li img {} #lsPourquoi li p { margin-left: 105px;} #terms { height: 200px; overflow: auto; background: #f4f4f4;} #terms .subtitleB { padding: 10px 10px 0;} #terms .inner { width: 400px; padding: 10px;} /* #################################################### */ /* !listes */ /* element dark */ .membre .elementsDark .box { padding: 10px 1px; } .elementsDark .listFriend { margin: 0;} .elementsDark .box li { /*border-bottom:1px solid #ccc;*/ overflow: hidden; } .elementsDark .box li.last { border: none;} .elementsDark .listFriend li { /*float: none; padding: 0; padding: 10px 15px;*/ } /* listfriend */ .listFriend { width: 100%; overflow: hidden; list-style-type: none; margin: 0 0 15px 0;} .listFriend li { width: 100%; float: left; overflow: hidden; padding: 10px 0; background: #fff;} .listFriend dl { margin-right: 70px; padding: 0 0 0 10px;} .listFriend dl dt { float: left; width: 70px;} .listFriend dl dd { margin-left: 70px; padding: 9px 0 0;} .listFriend .long dd { padding: 0;} .listFriend dl dd p { float: none; width: auto; padding: 0;} .listFriend dl dd p a { float: none; margin: 0;} .listFriend dl dd a { padding-right: 4px;} .listFriend dl dd .albumName { color: #666!important; font-weight: bold;} .listFriend dl dd .albumName:hover { color: #000!important;} .listFriend dl dd h4 .infoUsers { display: inline;} .listFriend dl dd .infoUsers { display: block;} .lfTop dl dd { padding: 0;} .listFriend dl dd .link { display: block; margin: 2px 00 ;} .listFriend p { float: right; width: 70px; padding: 0 10px 0 0; overflow: hidden;} .listFriend p a { float: right; margin: 0 0 0 2px;} .apps .listFriend p { padding: 0 5px 0 0;} .apps .list4icons dl { margin-right: 90px;} .apps .list4icons p { width: 90px;} .apps .oneAction dl { margin-right: 25px;} .apps .oneAction p { width: 25px;} .apps .bigList dl dd { padding-top: 0;} .listDate .subtitle { margin-bottom: 0;} .noImage dl dd { margin-left: 0;} .noOptions dl { margin-right: 10px;} .specialistLast, .extraInfo { padding: 10px 10px 0;} .specialistLast p { width: auto; float: none; margin: 0; padding: 0;} .infoUsers, .boxEnfants .enfant h4 em, #albumPhoto .box div span { color: #999;} /* .dark */ .dark, .listFriend li.dark { background-color: #edf7fa; } .sortable .over, .sortable_address .over { width: 444px; height: 50px; border: 1px dotted #999; background: #eee;} .xxlarge .sortable .over, .xxlarge .sortable_address .over { width: 620px;} /* list photo */ .listPhoto h3 { margin: 0;} .listPhoto .box ul { margin: 0; list-style-type: none; padding: 0;} .listPhoto .box li { float: left; width: 100%; overflow: hidden;} .listPhoto .box li .img { float: left; padding: 0 0 0 10px;} .listPhoto .box li div { margin-left: 120px; padding: 0 10px 0 0; } .listPhoto .box li div p { padding: 0;} .apps .listPhoto .box, .apps #jaiDit .box { padding: 0;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !profilBox */ #profilBox { margin: 0;} .profilInfo img { float: left; } .profilInfo .float { float: right; width: 160px;} #content .profilInfo .float { float: left; width: 355px; padding: 0 0 0 10px;} .profilInfo .float ul { list-style: disc; margin-left: 15px; } .profilInfo h3 { margin: 25px 0 0; height: auto; padding-top: 12px; font-size: 150%; } #profilBox .profilInfo h3, .profilInfo .mine h3 { margin: 6px 0 0; } #content .profilInfo h3 { margin-bottom: 5px;} .profilInfo h3 span { display: block; padding: 0;} .profilInfo h5 { margin: 0 0 15px; } .profilInfo .float dl { margin-top: 10px;} .profilInfo .float dd { padding-bottom: 5px; } .profilInfo .float ul li { padding-top: 2px; } .profilInfo dd strong { color: #00a6dd; } .profilInfo .selfclear { margin: 0;} .boxEnfants .tBloc, .tempGrossesse h4, .bloc h4 { color: #b3b2b4; margin-bottom: 2px;} .desc { margin: 0!important;} .tempGrossesse div { float: left; width: 48%;} .tempGrossesse .total { float: right; text-align: right;} .tempGrossesse h3, .tempGrossesse h5 { color: #00a6dd; padding: 7px 0 0!important; line-height: 1em; font-size: 200%;} .tempGrossesse h3 span, .tempGrossesse h5 span { position: relative; top: -7px; display: inline; padding: 0; font-size: 80%; font-weight: normal;} .journalLink { clear: both; color:#00a6dd; } .journalLink:hover {color:#016d78;} .link_journal { clear: both; margin: 5px 0 0;} .edit .status, #profilBox .boxStatus .status { width: 140px;} .boxStatus .status { float: left;} .boxStatus em { float: left; font-size: 130%; font-weight: bold; font-style: normal;} .boxStatus .submit { margin: -10px 0 0; padding: 0;} .boxStatus .submit ul { list-style-type: none; margin: 0;} .boxStatus .submit li a { margin-right: 5px;} .boxStatus .submit .btCancel a { margin: 0;} .boxStatus p { float: right; margin: 0; padding: 0;} .status { color: #83c456; font-size: 110%;} .boxStatus form textarea { height: 50px; margin: 0;} .blocInfo div { float: left; margin: 0 0 10px;} .blocInfo dl { float: left; width: 100%;} .blocInfo dt { float: left; width: 105px;} .blocInfo dd { margin-left: 105px;} .blocInfo p { font-weight: bold; margin: 0;} .blocInfo dt { color: #999;} .boxEnfants { margin-bottom: 10px; padding-bottom: 0;} .boxEnfants p { float: right; padding: 0;} .boxEnfants .enfant { float: left; width: 137px; padding: 3px 3px 10px; display: inline; overflow: hidden } .boxEnfants .enfant .img { float: left; } .boxEnfants .enfant h4 { margin: 10px 0 0 65px; color: #494949; font-size: 100%; } #right .bloc .enfant h4 a, #left .bloc .enfant h4 a { color: #00a6dd;} .boxEnfants .enfant h4 em { font-style: normal; font-weight: normal;} #profilBox .bloc .enfant { width: 125px;} .xlarge .bloc .enfant { width: 157px;} #btAddFriend { margin-right: 20px; padding-left: 20px; background: url(/library/images/_new/icn_compte/icn_ajouter_ami.gif) 0 -2px no-repeat;} #btSendMess { padding-left: 20px; background: url(/library/images/_new/icn_compte/icn_envoyer_message_ami.gif) 0 -2px no-repeat;} #btSeeProfile { margin-right: 20px; padding-left: 20px; background: url(/library/images/_new/icn_compte/icn_voir_mon_profil.gif) 0 -2px no-repeat;} #btModifyProfile { padding-left: 18px; background: url(/library/images/_new/icn_compte/icn_modifier_profil.gif) 0 -2px no-repeat;} #btAddFriend:hover, #btSendMess:hover, #btSeeProfile:hover,#btModifyProfile:hover { background-position: 0 -48px; } /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !box profil page */ /* multi */ #jaiDit .box, #conseilleLire .box { padding-top: 0; padding-bottom: 5px;} #jaiDit ul, #conseilleLire ul { list-style-type: none; padding: 0;} #jaiDit .box li, #conseilleLire .box li { padding: 10px 0; } #conseilleLire .box li img { padding-top: 2px; } #jaiDit .box li .bts, #conseilleLire .box li .bts { float: right; margin: 0 10px 0 0; width: 25px;} #jaiDit .box li .bts a, #conseilleLire .box li .bts a { float: right; margin-left: 2px;} #jaiDit .linkAll, #conseilleLire .linkAll { margin: 0 10px;} .apps #jaiDit .box, .apps #conseilleLire .box, .apps #jaiDit { background: none;} /* amis/albums */ #albumPhoto, #mesAmies { width: 100%; overflow: hidden; padding: 0 0 10px;} #albumPhoto .box, #mesAmies .box { overflow: hidden; margin: 0!important; padding: 10px 5px 5px; } #albumPhoto .box div, #mesAmies .box div { float: left; margin: 0; padding-left: 10px; width: 60px; overflow: hidden; } #albumPhoto .linkAll, #mesAmies .linkAll { margin-left: 5px; margin-right: 5px;} .xlarge #albumPhoto .box, .xlarge #mesAmies .box { width: 486px;} .xlarge #albumPhoto .box div, .xlarge #mesAmies .box div { width: 71px; } #mesAmies .box div.empty, #albumPhoto .box div.empty { width: 58px; height: 58px; margin-left: 10px; margin-bottom: 10px; padding-left: 0; border: 1px dotted #ccc; background: #fafafa; } .xlarge #mesAmies .box div.empty, .xlarge #albumPhoto .box div.empty { width: 58px; margin-right: 11px; } /* boite amis */ #mesAmies .box { padding-left: 0;} .xlarge #mesAmies .box { padding-left: 5px;} #mesAmies .box div img { display: block; margin-bottom: 10px; } #mesAmies .linkAll { margin-left: 10px; margin-top: 0;} /* albums */ #albumPhoto .box div img { padding-bottom: 4px; } #albumPhoto .box div span { display: block; padding: 2px 0; line-height: 11px; text-align:left; } /* jaidit */ #jaiDit ul { list-style-type: none; margin: 0; padding: 0;} #jaiDit ul li { float: left; width: 100%; } #jaiDit .box li div { width: auto; margin-right: 25px; padding: 0 10px;} #jaiDit .box li div p { margin: 0; padding: 0;} #jaiDit .commentTitle { font-style: normal; font-weight: normal;} #jaiDit #allComments li { background-position: 5px 10px; background-repeat: no-repeat;} #jaiDit #allComments li div { padding-left: 26px;} #jaiDit #allComments .article { background-image: url(/library/images/_new/icn_com_article.gif);} #jaiDit #allComments .babillard { background-image: url(/library/images/_new/icn_com_wall.gif);} #jaiDit #allComments .bancdessai { background-image: url(/library/images/_new/icn_com_essai.gif);} #jaiDit #allComments .adresse { background-image: url(/library/images/_new/icn_com_addr.gif);} #jaiDit #allComments .event { background-image: url(/library/images/_new/icn_com_event.gif);} #jaiDit #allComments .forum { background-image: url(/library/images/_new/icn_com_forum.gif);} #jaiDit #allComments .photo { background-image: url(/library/images/_new/icn_com_pic.gif);} #jaiDit #allComments .video { background-image: url(/library/images/_new/icn_com_vid.gif);} #jaiDit .editable li div { margin-right: 50px;} #jaiDit .editable li .bts { width: 50px;} /* conseilleLire */ #conseilleLire .box li span { float: right;} #conseilleLire .box li { padding-bottom: 0; } #conseilleLire .box li .infoUsers { margin: 0;} #conseilleLire .img { padding-bottom: 10px;} .editable #conseilleLire .box li div { margin-right: 50px; } /* Votes */ #votes { width: 100%; overflow: hidden;} #votes .box { margin: 0 0 15px; padding: 10px; background: #edf7fa;} #votes .box { min-height: inherit;} #votes .listePhotos { border:none;} #votes .winners { float: left; width: 50%; min-height: 90px; margin: 0 0 10px; padding: 10px 10px 0 0; border-right: 1px solid #ccc;} #votes .winners h4 { margin: 0 0 10px;} #votes .winners p { font-size: 110%;} #votes .nextContest { margin: 0 0 10px; padding: 10px 10px 0 0;} #votes .nextContest h4 { margin: 0 0 10px;} #votes .nextContest p { font-size: 110%;} /* babillard */ #babillard { width: 100%; overflow: hidden;} #babillard fieldset { width: 318px; overflow: hidden; margin: 0 0 15px; padding: 10px; background: #edf7fa;} #babillard fieldset .selfclear { margin: 0; padding: 0;} #babillard textarea { padding-top: 2px; width: 95%; height: 73px; margin-bottom: 8px; } #babillard .box { padding: 10px; min-height: inherit;} #babillard .box ul { margin: 0; padding: 0; list-style-type: none;} #babillard .box li { width: 338px; overflow: hidden; margin-bottom: 10px; border-bottom:1px solid #ccc; } #babillard .box .img { float: left; } #babillard .box li div { float: left; width: 267px; margin: 0 0 0 10px; padding: 0; display: block; border: none;} #babillard .box li div p { margin-bottom: 0; padding-bottom: 10px;} #babillard .box li div .post, #babillard .box li div.post { margin: 0 0 10px; padding: 5px 0; background: #edf7fa;} #babillard .box li div.post p { margin-right: 20px; padding: 0 5px;} #babillard .box .paging { padding: 0;} #babillard .box .paging li { width: auto; border: none; margin-bottom: 0;} /* comments */ #babillard.comments fieldset { width: 602px; } #babillard.comments fieldset h4 { padding: 0; text-transform: uppercase;} #babillard.comments fieldset .img { margin: 2px 0 0;} #babillard.comments .iArea { float: left; width: 532px; margin: 0 0 0 10px;} #babillard.comments .maxChar { float: left; margin: 0 0 0 10px;} #babillard.comments textarea { padding: 0; } #babillard.comments p.selfclear .btAction { margin: 0 0 0 72px; } #babillard.comments .box { margin: 0; padding: 0; background: none; min-height: 0;} #babillard.comments h4 { padding: 0 10px; font-size: 127%;} #babillard.comments .box li { width: 100%; margin: 10px 0 0; background: #fff;} #babillard.comments .box li .img { padding: 0 0 0 10px; } #babillard.comments .box img { margin: 0!important;} #babillard.comments .box li div { width: 542px; } #babillard.comments .noComment { padding: 0 10px;} #babillard.comments .rated .post p { margin-right: 120px;} .report { float: right; display: block; width: 12px; height: 12px; margin-right: 5px; background: url(/library/images/_new/bt_report.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} .report:hover { background-position: 0 bottom;} .reportBig { width: 14px; height: 14px; background-image: url(/library/images/_new/bt_report2.gif);} .xlarge #babillard.social { background: none; padding: 0;} .xlarge #babillard.comments fieldset { width: 426px; } .xlarge #babillard.comments .iArea { float: left; width: 356px; margin: 0 0 0 10px;} .xlarge #babillard.comments .box li div { width: 366px; } .xlarge #babillard .box li div.post .stars { float: right; width: 90px; margin: 0 5px 0 0;} .xlarge #babillard .box form .stars { width: 355px; overflow: hidden; margin-left: 72px;} .xlarge #babillard .box li .stars div { width: 18px; margin: 0;} .specBloc p.details { padding-bottom: 0; } .notYet { padding: 0 10px;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !sommaire */ #sommaire { float: left; margin: 10px 0 20px; display: inline;} .blocSommaire h3, .sommaireOptions h3 { font-size: 163%; color: #8f8f8e;} #sommaire a, .blocSommaire .listChoice a { color: #b3b3b3;} #sommaire a:hover, .blocSommaire .listChoice a:hover { color: #666;} .blocSommaireBox { width: 100%; margin-bottom: 10px; background: url(/library/images/_new/bg_bottom_box_sommaire_lg.gif) 0 bottom no-repeat;} .blocSommaireBox2 { float: left; width: 100%; margin-bottom: 10px;} .blocSommaireBox2 { background: url(/library/images/_new/bg_bottom_box_sommaire_s.gif) 0 bottom no-repeat;} .blocSommaire { padding: 0 20px 0; min-height: 40px; background: transparent url(/library/images/_new/bg_top_box_sommaire_lg.gif) 0 0 no-repeat;} .blocSommaireBox2 .blocSommaire { float: left; margin: 0; background: url(/library/images/_new/bg_top_box_sommaire_s.gif) 0 0 no-repeat;} .blocSommaireBox2 .last { padding-right: 0; padding-left: 20px; background-position: 10px 0;} .blocSommaire p { margin: 0;} .blocSommaire .number, #sommaire .tempGrossesse .total, .blocSommaire h4 strong { color: #00a6dd;} .blocSommaire .number { float: left; margin: 0 5px 15px 0; /*font-size: 836%;*/ font-size: 454%; line-height: 1em; font-weight: bold; letter-spacing: -0.05em;} .blocSommaire h4 { font-size: 218%; margin: 0 0 10px; line-height: 1em; color: #9e9e9e; font-weight: normal;} .blocSommaire h4 strong { display: block; font-size: 125%;} .blocSommaire .more { float: left;} .pourquoi .aussi2 .space h5 { font-size: 1.06em; font-weight: bold; } .pourquoi .aussi2 .space p { margin-bottom: 5px !important; } .blocSommaireBox2 .blocSommaire, #sommaire .tempGrossesse .info, .sommaireOptions div { width: 291px;} .blocSommaireBox2 .last { width: 321px;} .blocSommaire .inner { float: left; width: 291px; margin: 0 -20px 0; padding: 20px 20px 20px; background-position: right bottom; background-repeat: no-repeat;} .last .inner { padding-left: 30px;} #somMess .inner { background-image: url(/library/images/_new/bg_sommaire_messagerie.gif);} #somAmis .inner { background-image: url(/library/images/_new/bg_sommaire_amis.gif);} .tempGrossesse .inner { min-height: 200px; background-position: 230px bottom;} #somAlbums .inner { background-image: url(/library/images/_new/bg_sommaire_photos.gif);} #somDesir .inner { background-image: url(/library/images/_new/bg_sommaire_desir.gif);} #somBull { background: url(/library/images/_new/icn_bulletins_sommaire.gif) 20px 3px no-repeat; } #somConf { background: url(/library/images/_new/icn_confidentialite_sommaire.gif) 50px 3px no-repeat; } .blocSommaire .listChoice { margin: 0 0 15px; font-size: 127%; color: #b3b3b3;} .listChoice li { padding: 0 0 0 15px; line-height: 1.4em; background: url(/library/images/_new/icn_som_list.gif) 0 3px no-repeat;} #sommaire .tempGrossesse div { float: none; width: auto;} #sommaire .tempGrossesse .total { float: none; font-size: 272%; text-align: left; font-weight: bold; line-height: 1em;} #sommaire .tempGrossesse .total strong { /*font-size: 320%;*/ font-size: 166%; line-height: 1em; letter-spacing: -0.05em;} #sommaire .tempGrossesse .total span { position: relative; font-size: 70%; top: -24px;} #sommaire .daysLeft { margin: 0 0 15px; font-size: 163%; color: #9e9e9e;} #sommaire .tempGrossesse .notpreggo { margin-bottom: 10px; line-height: 0.8em;} #sommaire #albumPhoto .box, #contestNow .box, #contestNext .box { padding-left: 0;} #contestNow .box { padding-right: 5px;} #contestNow .box div { float: left; width: 60px; padding-left: 10px; overflow: hidden;} #contestNext .box { margin-top: 0;} #contestNext .box div { float: left; padding-right: 10px;} #contestNext .box p { float: left; font-size: 110%; color: #b3b3b3;} #sommaire .sommaireOptions { width: 100%; overflow: hidden; clear: both; margin-top: 10px;} #sommaire .sommaireOptions div { float: left; width: 233px; padding: 0 20px 0 58px;} #sommaire .sommaireOptions div.last { padding-left: 78px;} /* corpo */ #corpoSommaire { width: 458px;} #corpoSommaire li { height: 69px; margin-bottom: 15px; cursor: pointer; background: url(/library/images/_new/bg_corpo_somm.gif) 0 0 no-repeat;} #corpoSommaire div { height: 52px; padding: 17px 0 0 75px;} #corpoSommaire #somCompte div { background: url(/library/images/_new/bg_corpo_compte.gif) 15px center no-repeat;} #corpoSommaire #somAddr div { background: url(/library/images/_new/bg_corpo_addr.gif) 15px center no-repeat;} #corpoSommaire #somPay div { background: url(/library/images/_new/bg_corpo_pay.gif) 15px center no-repeat;} #corpoSommaire li h3 { font-size: 1.45em;} #corpoSommaire li.hover h3 a { color: #016d78;} #corpoSommaire li p { margin: 8px 0 0; font-size: 110%;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !messagerie */ #liste_messages { min-height: 160px;} #boxMessages { width: 100%; /*height: 135px; overflow: auto;*/ margin: 0 0 15px;} #receiverList .boxMessages { max-height: 135px; overflow: auto; margin: 0 0 15px;} #receiverList .iTxt input { width: 90%;} #boxMessages table a { display: block;} #messagesNav { overflow: hidden; margin: 0 0 15px;/*padding: 15px; background: #eaeaea;*/} #messagesNav .paging { clear: none!important; float: right; margin: 0!important; padding: 0 0 3px; text-align: left; } #messagesNav .delMess { float: left; margin: 0;} #messagesNav .delMess a { color: #7d7d7d; padding: 0 0 0 14px; background: url(/library/images/_new/icn_supprimer_selectionnes.gif) 0 3px no-repeat;} #messagesNav .delMess a:hover { text-decoration: underline;} .messageSplit { margin: 0 -24px 15px; height: 6px; font-size: 1px; background: url(/library/images/_new/bg_message_split.gif) 0 0 repeat-x; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;} #messageInfo { width: 100%; overflow: hidden; font-size: 110%;} #messageInfo dt { float: left; width: 50px; padding: 0 10px 0 0; color: #808080; font-weight: bold; text-align: right;} #messageInfo dd { float: left; width: 386px;} #boxMessage { max-height: 345px; margin: 10px 0 0; padding: 8px; overflow: auto; /*background: #f3f3f3;*/} #boxMessageEcrire { height: 240px; margin: 10px 0 15px; padding: 8px; /*border: 1px solid #ccc; */overflow: auto;} #actionMessage { width: 100%; overflow: hidden; margin-top: 15px;} #actionMessage ul, #actionMessage .submit { float: left; width: 100%; margin: 0; list-style-type: none; padding-bottom: 15px; } #actionMessage ul li, .submit li { float: left;} #actionMessage ul a { margin: 0 3px;} #actionMessage .last { width: 46%;} #actionMessage .last, #actionMessage .last li { float: right;} #actionMessage .btAction { margin-top: 8px;} #actionMessage .submit .btMain { margin-top: 0;} .btReply span, .btDel span { padding-left: 5px;} .btReply em, .btDel em { float: left; height: 100%; padding: 0 0 0 15px; font-style: normal;} .btReply em { background: url(/library/images/_new/icn_reply_blue.gif) 0 center no-repeat;} .btDel em { background: url(/library/images/_new/icn_delete_grey.gif) 0 6px no-repeat;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !albums photo */ .listePhotos { margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .listePhotos .photos { margin-left: 2px;} .listePhotos .photos li { float: left; margin: 0 10px 10px 0; } .listePhotos .photos .last { margin-right: 0; } .listePhotos .photos li a { overflow: hidden; display: block; width: 80px; height: 80px; } .listePhotos .paging { margin-right: 0; } .textDesc { float: left; width: 454px; min-height: 90px; margin: 0 0 10px; padding: 10px 10px 0 0; border-right: 1px solid #ccc;} .textDesc h4 { margin: 0 0 10px;} .textDesc p { font-size: 110%;} #laPhoto { position: relative; text-align: center; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc;} .navPic { width: 100%; overflow: hidden; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;} .navPic .numPage { float: left; width: 69%;} #wrapper .navPic .paging { float: right; margin: 0; clear: none;} .userBt { float: right; width: 142px; padding-top: 10px;} .userBt .bts a { float: right; margin-left: 5px;} .userBt .bts .report { margin-right: 0; margin-top: 3px;} #btGererAlb { margin: 0 5px 0; } .pano { float: right; margin: 0 0 5px;} .pano em { font-style: normal; padding: 0 0 0 20px; background: url(/library/images/_new/icn_play.gif) 0 0 no-repeat;} #navOver { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; background: url(/library/images/_new/x.gif) 0 0 no-repeat;} #navPrev, #navNext { display: block; width: 50%; text-indent: -9999px;} #navPrev { float: left;} #navNext { float: right;} #navPrev:hover { background: url(/library/images/_new/bt_prevPic.png) 20px center no-repeat;} #navNext:hover { background: url(/library/images/_new/bt_nextPic.png) right center no-repeat;} /* #################################################### */ /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !jounal grossesse */ #grossesse { position: relative; /*z-index: 2;*/} #grossesse .boxGrossesse { padding-top: 75px;} #grossesse .notPreg { padding-top: 25px;} #semaineGros { position: absolute; top: 0; left: -1px; width: 497px; height: 55px;; background: url(/library/images/_new/bg_semaineGros.gif) right 0 no-repeat;} #semaineGros ol { overflow: hidden; padding: 3px 0 3px 15px;} #semaineGros ol li { float: left; width: 47px; color: #9f9f9f; border-right: 1px solid #7f7f80; text-align: center; } #semaineGros ol li.fiveW { width: 59px; } #semaineGros ol li.last { border-right: none; margin-right: 0; } #semaineGros ol .moisCourant { color: #fff;} #semaineGros ol span { position: relative; top: -2px; font-size: 9px;} #semaineGros ul { padding-left: 15px;} #semaineGros ul li { position: relative; float: left; width: 11px; margin-right: 1px; } #semaineGros ul li a { float: left; display: block; width: 11px; height: 11px; background: url(/library/images/_new/bg_semaineGrosWeek.gif) 0 0 no-repeat; text-indent: -9000px;} #semaineGros ul li a:hover { background-position: 0 -174px;} #semaineGros ul li .selected, #semaineGros ul li .selected:hover { background-position: 0 -123px;} #semaineGros ul .semCourante a, #semaineGros ul .semCourante a:hover { height: 31px; background-position: 0 -226px;} #semaineGros ul .semCourante .selected, #semaineGros ul .semCourante .selected:hover { height: 31px; background-position: 0 -52px;} #semaineGros ul li span { position: absolute; bottom: 0; right: 20px; display: block; width: 75px; text-align: right; line-height: 1em;} #semaineGros ul li.couranteAlt span { right: -80px; text-align: left;} #semaineGros ul.month li, #semaineGros ul.month li a { width: 47px;} #semaineGros ul.month .fiveW, #semaineGros ul.month .fiveW a { width: 59px;} #semaineGros ul.month li a { background: url(/library/images/_new/bg_semaineGrosMonth.gif) 0 -11px no-repeat;} #semaineGros ul.month .fiveW a { background-position: 0 0;} #semaineGros ul.month li a:hover { background-position: 0 -33px;} #semaineGros ul.month .fiveW a:hover { background-position: 0 -22px;} #semaineGros ul.month li a.selected, #semaineGros ul.month li a.selected:hover { background-position: 0 -55px;} #semaineGros ul.month .fiveW a.selected, #semaineGros ul.month .fiveW a.selected:hover { background-position: 0 -44px;} #grossesse .navPic, .nacPicOpp { clear: both; padding: 10px 0 0; border: none; border-top: 1px solid #ccc;} #grossesse .navPic .paging, .nacPicOpp .paging { margin-top: 3px; } .daysLeft { margin-top: -20px; font-size: 116%; color: #878787;} .currentWeek { float: right; width: 125px; height: 116px; margin-top: -50px; color: #00a6dd; font-weight: bold; position: relative;} .currentWeek strong { font-size: 863%; letter-spacing: -0.05em; line-height: 1em; text-align: center; } .currentWeek span { position: relative; top: -60px; font-size: 200%; font-weight: normal; padding-left: 2px; } .currentWeek em { margin-top: -15px; display: block; font-style: normal; font-size: 236%; line-height: 1em;} .ratingTitle, .rating { float: left; width: 310px;} h4.ratingTitle { margin-bottom: 5px; padding-top: 20px;} #grossesse form .tempGrossesse { padding: 0 5px 0 10px; overflow: hidden;} #grossesse form .tempGrossesse h3 { float: left; width: 100px;} #grossesse form .tempGrossesse a { float: right;} #grossesse #submitBox, #grossesse #submitBox2 { margin: 5px 0 0; padding: 0;} #grossesse #submitBox2 .btAction { margin: 0 0 0 10px;} #grossesse .noSpaced { padding: 0;} #grossesse .encours dd { padding: 0;} .bullGross { margin-top: 10px;} .bullGross label { font-size: 110%; padding: 0 15px 0 5px;} .splitter { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px;} .journalDetails { width: 100%; overflow: hidden;} .journalDetails .star-rating { /*float: right!important;*/ margin: 0!important;} h4.journalTitle { float: left; width: 230px; color: #00a6dd; font-size: 150%; line-height: 1.2em; margin-bottom: 5px; } .journalDetails .btSupp2 { float: right;} #grossesse .mood { display: block; color: #00a6dd; padding-top: 5px; } #grossesse .star-rating { /*margin: 0 10px 15px;*/ } #grossesse .mood, #grossesse .star-rating { float: left;} #graphTip {position: absolute; width: 230px; z-index: 999; background: url(/library/images/_new/bg_graphtip.gif) 0 0 no-repeat; text-align: left; color: #000000;} #graphTip div { margin: 0 0 0 24px; padding: 7px; background: #EFEFEF; border: 1px solid #7f7f7f; border-left: none; } /* #################################################### */ /* #################################################### */ /* #################################################### */ /* !banc d'essai */ .optionsBar { margin: -15px -14px 20px -14px; padding: 10px 0 0; background: #f0f0f0;} .optionsBar h4 { padding: 0 10px 3px; font-size: 100%; color: #999;} .apps .optionsBar { margin: 0 0 20px;} .selCat { width: auto; margin: 0 0 10px; padding: 0 10px 10px; border-bottom: 1px solid #ccc; } .selCat p { margin: 0;} .menuSort { overflow: hidden; margin: 0; padding: 0 0 10px 10px; font-size: 90%; border-bottom: 1px solid #ccc;} .menuSort li { float: left; margin: 0 5px 0 0;} .menuSort li a { float: left; display: block; height: 19px; padding: 0 0 0 3px; background: url(/library/images/_new/bt_tri_l.gif) 0 0 no-repeat; text-align: center; color: #fff; text-transform: uppercase;} .menuSort li a:hover { background-position: 0 -19px; color: #fff;} .menuSort li a span { display: block; height: 16px; overflow: hidden; padding: 3px 10px 0 7px; background: url(/library/images/_new/bt_tri_r.gif) right 0 no-repeat;} .menuSort li a:hover span { background-position: right -19px; cursor: pointer;} .menuSort li.selected a, .menuSort li.selected a:hover { background-position: 0 -38px; } .menuSort li.selected a span, .menuSort li.selected a:hover span { background-position: right -38px; } .menuSort li.selected a:hover, .menuSort li.selected a:hover span { cursor: default;} #listFilter { overflow: hidden; padding: 0 10px 10px; border-bottom: 1px solid #ccc;} #listFilter li { float: left; width: 25%; /*margin: 0 15px 0 10px;*/} #listFilter.uni li { float: none; display: inline; margin-right: 15px;} #listFilter.uni li.last { margin-right: 0;} #listFilter li em { color: #999; font-style: normal; font-size: 90%;} #productTop { width: 100%; overflow: hidden; position: relative; margin: 0 0 10px;} #productTop .img { position: relative; float: left; min-height: 138px;} #productTop .img p { position: absolute; bottom: 0; left: 235px; width: 225px; margin: 0;} #productTop .img p a { color: #71be32; padding: 0 0 0 20px; background: url(/library/images/_new/icn_camera.gif) 0 1px no-repeat;} #productTop .img p a:hover { color: #488318; background-position: 0 -49px;} #productTop h5, #productTop h4, #productTop .price, #productTop .stars, #productTop .phones, #productTop .in { margin-left: 235px;} #productTop .subtitleB { padding-bottom: 5px;} #productTop h4 { margin-bottom: 5px; font-size: 150%; color: #494949;} #productTop h4 .qte { color: #999; font-size: 80%; font-style: normal; font-weight: normal;} #productTop h5 { font-size: 125%; margin-bottom: 10px; margin-top: 0;} #productTop .price { font-size: 200%; margin-bottom: 5px; margin-top: 0; color: #bbb;} #productTop .stars { width: 150px; overflow: hidden;} .boxType2 h4 { margin: 0 0 3px; font-weight: bold; text-transform: uppercase;} .boxType2 { overflow: hidden; margin: 0 0 8px; padding: 10px; color: #999;} #ecolo { min-height: 52px; padding: 10px 10px 0; background: #f4fbed url(/library/images/_new/icn_banc_eco.gif) 393px 10px no-repeat;} #corpo #ecolo { background-position: 561px 10px;} #ecolo ul { list-style-type: disc; margin-bottom: 10px;} #ecolo ul li { width: 280px; margin-left: 15px;} #corpo #ecolo ul li { width: 515px;} #ecolo p { margin-bottom: 10px; margin-right: 50px;} #plusMoins { margin-bottom: 0; padding: 0; } #plusMoins.hours { margin-bottom: 10px;} #plusMoins.full { padding: 10px!important; background: #f2f2f2;} #plusMoins div { float: left; width: 45%; min-height: 50px; padding: 10px; background: #f2f2f2;} #plusMoins .plus { background: #f2f2f2 url(/library/images/_new/bg_banc_plus.gif) 166px 10px no-repeat;} #plusMoins .moins { float: right; background: #f2f2f2 url(/library/images/_new/bg_banc_moins.gif) 166px 10px no-repeat;} #plusMoins ul { margin: 0; list-style-type: disc;} #plusMoins ul li { width: 130px; margin-left: 15px; } #lesRatings { margin: 0 0 15px; padding: 0;} #lesRatings .editeur { float: left; width: 45%; min-height: 50px; padding: 10px; background: #ecf8f9 url(/library/images/_new/bg_note_editeur.gif) 166px 10px no-repeat;} #lesRatings .lecteurs { float: right; width: 45%; min-height: 50px; padding: 10px; background: #ecf8f9 url(/library/images/_new/bg_note_user.gif) 166px 10px no-repeat;} #productImages { width: 100%; overflow: hidden; margin: 0 0 15px; padding: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #productImages li { float: left; padding: 0 0 0 4px;} /*#productImages li.last { padding: 0;}*/ /* #################################################### */ /* !videos */ /* .videos #sectionBanner { display: block; background: url(/library/images/_new/banner_video.jpg) 0 0 no-repeat;} */ .leVideo { position: relative; display: block;} .leVideo span { position: absolute; top: 50%; left: 50%; display: block; text-indent: -9000px; cursor: pointer;} .leVideo span { width: 34px; height: 34px; margin: -17px 0 0 -17px; background: url(/library/images/_new/bt_play_sml.png) 0 -34px no-repeat;} .leVideo:hover span { background-position: 0 0;} #mainVideo { width: 100%; overflow: hidden; z-index: 1;} #mainVideo h4 { font-size: 127%; margin: 0 0 3px;} #mainVideo .infoUsers { margin: 5px 0 0;} #mainVideo .vues { margin: 0 0 15px;} #mainVideo .vidDesc { margin-bottom: 5px;} #mainVideo.week { margin-bottom: 30px;} #mainVideo.week .leVideo { float: left; padding: 1px; border: 2px solid #00a6dd;} #mainVideo.week h4, #mainVideo.week p { margin-left: 240px;} #mainVideo.week .infoUsers { margin-top: 0;} #mainVideo.week .vues { margin-bottom: 5px;} #mainVideo.week .vidDesc { margin-bottom: 5px;} #mainVideo .btPlay em { padding-left: 15px; font-style: normal; background: url(/library/images/_new/bt_play.gif) 0 0 no-repeat;} #videoList { width: 100%; overflow: hidden;} #videoList li { float: left; width: 139px; margin: 0 22px 0 0; display: inline;} #videoList li.last { margin-right: 0;} #videoList li .infoUsers { display: block; margin-top: 5px;} #btVideoSwitch { display: none; float: right; width: 100px; overflow: hidden; margin: -15px 0 5px;} #btVideoSwitch a { float: right;} #btVideoSwitch em { padding-left: 20px; background: url(/library/images/_new/icn_wide.gif) 0 0 no-repeat; font-style: normal;} .wide #btVideoSwitch em { background-position: 0 -40px;} #videoPlayer { display: block; width: 622px; height: 349px; height: 374px; z-index: 1;} #videoMini { background: none; margin: 15px 0;} #videoMini #tMplvTv a { display: block; width: 100%; height: 26px; margin-bottom: 5px; background: url(/library/images/_new/t_mplv_tv.gif) 0 0 no-repeat; text-indent: -9999px;} #videoMini .leVideo { display: block;} #videoMini .leVideo span { background-position: 0 0; } #videoMini .infoUsers { display: block; margin-top: 5px;} #videoMini .desc { line-height: 1.2em; margin-bottom: 15px;} #videoMini .desc p { margin: 0;} /* #################################################### */ /* !social */ #social { margin-bottom: 25px; background: #EDF7FA; border: 1px solid #EDF7FA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #social h2 { float: left; width: 170px; padding: 18px 0 0 11px;} #social-menu { float: right; width: 85px; padding: 8px 13px 8px 0;} #social-menu li { float: right;} #social-menu li.selected a, #social-menu li a:hover { background-position: 0 0;} #bt-twit a { display: block; width: 34px; height: 35px; margin-right: 7px; background: url(/library/images/_new/bt-twit.gif) 0 -35px no-repeat; text-indent: -9999px;} #bt-face a { display: block; width: 34px; height: 35px; background: url(/library/images/_new/bt-face.gif) 0 -35px no-repeat; text-indent: -9999px;} #social .inner { background: #fff; margin: 0 1px; border-top: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #twitter_div {} #twitter_div h2 { margin-bottom: 15px;} #twitter_div li { padding: 8px 8px; border-bottom: 1px dotted #ddd;} .twitter_foot { margin-bottom: 0; padding: 10px 15px 10px; background: #EDF7FA; text-align: right;} #twitter_div .twitter_foot a { color: #666; font-weight: bold;} #twitter_div .twitter_foot a:hover { color: #000;} #facebook_div {} #facebook_div div { margin-bottom: 0; padding: 15px 15px; border-bottom: 1px solid #EDF7FA;} #facebook_div div p { margin-bottom: 0;} #facebook_div div p .st { float: left; margin: 5px 10px 0 0; font-size: 1.09em;} #facebook_div div a { float: left; padding: 4px 5px; background: #ECEEF5; border: 1px solid #CAD4E7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3B5998;} #facebook_div div a:hover { border-color: #9DACCE; color: #3B5998;} #facebook_div div a span { display: block; padding-left: 19px; background: url(http://static.ak.fbcdn.net/rsrc.php/z86SM/hash/191wiexm.png) 0 -33px no-repeat;} /* .twtr-widget { margin-bottom: 15px;} .twtr-hd h3 { visibility: hidden; height: 5px;} .twtr-hd h4 { text-transform: capitalize;} .twtr-tweet-text p { font-size: .916em;} .twtr-reply { color: #00a6dd;} .twtr-join-conv { font-size: .916em;} */ /* #################################################### */ /* !weather */ #weatherBox { width: 100%; overflow: hidden;} #weatherBox h3 { margin: 0 0 15px;} #weatherBox .weatherDay { float: left; width: 50%; overflow: hidden; margin: 0 0 15px;} #weatherBox h4 { margin-bottom: 5px; text-transform: capitalize;} #weatherBox img { float: left;} #weatherBox p { margin: 0 0 0 70px;} #weatherBox p.detail { font-size: 110%;} #weatherBox .max { padding-right: 10px;} #weatherBox .percent { font-style: italic;} /* #################################################### */ /* !widgets */ #widgetsTi { padding: 0 10px 5px; text-align: right;} #widgetsTi a { color: #666;} #widgets { background: #f1f1f1; color: #999; margin-bottom: 10px; } #widgets .aWidget { float: left; width: 280px; padding: 0 10px; border-bottom: 1px solid #fff;} #widgets .widgetOptions { float: right; width: 12px; margin: 2px 0 0; padding: 5px 0;} #widgets .widgetOptions a { float: left; display: block; width: 12px; height: 12px; overflow: hidden; text-indent: -9000px;} #widgets .widgetOptions .min { background: url(/library/images/_new/bt_widget_min.gif) 0 0 no-repeat;} #widgets .closed .widgetOptions .min {background-position: 0 -12px;} #widgets .widgetOptions .close { background: url(/library/images/_new/bt_widget_close.gif) 0 0 no-repeat;} #widgets .inner { padding: 5px 0 10px;} #widgets .last .inner { padding: 10px 0 10px;} #widgets h3 { float: left; width: 255px; padding: 5px 0; color: #494949; cursor: pointer;} #widgets h4 { font-size: 100%; margin-bottom: 5px;} #widgets h5 { font-weight: bold;} #widgets a { color: #777;} #widgets a:hover { color: #333;} #widgets .imgMeteo, #widgets .temp, #widgets .city, #widgets .logoMeteo { float: left;} .seeAll { margin: 10px 0 0; text-align: right; vertical-align: bottom; font-weight: bold;} #newsWidget .seeAll, #meteoWidget .seeAll { width: 100%; overflow: hidden;} #newsWidget .seeAll a, #meteoWidget .seeAll a { display: block;} #newsWidget .seeAll img, #meteoWidget .seeAll img { float: left;} #newsWidget .seeAll span, #meteoWidget .seeAll span { float: right; padding-top: 3px;} #meteoWidget .seeAll span { padding-top: 3px;} #widgets .temp { margin-bottom: 10px; padding: 0 10px 0 30px; font-weight: bold; font-size: 327%; line-height: 1em; } #widgets .city { width: 115px; margin: 6px 0 10px; line-height: 1.2em; font-weight: bold; overflow: hidden;} #widgets .city em { font-style: normal; font-size: 90%; font-weight: normal;} #boxAdresse .iTxt, #boxAdresse .iSel { margin-bottom: 5px;} #boxAdresse form { margin: 0 0 10px; padding: 0 0 10px;/* border-bottom: 1px solid #999;*/} #boxAdresse form label { font-size: 100%; /*font-weight: normal;*/} #boxAdresse form .selfclear { margin: 0;} #boxAdresse form .btAction { margin-left: 81px;} #boxAdresse .linkAll { margin-top: 0;} #boxAdresse .listAdresse li { border: none; } /* #################################################### */ /* !bonnes adresse */ .listCatAddr { width: 100%; overflow: hidden; margin: 0 0 30px;} .listCatAddr li { float: left; width: 50%;} .listCatAddr li a { padding-left: 12px; background: url(/library/images/_new/icn_fleche_sm_profil.gif) 0 2px no-repeat;} .addr h5 { margin-bottom: 5px; font-weight: bold; font-size: 110%;} .listFriend .addrAdv { background-image: url(/library/images/_new/bg_addr_adv.gif); background-position: 420px 0; background-repeat: no-repeat;} #productTop .phones { margin-bottom: 15px;} .mainPhone { font-size: 110%;} #productTop .email, #productTop .mailTo, #productTop .map { display: block; float: left; width: 22px; height: 22px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ccc; text-indent: -9000px;} #productTop .email { background: url(/library/images/_new/icn_link.gif) 0 0 no-repeat;} #productTop .mailTo { background: url(/library/images/_new/icn_mailto.gif) 0 0 no-repeat; border: none;} #productTop .map { background: url(/library/images/_new/icn_map.gif) 0 0 no-repeat;} #productTop .email:hover, #productTop .mailTo:hover, #productTop .map:hover { background-position: 0 -22px;} #commod { min-height: 52px; padding: 10px 10px 0; background: #f7d9ea url(/library/images/_new/icn_addr_com.gif) 393px 10px no-repeat;} #corpo #commod { background-position: 561px 10px;} #commod ul { list-style-type: disc; margin-bottom: 10px;} #commod ul li { width: 280px; margin-left: 15px;} #corpo #commod ul li { width: 515px;} #commod p { margin-bottom: 10px; margin-right: 50px;} #plusMoins.full div { float: none; width: 100%; padding: 0; background: #f2f2f2 /*url(/library/images/_new/bg_horaire.gif) right 0 no-repeat*/;} .horaire { width: 365px; width: 100%; margin-top: 10px; text-align: center; border-collapse: collapse; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;} .horaire td, .horaire th { width: 14%; border-right: 1px solid #e4e4e4; vertical-align: top;} .horaire td.last, .horaire th.last { border-right: none;} .horaire td { font-size: 90%;} .commentsCheck { margin-right: 5px; text-align: right;} /* #################################################### */ /* !ecards */ #boxEcard #topChoice { width: 100%; overflow: hidden; margin-bottom: 14px;} #boxEcard #topChoice li { float: left; margin-left: 14px;} #boxEcard #topChoice li.first { margin-left: 0;} #boxEcard #topChoice li a, #boxEcard #topChoice li img { float: left;} #boxEcard #listeCategories { width: 100%; overflow: hidden; background: url(/library/images/_new/bg_ecard_cat.gif) 0 0 no-repeat;} #boxEcard #listeCategories li { float: left;} #boxEcard #listeCategories li.first { margin-left: 5px;} #boxEcard #listeCategories li a { float: left; display: block; height: 27px; padding: 0 13px; line-height: 27px; color: #fff; text-transform: uppercase; text-shadow: #108bce 0 -1px 0;} #boxEcard #listeCategories li a:hover { color: #7dcfea;} #boxEcard #listeCategories li.selected a { background: url(/library/images/_new/bt_ecard_cat.gif) 0 0 repeat-x;} #boxEcard #listeCategories li.selected a:hover { color: #fff; cursor: default;} #boxEcard #listeSubCategories { overflow: hidden; margin-bottom: 20px; padding: 15px 0 10px 20px; background: #f7f7f7; border-bottom: 1px solid #ccc;} #boxEcard #listeSubCategories li { float: left; width: 24%; margin-bottom: 5px;} #boxEcard #listeSubCategories a { float: left; color: #494949; padding: 0 0 0 3px; line-height: 13px;} #boxEcard #listeSubCategories a span { float: left; padding: 2px 7px 4px 4px; cursor: pointer;} #boxEcard #listeSubCategories li a:hover { text-decoration: underline;} #boxEcard #listeSubCategories .selected a { color: #fff; background: url(/library/images/_new/bt_ecard_subcat.gif) 0 0 no-repeat;} #boxEcard #listeSubCategories .selected a span { background: url(/library/images/_new/bt_ecard_subcat2.gif) right 0 no-repeat;} #boxEcard #listeSubCategories .selected a:hover,#boxEcard #listeSubCategories .selected a:hover span { text-decoration: none; cursor: default;} #boxEcard #template-slider { position: relative; padding: 0 0 20px; background: url(/library/images/_new/bg_ecard_slider.gif) 0 bottom no-repeat;} #boxEcard #template-slider .articlesNav { padding: 0;} #boxEcard #template-slider .articlesNav .fleche { position: absolute; top: 40px; left: 2px; width: 17px; height: 23px; background: url(/library/images/_new/bt_ecard_nav.gif) 0 0 no-repeat; text-indent: -9999px;} #boxEcard #template-slider .articlesNav .right { left: 600px; background-position: right 0;} #boxEcard #template-slider .articlesNav .fleche:hover { background-position: 0 -23px; cursor: pointer;} #boxEcard #template-slider .articlesNav .right:hover { background-position: right -23px;} #boxEcard #template-slider .articlesNav .disabled .fleche, #boxEcard #template-slider .articlesNav .disabled .fleche:hover { background-position: 0 -46px; cursor: default;} #boxEcard #template-slider .articlesNav .disabled .right, #boxEcard #template-slider .articlesNav .disabled .right:hover { background-position: right -46px;} #boxEcard #template-slider .box { width: 622px; height: 109px; overflow: hidden; background: none; margin: 0; padding: 0; min-height: 0;} #boxEcard #template-slider .ticker li { width: 582px; padding: 0 10px 0 30px;} #boxEcard #template-slider .ticker li div { float: left; padding-right: 18px; text-align: center; font-size: 110%;} #boxEcard #template-slider .ticker li div img { display: block; margin-bottom: 5px;} #boxEcard #template-slider .ticker li .tag { display: none;} #boxEcard #template-slider .ticker li .new { position: relative;} #boxEcard #template-slider .ticker li .new .tag { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 45px; background: url(/library/images/_new/img_ecard_new.png) 0 0 no-repeat; text-indent: -9999px;} #boxEcard #template-slider .ticker li a:hover span, #boxEcard #template-slider .ticker li a:hover span em { cursor: pointer;} #boxEcard #template-slider .ticker li a span { padding: 2px 0 4px 3px;} #boxEcard #template-slider .ticker li a span em { padding: 2px 7px 4px 4px; font-style: normal;} #boxEcard #template-slider .ticker li .selected a span { color: #fff; background: url(/library/images/_new/bt_ecard_subcat.gif) 0 0 no-repeat;} #boxEcard #template-slider .ticker li .selected a span em { background: url(/library/images/_new/bt_ecard_subcat2.gif) right 0 no-repeat;} #boxEcard #template-slider .ticker li .selected a:hover { cursor: default;} #boxEcard .remaining { width: 487px;} /* #################################################### */ /* !pic contest */ #picVote { position: relative; margin-bottom: 5px; text-align: center;} .concours-photos .navPic { margin-bottom: 30px;} #pc_banner { width: 980px; height: 115px; background: url(/library/images/_new/banner_picturescontest.gif) 0 0 no-repeat; margin: -5px 0 18px 1px;} #pc_banner h3, #pc_banner h4 { padding-left: 28px; font-weight: normal; line-height: 1.2em;} #pc_banner h3 { padding-top: 30px; font-size: 1.45em; color: #93d9ef; } #pc_banner h4 { font-size: 2.72em; color: #fff; text-transform: uppercase; } #pc_side { float: left; width: 300px;} #pc_side .descBloc { margin-top: 28px;} #pc_side .soustitreH4 { text-transform: none; font-size: 100%;} #pc_side .bloc p { margin-bottom: 0;} #contestOther {position: relative;} #contestOther .pics { width: 100%; overflow: hidden;} #contestOther .pics li { float: left; width: 74px; margin-bottom: 8px; text-align: center;} #contestOther .pics li img { border: 2px solid #fff; padding: 1px;} #contestOther .pics li.selected img, #contestOther .pics li a:hover img { border-color: #00a6dd;} /*#contestOther .pics li.voted img, #contestOther .pics li.voted a:hover img { border-color: #fff;}*/ #pc_main { float: right; width: 622px;} #pc_main.narrow { float: left; width: 468px; margin: 0 0 0 15px;} #pc_main .textDesc { float: right; width: 410px; margin-bottom: 15px; border-left: 1px solid #ccc; min-height: inherit; border-right: none; padding-right: 0; padding-left: 10px;} #pc_main .userBt { float: left; width: 195px;} #blocVoting ul { width: 100%; overflow: hidden;} #blocVoting ul li { float: left; width: 60px; margin-right: 25px;} #blocVoting ul li .empty { display: block; width: 58px; height: 58px; border: 1px dashed #bababa;} #blocVoting ul .bt_vote { width: 150px; margin-right: 0; margin-top: 11px; } #blocVoting ul li.btCancel a:hover { cursor: default; } #blocVoting ul li.btCancel a:hover span{ cursor: default; } #blocVoting ul li img { display: block; margin-bottom: 3px;} #blocVoting .selfclear { margin: 10px 0 0;} #blocVoting #pc_phase { margin: 10px 0 0; font-size: 1.18em; color: #7b7b7b;} #blocVoting #pc_phase span { color: #71be32;} #pc_other_sections { width: 100%; overflow: hidden; border-top: 1px solid #ccc;} #pc_other_sections li { float: left; width: 294px; padding-top: 20px;} #pc_other_sections #pc_next { float: right; width: 297px; padding: 20px 10px 0 20px; border-left: 1px solid #ccc;} #pc_other_sections h3 { margin-bottom: 15px; font-size: 1.81em; line-height: 1.2em; color: #00a6dd; font-weight: normal;} #pc_other_sections h3 span { display: block; color: #71be32;} #pc_other_sections .img { float: left;} #pc_other_sections dl, #pc_other_sections .link_all { margin-left: 137px; font-size: 110%;} #pc_other_sections dt { color: #71be32;} #pc_other_sections dd { margin-bottom: 10px; color: #7b7b7b; font-weight: bold;} #pc_other_sections .link_all { margin-top: 25px;} #pc_other_sections .bigger { font-size: 110%;} #pc_narrow { width: 154px; padding: 10px 0; float: right; background: #f6f6f6;} #pc_narrow h4, #ls_archives { padding: 0 15px;} #pc_narrow h4.subtitle {font-size: 110%;} #ls_archives li { margin-bottom: 20px; text-align: left;} #ls_archives li span { display: block; margin-top: 5px; font-size: 1em; line-height: 1.2em; color: #7b7b7b;} .archive_link { margin-bottom: 0; padding: 10px 15px 0; text-align: right; font-weight: bold; border-top: 1px solid #ccc;} .archive_link a { color: #666;} .archive_link a:hover { color: #333;} /* !contest */ #contestList { margin-bottom: 20px;} .contestList { width: 100%; overflow: hidden; margin: 0 0 10px; padding: 10px 0; border-bottom: 1px solid #ccc;} .contestList .thumbDisplay { float: left; padding-bottom: 10px;} .contestList .text { margin-left: 143px;} .contestList h5 { font-weight: bold; margin-bottom: 10px;} #contestHolder .selfclear a { margin-left: 143px;} #lsContest { width: 100%; overflow: hidden;} #lsContest li { float: left; overflow: hidden; width: 133px; height: 133px; margin: 5px 10px 10px; border: 1px solid #ccc; vertical-align: middle;} #lsContest li a { display: block; height: 100%;} #lsContest li a img { vertical-align: middle;} /* !credits */ body.credits dl { font-size: 12px; margin-bottom: 15px; border-bottom: 1px solid #dedede;} body.credits dl dt { font-weight: normal; text-transform: uppercase; color: #999; line-height: 14px;} body.credits dl dd { margin-bottom: 15px;} body.credits #content a.telefilm { float: left; margin-right: 25px;} /* !faq */ #boxFaq h4 { margin-bottom: 5px; text-transform: uppercase;} #boxFaq ol { margin: 0 0 15px 0;} #boxFaq ol li { margin-bottom: 5px; padding-left: 10px; background: url(/library/images/_new/leftArrowMap.gif) 0 3px no-repeat;} #boxFaq ol ol { list-style-type: decimal; display: none; background: #f4f4f4; margin-top: 5px; margin-left: 0; padding: 10px 10px 5px 25px; font-weight: bold;} #boxFaq ol li li { margin-bottom: 5px; background: none; padding-left: 0;} #boxFaq ol ol li span { font-weight: normal;} #forMemberTi { margin-top: 30px;} /* !sitemap */ #sitemapBox ul { overflow: hidden; margin-bottom: 30px;} #sitemapBox ul ul { margin-bottom: 0; padding-left: 0; padding: 5px 0; border-bottom: 1px solid #ccc;} #sitemapBox ul ul ul { padding-bottom: 0; border: none;} #sitemapBox ul li { font-size: 110%; margin-bottom: 2px; background: url(/library/images/_new/icn_fleche_sm.gif) 0 2px no-repeat; padding-left: 12px; vertical-align: top;} #sitemapBox ul li li { font-size: 90%; margin-bottom: 0; background: url(/library/images/_new/leftArrowMap.gif) 0 3px no-repeat; padding-left: 10px;} #sitemapBox ul li li li { font-size: 100%;} #sitemapBox ul li a { color: #71be32;} #sitemapBox ul li a:hover { color: #488318;} #sitemapBox ul li li a { color: #00a6dd;} #sitemapBox ul li li a:hover { color: #016d78} #sitemapBox .menuPrincipal ul { margin-bottom: 10px;} #sitemapBox .menuPrincipal ul li { width: 192px; float: left;} #sitemapBox .menuPrincipal .bebe .first { margin-top: 5px;} #sitemapBox .group1 { width: 213px; float: left;} #sitemapBox .group2 { width: 405px; float: left;} #sitemapBox .group2 ul li li { width: 181px;} #boxFiles .fileList li { padding: 10px;} #boxFiles .listFriend dl dd p { margin-bottom: 10px;} #boxFiles .listFriend dl dd .download { margin-bottom: 0;} #boxFiles .download a { font-weight: bold;} #boxFiles .download span { font-size: 110%; line-height: 1.6em; padding: 0 3px 0 0;} /* #################################################### */ /* #################################################### */ /* !footer */ #footerProfil { clear: both; background-color: #222; overflow: hidden; width: 100%; padding: 35px 0 20px; color: #bcbcbc; } #footerProfil div { float: left; } #footerProfil ul { list-style: none; margin-left: 0; } #footerProfil a { color: #bcbcbc;} #footerProfil a:hover { color: #FFF;} #footerProfil #options { margin-right: 10px; display: inline; background: none; padding-top: 1px; } #footerProfil #options img { margin-bottom: 15px; } #footerProfil #options img, #footerProfil #options ul { padding-left: 39px; } #footerProfil #options li, #footerProfil #sections li { border-bottom: 1px solid #404040; width: 130px; } #footerProfil #options li.last, #footerProfil #sections li.last { border-bottom-color: #222;} #footerProfil #options li a, #footerProfil #sections li a { display: block; padding: 3px 0; line-height: 15px; } #footerProfil #sections { width: 295px; margin-right: 10px; display: inline; padding-left: 8px; overflow: hidden; } #footerProfil h2 { padding: 7px 0 15px 0; line-height: 1.2em; color: #6f6f6f; } #footerProfil #sections ul { float: left; } #footerProfil #sections ul li { float: left; margin-right: 15px; } #footerProfil #calFoot { width: 238px;} #footerProfil #calendar .details { display: block; padding: 15px 0 0;} #footerProfil #calFoot #calendarBox .navPic { margin-bottom: 0;} #footerProfil #calFoot h2 a { color: #6f6f6f;} #footerProfil #events { width: 218px;} #footerProfil #events h2 { padding-bottom: 8px} #footerProfil #events #thumbDate { float: left; background: url(/library/images/_new/thumb_date.gif) 0 0 no-repeat; width: 54px; height: 52px; text-align: center; margin-bottom: 10px; } #footerProfil #events #thumbDate strong { font-size: 2em; display: block; padding-top: 8px; } #footerProfil #events #thumbDate span { color: #222; text-transform: uppercase; margin-left: 0; padding: 4px 0; font-weight: bold; } #footerProfil #events h3, #footerProfil #events span { margin-left: 64px; color: #8ab348; display: block; padding-bottom: 13px; } #footerProfil #events h3 { margin-top: 10px;} #footerProfil #events h3 a { color: #8ab348;} #footerProfil #events p { color: #6f6f6f; line-height: 1.4em; margin-bottom: 10px;} #footerProfil #copyrightProfil { clear:both; display: inline; width: 982px; margin: 20px 5px 0; padding-top: 20px; border-top: 1px solid #404040; } #footerProfil #copyrightProfil div, #footerProfil #copyrightProfil img { float: left; } #footerProfil #copyrightProfil h3 { margin: 0 0 0 31px; padding-top: 3px; } #footerProfil #copyrightProfil .left { float: left; width: 60%; padding: 4px 0 0 35px;} #footerProfil #copyrightProfil .left ul li { float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; line-height: 1.4em; border-right: 1px solid #404040;} #footerProfil #copyrightProfil .left ul.second { margin-top: 6px;} #footerProfil #copyrightProfil .left ul li.last { margin: 0; padding: 0; border: none;} #footerProfil #copyrightProfil .left p { clear: left; margin: 7px 0 6px; color: #6f6f6f; line-height: 1.6em;} #footerProfil #copyrightProfil .left p a { color: #8d8d8d;} #footerProfil #copyrightProfil .left p a:hover { color: #fff;} #footerProfil #copyrightProfil #telefilm { float: right; padding: 0 35px 0 0;} #footerProfil #copyrightProfil #arteca { float: right; padding: 0 19px 0 0;} #footerProfil #copyrightProfil #copy { float: right; padding-top: 4px; } /* #################################################### */ /* #################################################### */