/* ***************************************** GENERAL */ * { padding:0; margin:0; border:0; } a { text-decoration:none; cursor:pointer; outline:0 none; color:#040404; } li { list-style:none; } input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#040404; } label { cursor:pointer; } .separateur{clear:both; height:0; margin:0; padding:0} .cf:after, #header:after, #keyWord p:after, #menu2:after, #twinMaster:after, #menu-ul:after, .subIn2:after, .aLaUneIn:after, #tabsContainer ul:after, #jeux:after, #hpLine1:after, #hpLine2:after, #hpLine3:after, #prog li:after, #hpLine4:after, #hpLine2 .partB p:after, #galPhotos ul:after, #adresses p:after, #dossierTitle .middle:after, .dossierTitle .middle:after, #dossierBy:after, .dossierNP2:after, .article-txt:after, #andTop:after, #andTop li:after, .titleSection:after, #allMy .inner li:after, #allMySub .inner:after, .article-photo .data:after, .article-video .data:after, .article-recette:after, #biBloc:after, .upLeftBloc .inner:after, .article-ba:after, .searchZone fieldset:after, .proBloc .inner:after, .sendFriend form .line:after, .gpInner:after, .gpInner .item p:after, .tpInner:after, #contactForm p:after, #ariane:after, .titleRSS:after, .rssInner .tetiere:after, .partRss:after, #newsAboForm:after, .author:after, .biBlocAstro:after, .biBlocAstro .inner:after, .triplePromo:after, .tarotOracle:after, .vh-i:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cf, #header, #keyWord p, #menu2, #twinMaster, #menu-ul, .subIn2, .aLaUneIn, #tabsContainer ul, #jeux, #hpLine1, #hpLine2, #hpLine3, #prog li, #hpLine4, #hpLine2 .partB p, #galPhotos ul, #adresses p, #dossierTitle .middle, .dossierTitle .middle, #dossierBy, .dossierNP2, .article-txt, #andTop, #andTop li, .titleSection, #allMy .inner li, #allMySub .inner, .article-photo .data, .article-video .data, .article-recette, #biBloc, .upLeftBloc .inner, .article-ba, .searchZone fieldset, .proBloc .inner, .sendFriend form .line, .gpInner, .gpInner .item p, .tpInner, #contactForm p, #ariane, .titleRSS, .rssInner .tetiere, .partRss, #newsAboForm, .author, .biBlocAstro, .biBlocAstro .inner, .triplePromo, .tarotOracle, .vh-i { display:inline-block; } /*hides from IE mac \*/ * html .cf, * html #header, * html #keyWord p, * html #menu2, * html #twinMaster, * html #menu-ul, * html .subIn2, * html .aLaUneIn, * html #tabsContainer ul, * html #jeux, * html #hpLine1, * html #hpLine2, * html #hpLine3, * html #prog li, * html #hpLine4, * html #hpLine2 .partB p, * html #galPhotos ul, * html #adresses p, * html #dossierTitle .middle, * html .dossierTitle .middle, * html #dossierBy, * html .dossierNP2, * html .article-txt, * html #andTop, * html #andTop li, * html .titleSection, * html #allMy .inner li, * html #allMySub .inner, * html .article-photo .data, * html .article-video .data, * html .article-recette, * html #biBloc, * html .upLeftBloc .inner, * html .article-ba, * html .searchZone fieldset, * html .proBloc .inner, * html .sendFriend form .line, * html .gpInner, * html .gpInner .item p, * html .tpInner, * html #contactForm p, * html #ariane, * html .titleRSS, * html .rssInner .tetiere, * html .partRss, * html #newsAboForm, * html .author, * html .biBlocAstro, * html .biBlocAstro .inner, * html .triplePromo, * html .tarotOracle, * html .vh-i { height:1%; } .cf, #header, #keyWord p, #menu2, #twinMaster, #menu-ul, .subIn2, .aLaUneIn, #tabsContainer ul, #jeux, #hpLine1, #hpLine2, #hpLine3, #prog li, #hpLine4, #hpLine2 .partB p, #galPhotos ul, #adresses p, #dossierTitle .middle, .dossierTitle .middle, #dossierBy, .dossierNP2, .article-txt, #andTop, #andTop li, .titleSection, #allMy .inner li, #allMySub .inner, .article-photo .data, .article-video .data, .article-recette, #biBloc, .upLeftBloc .inner, .article-ba, .searchZone fieldset, .proBloc .inner, .sendFriend form .line, .gpInner, .gpInner .item p, .tpInner, #contactForm p, #ariane, .titleRSS, .rssInner .tetiere, .partRss, #newsAboForm, .author, .biBlocAstro, .biBlocAstro .inner, .triplePromo, .tarotOracle, .vh-i { display:block; } /*end hides from IE mac*/ /* ***************************************** NAV PROVISOIRE */ #navProv { position:fixed; top:0; left:0; width:150px; z-index:1; overflow:hidden; } #navProv li { list-style:none; display:inline-block; height:0.01%; width:150px; float:left; } #navProv .navProvOC a, #navProv .navProvOC a:hover { text-align:right; color:#cbd1ec; text-transform:uppercase; font-weight:bold; background:#26377c; } #navProv .navProvOC a:hover { color:#fff; } #navProv li a { font-family: Verdana, Arial, Helvetica, sans-serif; display:block; padding:2px; background:#a8b3df; border-bottom:1px solid #ccc; color:#26377c; font-size:10px; height:0.01%; } #navProv li a:hover { background:#a8b3df; color:#fff; } /* ***************************************** ACCESSIBLITY */ #accessLinks { position:absolute; top:-500px; left:0px; } #accessLinks a:focus { position:absolute; top:508px; left:185px; z-index:10; } .offleft { position:absolute; left:-5000px; width:-2000px; } /* ***************************************** IMPRESSION */ #logo_dart_habillage { display:none; } #connection{ padding:0px; float:right; margin-top:5px; color:#fff; } #connection a{ color:#fff; } #connection form{ vertical-align:middle; } .inputSubmit{ vertical-align:middle; } /* ***************************************** BASE PLUGIN */ /* jcarousel */ .jcarousel-container { position:relative; } .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; } .jcarousel-list li, .jcarousel-item { float:left; list-style:none; } .jcarousel-next { z-index:3; display:none; cursor:pointer; } .jcarousel-prev { z-index:3; display:none; cursor:pointer; } .jcarousel-prev-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; } .jcarousel-next-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; } /* tabs */ .tabs-hide { display:none; } /* jscroll */ .scroll-pane { overflow:auto; /* specifier width et height pour skin */ } .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; } .jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100% !important; } .jScrollPaneDrag { position:absolute; cursor:pointer; overflow:hidden; } .jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; } .jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } .jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; } .jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; } /* thickbox */ *{padding: 0; margin: 0;} #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack { background:url(macFFBgHack.png) repeat; } .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title { background-color:#e8e8e8; height:27px; } #TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal { padding:15px; } #TB_ajaxContent p { padding:5px 0px 5px 0px; } #TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* ***************************************** STRUCTURE - HEADER - FOOTER */ body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#040404; background:#f8f8f8 url(/style/skins/bg-body_beta2.jpg) no-repeat scroll top center; padding:0; } #main { margin:0 auto; width:1000px; padding:20px 0 0 0; } /* header */ #header { height:121px!important; overflow:hidden;float:left; width:1000px; position:relative; } #header .h1, #header h1 { float:left; display:block; height:0; overflow:hidden; margin:41px 0 0 0; width:340px; padding:125px 0 0 0; } #header .h1 span { display: none; } #header form { float:right; width:258px; padding:52px 0 0 0; } #header h2 { font-size:12px; color:#fff; line-height:12px; font-weight:normal; text-transform:uppercase; padding:0 0 3px 0; } #header #textrecherche { border:1px solid #a3a3a4; background:#fff url(/style/skins/sprite.gif) no-repeat -451px 0; width:246px; margin:0 0 3px 0; padding:0 5px; } #formSearch label { float:left; padding:0 20px 0 3px; color:#fff; font-size:12px; background:#b8d57b; } #formSearch p input { float:left; height:17px; } #formSearch #formSearchSubmit { float:right; height:auto; } /* menu2 */ #menu2 { height:26px; overflow:hidden; padding:0px 12px 5px 7px; background:#92c32f url(/style/skins/bg-menu2.gif) repeat-y top right; } #menu2 ul { float:left; width:500px; padding:7px 0 0 0; } #menu2 li { display:inline; height:12px; } #menu2 li a { color:#fff; line-height:12px; padding:0 8px; display:block; float:left; border-right:1px solid #fff;font-size:12px; } #menu2 a:hover { color:#3b4130; } #menu2 .last a { border:none; } #menu2 .linkCompte { float:right; color:#fff; font-size:15px; line-height:26px; margin:0 0 0 39px; } #menu2 .linkNewsletter { float:right; color:#fff; font-size:12px; line-height:12px; padding:9px 0 0 0; } /* mainIn */ #mainInTop { width:1000px; background:#fff; border-left:1px solid #d9d9d8; border-right:1px solid #d9d9d8; } #mainIn { width:1000px; background:#fff; border-left:1px solid #d9d9d8; border-right:1px solid #d9d9d8; } #twinMaster { background:url(/style/skins/bg-border.gif) repeat-y 674px 0; } #colLC { width:674px; overflow:hidden; float:left; } #colR { width:300px; float:right; padding:0 1px 0 12px;} /* footer */ #footer { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-align:center; position:relative; height:19px; background:url(/style/img/bg-footer.jpg); } #footer a { color:#fff; line-height:19px; padding:0 12px; } #footer a:hover { color:#3b4130; } #footer ul { text-align:center; } #footer li { display:inline; margin:0 10px; } /*#footer #corner { display:block; position:absolute; bottom:-79px; right:-95px; background:url(/style/skins/sprite.gif) no-repeat 0 -402px; width:167px; height:187px; }*/ /* menu */ #lemenu { padding:0 12px 10px 12px; } #lemenu #menu-ul { height:78px; position:relative; z-index:100; } #lemenu li { float:left; height:78px; margin:0 6px 0 0; width:103px; } #lemenu #item-9 { margin:0; } #lemenu li a { height:78px; position:relative; width:103px; } #lemenu li a span { height:78px; width:103px; position:absolute; top:0; left:0; background-image:url(/style/skins/bg-menu.jpg); background-repeat:no-repeat; } #lemenu #item-1 a span { background-position:0 0; } #lemenu #item-2 a span { background-position:-109px 0; } #lemenu #item-3 a span { background-position:-218px 0; } #lemenu #item-4 a span { background-position:-327px 0; } #lemenu #item-5 a span { background-position:-436px 0; } #lemenu #item-6 a span { background-position:-545px 0; } #lemenu #item-7 a span { background-position:-654px 0; } #lemenu #item-8 a span { background-position:-763px 0; } #lemenu #item-9 a span { background-position:-872px 0; } #lemenu #item-1:hover a span, #lemenu #item-1.current a span { background-position:0 -78px; } #lemenu #item-2:hover a span, #lemenu #item-2.current a span { background-position:-109px -78px; } #lemenu #item-3:hover a span, #lemenu #item-3.current a span { background-position:-218px -78px; } #lemenu #item-4:hover a span, #lemenu #item-4.current a span { background-position:-327px -78px; } #lemenu #item-5:hover a span, #lemenu #item-5.current a span { background-position:-436px -78px; } #lemenu #item-6:hover a span, #lemenu #item-6.current a span { background-position:-545px -78px; } #lemenu #item-7:hover a span, #lemenu #item-7.current a span { background-position:-654px -78px; } #lemenu #item-8:hover a span, #lemenu #item-8.current a span { background-position:-763px -78px; } #lemenu #item-9:hover a span, #lemenu #item-9.current a span { background-position:-872px -78px; } #lemenu #item-1 a.selec span { background-position:0 -156px; } #lemenu #item-2 a.selec span { background-position:-109px -156px; } #lemenu #item-3 a.selec span { background-position:-218px -156px; } #lemenu #item-4 a.selec span { background-position:-327px -156px; } #lemenu #item-5 a.selec span { background-position:-436px -156px; } #lemenu #item-6 a.selec span { background-position:-545px -156px; } #lemenu #item-7 a.selec span { background-position:-654px -156px; } #lemenu #item-8 a.selec span { background-position:-763px -156px; } #lemenu #item-9 a.selec span { background-position:-872px -156px; } /* sub */ #lemenu ul .sub { position:absolute; width:698px; top:-999em; z-index:110; zoom:1; padding:9px 0 0 0; background-color:#fff; background-image:url(/style/skins/sub-raccord.gif); background-repeat:no-repeat;font-size:12px } #lemenu ul li:hover .sub, #lemenu ul li.current .sub { top:78px; } #item-1 .sub { left:0; background-position:-900px 0; } #item-2 .sub { left:109px; background-position:-900px 0; } #item-3 .sub { left:218px; background-position:-900px 0; } #item-4 .sub { left:277px; background-position:-850px 0; } #item-5 .sub { left:138px; background-position:-602px 0; } #item-6 .sub { left:0; background-position:-355px 0; width:863px !important; } #item-7 .sub { left:59px; background-position:-305px 0; width:863px !important; } #item-8 .sub { left:112px; background-position:-249px 0; width:863px !important; } #item-9 .sub { left:112px; background-position:-140px 0; width:863px !important; } #lemenu .subIn { border-bottom:1px solid #cec9c9; border-left:1px solid #cec9c9; border-right:1px solid #cec9c9; padding:15px 0 0 0; } #lemenu .subIn2 { border-bottom:6px solid red; padding:0 0 15px 0; } #lemenu h2, #lemenu .h2 { font-size:14px; text-transform:uppercase; font-weight:normal; } #item-1 .subIn2, #item-1 .subIn2 h2, #item-1 .subIn2 .h2, #item-1 .subIn2 .h2 a { color:#92c32f; border-color:#92c32f; } #item-2 .subIn2, #item-2 .subIn2 h2, #item-2 .subIn2 .h2, #item-2 .subIn2 .h2 a { color:#f1a731; border-color:#f1a731; } #item-3 .subIn2, #item-3 .subIn2 h2, #item-3 .subIn2 .h2, #item-3 .subIn2 .h2 a { color:#ff2d8e; border-color:#ff2d8e; } #item-4 .subIn2, #item-4 .subIn2 h2, #item-4 .subIn2 .h2, #item-4 .subIn2 .h2 a { color:#46c3d2; border-color:#46c3d2; } #item-5 .subIn2, #item-5 .subIn2 h2, #item-5 .subIn2 .h2, #item-5 .subIn2 .h2 a { color:#d92a96; border-color:#d92a96; } #item-6 .subIn2, #item-6 .subIn2 h2, #item-6 .subIn2 .h2, #item-6 .subIn2 .h2 a { color:#f81b64; border-color:#f81b64; } #item-7 .subIn2, #item-7 .subIn2 h2, #item-7 .subIn2 .h2, #item-7 .subIn2 .h2 a { color:#f63f21; border-color:#f63f21; } #item-8 .subIn2, #item-8 .subIn2 h2, #item-8 .subIn2 .h2, #item-8 .subIn2 .h2 a { color:#5267c0; border-color:#5267c0; } #item-9 .subIn2, #item-9 .subIn2 h2, #item-9 .subIn2 .h2, #item-9 .subIn2 .h2 a { color:#3693c2; border-color:#3693c2; } #lemenu .subIn2 ul { display:block; float:left; padding:0 12px; border-right:1px solid #e8e6e8; width:140px; } #lemenu .subIn2 li { display:block; height:auto; width:auto; padding:1px 0; float:none; } #lemenu .subIn2 li a { color:#040404; height:auto; width:auto; } #lemenu .subIn2 li a:hover { text-decoration:underline; } #lemenu .aLaUne { float:left; padding:0 12px; width:340px; overflow:hidden; } #lemenu .aLaUne h2 { padding:0 0 2px 0; } #lemenu .aLaUneIn { padding:0 0 12px 0; } #lemenu .aLaUneIn img { float:left; margin:0 9px 0 0; border:1px solid #d0c6ca; width:151px; } #lemenu .aLaUneIn h3 { float:left; font-size:18px; font-weight:normal; } #lemenu .aLaUneIn p { float:left; width:178px; line-height:16px; } #lemenu .aLaUne a { color:#040404; } #lemenu .aLaUne a:hover { text-decoration:underline; } #lemenu .and { color:#040404; } #lemenu .and a { padding:0 5px; } #lemenu .and .first { padding-left:0; } /* ***************************************** COMMUN */ .borB { border-bottom:1px solid #d9d9d8; } .padB { padding-bottom:15px; } .padV { padding-bottom:15px; } .padH { padding-left:12px; padding-right:12px; } .pad { padding:12px; } .marB { margin-bottom:12px; } .right {text-align:right;} .center {text-align:center;} /* titres en image */ .switchImg { position:relative; overflow:hidden; } .switchImg span { position:absolute; top:0; left:0; overflow:hidden; background-repeat:no-repeat; } /* titres en html */ #colLC h2 { text-transform:uppercase; font-size:20px; font-weight:normal; line-height:22px; } #colLC h2 span { font-weight:bold; letter-spacing:-0.04em; } /* titres en couleurs forcees */ .tableUp h2 { padding:0 0 0 4px; } .slrVideos h2 span, .slrVideos .plusDe a { color:#5267c0 !important; } .slrPhotos h2 span, .slrPhotos .plusDe a { color:#826e4d !important; } .slrArticles h2 span, .slrArticles .plusDe a { color:#b64d88 !important; } /* boutons + de */ .more, .more2 { height:13px; line-height:13px; padding:0 0 0 8px; background:url(/style/skins/bg-more.gif) no-repeat; display:block; overflow:hidden; } .more span, .more2 span { height:13px; line-height:13px; padding:0 8px 0 0; background:url(/style/skins/bg-more.gif) no-repeat top right; display:block; _display:inline-block !important; } .more strong, .more2 strong { height:13px; line-height:13px; color:#c6106a; } .more2 { background-position:0 -13px; } .more2 span { background-position:100% -13px; } .more:hover, .more2:hover { background-position:0 -26px; } .more:hover span, .more2:hover span { background-position:100% -26px; /*color:#fff;*/ } .more:hover strong, .more2:hover strong { /*color:#fff;*/ } /* fil ariane */ #ariane { display:block; width:650px; padding:0 12px 4px 12px; line-height:16px; } #ariane a { color:#9b9b9b; line-height:16px; } #ariane a:hover { text-decoration:underline; } /* note */ .note { display:block; width:68px; height:0; padding:0 0 0 0; background-repeat:no-repeat; overflow:hidden; float:left; } .note-0 { background-position:0 0 !important; } .note-1 { background-position:0 -10px !important; } .note-2 { background-position:0 -20px !important; } .note-3 { background-position:0 -30px !important; } .note-4 { background-position:0 -40px !important; } .note-5 { background-position:0 -50px !important; } .note-6 { background-position:0 -60px !important; } .note-7 { background-position:0 -70px !important; } .note-8 { background-position:0 -80px !important; } .note-9 { background-position:0 -90px !important; } .note-10 { background-position:0 -100px !important; } /* noteZone */ .notation { position:relative; } .notation .noteZone, .allNotation .noteZone { position:absolute; top:20px; right:-14px; background:#FFFFFF url(/style/skins/bg-blocKeyWord.gif) repeat-x left bottom; width:140px; height:50px; border:1px solid #999999; padding:12px; text-align:left; font-size:10px; display:none; z-index:100 } .notation .noteZone p, .allNotation .noteZone { color:#000; padding:0 0 8px 0; } .notation .noteZoneRecette, .allNotation .noteZoneRecette { position:absolute; top:20px; right:-14px; background:#FFFFFF url(/style/skins/bg-blocKeyWord.gif) repeat-x left bottom; width:140px; height:50px; border:1px solid #999999; padding:12px; text-align:left; font-size:10px; display:none; } .notation .noteZoneRecette p, .allNotation .noteZoneRecette p { color:#000; padding:0 0 8px 0; } .noteZone .closeNoteZone { position:absolute; width:12px; height:12px; top:3px; right:4px; cursor:pointer; } .noteZoneRecette .closeNoteZone { position:absolute; width:12px; height:12px; top:3px; right:4px; cursor:pointer; } .notation .note2 span, .allNotation .note2 span { display:block; height:10px; width:90px; overflow:hidden; background-repeat:no-repeat; } .notation .note2 a, .allNotation .note2 a { float:left; display:block; display:inline; } /* recommander */ .recoZone { position:absolute; top:41px; right:3px; background:#FFFFFF url(/style/skins/bg-blocKeyWord.gif) repeat-x left bottom; width:300px; height:60px; border:1px solid #999999; padding:12px; text-align:left; display:none; z-index:100; } .recoZone .closeRecoZone { position:absolute; width:12px; height:12px; top:3px; right:4px; cursor:pointer; } .recoZone p { color:#a40e6a; } /* google */ .googleZone { width:650px; margin:12px 0 12px 12px; } .googleZone.padB { width:auto; margin:0; } /* pagination */ .pagination { position:relative; text-align:center; width:650px; } .pagination a { padding:0 2px; font-size:11px; } .pagination .prev { position:absolute; top:0; left:0; height:13px; line-height:13px; padding:0 0 0 20px; background:url(/style/skins/bg-more.gif) no-repeat 0 -94px; display:block; overflow:hidden; } .pagination .prev span { height:13px; line-height:13px; padding:0 20px 0 0; background:url(/style/skins/bg-more.gif) no-repeat 100% -94px; display:block; _display:inline-block !important; } .pagination .next { position:absolute; top:0; right:0; height:13px; line-height:13px; padding:0 0 0 20px; background:url(/style/skins/bg-more.gif) no-repeat 0 -81px; display:block; overflow:hidden; } .pagination .next span { height:13px; line-height:13px; padding:0 20px 0 0; background:url(/style/skins/bg-more.gif) no-repeat 100% -81px; display:block; _display:inline-block !important; } .pagination strong { padding:0 2px; } .pagination .next:hover { background-color:#6b1249; } .pagination .prev:hover { background-color:#6b1249; } .pagW .prev { background-position:0 -52px; top:12px; } .pagW .prev span { background-position:100% -52px; } .pagW .next { background-position:0 -39px; top:12px; } .pagW .next span { background-position:100% -39px; } /* noteHead */ .noteHead { overflow:hidden; } .noteHead li { display:block; float:left; } .noteHead .date { width:110px; text-align:right; padding:0 10px 0 0; } .noteHead .nb { width:40px; text-align:center; padding:0 10px; } .noteHead .noteLi { width:68px; padding:4px 0 0 10px; } /* noteTriTet */ .titleTri { position:relative; min-height:20px; height:auto !important; height:20px; margin:8px 0 0 0; } .titleTri h2 { position:absolute; top:-7px; left:0; } .noteTriTet { position:relative; height:15px; } .triHead { overflow:hidden; position:absolute; right:16px; top:0; } .triHead li { display:block; float:left; font-size:10px; text-align:right; } .triHead .explain { color:#000; } .triHead li a { padding:0 24px 0 0; background-repeat:no-repeat; background-position:100% 0; } .triHead li .triUp { background-position:100% -15px; } .triHead li .triDown { background-position:100% -30px; } .triHead .headDate { width:110px; padding:0 10px 0 0; } .triHead .headNb { width:40px; padding:0 10px; } .triHead .headNote { width:68px; padding:0 0 0 10px; } /* linkRight */ .linkRight { padding:0 12px; text-align:right; } .linkRight a { text-decoration:underline; font-size:11px; } /* searchZone */ .searchZone { padding:0 12px; text-align:right; } .searchZone .by { float:left; width:200px; padding:5px 25px 5px 0; text-align:left; } .searchZone .last { padding-right:0; } .searchZone .by label { display:block; font-size:14px; padding:0 0 3px 0; } .searchZone .by input { width:192px; border:1px solid #b3b3b3; padding:1px 3px; color:#666666; font-size:11px; } .searchZone .by select { width:192px; border:1px solid #b3b3b3; padding:1px 3px; color:#666666; font-size:11px; } .searchZone fieldset #submitSearch { float:right; margin:5px 0 0 0; } /* menuPerso */ .menuPerso { padding:0 12px;background: url(/style/skins/bg-section2up.gif) repeat-x scroll 0 0;padding:10px 10px 0 10px; } .menuPerso .first { margin-left:0!important;} .menuPerso h3 { font-size:17px;font-weight:normal;padding-bottom:10px;} .menuPerso .chapo {padding-bottom:10px;} .select { float:left; width:122px; text-align:left; margin:0 0 10px 10px; } .select h5 { padding:0px 5px;font-size:12px;color:white;font-weight:normal;} .select ul { background:white url(/style/skins/bg-select.gif) no-repeat;font-size:10px;} .select li {display:inline;} .select li a {padding:2px 5px;display:block;line-height:10px;} .select .scroll-pane { width:120px; height:70px; } .select .jScrollPaneContainer { border-width:1px; border-style:solid;} .select .jScrollArrowUp { background-image:url(/style/skins/fleche-select.gif);background-repeat: no-repeat;background-position:0 0; height: 11px; } .select .jScrollArrowDown { background-image:url(/style/skins/fleche-select.gif);background-repeat: no-repeat; background-position:0 -11px; height: 11px; } .select p { position:relative; font-size:10px; display:none; height:14px; overflow:hidden; } .select .tag { padding:0px 5px; overflow:hidden; line-height:14px; width:92px;display:block; } .select p a { position:absolute; right:0;top:0; width:20px; height:14px; line-height:14px; background-image:url(/style/skins/bg-fermer.gif); background-repeat: no-repeat; background-position: 0 -50px; margin:0; text-decoration:none; color:transparent; } .select p a .cache { display:none; } /* remontees menus */ .remonteesMenu { background:#ededed url(/style/skins/bg-andTop.gif) repeat-x 0 0; padding:3px 12px 12px 12px;margin-bottom:10px;} .remonteesMenu h2 {text-transform:none!important;font-size:16px!important;} .remonteesMenu .fLeft { width:312px; float:left; } .remonteesMenu .fLeft h2 { margin:0 0 17px 0; } .remonteesMenu .fRight { width:312px; float:right; } .remonteesMenu .fRight h2 { margin:0 0 17px 0; } .remonteesMenu li { display:block; padding:0 0 12px 0; } .remonteesMenu .last { padding:0; } .remonteesMenu li .visuel { float:left; margin:0 12px 0 0; } .remonteesMenu li p { font-size:12px; line-height:14px; } .remonteesMenu li h3 a { font-size:14px; font-weight:normal; } /* ***************************************** COLONNE DROITE */ /* titres en html */ #colR h2 { font-size:17px; font-weight:normal; text-transform:uppercase; } #colR h2 span { font-weight:bold; } /* mes videos */ #myVideos h2 { color:#000; } #myVideos h2 span { color:#9AB44E; } #myVideos .inner{position:relative; height:162px;background:url(/style/skins/bg-mes-videos-right.jpg) no-repeat;} #myVideos .inner .more { position:absolute; bottom:12px; right:12px;} #myVideos .carousel3D { position:relative; } #myVideos .carousel3D ul { display:none; } #myVideos .carousel3D .linkLeft img { position:absolute; top:43px; left:33px; width:75px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:0.50; border:1px solid white; } #myVideos .carousel3D .linkCenter img { position:absolute; top:16px; left:70px; width:161px; z-index:10; border:2px solid white; } #myVideos .carousel3D .linkRight img { position:absolute; top:43px; right:33px; width:75px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:0.50; border:1px solid white; } #myVideos .carousel3D .legende { position:absolute; top:115px; left:30px; width:240px; font-weight:bold;text-align:center; } #myVideos .carousel3D .next { width:21px; height:21px; background:url(/style/skins/bt-carousel-right.gif) no-repeat top right; position:absolute; right:5px; top:55px; text-indent:-5000px; } #myVideos .carousel3D .prev { width:21px; height:21px; background:url(/style/skins/bt-carousel-right.gif) no-repeat top left; position:absolute; left:5px; top:55px; text-indent:-5000px; } #myVideos .carousel3D .linkCenter span, .triangle { position:absolute; top:40px; left:110px; display:block; background:url(/style/skins/bg-play.png) no-repeat 50% 50%; width:87px; height:49px; z-index:11; } .tableUp .triangle { top:34px; left:57px } /* shopping */ #myShopping .inner { width:300px; height:158px; background:url(/style/skins/sprite300.jpg) no-repeat 0 -92px; position:relative; padding:24px 0 0 0; } #myShopping .inner .more { position:absolute; bottom:12px; right:12px; } #myShopping h2 { color:#000; } #myShopping h2 span { color:#3593bf; } #carouShopColR .jcarousel-next { width:21px; height:21px; background:url(/style/skins/sprite.gif) no-repeat -68px -310px; position:absolute; right:0px; top:24px; } #carouShopColR .jcarousel-prev { width:21px; height:21px; background:url(/style/skins/sprite.gif) no-repeat -47px -310px; position:absolute; left:0px; top:24px; } #carouShopColR .jcarousel-container { width:258px; padding:0 21px; height:130px; overflow:hidden; } #carouShopColR .jcarousel-clip { width:258px; } #carouShopColR .jcarousel-item, #carouShopColR li { width:86px; position:relative; height:130px; display:block; float:left; background:url(/style/skins/bg-img-carouHome.png) no-repeat top center; } #carouShopColR li a { display:block; width:86px; height:130px; overflow:hidden; zoom:1; } #carouShopColR li a .visu { width:80px; height:62px; padding:3px 3px 22px 3px; display:block; } #carouShopColR li a .title { display:block; width:76px; margin:0 0 0 3px; color:#136fa4; font-size:10px; text-align:center; background:#fff; padding:2px; line-height:10px; } #carouShopColR li a:hover .title, #carouShopColR .carouShop .title { color:#fff; background:#136fa4; } /* galerie photos */ #galPhotos h2 { color:#c4a470; } #galPhotos h2 span { color:#7b6541; } #galPhotos .inner { width:300px; height:257px; background:url(/style/skins/sprite300.jpg) no-repeat 0 -518px; position:relative; } #galPhotos .inner .more { position:absolute; bottom:32px; right:12px; } #galPhotos ul { padding:39px 5px 0 10px; } #galPhotos li { width:128px; display:inline; float:right; } #galPhotos li a { display:block; width:128px; } #galPhotos .first { float:left; } #galPhotos .visuel { margin:0 0 10px 0; display:block; } #galPhotos .visuel img { border:3px solid #fff; } #galPhotos li a .title { background:#7b6541; color:#fff; text-align:center; display:block; padding:1px 3px; overflow:hidden; height:37px; } #galPhotos li a:hover .title { background:#fff; color:#7b6541; } /* adresses */ #adresses h2 { color:#3693c2; } #adresses h2 span { color:#135b7f; } #adresses .inner { width:278px; height:232px; background:url(/style/skins/sprite300.jpg) no-repeat 0 -775px; position:relative; padding:12px 11px 0 11px; } #adresses .inner .more { position:absolute; bottom:12px; right:12px; } #adresses p { padding:4px 0 0 9px; background:url(/style/skins/bg-debat2-p.png) no-repeat 0 0; line-height:12px; height:40px !important; overflow:hidden; display:block; margin:0 0 12px 0; } #adresses h3 { color:#fff; font-size:12px; height:14px; line-height:14px; font-weight:normal; background:#135b7f; padding:0 0 0 9px; overflow:hidden; } #adresses p .type, #adresses p .desc, #adresses p .titre { display:block; color:#3693c2; float:left; width:195px; } #adresses p .visuel { width:60px; padding:0 8px 0 0; display:block; float:left; } #adresses p .titre { color:#135b7f; } #adresses p .desc { color:#040404; } /* quotidien */ #quotidien { overflow:hidden; background:#f3f6e7 url(/style/skins/bg-quotidien.gif) no-repeat left bottom; } #quotidien h2 { color:#fff; font-size:15px; line-height:22px; height:22px; font-weight:normal; background:url(/style/skins/sprite.gif) no-repeat 0 -610px; padding:0 0 0 10px; border-bottom:1px solid #f2ecef; text-transform:none !important; } #quotidien .inner { padding:8px; } #quotidien .visuel { width:284px; height:160px; overflow:hidden; position:relative; } #quotidien .visuel .applat { display:block; position:absolute; bottom:0; left:0; width:284px; height:32px; background:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.60; } #quotidien .visuel p { display:block; position:absolute; bottom:0; left:0; width:264px; padding:3px 10px; color:#93ba43; font-size:11px; line-height:13px; } #quotidien .visuel p span { color:#fff; display:block; } #tabsContainer { border:1px solid #c4c5a6; } #tabsContainer li { display:inline; } #tabsContainer li a { display:block; float:left; width:39px; text-align:center; color:#ffffff; line-height:19px; background:#93ba43; border-left:1px solid #c4c5a6; } #tabsContainer .tabs-selected a { background:#fbfef2; color:#93ba43; } #tabsContainer .first a { width:42px; border:none; } #tabsContainer li a:hover { color:#fff; } #tabsContainer .tabs-selected a:hover { color:#93ba43; } #tabsContainer .fragment { background:#fbfef2 url(/style/skins/bg-fragment-quotidien.gif) repeat-x left bottom; padding:6px 10px; font-size:11px; line-height:14px; height:30px; } #tabsContainer .fragment p { height:15px; overflow:hidden } #tabsContainer .fragment p span { color:#93ba43; } /* idee bonheur */ #ideeBonheur .inner { background:url(/style/skins/sprite300.jpg) no-repeat 0 0; height:92px; position:relative; } #ideeBonheur p { font-style:italic; color:#6c154b; font-size:13px; font-weight:bold; padding:35px 10px 0 94px; line-height:11px; } #ideeBonheur .more { position:absolute; right:9px; bottom:7px; } /* jeux */ #jeux a { display:block; float:left; width:150px; } #jeux h2 { color:#18a2c0; } #jeux h2 span { color:#0152ae; } #jeux img { display:block; } /* debat */ #debat { position:relative; width:300px; } #debat h2 { color:#b60f76; } #debat h2 span { color:#6b1249; } #debat h3 { color:#fff; font-size:15px; line-height:22px; height:22px; font-weight:normal; background:url(/style/skins/sprite.gif) no-repeat 0 -380px; padding:0 0 0 10px; text-transform:uppercase; } #debatIn { height:300px; background:url(/style/skins/sprite300.jpg) no-repeat 0 -997px; } #debatIn h4 { color:#fff; font-size:22px; line-height:20px; padding:4px 0 0 9px; height:97px; overflow:hidden; width:140px; font-weight:normal; float:left; } #debat .visuel { width:144px; float:right; } #debat ul { display:block; width:265px; height:151px; background:url(/style/skins/bg-debat-ul.png) no-repeat; padding:0 9px; margin:0 0 0 9px; } #debat li { padding:5px 0; line-height:12px; } #debat li a { display:block; position:relative; line-height:auto; } #debat li a:hover { text-decoration:underline; } #debat li span { display:block; color:#ff1f7f; } #debat span strong { font-weight:normal; color:#a00e34; } #debat .more { position:absolute; right:9px; bottom:19px; } /* debat2 */ #debat2 h2 { color:#b60f76; } #debat2 h2 span { color:#6b1249; } #debat2 .inner { width:278px; height:232px; background:url(/style/skins/sprite300.jpg) no-repeat 0 -274px; position:relative; padding:12px 11px 0 11px; } #debat2 .inner .more { position:absolute; bottom:12px; right:12px; } #debat2 p { padding:3px 0 0 9px; background:url(/style/skins/bg-debat2-p.png) no-repeat 0 0; line-height:12px; height:40px; overflow:hidden; display:block; margin:0 0 12px 0; } #debat2 h3 { color:#fff; font-size:12px; height:14px; line-height:14px; font-weight:normal; background:#6b1249; padding:0 0 0 9px; overflow:hidden; } #debat2 p span { display:block; color:#ff1f7f; } #debat2 p a { display:block; position:relative; } #debat2 span strong { font-weight:normal; color:#a00e34; } /* mag */ #leMag img { display:block; } /* tagadelic */ #tagadelic h2 { color:#666; } #tagadelic h2 span { color:#6b1249; } #tagadelic span { font-size:15px; } #tagadelic a:hover { text-decoration:underline; } #tagadelic .size-1 { font-size:10px; } #tagadelic .size-2 { font-size:12px; } #tagadelic .size-3 { font-size:14px; } #tagadelic .size-4 { font-size:16px; } #tagadelic .size-5 { font-size:18px; } #tagadelic .size-6 { font-size:20px; } #tagadelic .size-7 { font-size:22px; } #tagadelic .size-8 { font-size:24px; } #tagadelic .size-9 { font-size:26px; } #tagadelic .color-1 { color:#5267c0; } #tagadelic .color-2 { color:#bfc54a; } #tagadelic .color-3 { color:#ff2d8e; } #tagadelic .color-4 { color:#46c3d2; } #tagadelic .color-5 { color:#d92a96; } #tagadelic .color-6 { color:#f81b64; } #tagadelic .color-7 { color:#f63f21; } #tagadelic .color-8 { color:#f1a731; } #tagadelic .color-9 { color:#3693c2; } /* ***************************************** HOMEPAGE */ /* line 1 */ #hpLine1 { padding-right:12px; padding-left:8px; } /* line 1 up3 */ #up3 { width:425px; height:272px; overflow:hidden; position:relative; display:none; padding:11px 15px 17px 11px; background:url(/style/skins/sprite.gif) no-repeat 0 -9px; float:left; } #up3 div { width:425px; height:239px; overflow:hidden; position:relative; } #up3 div .fond { background:#fff; width:425px; height:55px; bottom:0; left:0; position:absolute; filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.60; } #up3 div p { width:401px; height:46px; bottom:0; left:0; position:absolute; font-size:15px; padding:10px 12px 0 12px; line-height:18px; } #up3 div p span { display:block; font-size:18px; font-weight:normal; } #up3 div p span strong { color:#a6106c; font-size:22px; font-weight:normal; } #up3 .nav { position:absolute; width:425px; height:32px; bottom:17px; left:11px; background:#f8f8f8; } #up3 .nav li { display:inline; } #up3 .nav a { display:block; width:141px; height:32px; float:left; margin:0 1px 0 0; background:url(/style/skins/sprite-repeat-x.gif) repeat-x 0 0; text-align:center; color:#472c57; font-size:13px; line-height:15px; padding:0; } #up3 .nav .choice-3 { margin:0 !important; } #up3 .nav a:hover, #up3 .nav .current { background-position:0 -32px; color:#a6106c; } #up3 .navPager3 { width:140px !important; border:none !important; } /* line 1 news */ #news { float:right; padding:5px 0 0 0; width:196px; overflow:hidden; position:relative; height:288px; } #news h2 { /*width:191px; height:20px;*/ } #news h2 span { /*width:191px; height:20px; background-image:url(/style/skins/titles.gif); background-position:0 0;*/ } #news ul { /*display:none;*/ } #news .more2 { position:absolute; bottom:0; right:0; } #news li { padding:16px 0 0 0; display:block; cursor:pointer; zoom:1; } #news li p { font-size:12px; color:#94004d; line-height:14px; text-transform:uppercase; } #news li p span { color:#f2037f; } #news li h3 a { font-size:14px; line-height:15px; font-weight:normal; } #news li h4 a { font-size:11px; font-weight:normal; line-height:13px; } #news li a:hover { text-decoration:underline; } #news #nav { position:absolute; bottom:0; right:0; width:196px; text-align:center; } #news #nav a { padding:0 10px; font-size:11px; background:url(../style/skins/bg-a-pager.gif) no-repeat 0 4px; } #news #nav a:hover, #news #nav a.highlight { color:#ff3170; } #news #nav .prev { position:absolute; top:4px; left:0; display:block; width:5px; height:9px; overflow:hidden; background:url(../style/skins/sprite.gif) no-repeat 0 0; padding:0; margin:0; } #news #nav .next { position:absolute; top:4px; right:0; display:block; width:5px; height:9px; overflow:hidden; background:url(../style/skins/sprite.gif) no-repeat -5px 0; padding:0; margin:0; } #news #nav .navPager1 { background:none; } /* line 2 */ #hpLine2 .col { float:left; width:200px; padding:12px 12px 25px 12px; border-right:1px solid #d9d9d8; } #hpLine2 .last { border:none; } #hpLine2 h2 { width:190px; padding:0 0 0 10px; text-transform:uppercase; color:#fff; font-size:16px; font-weight:normal; line-height:23px; height:23px; border-bottom:1px solid #fff; background-image:url(/style/skins/titles.gif); } #hpLine2 .colRub2 h2 { background-position:0 -20px; } #hpLine2 .colRub3 h2 { background-position:0 -43px; } #hpLine2 .colRub4 h2 { background-position:0 -66px; } #hpLine2 .partA { position:relative; width:200px; height:206px; } #hpLine2 .partA .alpha { display:block; position:absolute; height:40px; width:200px; top:110px; left:0; background:#fff; filter:alpha(opacity=80); -moz-opacity:.80; opacity:0.80; } #hpLine2 .partA h3 { line-height:20px; position:absolute; height:40px; width:180px; top:110px; left:0; font-size:17px; padding:0 10px; font-weight:normal;overflow:hidden; } #hpLine2 .partA a:hover { text-decoration:underline; } #hpLine2 .colRub2 .partA h3 a { color:#f1a731; } #hpLine2 .colRub3 .partA h3 a { color:#aa0753; } #hpLine2 .colRub4 .partA h3 a { color:#1c7d89; } #hpLine2 .partA h4 { font-weight:normal; font-size:12px; line-height:15px; padding:3px 0 0 0; } #hpLine2 .partA .more2 { position:absolute; right:0; bottom:12px; } #hpLine2 .partB h3 { height:18px; line-height:18px; font-size:14px; text-transform:uppercase; } #hpLine2 .colRub2 .partB h3 span, #hpLine2 .colRub2 .linkForum { color:#f1a731; } #hpLine2 .colRub3 .partB h3 span, #hpLine2 .colRub3 .linkForum { color:#ff2d8e; } #hpLine2 .colRub4 .partB h3 span, #hpLine2 .colRub4 .linkForum { color:#46c3d2; } #hpLine2 .partB p { height:72px; overflow:hidden; line-height:14px; padding:0; } #hpLine2 .partB p img { width:64px; float:left; } #hpLine2 .partB p span { float:right; display:block; width:130px; padding:12px 0 0 0; } #hpLine2 .partB a:hover { text-decoration:underline; } #hpLine2 .linkForum { width:190px; height:17px; display:block; margin:12px 0 0 0; background-image:url(/style/skins/titles.gif); background-position:0 -89px; padding:0 0 0 10px; font-weight:bold; line-height:17px; } #hpLine2 .linkForum:hover { text-decoration:underline; } /* line 3 (mes videos) */ #mesVideos {position:relative; height:291px;background:url(/style/skins/bg-mes-videos.jpg) no-repeat;overflow:hidden;} #mesVideos h2 {padding:15px 22px;} #mesVideos h2 span {color:#9ab44e!important;} #mesVideos .carousel3Dhome { position:relative; } #mesVideos .carousel3Dhome ul { display:none; } #mesVideos .carousel3Dhome .linkLeftLeft img { position:absolute; top:50px; left:32px; width:200px;z-index:8; filter:alpha(opacity=50); -moz-opacity:.50; opacity:0.50 ;border:1px solid white; } #mesVideos .carousel3Dhome .linkLeft img { position:absolute; top:28px; left:99px; width:249px;z-index:9;border:1px solid white; } #mesVideos .carousel3Dhome .linkCenter img { position:absolute; top:0px; left:183px; width:308px; z-index:10;border:2px solid white; } #mesVideos .carousel3Dhome .linkRight img { position:absolute; top:28px; right:99px; width:249px; z-index:9; border:1px solid white; } #mesVideos .carousel3Dhome .linkRightRight img { position:absolute; top:50px; right:32px; width:200px;z-index:8; filter:alpha(opacity=50); -moz-opacity:.50; opacity:0.50;border:1px solid white; } #mesVideos .carousel3Dhome .filtre {position:absolute; left:185px; top:144px; width:308px; height:31px; z-index:11; background:#291a33; filter:alpha(opacity=70); -moz-opacity:.70; opacity:0.70} #mesVideos .carousel3Dhome .legende { text-align:center;position:absolute; left:185px; top:144px; height:21px; width:308px; font-weight:bold; z-index:12; color:white; padding:5px;overflow:hidden;} #mesVideos .carousel3Dhome .next { width:21px; height:21px; background:url(/style/skins/bt-carousel.gif) no-repeat top right; position:absolute; right:5px; top:100px; text-indent:-5000px; } #mesVideos .carousel3Dhome .prev { width:21px; height:21px; background:url(/style/skins/bt-carousel.gif) no-repeat top left; position:absolute; left:5px; top:100px; text-indent:-5000px; } #mesVideos .carousel3Dhome .linkCenter span { position:absolute; top:60px; left:300px; display:block; background:url(/style/skins/bg-play.png) no-repeat 50% 50%; width:87px; height:49px; z-index:13; } #mesVideos .more { position:absolute; right:12px; bottom:25px; } /* line 3 flashTV */ #flashTV { height:291px; overflow:hidden; padding:0; margin:0; background:red; width:674px; } /* line top actu widget */ #topActu .inner { background:#F3F6E7 url(/style/skins/bg-quotidien.gif) no-repeat scroll left bottom;margin-bottom:-15px; } #topActu ul span { font-weight:bold;color:#93BA43;font-size:1.1em; } #topActu h2 span {color:#26377C; } #topActu h2 { color:#5267C0; } /* line 4 */ #hpLine4 .col { float:left; width:151px; padding:25px 7px; border-right:1px solid #d9d9d8; height:305px; position:relative; } #hpLine4 .last { border:none; /*padding-right:13px;*/ padding:5px 0 0; margin-right:-3px; width: 170px; height: 350px; } #hpLine4 .first { padding-left:12px; } #hpLine4 .more2 { position:absolute; bottom:25px; right:7px; } #hpLine4 .last .more2 { right:13px; } #hpLine4 h2 { text-transform:uppercase; line-height:22px; color:#fff; font-size:16px; padding:0 0 0 10px; font-weight:normal; } #hpLine4 .colRub8 h2 { background:#5267c0; } #hpLine4 .colRub5 h2 { background:#d92a96; } #hpLine4 .colRub7 h2 { background:#f63f21; } #hpLine4 .colRub6 h2 { background:#f81b64; } #hpLine4 .colRub3 h2 { background:#ff2d8e; } #hpLine4 h3 { font-size:18px; font-weight:normal; line-height:18px; padding:5px 0; } #hpLine4 .colRub8 h3 a { color:#5267c0; } #hpLine4 .colRub5 h3 a { color:#d92a96; } #hpLine4 .colRub7 h3 a { color:#f63f21; } #hpLine4 .colRub6 h3 a { color:#f81b64; } #hpLine4 .colRub3 h3 a { color:#ff2d8e; } #hpLine4 h4 { font-size:12px; font-weight:normal; line-height:15px; } #hpLine4 a:hover { text-decoration:underline; } /* line 5 */ #hpLine5 { background:url(/style/skins/sprite-repeat-x.gif) repeat-x 0 -348px; height:220px; overflow:hidden; position:relative; padding:8px 0 0 4px; } #hpLine5 h2 { width:251px; height:49px; margin:0 0 0 49px; } #hpLine5 h2 span { width:251px; height:49px; background-image:url(/style/skins/titles.gif); background-position:0 -165px; } #carouShop { padding:8px 0 0 0; } #carouShop .jcarousel-next { width:21px; height:21px; background:url(/style/skins/sprite.gif) no-repeat -68px -310px; position:absolute; right:0px; top:22px; } #carouShop .jcarousel-prev { width:21px; height:21px; background:url(/style/skins/sprite.gif) no-repeat -47px -310px; position:absolute; left:0px; top:22px; } #carouShop .jcarousel-container { width:602px; padding:0 31px; height:130px; overflow:hidden; } #carouShop .jcarousel-clip { width:602px; } #carouShop .jcarousel-item, #carouShop li { width:86px; position:relative; height:130px; display:block; float:left; background:url(/style/skins/bg-img-carouHome.png) no-repeat top center; } #carouShop li a { display:block; width:86px; height:130px; overflow:hidden; zoom:1; } #carouShop li a .visu { width:80px; height:62px; padding:3px 3px 22px 3px; display:block; } #carouShop li a .title { display:block; width:76px; margin:0 0 0 3px; color:#136fa4; font-size:10px; text-align:center; background:#fff; padding:2px; line-height:10px; } #carouShop li a:hover .title, #carouShop .carouShop .title { color:#fff; background:#136fa4; } #hpLine5 .more { position:absolute; right:12px; bottom:25px; } #hpLine5 .etiquette { display:block; width:47px; height:70px; position:absolute; left:0; top:8px; background:url(/style/skins/sprite.gif) no-repeat 0 -310px; } /* ***************************************** DOSSIER */ /* dossierTitle */ #dossierTitle, .dossierTitle { width:658px; margin:0 0 0 8px; background-repeat:no-repeat; background-position:4px 4px; } #dossierTitle .top, .dossierTitle .top { width:658px; height:4px; overflow:hidden; line-height:0; font-size:0; background:url(/style/skins/bg-dossierTitle-top-bottom.gif) no-repeat 0 0; } #dossierTitle .bottom, .dossierTitle .bottom { width:658px; height:4px; overflow:hidden; line-height:0; font-size:0; background:url(/style/skins/bg-dossierTitle-top-bottom.gif) no-repeat 0 -4px; } #dossierTitle .middle, .dossierTitle .middle { background:url(/style/skins/bg-dossierTitle-middle.gif) no-repeat left bottom; padding:8px 17px 0 17px; width:624px; min-height:32px; height:auto !important; height:32px; position:relative; } #dossierTitle h1, .dossierTitle h1 { font-size:25px; line-height:25px; font-weight:normal; width:380px; float:left; padding:0 0 5px 12px;} #dossierTitle .specialTitle h1 , .dossierTitle .specialTitle h1{ font-size:16px; } #dossierTitle .specialTitle li { float:right !important; } #dossierTitle .outils { width:204px; float:right; text-align:right; } #dossierTitle .outils ul { width:204px; height:13px; overflow:hidden; } #dossierTitle .outils li { display:block; float:left; width:14px; height:13px; overflow:hidden; margin:0 0 0 7px; display:inline; } #dossierTitle .outils li a { display:block; width:14px; height:13px; overflow:hidden; position:relative; } #dossierTitle .outils li a span { display:block; width:14px; height:13px; overflow:hidden; position:absolute; background:url(/style/skins/bg-outils.gif) no-repeat 0 0; top:0; left:0; } #dossierTitle .outils .out-a a span { background-position:0 0; } #dossierTitle .outils .out-b a span { background-position:0 -15px; } #dossierTitle .outils .out-c a span { background-position:0 -30px; } #dossierTitle .outils .out-d a span { background-position:0 -45px; } #dossierTitle .outils .out-e a span { background-position:0 -60px; } #dossierTitle .outils .out-f a span { background-position:0 -75px; } #dossierTitle .outils .out-not { width:68px; } #dossierTitle .outils .out-d, #dossierTitle .outils .out-d a, #dossierTitle .outils .out-d span { width:16px; } #dossierTitle .outils .out-e, #dossierTitle .outils .out-e a, #dossierTitle .outils .out-e span { width:15px; } #dossierTitle .outils .notation { text-align:right; color:#b0b0b0; font-size:11px; width:204px; position:relative; } #dossierTitle .outils .notation .noteClic { color:#6b6b6b; padding:0 0 0 5px; } #dossierTitle .outils .notation .noteClic:hover { text-decoration:underline; } #dossierTitle .outils .notation .noteClicRecette { color:#6b6b6b; padding:0 0 0 5px; } #dossierTitle .outils .notation .noteClicRecette:hover { text-decoration:underline; } /* dossierBy */ #dossierBy { padding:2px 0 0 12px; line-height:31px; } #dossierBy img { margin:0 5px 0 0; float:left; } /* dossier */ .dossier { padding:5px 12px 0 12px; } .dossier .chapo { font-size:16px; line-height:21px; } /* dossierNP */ .dossierNP { padding:8px 0; position:relative; min-height:13px; height:auto !important; height:13px; width:650px; text-align:center; } .dossierNP .next { height:13px; line-height:13px; padding:0 0 0 20px; background:url(/style/skins/bg-more.gif) no-repeat 0 -39px; display:block; overflow:hidden; position:absolute; top:8px; right:0; } .dossierNP .next span { height:13px; line-height:13px; padding:0 20px 0 0; background:url(/style/skins/bg-more.gif) no-repeat 100% -39px; display:block; _display:inline-block !important; } .dossierNP .next:hover { background-color:#6b1249; } .dossierNP .prev { height:13px; line-height:13px; padding:0 0 0 20px; background:url(/style/skins/bg-more.gif) no-repeat 0 -52px; display:block; overflow:hidden; position:absolute; top:8px; left:0; } .dossierNP .prev span { height:13px; line-height:13px; padding:0 20px 0 0; background:url(/style/skins/bg-more.gif) no-repeat 100% -52px; display:block; _display:inline-block !important; } .dossierNP .prev:hover { background-color:#6b1249; } /* dossierNP2 */ .dossierNP2 { background: url(/style/skins/bg-dossier-np2.gif) no-repeat 0 0; padding:10px 20px 4px 12px; margin:0 0 12px 8px; height:23px !important; } .dossierNP2 a { line-height:16px; font-size:14px; color:#616161; } .dossierNP2 a:hover { background-color:#6b1249; } .dossierNP2 .prev { float:left; padding:0 0 0 15px; background:url(/style/skins/bg-more.gif) no-repeat 0 -65px; } .dossierNP2 .next { float:right; padding:0 15px 0 0; background:url(/style/skins/bg-more.gif) no-repeat 100% -65px; } /* article txt */ .article-txt .visuelZone { float:left; margin:0 10px 5px 0; width:242px; } .article-txt .visuelZone span, span.mini { padding:4px 22px; font-size:10px; line-height:12px; display:block; background-image:url(/style/skins/bg-span-visuelZone.gif); background-position: left top; background-repeat: no-repeat; background-color: #F4F4F4; width: auto;} .article-txt h3 { font-size:13px; padding:0 0 5px 0; line-height:16px; } .article-txt p { padding:0 0 8px 0; line-height:16px; text-align:justify; } /* article auteur */ .author { padding:6px 12px; } .author .visu { width:122px; height:100px; float:left; } .author p { float:right; width:515px; font-size:16px; line-height:21px; padding:15px 0 0 0; } .author2 { margin:12px; background:#fafafa url(/style/skins/bg-author2.gif) repeat-x left bottom; padding:6px 12px; } .author2 ul { padding:0 0 8px 0; } .author2 li { padding:0 0 0 12px; background:url(/style/skins/bg-li-author2.gif) no-repeat 0 0; } .author3 { margin:0 12px; font-size:16px; } /* article photo */ .article-photo { background:#f5f5f5 url(/style/skins/bg-article-photo.gif) no-repeat 0 0; padding:13px; } .article-photo .photo { width:624px; /*height:468px*/; overflow:hidden; background:#000; text-align:center; } .article-photo .data { padding:8px 0 0 0; } .article-photo .bsl { display:block; width:400px; float:left; } .article-photo .bsl span { display:block; } .article-photo .notation { width:200px; float:right; text-align:right; color:#a8a8a8; } .article-photo .notation .note { float:none; display:inline-block; } .article-photo .notation .noteClic { display:block; color:#585858; } .article-photo .notation .noteZone { top:-84px; right:0; } #carouPhotoOuter { background:url(/style/skins/bg-carou-photo.gif) no-repeat 0 0; margin:12px 0 0 0; height:200px; overflow:hidden; padding:30px 0 0 0; } #carouPhotoOuter h2 { padding:0 0 0 12px; } #carouPhoto { padding:12px; } #carouPhoto .jcarousel-next { width:21px; height:21px; background:url(/style/skins/sprite.gif) no-repeat -21px -589px; position:absolute; right:0px; top:22px; } #carouPhoto .jcarousel-prev { width:21px; height:21px; background:url(/style/skins/sprite.gif) no-repeat 0 -589px; position:absolute; left:0px; top:22px; } #carouPhoto .jcarousel-container { width:576px; padding:0 25px; height:130px; overflow:hidden; } #carouPhoto .jcarousel-clip { width:576px; } #carouPhoto .jcarousel-item, #carouPhoto li { width:86px; position:relative; height:130px; display:block; float:left; background:url(/style/skins/bg-img-carouHome.png) no-repeat top center; padding:0 5px; } #carouPhoto li a { display:block; width:86px; height:130px; overflow:hidden; zoom:1;text-decoration:none; } #carouPhoto li a .visu { width:80px; height:62px; padding:3px 3px 22px 3px; display:block; } #carouPhoto li a .title { display:block; width:76px; margin:0 0 0 3px; font-size:10px; text-align:center; background:#fff; padding:2px; line-height:10px; } #carouPhoto li a:hover .title, #carouPhoto .carouPhoto .title { color:#fff; background:#136fa4; } /* article video */ .flashVideo { width:650px; height:576px; } .article-video { background:#f5f5f5; padding:0 13px 13px 13px; } .article-video .data { padding:8px 0 0 0; } .article-video .bsl { display:block; width:400px; float:left; } .article-video .bsl span { display:block; } .article-video .notation { width:200px; float:right; text-align:right; color:#a8a8a8; } .article-video .notation .note { float:none; display:inline-block; } .article-video .notation .noteClic { display:block; color:#585858; } .article-video .notation .noteZone { top:-90px; right:0; } /* article recette */ .article-recette .visuelZone { float:left; margin:0 10px 5px 0; width:242px; } .article-recette .visuelZone span { padding:4px 22px; font-size:10px; line-height:12px; display:block; background:url(/style/skins/bg-span-visuelZone.gif) no-repeat; } .article-recette h3 { font-size:13px; padding:0 0 5px 0; line-height:16px; } .article-recette p { padding-bottom:4px; } .article-recette ul { padding:0 0 8px 0; line-height:16px; display:block; } .article-recette li span { padding:0 0 0 12px; background-repeat:no-repeat; background-position:0 4px; } .article-recette .criteres a { padding:0 10px 0 20px; background-repeat:no-repeat; background-image:url(/style/skins/pictos-criteres-recette.gif); } .article-recette .criteres .nb { padding-left:30px; bacground-position:0 0; } .article-recette .criteres .tempsPrepa { padding-left:20px; background-position:0 -30px; } .article-recette .criteres .tempsCuisson { padding-left:20px; background-position:0 -60px; } /* article bonnes adresses */ .article-ba { padding:8px 0 0 0; } .article-ba .iframeMap { float:right; width:324px; height:380px; } .article-ba .illu { padding:0 0 8px 0; } .article-ba h3 { font-size:13px; font-weight:normal; padding:0 0 5px 0; } .article-ba ul { padding:0 0 8px 0; } .article-ba li { padding:0 0 0 12px; background-repeat:no-repeat; background-position:0 4px; } .article-ba li a { } .article-ba p { line-height:16px; } /* sommaire */ .sommaire h3 { font-size:12px; font-weight:normal; line-height:12px; padding:0 0 5px 0; } .sommaire li { display:block; padding:0 80px; text-align:center; line-height:15px; } .sommaire li a { color:#999999; text-decoration:underline; } /* andTop */ #andTop { background:#ededed url(/style/skins/bg-andTop.gif) repeat-x 0 0; padding:3px 12px 12px 12px; } #andTop .and { width:312px; float:left; } #andTop .and h2 { margin:0 0 17px 0; } #andTop .top { width:312px; float:right; } #andTop .top h2 { margin:0 0 17px 0; } #andTop li { display:block; padding:0 0 12px 0; } #andTop .last { padding:0; } #andTop li .visuel { float:left; margin:0 12px 0 0; } #andTop li p { font-size:12px; line-height:14px; } #andTop li h3 a { font-size:14px; font-weight:normal; } /* ***************************************** COMMENTAIRES */ /* commentConsult */ #commentConsult { position:relative; margin:25px 0 0 0; } #commentConsult h2 { margin:0 0 8px 12px; } #commentConsult .result { font-size:11px; position:absolute; right:12px; top:4px; } #commentConsult .inner { padding:12px; } #commentConsult li { margin:0 0 12px 0; padding:12px; } #commentConsult h3 { font-size:12px; font-weight:normal; line-height:15px; } #commentConsult h3 span { } #commentConsult p { font-size:12px; color:#000000; } /* comment */ #comment { padding:25px 0 10px 0; } #comment h2 { display:block; padding:0 0 8px 12px; } #comment form { padding:0 12px; } #comment #line { padding:0 0 10px 0; } #comment #line .splitL { width:310px; float:left; } #comment #line .splitR { width:310px; float:right; } #comment #line input, #comment #line label { height:18px; float:left; font-size:12px; vertical-align:middle; line-height:18px; margin:0 5px 0 0; } #comment #line2 { padding:0 0 15px 0; } #comment #line2 .splitL { width:310px; float:left; } #comment #line2 .splitR { width:310px; float:right; } #comment #line2 .more { margin:0 20px 0 0; } #comment #line2 p { padding:0 0 12px 0; } #comment #line2 p label { width:100px; float:left; color:#666666; } #comment #line2 p input { float:left; width:202px; border:1px solid #b3b3b3; padding:1px 3px; color:#666666; font-size:11px; } #comment #line2 .forget { float:left; text-decoration:underline; } #comment #line2 .create { float:right; text-decoration:underline; } #comment #line3 label { display:block; color:#666666; font-size:12px; padding:0 0 5px 0; } #comment #line3 textarea { border:1px solid #868686; color:#b2b2b2; font-size:12px; width:98%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 5px; } #comment #line3 p { padding:10px 0 0 0; } #comment #line3 .require { font-size:10px; color:#666666; float:left; } #comment #line3 .submit { float:right; } /* ***************************************** SECTION & SUB SECTION */ /* titleSection */ .titleSection { padding:3px 12px 5px 12px; position:relative; } .titleSection h2 { float:left; } .titleSection .crochets { float:right; } .titleSection .blocKeyWord { position:absolute; top:0; right:0; background:#fff url(/style/skins/bg-blocKeyWord.gif) repeat-x left bottom; width:440px; border:1px solid; z-index:50; } .titleSection .blocKeyWord p { padding:5px 33px 5px 85px; text-align:right; line-height:14px; background-repeat:no-repeat; background-position:10px 100%; min-height:50px; height:auto !important; height:50px; } .titleSection .blocKeyWord .close { position:absolute; top:2px; right:11px; color:#c5c5c5; } /* section2up & tableUp & classement */ #section2up { background:url(/style/skins/bg-section2up.gif) repeat-x 0 0; height:249px; padding:4px 8px !important; } .tableUp { padding:8px 8px 4px 8px; } .tableUp .upOuter { width:650px; height:109px; background:url(/style/skins/bg-upOuter.png) no-repeat 0 0; margin:4px 0; padding:4px; overflow:hidden; } .tableUp .visuel { width:151px; height:85px; overflow:hidden; float:left; margin:0 12px 0 0; } .tableUp p { width:230px; float:left; line-height:16px; color:#878787; } .tableUp h4 { width:300px; font-weight:normal; text-transform:uppercase; font-size:12px; padding:3px 0 8px 0; float:left; } .tableUp h3 { width:300px; font-weight:normal; font-size:14px; color:#000; float:left; } .tableUp .more2 { position:absolute; right:12px; bottom:12px; } .tableUp .upInner { padding:12px; background:url(/style/skins/bg-upInner.gif) repeat-x 0 0; position:relative; width:626px; height:85px; padding-left:24px; width:614px; } .tableUp .upInner .noteHead { position:absolute; top:8px; right:12px; } .tableUp .forme { width:12px; height:109px; position:absolute; top:0; left:0; } .classement { padding-top:0 !important; } .classement .title { font-size:16px; text-transform:uppercase; } .classement .noteHead .nb { width:150px; text-align:right; } .classement .position { font-size:22px; padding:0 0 5px 0; } /* biBloc */ #biBloc { padding:0 12px; background:url(/style/skins/pixBorder.gif) repeat-y 336px 0; } .upLeftBloc { width:312px; float:left; height:120px; overflow:hidden; position:relative; } .upLeftBloc h2 { line-height:23px !important; padding:0 12px; color:#fff !important; font-weight:normal !important; font-size:14px !important; height:23px; overflow:hidden; background-repeat:no-repeat; background-position:top right; } .upLeftBloc h2 span { font-weight:bold !important; color:#fff !important; font-size:16px !important; } #biBloc h2 { text-transform:none !important; } .upLeftBloc .inner { padding:5px 12px 0 12px; } .upLeftBloc .inner img { float:left; } .upLeftBloc .inner p { float:right; padding:8px 0 0 12px; width:210px; line-height:15px; } .upLeftBloc .more2 { bottom:12px; right:12px; position:absolute; } .reacDebat { width:313px; float:right; height:150px; overflow:hidden; position:relative; } .reacDebat h2 { line-height:23px !important; padding:0 12px; color:#fff !important; font-weight:normal !important; font-size:14px !important; background:#b51076 url(/style/skins/bg-reacDebat.gif) no-repeat top right; height:23px; overflow:hidden; } .reacDebat h2 span { font-weight:bold !important; color:#fff !important; font-size:16px !important; } .reacDebat ul { padding:12px 12px 0 63px; min-height:55px; height:auto !important; height:55px; background:url(/style/skins/bg-ul-reacDebat.gif) no-repeat 2px 12px; } .reacDebat li { line-height:15px; } .reacDebat a { color:#66133d; } .reacDebat a:hover { color:#cb0a65; } .reacDebat .more2 { bottom:12px; right:12px; position:absolute; } .proBloc { width:313px; float:right; height:120px; overflow:hidden; position:relative; } .proBloc h2 { line-height:23px !important; padding:0 12px; color:#fff !important; font-weight:normal !important; font-size:14px !important; background:#46c3d2 url(/style/skins/bg-h2-proBloc.gif) no-repeat top right; height:23px; overflow:hidden; } .proBloc h2 span { font-weight:bold !important; color:#fff !important; font-size:16px !important; } .proBloc .inner { padding:5px 12px 0 12px; } .proBloc .inner img { float:left; } .proBloc .inner p { float:right; padding:8px 0 0 12px; width:210px; line-height:15px; } .proBloc .more2 { bottom:12px; right:12px; position:absolute; } /* allMy */ #allMy { padding:12px 12px 0 12px; } #allMy h2 { margin:0 0 5px 0; } #allMy .inner { background:#f9f9f9 url(/style/skins/bg-inner-allMy.gif) repeat-x left bottom; padding:6px 12px; } #allMy .inner li { border-top:1px dotted #878787; padding:3px 0; } #allMy .inner .first { border:none; } #allMy .inner li .first { display:block; float:left; width:70px; font-weight:bold; text-transform:uppercase; } #allMy .inner p { width:540px; float:left; padding:0 0 0 12px; } #allMy .inner p a { color:#878787; } /* allMySub */ #allMySub { padding:12px 12px 0 12px; } #allMySub h2 { margin:0 0 5px 0; } #allMySub .inner { background:#f9f9f9 url(/style/skins/bg-inner-allMy.gif) repeat-x left bottom; padding:6px 12px; } #allMySub .inner ul { display:block; width:150px; float:left; padding:0 6px 0 0; } #allMySub .inner li { padding:2px 0; } #allMySub .inner li a { padding:0 0 0 15px; background-repeat:no-repeat; background-position:0 4px; } /* ***************************************** SEARCH + FORCE FROM */ .slr { padding:8px 0; } .slr .plusDe { text-align:right; padding:0 4px 0 0; } .slr .plusDe a { text-decoration:underline; } .from-1 .forme { background:#92c32f url(/style/skins/rub1/forme-bande.gif) no-repeat 0 0 !important; } .from-2 .forme { background:#f1a731 url(/style/skins/rub2/forme-bande.gif) no-repeat 0 0 !important; } .from-3 .forme { background:#ff2d8e url(/style/skins/rub3/forme-bande.gif) no-repeat 0 0 !important; } .from-4 .forme { background:#46c3d2 url(/style/skins/rub4/forme-bande.gif) no-repeat 0 0 !important; } .from-5 .forme { background:#d92a96 url(/style/skins/rub5/forme-bande.gif) no-repeat 0 0 !important; } .from-6 .forme { background:#f81b64 url(/style/skins/rub6/forme-bande.gif) no-repeat 0 0 !important; } .from-7 .forme { background:#f63f21 url(/style/skins/rub7/forme-bande.gif) no-repeat 0 0 !important; } .from-8 .forme { background:#5267c0 url(/style/skins/rub8/forme-bande.gif) no-repeat 0 0 !important; } .from-9 .forme { background:#3693c2 url(/style/skins/rub9/forme-bande.gif) no-repeat 0 0 !important; } .from-10 .forme { background:#c4a470 url(/style/skins/rub10/forme-bande.gif) no-repeat 0 0 !important; } .from-1 h4,.from-1 h4 a { color:#92c32f !important; } .from-1 h4 span, .from-1 .noteHead { color:#7c9f36 !important; } .from-2 h4,.from-2 h4 a { color:#f1a731 !important; } .from-2 h4 span, .from-2 .noteHead { color:#a1660b !important; } .from-3 h4,.from-3 h4 a { color:#ff2d8e !important; } .from-3 h4 span, .from-3 .noteHead { color:#aa0753 !important; } .from-4 h4,.from-4 h4 a { color:#46c3d2 !important; } .from-4 h4 span, .from-4 .noteHead { color:#1c7d89 !important; } .from-5 h4,.from-5 h4 a { color:#d92a96 !important; } .from-5 h4 span, .from-5 .noteHead { color:#90095c !important; } .from-6 h4,.from-6 h4 a { color:#f81b64 !important; } .from-6 h4 span, .from-6 .noteHead { color:#a40035 !important; } .from-7 h4,.from-7 h4 a { color:#f63f21 !important; } .from-7 h4 span, .from-7 .noteHead { color:#a61800 !important; } .from-8 h4,.from-8 h4 a { color:#5267c0 !important; } .from-8 h4 span, .from-8 .noteHead { color:#26377c !important; } .from-9 h4,.from-9 h4 a { color:#3693c2 !important; } .from-9 h4 span, .from-9 .noteHead { color:#135b7f !important; } .from-10 h4,.from-10 h4 a { color:#c4a470 !important; } .from-10 h4 span, .from-10 .noteHead { color:#7b6541 !important; } .from-1 .note { background-image:url(/style/skins/rub1/note.gif) !important; } .from-2 .note { background-image:url(/style/skins/rub2/note.gif) !important; } .from-3 .note { background-image:url(/style/skins/rub3/note.gif) !important; } .from-4 .note { background-image:url(/style/skins/rub4/note.gif) !important; } .from-5 .note { background-image:url(/style/skins/rub5/note.gif) !important; } .from-6 .note { background-image:url(/style/skins/rub6/note.gif) !important; } .from-7 .note { background-image:url(/style/skins/rub7/note.gif) !important; } .from-8 .note { background-image:url(/style/skins/rub8/note.gif) !important; } .from-9 .note { background-image:url(/style/skins/rub9/note.gif) !important; } .from-10 .note { background-image:url(/style/skins/rub10/note.gif) !important; } /* ***************************************** CONTENU THICKBOX */ .bodyThickbox { background:#fcf4f8; } .closeWindow { display:block; width:12px; height:12px; overflow:hidden; position:absolute; right:12px; top:6px; } #TB_window body { background:none; } /* envoyer ami */ .sendFriend { padding:95px 5px 0 5px; background:#fcf4f8 url(/style/skins/bg-fev-325.jpg) no-repeat 0 0; } .sendFriend h1 { background:url(/style/skins/bg-h1-send-friend.gif) no-repeat 12px 4px; padding:0 0 5px 32px; font-size:12px; font-weight:normal; color:#a40e6a; } .sendFriend p { padding:0 12px 5px 12px; font-size:10px; } .sendFriend form { background:#fff; display:block; padding:4px 8px; } .sendFriend form h2 { font-weight:normal; font-size:16px; color:#a50d6a; padding:0 0 5px 0; line-height:16px; } .sendFriend form p { padding:0 0 5px 0; font-size:12px; color:#000; } .sendFriend form .line { padding:0 0 12px 0; } .sendFriend form label { display:none; } .sendFriend form .line input { border:1px solid #a50d6a; width:137px; float:left; padding:1px 3px; color:#666666; font-size:11px; } .sendFriend form .line #prenom, .sendFriend form .line #prenom2 { margin-right:7px; } .sendFriend form textarea { border:1px solid #a50d6a; width:280px; height:60px; } .sendFriend form .line span { float:left; font-size:10px; } .sendFriend form .line #btnsub { float:right; border:none; padding:0; width:auto; } /* ***************************************** GALERIE PHOTO */ /* top photo */ #topPhoto { padding:0 0 20px 0; } #topPhoto h2 { padding:0 0 0 12px; } .tpInner .item { width:126px; overflow:hidden; float:left; margin:0 5px 30px 0; } .tpInner { background: url(/style/skins/bg-top-photo.jpg) no-repeat 0 0; height:232px; padding:33px 0 0 12px; overflow:hidden; } .tpInner .item p { padding:5px 0 0 0; line-height:14px; } .tpInner .item .title { display:block; color:#fff !important; padding:2px; } .tpInner .item .date { color:#d1be9e; } .tpInner .item .note { float:left; } .tpInner .item .nb { float:right; color:#c8c8c8; line-height:12px; } .tpInner .note { background-image:url(/style/skins/rub10/note-top.gif) !important; } #topPhoto .outerPhoto { width:126px; height:126px; overflow:hidden; position:relative; text-align:center; background: url(/style/skins/bg-item-photo.gif) no-repeat 0 0; } #topPhoto .outerPhoto[class] { display:table; position:static; } *:first-child+html #topPhoto .outerPhoto { position:relative; } #topPhoto .outerPhoto .middlePhoto { position:absolute; top:50%; }/* for explorer only*/ #topPhoto .outerPhoto .middlePhoto[class] { display:table-cell; vertical-align:middle; position:static; } *:first-child+html #topPhoto .outerPhoto .middlePhoto { position:absolute; } #topPhoto .outerPhoto .middlePhoto .Photo { position:relative; top:-50%; _left:-50%; }/* for explorer only */ /*#topPhoto .outerPhoto .middlePhoto .Photo[class] { position:static; }*/ *:first-child+html #topPhoto .outerPhoto .middlePhoto .Photo { left:-50%; } /* galPhoto */ #galPhoto { } #galPhoto h2 { padding:0 0 5px 12px; } #galPhoto .noteTriTet { padding:0 0 3px 0; } #galPhoto .triHead { position:relative; padding:0 12px; left:0; } #galPhoto .triHead li { display:block; float:left; font-size:10px; text-align:right; } #galPhoto .triHead .explain { color:#000; } #galPhoto .triHead li a { padding:0 24px 0 0; background-repeat:no-repeat; background-position:100% 0; } #galPhoto .triHead li .triUp { background-position:100% -15px; } #galPhoto .triHead li .triDown { background-position:100% -30px; } #galPhoto .triHead .headDate { width:auto; padding:0 10px; } #galPhoto .triHead .headNb { width:auto; padding:0 10px; } #galPhoto .triHead .headNote { width:auto; padding:0 10px; } #galPhoto .triHead .headComment { width:auto; padding:0 10px; } .gpInner { padding:0 0 0 12px; } .gpInner .item { width:126px; overflow:hidden; float:left; margin:0 5px 30px 0; } #galPhoto .outerPhoto { width:126px; height:126px; overflow:hidden; position:relative; text-align:center; background: url(/style/skins/bg-item-photo.gif) no-repeat 0 0; } #galPhoto .outerPhoto[class] { display:table; position:static; } *:first-child+html #galPhoto .outerPhoto { position:relative; } #galPhoto .outerPhoto .middlePhoto { position:absolute; top:50%; }/* for explorer only*/ #galPhoto .outerPhoto .middlePhoto[class] { display:table-cell; vertical-align:middle; position:static; } *:first-child+html #galPhoto .outerPhoto .middlePhoto { position:absolute; } #galPhoto .outerPhoto .middlePhoto .Photo { position:relative; top:-50%; _left:-50%; }/* for explorer only */ /*#galPhoto .outerPhoto .middlePhoto .Photo[class] { position:static; }*/ *:first-child+html #galPhoto .outerPhoto .middlePhoto .Photo { left:-50%; } .gpInner .item p { padding:5px 0 0 0; line-height:14px; height: 42px; overflow: hidden;} .gpInner .item .date { color:#d1be9e; height: auto; } .gpInner .item .note { float:left; } .gpInner .item .nb { float:right; color:#c8c8c8; line-height:12px; height: auto;} #galPhoto .pagination { margin-left:12px; } /* ***************************************** SUB BONNES ADRESSES */ #topBA { } #topBA h2 { padding:0 0 0 12px; } .tpBAInner .item { width:126px; overflow:hidden; float:left; margin:0 5px 10px 0; background:url(/style/skins/bg-item-top-ba.gif) no-repeat 0 0; } .tpBAInner { background: url(/style/skins/bg-top-ba.gif) no-repeat 0 0; padding:9px 0 0 12px; overflow:hidden; } .tpBAInner .item p { padding:5px 0 0 0; line-height:14px; } .tpBAInner .item .title { display:block; color:#fff !important; padding:2px; } .tpBAInner .item .date { color:#135b7f; } .tpBAInner .item .note { float:left; } .tpBAInner .item .nb { float:right; color:#135b7f; line-height:12px; } .tpBAInner .note { background-image:url(/style/skins/rub11/note-top.gif) !important; } #topBA .outerPhoto { width:126px; height:126px; overflow:hidden; position:relative; text-align:center; } #topBA .outerPhoto[class] { display:table; position:static; } *:first-child+html #topBA .outerPhoto { position:relative; } #topBA .outerPhoto .middlePhoto { position:absolute; top:50%; }/* for explorer only*/ #topBA .outerPhoto .middlePhoto[class] { display:table-cell; vertical-align:middle; position:static; } *:first-child+html #topBA .outerPhoto .middlePhoto { position:absolute; } #topBA .outerPhoto .middlePhoto .Photo { position:relative; top:-50%; _left:-50%; }/* for explorer only */ /*#topBA .outerPhoto .middlePhoto .Photo[class] { position:static; }*/ *:first-child+html #topBA .outerPhoto .middlePhoto .Photo { left:-50%; } /* ***************************************** CGU */ .cgu { } #cguSommaire li { color:#b60f76; } #cguSommaire { padding:0 0 15px 0; } #cguSommaire li a { color:#999; text-decoration:underline; } .cgu h2 { font-size:14px !important; color:#6b1249; font-weight:normal; text-transform:uppercase; padding:10px 0 5px 0; } .cgu p { padding:0 0 12px 0; line-height:16px; } .cgu h3 { color:#bb1f7f; font-weight:normal; font-size:12px; padding:0 0 5px 12px; } .cgu .decale { padding-left:12px; } .cgu .hdp { font-size:10px; color:#999; text-decoration:underline; } /* ***************************************** Infos legales */ .il { } .il h2 { font-size:14px !important; color:#6b1249; font-weight:normal; padding:10px 0 5px 0; text-transform:none !important; } .li p { padding:0 0 12px 0; line-height:16px !important; } /* ***************************************** Contact */ #contactForm p input { float:left; width:160px; border:1px solid #b60f76; padding:1px 3px; color:#666666; font-size:11px; margin:0 20px 0 0; } #contactForm p label { width:54px; float:left; display:block; color:#666666; font-size:12px; padding:0 0 5px 0; } #contactForm .exept label { width:162px; float:left; color:#560035; } #contactForm .exept2 label { width:auto; } #contactForm select { float:left; width:160px; border:1px solid #b60f76; padding:1px 3px; color:#666666; font-size:11px; margin:0 20px 0 0; } #contactForm .forget { float:left; text-decoration:underline; } #contactForm .create { float:right; text-decoration:underline; } #contactForm textarea { border:1px solid #868686; color:#b2b2b2; font-size:12px; width:98%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 5px; } #contactForm p { padding:10px 0 0 0; } #contactForm .require { font-size:10px; color:#666666; float:left; } #contactForm .submit { float:right; } #contactForm .submit input { width:auto !important; height:auto !important; border:none !important; margin:0; } /* ***************************************** RSS */ .titleRSS { height:69px; background:url(/style/skins/bg-rss.gif) no-repeat top right; margin:0 12px 0 0; } .titleRSS span { display:block; color:#b60f76; font-size:16px; line-height:20px; background:url(/style/skins/bg-rss-title.gif) no-repeat 0 0; padding:30px 0 13px 33px; position:relative !important; font-weight:normal; } .rss .part1, .rss .part2 { padding:0 12px; } .rss .part2 { padding-top:12px; } .rss .part1 p, .rss .part2 p { padding:6px 0 12px 0; } .rssInner { background:#f3f3f3; padding:12px 8px; color:#6b1249; font-size:13px; } .rssInner .tetiere { padding:0 0 3px 16px; } .rssInner .tet1 { width:150px; float:left; } .rssInner .tet2 { width:265px; float:left; } .rssInner .tet3 { width:216px; float:left; } .partRss { background:url(/style/skins/bg-rss-part.gif) no-repeat 0 0; padding:15px 16px; height:23px; } .partRss h3 { width:140px; font-size:11px; color:#000; font-weight:normal; text-transform:uppercase; float:left; } .partRss h3 span { font-size:13px; } .partRss .for1 span { color:#92c32f; } .partRss .for2 span { color:#f1a731; } .partRss .for3 span { color:#ff2d8e; } .partRss .for4 span { color:#46c3d2; } .partRss .for5 span { color:#d92a96; } .partRss .for6 span { color:#f81b64; } .partRss .for7 span { color:#f63f21; } .partRss .for8 span { color:#5267c0; } .partRss .for9 span { color:#3693c2; } .partRss .for13 span { color:#6b1249; } .partRss .add { float:left; width:270px; } .partRss .add input { float:left; margin:1px 0 0 11px; } .partRss .add select { float:left; border:1px solid #b60f76; padding:1px 3px; color:#666666; font-size:11px; width:194px; } .partRss .url { float:left; width:216px; } .partRss .url input { width:198px; border:1px solid #b60f76; padding:1px 3px; color:#666666; font-size:11px; } .newsletter { padding:12px; } .newsletter .title { color:#b60f76; font-size:16px; line-height:20px; padding:0 0 6px 0; } #newsAboForm { padding:25px 0 0 0; } #newsAboForm h3 { float:left; font-weight:normal; font-size:12px; color:#6b1249; padding:0 15px 0 0; } #newsAboForm input { float:left; width:198px; border:1px solid #b60f76; padding:1px 3px; color:#6b1249; font-size:12px; } #newsAboForm #submitemail { border:none; width:auto; height:auto; margin:2px 0 0 10px; } /* ***************************************** MON COMPTE */ .compteConnect { background:url(/style/skins/bg-compte-connect.gif) no-repeat bottom right; min-height:140px; height:auto !important; height:140px; padding:12px 0 0 12px; margin:12px 12px 0 0; } .compteConnect form { width:480px; } .compteConnect form p { padding:5px 0; } .compteConnect form p label { float:left; width:145px; color:#666666; } .compteConnect form p input { float:left; width:160px; border:1px solid #b60f76; padding:1px 3px; color:#666666; font-size:11px; margin:0 10px 0 0; } .compteConnect form .sub input { width:auto; border:none; height:auto; padding:0; margin:0; float:left; margin:3px 28px 0 0; } .compteConnect form .sub { padding:20px 0 0 0; } .compteConnect form p .forgot { color:#a16774; text-decoration:underline; } .compteConnect form p span { display:block; float:left; width:330px; } .compteConnect form p span a { color:#630118; text-decoration:underline; } .compteCreate { padding:12px 0; margin:0 12px; } .compteCreate form p { padding:5px 0; } .compteCreate form p label { float:left; width:145px; color:#666666; } .compteCreate form p input { float:left; width:160px; border:1px solid #b60f76; padding:1px 3px; color:#666666; font-size:11px; margin:0 10px 0 0; } .compteCreate form p .dispo { float:left; background:url(/style/skins/bg-dispo.gif) no-repeat 0 0; display:block; width:106px; height:16px; overflow:hidden; line-height:16px; text-align:center; margin:2px 0 0 0; } .compteCreate form .choice { padding:20px 0; } .compteCreate form .choice input { border:none; width:auto; height:auto; padding:0; } .compteCreate form .choice label { width:auto; color:#630118; line-height:12px; } /* ***************************************** ASTRO */ #astro { background:url(/style/skins/bg-section2up.gif) repeat-x 0 0; padding:4px 8px !important; } #astro .horo { width:650px; height:104px; background:url(/style/skins/bg-upOuter.png) no-repeat 0 0; margin:4px 0; padding:12px 16px 0 16px; overflow:hidden; } #astro .horo h3 { font-size:12px; font-weight:normal; } #astro .horo p { font-size:14px; } #astro .horo ul { padding:4px 0 0 0; } #astro .horo li { display:block; width:42px; height:58px; float:left; margin:0 11px 0 0; } #astro .horo .signe-12 { margin:0; } #astro .horo li a { display:block; width:42px; height:58px; background:url(/style/skins/signes-astro.gif) no-repeat; position:relative; } #astro .horo .signe-1 a { background-position:0 0; } #astro .horo .signe-2 a { background-position:-42px 0; } #astro .horo .signe-3 a { background-position:-84px 0; } #astro .horo .signe-4 a { background-position:-126px 0; } #astro .horo .signe-5 a { background-position:-168px 0; } #astro .horo .signe-6 a { background-position:-210px 0; } #astro .horo .signe-7 a { background-position:-252px 0; } #astro .horo .signe-8 a { background-position:-294px 0; } #astro .horo .signe-9 a { background-position:-336px 0; } #astro .horo .signe-10 a { background-position:-378px 0; } #astro .horo .signe-11 a { background-position:-420px 0; } #astro .horo .signe-12 a { background-position:-462px 0; } #astro .horo li a span { display:none; position:absolute; top:30px; left:0; color:#b91d7e; text-align:center; line-height:25px; width:81px; height:25px; background:url(/style/skins/bg-signe.png) no-repeat; z-index:100; } #astro .horo li a:hover span { display:block; } /* bibBlocAstro */ .biBlocAstro { margin:12px 4px; background:url(/style/skins/pixBorder.gif) repeat-y 328px 0; } .biBlocAstro h2 { line-height:23px !important; padding:0 12px; color:#fff !important; font-weight:normal !important; font-size:14px !important; height:23px; overflow:hidden; background:#b60f76; } .biBlocAstro h2 span { font-weight:bold !important; color:#fff !important; font-size:16px !important; } .biBlocAstro .bba { width:312px; height:120px; overflow:hidden; position:relative; } .biBlocAstro .bbaLeft { float:left; } .biBlocAstro .bbaRight { float:right; } .biBlocAstro .inner { padding:5px 12px 0 0; } .biBlocAstro .inner img { float:left; } .biBlocAstro .inner p { float:right; padding:8px 0 0 12px; width:210px; line-height:15px; } .biBlocAstro .more2 { bottom:12px; right:12px; position:absolute; } /* promoAstro */ .promoAstro { } .promoAstro .salon { width:650px; height:75px; overflow:hidden; background:url(/style/skins/bg-salon-voyance.jpg) no-repeat; margin:8px 0 0 0; } .promoAstro .salon ul { width:290px; padding:15px 0 0 350px; } .promoAstro .salon li { padding:0 0 5px 0; } .promoAstro .salon li a { display:block; font-size:12px; line-height:14px; padding:0 0 0 12px; background:url(/style/skins/puce-salon.gif) no-repeat 0 0; text-decoration:underline; } .triplePromo { padding:12px 0 0 0; } .triplePromo .tp { width:193px; float:left; margin:0 0 0 35px; position:relative; padding:0 0 25px 0; } .triplePromo .first { margin:0 1px 0 0; } .triplePromo .tp .visu { display:block; width:193px; height:64px; overflow:hidden; padding:0 0 6px 0; } .triplePromo .tp h3 { font-size:12px; font-weight:normal; padding:0 0 3px 0; } .triplePromo .tp p { line-height:14px; color:#7f7f7f; } .triplePromo .more2 { bottom:0; right:12px; position:absolute; } /* tarotOracle */ .tarotOracle { } .tarotOracle .to { width:200px; float:left; margin:0 0 0 25px; position:relative; padding:0 0 25px 0; } .tarotOracle .first { margin:0; } .tarotOracle .to h3 { background:#b60f76; font-size:16px; font-weight:normal; padding:0 0 0 10px; line-height:23px; height:23px; color:#fff; } .tarotOracle .to .visu { display:block; width:200px; height:150px; overflow:hidden; margin:6px 0 12px 0; } .tarotOracle .to p { line-height:14px; } .tarotOracle .to .more2 { bottom:0; right:12px; position:absolute; } /* ***************************************** IDEE BONHEUR */ /* allId */ .allId .cal { position:absolute; top:37px; left:18px; line-height:12px; text-align:center; color:#736662; font-size:14px; font-weight:bold; width:36px; } .allId .liens a { color:#000000; } /* ***************************************** KAMASUTRON */ #kamasutron {width:624px;background:url(/style/skins/bg-kamasutron.jpg) no-repeat;padding:16px;margin:0 auto;} .kamasutron-top {margin-bottom:17px;} .kamasutron-top .fLeft {float:left;width:345px;height:283px;padding:12px 0 0 17px;} .kamasutron-top .kama {float:left;width:108px;height:269px;background:url(/style/skins/positions.jpg) no-repeat} .kamasutron-top #kama1 {background-position:0% 0px } .kamasutron-top #kama2 {background-position:50% 0px} .kamasutron-top #kama3 {background-position:100% 0px} .kamasutron-top .fRight {float:right;width:205px;height:263px;padding:16px;color:white} .kamasutron-top label {display:block;margin:10px 0 5px 0;font-size:14px;} .kamasutron-top select {width:200px;} .kamasutron-top #btkama img {margin-top:30px;} .kamasutron-top h3 {text-align:center;text-transform:uppercase;font-size:16px;} .kamasutron-bottom {margin:0 -16px 0 -16px;background:url(/style/skins/bg-kamasutron-bottom.jpg) no-repeat;} .kamasutron-bottom .fLeft {float:left;width:330px;padding:16px 16px 5px 32px;} .kamasutron-bottom .fRight {float:right;width:205px;padding:16px 16px 5px 32px;} .kamasutron-bottom h2 {font-size:16px!important;font-weight:bold!important;} .kamasutron-bottom li {font-size:14px;text-transform:uppercase;font-weight:bold;} .kamasutron-bottom .texte-position {padding:0 10px 0 32px;line-height:13px;} .kamasutron-bottom-bottom {margin:0 -16px 0 -16px;background:url(/style/skins/bg-kamasutron-bottom-bottom.jpg) no-repeat;height:35px;width:656px;} .envoiCheri h2 {padding-bottom:10px;} .envoiCheri label{display:block;} .envoiCheri .inputText {float:left;border-width:1px;border-style:solid;color:#666666;float:left;font-size:11px;margin:0 10px 0 0;padding:1px 3px;width:160px;} .envoiCheri fieldset {float:left;width:250px;} /* ***************************************** NUTRITIONNEL */ .biBloc { padding:0 12px; background:url(/style/skins/pixBorder.gif) repeat-y 336px 0; margin:15px 0; } .rechercherUnAliment .searchZone{position:relative;background:#fef6ea;padding:12px;} .rechercherUnAliment fieldset{text-align:left;} .rechercherUnAliment fieldset a {padding:0 2px;} .rechercherUnAliment #submitSearch {position:absolute;right:12px;top:60px;} .rechercherUnAliment .fLeft {float:left;width:316px;} .rechercherUnAliment .fRight {float:right;width:316px;} .alimentsPlusRecherche ul {background:#ededed;padding:10px;} .alimentsPlusRecherche li a {background-position:0 4px;background-repeat:no-repeat;padding-left:10px;} .coachMinceur h2 {color:white!important;font-size:14px!important;font-weight:normal!important;padding:0 10px;} .coachMinceur h2 span {color:white!important;} .coachMinceur p {background: url(/style/skins/bg-coach.gif) no-repeat 0 10px;padding:15px 0 20px 80px;} .voirCalculatrice, .voirFicheAliments {position:relative;} .voirCalculatrice h2 a, .voirFicheAliments h2 a{color:white!important;font-size:14px!important;font-weight:normal!important;padding:0 10px;} .voirCalculatrice h2 a span, .voirFicheAliments h2 a span {color:white!important;} .voirCalculatrice .picto {display:block;position:absolute;right:10px;top:-20px;width:50px;height:62px;background: url(/style/skins/bg-calculatrice.png) no-repeat 0 0;} .rechercherUnAliment .tableUp { padding:8px 8px 4px 8px; } .rechercherUnAliment .tableUp .upOuter { width:650px; height:79px; background: url(/style/skins/bg-upOuter.gif) no-repeat bottom; margin:4px 0; padding:4px 4px; overflow:hidden; } .rechercherUnAliment .tableUp .visuel { width:100px; height:54px; overflow:hidden; float:left; margin:0 12px 0 0; } .rechercherUnAliment .tableUp p { width:230px; float:left; line-height:16px; color:#878787; } .rechercherUnAliment .tableUp h3 { font-weight:normal; font-size:23px; color:#000; float:left; } .rechercherUnAliment .tableUp .more2 { position:absolute; right:12px; bottom:12px; } .rechercherUnAliment .tableUp .upInner { padding:12px; background:transparent url(/style/skins/bg-innertop.gif) repeat-x 0 0; position:relative; width:626px; height:56px; padding-left:24px; width:614px;} .rechercherUnAliment .tableUp .upInner .noteHead { position:absolute; top:8px; right:12px; } .rechercherUnAliment .tableUp .forme { width:12px; height:79px; position:absolute; top:0; left:0; } .apportsNutri {padding:0 8px 30px 8px;position:relative;} .apportsNutri p {font-size:13px;padding:10px 0;} .apportsNutri label {float:left;} .apportsNutri .inputText { float:left; width:100px; border:1px solid #b3b3b3; padding:1px 3px; color:#666666; font-size:11px;margin:0 0 0 10px; } .apportsNutri .submit {float:left;margin:1px 0 0 10px; } .apportsNutri tr.bis {display:none;} .apportsNutri td.label {background: url(/style/skins/bg-dot.gif) repeat-x 0 11px;width:200px;} .apportsNutri td.label span {background:white;background-position:0 4px;background-repeat:no-repeat;padding:0 5px 0 10px;} .apportsNutri .more2 {position:absolute;bottom:10px;} .resultatRecherche h2, .calculatrice h2 {padding:0 0 10px 12px;} .resultatRecherche .inner, .calculatrice .inner {background:#f3f3f3;padding-bottom:10px;} .tableNutrition {width:658px;border-collapse:collapse;margin:0 auto;} .tableNutrition thead th {color:#A1660B;font-size:13px;font-weight:normal;padding:10px 5px;} .tableNutrition tbody th {text-align:left;font-weight:normal;padding-left:20px;} .tableNutrition tbody td, .tableNutrition tfoot td {text-align:center;width:60px;} .tableNutrition tbody td span, .tableNutrition tfoot td span{background-image:url(/style/skins/bg-table-donnee.gif);background-repeat: no-repeat;background-position: 50% 50%;width:55px;height:18px;display:block;margin:auto;} .categorie{width:210px; background:url(/style/skins/bg-table-donnee_2.gif); background-repeat: no-repeat; height:18px; padding:0 5px} .tableNutrition tbody th, .tableNutrition tbody td {background:url(/style/skins/bg-ligne-tableau-milieu.gif) repeat-x;height:46px;} .tableNutrition tbody .first {background:url(/style/skins/bg-ligne-tableau.gif) no-repeat left;} .tableNutrition tbody .last {background:url(/style/skins/bg-ligne-tableau.gif) no-repeat right;} .resultatRecherche .prev {left:12px;} #tableCalculatrice .sup {width:30px;} #tableCalculatrice tbody td, #tableCalculatrice tfoot td{width:62px;} #tableCalculatrice tbody td span, #tableCalculatrice tfoot td span{background-image:url(/style/skins/bg-table-calculatrice.gif);background-repeat: no-repeat;background-position: 50% 50%;width:55px;height:18px;display:block;margin:auto;} #tableCalculatrice tbody td .inputText {text-align:center;width:40px;background:transparent;} #tableCalculatrice tfoot td, #tableCalculatrice tfoot th {background-color:#acacac;padding:8px 5px} #tableCalculatrice tbody th, #tableCalculatrice tfoot th {padding:0;text-align:left;} #tableCalculatrice tfoot td {width:62px;margin-top:5px;} #tableCalculatrice tfoot th {color:white;} .calculatrice ul {float:right;padding:12px} .calculatrice ul li {display:inline;} .calculatrice ul a {float:left;display:inline-block;padding:1px 10px;color:white;margin-left:5px;} .calculatrice ul .typeSubmit {float:left;padding:0px 10px;color:white;margin-left:5px;cursor:pointer;line-height:20px;height:20px;width:160px;} /* ***************************************** VIDEOS */ .videosHead { margin:0 0 12px 0; } .videosHead h2 { margin:0 0 8px 12px; } .vh-i { padding:12px; background:#f3f4ec; } .vh-i .links a { float:left; display:block; width:316px; height:30px; line-height:30px; text-transform:uppercase; text-align:center; color:#9c0d5f; font-size:14px; background:url(skins/bg-links-videos.gif) no-repeat; } .vh-i .links .last { float:right; } .vh-i .searchZone { padding:0; } .vh-i .searchZone .by { padding-top:5px 0 0 0; } .vh-i .searchZone .last { padding-top:0; } .vh-i .searchZone .last input { width:auto; height:auto; border:none; } /* galVidéo */ #galVideo { position:relative; padding:0 0 23px 0; } #galVideo h2 { padding:0 0 5px 12px; } #galVideo .noteTriTet { padding:0 0 3px 0; } #galVideo .triHead { position:relative; padding:0 12px; left:0; } #galVideo .triHead li { display:block; float:left; font-size:10px; text-align:right; } #galVideo .triHead .explain { color:#000; } #galVideo .triHead li a { padding:0 24px 0 0; background-repeat:no-repeat; background-position:100% 0; } #galVideo .triHead li .triUp { background-position:100% -15px; } #galVideo .triHead li .triDown { background-position:100% -30px; } #galVideo .triHead .headDate { width:auto; padding:0 10px; } #galVideo .triHead .headNb { width:auto; padding:0 10px; } #galVideo .triHead .headNote { width:auto; padding:0 10px; } #galVideo .triHead .headComment { width:auto; padding:0 10px; } .gvInner { padding:12px 0 0 12px; background:#f5f7ed; } .gvInner .item { width:126px; overflow:hidden; float:left; margin:0 5px 12px 0; } #galVideo .outerPhoto { width:126px; height:126px; overflow:hidden; position:relative; text-align:center; background: url(/style/skins/bg-item-photo.gif) no-repeat 0 0; } #galVideo .outerPhoto[class] { display:table; position:static; } *:first-child+html #galVideo .outerPhoto { position:relative; } #galVideo .outerPhoto .middlePhoto { position:absolute; top:50%; }/* for explorer only*/ #galVideo .outerPhoto .middlePhoto[class] { display:table-cell; vertical-align:middle; position:static; } *:first-child+html #galVideo .outerPhoto .middlePhoto { position:absolute; } #galVideo .outerPhoto .middlePhoto .Photo { position:relative; top:-50%; _left:-50%; }/* for explorer only */ /*#galVideo .outerPhoto .middlePhoto .Photo[class] { position:static; }*/ *:first-child+html #galVideo .outerPhoto .middlePhoto .Photo { left:-50%; } .gvInner .item p { padding:5px 0 0 0; line-height:14px; height:42px; overflow:hidden;} .gvInner .item .date { color:#d1be9e; height:auto; } .gvInner .item .note { float:left; } .gvInner .item .nb { float:right; color:#c8c8c8; line-height:12px; height:auto;} #galVideo .pagination { margin-left:12px; } #galVideo .more2 { position:absolute; right:12px; bottom:0; } /* ***************************************** IDEE BONHEUR */ /* idBonheurTwin */ .idBonheurTwin { padding:0 12px 0 6px; background:url(skins/pixBorder.gif) repeat-y 342px 0; margin:0 0 16px 0; } .idbj { width:325px; height:146px; background:url(skins/bg-id.jpg) no-repeat; float:left; } .idbj p { padding:80px 12px 0 100px; line-height:14px; } .idAbo { float:right; width:306px; padding:8px 0 0 0; } .idAbo h2 { line-height:23px !important; padding:0 12px; color:#fff !important; font-weight:normal !important; font-size:14px !important; height:23px; overflow:hidden; background-repeat:no-repeat; background-position:top right; } .idAbo h2 span { font-weight:bold !important; color:#fff !important; font-size:16px !important; } .idAbo .inner { background:url(skins/bg-idAbo.jpg) no-repeat top right; height:96px; padding:22px 20px 0 16px; } .idAbo .inner p { line-height:14px; padding:0 0 12px 0; } .idAbo form label { display:none; } .idAbo form input { float:left; } .idAbo form #number { border:1px solid #d77bb4; width:190px; padding:1px 4px; } .idAbo #subidForm { margin:2px 0 0 20px; } /* allId */ .allId { background:#ededed; margin:8px 0 0 0; padding:12px 8px; } #carouOnglets { padding:0 0 6px 0; } #carouOnglets .jcarousel-next { width:13px; height:23px; position:absolute; right:0px; top:0; background:url(skins/btn-carouOnglets-next.gif) no-repeat top right; } #carouOnglets .jcarousel-prev { width:13px; height:23px; position:absolute; left:0px; top:0; background:url(skins/btn-carouOnglets-prev.gif) no-repeat top left; } #carouOnglets .jcarousel-container { width:624px; padding:0 13px; height:23px; overflow:hidden; margin:0 4px; } #carouOnglets .jcarousel-clip { width:624px; } #carouOnglets .jcarousel-item, #carouOnglets li { width:100px; position:relative; height:23px; display:block; float:left; margin:0 2px; } #carouOnglets li a { display:block; width:100px; height:23px; overflow:hidden; zoom:1; text-align:center; background:#fff; color:#b60f76; line-height:23px; } #carouOnglets li a:hover, #carouOnglets .actif a { background:#b60f76; color:#fff; } .allId .id { background:url(skins/bg-id-top.gif) no-repeat 0 0; padding:8px 0 0 0; margin:2px 0; } .allId .id .inner { background:url(skins/bg-id-bottom.gif) no-repeat left bottom; position:relative; padding:8px 20px 16px 68px; } .allId .cal { position:absolute; top:33px; left:18px; line-height:12px; text-align:center; color:#736662; font-size:14px; font-weight:bold; width:36px; } .allId .cal span { display:block; } .allId .id .date { color:#f50978; } .allId .liens { color:#f50978; line-height:14px; } .allId .liens a { color:#000000; } h2.titre{ color:#92C32F; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif !important; } textarea #txt.obligatoire{ border:1px solid red; } #pub_dart_MBR_T_728x90{ padding-top:5px; padding-bottom:5px; width:1000px; background:#fff; text-align:center; border-left:1px solid #d9d9d8; border-right:1px solid #d9d9d8; } #pub_dart_HAB_T1_4x4 { width:1000px; background:#fff; text-align:center; border-left:1px solid #d9d9d8; border-right:1px solid #d9d9d8; } #fev a { color: #9B9BAC; } div.article-recette a { color: #1C7DAC; } div.article-recette li a { color: #666666; } div.article-recette a:hover, div.article-txt a:hover { text-decoration: underline; } #goM6 { color:#FFFFFF; display:none; font-size:12px; font-weight:bold; left:900px; letter-spacing:-1px; position:absolute; text-decoration:none; top:10px; } #social_bar{ font-family:arial; font-size:11px; height:20px; border-bottom:1px dotted; color:#9c9c9c; float:left; margin-bottom:5px; margin-top:3px; } #social_bar a{ color: #025571; text-decoration:none; font-size: 11px; } #social_bar a:hover{ color: #025571; text-decoration: underline; } #social_bar .barre_left{ float:left; } #social_bar .barre_right{ float:right; } #social_bar .barre_right img{ border: 0; vertical-align:middle } #footer-contextuel { border-top:1px solid #99c736; font-size:11px; font-weight:normal; padding:10px; text-align:left; color:#333 !important; } #footer-contextuel a { color:#333 !important; } #footer-contextuel span { padding:0 3px; } #footer-contextuel ul { list-style-type: none; padding:0; margin:0; } #footer-contextuel li { display:inline; } #footer-groupe { font-size:11px; font-weight:normal; margin-bottom:10px; text-align:center; clear:both; } #footer-groupe ul { list-style-type: none; padding:0; margin:0; } #footer-groupe li { display:inline; } #footer-groupe li a:hover { background:url(/style/img/bg-footer-groupe_on.jpg); text-decoration: none; color:#3B4130; } #footer-groupe li a { background:url(/style/img/bg-footer-groupe.jpg); color:#ffffff !important; display:inline-block; height:18px; margin:0 2px; padding:4px 10px; text-align:left; text-decoration:none; } #footer-groupe li a img { display:inline-block; margin-right:5px; vertical-align:middle; border: 0; } .selection_af { width: 150px; float:left; margin: 0 5px 5px; color: #444444; text-align: center; } .selection_af a, .selection_af .nom_produit a { outline: none;text-decoration:none; } .selection_af a:hover, .selection_af .nom_produit a:hover { text-decoration:underline; } .selection_af .visuel{ height: 120px; text-align: center; border: 1px solid #efefef; } .selection_af .nom_produit, .selection_af .marque_produit, .selection_af .nom_produit a, .selection_af .marque_produit a, .more_caracteristique_contenu h3 { font-size: 11px; color: #444444; } .selection_af .nom_produit { height:14px;overflow:hidden; } .selection_af .more_caracteristique_contenu h3 { text-align: left; } .selection_af .prix { font-size: 15px; font-weight: bold; color: #db0000; } .selection_af .more_caracteristique, .selection_af .more_caracteristique a, .selection_af .more_caracteristique a:hover { font-size: 10px; color: #056595; } .selection_af .more_caracteristique_contenu { padding: 5px 0px 0px 0px; } .selection_af .more_caracteristique_contenu li{ color: #808080; text-align: left; font-size: 10px; width: 134px; } .selection_af .more_caracteristique_contenu ul{ padding:8px 2px; border:1px solid #f1f1f1; background: #f8f8f8; list-style-type: none; margin: -10px 0 0; } .selection_af .more_caracteristique_contenu span{ color: #444444;} .selection_af .comparer_les_prix { width: 109px; margin: 0 auto; } .selection_af .comparer_les_prix a{ font-size: 0px; background: url(/api/img/selection/teva_comparer_off.gif) no-repeat; display: block; width: 109px; height: 27px;border: 0; } .selection_af .comparer_les_prix a:hover{ background: url(/api/img/selection/teva_comparer_on.gif) no-repeat; } .selection_af .voir_offre { width: 109px; margin: 0 auto; } .selection_af .voir_offre a{ font-size: 0px; background: url(/api/img/selection/teva_voir_offre_off.gif) no-repeat; display: block; width: 109px; height: 26px;border: 0; } .selection_af .voir_offre a:hover{ background: url(/api/img/selection/teva_voir_offre_on.gif) no-repeat; } #haut_dart_habillage { width: 1000px; float:left;} /* Cyrille (09/11/2009) teva recetttes */ div #recette{ font-weight:bold; font-size:20px; color:#000; text-transform:uppercase; padding-left:5px; } div #recette span.rouge{ color:#c7262a; } #moteur_recette{ width:660px; padding:10px 0 0 8px; height:140px; } .seul{ height:140px !important; } #moteur_recette .gauche{ background:url(/style/img/gauche_moteur_recette.jpg); background-repeat:-no-repeat; height:121px; width:200px; float:left; } #moteur_recette .bg_input{ background:url(/style/img/bg_input_moteur_recette.jpg); background-repeat:-no-repeat; height:121px; width:320px; float:left; } #moteur_recette .bg_input input{ background:none; margin:44px 0px 0px 14px; width:290px; padding-top:2px; font-size:11px; } #moteur_recette .recherche_avancee a{ position:relative; left:210px; top:-50px; color:#c7262a; } #moteur_recette .je_propose_ma_recette{ position:relative; left:350px; top:-45px; } .picto_nb_pers{ background:url(/style/skins/pictos-criteres-recette.gif); background-repeat:no-repeat; padding:0 10px 0 12px; margin:0; } .picto_tps_preparation{ background:url(/style/skins/pictos-criteres-recette.gif); background-repeat:no-repeat; padding:0 10px 0 5px; background-position:0px -30px; margin:0 0 0 10px; } .picto_tps_cuisson{ background:url(/style/skins/pictos-criteres-recette.gif); background-repeat:no-repeat; padding:0 10px 0 5px; background-position:0px -60px; margin:0 0 0 10px; } .picto_budget{ background:url(/style/skins/pictos-criteres-recette.gif); background-repeat:no-repeat; padding:0 10px 0 5px; background-position:0px -86px; margin:0 0 0 10px; } #fiche_recette{ } #fiche_recette .recette_teva{ background:url(/style/img/post_it_recette_teva.png); height:60px; width:180px; background-repeat:no-repeat; position:relative; top:57px; left:50px; } #fiche_recette .auteur{ text-transform:uppercase; } #fiche_recette .infos_recette{ } #fiche_recette a.rouge{ color:#c7262a; text-decoration:underline; } #fiche_recette .top_fiche_recette{ background:url(/style/img/top_fiche_recette.gif); background-repeat:no-repeat; height:57px; width:670px; } #fiche_recette .top_fiche_recette .tools{ border-bottom:1px solid #d9d9d8; padding:10px 0px 0px; margin:0px 30px 0px 30px; text-align:right; } #fiche_recette .contenu_recette{ background:url(/style/img/bg_fiche_recette.gif); background-repeat:repeat-y; padding:0px 30px; } #fiche_recette .bottom_fiche_recette{ background:url(/style/img/bottom_fiche_recette.gif); background-repeat:no-repeat; height:35px; width:670px; } .titre_recette { font-family:Georgia; font-size:24px; color:#c7262a; font-weight:bold; } .titre_recette a, .titre_cat a { color: #c7262a; } .titre_recette .premier{ font-style:italic; font-weight:normal; } #fiche_recette .note{ float:right; height:25px; width:200px; } #fiche_recette .note img{ vertical-align:middle; } #fiche_recette .note a, #fiche_recette .note .nb_notes { color:#9b9b9b!important; padding:0 0 0 5px; } #fiche_recette .note .nb_notes { float: right; } #fiche_recette .citation{ font-style:italic; text-align:center; font-family:georgia; font-size:12px; color:#333333; width:400px; margin:0 auto; } #fiche_recette .ingredients{ float:left; width:300px; } #fiche_recette ul{ list-style-image:none; list-style-position:outside; list-style-type:none; } #fiche_recette li{ background:url(/style/img/puce_fiche_recette.gif); background-repeat:no-repeat; background-position:0 2px; padding-left:15px; margin:5px 0; } .titre_rouge{ font-style:italic; font-weight:bold; color:#C7262A; font-family:georgia; font-size:14px; } #fiche_recette .illustration{ float: left; width: 250px; padding: 5px; text-align: center; } #fiche_recette .illustration span { color: #f1a731; padding: 4px 22px; font-size: 10px; line-height: 12px; display: block; background: url(skins/bg-span-visuelZone.gif) no-repeat; } #fiche_recette .recettes{ } #fiche_recette .recettes .description{ padding-left:15px; padding-bottom:15px; } .recette_appartient{ color:#C7262A; } #les_internautes_ont_aussi_vu{ padding:0 5px; } #les_internautes_ont_aussi_vu .titre_recette{ text-align:center; font-size:20px; } .recette_prefere{ width:170px; height:170px; float:left; margin:0 27px; } .recette_prefere img.note_vignette{ position:relative; left:10px; top:-160px; z-index:10; } #recette_par_cat{ background:url(/style/img/bg_recette_par_cat.jpg); background-repeat:no-repeat; height:285px; width:674px; } #recette_par_cat .titre_cat{ font-family:georgia; color:#C7262A; font-size:16px; padding-top:22px; padding-bottom:3px; font-weight:bold; } .vignette_recette{ background:url(/style/img/bg_vignette_recette.gif); background-repeat:no-repeat; height:170px; width:170px; } .vignette_recette img.visu_recette{ margin: 10px 0 0 30px; } .vignette_recette .titre_recette{ color:#c7262a; font-weight:bold; font-size:14px; text-align:center; line-height:14px; width:145px; font-family:trebuchet MS; margin:5px 0 0 15px; } .autres_categories{ color:#878787; margin: 3px 27px; text-align:justify; } .autres_categories a{ color:#878787; margin:0; padding:0; } .autres_categories a:hover{ color:#878787; text-decoration:underline; } #recettes_mise_en_avant{ width:300px; float:left; margin:0px 0px 0px 5px; } #recettes_mise_en_avant .je_propose_ma_recette{ float:left; margin-top:5px; } #recettes_mise_en_avant .bandeau{ background:url(/style/img/bandeau_recettes_mise_en_avant.png); background-repeat:no-repeat; width:300px; height:28px; position:relative; top:166px; color:#fff; font-family:georgia; font-size:14px; font-weight:bold; padding:8px 0px 0px 3px; } #recettes_mise_en_avant .bandeau a { color: #fff; } .premier{ font-style:italic; font-weight:normal; } #menu_du_jour{ float:left; background:url(/style/img/bg_menu_du_jour.jpg); background-repeat:no-repeat; width:330px; height:250px; margin:0px 0px 0px 30px; } #menu_du_jour .entree{ text-align:center; width:100px; padding:3px; font-size:14px; float:left; margin:60px 0 0 2px; font-family:georgia; color:#C7262A; font-style:italic; font-weight:bold; } #menu_du_jour .plat{ text-align:center; width:100px; padding:3px; font-size:14px; float:left; margin:60px 0 0 5px; font-family:georgia; color:#C7262A; font-style:italic; font-weight:bold; } #menu_du_jour .dessert{ text-align:center; width:100px; padding:3px; font-size:14px; float:left; margin:60px 0 0 3px; font-family:georgia; color:#C7262A; font-style:italic; font-weight:bold; } #menu_du_jour img{ margin:5px 0; } #menu_du_jour a{ color:#000; font-size:11px; line-height:12px; font-style:normal; font-weight:normal; font-family:"trebuchet MS"; } .spirale{ margin:0 5px; } .recette_precedente{ background:url(/style/img/bg_recette_precedente_suivante.gif); background-repeat:no-repeat; height:80px; width:95px; } .recette_precedente img{ position:relative; top:-41px; left:0px; } .fleche_precedente{ background:url(/style/img/fleches_precedente_suivante.png); background-repeat:no-repeat; height:41px; width:37px; position:relative; top:10px; left:22px; z-index:10; } .recette_suivante{ background:url(/style/img/bg_recette_precedente_suivante.gif); background-repeat:no-repeat; height:80px; width:95px; } .recette_suivante img{ position:relative; top:-41px; left:0px; } .fleche_suivante{ background:url(/style/img/fleches_precedente_suivante.png); background-repeat:no-repeat; background-position:-37px 0px; height:41px; width:37px; position:relative; top:10px; left:22px; z-index:10; } .nom_recette{ width:80px; font-family:georgia; } .nom_recette a{ color:#C7262A; text-decoration:underline; font-size:11px; } .recherche_ingredients{ color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px 0px; } .difficulte_maximum{ color:#C7262A; border-bottom:1px solid #cccccc; margin:20px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -180px; } .type_plat{ color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -18px; } .temps_preparation_maximum{ color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -36px; } .cout_maximum{ color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -54px; } .valeur_energetique { color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -72px; } .par_catégorie { color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -90px; } .themes { color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -108px; } .origines { color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -126px; } .saison { color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -145px; } .auteurs { color:#C7262A; border-bottom:1px solid #cccccc; margin:10px 5px; background:url(/style/img/pictos_recherche_avancee.gif); background-repeat:no-repeat; padding:0 10px 0 30px; background-position:0px -163px; } .valeurs_criteres{ margin:10px; color:#878787; } .valeurs_criteres input.recherche_ingredient{ border:1px solid #a7a7a8; padding:3px; width:530px; padding:5px 0 0 0; text-indent:5px; } .valeurs_criteres input.btn_valider{ background:url(/style/img/btn_valider.gif); background-repeat:no-repeat; height:32px; width:110px; } .valeurs_criteres input.btn_rechercher{ background:url(/style/img/bnt_rechercher_form.gif); background-repeat:no-repeat; height:34px; width:109px; } .valeurs_criteres input.recherche_auteur{ border:1px solid #a7a7a8; padding:3px; width:430px; padding:5px 0 0px 0; text-indent:5px; } .valeurs_criteres table input{ vertical-align:middle; margin:-3px 5px 0 0; padding:0px 3px; } .valeurs_criteres .legende{ font-style:italic; font-size:10px; } #fiche_aliment{ } #fiche_aliment .apport_nutritionnel{ width:300px; padding:5px 10px 10px 10px; font-weight:bold; float: left; } #fiche_aliment form{ color:#d63539; } #fiche_aliment ul{ padding:5px 5px; } #fiche_aliment li{ list-style-image:url(/style/img/puce_fiche_aliment.gif); list-style-position:inside; line-height:20px; } #fiche_aliment li .pointille{ background:url(/style/img/pointille_li.gif); background-repeat:repeat-x; background-position:0px 13px; } #fiche_aliment .texte_aliment{ background:url(/style/img/bg_texte_aliment.gif); background-repeat:no-repeat; width:330px; height:300px; float:right; } #autres{ padding:5px; } #autres a{ text-decoration:underline; } #menu_recherche{ border-bottom:1px solid #d63539; margin:0 5px; } #menu_recherche ul li{ display:inline; margin:0 2px 0 0; } #menu_recherche ul li a{ border-right:1px solid #d63539; border-left:1px solid #d63539; border-top:1px solid #d63539; padding:3px 10px; background:#d63539; color:#fff; margin:0 2px 0 0; } #menu_recherche ul li a:hover{ border-right:1px solid #d63539; border-left:1px solid #d63539; border-top:1px solid #d63539; padding:3px 10px; background:#fff; color:#d63539; margin:0 2px 0 0; } .resultat_recherche{ background:url(/style/img/bg_resultat_recherche.gif) center; background-repeat:no-repeat; height:120px; width:610px; padding:30px; } .resultat_recherche .titre{ font-family:Georgia, times; font-size:16px; font-weight:bold; color:#d63539; } .resultat_recherche .type{ font-family:trebuchet ms; font-size:12px; font-style:italic; color:#878787; } .resultat_recherche .legende{ font-family:Georgia, times; font-size:12px; font-style:italic; color:#d63539; } .resultat_recherche .auteur{ font-family:trebuchet ms; font-size:12px; font-weight:bold; color:#000000; text-transform:uppercase; } .resultat_recherche ul li{ display:inline; } .kill_clear_both { } #fixme { z-index:5000; } .introduction_shopper { border-bottom:1px solid #efefef;padding:10px;margin:0 0 15px; } .introduction_shopper span { font-size:14px;color:#4199C1;font-weight:bold; }