@charset "iso-8859-1"; @import "reset.css"; .bold,b {font-weight:bold;} i {font-style:italic;} ol, ul {list-style:none;} blockquote, q {quotes:none;} table {border-collapse:collapse;border-spacing:0;} a, span {vertical-align:baseline;} img {vertical-align:top;text-decoration:none;} .strike {text-decoration:line-through;} .clear {clear:both;} br.clear {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;} .clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";} .clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}.centrer{text-align:center;} .hidden,.collapsed,.block_hidden_only_for_screen {display:none;} .wrapper {width:100%;overflow:hidden;} html, body {width:100%;height:100%;} body {font-size:12px;font-weight:normal;font-style:normal;font-family:arial,sans-serif;color:#000;background-color:#aeadb3;text-align:left;line-height:1;} article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block} body.nopub{background:#aeadb3 url(../images/bg.jpg) left top;} body.pub0{padding-top:130px;background:url(../pubs/bckgnd_Orange_Folies_CAN_Orange.jpg) center top no-repeat #000;background-attachment:fixed;} body.pub1{padding-top:130px;background:url(../pubs/bg.jpg) center top no-repeat #cfcdce;background-attachment:fixed;} body.pub2{padding-top:130px;background:url(../pubs/bckgnd_woodinFashion_1.1.jpg) center top no-repeat #fff;background-attachment:fixed;} body.pub3{padding-top:130px;background:url(../pubs/10713641rywxj.jpg) center top no-repeat #000;background-attachment:fixed;} body.pub4{padding-top:130px;background:url(../pubs/10635799svdxm.jpg) center top no-repeat #c1ab93;background-attachment:fixed;} a{text-decoration: none; color: #1e2225;} a:hover {text-decoration: underline;color: #006e97;} h1{font-size:28px;} h2{font-size:18px;} h3{font-size:16px;} h5{font-size: 13px;} h4{font-size:90%;} h1.tc_title_home { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:27px; margin-bottom:10px; } h2.grd{font: normal 26px Arial; margin-bottom:15px;} .news-content p { margin: 4px 0 10px 0; padding: 0; line-height: 1.4; color: #555; font-size: 12px; } .moreLink { float: left; width: 100%; margin: 5px 0; } .moreLink a { font-size: 11px; color: #000; font-weight: bold; } .news-content h2 { font-size: 18px; font-weight: normal; } ul.headlines li { font-size: 15px; background: url(../images/dotsHorizontal.gif) repeat-x 0 0; } .dateheure { font-size: 11px; color: #999; font-weight: normal; } .dateheure.right { text-align:right; } .source { font-size: 9px; color: #666; white-space: nowrap; } .source a {color: #666;} .rubrique { font-size: 11px; font-weight: bold; color: #666; margin: 0 0 5px 0; text-transform: none; } .rubrique a {color: #666;text-transform: none;} .inlineLinks { font-size: 11px; font-weight: bold; color: #CCC; display:block; } .inlineLinks a{color:#000;} .sectionDivider { background: none repeat scroll 0 0 #EEE; clear: both; height: 5px; margin: 0 0 5px; overflow: hidden; } .story-info { margin: 0 0 5px 0; padding: 0; font-size: 9px; color: #999; } h3.headline { font-size: 16px; font-weight: bold; /*text-transform: uppercase;*/ margin: 0 0px 10px 0; padding: 0 0 5px 0; border-bottom: 5px solid #555; text-align: left; } h3.headline.orange{color:#ff6d01;border-color:#ff6d01;} h3.headline.vert{color:#6faa12;border-color:#6faa12;} h3.headline.blanc{color:#fff;border-color:#fff;} h3.headline.rouge{color:#b70207;border-color:#b70207;} .headline.comments{border-color:#ccc;margin:25px 0 15px 0;font-size:19px;font-weight:normal;} h3.titre { font-size: 16px; font-weight: bold; padding: 5px 10px; text-align: left; color:#fff; background:#ff6d01; } h3.titre.vert{background:#6faa12;} h3.titre.noir,{background:#000;} h3.headline.grd {font-size: 20px;font-weight: normal;} h3.headline span{color:#000} .comment-count{display:inline-block;float:right;margin-bottom:0!important;font-size:.9em;margin-top:0px;background:url(../images/ico-comments.png) right 3px no-repeat;padding-right:20px;color:#999;} .comment-count a{line-height:1.4em;color:#333;text-decoration:none;} .comment-count a:hover{color:#da2331} .entete{height_:175px;padding:15px 13px 0px 13px;background:#1a2634;position:relative;border-top:5px solid #93c312;z-index:9999;} body.orange .entete{border-color:#ff6d01;} .pub_bordertop{background:#93c312;height:5px;width:1000px;margin:0 auto;} body.orange .pub_bordertop{background:#ff6d01;} .entete_sep{padding-top:2px;height:10px;background:url(../images/ombre_progs.png) left top repeat-x;} .entete.noir{background:#191c1d url(../images/bg_header.gif) left top;} .entete.vert{background:#072816;} .entete.orange{background:#733702;} .entete.bleu{background:#165668} .pub-title { display: block; font-size:9px; color: #f60; margin:0px 0 10px 0; } .pub-title-black { color: #000; } .pub-title img{ vertical-align:top; margin-left:4px; } .pub-title.top20{margin-top:20px;} .ban_728_90{width:728px;height:90px;float:right;margin-left:15px;position:relative;} .ban_600_120{width:600px;height:120px;position:relative;margin:0 auto;} .pub_300x250{width:300px;height:250px;position:relative;} .ban_728_90 a, .ban_600_120 a, .pub_300x250 a, #pubg1 a, #pubg2 a, #pubg3 a{position:absolute;left:0;top:0;background:url(../images/vide.gif);z-index:3;display:block;} .pub_650x90{width:650px;height:90px;margin:10px 0 25px 0;padding-top:15px;border-top:5px solid #a4c407;position:relative;} .cadrepub_g{/*background:#eee;padding:7px;*/} #logo{float:left;width:201px;height:120px;background:url(../images/logo.png) left top no-repeat;display:block;cursor:pointer;} #main_container{width:1000px;margin:0 auto 6px auto;background:#fff;} #mainmenus {z-index:99999;height:44px;margin-top:20px;position:relative;padding-left:44px;} #mainmenus ul{background: url(../images/tab_vert.png) repeat-x 0 0 #d15401;height:44px;-moz-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px;} #mainmenus ul li {background: url(../images/tab-divider_vert.png) no-repeat 100% 0%;display:inline-block;float:left;height:44px;} body.orange #mainmenus ul{background: url(../images/tab.jpg) repeat-x 0 0 #6c9c22;} body.orange #mainmenus ul li{background-image: url(../images/tab-divider.gif);} #mainmenus ul li.last,body.orange #mainmenus ul li.last {background:none;} #mainmenus ul li a {color: #fff;display:inline-block;height:20px;padding:14px 15px 10px 15px;text-decoration:none;font-weight:bold;font-size: 13px;text-transform: uppercase;} #mainmenus ul li a:hover, #mainmenus ul li a.current {color: #19242e;background: url(../images/tab-act.png) repeat-x 0 0 #292522;text-decoration:none;} #topnav {position:absolute;right:10px;bottom:60px;} #topnav li {float:left;background:url(../images/topnav.gif) 100% 2px no-repeat; padding-right:15px;} #topnav li + li {padding-left:14px;} #topnav li a {color:#eee;text-decoration:none;/*text-transform:capitalize;*/} #topnav li a:hover, #topnav li a.active {text-decoration:none; color:#6e9e22;} #topnav li.last {background:none;} #searchform input[type="text"] {color: #fff;} #searchform input[type="submit"] {background: url(../images/search-submit.png) no-repeat 0% 0%;color: #414141;} #searchform {width: 253px;height: 32px;overflow: hidden;position:absolute;right:15px;bottom:53px;background: url(../images/search-input.png) no-repeat 0% 0%;border-radius:3px;display:none;} #searchform input[type="text"] {background: none;float: left;width: 215px;height: 20px;margin: 0;padding: 6px 0 6px 6px;border: none;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #searchform input[type="submit"] {float: left;width: 32px;height: 32px;margin: 0;padding: 0;border: none;line-height: 0;font-family: Arial, Helvetica, sans-serif;font-size: 0;cursor: pointer;} #main_container a.btnhome{display:block;position:absolute;width:44px;height:44px;background:#8bbb15 url(../images/btnhome.png) left top no-repeat;left:0;top:0;-moz-border-radius:5px 0px 0px 0px; border-radius:5px 0px 0px 0px;} #page_container{padding:13px;} #page_container .zone_colonne1{float:left;margin-right:24px;width:650px;} #page_container .zone_colonne2{float:right;width:300px;} #subscribe { background:#f3f3f3; width:288px; padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:8px; margin-bottom:20px;} .subscribe_icons { width:288px; margin:0px 0px 0px 0px; } .subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; } .subscribe_icons li.don {width:100px;margin:12px 2px 5px 12px; } .subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; } .subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); } .subscribe_icons .subscribe_twitter a { background:url(../images/twitter1.png) center top no-repeat; } .subscribe_icons .subscribe_facebook a { background:url(../images/facebook1.png) center top no-repeat; } .subscribe_icons .subscribe_rss a { background:url(../images/rss1.png) center top no-repeat; } .subscribe_icons .subscribe_email a { background:url(../images/email.png) center top no-repeat; } .subscribe_icons .subscribe_google a { background:url(../images/google.png) center top no-repeat; } .btn_play{width:72px;height:72px;background:transparent url(../images/btn_play.png) 50% 50% no-repeat;position:absolute;z-index:999999;display:block;} .play_button {background:url(../images/ico_play.png) 50% 50% no-repeat;position:absolute;z-index:999999;display:block;} .play_button:hover {background-image:url(../images/ico_play_over.png);} .btn_lire_large {background:url(../images/btn_lire_large.png) 50% 50% no-repeat;position:absolute;z-index:999999;display:block;} .btn_lire_large:hover {background-image:url(../images/btn_lire_large_hover.png);} /***************************************************************************************************Home best of ivoirtv caroussel******************************************/ #homecarousel-content{height:225px;overflow:hidden;margin:25px 0 10px 0;padding:0 0px 0 0px;background:url(../images/bg-footermenus.jpg) center bottom no-repeat;} #homecarousel-content h3.headline{border-color:#ff6d01;color:#ff6d01} #homecarousel-content .jcarousel-container-horizontal{width: 970px;padding:0px 0px;} #homecarousel{height:140px;overflow:hidden;} #homecarousel-content .jcarousel-clip{width:970px;height:140px;overflow:hidden;} #homecarousel-content li,#homecarousel-content .jcarousel-item {width:155px;height:140px;margin-right:8px;float:left;} #homecarousel-content li.fin,#homecarousel-content .jcarousel-item.fin{margin-right:0px;} /*navigation*/ /*#homecarousel-content .jcarousel-next, #homecarousel-content .jcarousel-next-disabled,#homecarousel-content .jcarousel-prev,#homecarousel-content .jcarousel-prev-disabled{z-index:99999;position: absolute;width: 36px;height: 65px;top: 10px;background:transparent url(../images/sprites1.png) 0 -82px no-repeat;} #homecarousel-content .jcarousel-next{right: -10px;cursor: pointer;background-position: -49px -82px;} #homecarousel-content .jcarousel-next-disabled{right: -10px;cursor: default;background-position: -203px -82px;} #homecarousel-content .jcarousel-prev{left: -10px;cursor: pointer;background-position: -3px -82px;} #homecarousel-content .jcarousel-prev-disabled{left: -10px;cursor: default;background-position: -157px -82px;}*/ #homecarousel-content .jcarousel-next, #homecarousel-content .jcarousel-next-disabled,#homecarousel-content .jcarousel-prev,#homecarousel-content .jcarousel-prev-disabled{z-index:99999;position: absolute;width: 30px;height: 60px;top: 12px;background:transparent url(../images/grillesprites.png) 0 -82px no-repeat;} #homecarousel-content .jcarousel-next{right: 0px;cursor: pointer;background-position: -52px 0px;} #homecarousel-content .jcarousel-next-disabled{right: 0px;cursor: default;background-position: -52px -70px;} #homecarousel-content .jcarousel-prev{left: 0px;cursor: pointer;background-position: 0px 0px;} #homecarousel-content .jcarousel-prev-disabled{left: 0px;cursor: default;background-position: -0px -70px;} /*contenu*/ #homecarousel li{position:relative;} #homecarousel li img{width:155px;height:83px;display:block;margin-bottom:5px;} #homecarousel li a.video_overlay{width:155px;height:83px;display:block;position:absolute;background:url(../images/btn_topvideo.png) 50% 50% no-repeat;} #homecarousel li a.video_overlay:hover{background-image:url(../images/vide.gif)} #homecarousel li h5 a{ line-height:16px;color:#000;font-size:12px; max-height: 30px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #homecarousel li h5 a:hover{color:#ff6d01;font-size:12px;} #homecarousel .rubrique{color:#999;font-size:10px;display:block;margin-top:6px;font-family:arial;} /***************************************************Home webtv programmes ******************************************************************/ #home_progsgrille{position:relative;border-bottom_:3px solid #93c312;} .ombre{height:5px;position:absolute;left:0;top:0px;background:url(../images/ombre_entete.png) left top repeat-x;z-index:10;width:100%;} #home_progsgrille .line1{padding:10px 15px;background_:#e6e6e6} #home_progsgrille .line1 h4{display:inline-block;float:left;font-size:14px;text-transform:uppercase;color:#000;}#home_progsgrille .line1 h4 span{color:#e2001a} #home_progsgrille .divjrs{display:inline-block;padding:0 20px;position:relative;float:left;margin-left:0px;} #home_progsgrille .divjrs span{font-weight:bold;font-size:12px;color:#333;display:block;width:80px;text-align:center;} #home_progsgrille .divjrs ul{display:none;} #home_progsgrille .divjrs a{z-index:10;position: absolute;width: 8px;height: 15px;top: 0px;background:transparent url(../images/news-ticker.png) 0 0 no-repeat;display:inline-block;} #home_progsgrille .divjrs a.r{right: 10px;cursor: pointer;background-position: 0px -20px;} #home_progsgrille .divjrs a.l{left: 10px;cursor: pointer;background-position: 0px 0px;} #home_progsgrille .divjrs a.r0{right: 10px;cursor:default;background-position: -50px -20px;} #home_progsgrille .divjrs a.l0{left: 10px;cursor:default;background-position: -50px 0px;} #home_progsgrille .divencours{display:inline-block;position:relative;float:left;margin-left:10px;}#home_progsgrille .divencours span{color:#d35602;font-weight:bold;}#home_progsgrille .divencours b{color:#d35602;color:#000;} #home_progsgrille .timer_progress {width:140px;height:6px;background: url(../images/progr1.gif) repeat-x top left ;position:relative;margin-left:10px;float:left;margin-top:3px;} #home_progsgrille .timer_progress span{height:6px;position:absolute;left:0;top:0;background: url(../images/progr3.gif) repeat-x top left ;display:block;} #home_progsgrille a.btng{display:inline-block;position:absolute;font-size:12px;right:15px;top:7px;color:#222;}#home_progsgrille a.btng:hover{color:#e2001a;}#home_progsgrille a.btng strong{font-size:16px;} #home_progsgrille .line2{padding:5px 26px;display:none;} #home_progsgrille ul.grille li a{display:inline-block;height:140px;width:120px;overflow:hidden;font-size:11px;position:reltive;} #home_progsgrille ul.grille li > div{position:relative;width:120px;height:140px;} #home_progsgrille ul.grille li a:hover{text-decoration:none;} #home_progsgrille ul.grille li a img{display:block;float:none;height:70px;margin:0 0 5px 0!important;width:120px} #home_progsgrille ul.grille li.current strong{display:inline-block;position:absolute;right:0px;bottom:70px;padding:1px 5px;font-size:9px;color:#fff;background:#ff6d01;z-index:1;;} #home_progsgrille ul.grille li span{font-weight:bold;color:#000;display:block;} #home_progsgrille-content .jcarousel-container-horizontal{width: 948px;} #home_progsgrille-content .jcarousel-clip{width:948px;height:140px;overflow:hidden;} #home_progsgrille-content ul.grille li,#home_progsgrille-content .jcarousel-item {width:120px;height:140px;margin-right:18px;float:left;line-height:14px;} #home_progsgrille-content ul.grille li.fin,#home_progsgrille-content .jcarousel-item.fin{margin-right:0px;} /*navigation*/ #home_progsgrille-content .jcarousel-next, #home_progsgrille-content .jcarousel-next-disabled,#home_progsgrille-content .jcarousel-prev,#home_progsgrille-content .jcarousel-prev-disabled{z-index:10;position: absolute;width: 30px;height: 60px;top: 7px;background:transparent url(../images/grillesprites.png) 0 -82px no-repeat;} #home_progsgrille-content .jcarousel-next{right: -10px;cursor: pointer;background-position: -52px 0px;} #home_progsgrille-content .jcarousel-next-disabled{right: -10px;cursor: default;background-position: -52px -70px;} #home_progsgrille-content .jcarousel-prev{left: -10px;cursor: pointer;background-position: 0px 0px;} #home_progsgrille-content .jcarousel-prev-disabled{left: -10px;cursor: default;background-position: -0px -70px;} /*********************************************************************Home UNE**************************************************************/ /* main flash*/ #une_home{width:430px;height:345px;position:relative;padding:9px 9px 9px 209px;border:1px solid #ddd;z-index:1;} ul.sliders{overflow:hidden;background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;padding:0;margin:0;height:345px;width:430px;overflow:hidden} ul.sliders li{overflow:hidden;padding:0;margin:0;height:345px;width:435px;float:left;position:relative;} ul.sliders li img{padding:0;width:435px;height:345px} ul.sliders li .item-desc{position:absolute;bottom:0px;right:0px;width:405px;background:url(../images/bg_trans_noir.png) left top repeat;padding:8px 15px 15px 15px;} ul.sliders li .item-desc p{ color:#fff;margin:0;font-size:12px;line-height:16px;padding:0; overflow: hidden; max-height: 30px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } ul.sliders li .item-desc h3{ color:#9aca0f;margin: 0 0 8px;font-size:18px;padding:0 0 5px 0;line-height:18px;font-weight:normal; overflow: hidden; display: block; display: -webkit-box; max-height: 33px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } body.orange ul.sliders li .item-desc h3{color:#fa8621} ul.sliders li > a{display:block;width:435px;height:345px;background:url(../images/vide.gif) left top;z-index:100;position:absolute;} ul.sliders li > a.play{background:transparent url(../images/btn_play.png) 50% 50% no-repeat;} a.button,a.button:hover { background:transparent url(../images/button.gif) repeat-x 0 bottom; border-radius:3px; color: #fff; padding:5px 9px; height:15px; font-size:12px; font-weight:bold; display:inline-block; margin-top:15px; text-decoration:none; } body.orange a.button,body.orange a.button:hover {background-image:url(../images/tab_vert.png);} ul.sliders li a.button{position:absolute; right:-110px;bottom:20px;} .btn_play{width:72px;height:72px;background:transparent url(../images/btn_play.png) 50% 50% no-repeat;position:absolute;z-index:10;display:block;} ul.sliders li .btn_play{height:345px;width:435px;left:0px;top:0px;} /*item navigator*/ ul.slide-navigator{left:9px;top:9px;padding:0;margin:0;position:absolute;height:34px;z-index:10;display:inline-block;background:#f0f0f0;width:200px;height:345px;} ul.slide-navigator li{margin:0;width:200px;height:57px;position:relative;} ul.slide-navigator li p { overflow: hidden; max-height: 24px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } ul.slide-navigator li a, ul.slide-navigator li a:hover{color:#222;cursor:pointer;width:184px;height:40px !important;display:inline-block;padding:8px 8px;border-bottom:1px solid #fff;overflow:hidden;text-decoration:none;line-height:12px;} ul.slide-navigator li.last a{height:41px !important;border-bottom:0px;} ul.slide-navigator li span{height:56px;width:16px;position:absolute;right:-16px;top:0;z-index:9999;background:url(../images/item-over-o.png) left top no-repeat;display:none;} ul.slide-navigator li.active span{display:block;} ul.slide-navigator li.active a,ul.slide-navigator li.active a:hover{background:#ff6d01;color:#eee;} body.orange ul.slide-navigator li.active a,body.orange ul.slide-navigator li.active a:hover{background:#749d06;} body.orange ul.slide-navigator li.active span{background-image:url(../images/item-over-v.png);} ul.slide-navigator li img{width:38px;height:38px;float:left;margin-right:8px;border:1px solid #ddd;}ul.slide-navigator li.current img{border-color:#aaa;} ul.slide-navigator li b{font-size:11px;color:#000;text-transform:uppercase;display:block;margin-bottom:2px;} body.orange ul.slide-navigator li b{color:#000;} ul.slide-navigator li.active b,body.orange ul.slide-navigator li.active b{color:#fff;} /******************************************************************footer*******************************************************************/ #pub_footer{padding:10px;width:980px;margin:0 auto;background:#b0b0b0;margin-top:10px;height:90px;} #pub_footer .ban_728_90{margin:0 auto;} #footer1{width:960px;padding:10px 20px;background:#fff url(../images/bg-footermenus.jpg) center bottom no-repeat;position:relative;border-top:5px solid #93c312;margin:0 auto;margin-top:15px;} /*#cadre_topvues{background:url(../images/bg-footermenus.jpg) center bottom no-repeat;padding-bottom:30px;}*/ #ie #cadre_topvues{padding-bottom:30px;} #footer1 ul.latest{margin-top:15px;padding-top:15px;border-top:5px solid #ddd;} #ie #footer1 ul.latest{padding-top:10px;} #footer1 ul.latest li{display:inline;float:left;margin:0 17px 0 0;line-height:14px;position:relative;} #footer1 ul.latest li a{display:inline-block;height:150px;width:120px;overflow:hidden;font-size:11px;} #footer1 ul.latest li a:hover{text-decoration:none;} #footer1 ul.latest li a img{display:block;float:none;height:90px;margin:0 0 5px 0!important;width:120px;} #footer1 ul.latest li span{font-weight:bold;color:#000;} #footer1 .headline{border:none;padding-bottom:0;color:#999;padding-top:8px;} #footer1 ul.latest li.current p{padding:3px;background:#fceee4;} #footer1 ul.latest li.current a img{width:114px;height:84px;border:3px solid #ff6d01;} #footer1 ul.latest li.current span{color:#ff6d01;} #footer1 ul.latest li strong{color:#fff;font-weight:bold;display:block;text-align:center;width:52px;height:25px;margin:15px 5px 0 0px;padding:0;background: url(../images/t4.png) no-repeat 0 0px;position:absolute;top:56px;left:36px;font-style:none;} #footer1 ul.latest li.current strong{background: url(../images/t3.png) no-repeat 0 0px ;} /**************************************************COUP de COEUR VOD*******************************************************************/ .catmedia{display:inline-block;height:11px;padding:5px 20px 5px 8px;font-size:11px;color:#fff;text-decoration:none;background:url(../images/sprite_cats.png) right 0px no-repeat;position:absolute;font-weight:bold;} .catmedia.bleuclaire{background-position:right -30px;} .catmedia.violet{background-position:right -60px;} .catmedia.jaune{background-position:right -90px;} .catmedia.orange{background-position:right -120px;} .catmedia.rouge{background-position:right -150px;} .vod_new{display:block;position:absolute;right:0px;top:0px;width:61px;height:61px;background:url(../images/vod_new.png) left top no-repeat;z-index:10;} .ico_exclusivite{display:block;position:absolute;left:0px;top:0px;width:122px;height:71px;background:url(../images/ico_exclusivite.png) left top no-repeat;z-index:10;} #bloc_vod .ico_exclusivite, #bloc_groove .ico_exclusivite{left:10px;top:10px;} #bloc_vod ul.vod > li .catmedia, #bloc_groove ul.vod > li .catmedia{left:10px;top:139px;} #bloc_vod, #bloc_groove{margin:20px 0;} .titrevod{position:relative;height:52px;clear:both;background:url(../images/bg_titre_vod.gif) repeat-x;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px; border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;zoom:1;/* z-index:99999; */} .titrevod:after{content: ".";display:block;height:0;clear:both;visibility: hidden;} .titrevod h3,.titrevod h4,.titrevod h5,.titrevod h6{float:left;display:block;font-size: 1.6em; font-weight: normal; padding:17px 0 0 22px;width:auto;height:35px;overflow:hidden; text-transform: uppercase;color:#fff;} #bloc_vod-content .jcarousel-container-horizontal, #bloc_groove-content .jcarousel-container-horizontal{width: 951px;height:260px;overflow:hidden;padding:0px 0px;} #bloc_vod-content, #bloc_groove-content {width: 951px;padding:10px;border:1px solid #ccc;height:260px;overflow:hidden;} #bloc_vod-content .jcarousel-clip, #bloc_groove-content .jcarousel-clip{width:951px;height:320px;overflow:hidden;} #bloc_vod ul.vod, #bloc_groove ul.vod{height:260px;overflow:hidden;} #bloc_vod ul.vod > li,#bloc_vod-content .jcarousel-item, #bloc_groove ul.vod > li,#bloc_groove-content .jcarousel-item{padding:10px 10px;width:277px;height:240px;float:left;background:#f0f0f0;margin:0 10px;position:relative;} #bloc_vod ul.vod > li img, #bloc_groove ul.vod > li img{width:277px;height:150px;margin-bottom:4px;} #bloc_vod ul.vod > li h2, #bloc_groove ul.vod > li h2{ font-size:18px; font-weight:normal; margin-bottom:4px; line-height:19px; color:#000; overflow: hidden; max-height: 38px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_vod ul.vod > li h2, #bloc_groove ul.vod > li p{ overflow: hidden; max-height: 38px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_vod ul.vod > li strong, #bloc_groove ul.vod > li strong{color:#000;}#bloc_vod ul.vod > li p{line-height:15px;} #bloc_vod .btn_lire_large, #bloc_groove .btn_lire_large{width:277px;height:150px;} #bloc_vod .cs-buttons, #bloc_groove .cs-buttons { position:absolute; right:100px; top:18px; display:inline-block; } #bloc_vod .cs-buttons a, #bloc_groove .cs-buttons a { background:url(../images/cs-button1.png) no-repeat 0 0; float:left; width:15px; height:15px; margin-left:4px; text-indent: -9999px; z-index:2; } #bloc_vod .cs-buttons a:hover, #bloc_vod .cs-buttons a.cs-active, #bloc_groove .cs-buttons a:hover, #bloc_groove .cs-buttons a.cs-active {background:url(../images/cs-button2.png) no-repeat 0 0;} #bloc_vod .cs-prev, #bloc_vod .cs-next, #bloc_groove .cs-prev, #bloc_groove .cs-next { width:32px; height:31px; text-indent:-9999em; top:10px; } #bloc_vod .cs-prev, #bloc_groove .cs-prev { background:url(../images/cs-prev.png) no-repeat 0 0; position:absolute; right:55px; display:block; cursor:pointer; } #bloc_vod .cs-next, #bloc_groove .cs-next { background:url(../images/cs-next.png) no-repeat 0 0; position:absolute; right:20px; } #bloc_vod ul.vod > li ul.btns, #bloc_groove ul.vod > li ul.btns {padding-top:9px;border-top:1px solid #ccc;position:absolute;bottom:15px;left:0px;width:100%;} #bloc_vod ul.vod > li ul.btns li, #bloc_groove ul.vod > li ul.btns li{float:right;width:auto; margin:0 10px 0 0; background:none;} #bloc_vod ul.vod > li ul.btns li a, #bloc_groove ul.vod > li ul.btns li a{text-decoration:none;color:#fff;padding:.4em .9em;font-size:11px;font-weight:bold;display:inline-block;-moz-border-radius:5px; border-radius:5px;} #bloc_vod ul.vod > li ul.btns li a:hover, #bloc_groove ul.vod > li ul.btns li a:hover{text-decoration:none;color:#fff;opacity:.8;filter:alpha(opacity=80);} #bloc_vod ul.vod > li ul.btns li a.download, #bloc_groove ul.vod > li ul.btns li a.download{background:#1A1A1A} #bloc_vod ul.vod > li ul.btns li a.abonnement, #bloc_groove ul.vod > li ul.btns li a.abonnement{background:#D80565} #bloc_vod ul.vod > li .price, #bloc_groove ul.vod > li .price{display:inline-block;font-size:18px;font-weight:normal;position:absolute;bottom:15px;left:6px;color:#000;} #bloc_vod ul.vod > li .price span, #bloc_groove ul.vod > li .price span{font-size:12px;color:#f00;font-weight:bold;} /**********************************************************VIDEOS PAR RUBRIQUES********************************************************/ #ligne_videos{margin:10px 0;} #ligne_videos .headline.videos{color:#000;font-size:22px;font-weight:normal;border:none;display:inline;margin-right:15px;float:left;} .rss{display:none/*inline-block*/;width:20px;height:20px;float:left;background:url(../images/rss.png) left top no-repeat;} .rss.marg5{margin-top:5px;} #ligne_videos .headline span{color:#ff6d01;} #cadre_videos_rub, .cadre_filter{padding_:8px;border:1px solid #ccc;} #datasfilters_container{padding-top:10px;/*height:750px;*/} .filters { background:url(../images/content_top_filters.jpg) left bottom repeat-x; height:42px; padding:14px 20px 0 20px; color:#555; position:relative; } .filters .main_label {color:#444;font-weight:bold;display:inline-block;float:left;margin-right:10px;} .filters .custom { float:left; margin:0px; height:26px; line-height:26px; vertical-align:top; display:inline-block; z-index:9; position:absolute; top:14px; left:15px; } .filters .custom.abcd {top:5px;left:-3px;} .filters .sort_direction { display:block; height:26px; width:26px; overflow:hidden; text-indent:-9000px; padding:0px; position:absolute; top:14px; right:132px; cursor:pointer; } .filters .sort_direction.asc {background:url(../images/sort_az.png) 0px 0px no-repeat;margin-left:7px;} .filters .sort_direction.desc {background:url(../images/sort_za.png) 0px 0px no-repeat;right:100px;} .filters .sort_direction.asc.selected {background:url(../images/sort_az_on.png) 0px 0px no-repeat;cursor:default;} .filters .sort_direction.desc.selected {background:url(../images/sort_za_on.png) 0px 0px no-repeat;cursor:default;} /*.filters .sort_direction.asc:hover {background:url(../images/sort_az_on.png) 0px 0px no-repeat;} .filters .sort_direction.desc:hover {background:url(../images/sort_za_on.png) 0px 0px no-repeat;}*/ .filters .display { position:relative; display:block; float:right; text-align:right; width:51px; height:26px; margin:0px 0px 0px 40px; overflow:hidden; background:url(../images/list_type_bg.png) center center no-repeat; } .filters .display a { height:26px; width:51px; overflow:hidden; display:block; position:absolute; top:0px; text-indent:9000px; line-height:26px; outline:none; } .filters .display a.thumbs {background:url(../images/thumbnail_view.png) 0px 0px no-repeat;left:0px;} .filters .display a.detailed {background:url(../images/detailed_view.png) 0px 0px no-repeat;right:0px;} .filters .custom div.select { /*background-image:url(../images/select_bg.png);*/ background-position:0px 0px; background-repeat:no-repeat; display:block; float:left; height:26px; line-height:26px; padding-left:0px; padding-right:0px; position:relative; width:200px; z-index:9999; padding-top:0px; margin-top:0px; } .filters .custom div.select span{display:inline-block;float:left;height:26px;} .filters .custom div.select span.left{background:url(../images/select_bgl.png) left top no-repeat;width:9px;} .filters .custom div.select span.center{background:url(../images/select_bgm.png) left top repeat-x;width:170px;} .filters .custom div.select span.right{background:url(../images/select_bgr.png) left top no-repeat;width:21px;} .filters .custom div.select a.selector{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:10;} .filters .custom div.select .options { position:absolute; width:198px; z-index:10000; top:26px; } .filters .custom div.select .options ul { background-color:#FFF; border:solid 1px #AAA; display:none; list-style:none; margin:0; overflow:auto; overflow-x:hidden; padding:0; width:197px; } .filters .custom div.select .options ul li { display:inline; } .filters .custom div.select .options ul a { line-height:20px; min-height:20px; padding:2px; margin:0px; display:block; text-decoration:none; } .filters .custom div.select .options ul a.even { background-color:#EEE; } .filters .custom div.select .options ul a:hover { background-color:#E1F5FF; text-decoration:none; } .filters .custom div.select .options ul a.selected { color:#000; } .filters .search { float:left; margin-left:10px; padding:0px 0px 5px 10px; vertical-align:top; } .filters .search input.search_query { border:none; width:135px; height:26px; background:url(../images/search_bg.png) no-repeat 0px 0px; padding:0px 5px 0px; margin:0px; vertical-align:middle; line-height:26px; display:block; float:left; } .filters .search .blur { color:#555; } .filters .search input.search_btn { width:27px; height:26px; background:url(../images/search_btn.png) no-repeat 0px 0px; margin:0px; padding:0px; border:none; text-indent:-9000px; /*font-size:0;*/ overflow:hidden; letter-spacing:100px; display:block; float:left; vertical-align:top; cursor:pointer; } #cadre_videos_rub .videosliste{margin:10px;} ul.vue_thumbs li{width:295px;float:left;padding:0;margin:0;line-height:12px;position:relative;margin-bottom:25px;} ul.vue_thumbs li.marg30{margin-left:28px;} ul.vue_thumbs li.sep{width:620px;height:1px;margin:20px 0;float:none;} ul.vue_thumbs li img{width:100px;height:80px;float:left;margin-right:10px;} ul.vue_thumbs li h4 a{ font-size:13px;margin-bottom:4px;line-height:14px;color:#000; max-height: 30px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } ul.vue_thumbs li a.img{width:100px;height:80px;display:block;position:absolute;left:0;top:0;} ul.vue_thumbs li span.pics{display:inline-block;position:absolute;left:0;bottom:0;padding:2px 5px;font-size:9px;color:#ccc;background:#000;} ul.vue_thumbs li a.img.btn_video{background:url(../images/btn_video.png) 50% 50% no-repeat;} ul.vue_thumbs li a.btn_video:hover{background-image:url(../images/btn_video_hover.png);} ul.vue_thumbs li p{ padding:3px;margin:0;color:#333;font-size:90%;line-height:14px; max-height: 48px; display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } ul.vue_pics li{width:145px;float:left;padding:0;margin:0;line-height:12px;position:relative;margin-right:12px;height:145px;overflow:hidden;} ul.vue_pics li.marg1{margin-right:1px;} ul.vue_pics li img{width:145px;height:82px;margin-bottom:6px;/*border:1px solid #555;*/} ul.vue_pics li h4 a{ font-size:12px;line-height:14px;font-weight:normal;color:#000; max-height: 30px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } ul.vue_pics li a.img{width:145px;height:82px;display:block;position:absolute;left:0;top:0;} ul.vue_pics li span.pics{display:inline-block;position:absolute;left:0;bottom:0;padding:2px 5px;font-size:9px;color:#ccc;background:#000;} ul.vue_pics li a.img.btn_video{background:url(../images/btn_video.png) 50% 50% no-repeat;} ul.vue_pics li a.btn_video:hover{background-image:url(../images/btn_video_hover.png);} ul.vue_pics li p{padding:3px;margin:0;color:#333;font-size:90%;line-height:14px;display:none;} ul.vue_liste > li{padding:15px 0 10px 0;border-top:5px solid #eee;margin:0 8px;} ul.vue_liste > li .image{width:125px;height:100px;float:left;margin-right:10px;position:relative;} ul.vue_liste > li .image img{width:125px;height:100px;} ul.vue_liste > li .image a{position:absolute;width:125px;height:100px;background:url(../images/vide) 50% 50% no-repeat;} ul.vue_liste > li .image a.video:hover{background-image:url(../images/btn_topvideo.png)} ul.vue_liste > li .info{font-size: 90%;color:#888;} ul.vue_liste > li .rubrique a{color:#08a;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight: 400}#homenews .rubrique a:hover{text-decoration:underline;} ul.vue_liste > li h4 {font-size:20px;padding-bottom:7px;line-height:18px;font-weight:normal;} ul.vue_liste > li p{line-height:16px;padding-bottom:15px;} ul.vue_liste > li li{display:inline;float:left;padding:0 7px 2px 5px;border-right: 1px solid #ccc} ul.vue_liste > li ul.social{float:right;} ul.vue_liste > li li.last,ul.vue_liste > li li.no{border:none;} /***************************************************Programme Webtv**********************************************************************/ ul.vue_progwebtv li{width:295px;float:left;padding:0;margin:0;line-height:12px;position:relative;margin-bottom:25px;} ul.vue_progwebtv li.marg30{margin-left:28px;} ul.vue_progwebtv li .zoneimg{width:100px;height:100px;float:left;margin-right:10px;border-right:5px solid #000;padding-right:10px;position:relative;} ul.vue_progwebtv li .zoneimg img{position:absolute;bottom:0;left:0;} ul.vue_progwebtv li .zoneimg h5{font-size:23px;color:#000;margin-bottom:6px;text-align:center;font-weight:normal;} ul.vue_progwebtv li h6{font-size:11px;margin-bottom:8px;font-weight:normal;} ul.vue_progwebtv li h6 a{text-decoration:underline;} ul.vue_progwebtv li h6 a:hover{text-decoration:none;} ul.vue_progwebtv li h4 a{font-size:13px;padding-bottom:4px;line-height:14px;color:#000;} ul.vue_progwebtv li a.img{width:100px;height:80px;display:block;position:absolute;left:0;bottom:0;z-index:1} ul.vue_progwebtv li span.pics{display:inline-block;position:absolute;left:0;bottom:0;padding:2px 5px;font-size:9px;color:#fff;background:#000;z-index:1;font-weight:bold;} ul.vue_progwebtv li a.img.btn_video{background:url(../images/btn_video.png) 50% 50% no-repeat;} ul.vue_progwebtv li a.btn_video:hover{background-image:url(../images/btn_video_hover.png);} ul.vue_progwebtv li p{padding:3px;margin:0;color:#333;font-size:90%;line-height:14px;} ul.vue_progwebtv li .zoneimg.CATV-0001{border-color:#FF35BD} ul.vue_progwebtv li .zoneimg.CATV-0001 span.pics{background:#FF35BD} ul.vue_progwebtv li h6.CATV-0001 a, ul.vue_progwebtv li .h6.CATV-0001 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0001 .duree{color:#FF35BD;} ul.vue_progwebtv li .zoneimg.CATV-0002{border-color:#ff6d01} ul.vue_progwebtv li .zoneimg.CATV-0002 span.pics{background:#ff6d01} ul.vue_progwebtv li h6.CATV-0002 a, ul.vue_progwebtv li h6.CATV-0002 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0002 .duree{color:#ff6d01;} ul.vue_progwebtv li .zoneimg.CATV-0003{border-color:#CB0003} ul.vue_progwebtv li .zoneimg.CATV-0003 span.pics{background:#CB0003} ul.vue_progwebtv li h6.CATV-0003 a, ul.vue_progwebtv li h6.CATV-0003 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0003 .duree{color:#CB0003;} ul.vue_progwebtv li .zoneimg.CATV-0004{border-color:#09A2CF} ul.vue_progwebtv li .zoneimg.CATV-0004 span.pics{background:#09A2CF} ul.vue_progwebtv li h6.CATV-0004 a, ul.vue_progwebtv li h6.CATV-0004 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0004 .duree{color:#09A2CF;} ul.vue_progwebtv li .zoneimg.CATV-0005{border-color:#FFAE00} ul.vue_progwebtv li .zoneimg.CATV-0005 span.pics{background:#FFAE00} ul.vue_progwebtv li h6.CATV-0005 a, ul.vue_progwebtv li h6.CATV-0005 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0005 .duree{color:#FFAE00;} ul.vue_progwebtv li .zoneimg.CATV-0006{border-color:#78A310} ul.vue_progwebtv li .zoneimg.CATV-0006 span.pics{background:#78A310} ul.vue_progwebtv li h6.CATV-0006 a, ul.vue_progwebtv li h6.CATV-0006 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0006 .duree{color:#78A310;} ul.vue_progwebtv li .zoneimg.CATV-0007{border-color:#D434C8} ul.vue_progwebtv li .zoneimg.CATV-0007 span.pics{background:#D434C8} ul.vue_progwebtv li h6.CATV-0007 a, ul.vue_progwebtv li h6.CATV-0007 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0007 .duree{color:#D434C8;} ul.vue_progwebtv li .zoneimg.CATV-0008{border-color:#F24806} ul.vue_progwebtv li .zoneimg.CATV-0008 span.pics{background:#F24806} ul.vue_progwebtv li h6.CATV-0008 a, ul.vue_progwebtv li h6.CATV-0008 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0008 .duree{color:#F24806;} ul.vue_progwebtv li .zoneimg.CATV-0009{border-color:#bdae05} ul.vue_progwebtv li .zoneimg.CATV-0009 span.pics{background:#bdae05} ul.vue_progwebtv li h6.CATV-0009 a, ul.vue_progwebtv li h6.CATV-0009 a:hover, ul.vue_progwebtv li .zoneimg.CATV-0009 .duree{color:#bdae05;} /******************* Affichage Liste Boutique ****************/ #vue_boutique{padding:9px;border:1px solid #ccc;} ul.vue_boutique li{width:135px;float:left;padding:0 10px;margin:15px 0;line-height:12px;position:relative;height:255px;overflow:hidden;border-right:1px solid #ccc;} ul.vue_boutique.datas_lies li{height:215px;} ul.vue_boutique li h4{font-size:12px;padding-top:6px;line-height:14px;color:#111;text-decoration:none;font-weight:normal;} ul.vue_boutique li.noborder{border:none;} #vue_boutique .sep{width:100%;height:1px;margin:0px 0;border-top:1px solid #ccc;padding:2px 0;} ul.vue_boutique li img{width:105px;height:163px;margin:0 17px;border:2px solid #fff;} ul.vue_boutique li a.b{display:block;text-decoration:none;} ul.vue_boutique li a.b:hover{text-decoration:none;} ul.vue_boutique li a.b:hover img{border-color:#EE6104;} ul.vue_boutique li .prix {display:inline-block;font-weight:bold;font-size:14px;color:#000;position:absolute;right:5px;bottom:5px;} ul.vue_boutique li a.cat{font-size:11px;display:inline-block;color:#FB6C03;text-decoration:underline;font-weight:bold;position:absolute;left:5px;bottom:20px;} ul.vue_boutique li a.cat{text-decoration:none;} ul.vue_boutique.datas_lies li a{color:#333;text-decoration:none;} ul.vue_boutique.datas_lies li a:hover{color:#EE6104;text-decoration:underline;} #boutiquedatas {padding:0;margin:0;float:right;width:400px;} #boutiquedatas li{list-style: none;margin:0;padding:7px 0;border-bottom:1px dotted #ccc;} #boutiquedatas li.last{border: none;} #boutiquedatas .orange{color:#FB6C03} #boutiquedatas .rouge{color:#E2081D} #boutiquedatas .vert{color:#678D02} #boutiquedatas .violet{color:#9B03BB} #boutiquedatas .prix{font-size:21px;} /**************************************Pagination**************************************/ .content_pagination{width:100%;padding:10px 0px;text-align:center;border-top:1px solid #ddd;} div.pagination {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 2px;margin: 5px;} div.pagination a {color: #666;margin: 1px 2px;padding: 2px 5px;text-decoration: none;background:#f0f0f0;border: 1px solid #e6e6e6;} div.pagination a:hover,active {background-color: #ff6d01;border: 1px solid #ff6d01;color: #fff;margin: 1px 2px;padding: 2px 5px} div.pagination span.courante {background-color: #ff6d01;border: 1px solid #ff6d01;color: #fff;font-weight: bold;margin: 1px 2px;padding: 2px 5px} .nbre_items_pagination{padding:5px 0 10px 0;} /***********************************************************TABS GAUCHE*******************************************************************************/ .tab_onglets{height:28px;background:url(../images/bg_tab_variable.gif) repeat-x 0 0;border:none;margin:0;padding:0} html > body .tab_onglets{height:29px;border-bottom:1px solid #CCC} .tab_onglets li{float:left;border:1px solid #ccc;list-style-type:none;/*background-color:#efefef;*/background:#efefef url(../images/bg_tab_gradient.gif) repeat-x;margin:0 -1px 0 0;padding:0 6px} .tab_onglets li a{display:block;text-decoration:none;font-weight:700;font-size:1.2em;text-align:center;width:auto;margin:7px 0;cursor:pointer;} .tab_onglets .selected{background-color:#fff;border-bottom:1px solid #FFF;padding:0 8px 0 9px;background-image:none!important} .tab_onglets .selected a,.tab_onglets .selected a:hover{text-decoration:none;color:#c00;width:auto;cursor:default} .mod_tabs .tab_content{border-right:1px solid #CCC;border-left:1px solid #CCC;border-bottom:1px solid #CCC;clear:both;visibility:visible;display:none;margin:0;padding:10px;} #onglets_g{margin-top:20px;} #onglets_g .tab_content{height:340px;} /*******************************************************cadre photos*****************************************************/ #cadre_photos{line-height:16px;position:relative;} #cadre_photos .headline span{color:#ff6d01} #cadre_photos img.big{width:278px;height:220px;border:1px solid #ccc;margin-bottom:6px;} #cadre_photos h4{font-size:12px;height:40px;overflow:hidden;line-height:15px;padding-right:35px;padding-bottom:4px;font-weight:normal;} #cadre_photos p{padding-bottom:6px;line-height:15px;} #cadre_photos ul{padding-top:8px;border-top:1px solid #999;margin: 0 1px;} #cadre_photos ul li{float:left;display:inline-block;margin:0 4px 4px 0;width:66px;} #cadre_photos ul li.last{margin-right:0;} #cadre_photos ul li a{display:inline-block;opacity : 0.6;filter : alpha(opacity=60);} #cadre_photos ul li a:hover, #cadre_photos ul li a.current{opacity : 1;filter : alpha(opacity=100);} #cadre_photos ul li img{width:66px;height:58px;} #cadre_photos .inlineLinks{float:right;margin:10px 0;} #cadre_photos .inlineLinks a{color:#fff;} /*****************************************************************Cadre Emissions*************************************/ #cadre_emissions{margin:20px 0px 0 0;padding:8px;border:1px solid #ccc;overflow:hidden;position:relative;height:120px;} #cadre_emissions ul li{padding:8px;background:#a4c407;position:relative;color:#222;line-height:16px;float:left;width:266px;} #cadre_emissions ul li a{color:#fff;} #cadre_emissions ul li img{width:75px;height:75px;float:left;margin-right:8px;border:1px solid #eee;} #cadre_emissions ul li span{display:inline-block;padding:0px 6px 0px 6px;font-size:9px;color:#fff;background:#ff6d01;position:absolute;left:10px;top:68px;font-weight_:bold;} /*#cadre_emissions ul li h5 a{color:#4c7a04;}#cadre_emissions ul li h5 a:hover{color:#ff6d01;}*/ #cadre_emissions ul li h5{ margin-bottom:3px; overflow: hidden; max-height: 32px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #cadre_emissions ul li p{ overflow: hidden; max-height: 48px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #cadre_emissions ul li b{color:#ff6d01;font-size:11px;} #cadre_emissions .nav{display: inline;position:absolute;right:14px;top:14px;} #cadre_emissions .nav li {float:left;list-style:none;} #cadre_emissions .nav li.current a, #cadre_emissions .nav li:hover a{background-position: 0 0;} #cadre_emissions .nav a { background: url(../images/nav-dots.png) no-repeat right 0; width: 13px; height: 13px; display: inline-block; text-decoration: none; } #cadre_emissions .nav a + a {margin-left: 2px;} /************************************************************TOP 5*********************************************/ #cadre_top5 ul > li{position:relative;padding:6px 0;border-bottom:1px dotted #ddd;} #cadre_top5 ul > li.last{border-width:0px;} #cadre_top5 ul > li img{width:74px;height:55px;float:left;margin-right:10px;} #cadre_top5 ul > li h4 a{font-size:12px;line-height:13px;} #cadre_top5 ul > li p{font-size:11px;color:#555;line-height:12px;padding-top:5px;} #cadre_top5 .position_top{position:absolute;top:10px;left:5px;z-index:1;border-radius:3px;background:#ff6d01;display:block;text-align:center;color:#fff;font-weight:bold;} #cadre_top5 .position_top.premier{width:18px;height:23px;font-size:22px;} #cadre_top5 .position_top.second,#cadre_top5 .position_top.second{width:15px;height:20px;font-size:19px;} /**********************************************************cadre_cine*****************************************/ #cadre_cine{position:relative;} /**********************************************************cadre_music*****************************************/ #cadre_music{position:relative;} #cadre_music ul > li{position:relative;width:130px;height:113px;margin-right:18px;float:left;} #cadre_music ul > li.last{margin-right:0px;} #cadre_music ul > li img{width:130px;height:70px;margin-bottom:5px;} #cadre_music ul > li h4 a{font-size:12px;line-height:13px;font-weight:normal;color:#444;font-size:11px;} /********************************************************cadre_actualites********************************************/ #cadre_actualites{margin:10px 0 15px 0;background_:#f2f2f2;/*padding:14px 9px;border-top:3px solid #a00202;*/padding:13px 8px;border:1px solid #ccc;}h3.headline.actualites{margin-top:25px;border-width:0px;color:#000;font-size:20px;font-weight:normal;} #ie #cadre_actualites{margin:0;} h3.headline.actualites b{color:#a00202;display:inline-block;float:left;margin-right:15px;font-weight:normal;}.headline.titrologie{border-width:0px;color:#ff6d01;margin:28px 130px 0 0;font-size:22px !important;font-weight:normal;} #cadre_actualites li{float:left;} #cadre_actualites li.small{width:150px;}#cadre_actualites li.grd{width:320px;}#cadre_actualites li.marge{margin-right:12px;} #cadre_actualites li.grd img{width:320px;height:220px;margin-bottom:10px;}#cadre_actualites li.small img{width:150px;height:100px;margin-bottom:10px;} #cadre_actualites li h4 a{font-size:12px;line-height:16px;font-weight:normal;color:#006e97;}#cadre_actualites li p{line-height:15px;color:#444;margin-top:5px;} #cadre_actualites li strong{font-size:11px;color:#e10404;display:block;text-transform:uppercase;display:block;margin-bottom:4px;} #cadre_titrologie{/*float:right;*/width:940px;margin:0 0px;padding:15px 8px;background:#f2f2f2;height:240px;overflow:hidden;position:relative;} a.rlien{float:right !important;margin:35px 0 0;text-align:right;padding-right:0px;font-size:12px !important;display:inline-block;width:auto !important;color:#000;text-decoration:none;font-weight:bold;} a.rlien:hover{text-decoration:none;color:#ff6d01;} #cadre_titrologie .jcarousel-container-horizontal{width: 100%;} #cadre_titrologie .jcarousel-clip{width:100%;height:240px;overflow:hidden;} #cadre_titrologie li,#cadre_titrologie .jcarousel-item {width:178px;padding:0 11px 0 0;float:left;height:240px;overflow:hidden;} #cadre_titrologie li img{width:163px;height:220px;padding:9px;border:1px solid #ccc;background:#fff;} #cadre_titrologie_content{ padding: 12px; /*background: #EEEFF1;*/ height:800px; margin-top:10px; } .ombre{-webkit-box-shadow:0 5px 1em rgba(0, 0, 0, 0.1);-moz-box-shadow:0 5px 1em rgba(0, 0, 0, 0.1);box-shadow:0 5px 1em rgba(0, 0, 0, 0.1);} /*#cadre_titrologie_content > ul{margin-top:35px;}*/ #cadre_titrologie_content > ul > li{width:300px;/*background: #EEEFF1;*/float:left;margin:0 25px 40px 0;overflow:hidden;} #cadre_titrologie_content > ul > li .zonedatas{width:290px;padding:4px;display:block;border:1px solid #ccc;height:630px;} #cadre_titrologie_content > ul > li .zonedatas img.lazy_titro{width:290px;height:392px;} #cadre_titrologie_content > ul > li .zonedatas .sepshadow{height:25px;background:url(../images/bg_annonces.png) 50% bottom no-repeat} #cadre_titrologie_content > ul > li.nomarg{margin-right:0;} h3.marg10{margin-left:10px !important;} #cadre_titrologie_content > ul > li .title{padding: 5px 10px;/*margin-bottom:10px;*/background:#6f7070 none repeat scroll 0% 0%;border-bottom:5px solid #fff;-moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;} /*body.orange #cadre_titrologie_content > ul > li .title{background-color:#7BB101;}*/ #cadre_titrologie_content > ul > li .title h6{font-size:12px;color: #FFF;line-height:22px;font-weight:normal;} #cadre_titrologie_content > ul > li .title a.plus{ display: none;/*inline-block;*/ float: right; font-size: 11px; font-weight: bold; color:#fff; margin-top:4px; text-decoration:none; background:url(../images/link-plus.png) no-repeat 0 5px; padding-left:9px; } #cadre_titrologie_content > ul > li .title a.plus:hover{text-decoration:underline;} #cadre_titrologie_content > ul > li .zonedatas .news_header { background: #EEE none repeat scroll 0% 0%; padding: 7px 14px; font-size: 14px; font-weight: bold; margin: 10px 0px 10px; display: block; color:#101010; } #cadre_titrologie_content > ul > li .zonedatas span.date{font-size:12px;color:#777;display:block;text-align:center;padding:10px 0 0;} #cadre_titrologie_content > ul > li .zonedatas p{ font-size: 12px; color: #999; line-height: 20px; text-align:center; /*font-weight:bold;*/ } #cadre_titrologie_content > ul > li .zonedatas ul.listnews li { border-bottom: 1px solid #ECEAEA; margin: 0 0px 4px; padding-bottom: 4px; font-size: 12px; color: #000; line-height: 20px; /*font-family: "Roboto",sans-serif; height: 21px;*/ overflow: hidden; margin-bottom: 0px; border-top: 1px solid #FDFDFD; border-bottom: 1px solid #DDDCDB; background: transparent linear-gradient(to bottom, #F7F7F7 10%, #F5F5F4 47%, #ECECEA 95%) repeat scroll 0% 0%; padding-left:14px; position:relative; } #cadre_titrologie_content > ul > li .zonedatas ul.listnews li > span{position:absolute;top:8px;left:6px;width:11px;height:11px;background:url(../images/link-plus.png) no-repeat 0 0px;} #cadre_titrologie_content > ul > li .zonedatas ul.listnews li.last{border-bottom:none;} #cadre_titrologie_content > ul > li .zonedatas ul.listnews li a { color: #212121; text-decoration: none; cursor: pointer; display: inline; } #cadre_titrologie_content > ul > li .zonedatas ul.listnews li a:hover { color: #f16407; text-decoration: underline; } #cadre_titrologie_content h5.typej { color: #262626; font-weight: 300; font-size: 32px; line-height: 1.25; overflow: hidden; padding: 0px 0px 25px; position: relative; width: 100%; display:block; margin-top:25px; } #cadre_titrologie_content h5.typej span { display: inline-block; /*float:left;*/ height: 16px; /*vertical-align: bottom !important; margin-right:5px;*/ } #cadre_titrologie_content h5.typej span::after { border-top: 4px solid #D9D9D9; border-bottom: 4px solid #D9D9D9; content: ""; display: inline-block; position: absolute; width: 100%; height: 2px; } #cadre_titrologie_date{ /*background: transparent url("../images/content_top_filters.jpg") repeat-x scroll left bottom; height: 42px;*/ padding: 13px 10px; color: #555; position: relative; border: 1px solid #dedede; margin:10px 10px 0; } #cadre_titrologie_date > ul > li{float:left;} #cadre_titrologie_date > ul > li ul.dates li{float:left;display:inline-block;margin-right:5px;} #cadre_titrologie_date > ul > li.last{float:right;} #cadre_titrologie_date > ul > li.last > div,#cadre_titrologie_date > ul > li ul.dates li > a{text-align:center;text-decoration:none;background:#ececec;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:6px 7px;font-weight: 700;text-transform: uppercase;font-family: Tahoma;font-size: 10px;color: #515151;cursor:pointer;display:inline-block;} #cadre_titrologie_date > ul > li.last > div{height:47px;display:inline-block;display:inline-block;text-align:left;padding:6px 12px;} #cadre_titrologie_date > ul > li.last > div select{height:41px;margin-top:5px;padding:0px 5px;border:1px solid #ccc;} .Fbtn { cursor: pointer; position: relative; display: inline-block; text-align: center; background: #82C013 none repeat scroll 0% 0%; border: 1px solid #82C013; color: #FFF; border-radius: 6px; font-size:18px; float: right; line-height: 40px; padding: 0px 10px; margin:5px 0 0 8px; font-weight:normal; } .Fbtn:hover { background-color:#FF6D01; border-color:#FF6D01; text-decoration:none; color:#fff; } #cadre_titrologie_date > ul > li ul.dates li > a .j {font-size: 24px;display: block;text-align:center;margin-bottom:3px;color: #2C2C29;letter-spacing: -1px;} #cadre_titrologie_date > ul > li ul.dates li > a:hover, #cadre_titrologie_date > ul > li ul.dates li.current a, #cadre_titrologie_date > ul > li ul.dates li > a:hover .j, #cadre_titrologie_date > ul > li ul.dates li.current > a .j{text-decoration:none;color:#ff6d01} #cadre_titrologie .jcarousel-next, #cadre_titrologie .jcarousel-next-disabled,#cadre_titrologie .jcarousel-prev,#cadre_titrologie .jcarousel-prev-disabled{z-index:10;position: absolute;width: 30px;height: 60px;top: 87px;background:transparent url(../images/grillesprites.png) 0 -82px no-repeat;} #cadre_titrologie .jcarousel-next{right: -10px;cursor: pointer;background-position: -52px 0px;} #cadre_titrologie .jcarousel-next-disabled{right: -10px;cursor: default;background-position: -52px -70px;} #cadre_titrologie .jcarousel-prev{left: -10px;cursor: pointer;background-position: 0px 0px;} #cadre_titrologie .jcarousel-prev-disabled{left: -10px;cursor: default;background-position: -0px -70px;} /*a.arrow-nav{background-image:url(../images/arrow-nav2.png);background-repeat:no-repeat;width:16px;height:29px;position:absolute;z-index:99999;display:block;cursor:pointer;} a.arrow-nav.l{background-position:-33px 0;}a.arrow-nav.l:hover{background-position:0 0px;} a.arrow-nav.r{background-position:-33px -34px;}a.arrow-nav.r:hover{background-position:0 -34px;}*/ #cadre_actualites .inlineLinks{margin-top:15px;} /********************************************************cadre_services_en_ligne********************************************/ #cadre_services_en_ligne > ul > li{float:left;min-height:260px;}#cadre_services_en_ligne > ul > li.cuisine{width:300px;margin-right:20px;} #cadre_services_en_ligne > ul > li.last{width:320px;padding:0 10px 10px 10px;background_:#f0f0f0;} #cadre_services_en_ligne > ul > li.cuisine img{width:298px;height:167px;margin-bottom:15px;border:1px solid #ccc;}#cadre_services_en_ligne > ul > li.cuisine h2{font-size:13px;line-height:14px;} #cadre_services_en_ligne > ul > li.cuisine p{color:#444;line-height:14px;}#cadre_services_en_ligne > ul > li.cuisine a{font-size:13px;line-height:15px;text-decoration:underline;color:#006e97}#cadre_services_en_ligne > ul > li.cuisine a:hover{text-decoration:none;color:#1e2225;} ul.item-list li{margin:0 0 0.25em 1.5em;padding:0;list-style:disc;} #cadre_services_en_ligne h3.titre{margin-bottom:6px;} #cadre_services_en_ligne > ul > li.last > div.cadre{height:130px;overflow:hidden;position:relative;padding-bottom:25px;background:url(../images/bg_annonces.png) 50% bottom no-repeat;} #cadre_services_en_ligne > ul > li.last > div.cadre.necro{margin-top:15px;} #cadre_services_en_ligne > ul > li.last ul.services_slides{height:85px;overflow:hidden;padding:4px;border:1px solid #ccc;} #cadre_services_en_ligne > ul > li.last img{width:140px;height:80px;float:left;margin-right:10px;} #cadre_services_en_ligne > ul > li.last div.cadre.necro img{width:70px;height:80px;} #cadre_services_en_ligne > ul > li.last ul.services_slides li{float:left;line-height:15px;width:305px;margin-top:5px;margin-left:5px;} #cadre_services_en_ligne > ul > li.last ul.services_slides li strong{color:#000;display:block;margin-bottom:4px;} #cadre_services_en_ligne > ul > li.last ul.services_slides li .prix{display:block;padding-top:5px;font-size:16px;color:#e90505;font-weight:bold;} #cadre_services_en_ligne > ul > li.last ul.services_slides li .prix b, #cadre_services_en_ligne > ul > li.last li .prix em{font-size:12px;color:#444;font-weight:normal;} #cadre_services_en_ligne > ul > li.last ul.services_slides li .date{display:block;padding-top:5px;font-size:13px;color:#fc1c05;font-weight:bold;font-size:95%;} #cadre_services_en_ligne > ul > li h4{padding:5px 0;font-size:20px;border-bottom:5px solid #ccc;border-top:0px solid #ccc;margin-bottom:10px;font-weight:normal;} #cadre_services_en_ligne > ul > li.last h4.orange{border-color:#ff6d01;color:#ff6d01;} #cadre_services_en_ligne > ul > li.last > div.promo img{width:320px;height:230px;margin-bottom:10px;background:#000} #cadre_services_en_ligne > ul > li.last > div.promo h2 a{font-size:18px; font-weight:normal; padding:8px 0; line-height:19px; color:#000;} #cadre_services_en_ligne > ul > li.last > div.promo p{line-height:17px;padding-top:5px;} #cadre_services_en_ligne > ul > li .moreLink{float:none;margin:8px 0;text-align:right;padding-right:15px;} #cadre_services_en_ligne > ul > li .moreLink a{text-decoration:none;color:#555;} #cadre_services_en_ligne > ul > li .moreLink a:hover{text-decoration:none;} div.cadre .nav{display: inline;position:absolute;right:14px;top:0px;} div.cadre.necro .nav{top:8px;} div.cadre.necro h3 a{color:#fff;}div.cadre.necro h3 a:hover{text-decoration:none;} div.cadre .nav li {float:left;list-style:none;} div.cadre .nav li.current a, div.cadre .nav li:hover a{background-position: right 0;} div.cadre .nav a { background: url(../images/services-dots.png) no-repeat 0 0; width: 13px; height: 13px; display: inline-block; text-decoration: none; } div.cadre .nav a + a {margin-left: 2px;} #cadre_pub_services{width:300px;height:280px;position:absolute;top:0px;right:15px;} #content_gauche{float:left;margin-right:24px;width:630px;padding:9px;/*border:1px solid #ddd;*/} /********************************************Formulaires********************************************************************************/ form.formulaire .ligne{padding:5px 0;} form.formulaire_grd .ligne{padding:7px 0;} /*form.formulaire_grd .ligne label{color:#555}*/ form.formulaire .ligne label.libelle, form.formulaire_grd .ligne label.libelle{font-weight:bold;color:#555;width:150px;display:block;float:left;font-family:arial;padding-right:12px;} form.formulaire .ligne label.libelle.long, form.formulaire_grd .ligne label.libelle.long{width:auto;float:none} form.formulaire_grd .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;padding-left:12px;padding-right:0;} form.formulaire input[type="text"], form.formulaire input[type="password"], form.formulaire textarea, form.formulaire_grd input[type="text"], form.formulaire_grd input[type="password"], form.formulaire_grd textarea {border:1px solid #BFBDBD;padding:3px 8px;color:#888;font-family:arial;} form.formulaire select, form.formulaire_grd select{font-size:12px;border:1px solid #BFBDBD;padding:1px 2px;color:#414141;} form.formulaire a.bout, form.formulaire_grd a.bout{font-size:18px;padding:10px 0px;color:#777;width:270px;color:#fff;background:url(../images/bg_menu2.jpg) left top repeat-x;display:block;text-decoration:none;text-align:center;} form.formulaire a.bout:hover, form.formulaire_grd a.bout:hover{background-image:url(../images/bg_menu.jpg);} form.formulaire_grd input[type="text"], form.formulaire_grd select, form.formulaire_grd input[type="password"]{font-size:16px;font-weight:bold;} form.formulaire_grd .ligne label.libelle{font-size:12px;padding-top:3px;width:150px} .cadre_formulaire{padding:10px;border:1px solid #ccc} .input_200{width:200px;}.input_250{width:250px;}.input_35{width:35px;}.input_60{width:60px;}.input_80{width:80px;}.input_100{width:100px;}.input_130{width:130px;}.input_120{width:120px;}.input_270{width:270px;}.input_220{width:220px;}.input_300{width:300px;} .input_225{width:225px;}.input_235{width:235px;}.height_40{height:40px;}.height_100{height:100px;}.height_75{height:50px;}.height_150{height:150px;}.input_500{width:500px;}.input_520{width:520px;}.input_600{width:600px;}.height_130{height:130px;}.height_75{height:75px;} .input_170{width:170px;}.input_150{width:150px;}.input_160{width:160px;}.input_210{width:210px;}.input_260{width:260px;}.input_315{width:315px;}.input_180{width:180px;}.input_400{width:400px;}.height_200{height:200px;} .floatleft{float:left}.floatright{float:right}.input_100p{width:94%}.inline_block{display:inline-block;} form.formulaire_grd .ligne_unique {padding:4px 0 4px 160px;} .form_buttons{padding:5px 0px;text-align:right;margin-top:10px;} .lsc,.lscc,.lsb,.lse{background: url(../images/bg_bout.jpg) left top repeat-x;border-width:1px;font:14px arial,sans-serif;font-weight:bold;color:#444;cursor:pointer;text-align:center;padding:0 15px;height:40px;margin:0 8px;outline:none;border-color:#ccc;} .lsb:hover,.lsc:hover,.lscc:hover,.lse:hover{background-color:#f6f6f6;color:#E30516} .h_spacer{width:100%;padding:2px;height:1px;} .h_spacer2{width:100%;margin:15px;height:1px;/*border-top:1px dotted #ccc*/} input::-moz-focus-inner { border: 0; } .form_recherche_gauche{padding:15px;margin-top:10px;border:5px solid #dedede;background:url(../images/bg_recheche.jpg) right bottom no-repeat;} form.form_recherche_gauche .ligne label.libelle{float:none;width:100%;padding-left:0;} form.form_recherche_gauche .form_buttons{text-align:left;} /**************************************Listes**************************************/ /*.bleu{color:#2F91D0} .orange{color:#ff6d01;}*/ #content_pagination{width:100%;height:25px;overflow:hidden;margin:20px 0px;} #content_pagination2{width:100%;height:35px;overflow:hidden;} div.pagination {font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 2px;margin: 5px;} div.pagination a {color: #666;margin: 1px 2px;padding: 2px 5px;text-decoration: none;background:#f9f9f9;border: 1px solid #e6e6e6;} div.pagination a:hover,active {background-color: #ff6d01;border: 1px solid #ff6d01;color: #fff;margin: 1px 2px;padding: 2px 5px} div.pagination span.courante {background-color: #ff6d01;border: 1px solid #ff6d01;color: #fff;font-weight: bold;margin: 1px 2px;padding: 2px 5px} div.pagination span.desactive {border: 1px solid #eee;color: #ddd;margin: 1px 2px;padding: 2px 5px} div.contenu table.liste {width: 100%;border-collapse: collapse;} div.contenu table.liste tr {height: 45px;background: #fff;} div.contenu table.liste th { height: 30px; padding: 3px 4px 2px 4px; font: 11px Arial, sans-serif; text-align: left; color: #fff;/*#fff;*/ font-weight:bold; font-size:12px; background:url(../images/bg_tr2.jpg) repeat-x left top;/*#456F99;*/ border-left:1px solid #555; /*border-right:1px solid #BEBAAF;*/ } div.contenu table.liste td {padding: 8px 5px;text-align: left;border-left:1px solid #ddd;border-bottom:1px solid #ddd;} div.contenu table.liste td.id_enreg {font-weight:bold;text-align:center;width:30px;} div.contenu table.liste th.centrer, div.contenu table.liste td.centrer {text-align:center;} div.contenu table.liste th.right, div.contenu table.liste td.right {text-align:right;} td.petit,span.petit,p.petit {font-size:11px;} div.contenu .tableau_cadre, .tableau_cadre{border:1px solid #ccc;padding:5px;position:relative;} div.contenu table.liste tr.active {background: #E8E8E8;} div.contenu table.liste tr.over {background: #FBE6E7;} table.liste2 tr.active{background:#f2f2f2;} table.liste2 tr td{padding:5px;} /************************************************GESTION DES SECTEURS MULTIPLES*******************************************/ ul.liste_multiple{margin-top:15px;padding-top:15px;display:block;} ul.liste_multiple.nomargin{padding:0;margin:0;} ul.liste_multiple > li > a{ font-weight:bold; color:#666; padding:4px 5px 4px 30px; background:#f3f3f3 ;/*url(../images/toggle_1.gif) no-repeat 10px 8px;*/ border-bottom:1px solid #ddd; margin:0 0 1px 0; position:relative; display:block; text-decoration:none; text-align:left; } ul.liste_multiple.grd > li> a{padding:8px 5px 8px 30px;} ul.liste_multiple > li > a:hover{ background:#eee ; color:#1361B1; } ul.liste_multiple li > a.selected{background-color:#f7f7f7;color:#0493EE;} ul.liste_multiple li > a span.label{ font-size:11px;color:#aaa;display:block;position:absolute; width:90px;top:5px;right:5px;font-weight:normal; padding-right:30px;text-align:right; text-decoration:none; } ul.liste_multiple li > a span.lib_unchecked{background:url(../images/lib_unchecked.png) no-repeat right 3px;} ul.liste_multiple li > a span.lib_checked{background:url(../images/lib_checked.png) no-repeat right 3px;} ul.liste_multiple li > div.toggle_content{ padding:10px; margin:0px 0; /*background:url(../images/bg_toggle_div.png) repeat-x left top;*/ } ul.liste_multiple > li{border:none;text-align:left;} ul.liste_multiple > li div.toggle_content{display:none;} ul.liste_multiple > li.opened{border:1px solid #ddd;border-top:none;} ul.liste_multiple > li a div.show_hide_sub_menu{ color:#4E749B; font-size:20px; position:absolute; display:block; left:5px; top:5px; padding:0px; text-align:center; width:20px; height:18px; background:#fff; cursor:pointer; } ul.liste_multiple li a:hover div.show_hide_sub_menu{color:#5BAAFA;} a.addnew, a.undo, a.print{ font-size:16px; /*font-weight:bold;*/ color:#999; text-decoration:none; background:url(../images/add.png) no-repeat left top; padding-left:37px; height:22px; display:block; width:150px; padding-top:10px; float:right; } a.addnew:hover, a.undo:hover{text-decoration:underline;} a.undo{background:url(../images/undo.png) no-repeat left top;width:120px;margin-left:20px;} a.print{background:url(../images/printer_on.png) no-repeat left top;width:120px;} a#a_log {display:inline-block;padding:3px 15px 0 25px;background:url(../images/img/icon_log.png) 0 -3px no-repeat;} a#a_ins{display:inline-block;padding:3px 15px 0 25px;background:url(../images/img/icon_ins.png) 0 -2px no-repeat;} div.cadre_menus{height:32px;padding-bottom:10px;margin-bottom:15px;border-bottom:1px dotted #ccc;} div.cadre_menus h6{float:left;} div.show_hide{position:absolute;height:15px;width:135px;right:0;top:0;} div.show_hide a{color:#999;text-decoration:none;font-size:12px;display:block;position:relative;width:135px;padding-left:15px;} div.show_hide a span.show_hide_sub_menu{ font-size:25px; display:block; width:15px; height:15px; position:absolute; top:-1px; left:0px; color:#5BAAFA; } div.show_hide a:hover span.show_hide_sub_menu{color:#222;} .relative{position:relative} .titre_block { position:relative; width:100%; height:20px;cursor:pointer;margin:15px 0;} .titre_block span{ position:absolute; top:0px; left:0px; z-index:2; font:bold 11px Arial, Helvetica, sans-serif; color:#969596; background-color:#fff; padding-right:5px; padding-left:2px; margin:0px; } .titre_block .picto { position:absolute; display:block; top:0px; right:0px; z-index:2; background: #fff url(../images/picto_0.png) no-repeat right top;padding-left:5px; width:19px; height:19px; } .titre_block .picto:hover, .titre_block:hover .picto { background-image: url(../images/picto_1.png); } .titre_block .line { position:absolute; z-index:1; top:10px; left:0px; width:100%; background-color:#ccc;height:1px; } .titre_block b { color:#06B0FB; font-size:14px;} /*******************************************************************Onglets***************************************************************/ #menus_form{width:100%;height:26px;margin:20px 0 0;border-bottom:5px solid #DDDDDD;padding-bottom:2px;} #menus_form ul li{float:left;display:inline-block;margin-right:5px;height:26px;} #menus_form ul li.first{margin-left:15px;} #menus_form ul li a{font-weight:bold;display:block;font-size:12px;height:20px;padding:2px 10px 4px 10px;background:#EBEBEB url(../images/vide.gif) left top;color:#999;text-decoration:none;border:1px solid #ccc;border-bottom:none;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;} #menus_form ul li a:hover, #menus_form ul li a.current{background-color:#FFA10C;color:#fff;border-color:#FFC71E;} .loading_grd{width:200px;height:200px;background: url(../images/loading2.gif) no-repeat 60px 60px;margin:50px auto;} .pannel_extend, .pannel_extend1, .pannel_extend2{display:none;} a.zoom_in{width:32px;height:32px;display:block;background: url(../images/zoom_in.png) no-repeat left top;margin:0 auto;} a.zoom_in.m{background-image: url(../images/user_1.png);width:48px;height:48px;} a.zoom_in.f{background-image: url(../images/user_2.png);width:48px;height:48px;} .details{line-height:22px;margin-top:20px;} .details div.cadre_content{padding:15px;border:1px solid #F75700} .details img.logo{float:right;margin-left:10px;} .details h5{font-size:14px;color:#444;font-weight:bold;margin:0;padding-bottom:0px;text-transform:uppercase;} .details .sep{height:1px;margin:10px 0;border:none;background:url(../images/trait_sep_h.gif) repeat-x left top;} /* -- Datas tables -- */ .ProfilDatas{font-size:12px;} .ProfilDatas th {background-color:#f5f5f5;border-bottom:2px solid white;color:#000;font-weight:normal;padding:2px 7px;vertical-align:middle;font-size:12px;} .ProfilDatas td {background-color:#FFF;border-bottom:1px solid #efefef;padding:3px 7px;} .ProfilDatas td {line-height: 22px;} .ProfilDatas th td {background-color:transparent;} .img_abs_right{position:absolute;right:10px;top:10px;z-index:99;width:90px;height:90px;} a.lien_neutre{text-decoration:none;} /* simple css-based tooltip */ .infobulles {background-color:#FFFFCC;border:1px solid #CC9933;padding:10px 10px;width:230px;display:none;color:#333;text-align:left;font-size:12px;position:relative;} .infobulles span.arrow{display:block;width:10px;height:19px;position:absolute;left:-10px;top:10px;background:url(../images/focused-left.gif) no-repeat left top;} .infobulles b{color:#000;display:block;padding-bottom:2px;} h3.titre_form{padding:8px 5px;margin:15px 0 10px 0;background:#f5f5f5;/*border-bottom:1px solid #ccc;*/} #zone_form_recherche .input_60{width:45px;font-size:11px;}#zone_form_recherche .input_120{width:80px;font-size:11px;}#zone_form_recherche .input_80{width:60px;font-size:11px;} .div_langues{padding-top:8px;} .autre_langue{display:none;} a.file{width:50px;height:50px;display:block;background: url(../images/file.png) no-repeat left top;} a.file.pdf{background-image:url(../images/pdf.png)} a.file.doc,a.file.docx{background-image:url(../images/doc.png)} a.file.xls,a.file.xlsx{background-image:url(../images/xls.png)} a.file.ppt,a.file.pptx{background-image:url(../images/ppt.png)} /*#page_container #espace_gauche,#page_container #espace_droit{display:none;} #page_container #espace_centre{width:100%;} */ .zone_stats{width:650px;height:400px;padding:10px;border:1px solid #ccc;} div.overlayloading{position:absolute;width:100px;height:15px;padding-top:40px;text-align:center;font-size:11px;font-weight_:bold;background:url(../images/loadinfo.gif) 50% top no-repeat;z-index:6000;color:#555;} .headline.grdtitre{color:#000;font-size:29px;font-weight:400;border:none;display:inline;margin-right:15px;float:left;letter-spacing:-1px;} /*font-size:24px;color:#000;line-height:24px;font-weight:700;padding:0 8px;*/ .headline.grdtitre span{color:#ff6d01;} .cadre_g{padding:6px;border:1px solid #ccc;} #cadre_pas_manquer{margin-top:25px;} #cadre_pas_manquer .grdimg{position:relative;width:286px;height:225px;margin-top:5px;} #cadre_pas_manquer .grdimg img{width:286px;height:225px;} #cadre_pas_manquer .grdimg h4{position:absolute;width:272px;left:0;bottom:0;font-size:13px;padding:7px 7px;line-height:16px;font-weight:bold;background:url(../images/bg_trans_noir.png) left top repeat;} #cadre_pas_manquer .grdimg h4 a{color:#fff;} #cadre_pas_manquer li{width:133px;height:120px;position:relative;float:left;margin:5px 0;background:#f2f2f2;} #cadre_pas_manquer li img{width:131px;height:85px;margin-bottom:5px;border:1px solid #333;} #cadre_pas_manquer li.even{margin-left:20px;} #cadre_pas_manquer a.img{width:131px;height:85px;display:block;position:absolute;left:0px;top:0px;} #cadre_pas_manquer .grdimg a.img{width:286px;height:225px;} #cadre_pas_manquer a.img.btn_video{background:url(../images/btn_video.png) 50% 50% no-repeat;} #cadre_pas_manquer a.btn_video:hover{background-image:url(../images/btn_video_hover.png);} #cadre_pas_manquer li h4{font-size:12px;line-height:14px;font-weight:normal;padding:0 5px;} #cadre_pas_manquer .position_top{position:absolute;top:10px;left:5px;z-index:1;border-radius:3px;background:#88b304;display:block;text-align:center;color:#fff;font-weight:bold;} #cadre_pas_manquer .position_top.premier{width:18px;height:23px;font-size:22px;} #cadre_pas_manquer .position_top.second,#cadre_pas_manquer .position_top.second{width:15px;height:20px;font-size:19px;} /*******************************************************D�tails Publication****************************************************/ h2.article{font-size:23px;font-weight: 550;line-height: 115%;color:#111;border-top:1px dotted #ccc;padding-top:7px;} ul.rails{float:left;display:inline-block;margin-top:3px;padding-bottom:10px;} ul.rails.marg10{margin-left:10px;} ul.rails li{float:left;display:inline-block;padding:0 2px;font-size:12px;color:#999;font-weight:bold;} ul.rails li a{color:#444;text-decoration:underline;}ul.rails li a:hover{text-decoration:none;} ul.rails li.last a{border-radius:3px;background:#ff6d01;display:inline-block;padding:4px 6px;color:#fff;float:left;margin-right:25px;text-decoration:none;margin-top:-2px;} .articletitle-sub{ background: #f7f7f7; border:1px solid #ddd; padding: 8px 10px; color:#999; font-size: 11px; margin:10px 0 10px 0; } .articletitle-sub ul.infos{font-size: 90%;color:#888;margin-top:3px;} .articletitle-sub ul.infos span{color:#444;} .articletitle-sub ul.infos li.tags a{text-decoration:underline;} .articletitle-sub ul.infos li{margin-bottom:5px;} .articletitle-sub ul.infos li.tags a:hover{text-decoration:none;} .articletitle-sub li{display:inline;float:left;padding:0 7px 2px 5px;border-right: 1px solid #ccc} ul.articlesocial{float:right;margin-top:10px;} ul.articlesocial li{display:inline;float:left;padding:0 7px;} .articletitle-sub li.last,.articletitle-sub li.no{border:none;} .detailspublication{font-size: 110%;line-height: 150%;width:650px;} .detailspublication div.div_desc{padding:15px;color:#333;} .detailspublication div.div_desc .orange{color:#ff6d01;} .detailspublication div.div_desc .auteursrce{margin:15px 0;color:#555;text-align:right;font-style:italic;padding:12px 0;border-top:1px dotted #d9d9d9;} .detailspublication div.div_desc .auteursrce span{color:#000;font-weight:bold;} .detailspublication .zonedatas{ position: relative; clear: both; } .detailspublication .zonedatas.video{padding-bottom:50px;background:url(../images/shadow_cadre.png) 50% bottom no-repeat;height:350px;} .detailspublication .zonedatas:after{ display: block; clear: both; content: ''; } .detailspublication .cadre img{ /*cursor: pointer;*/ } .detailspublication .cadre{ position: relative; /*width: 640px;*/ display:inline-block; margin: 0 auto 20px auto; padding: 1px; background: #f6f6ee; border: 1px solid #fff; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; font-size: 0; text-align: center; } .detailspublication .zonedatas.video .cadre{width:640px;height:350px;background:#000;text-align:center;} .detailspublication .zonedatas.video div.wrapper{width:640px;height:350px;position:absolute;left:0;top:0;z-index:9999;} .detailspublication .zonedatas.video .cadre img{width:640px;height:350px;} .detailspublication .cadre .buttonplay{ position: absolute; width: 132px; background: url('../images/buttonplay.png') 50% 50% no-repeat; height: 91px; top: 135px; left: 255px; cursor:pointer; } #ivoirtv_player.youtube-player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { object-fit: cover; display: block; left: 0; bottom: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); -moz-filter: brightness(75%); filter: brightness(75%); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; } .detailspublication .cadre .buttonplay:hover{opacity:.9;} /*.detailspublication h1,h2,h3,h4,h5{font-size:12px;padding:10px 0;margin:0;}*/ .detailspublication p{padding:6px 0;} ul.vue_pics.datas_lies li{width:144px;height:150px;float:left;margin-right:24px;position:relative;} ul.vue_pics.datas_lies.datasliste li{margin-bottom:20px;} ul.vue_pics.datas_lies li.last,ul.datas_lies li.no{margin-right:2px;} ul.vue_pics.datas_lies li img{width:142px;height:80px;margin-bottom:5px;border:1px solid #ccc;} ul.vue_pics.datas_lies li a.img{width:142px;height:80px;display:block;position:absolute;left:1px;top:1px;} ul.vue_pics.datas_lies li a.img.btn_video{background:url(../images/btn_video.png) 50% 50% no-repeat;} ul.vue_pics.datas_lies li a.btn_video:hover{background-image:url(../images/btn_video_hover.png);} ul.vue_pics.datas_lies li h4 a{font-size:12px;line-height:14px;font-weight:normal;color:#000;} /***********Alphabetique****************************/ div.alphabetique{margin:10px 0;height:25px;} div.alphabetique.glossaire{margin:10px;} div.alphabetique ul li{/*width:15px;height:15px;*/float:left;margin-right:2px;display:inline-block;} div.alphabetique ul li a{background:#fff;border:1px solid #eee;/*width:15px;height:11px;*/padding:0px 5px;text-align:center;color:#333;font-weight:bold;text-decoration:none;font-size:11px;} div.alphabetique ul li a:hover, div.alphabetique ul li a.current{background:#ff6d01;border-color:#ff6d01;color:#fff;} div.alphabetique.glossaire ul li a{font-size:15px;padding:1px 5px 0 5px;} /*********************Glossaire de cuisine***********************************/ ul.glossaire li {margin-bottom:15px;} ul.glossaire li h6{font-size:14px;color:#000;padding-bottom:0px;line-height:18px;} ul.glossaire li p{line-height:17px;} /***********************Details Cuisine**********************************************/ .detailspublication div.sectiondatas{padding:10px 0;border-bottom:1px solid #ddd;} .detailspublication span.icoc{display:inline-block;float:left;height:25px;background:url(../images/vide.gif) left 50% no-repeat;padding-left:30px;} .detailspublication span.icoc.repos{background-image:url(../images/ico_temps_repos.gif);} .detailspublication span.icoc.cuisson{background-image:url(../images/ico_temps_cuisson.gif);} .detailspublication span.icoc.temps{background-image:url(../images/ico_temps.gif);} .detailspublication h5.lib{font-size:15px;color:#6faa12; padding-bottom:8px;} .detailspublication div.sectiondatas li > b{color:#666;font-weight:normal;} /************************ MENUS USERS **********************************/ #menu_membre{}#menu_membre h3.titre{margin-bottom:1px;} #menu_membre ul{list-style-type:none; margin:10px 0 10px 0; padding:0; border-bottom:1px dotted #CCC;} #menu_membre ul li{padding:5px;background:url(../images/nav-line.gif) repeat-x top left; /*width:160px; float:left; display:inline;*/} #menu_membre ul li.top-item{background:none;} #menu_membre ul li a{font-weight:bold; /*display:block;*/ padding:7px 9px; font-size:1.2em; text-decoration:none; color:#333333;} #menu_membre ul li a:hover{text-decoration:underline;} .cadre_p10{padding:10px;} .cadre_p25{padding:25px 0 25px 25px;} /************************ COLOR **********************************/ .rouge{color:#b70207;} /**************** cadre_form_connexion *******************/ #cadre_overlay{position:absolute;top:145px;left:0;z-index:98;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:100;} #cadre_form_connexion{position:absolute;z-index:99999;width:715px;top:140px;left:0;background:#6e9e22;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;box-shadow:0 0 10px rgba(0,0,0,.6);-moz-box-shadow:0 0 10px rgba(0,0,0,.6);-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);} body.orange #cadre_form_connexion{background:#d15400;} #cadre_form_connexion.loading{height:365px;background-image: url(../images/load-indicator.gif);background-repeat:no-repeat;background-position:center center;} #cadre_form_connexion ul.sous_menus{float:left;width:160px;margin:20px 0 40px 4px;font-size:14px;font-weight:bold;font-style:italic;} /*#cadre_form_connexion ul.sous_menus li{display:inline-block;}*/ #cadre_form_connexion ul.sous_menus li a{color:#fff;padding:7px 10px;border-bottom:1px solid #93d033;display:block;border-radius:3px;-moz-border-radius:3px;line-height:16px;} body.orange #cadre_form_connexion ul.sous_menus li a{border-color:#ea782c;} #cadre_form_connexion ul.sous_menus li.last a{border:0;} #cadre_form_connexion ul.sous_menus li a:hover{color:#000;/*6faa12*/text-decoration:none;background:#fff;border-color:#fff;} /*body.orange #cadre_form_connexion ul.sous_menus li a:hover{color:#ff6d01;}*/ #cadre_form_connexion .menus_datas_content{width:525px;min-height:240px;padding:25px 0 0 17px;background:#fff url(../images/contextual.png) repeat-x;float:right;border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;position:relative;} #cadre_form_connexion .menus_datas_content .pub img{display:block;width:525px;height:160px;/*margin-left:-20px;*/border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;} /*************************************************************************************Formulaire Login *******************************************************************************/ .form-list {/*display:inline-block;float:left;padding-top:0px;*/} .form-list > li { margin: 0; padding: 10px 0 10px 0;clear:both;display:block;} form.login input.input-text{background: url(../images/bg_input.gif) left bottom repeat-x;border: 1px solid #ddd;color: #404040;font-size: 12px;vertical-align: middle;padding: 5px 10px;width:250px;display:inline-block;} .form-list > li.last{padding-bottom:0px;padding-top:10px;} form.login label {vertical-align: middle;color:#555;font-weight:bold;font-size:12px;display:block;margin-bottom:4px;} #ie form.login label{color:#333;} form.login label.required em {color: #cc0000;margin-right: 4px;vertical-align: middle;font-size:16px;text-transform:none;} form.login input#bout_ok{font-weight:bold;font-size:14px;padding:3px 10px;text-align:center;border:1px solid #ccc;color:#666;background:#f0f0f0;cursor:pointer;} form.login input#bout_ok:hover{color:#BD1E04;} form.login a.lien{padding:7px 0 3px 20px;color:#555;text-decoration:underline;font-weight:normal;} form.login a.lien:hover{color:#C22203} div.cadreform{background:url(../images/login.jpg) right 50% no-repeat;padding :20px 10px} /********************** ABONNEMENT *******************************/ #form_abonnement_id p{line-height:18px;margin-bottom:20px;} #datasfilters_container #div_contenu_abonnement{width:600px;min-height:350px;float:right;/*background:#000;*/margin-right:14px;} #datasfilters_container #div_menus_abonnement{width:300px;min-height:350px;float:left;/*background:#f5f5f5;padding:8px;*/} #new_members{padding:5px;border:1px solid #ccc;background:#f5f5f5;} h5.title_bg span.new_members{background-image: url(../images/new_members.png);width:50px;height:37px;bottom:0;} h5.title_bg.petit{font-size:20px;} #new_members ul li a, #resultsDiv ul li a{text-decoration:none;display:block;padding:5px 0 10px 40px;height:45px;border-bottom:1px solid #fff;color:#333;font-size:12px;line-height:16px;position:relative;} #new_members ul li a img.photo, #resultsDiv ul li a img.photo{width:45px;float:left;margin-right:12px;border:1px solid #999} #new_members ul li a h5, #resultsDiv ul li a h5{font-size:12px;padding:5px 0 10px 0;margin:0;color:#D2226A;line-height:1px;} #new_members ul li a span.num, #resultsDiv ul li a span.num{border:1px solid #e0e0e0;width:30px;height:20px;padding:5px 0;position:absolute;top:12px;left:3px;background:#eee;color:#ccc;font-size:23px;text-align:center;} #new_members ul li a:hover, #new_members ul li a.current, #resultsDiv ul li a:hover, #resultsDiv ul li a.current{background:#fff;} a.sabonnerlittle { background: url("../images/abonner-little.png") no-repeat scroll center top transparent; display: inline-block; height: 23px; overflow: hidden; text-align: left; text-indent: -500em; width: 87px; text-decoration:none; position:absolute; left:20px; bottom:10px; } #datasfilters_container #div_contenu_abonnement ul.abonnement li .paypal { background: url("../images/paypal_logo_small.jpg") no-repeat scroll left top transparent; display: inline-block; height: 50px; width: 124px; position:absolute; right:40px; bottom:10px; } a.sabonnerlittle:hover {background-position: 0 -23px;} #div_contenu_abonnement h2.titre{margin-bottom:0;padding-bottom:0px;} #datasfilters_container #div_contenu_abonnement ul.abonnement{padding:0 10px;border:1px solid #ddd;} #datasfilters_container #div_contenu_abonnement ul.abonnement li{padding:15px 0 15px 160px;position:relative;border-bottom:1px solid #ddd;background: url(../images/accolade-droite.png) 130px 15px no-repeat;height:150px;} #datasfilters_container #div_contenu_abonnement ul.abonnement li.last{border-bottom:none} #datasfilters_container #div_contenu_abonnement ul.abonnement li h2.post-title{font-family:Georgia,serif; font-size:27px; line-height:20px;font-weight:normal;padding:0 0 25px 0;margin:0;color:#D2226A;} #datasfilters_container #div_contenu_abonnement ul.abonnement li span.img{display:block;width:128px;height:128px;position:absolute;top:15px;left:0px;background: url("../images/vide.gif") no-repeat left top;} #datasfilters_container #div_contenu_abonnement ul.abonnement li span.img.silver_h{background-image: url(../images/silver_h.png);} #datasfilters_container #div_contenu_abonnement ul.abonnement li span.img.silver_f{background-image: url(../images/silver_f.png);} #datasfilters_container #div_contenu_abonnement ul.abonnement li span.img.gold_h{background-image: url(../images/gold_h.png);} #datasfilters_container #div_contenu_abonnement ul.abonnement li span.img.gold_f{background-image: url(../images/gold_f.png);} #datasfilters_container #div_contenu_abonnement .retour { background: url("../images/fleche-retour.png") no-repeat right center; font-weight: bold; padding-right: 10px; color:#D2226A; } #datasfilters_container #div_contenu_abonnement p.intro{background:#fff;padding:8px;line-height:22px;margin-bottom:10px;} #datasfilters_container #div_contenu_abonnement ul.abonnement .zone_prix{position:absolute;color:#FF6600;width:150px;height:40px;font-weight:normal;bottom:60px;right:10px;padding:10px 0;} #datasfilters_container #div_contenu_abonnement ul.abonnement .zone_prix .prix{font-family:serif;font-size:42px;} #datasfilters_container #div_contenu_abonnement ul.abonnement .zone_prix .centimes{font-size:23px;} #datasfilters_container #div_contenu_abonnement ul.abonnement li .form-checkbox td{font-size:19px;font-weight:50%;font-family:serif;padding-bottom:15px;color:#555;} /***************Etapes Interm�diaires ******************************/ .content_etape_inter{height:250px;padding:30px 15px;background: url("../images/encours_paypal.jpg") no-repeat right bottom;border:1px solid #ccc;margin:15px;} .content_etape_inter p{font-size:14px; line-height:22px;color:#666;} .content_etape_inter h1{padding-bottom: 0px;font: bold 22px Arial, sans-serif;color:#000;} .hidden, .infos_caches{display:none} .cadre_formulaire_contact{padding:10px;border:1px solid #ccc;/*margin-top:20px;*/} #div_contact h3.grdtitre { font-weight: 400px; /*text-transform: uppercase;*/ padding: 0 0 5px 0; border-bottom: 5px solid #555; text-align: left; color:#000;font-size:29px;font-weight:400;border:none;margin-right:15px;letter-spacing:-1px; } form.formulaire .ligne{padding:5px 0;} #div_contact .ligne{padding:7px 0;} /*#div_client .ligne label{color:#555}*/ form.formulaire .ligne label.libelle, #div_contact .ligne label.libelle{font-weight:bold;color:#555;width:150px;display:block;float:left;font-family:arial;padding-right:12px;} form.formulaire .ligne label.libelle.long, #div_contact .ligne label.libelle.long{width:auto;float:none} #div_contact .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;padding-left:12px;padding-right:0;} form.formulaire input[type="text"], form.formulaire input[type="password"], form.formulaire textarea, #div_contact input[type="text"], #div_contact input[type="password"], #div_contact textarea {border:1px solid #BFBDBD;padding:3px 8px;color:#888;font-family:arial;} form.formulaire select, #div_contact select{font-size:12px;border:1px solid #BFBDBD;padding:1px 2px;color:#888;} form.formulaire a.bout, #div_contact a.bout{font-size:18px;padding:10px 0px;color:#777;width:270px;color:#fff;background:url(../images/bg_menu2.jpg) left top repeat-x;display:block;text-decoration:none;text-align:center;} form.formulaire a.bout:hover, #div_client a.bout:hover{background-image:url(../images/bg_menu.jpg);} #div_contact input[type="text"], #div_contact select, #div_contact input[type="password"]{font-size:16px;font-weight:bold;} #div_contact .ligne label.libelle{font-size:12px;padding-top:3px;width:150px} #div_contact .ligne_unique {padding:4px 0 4px 160px;} div.format_contacts{font-size:14px;line-height:20px;padding:0;margin:0px 0 0 0;color:#333;} div.format_contacts h6, div.format_services h6{font-size:18px;line-height:20px;padding:3px 8px;margin-bottom:8px;background:#f2f2f2;} .contact li {line-height:25px;list-style-type: disc;margin-left: 15px;} .contact li span{color:#666;font-weight:bold;} /*************** Services ****************/ div.format_services{font-size:14px;line-height:20px;padding:0;margin:0px 0 0 0;color:#333;} div.format_services p{line-height:21px;margin: 10px 0 0 0;} .format_services ul{margin-left: 15px;} .format_services li {line-height:25px;list-style-type: disc;} .format_services li span{color:#666;font-weight:bold;} .format_services li li {line-height:25px;list-style:none;background:url(../images/services-dots.png) left top no-repeat;} div.format_services h4{font-size:90%;line-height:20px;padding:3px 8px;margin-bottom:8px;background:#f2f2f2;} /********** xiti **********/ .xiti{text-align:center;margin-top:10px} .infos_abonnement{background:#f2f2f2;padding:3px 8px;line-height:20px;font-size:16px;margin-bottom:5px} .bg_anim_1{height:25px;background: url(../images/bg_anim_1.png) 50% top no-repeat;} .bg_anim_2{height:25px;background: url(../images/bg_anim_2.png) 50% bottom no-repeat;margin-bottom:15px;} .cadre_pubc{text-align:center;} /*************************************************************************************module mise en avant**************************************************************************/ #bloc_mise_en_avant{margin:0px 0 30px 0;background:url(../images/bg-footermenus.jpg) center top no-repeat;padding-top:25px;} #bloc_mise_en_avant > div{padding:4px;border:1px solid #ccc;position:relative;} div.flashinfos{margin-top:15px;height:20px;position:relative;} div.flashinfos h6{font-size:16px;text-transform:uppercase;font-weight:bold;float:left;margin:0 0px 0 0;background:#bf1e03;padding:0px 8px;display:inline-block;line-height:28px;color:#fff;} div.flashinfos > div{float:left;background:#fce8e4;padding:0px 18px 0 18px;display:inline-block;line-height:28px;color:#000;width:800px;overflow:hidden;height:28px;/*font-weight:bold;font-size:11px;*/} div.flashinfos a{color:#000;} div.flashinfos a.prev,div.flashinfos a.next{display:block;float:left;width:5px;height:10px;margin:10px 5px 0 0;outline:none;background:url(../images/ticket-scroll-right.png) no-repeat;} div.flashinfos a.prev{background:url(../images/ticket-scroll-left.png) no-repeat;}div.flashinfos a.next{margin-right:15px} div.flashinfos > ul > li{display:none;} #bloc_mise_en_avant > div > ul > li{width:300px;float:left;margin-right:30px;height:398px;overflow:hidden;} #bloc_mise_en_avant > div > ul > li.last, #bloc_mise_en_avant > div > ul > li:last-child{margin-right:0;} #bloc_mise_en_avant > div > ul > li .moreLink{float:none;margin:8px 0;text-align:right;padding-right:15px;} #bloc_mise_en_avant > div > ul > li .moreLink a{text-decoration:none;color:#555;} #bloc_mise_en_avant > div > ul > li .moreLink a:hover{text-decoration:none;} #bloc_mise_en_avant > div > ul > li h4{padding:5px 0;font-size:20px;border-bottom:5px solid #ccc;border-top:0px solid #ccc;margin-bottom:10px;font-weight:normal;} #bloc_mise_en_avant > div > ul > li h4.vert{border-color:#93c312;color:#93c312;} #bloc_mise_en_avant > div > ul > li h4.orange{border-color:#ff6d01;color:#ff6d01;} #bloc_mise_en_avant > div ul.defaultlist li{height:90px;padding:8px 0 10px 0;background:url(../images/bg_item.png) center bottom no-repeat;position:relative;} #bloc_mise_en_avant > div ul.defaultlist li img{float:left;margin-right:8px;width:80px;height:80px;} #bloc_mise_en_avant > div ul.defaultlist li img.right{float:right;margin-left:8px;} #bloc_mise_en_avant > div ul.defaultlist li b{ color:#000;text-transform:uppercase;margin-bottom:6px; overflow: hidden; max-height: 36px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_mise_en_avant > div ul.defaultlist li span { overflow: hidden; max-height: 44px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_m #bloc_mise_en_avant > div ul.defaultlist li img{width:100px;height:80px;float:left;margin-right:10px;} #bloc_mise_en_avant > div ul.defaultlist li a.lien{padding-top:4px;line-height:15px;color:#000;} #bloc_mise_en_avant > div ul.defaultlist li a.img{width:100px;height:80px;display:block;position:absolute;left:0;top:0;} #bloc_mise_en_avant > div > ul > li ul.border{padding:7px;border:1px solid #ccc;} #bloc_mise_en_avant > div > ul > li h2{font-size} /*#bloc_mise_en_avant > div > ul > li .promo{background:#f0f0f0;position:relative;} #bloc_mise_en_avant > div > ul > li .promo .text{padding:8px;}*/ #bloc_mise_en_avant > div > ul > li .promo img{width:300px;height:230px;margin-bottom:4px;} #bloc_mise_en_avant > div > ul > li .promo h2 a{ font-size:18px; font-weight:normal; padding:8px 0 0; line-height:19px; color:#000; margin-bottom: 8px; overflow: hidden; max-height: 19px; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_mise_en_avant > div > ul > li .promo p{ line-height:17px;margin-top:5px; overflow: hidden; max-height: 51px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } /* ------------------------------------------------ Zone partenaires Clients --------------------------------------------------------------------- */ #footer{width:960px;padding:10px 20px;background:#fff;position:relative;margin:0 auto;margin-top:15px;border-bottom:5px solid #93c312;} #footer .menusnav{display:inline-block;margin:5px auto 0 auto;background:transparent url(../images/bg-footermenus.jpg) 50% 10px no-repeat;padding-top:40px;} #footer .menusnav li{display:inline-block;float:left;} #footer .menusnav li a{color:#dd5f03;font-size:12px;font-weight:bold;padding:5px 15px;border-right:1px solid #ccc;} #footer .menusnav li.last a{border-right:0;} #footer .copyright{font-size:11px;color:#555;margin:25px 0 0px 0;text-align:center;padding-top:15px;border-top:1px solid #eee;} #footer > ul.partenaires > li{float:left;display:inline-block;/*width:465px;*/margin-left:20px;} #footer > ul.partenaires > li.first{margin-left:0;} #footer ul.latest{margin-top:15px;padding-top:15px;border-top:5px solid #ddd;} #ie #footer ul.latest{padding-top:10px;} #footer ul.latest li{display:inline;float:left;margin:0 17px 0 0;line-height:14px;position:relative;} #footer ul.latest li a{display:inline-block;height:150px;width:120px;overflow:hidden;font-size:11px;} #footer ul.latest li a:hover{text-decoration:none;} #footer ul.latest li a img{display:block;float:none;height:90px;margin:0 0 5px 0!important;width:120px;} #footer ul.latest li span{font-weight:bold;color:#000;} #footer .headline{border:none;padding-bottom:0;color:#999;padding-top:8px;} #footer ul.latest li.current p{padding:3px;background:#fceee4;} #footer ul.latest li.current a img{width:114px;height:84px;border:3px solid #ff6d01;} #footer ul.latest li.current span{color:#ff6d01;} #footer ul.latest li strong{color:#fff;font-weight:bold;display:block;text-align:center;width:52px;height:25px;margin:15px 5px 0 0px;padding:0;background: url(../images/t4.png) no-repeat 0 0px;position:absolute;top:56px;left:36px;font-style:none;} #footer ul.latest li.current strong{background: url(../images/t3.png) no-repeat 0 0px ;} /*********************** Vitrines ****************************/ #bloc_vitrine ul.vitrine > li .catmedia{left:10px;top:139px;} #bloc_vitrine{margin:20px 0;} #bloc_vitrine-content .jcarousel-container-horizontal{width: 951px;height:260px;overflow:hidden;padding:0px 0px;} #bloc_vitrine-content {width: 951px;padding:10px;border:1px solid #ccc;height:260px;overflow:hidden;} #bloc_vitrine-content .jcarousel-clip{width:951px;height:320px;overflow:hidden;} #bloc_vitrine ul.vitrine{height:260px;overflow:hidden;} #bloc_vitrine ul.vitrine > li,#bloc_vitrine-content .jcarousel-item{padding:10px 10px;width:277px;height:240px;float:left;background:#f0f0f0;margin:0 10px;position:relative;} #bloc_vitrine ul.vitrine > li img{width:277px;height:150px;margin-bottom:4px;} #bloc_vitrine ul.vitrine > li h2{ font-size:18px; font-weight:normal; margin-bottom:4px; line-height:19px; color:#000; max-height: 38px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_vitrine ul.vitrine > li strong{color:#000;} #bloc_vitrine ul.vitrine > li p{ line-height:15px; max-height: 45px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #bloc_vitrine ul.vitrine > li a{width:277px;height:150px;position:absolute;z-index:999999;display:block;} #bloc_vitrine .cs-buttons {position:absolute;right:100px;top:18px;display:inline-block;} #bloc_vitrine .cs-buttons a {background:url(../images/cs-button1.png) no-repeat 0 0;float:left;width:15px;height:15px;margin-left:4px;text-indent: -9999px;z-index:2;} #bloc_vitrine .cs-buttons a:hover, #bloc_vitrine .cs-buttons a.cs-active {background:url(../images/cs-button2.png) no-repeat 0 0;} #bloc_vitrine .cs-prev, #bloc_vitrine .cs-next {width:32px;height:31px;text-indent:-9999em;top:10px;} #bloc_vitrine .cs-prev {background:url(../images/cs-prev.png) no-repeat 0 0;position:absolute;right:55px;display:block;cursor:pointer;} #bloc_vitrine .cs-next {background:url(../images/cs-next.png) no-repeat 0 0;position:absolute;right:20px;} .contentpage{width:974px;padding:10px 13px;background:#fff;position:relative;margin:0 auto;/*margin-top:15px;border-top:5px solid #555;*/border-bottom: 5px solid #ccc;} .contentpage.orange{border-color:#FF6D01;} /*****************************************************************Cadre Annonces*************************************/ #cadre_annonces{padding_:8px;overflow:hidden;position:relative;height:358px;} #cadre_annonces ul li{padding:0 8px 8px 0;position:relative;color:#222;line-height:16px;float:left;} #cadre_annonces > div.promo > ul > li img{width:300px;height:230px;margin-bottom:8px;} #cadre_annonces > div > ul.promo > li h2 a{font-size:18px; font-weight:normal; padding:8px 0; line-height:19px; color:#000;} #cadre_annonces > div > ul.promo > li p{line-height:17px;padding-top:20px;} #cadre_annonces .nav{display: inline;position:absolute;right:0;top:14px;} #cadre_annonces .nav li {float:left;list-style:none;} #cadre_annonces .nav li.current a, #cadre_annonces .nav li:hover a{background-position: 0 0;} #cadre_annonces .nav a { background: url(../images/services-dots.png) no-repeat right 0; width: 13px; height: 13px; display: inline-block; text-decoration: none; } #cadre_annonces .nav a + a {margin-left: 2px;} #home_news{margin:0px 0px 0px;} #home_news .header{ background: #7BB101 none repeat scroll 0% 0%; padding: 7px 15px 5px; margin:20px 0 10px; display: block; height:23px; } #home_news .header h2 { float: left; font-size: 20px; color: #FFF; line-height: 18px; font-weight: 700; } #home_news .header a{ float: right; line-height: 22px; color: #FFF; font-size: 14px; text-decoration:none; } #home_news .header a:hover{text-decoration:none;color: #FFF;} #home_news .header.orange{background-color:#F16407;} #home_news .header.jaune{background-color:#E8A401;} #home_news .header.rouge{background-color:#DA0005;} #home_news .header.bleu{background-color:#036DAB;} #home_news .header.bleu2{background-color:#089496;} #home_news .header.vert2{background-color:#B9CE59;} #home_news .header.rose{background-color:#CF5898;} #home_news .header.vert3{background-color:#2C6D00;} #home_news .header.bleu3{background-color:#30A7E4;} #home_news .header.rouge2{background-color:#9A130D;} #home_news .header.bleu4{background-color:#3DB4AE;} #home_news .header.marron{background-color:#94737E;} #home_news .header2{ background: #EEE none repeat scroll 0% 0%; padding: 7px 14px; font-size: 14px; font-weight: bold; margin: 0px 0px 10px; display: block; } #home_news .actusection{display:block;margin-bottom:20px;} #home_news .actusection .srce, p.imgarchive { font-size: 12px; font-style: normal; font-variant: normal; color: #999; display:block; padding:0px 0 6px; line-height:16px; } p.imgarchive{padding-top:8px;} #home_news .actusection ul.big > li{float:left;margin-right:25px;width:605px;} #home_news .actusection ul.big > li.small{margin-right:0px;width:344px;} #home_news .actusection ul.big > li.big img.zoom{width:605px;height:445px;margin-bottom:5px;} #home_news .actusection ul.big > li.small img{width:344px;height:254px;margin-bottom:5px;} #home_news .actusection ul.big > li.small ul.list8{margin-top:10px;padding-top:10px;border-top:1px solid #ccc;} #home_news .actusection ul.big > li.small ul.list8 li { position: relative; padding-right: 14px; } #home_news .actusection ul.big > li.small ul.list8 li { list-style: outside none none; border-bottom: 1px solid #ECEAEA; margin-bottom: 5px; padding-bottom: 5px; font-size: 12px; color: #000; line-height: 17px; } #home_news .actusection ul.big > li.small ul.list8 li a { max-height: 48px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.big h1{ font-weight: 400; font-size: 32px; line-height:36px; margin-bottom:5px; } #home_news .actusection ul.big h1 a{ font-weight: 400; font-size: 32px; line-height:36px; padding-bottom:5px; max-height: 108px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.big h2{ font-weight: 400; font-size: 18px; line-height: 23px; } #home_news .actusection ul.big h2 a{ max-height: 43px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.big > li.big p{ font-weight: 400; font-size: 1rem; line-height: 1.375; max-height: 88px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.big a{color:#262626 !important;} #home_news .actusection ul.big a:hover{color:#FF6D01 !important;text-decoration:none;} #home_news .actusection ul.imgliste > li{float:left;margin:0 10px 15px 0;width:195px;height:215px;overflow:hidden;} #home_news .actusection ul.imgliste > li.nomarg{margin-right:0px;} #home_news .actusection ul.imgliste > li img{width:195px;height:130px;margin-bottom:8px;} #home_news .actusection ul.imgliste > li h6{font-size:12px;line-height:17px;font-weight:normal;} #home_news .actusection ul.imgliste > li h6 a { max-height: 51px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.imgliste .srce{font-size:11px;line-height:13px;} #home_news .actusection ul.catsNews { margin-top: 15px; padding-top: 15px; border-top: 5px solid #DDD; } .sepline{ margin:15px 0 0; padding-top: 15px; border-top: 5px solid #DDD; height:1px; } #home_news .actusection ul.catsNews > li{float:left;margin:0 22px 15px 0;width:310px;height:290px;overflow:hidden;} #home_news .actusection ul.catsNews > li.nomarg{margin-right:0px;} #home_news .actusection ul.catsNews > li .futured{margin:8px 0;} #home_news .actusection ul.catsNews > li .futured img{width:95px;height:70px;float:left;margin-right:10px;} #home_news .actusection ul.catsNews > li .futured h6{font-size:14px;line-height:18px;font-weight:bold;} #home_news .actusection ul.catsNews > li .futured h6 a{ max-height:70px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.catsNews > li .futured h2 a{ max-height:66px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.sportnews > li{float:left;margin:0 22px 15px 0;width:310px;height:530px;overflow:hidden;} #home_news .actusection ul.sportnews > li.nomarg{margin-right:0px;} #home_news .actusection ul.sportnews > li .futured{margin:8px 0;} #home_news .actusection ul.sportnews > li .futured img{width:310px;height:230px;margin-bottom:8px;} #home_news .actusection ul.sportnews > li .futured h2{ font-weight: 400; font-size: 18px; line-height: 23px; } #home_news .actusection ul.sportnews > li ul.links18{margin-top:10px;padding-top:10px;border-top:1px solid #ccc;} #home_news .actusection ul.sportnews > li ul.links18 li { position: relative; padding-right: 14px; } #home_news .actusection ul.sportnews > li ul.links18 li { list-style: outside none none; border-bottom: 1px solid #ECEAEA; margin-bottom: 5px; padding-bottom: 5px; font-size: 12px; color: #000; line-height: 17px; } #home_news .actusection ul.sportnews > li ul.links18 li a { max-height:31px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.sportnews > li ul.links18 li.last{border-bottom:none;} ul.listdisc{margin-left:12px;} ul.listdisc li { list-style: outside none disc !important; color: #7BB101; margin-bottom: 5px; line-height: 16px; } ul.listdisc li a { max-height:30px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #home_news .actusection ul.big ul.listdisc li a:hover{color:#262626 !important;text-decoration:underline !important;} ul.listdisc.orange li, ul.listdisc.orange li a:hover{color:#F16407 !important;} ul.listdisc.jaune li, ul.listdisc.jaune li a:hover{color:#E8A401 !important;} ul.listdisc.rouge li, ul.listdisc.rouge li a:hover{color:#DA0005 !important;} ul.listdisc.bleu li, ul.listdisc.bleu li a:hover{color:#036DAB !important;} ul.listdisc.bleu2 li, ul.listdisc.bleu2 li a:hover{color:#089496 !important;} ul.listdisc.vert2 li, ul.listdisc.vert2 li a:hover{color:#B9CE59 !important;} ul.listdisc.rose li, ul.listdisc.rose li a:hover{color:#CF5898 !important;} ul.listdisc.vert3 li, ul.listdisc.vert3 li a:hover{color:#2C6D00 !important;} ul.listdisc.bleu3 li, ul.listdisc.bleu3 li a:hover{color:#30A7E4 !important;} ul.listdisc.rouge2 li, ul.listdisc.rouge2 li a:hover{color:#9A130D !important;} ul.listdisc.bleu4 li, ul.listdisc.bleu4 li a:hover{color:#3DB4AE !important;} ul.listdisc.marron li, ul.listdisc.marron li a:hover{color:#94737E !important;} /************************ sondages ******************/ .cadre_datas_sondage {border-bottom: 1px solid #CCC;padding: 5px 0px;color: #555;} .cadre_datas_sondage .header{position:relative;padding-left:30px;padding-top:5px;line-height:20px;color:#000}.cadre_datas_sondage span{color:#6FAA12;width:30px;height:16px;display:block;padding:7px 0;position:absolute;left:5px;top:5px;font-size:27px;} .cadre_datas_sondage ul{margin-top:10px;} #sondage .bg_progress, #grd_sondage .bg_progress{width:100%;height:6px;background:url("../images/sondages/progr4.gif") repeat-x left top;left:0;bottom:5px;position:absolute;} #sondage .progress, #grd_sondage .progress{width:60%;height:6px;background:url("../images/sondages/progr.gif") repeat-x left top;left:0px;bottom:5px;position:absolute;} .social-share { margin: 15px 0 } .social-share .header { padding: 0 0 5px; border-bottom: 1px solid #e8e8e8; height: auto; top: auto !important; font-size: 1.154em; font-weight: 600; color: #000; margin: 0 0 1.333em } .social-share .clear { clear: both } .social-share ul { font-size: .923em; margin: 0; padding: 0; float: right; list-style: none } .social-share ul li { margin-top: 0; margin-bottom: 3px; margin-right: 3px; float: left; transition: all 0.3s ease-in-out 0s } .social-share ul li a { padding: .385em .769em; border-radius: 3px; background: #444; color: #fff !important; text-decoration: none; cursor: pointer } .social-share ul li a:hover { text-decoration: none } .social-share ul li.twitter a { background: #00aced } .social-share ul li.twitter a:hover { background: #0093cb } .social-share ul li.email a { background: #999 } .social-share ul li.email a:hover { background: #888 } .social-share ul li.facebook a { background: #3b5998 } .social-share ul li.facebook a:hover { background: #324b80 } .social-share ul li.pinterest a { background: #cb2027 } .social-share ul li.pinterest a:hover { background: #ae1b21 } .social-share ul li.googleplus a { background: #dd4b39 } .social-share ul li.googleplus a:hover { background: #d03724 } .social-share ul li.linkedin a { background: #4875b4 } .social-share ul li.linkedin a:hover { background: #3e659c }