/*--------------------------style principale-----------------------------*/ @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:700); /*background-images*/ body { background:url('../background-images/body.png') repeat-x #fff; } #top-navigation { background:url('../background-images/gradien.png') repeat-x 0 0; height:36px; } #layout { background:url('../background-images/layout-background.png') no-repeat -6px 0; width:1000px; margin:auto; } .horizon-separ, .page-heading, .back-top { background : url('../background-images/gradien.png') repeat-x ;} .horizon-separ{ height:8px; display:block; background-position:0 -79px; margin:20px 0; } .page-heading{ height:21px; background-position:0 -90px;} #FeaturedPosts .prev, #FeaturedPosts .next {background-position:0 -58px;} #FeaturedPosts .obsolet {background-position:0 -38px;} /*icons-sprite*/ .picto { background:url('../background-images/sprite.png') no-repeat; } #avis .picto { background-position:-4px -8px; } #ident .picto { background-position:-29px -7px; } #inscrp .picto { background-position:-51px -8px; } #recher .picto { background-position:-93px -8px; } #citation .picto { background-position:-76px -8px; height:15px; width:15px; margin-left:-40px; } #meteo-degre .picto { background-position:-99px -4px; height:20px; width:5px; margin-top:5px; margin-left:80px; } #meteo-picto{ background-position:-127px 0px; height:55px; width:50px; float: right; } #home { background-position:0 -27px; height:16px; width:21px; } #rss { background-position:-29px -33px; height:16px; width:46px; } #quik-link-foot a .picto{ background-position:-179px -45px; height:12px; width:16px; margin-top:2px; margin-right:3px;} #linkIndexPaginFlash .picto{ background-position:-179px -45px; height:12px; width:16px; margin-top:2px; margin-right:3px;} #linkIndexPaginFlash { margin-top:-21px; margin-right:9px; padding-right: 5px; float: right;} #posts-tab .right-links .picto { background-position:-76px -35px; height:12px; width:16px; margin-top:2px; margin-right:3px; } #tab-button .active .picto, #tab-button li:hover .picto { height:10px; width:10px; background-position:-114px -21px; position:absolute; bottom: -10px; left: 0px;} #setting .picto { height:16px; width:20px; background-position:-104px -32px; margin-right:5px; } .pagination .picto { height:26px; width:25px; padding:0; cursor:pointer; } .pagination .prev{ background-position:-198px -11px; } .pagination .next { background-position:-229px -11px; margin-right:-1px; } .pagination .prev.obsolet{ background-position:-198px -46px; } .pagination .next.obsolet { background-position:-229px -46px; } .arch .picto, #actu-multimedia .right-links .active .picto { height:12px; width:14px; background-position:-78px -33px; } #carecature .more .picto, #edition .more .picto,#pdf-list .more .picto { height:12px; width:14px; background-position:-90px -33px; } #edito p .picto { height:25px;width:40px;background-position:-341px -16px;} #commun .picto { height:50px; width:50px;} #commun #rss-out { background-position:-59px -75px; } #commun #facebook .picto { background-position:0 -75px; margin-right:10px;} #media-carousel li .picto, #multimedia-area .posts-item .video, #multimedia-area .posts-item .photo, #actu-multimedia .photo, #actu-multimedia .video { height:25px; width:25px; position:absolute; top:10px; right:10px;cursor:pointer;} #media-carousel li .photo,#multimedia-area .posts-item .photo, #actu-multimedia .photo { background-position:-112px -60px;} #media-carousel li .video,#multimedia-area .posts-item .video, #actu-multimedia .video { background-position:-142px -60px;} #top-page .picto { height:15px; width:15px; background-position:-173px -61px;} #kreo {height:20px; width:35px; background-position: -339px -48px ;} .page-heading .share .picto { height:17px; width:17px; } #sh-facebook{ background-position: -336px -73px; } #sh-twitter{ background-position: -359px -73px; } #sh-rss{ background-position: -113px -199px; } #p-facebook { height:21px;width:21px; background-position: -335px -96px; margin-top:-2px; } #p-twitter { height:21px;width:21px; background-position: -361px -96px; margin-top:-2px; } #img-thumb .picto{ height:30px; width:21px;margin:20px 10px 0; } #img-thumb .prev{ background-position:-183px -177px; } #img-thumb .next{ background-position:-208px -177px; } .media-post .share .picto { height:15px; width:15px;background-position:-312px -231px; margin-right:5px;} #slider-videos .feature .picto { position:absolute; height:95px; width:100px; background-position:-4px -133px; top:130px; left:250px;} .tps .picto {margin-right:5px;cursor:pointer;} .tps #renetial { height:15px; width:25px; background-position:-124px -142px; } .tps .sub { height:15px; width:15px; background-position:-150px -142px; } .tps .add { height:15px; width:15px; background-position:-164px -142px; } .tps #print { height:15px; width:15px; background-position:-192px -142px; margin-left:10px; } #tags .picto { height:12px; width:12px; background-position:-118px -176px; margin-right:5px; margin-top:2px; } #FeaturedPosts .prev span, #FeaturedPosts .next span{height:5px;width:11px;margin-left:65px;margin-top:6px;} #FeaturedPosts .prev .picto{background-position:-64px -64px;} #FeaturedPosts .next .picto {background-position:-64px -57px;} #FeaturedPosts .prev.obsolet .picto{background-position:-48px -58px;} #FeaturedPosts .next.obsolet .picto{background-position:-48px -64px;} #quik-link-foot .prev .picto, #quik-link-foot .next .picto{ height:10px; width:5px; margin-top:3px;} #quik-link-foot .prev .picto{background-position: -7px -54px;} #quik-link-foot .next .picto{background-position: -18px -54px;} #chronic-caroul .prev .picto, #chronic-caroul .next .picto, #media-carousel .mprev .picto, #media-carousel .mnext .picto, #posts-carousel .aprev .picto, #posts-carousel .anext .picto { height:32px; width:32px;margin-left:5px;} #chronic-caroul .prev .picto, #media-carousel .mprev .picto, #posts-carousel .aprev .picto { background-position: -195px -9px;} #chronic-caroul .next .picto,#media-carousel .mnext .picto, #posts-carousel .anext .picto { background-position: -228px -9px;} #chronic-caroul .prev.obsolet .picto, /*#media-carousel .prev.obsolet .picto, #posts-carousel .aprev.obsolet .picto*/ { background-position: -195px -43px;} #chronic-caroul .next.obsolet .picto, #media-carousel .next.obsolet .picto, #posts-carousel .anext.obsolet .picto { background-position: -228px -43px;} #dossier-slider .dnext, #dossier-slider .dprev {margin-left:10px;} #dossier-slider .dnext .picto, #dossier-slider .dprev .picto {height:35px; width:35px;} #dossier-slider .dprev .picto { background-position: -116px -87px;} #dossier-slider .dnext .picto { background-position:-154px -87px;} /*#dossier-slider .dprev.obsolet .picto { background-position: -193px -87px; }*/ #dossier-slider .dnext.obsolet .picto { background-position:-231px -87px; } #edition .prev .picto, #edition .next .picto { height:54px; width:26px; } #edition .next .picto { background-position: -271px -7px;} #edition .prev .picto { background-position: -307px -7px;} #edition .next.obsolet .picto { background-position: -271px -65px;} #edition .prev.obsolet .picto { background-position: -307px -65px;} /*tranformation*/ .picto, #antispam strong { display:block; float:left; } /*typographie*/ #SousMenu-PostItem h3, #posts-carousel h2, #posts-tab h2, #carecature h3, #edition h3, #edito h3 , #commun a, #sondage h3 , #media-carousel h2, #chronic-caroul h2, .page-heading h2, #actu-multimedia h2,#main-post h3 { font-family:geogia; } #SousMenu-PostItem, #breadcrumb, #FirstPostPreview h3 , #FeaturedPosts h3, #flux-rss, #quik-link h3, #tab-HeadPosts a, #tab-PostsList a, #edito p, #sondage h4, #sond-body li,.media-post h3 , #side-post h3 , #main-post h1, #tags,.more-post .right-side, #side-arg h4, #incription p { font-family:verdana; } .PostDateHeure span {font-family:arial;} .text-content .media span {font-size:9px;} #top-navigation .left-links a , #top-navigation .right-links a, #meteo-auther, .auteur, .date, .heure, .sous-menu .links-items a, #breadcrumb, #bottom-navigation .share a, .PostDateHeure span,.PostDateHeure a, .pince, #pdf-list .more, #actu-multimedia #post-items .btn, .valid, #detail-form span { font-size:11px; } #flux-rss h4, #posts-carousel li a, #sondage h4, #comentaire h4, .text-cm .top, .text-cm .top span, .text-cm .top a, #incription h4, #side-arg h4 { font-size:12px; } #quik-link-foot a, #edito p, #sond-body .more a, #chronic-caroul p { font-size:13px; } #main-navigation .right-links a, #quik-link h3, #tab-PostsList p, .text-content p, .media-post-content p, #DateHeureAuteur a, #DateHeureAuteur span, #DateHeureAuteur { font-size: 12px;} #meteo-villes a, #SousMenu-PostItem h3, #FeaturedPosts h3 , #commun a, #dossier-slider .pince, #foot-core .right h4, #multimedia-area .posts-item h3, #side-post h3 { font-size:15px; } .media-post h3 {font-size:16px; } #FirstPostPreview h3 ,.media-post h3 { font-size:17px; margin-right: 15px;} #main-navigation .head-line-link, #pseudo a{ font-size:14px; font-family:'Old+Standard+TT:700:latin'} #main-navigation .head-line-link:hover {color:#F00} #main-post h1, #captcha .text { font-size:22px; } #posts-carousel h2, #meteo-degre h2, #posts-tab h2, #carecature h3, #edition h3 , #edito h3, #sondage h3, #actu-multimedia h2, #main-post h3, #incription h3, #media-carousel h2, #chronic-caroul h2 { font-size:24px; font-weight: bold!important;} .page-heading h2 { font-size:30px; } #dossier-slider h2 { font-size:40px; } #FirstPostPreview h3, #FeaturedPosts h3, .sous-menu .links-items a, #quik-link h3, #posts-carousel h2 , #posts-tab h2 , #posts-carousel h2, #carecature h3, #edition h3, #edito h3, #sondage h3, #sond-body label, #media-carousel h2, #chronic-caroul h2 ,.media-post h3, #multimedia-area .posts-item h3,#actu-multimedia #post-items #multimedia-pagination li a, #actu-multimedia #post-items .btn, #main-post h1, #main-post h3, .com-chek a, label { font-weight:normal; } .sous-menu .links-items a:hover, .sous-menu .links-items .active, #meteo-villes a, #main-navigation .right-links a, #bottom-navigation .share a, .pince, #quik-link .PostDateHeure .heure, #posts-carousel li a, #posts-tab .right-links a:hover , #posts-tab .right-links .active, #tab-button .active, #tab-button li:hover, #left-vertical-navigation .more, #tab-PostsList a, .pagination a, #edito-body .more, #commun a, #sond-body .more .ex-v, #media-carousel .mda-core a, #chronic-caroul a, #foot-core #top .right a ,#border-posts a, .search .select span, .search a, #slider-photos .feature p, #actu-multimedia .right-links a:hover, #actu-multimedia .right-links .active, #actu-multimedia #post-items a, .more-post a , .valid, #com-inscription,#head-cm a, .text-cm .top { font-weight:bold; } #main-navigation .head-line-link, .pince, #quik-link .PostDateHeure .heure, #tab-button .active a, #tab-button li:hover a, #edito-body .more, #sond-body .more .ex-v, #dossier-slider .pince, #dossier-slider h2 a, #foot-core .right h4, #foot-core #top .right a ,#foot-navigation a, .search a, #slider-photos .feature p , .media-post-content .pince, .media-post-content p,.media-post .vue, #multimedia-area .posts-item h3, #multimedia-area .posts-item a, #multimedia-pagination .btn, #actu-multimedia #post-items .btn:hover, .valid, .valid:hover, .search a:hover { color:#fff; } #meteo-villes a, .sous-menu .links-items a, #SousMenu-PostItem h3, #bottom-navigation .share a:hover, #flux-rss h4, #quik-link h3,#quik-link .PostDateHeure span, #posts-carousel li a, #posts-tab h2, #setting, #carecature h3, #edition h3, #edito h3, #commun h4, #sondage h4, #sondage h3, #media-carousel h2, #media-carousel .mda-core a, #chronic-caroul h2, #bottom-foot .left li ,.page-heading span, .search h4, #actu-multimedia h2, #DateHeureAuteur .date, #DateHeureAuteur .heure, #DateHeureAuteur, #main-post h1, #comentaire h4, #comentaire #head-cm strong, #incription h4 , #side-arg h4 { color:#000; } .auteur, .date, .heure, #meteo-degre h2, .sous-menu .links-items a:hover, .sous-menu .links-items .active, .PostDateHeure span, #edito strong, #media-carousel h2 span, #media-carousel .PostDateHeure a, #top-page, .page-heading h2, .search .select span,.media-post h3, #actu-multimedia #post-items .PostDateHeure span, #DateHeureAuteur .comment-conteur, #tags a,#main-post h3 span, #head-cm a, #incription h3 span, #pseudo a { color:#c50000; } #SousMenu-PostItem h3 span, #posts-carousel h2 span, #posts-tab h2 span, #left-vertical-navigation .more span, #edition h3 strong , #actu-multimedia h2 span, #multimedia-pagination li a, #com-inscription, .com-chek span, .text-cm .bottom a, .text-cm .bottom , #incription h4 span , #bottom-iscript .com-chek span { color:#f00; } #breadcrumb a {color:#003872;} #foot-core p, .media-post-content .PostDateHeure span{ color:#ccc; } #posts-tab .right-links a { color:#333; } #breadcrumb span, .pagination a, .search select, #actu-multimedia .right-links a, #actu-multimedia span { color:#666; } .media-post .share { color:#999; } #multimedia-area .posts-item .PostDateHeure span { color:#f90; } #comentaire strong, .text-cm .top, .text-cm .top span, .text-cm p, #detail-form span {color:#806666;} .pagination .active a, .pagination .active a:hover { color:#ccc; background-color:#fff; } #bottom-navigation .share a, #FirstPostPreview h3 a:hover, #FeaturedPosts h3 a:hover, #quik-link a:hover, #posts-carousel li a:hover, #tab-HeadPosts a:hover, #tab-PostsList a:hover, .pagination a:hover, #sond-body .more a,#border-posts a:hover,#pdf-list .more:hover,#actu-multimedia #post-items a:hover, a:hover, a:hover h2, a:hover h3, a:hover h4, #media-carousel a:hover{ color:#007FBF; } #actu-multimedia .right-links a:hover span, #actu-multimedia .right-links .active span{ color:#003872; } #meteo-degre h2 { letter-spacing:-0.05em; margin-bottom: 2px;} .text-content p { margin-bottom:15px; line-height: 1.5em;} .text-content .media span {line-height:1.4;} h2{line-height:1;} .com-chek a {text-decoration:underline } #incription h3{margin-bottom:10px;} #incription h4,#comentaire h3,#comentaire h4 {margin-bottom:0;} /*layout*/ .left-links, .left-links li, .right-links li, #left-links-items, #right-links-items, #SousMenu-PostItem , .sous-menu .FirstPostItem img, #breadcrumb li, .share li, .PostDateHeure span, .PostDateHeure a, #FeaturedPosts h3, #FeaturedPosts .PostDateHeure, #flux-rss h4, #quik-link h3, #posts-carousel li , #posts-tab h2, #tab-HeadPosts, #left-vertical-navigation, #tab-HeadPosts .span-4, #tab-HeadPosts .right img , #tab-PostsList img, .pagination li, #posts-tab ,#carecature h3,#edition h3, #commun #facebook, #commun #like, #sondage h3 , #media-carousel li ,#chronic-caroul li, #chronic-caroul img, #foot-navigation li, #foot-navigation p, #bottom-foot .right p, #global-postList,.search h4, .search .select, .search a , #pdf-list li, .search .text-input, #img-thumb li, .media-post .share, #multimedia-area .posts-item h3, #multimedia-area .posts-item .media, #actu-multimedia h2, #actu-multimedia #post-items, #actu-multimedia #post-items li, #multimedia-pagination .right input,#multimedia-pagination .right ul, #main-post, .typo-ctr span, .text-content .media, .com-input, .com-chek, #civilite li, #date select, #FeaturedPosts .prev, #FeaturedPosts .next, #quik-link-foot .np, #quik-link-foot .prev, #quik-link-foot .next, #quik-link-foot .numb,#posts-carousel .aprev , #posts-carousel .anext, #posts-carousel .numb,#media-carousel .mprev , #media-carousel .mnext, #media-carousel .numb, #chronic-caroul .prev, #chronic-caroul .next, #dossier-slider .dnext , #dossier-slider .dprev { float:left; } .right-links, #conteur, #posts-tab .right-area, .pagination .next,#side-bare, #commun #rss-out, #top-page, #foot-core #top .right a, #kreo,.media-post .vue, .posts-item #rss { float:right; } .PostDateHeure { margin-bottom: 5px; height:15px;} .PostDateHeure span, .PostDateHeure a { margin-right:4px; } .no-border {border-left:none !important; border-right:none !important; border-top:none !important; border-bottom:none !important; border:none !important; } .media{position:relative;line-height:0;} .pince{position:absolute; background-color:#c00 ;line-height:1.2;padding:2px 5px;} .pagination { border:1px solid #ddd; height:26px; background-color: #f9f9f9;} .pagination li { margin-top:-1px; padding:6px 10px 5px; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .pagination .dote{ margin-left:67px; border-left:1px solid #ddd;} .pagination .active { border-top:1px solid #fff; border-bottom:1px solid #fff; } li.last{ margin-right:0 !important;} .valid { background-color: #c00; padding:5px 30px 5px 10px; } .prev, .next, .dprev, .dnext, .aprev, .anext, .mprev, .mnext {cursor:pointer;} .prev.obsolet, .next.obsolet, .dprev.obsolet, .dnext.obsolet, .aprev.obsolet, .anext.obsolet, .mprev.obsolet, .mnext.obsolet {cursor:inherit;} /*exception*/ /***********************************HEADER*************************************************/ #top-navigation .left-links li { margin-top:10px; margin-right:7px; } #top-navigation .left-links a { margin-right:4px; } #top-navigation .right-links li { margin-top:3px; padding:7px 13px 0; height:25px; border-left:1px solid #b2b2b2; } #top-navigation .right-links .picto { height:16px; width:17px; /*margin-right:8px;*/ } #citation { margin-top:15px; } #citation img { margin-left:10px; } #citation p { position:absolute; width:200px; margin-left:110px; font-size: 11px;} #citation .auteur { display:block; padding-top: 5px;} #logo { float:left; margin-top:23px; margin-left:50px; } #logo a { display:block; height:59px; width:240px; background-image:url('../background-images/logo.png'); } #meteo { margin-top:20px; margin-right: 15px; } #meteo-content { text-align:right; margin-right:15px; min-width: 204px;} .slash{ margin:0 10px; } #meteo-villes { float:right; } #meteo-degre{ margin-top: 23px;margin-bottom: 1px;font-size: 18px; } #main-navigation { height:46px; background-color:#000; position:relative;} #main-navigation li { padding: 14px 4px;;} #main-navigation .right-links { margin-top: 12px;margin-right: 10px;padding-left: 10px;border-left: 2px #c50000 solid; } #main-navigation .right-links li{ padding:3px 5px;} .sous-menu { position:absolute; margin-top:12px; left:0;border-bottom:3px solid #000;background-color:#f1f1f1; display:none;} .sous-menu .links-items ul{ float:left; width:160px; margin-top:20px; margin-bottom:50px; } .sous-menu .links-items li { padding:0 !important; float:none !important;margin-bottom:3px;} .sous-menu .links-items a{ border-left:4px #f1f1f1 solid;} .sous-menu .links-items a:hover, .sous-menu .links-items .active {border-left:4px #c50000 solid;} .sous-menu .links-items a span {margin-left:10px;} #right-links-items, #SousMenu-PostItem { border-left:1px solid #cacaca;} #SousMenu-PostItem { padding-top:15px;padding-bottom:21px; padding-left:20px;width:278px;} #SousMenu-PostItem .FirstPostItem img { margin-right:10px; } #SousMenu-PostItem li {padding-left:0; width:250px;} #SousMenu-PostItem .PostItem { padding:10px 0;border-top:1px solid #d1d1d1;} #bottom-navigation { margin-top:10px; } #bottom-navigation { margin-right:5px; } #bottom-navigation .share li { border-right:1px solid #007fbf; margin-left:10px;} #bottom-navigation .share a { margin-right:10px;} .horizontal-pub {margin-top:10px; margin-bottom:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .horizontal-pub img{margin:10px 0; background-color:#eee;padding:0 105px;} /***********************************CONTENU*************************************************/ #contenu { margin-top:20px; } #FirstPostPreview { border-right:1px solid #e0e2e4;padding-bottom:25px; } #FirstPostPreview p { margin-top:5px;width:260px; } #FirstPostPreview .media { margin-bottom:10px; border-bottom:3px solid #c00; width:263px; } #FirstPostPreview .pince { top:0;left:10px; } #FeaturedPosts { border-right:1px dotted #adadad; padding-right:20px; height: 375px; overflow:hidden} #FeaturedPosts .no-border { padding-top:0;} #FeaturedPosts li { height:88px; padding-bottom:20px;padding-top:15px;border-top:1px solid #E0E2E4; } #FeaturedPosts .media { width:127px; } #FeaturedPosts h3 { height: 76px;overflow: hidden; position: relative; text-overflow: ellipsis;width: 140px;} #FeaturedPosts .pince { bottom:10px; left:0; } #flux-rss {width:318px;} #flux-rss h4{margin-top:3px;} #quik-link {border-top:2px solid #9d9d9d; width:318px; margin-top:8px; padding-top:8px;} #quik-link .PostDateHeure .heure { background-color: #c00; padding: 0px 2px; } #quik-link .PostDateHeure .date {/*margin-top:2px;*/} #quik-link li{border-top:1px solid #d7d7d7;padding:10px 0 5px;margin-top:5px;} #quik-link-foot{ background-color:#e5e5e5; padding: 6px 15px;height:16px; margin-top:15px;} #posts-carousel {margin-bottom:20px;padding-bottom:30px;border-bottom:2px solid #000;position:relative;} #posts-carousel .pince{left:5px; top:0;} #posts-carousel .media { margin-bottom:10px;} #posts-carousel li {margin-right:20px;} #posts-carousel li.last {margin-right:0;} #posts-carousel .np {position:absolute; top:-5px; right:0;} #posts-tab .right-links { margin-top:7px; margin-right:20px; } #posts-tab .right-links a { margin-right:5px; } #left-vertical-navigation { height:1380px; width:100px; background-color:#f2f2f2; border:1px solid #ccc; margin-top:10px; position:relative} #tab-button li, #setting{ padding:5px 10px; border-bottom:1px solid #ccc; cursor:pointer; position:relative; text-transform: uppercase;} #tab-button .active, #tab-button li:hover {background-color: #c00; margin-left:-5px; color: #fff;} #setting { margin-top:1103px; border-top:1px solid #ccc;} #left-vertical-navigation .more{ padding:8px 10px 5px; line-height:1.5;background-color: #fff; border-top: 1px solid #ccc; bottom:0px; position:absolute} #posts-tab { width:615px; border-right:1px dotted #a8a8a8; } #posts-tab .right-area { width:473px; margin: 0 20px; margin-top:10px;} #tab-HeadPosts .first .PostDateHeure { margin:5px 0; } #tab-HeadPosts .span-4 { padding-right:20px; border-right:1px dotted #a8a8a8;} #tab-HeadPosts .span-4 .first { border-bottom:1px solid #d1d1d1; padding-top:0; } #tab-HeadPosts li { padding:15px 0;} #tab-HeadPosts .right { padding-left:20px;padding-top:0; width:212px; } #tab-HeadPosts .right img { margin-right:10px;/*margin-bottom:25px; */} #tab-HeadPosts .right li{ border-bottom:1px solid #d1d1d1;} #tab-PostsList li { padding:25px 0 15px;border-top:1px solid #d1d1d1;} #tab-PostsList img { margin-right:15px; margin-bottom:25px; } #tab-PostsList .PostDateHeure{ margin-top:5px;} #tab-PostsList .right { width:250px;} /**/ #side-bare {margin-left:15px;width:309px;} #carecature .media { border-top:1px solid #ddd;clear:both;} #carecature .media img{ width:309px;} #carecature .more{ margin-top:10px;display:block; padding:8px 10px; background-color:#eee9e3; } #edition .more { display:block; padding:8px 10px; background-color:#eee9e3; } .arch{margin-top:5px;} #edition { margin-top:25px; border-top:3px solid #d1d1d1; padding-top:10px; position:relative;} #edition .prev {position:absolute; left:0; top:135px;} #edition .next {position:absolute; right:0; top:135px;} #edito strong {font-size: 16px;font-weight: normal;} #edition ul{ clear:both; /*margin-top:10px; padding-top:10px;*/} #edition li { float:left; margin-left:2px;border:2px solid #eee; } #edition li img {width: 139px;} #edition .more { background-color:#fff; } #edito{ clear:both; margin-top:20px; } #edito-body { padding:20px; background-color:#eee; float: left; border-top: 1px solid #A0A0A0;} #edito h3 {margin-bottom:0;} #edito p { margin-top: 10px; font-size: 12px; line-height: 18px;} #edito a{ margin-top:10px;} #edito-body .more{ background-color:#c00; padding:5px; margin-left:150px;padding-right:20px; float: right} #commun { clear:both; margin-top:30px; padding-top:20px; border-top:3px solid #d1d1d1;} #commun #facebook { width:250px; border-right:1px solid #ddd; } #commun h4 { margin-bottom:10px;} #sondage { margin-top:25px; padding-top:20px; border-top:3px solid #d1d1d1; } #sond-body { clear:both; padding-top:10px;border-top:1px solid #ddd;} #sond-body h4 {font-weight: normal;font-size: 21px;font-family: vardana;} #sond-body ul {margin-top:20px;} #sond-body li { background-color:#F7F4F2; padding:5px;margin-bottom:1px; } #sond-body .more{ text-align:right; margin-top:15px;} #sond-body .more .ex-v, #foot-core #top .right a { background-color:#c00; padding:5px; margin-left:10px;} #media-carousel { margin-top:30px; padding-top:20px; border-top:1px solid #ddd; position:relative;width: 940px; overflow: hidden;} #media-carousel .np {position:absolute;top:12px; right:0;} #media-carousel ul {clear:both;} #media-carousel .mda-core { /*background-color: #E2E2E2;*/padding: 10px 0px; } #media-carousel li { margin-right:20px; position:relative; } #top-page { margin-top:20px; margin-bottom:10px; cursor:pointer; } #dossier-slider {clear:both; position:relative; padding-top:15px;border-top:3px solid #000;} #dossier-slider li { width:939px!important} #dossier-slider .np { position:absolute; top:45px; right:25px; z-index:10; } #dossier-slider .pince {top:15px;left:25px;padding:8px 20px; z-index:2;} .back-top {height:486px;width:940px;background-position:0 -117px;position:absolute;top:0px;z-index:1;} #dossier-slider h2{ position:absolute;left:40px; bottom:50px; width:500px; line-height:1; } #dossier-slider h2 a:hover{color:#F7B11C} #dossier-slider ul {border:none} #chronic-caroul { clear:both; padding-top:15px; border-top:3px solid #d1d1d1; position:relative;} #chronic-caroul .np {position:absolute; top:10px; right:0;} #chronic-caroul .jcarousel-container{ clear: both;/*border: 1px solid #d1d1d1;*/background-color: #ebebeb;padding: 20px 25px 15px;margin-bottom: 20px; } #chronic-caroul li {width: 270px;margin-right: 20px;padding-right: 22px;border-right: 1px dotted #757575;} #chronic-caroul img { border:1px solid #ddd; margin-right:10px;margin-bottom:10px; } #chronic-caroul p{ margin-top:5px; } /****************FOOTER**********************/ #footer{margin-bottom:50px;} #foot-core {background-color:#000;padding:30px 40px; height:160px;} #foot-core #top .left {width:535px; border-right:1px solid #434B61;} #foot-core #top .right {width:295px;} #foot-core #top .right input{ padding:5px;width:280px;height:20px;} #foot-logo a{ display:block;height:54px;width:217px;background:url('../background-images/foot-logo.png');} #foot-core #top p {margin-top:10px;width:450px;} #foot-core #top .right a {margin-top:5px;padding:5px 40px 5px 15px;} #foot-navigation {margin-top:20px;padding-top:20px;border-top:1px solid #434B61;} #foot-navigation li{border-right:1px solid #fff;margin-right:10px; } #foot-navigation li a{margin-right:10px;} #foot-navigation .right {width:250px;} #foot-navigation .right p{margin-right:10px;} #bottom-foot {margin-top:20px;} #bottom-foot .left { width :350px; } #bottom-foot .left li{margin-bottom:5px;} #bottom-foot .right p {margin-right:10px;} /****************pages**********************/ .page-heading { margin-bottom:30px; } .page-heading h2{ margin-left:5px; line-height:0.7; } #global-postList {border-right:1px dotted #d1d1d1;} #posts-tab.PagesPostList { width:435px; border-right:none;} #posts-tab.PagesPostList .right-area{margin:0;width:435px;} #posts-tab.PagesPostList #tab-PostsList li{margin:0;} #posts-tab.PagesPostList .pagination .dote{margin-left:29px;} .side-pub { margin-bottom:10px; padding-bottom:20px; border-bottom:3px solid #d1d1d1; text-align: center;} .page-heading .share li{margin-left:5px;margin-top:2px;} #border-posts { width:140px;padding-right:20px;padding-left:20px; } #border-posts .post{margin-bottom:20px;} #border-posts .post img { width:140px;} #border-posts img {margin-bottom:5px;} #border-posts .vertical-pub { padding:10px 8px; background-color:#EEE9E3;margin:20px 0; } /****************page-pdf**********************/ .search { padding:10px;height:35px;border:1px solid #ccc;} .search h4 { margin-top:9px; margin-left:10px; margin-right:70px;} .search .select { margin-right:20px;line-height:0;} .search select { margin-top:3px; width:210px; padding:5px; background-color:#eee; border:1px solid #ccc; margin-left:5px; } .search a { background-color:#c00; padding:5px 35px 5px 10px; margin-top:6px; margin-left:10px; } .search .text-input { padding:5px;background-color:#eee; border:1px solid #ccc; width:530px;margin-top:5px;margin-right:10px;} #pdf-list ul{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; } #pdf-list li { width:140px;margin-right:20px; } #pdf-list img { border:1px solid #ccc; margin-bottom:10px; width: 139px;} .pages #tab-PostsList img{margin-bottom:10px;} #SearchPagin { margin-bottom: 20px; } #SearchPagin .dote{ margin-left: 534px; } #apropos-pargf {margin-bottom:100px;} /****************multimedia**********************/ #multimedia-area { background-color:#0E1114; padding:10px; } #multimedia-area .left {width:600px;} #slider-photos .feature, #slider-videos .feature {position:relative;line-height:0;} #slider-photos .feature p{ background:rgba(0, 0, 0, 0.5);position:absolute;bottom:0px;padding:10px;width:580px;line-height:1.2;} #slider-videos .feature { position:relative; border-bottom:1px solid #f00; } #img-thumb {padding-top:10px;background-color:#000;border-bottom:1px solid #f00;height:80px;} #img-thumb li { margin-left:3px;} .media-post {margin:15px 0;} .media-post h3{padding-left:10px;} .media-post-content {padding-top:15px;padding-left:15px;padding-bottom:10px;margin:15px 0;border-top:1px dotted #4a4a4a;border-bottom:1px dotted #4a4a4a; min-height: 90px;} .media-post-content .pince {position:relative ;margin-right:10px;} .media-post-content .date,.media-post-content .heure {margin-top:2px;} .media-post-content p {margin-top:12px; line-height: 20px;} .media-post .share { margin-left:5px;} .media-post .vue { margin-right:5px;} /**/ #multimedia-area .right {width:300px; } #multimedia-area .side-pub { padding:0; } #multimedia-area .posts-item h3 {margin-bottom:20px;} #multimedia-area .posts-item {padding-top: 15px; border-top:2px solid #c00; } #multimedia-area .posts-item ul{ clear:both; margin-top:20px;} #multimedia-area .posts-item li { height:115px; width: 300px;} #multimedia-area .posts-item .media { margin-right:10px; } #multimedia-area .posts-item .odd{ background-color:#161C21; } #multimedia-area .posts-item .PostDateHeure { margin-bottom:5px;padding-top:5px; } #actu-multimedia { margin-top:20px; margin-bottom:30px;} #actu-multimedia .right-links { margin-top:7px; } #actu-multimedia .right-links span{ float:left;margin-right:5px; } #actu-multimedia #left-vertical-navigation { height:100%;margin-right:20px;margin-top:0; min-height: 287px;} #actu-multimedia #post-items { min-width:815px} #actu-multimedia #post-items ul{ margin-bottom:10px; padding-bottom:30px; border-bottom:1px solid #d4d4d4;} #actu-multimedia #post-items li{ width:200px; margin-right:6px; } #actu-multimedia #post-items li:hover .media,#actu-multimedia #post-items .active .media {border:5px solid #c00;} #actu-multimedia #post-items .media { margin-bottom:10px;border:5px solid #fff; } #actu-multimedia #post-items #multimedia-pagination ul{border-bottom:none ;padding-bottom:0 ;} #actu-multimedia #post-items #multimedia-pagination .conteur {width:85px;} #actu-multimedia #post-items #multimedia-pagination .prev{width:60px;} #actu-multimedia #post-items #multimedia-pagination .next{width:40px;} #multimedia-pagination {padding:13px 20px 10px;height:20px;border:1px solid #ccc;background-color:#f4f4f4;} #multimedia-pagination .right {width:355px;} #multimedia-pagination input{padding:2px 5px;width:30px;margin:-2px 10px 0;} #multimedia-pagination .btn {padding:4px 5px;background-color:#f00;} /***********************detail*********************************************/ #side-post { margin-bottom:10px; } #side-post .media{ margin-right:10px;} #side-post h3 {font-weight: normal;} #main-post { width:590px;margin-bottom:20px; padding-right:20px; padding-bottom:20px; border-right: 1px dotted #a8a8a8;} .tps { margin:20px 0;padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .typo-ctr { margin-left:10px; width:250px;} .text-content .media { width:322px; margin-right:20px;border-bottom:2px solid #ccc; margin-bottom: 15px} .text-content .media span{ display:block;margin:10px 0 10px 10px;} .text-content .media img { min-width:322px} .more-post { margin-top:10px; padding:20px 0; border-top:2px solid #ccc;} .more-post .media { margin-right:15px; } .more-post .PostDateHeure { margin:5px 0;} #av-compte { margin:20px 0; padding-bottom:20px; border-bottom:1px solid #ccc; } .com-input { margin-right:10px;margin-top:10px;} .com-input strong, .com-textarea strong { display:block;margin-bottom:5px;} .com-input input { margin:0; width:275px; padding:5px; border:1px solid #c1c1c1; } #av-compte a { margin-top:10px;} #av-compte .valid { margin-right:5px;} .com-textarea { clear:both; padding-top:15px;} .com-textarea textarea { width:571px;} #sans-compte h4{ margin-bottom:10px;} #com-inscription {margin-left:10px;} #sans-compte .valid {margin-right:7px;} #antispam input {margin:5px 7px 15px 5px;width:350px;padding:5px; border:1px solid #c1c1c1;} #antispam strong {margin-top:10px;} #type-comentaire {margin-top:20px;} #head-cm {height:25px;border-bottom:1px solid #ccc;background-color:#ebebeb;padding:10px 10px 0;} .text-cm {padding:20px 0;border-bottom:1px dotted #ccc;} .text-cm p{margin:10px 0 20px;} #reponce{margin-left:50px;border-bottom:none;border-top:1px solid #ccc;margin-top:20px;} /*********************************inscription**************************************/ #incription { width:615px;margin-bottom:50px;} #inscription .text { padding:5px; border:1px solid #ccc;} #pseudo { border-top:3px solid #ccc; margin-top:20px; padding-top:20px;} #pseudo .text { margin-right:10px;width:390px;} #pseudo a { margin-right:15px;} #civilite li { margin-right:10px;} #detail-form .text { width:285px; display:block;} #nom, #pay, #mail, #pass, #mail-profil {margin-top:20px;margin-right:15px;} #detail-form #mail-profil .text {width:598px;} #pren, #date, #confirm-mail, #confirm-pass {margin-top:20px;margin-right:0;} #pay select {width:295px;display:block;padding:5px;} #date { width:300px; } #date select {padding:5px; width: 90px; margin-right: 10px; } #captcha { margin-top:20px;} #captcha .text { width:440px;padding:7px 10px;} #captcha img {margin-top:10px;} #bottom-iscript .valid{ padding-left:50px;padding-right:10px;} #side-arg {margin:20px 0 50px;padding-top:12px;border-top:2px solid #c00;} #inscript-pub {padding-bottom:0;} /*autre*/ #FeaturedPosts .np {/*margin-top:14px;*/} #FeaturedPosts .prev, #FeaturedPosts .next, #FeaturedPosts .obsolet {height:19px;width:135px;} #FeaturedPosts .prev {margin-right:10px;} #quik-link-foot .prev, #quik-link-foot .numb {margin-right:5px;} #posts-carousel .numb, #media-carousel .numb {margin-top:8px; margin-right:5px;} /*managing overflow tewt*/ .overflow-5-lines {overflow:hidden;position:relative;text-overflow:ellipsis;height:27px;display:block;} .overflow-4-lines {position:relative;text-overflow:ellipsis;/*height:73px;overflow:hidden;*/} .overflow-3-lines {overflow:hidden;position:relative;text-overflow:ellipsis;/*height:50px*/} .overflow-2-lines {overflow:hidden;position:relative;text-overflow:ellipsis;height:62px;display:block;} /*sondage-list-style*/ .stat_item { border-bottom: 2px solid #999999; margin-top: 20px; padding-bottom: 20px; } .stat_item h3, .stat_item .voie h4 { color: #000000; font-size: 15px; } .stat_item ul { border-top: 1px dotted #999999; margin-top: 20px; padding-top: 10px; } .stat_item li { margin-top: 5px; } .stat_item .txt_numb .it { background-color: #666666; display: none; float: right; height: 1px; margin-left: 5px; margin-top: 18px; width: 6px; } .stat_item .txt_numb .txt { color: #333333; display: block; float: right; font-size: 15px; font-weight: bold; } .stat_item .txt_numb .numb { color: #333333; float: left; font-size: 15px; margin-bottom: 5px; } .stat_item .stat_bar { clear: both; position: relative; } .stat_item .stat_bar .back { background-color: #ECECEC; display: block; height: 6px; width: 590px; } .stat_item .stat_bar .up { background-color: #FF450A; bottom: 0; display: block; height: 6px; position: absolute; width: 320px; } .stat_item .voie { background: url("../background-images/item.png") repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 20px; padding: 10px; } .stat_item .voie h4 { float: left; } .stat_item .voie span { font-size: 14px; margin-left: 10px; margin-top: 2px; } .stat_item.no_border { border-bottom: medium none; } /**style caricature**/ #carecature_slide { /*margin: 20px 0;*/ position: relative; } #carecature_slide .slides_container { /* height: 503px;*/ width: 100%; } #carecature_slide .slides_container img {width: 590px;} #carecature_slide .slides_container .core { border-bottom: 3px solid #CC0000; display: block; height: 503px; position: relative; width: 100%; } #carecature_slide h3 { background-color: #202020; border-top: 4px solid #CC0000; color: #FFFFFF; font-family: 'SultanNahia'; font-size: 25px; line-height: 1; padding: 12px 15px 20px; } #carecature_list { margin-bottom: 30px; } #carecature_list .item { float: right; margin-left: 5px; width: 193px; } #carecature_list .last { margin: 0; } #carecature_list .item img { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #DDDDDD #DDDDDD #CC0000; border-image: none; border-style: solid; border-width: 1px 1px 3px; } #carecature_list .item .time { color: #BE5239; display: block; margin-top: 5px; } #carecature_list .item a { font-family: midan; font-size: 18px; line-height: 1; } .separation { border-top: 1px dotted #B4B4B4; float: left; margin: 20px 0; width: 590px; } #carecature_slide .prev, #carecature_slide .next { bottom: 16px; height: 25px; position: absolute; width: 25px; z-index: 100; } #carecature_slide .next { background-position: -265px -233px; left: 20px; } #carecature_slide .prev { background-position: -290px -233px; left: 45px; } #carecature_slide .pagination { display: none; } #carecature_pagination, #post_list_pagination { background-color: #EEEEEE; border-bottom: 1px dotted #000000; clear: both; height: 18px; margin-bottom: 20px; padding: 10px 15px; } #carecature_pagination .right_area, #post_list_pagination .right_area { float: right; } #carecature_pagination .right_area a, #carecature_pagination .right_area ul, #carecature_pagination .right_area ul li, #post_list_pagination .right_area a, #post_list_pagination .right_area ul, #post_list_pagination .right_area ul li { float: left; } #carecature_pagination .right_area a, #post_list_pagination .right_area a { background-color: #EEEEEE; border: 1px solid #BBBBBB; border-radius: 3px; color: #6F6F6F; font-size: 11px; font-weight: bold; margin: 0 0 0 2px; padding: 1px 5px; } #carecature_pagination .right_area a.active, #post_list_pagination .right_area a.active { background-color: #6F6F6F; color: #FFFFFF; } #carecature_pagination .left_area, #post_list_pagination .left_area { float: left; } #carecature_pagination .left_area .picto, #post_list_pagination .left_area .picto { background-position: -333px -51px; height: 15px; width: 15px; } #carecature_pagination .left_area strong, #post_list_pagination .left_area strong { color: #666666; } .addthis_button_tweet { width:95px} .addthis_button_google_plusone { width:65px} #like {width: 170px; padding-top: 7px;} #posts-carousel .caroufredsel_wrapper { width:940px!important; overflow:hidden} #slider-videos{height: 374px; width: 600px;} #flash-actu .items {height: 274px; overflow: hidden;} #media-carousel .caroufredsel_wrapper { height:230px!important} .list-view-loading{ background: #E1E1E1; url() no-repeat; } #meteo-villes { position: relative; } #weather {font-size: 12px} #city { font-size:14px; cursor:pointer; text-transform: uppercase;} #meteo-villes ul { display: none; position: absolute; z-index: 100; background-color: #26292E; top: 24px; right: 0px; border-top: 1px solid #807A7A;} #meteo-villes li { cursor: pointer; padding: 0 10px 3px; font-size: 18px; font-family: Midan; font-weight: normal; color: #fefefe; width: 138px; border-bottom: 1px dotted #454B55; text-transform: uppercase; } #breadcrumb {width: 580px;overflow: hidden;height: 15px;} #subMenuItems {background-color: black; color: white; width: 50px;} #subMenuItems > a {padding-left: 10px } #subMenuItems:hover > ul {display: block; } #subMenuItems ul {display: none; background-color: #000000; position: absolute; width: 120px; padding: 10px 0;} #subMenuItems ul li{padding: 5px 10px} .recherche {margin: 0px!important;font-size: 12px;width: 200px;background-color: transparent!important;border-bottom: 1px solid #B9B9B9;color: #4E4E4E;border-top: none!important;border-right: none!important;border-left: none!important;}