/* CSS Document */ * { margin:0; padding:0; } h1, h2, h3, h4 { font-weight:normal; } ul { list-style:none; } .clear { clear:both; height:0px; line-height:0px; font-size:0px; } .clear_left { clear:left; height:0px; line-height:0px; font-size:0px; } .red { color:#C32B34;} body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; } body { } body { behavior:url(script/csshover.htc)} /* ____________________________________________ CONTAINER_1 __________________________________________ */ #container_1 { height:605px; border-bottom:5px solid #CCC0AA; } #container_1 #mode_et_beaute { height:605px; background-color:#DEE1CC; background-image:url(../media/img/bag_mode_et_beaute.gif); background-repeat:no-repeat; background-position:0 75px; } #container_1 #top { height:85px; width:970px; } #container_1 #top #logo_cf { height:85px; width:265px; float:left; background-color:#C32B34; background-image:url(../media/img/logo_cf.gif); background-repeat:no-repeat; background-position: 0 0; } #container_1 #top #logo_cf h1, #container_1 #top #logo_cf h2 { display:none; } #container_1 #top #menu_top { float:left; height:34px; width:700px; padding:31px 0 0 0; background-color:#000000; } #container_1 #top #menu_top ul { } #container_1 #top #menu_top ul li a span { display:none; } #container_1 #top #menu_top ul li { float:left; margin-right:1px; } #container_1 #top #menu_top ul li a { float:left; height:34px; } #black { background-image:url(../media/img/bag_black.gif); background-repeat:repeat-x; background-position:top;} /* MENU TOP */ #container_1 #top #menu_top ul li.mode_et_beaute a { display:block; width:125px; background-image:url(../media/img/mt_mode_et_beaute.gif); background-repeat:no-repeat; background-position:top; } #container_1 #top #menu_top ul li.mode_et_beaute a.over { background-position:bottom; } #container_1 #top #menu_top ul li.gastronomie a { display:block; width:112px; background-image:url(../media/img/mt_gastronomie.gif); background-repeat:no-repeat; background-position:top; } #container_1 #top #menu_top ul li.gastronomie a.over { background-position:bottom; } #container_1 #top #menu_top ul li.tourisme_et_evasion a { display:block; width:156px; background-image:url(../media/img/mt_tourisme_et_evasion.gif); background-repeat:no-repeat; background-position:top; } #container_1 #top #menu_top ul li.tourisme_et_evasion a.over { background-position:bottom; } #container_1 #top #menu_top ul li.art_design_et_culture a { display:block; width:172px; background-image:url(../media/img/mt_art_design_et_culture.gif); background-repeat:no-repeat; background-position:top; } #container_1 #top #menu_top ul li.art_design_et_culture a.over { background-position:bottom; } #container_1 #top #menu_top ul li.auto_passion a { display:block; width:118px; background-image:url(../media/img/mt_auto_passion.gif); background-repeat:no-repeat; background-position:top; } #container_1 #top #menu_top ul li.auto_passion a.over { background-position:bottom; } /* MAG */ #mag_wrap { height:455px; width:950px; padding:5px; background-color:#FFFFFF; overflow:hidden;} #mag_wrap #mag_left { position:relative; float:left; display:inline; height:455px; width:140px; overflow:hidden; background-color:#FFFFFF; } #mag_wrap #mag_right { float:right; display:inline; height:455px; width:810px; background-color:#CCCCCC; overflow:hidden; background-color:#FFFFFF; } #mag_wrap #mag_left h3 { margin:20px 10px 0 10px; font-size:17px; line-height:17px; color:#C32B34; } #mag_wrap #mag_left h4 { margin:0 10px 0 10px; font-size:11px; line-height:11px; } #mag_wrap #mag_left ul.categorie { margin:30px 0 0 10px;} #mag_wrap #mag_left ul.categorie li { margin-bottom:1px; } #mag_wrap #mag_left ul.categorie li a { display:block; width:110px; height:23px; line-height:23px; padding:0 10px; color:#FFFFFF; text-decoration:none;} #mag_wrap #mag_left ul.categorie li a { background-color:#000000; background-image:url(../media/img/bag_categorie.gif); background-repeat:no-repeat; background-position:bottom;} #mag_wrap #mag_left ul.categorie li.concours a { background-color:#000000; background-image:url(../media/img/bag_categorie_concours.gif); background-repeat:no-repeat; background-position:bottom; color:#C32B34; } #mag_wrap #mag_left ul.categorie li a.over { background-color:#C32B34; background-position:top; } #mag_wrap #mag_left ul.categorie li.concours a.over { background-color:#C32B34; background-position:top; } #mag_wrap #mag_left ul.categorie li:hover a { background-color:#C32B34; background-position:top; cursor:pointer; } #mag_wrap #mag_left ul.categorie li.concours:hover a { background-color:#C32B34; background-position:bottom; cursor:pointer; } #mag_wrap #mag_left ul.categorie li a span { padding:0; margin:0; font-size:15px; font-weight:bold; color:#FF0000; } #mag_wrap #mag_left #function { padding:20px 0 0 0;} #mag_wrap #mag_left p.function { margin:0 10px 10px 10px; line-height:12px; } #mag_wrap #mag_left p.function a { display:block; text-decoration:none; color:#333333; padding:0 0 0 15px;} #mag_wrap #mag_left p.function a:hover { color:#C32B34; } #mag_wrap #mag_left #navigation { position:absolute; margin:340px 0 0 30px;} #mag_wrap #mag_left #navigation { color:#C32B34; } #mag_wrap #mag_left #navigation h3 { float:left; padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; line-height:28px; font-weight:normal;} #mag_wrap #mag_left #navigation h3 { display:block; width:50px; height:50px; text-align:right; } #mag_wrap #mag_left #navigation h4 { float:left; padding: 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:17px; font-weight:normal;} #mag_wrap #mag_left #navigation #arrow_next {} #mag_wrap #mag_left #navigation #arrow_next span.left a { display:block; float:left; width:27px; height:27px; margin: 0 20px 0 0; } #mag_wrap #mag_left #navigation #arrow_next span.left a { background-image:url(../media/img/arrow_navigation_left.gif); background-repeat:no-repeat; background-position:top; } #mag_wrap #mag_left #navigation #arrow_next span.left:hover a { background-position:bottom; cursor:pointer;} #mag_wrap #mag_left #navigation #arrow_next span.right a { display:block; float:left; width:27px; height:27px; } #mag_wrap #mag_left #navigation #arrow_next span.right a { background-image:url(../media/img/arrow_navigation_right.gif); background-repeat:no-repeat; background-position:top; } #mag_wrap #mag_left #navigation #arrow_next span.right:hover a { background-position:bottom; cursor:pointer; } /* REVU JQUERY */ /* ------------------------------------------------------- */ #tabs { margin:0 ; width: 810px; } #tabs #tabs_container { background: #FFFFFF; height: 455px; overflow: hidden; width: 810px; position: relative; } #tabs #tabs_slide { width: 32800px; position: absolute; } #tabs .tabs_section { display:inline; float: left; width: 810px; height:455px; margin: 0px 10px 0px 0px; } #tabs .tabs_section .wrap { width: 810px; height:455px; position:relative; } #tabs .tabs_section .wrap a { font-size:12px; } #tabs .tabs_section { background-color:#EEEEEE; background-image: url(../box/images/loader.gif); background-repeat:no-repeat; background-position:50% 50%; } /* ------------------------------------------------------- */ /* ____________________________________________ CONTAINER_2 __________________________________________ */ #container_2 { width:100%; margin-top:-34px; } #container_2 #wrap_web { width:920px; margin:0 0 0 40px;} #container_2 hr { margin:20px 0; background-color:none; border:none; font-size:1px; line-height:1px; border-bottom:1px solid #DDDDDD; clear:left;} /* MENU WEB */ #container_2 #menu_web { float:left; height:34px; margin-bottom:30px; } #container_2 #menu_web ul { } #container_2 #menu_web ul li { float:left; margin-right:1px; } #container_2 #menu_web ul li a { float:left; height:34px; } #container_2 #menu_web ul li a span { display:none; } #container_2 #menu_web ul li.canalfirst a { display:block; width:106px; background-image:url(../media/img/mw_canalfirst.gif); background-repeat:no-repeat; background-position:top; } #container_2 #menu_web ul li.canalfirst a.over { background-position:bottom; } #container_2 #menu_web ul li.canalfirst a:hover { background-position:bottom; } #container_2 #menu_web ul li.videos a { display:block; width:73px; background-image:url(../media/img/mw_videos.gif); background-repeat:no-repeat; background-position:top; } #container_2 #menu_web ul li.videos a.over { background-position:bottom; } #container_2 #menu_web ul li.videos a:hover { background-position:bottom; } #container_2 #menu_web ul li.annonceurs a { display:block; width:115px; background-image:url(../media/img/mw_annonceurs.gif); background-repeat:no-repeat; background-position:top; } #container_2 #menu_web ul li.annonceurs a.over { background-position:bottom; } #container_2 #menu_web ul li.annonceurs a:hover { background-position:bottom; } #container_2 #menu_web ul li.archives a { display:block; width:89px; background-image:url(../media/img/mw_archives.gif); background-repeat:no-repeat; background-position:top; } #container_2 #menu_web ul li.archives a.over { background-position:bottom; } #container_2 #menu_web ul li.archives a:hover { background-position:bottom; } #container_2 #menu_web ul li.contact a { display:block; width:88px; background-image:url(../media/img/mw_contact.gif); background-repeat:no-repeat; background-position:top; } #container_2 #menu_web ul li.contact a.over { background-position:bottom; } #container_2 #menu_web ul li.contact a:hover { background-position:bottom; } #container_2 #menu_web ul li.presse a { display:block; width:68px; background-image:url(../media/img/mw_presse.gif); background-repeat:no-repeat; background-position:top; } #container_2 #menu_web ul li.presse a.over { background-position:bottom; } #container_2 #menu_web ul li.presse a:hover { background-position:bottom; } /* SELECT THEMES */ #container_2 #liste_themes { float:right; margin:3px 0 0 0; } #container_2 #liste_themes ul li { position:relative; } #container_2 #liste_themes ul li.smenu a { height:31px; line-height:31px; width:180px; padding:0 10px; } #container_2 #liste_themes ul li a { display:block; color: #CCC0AA; text-decoration:none; } #container_2 #liste_themes ul li a { background-image:url(../media/img/bag_liste_themes_li.gif); background-repeat:no-repeat; } #container_2 #liste_themes ul li a:hover { color: #333333; } div#liste_themes ul ul { position: absolute; top:31px; width:200px; display:none; padding-bottom:3px; } div#liste_themes ul ul { background-image:url(../media/img/bag_liste_themes_ul.gif); background-repeat:no-repeat; background-position:bottom; } div#container_2 #liste_themes ul.niv1 ul.niv2 li a { background-image:none; height:24px; line-height:24px; border-bottom:1px solid #EEEEEE; text-decoration: none; display:block; width:178px; margin:0 1px; color:#C32B34; font-size:12px; background-color:#FFFFFF; } div#container_2 #liste_themes ul.niv1 ul.niv2 li.last a { border:none; } div#container_2 #liste_themes ul.niv1 ul.niv2 li a:hover { color: #333333; background-color:#F3F2EF;} div#container_2 #liste_themes ul.niv1 li.smenu:hover ul.niv2 {display:block; } /* WEB LEFT */ #container_2 .left_colon { float:left; width:149px; padding:7px; border:1px solid; border-color:#CCC0AA; } #container_2 .left_colon h3 { font-size:17px; line-height:17px; color:#C32B34;} #container_2 .left_colon h4 { font-size:13px; } #container_2 .left_colon .cover { margin:10px -7px; height:127px; background-color:#EDEAE7; } #container_2 .left_colon .color_cover { background-color:#efeae7; margin: -10px -6px; padding:10px; } #container_2 .left_colon p { margin:0 0 7px 0;} #container_2 .left_colon p a { text-decoration:none; color:#333333; } #container_2 .left_colon p a:hover { color:#C32B34; } #container_2 .left_colon .englobe { margin:30px 0;} #container_2 .left_colon .englobe h3 { margin-bottom:7px; } #container_2 .left_colon .englobe p { margin:0 0 3px 0; } #container_2 .left_colon .englobe p a { text-decoration:none; color:#333333; } #container_2 .left_colon .englobe p a:hover { color:#C32B34; } /* WEB RIGHT */ #container_2 .right_colon { float:right; width:735px; margin:7px 0 0 0; } #container_2 .right_colon h2 { font-size:17px; line-height:17px; color:#000000; margin:0 0 10px 0;} #container_2 .right_colon h2 span { color:#CC0000; font-family:Georgia, 'Times New Roman', Times, serif; font-size:19px; } #container_2 .right_colon h3 { margin:0 0 20px 0; font-size:14px; line-height:14px; } #container_2 .right_colon h4 { margin:0 0 10px 0; font-size:16px; line-height:16px; color:#333333; font-weight:bold; } #container_2 .right_colon h5 { margin:0 0 5px 0; font-size:14px; line-height:14px; font-weight:bold; clear:left; } #container_2 .right_colon .img_left { float:left; margin:0 10px 20px 0; padding:2px; border:1px solid #efeae7;} #container_2 .right_colon p { margin:0 0 15px 0; } #container_2 .right_colon a { color:#C32B34; text-decoration:none; } #container_2 .right_colon a:hover { text-decoration:underline; } #container_2 .right_colon p.red_box { font-size:12px; padding:10px; border:1px dashed #CCCCCC; color:#C32B34; background-color:#F3F2EF; } #container_2 .right_colon ul.magazine { margin:0 0 20px 10px;} #container_2 .right_colon ul.magazine li { padding:0 0 0 15px; font-size:12px; background-image:url(../media/img/arrow_liste_magazine.gif); background-repeat:no-repeat; background-position:0 5px; } #container_2 .right_colon ul.magazine li a { text-decoration:none; color:#C32B34; } #container_2 .right_colon ul.magazine li a {} #container_2 .right_colon ul.magazine li a:hover { text-decoration:underline;} /* PUB */ #container_2 .right_colon #advert_right { float:right; margin:0 0 20px 10px; width:257px; } #container_2 .right_colon #advert_right p { padding:0 6px 10px 6px; margin:0;} #container_2 .right_colon #advert_right h3 { margin:0; padding:0 6px 5px 6px; font-size:17px; font-weight:bold; color:#CC0000;} #container_2 .right_colon #advert_right #ad_1 {border:1px solid #CCC0AA; padding:4px; margin:0 0 8px 0; } #container_2 .right_colon #advert_right #ad_2 {border:1px solid #CCC0AA; padding:4px; margin:0 0 8px 0; } #container_2 .right_colon #keywords { border:1px solid; border-color:#CCC0AA; background-color:#F3F2EF; margin:0 0 15px 0; } #container_2 .right_colon #keywords p { padding:10px; margin:0; } #container_2 .right_colon #keywords p a { text-decoration:none; color:#333333; font-weight:normal; padding:0 2px; } #container_2 .right_colon #keywords p a:hover { background-color:#CC0000; color:#FFFFFF; } #container_2 .right_colon #keywords p a.size1 { font-size:21px; } #container_2 .right_colon #keywords p a.size2 { font-size:19px; } #container_2 .right_colon #keywords p a.size3 { font-size:17px; } #container_2 .right_colon #keywords p a.size4 { font-size:14px; } #container_2 .right_colon #keywords p a.size5 { font-size:12px; } #container_2 .right_colon #keywords p a.size6 { font-size:10px; } #container_2 .right_colon #video_thriler { width:445px;padding:5px; margin:20px 0; border:1px solid #CCC0AA; } #container_2 .right_colon #partenaires {} #container_2 .right_colon #partenaires img { border:0; margin:0 20px 10px 0;} /* FOOTER */ #footer { padding:20px 0 40px 40px; margin:40px 0 0 0; background-color:#EEEEEE; } #footer { line-height:16px; } #footer a { color:#333333; text-decoration:underline; } /* LINK_WRAP____________ */ .wrap .wrap_right { position:absolute; width:430px; height:380px; margin:40px 0 0 350px; padding:0 5px; overflow:auto; } .wrap .wrap_right h3 { margin:0 0 15px 0; font-size:17px; font-style:italic; font-weight:bold; color:#CC0000; } .wrap .wrap_right p { margin:0 0 10px 0; font-size:13px; padding:0; background-image:none; } #tabs .tabs_section .wrap .wrap_right p a { text-decoration:underline; color:#000000; padding:0; background-image:none; } #tabs .tabs_section .wrap .wrap_right p a:hover { text-decoration:none; } .wrap .wrap_right .img_left { float:left; margin:0 10px 10px 0; } .wrap .wrap_right .img_right { float:right; margin:0 0 10px 10px; } /* POPUP_LINK */ p.red, p.black, p.white { position:absolute; } p.red a:hover, p.black a:hover, p.white a:hover { text-decoration:underline; } p.red, p.black, p.white { display:block; width:150px; padding:0 0 0 10px; } p.red a { text-decoration:none; color:#C32B34; } p.red { background-image:url(../media/img/wrap_a_arrow_red.gif); background-repeat:no-repeat; background-position:0 4px; } p.black a { text-decoration:none; color:#000; } p.black {background-image:url(../media/img/wrap_a_arrow_noir.gif); background-repeat:no-repeat; background-position:0 4px;} p.white a { text-decoration:none; color:#FFF; } p.white {background-image:url(../media/img/wrap_a_arrow_white.gif); background-repeat:no-repeat; background-position:0 4px;} /* VIDEO */ #container_2 .right_colon #midlle { width:460px; } #container_2 .right_colon #video_wrap { padding:0 ; margin:0 -30px 0 0; } #container_2 .right_colon #video_wrap .video_tumb { float:left; width:210px; height:210px; margin:0 20px 20px 0; overflow:hidden; } #container_2 .right_colon #video_wrap .video_tumb .video_img { width:204px; height:104px; position:relative; padding:2px; border:1px solid #EEEEEE; background-color:#FFFFFF; } #container_2 .right_colon #video_wrap .video_tumb .video_img { background-image:url(../media/img/loading.gif); background-repeat:no-repeat; background-position:50% 50%; } #container_2 .right_colon #video_wrap .video_tumb .video_img img { border:none; } #container_2 .right_colon #video_wrap .video_tumb .video_img:hover { border-color:#CCC0AA;} #container_2 .right_colon #video_wrap .video_tumb .video_img a span { position:absolute; display:block; width:204px; height:104px; z-index:5; } #container_2 .right_colon #video_wrap .video_tumb .video_img a:hover span { background-image:url(../media/img/video_play.gif); background-repeat:no-repeat; background-position:50% 50%; cursor:pointer; } #container_2 .right_colon #video_wrap .video_tumb h4 { margin:3px 3px 0 3px; font-size:14px; line-height:14px; font-weight:bold; color:#C32B34; } #container_2 .right_colon #video_wrap .video_tumb h5 { margin:0 3px 8px 3px; font-size:12px; line-height:12px; font-weight:normal; color:#000000; } #container_2 .right_colon #video_wrap .video_tumb p { margin:0 3px; color:#666666; line-height:12px; } #container_2 .right_colon .video_zebra { border-top:1px dashed #CCCCCC; height:20px; margin:20px 0 0 0; } #container_2 .right_colon #next_video { font-size:12px; height:30px; line-height:30px; } #container_2 .right_colon #next_video span { padding:2px 5px; background-color:#C32B34; color:#FFFFFF; } #container_2 .right_colon #next_video a { padding:2px 5px; background-color:#EEEEEE; color:#C32B34; text-decoration:none; } #container_2 .right_colon #next_video a:hover { background-color:#C32B34; color:#FFFFFF; } /* ARCHIVES */ #container_2 .right_colon ul.archives {} #container_2 .right_colon ul.archives li { display:inline; float:left; margin:0 15px 15px 0;} #container_2 .right_colon ul.archives li a { line-height:10px; display:block; float:left; width:124px; height:100px; text-decoration:none; color:#333333;} #container_2 .right_colon ul.archives li a img { border:none; margin:0 0 3px 0; } #container_2 .right_colon ul.archives li a:hover { color:#C32B34; text-decoration:none;} .text_wrap { display:none;}