@charset "utf-8"; /* CSS Document */ /*----MODIFICATION---BALISES----*/ /*--------Valable pour toutes les pages du site-------*/ html, body {margin: 0;} *{margin:0;padding:0;} p{margin: 0;padding: 0;} h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;font-weight: normal;} ul, ol{margin: 0;padding: 0;} /* img{font-size: 1px;line-height: 1px;display: block;} */ a{color:#666; text-decoration:none;} a:hover {color:#000;} a img{border: 0;} table{margin: 0;padding: 0;} /*--------STYLES--COMMUNS-------*/ /*--------Valable pour toutes les pages du site-------*/ #conteneur {margin: 11px auto; width:1000px;} #conteneur #footer, #conteneur #footer a{font-size: 10px;font-weight: normal;color: #959595;text-align: center;} #conteneur #leaderboard_pub{/*width: 728px; height: 90px; */ margin: 11px auto 0px auto; text-align: center;} #conteneur #leaderboard_pub img{ display: inline;} #conteneur #leaderboard_pub table{ margin: 0 auto; } #page{border: 1px solid #ffffff /*#b10112*/; margin: 10px 0; background: #fff; min-height: 1024px;} #header{} #header #top{background: top left url(../img/commun/bg_top.gif) repeat-x #860210; height:134px; width:998px; display:inline-block; } #top #logo{display:block; float:left; width:331px; height:113px;} #top .date{ color:#fff; font-weight:bold; font-size:12px; margin-left:10px;} #mag_hebdo { display:block; float:left; width:232px; height:121px; background:url(../img/commun/bg_sommaire.png) no-repeat; margin:7px 0 0 100px;} #mag_hebdo img { float:left; margin:5px 7px 4px 6px;} #mag_hebdo .date_mag { /*display:block;*/ float:left; color:#fff; /*font-weight:bold; */margin-top:8px; font-size:10px;} #mag_hebdo .date_mag strong{ font-size:12px;} #mag_hebdo .titre { display:block; float:left; color:#fff; font-weight:bold; margin-top:8px;} #sommaire div { font-weight:bold; display:block; float:left; width:130px; line-height:12px; color:#b4b4b4; /*font-family:"Times New Roman", Times, serif;*/ font-family: Arial, Helvetica, sans-serif; font-size:13px;} #sommaire {width:130px; height:40px; display:block; float:left; margin-top:8px;} #sommaire div .surtitre { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #mag_hebdo .abonnez { display:block; float:left;} /* #meteo { display:block; float:left; width:291px; height:121px; margin:7px 0 0 15px; color:#000; padding:0 0 3px 12px; line-height:14px;} #meteo .ville { text-transform:uppercase; color:#c10418; padding-top:8px; font-size:14px; display:block; float:left; font-weight:bold;} #meteo .jour, #meteo .detail{display:block; } #meteo .jour { padding-top:8px; } #meteo .temperature {font-size:32px; color:#e37a0a; line-height:40px; font-weight:bold;} #meteo .lien { background:url(../img/commun/bout_recherche.gif) no-repeat 0 0; padding-left:17px; color:#c10418; text-decoration:underline; font-size:10px; display:block; float:left; width:140px; overflow:hidden; } #meteo #horloge { padding-top:8px; display:block; float:right; width:110px;}/* a retirer */ #services {display:block; float:left; width:291px; height:100px; margin:7px 0 0 15px; /*color:#000;*/ padding: 25px 0 3px 12px; /*line-height:14px;*/ background: url(../img/commun/bg_bloc-services.png) no-repeat top left; position:relative;} #services ul { padding-right: 15px; padding-bottom: 25px; padding-left: 4px; } #services ul li { list-style: none;} #services ul li img{ display: inline;} #services a{ text-decoration: underline; } #services a:hover{ text-decoration: none; } #services #horloge { display:block; float:right; width:105px; height: 118px; position: absolute; top: 0; right: 0; } #services #horloge span.date{ color: #555555; font-size: 10px; position: absolute; right: 0; bottom: 0; width: 110px; height: 25px; text-align: center;} /*-- a mettre plus tard dans les styles de la col centrale --*/ #meteo { display:block; /*float:left;*/ width: 205px; height:121px; /*margin:7px 0 0 15px;*/ color:#000; padding: 0 0 3px 12px; line-height:14px; background: url(../img/commun/bg_bloc-meteo.png) no-repeat top left; position: relative; } #meteo .ville { text-transform:uppercase; color:#c10418; padding-top:8px; font-size:14px; display:block; float:left; font-weight:bold;} #meteo .jour, #meteo .detail{display: block; } #meteo .jour { padding-top:8px; } #meteo .temperature {font-size:32px; color:#e37a0a; line-height:40px; font-weight:bold;} #meteo .lien { background:url(../img/commun/bout_recherche.gif) no-repeat 0 0; padding-left:17px; color:#c10418; text-decoration:underline; font-size:10px; display:block; float:left; width:140px; overflow: hidden; } /*-- a mettre plus tard dans les styles de la col droite --*/ #rss{ height: 120px; background: url(../img/commun/bg_bloc-rss.png) no-repeat top left; padding: 30px 100px 10px 10px; /*margin-bottom: 20px;*/} #rss a{ font-size: 12px; color: #fff; text-decoration: none; } #rss a.bt_rss{background: url(../img/commun/bg_bt_rss.png) top left no-repeat; line-height: 22px; width: 200px; display: block; font-weight: bold; padding-left: 54px; margin-top: 10px; } #contenu{padding: 11px;} #contenu #barre_finale{ height: 20px; clear: both;} #footer {} .annulation_float{clear: both;height: 1px; line-height:1px;padding: 0;margin: 0;} #colonne_droite .pub { margin: 0 0 15px 0;} #publicite_centrale { background:url(../img/commun/t_publicite.gif) top left no-repeat; width:468px; height:72px; margin:10px auto; padding-top:12px; } .float_left{ float: left;} /* NAV */ #menu img{display: inline; height: 27px; font-size: 1px;} #menu { background:url(../img/commun/bg_nav.gif) repeat-x; height:68px; position:relative;} #menu ul { /* all lists */padding: 0;list-style: none outside none; position:absolute; top:1px; left:0;width:680px; height:24px;} #menu ul li{ float: left; display: block; cursor:pointer;} #menu a {display: block; padding:2px 0; color:#fff;} #menu li ul a, #menu li ul ul a, #menu li ul ul a:hover, #menu li ul ul a.on {color: #000; background:none; padding: 4px 9px; width:auto;} #menu li ul ul a:hover, #menu li ul ul a.on {height:26px; display:block;} #menu li ul { /* second-level lists */position: absolute; top:20px; left:0; text-transform:none; font-size:12px; display:none; width:880px;} #menu li ul li {background: center right url(../img/commun/sep02.gif) no-repeat;height:26px;} #menu li ul li:hover, #menu li ul li.on, #menu li ul a:hover, #menu li ul a.on {background: url(../img/commun/bg_on02.gif) repeat-x; color:#fff;} #menu li ul ul { /* third level lists */margin: 0; font-size:10px;} #menu li ul ul li {background: center right url(../img/commun/sep03.gif) no-repeat; padding-top:3px; height:20px;} #menu li ul ul li:hover {background: center right url(../img/commun/sep03.gif) no-repeat; color:#000; text-decoration:underline;} #navMenu1 a {background:url(../img/commun/accueil_off.gif) no-repeat; width:68px; height:20px;} #navMenu1 a:hover, #navMenu1 a.on {background:url(../img/commun/accueil_on.gif) no-repeat;} #navMenu2 a {background:url(../img/commun/pays_off.gif) no-repeat; width:42px; height:20px;} #navMenu2 a:hover, #navMenu2 a.on {background:url(../img/commun/pays_on.gif) no-repeat;} #navMenu3 a {background:url(../img/commun/rubriques_off.gif) no-repeat; width:75px; height:20px;} #navMenu3 a:hover, #navMenu3 a.on {background:url(../img/commun/rubriques_on.gif) no-repeat;} #navMenu4 a {background:url(../img/commun/dossiers_off.gif) no-repeat; width:65px; height:20px;} #navMenu4 a:hover, #navMenu4 a.on {background:url(../img/commun/dossiers_on.gif) no-repeat;} #navMenu5 a {background:url(../img/commun/blog_off.gif) no-repeat; width:49px; height:20px;} #navMenu5 a:hover, #navMenu5 a.on {background:url(../img/commun/blog_on.gif) no-repeat;} #navMenu6 a {background:url(../img/commun/annoncesclassees_off.gif) no-repeat; width:133px; height:20px;} #navMenu6 a:hover, #navMenu6 a.on {background:url(../img/commun/annoncesclassees_on.gif) no-repeat;} #navMenu7 a {background:url(../img/commun/boutique_off.gif) no-repeat; width:69px; height:20px;} #navMenu7 a:hover, #navMenu7 a.on {background:url(../img/commun/boutique_on.gif) no-repeat;} #navMenu8 a {background:url(../img/commun/groupeja_off.gif) no-repeat; width:87px; height:20px;} #navMenu8 a:hover, #navMenu8 a.on {background:url(../img/commun/groupeja_on.gif) no-repeat;} #menu .last, #menu li ul ul li.last { background:none;} #menu li:hover ul ul { display:none;} #menu li:hover ul, #menu li li:hover ul { display:block;} #menu #rubriques { left:110px; width:550px;} #menu #accueil { left:110px; width:50px;} #menu #navdossiers { left:185px; width: 62px;} #menu #centrale { left:50px; width:800px;} #menu #est { left:200px; width:700px;} #menu #australe { left:200px; width:800px;} #menu #indien { left:520px; width:400px;} #menu #navblog { left:250px; width:470px;} #menu #navemploi { left:300px; width: 490px;} #menu #navboutique { left:433px; width: 370px;} #menu #navgroupeja { left:433px; width: 70px;} /* PLAN DE SITE BAS DE PAGE */ #plan2 { height:200px; display:block; font-size:10px;} #plan2 ul { margin-left:10px; list-style:none; width:115px; margin-bottom:5px; display:block; float:left;} #plan2 li { display:block; float:left; width:115px;} #plan2 li a { color:#9a9a9f;} #plan2 li a:hover { text-decoration:underline;} #plan2 h4 { font-size:10px; font-weight:bold; text-transform:uppercase; color:#000;} #plan2 h4 a { color:#000;} /*--Ces styles concernent les surtitres indiquant les pays et les categories des articles--*/ .ligne_surtitres {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:11px;font-weight: bold; color: #8083e0;} .categorie{ font-size:10px;color: #666; display:block; float:left;} .intDiapo { display:block; float:left; width:18px; height:15px; background:url(../img/commun/picto_diaporama.png) no-repeat 0px 2px; margin-left:10px;} .intVideo { display:block; float:left; width:15px; height:15px; background:url(../img/commun/picto_video2.png) no-repeat 0px -3px; margin-left:10px;} .intDossier { display:block; float:left; width:17px; height:15px; background:url(../img/commun/picto_dossier.png) no-repeat 0px 2px; margin-left:10px;} /*.interactivite img{ height: 12px;margin-left: 10px; display:block; float:left; padding-bottom:3px;}*/ /*--styles bloc au titre rouge "Derniere minute", "Les Articles" en h5 --*/ .colonne_centre .bloc_accueil h5, .coldossier h5, #derniere_minute h5{font-size: 12px;color: #6b6b6b;text-transform: uppercase;border-bottom:1px solid #6b6b6b; height:22px; padding-top:10px;} #colonne_droite .coldossier h5 { background:url(../img/commun/fond_titre300.gif) no-repeat #ca0418;} #derniere_minute h5{margin: 0 0 10px 0;} #autreVideo h5{margin: 0 0 10px 0;} /*--styles bloc gris dégradé "Opinions", "Blogs", "Sondage" en h4 --*/ /*--Ces styles concernent les liens "PLUS" que l'on retrouve un peu partout dans le site--*/ /*a.plus{font-style: italic;font-size: 10px;text-decoration: none;line-height: 9px;height: 9px;display: block;width: 30px;position: relative;left: 11px;bottom: 11px; margin-top:5px;} a.plus.reponse {width:63px;} a.plus.retour {width:45px;} a.plus img, a.puce img {display: inline;} a.plus.rouge{color: #c10418; background: bottom right url(../img/accueil/fleche_rouge_plus.png) no-repeat;}*/ a.puce{ padding-left:12px; margin-left:7px; display:block; height:25px; text-decoration: underline; } a.noire:hover {color: #c10418;} .rouge{color: #c10418; } a.puce.rouge{ color: #c10418; font-size:10px; background: 0 3px url(../img/commun/puce_lien.gif) no-repeat; } .noire {color: #c10418; background: 0 3px url(../img/commun/puce_lien_noire.gif) no-repeat;} .orange{color: #c10418; background: 0 3px url(../img/commun/puce_lien_orange.gif) no-repeat;} .bleue{ color:#2d8ec4;background: 0 3px url(../img/commun/puce_lien_bleue.gif) no-repeat;} a.plus.gris{color: #555;background: center right url(../img/accueil/fleche_grise_plus.png) no-repeat;} a.puce.gris{color: #555;background: center left url(../img/accueil/fleche_grise_plus.png) no-repeat; padding-left:10px; margin:10px 0 0 10px; display:block; float:left;} /*--styles--des--pictos---*/ /*img.picto{display: inline;clear: both;}*/ /*--Boite à outil ---*/ .rouge{color: #c10418;} .gris{color:#555;} /* border: 1px red solid; */ /*--------STYLES--PAGE--ACCUEIL-------*/ #bloc_une{width: 100%;margin-bottom: 11px;min-height: 368px; background:url(../img/commun/bg_une.gif) repeat-x; overflow:hidden;} #bloc_une #a_la_une, #bloc_une #a_la_une_rubrique{width: 748px;float: left;padding-bottom: 3px; padding-right: 4px;min-height: 293px;} #bloc_une #a_la_une h3.onglet, #bloc_une #a_la_une_rubrique h3.onglet { display: none;} /* Breaking-News */ /*#bloc_une.breaking-news-1 { background:url(../img/commun/bg_une-breaking-news.png) repeat-x; }*/ #bloc_une.breaking-news-1 #a_la_une{background : url(../img/commun/bg_une-breaking-news.png) 0px 3px repeat-x;} #bloc_une.breaking-news-1 #a_la_une h3.a_la_une { display: none;} #bloc_une.breaking-news-2{ background:url(../img/commun/bg_une.gif) 0px 5px repeat-x; } /*#bloc_une.breaking-news-2 #a_la_une{ padding-top: 5px;} */ #bloc_une.breaking-news-2 #a_la_une h3 img { display: inline;} #bloc_une.breaking-news-2 #a_la_une h3 { float: left;} #bloc_une.breaking-news-2 #a_la_une h3.onglet{ display: block; width: 600px; padding-top: 0;} #bloc_une.breaking-news-2 .une_defaut { min-height: 317px;} #bloc_une.breaking-news-2 #a_la_une #une_a_la_une.une_defaut { clear: both; margin: 5px 9px 5px 7px; padding: 7px 8px 0px 8px;} #bloc_une.breaking-news-2 #a_la_une ul#unes_secondaires { margin-top: 5px; } #bloc_une.breaking-news-2 #a_la_une h3.onglet, #bloc_une.breaking-news-1 #a_la_une h3.onglet{ display:block; background: url(../img/breaking-news/bg_onglet-gauche.png) top left no-repeat; /*height: 23px; */color: #fff; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 5px 0 0 21px; margin-left: 10px; } #bloc_une.breaking-news-2 #a_la_une h3.onglet a, #bloc_une.breaking-news-1 #a_la_une h3.onglet a{ color: #fff; } #bloc_une.breaking-news-2 #a_la_une h3.onglet span.onglet, #bloc_une.breaking-news-1 #a_la_une h3.onglet span.onglet{ background: url(../img/breaking-news/bg_onglet.png) top right repeat-x; /*line-height:23px;/*background: url(../bg_onglet-droite.png) top left no-repeat;*/ padding: 5px 21px 0px 0px; } .une_ter{ background:url(../img/commun/bg_une.gif) repeat-x;width: 645px;float: left;padding-bottom: 3px; margin-bottom:15px; min-height: 293px;} #une_bis.ecofi{ background: url(../img/commun/bg_une-ecofi.png) repeat-x; } /* Fond différent pour Ecofinance */ .une_defaut { display:block;background: #fff; float: left; width: 352px; margin: 2px 9px 5px 7px; padding: 7px 8px; min-height:322px; line-height: 14px; border:1px solid #bbbaba;} .une_defaut h2 /*, ul#unes_secondaires .article */{ font: bold 18px/18px Arial, serif; margin: 5px 0 5px 0; padding: 0; } .une_defaut img.article {height: 200px; width: 350px; padding:0 0 3px 0; margin: 0;} .une_defaut a.artAssocie { font-weight: bold; font-size: 12px; color: #c10418; background: url(../img/commun/puce_article-associe.png) no-repeat 0 4px; padding-left:15px; margin-top: 5px; margin-left: 0px; display: block;} /*.une_defaut a.artAssocie {font-size: 11px; color: #c10418; background: url(../img/commun/icone_article-associe.png) no-repeat 0 0px; padding-left:17px; margin-top: 7px; margin-left: 0px; display: block;}*/ .une_defaut a:hover.artAssocie { text-decoration: underline;} .une_defaut2 { display:block;background: #fff;float: left;width: 200px; margin: 2px 9px 5px 7px; padding: 7px 8px; min-height:322px; line-height: 18px; border:1px solid #bbbaba;} .une_defaut2 h2 /*ul#unes_secondaires .article */{ font: bold 18px/20px Arial, serif; margin: 7px 0 7px 0; padding: 0; } ul#unes_secondaires a { font-family:Arial, serif; font-size: 13px; font-weight: bold; line-height: 17px;margin: 0 0 2px 0;padding: 0; /*letter-spacing: -1px; *//*word-spacing: -2px; */ /*font-style: oblique;*/} .une_defaut2 img.article {height: 114px; width: 200px;padding:0 0 3px 0;margin: 0;} .une_defaut2 a.artAssocie {font-weight: bold; font-size: 12px; color: #c10418; background: url(../img/commun/puce_article-associe.png) no-repeat 0 4px; padding-left:15px; margin-top: 7px; margin-left: 7px; display: block;} /*.une_defaut2 a.artAssocie {font-size: 11px; color: #c10418; background: url(../img/commun/icone_article-associe.png) no-repeat 0 0; padding-left:17px; margin-top: 7px; margin-left: 0px; display: block;}*/ .une_defaut2 a:hover.artAssocie { text-decoration: underline;} #a_la_une ul#unes_secondaires, #a_la_une_rubrique ul#unes_secondaires, .une_ter ul#unes_secondaires{ display:block;float: left;width: 360px; margin-top: 2px; list-style-type: none;} .une_ter ul#unes_secondaires{width: 400px;} ul#unes_secondaires li{display: block; margin-bottom:5px;} ul#unes_secondaires a{display: block;line-height: 17px; height: 50px; background:#FAFAFA url(../img/commun/cartouche_off.gif) no-repeat; border:1px solid #bbbaba; padding: 14px 5px 14px 10px; } /* #f5f3f3 */ .une_ter ul#unes_secondaires a{ font-size:13px; line-height:15px;} ul#unes_secondaires a:hover, ul#unes_secondaires a:active, ul#unes_secondaires a:focus{background: #fff url(../img/commun/cartouche_on.gif) no-repeat; color:#000;} ul#unes_secondaires img.article{float: left;border: 0;margin-right: 8px;height: 50px;width: 50px;} #a_la_une .tabs-selected a, #a_la_une_rubrique .tabs-selected a, #une_bis .tabs-selected a, #une_ter .tabs-selected a { background:#fff url(../img/commun/cartouche_on.gif) no-repeat;} #bloc_une #derniere_minute{width: 214px;float: right; margin: 17px 0 0 7px; height: 342px; overflow:hidden;} .colonne_centre #derniere_minute{background: #f0edea;width: 214px; height: 342px; margin-bottom:15px;} #derniere_minute ul{list-style-type: none;margin: 0;padding:0 11px;} #derniere_minute .date{font-size: 10px;line-height: 10px;} #derniere_minute li{padding-bottom:5px; border-bottom:1px solid #d5d5d5; margin-bottom:5px; line-height: 13px; width:185px;} #derniere_minute li a{text-decoration: none;} #derniere_minute li .rouge{text-transform: uppercase;} /*styles pour le deroulement automatique */ #derniere_minute .jcarousel-container {position: relative; width:200px; height:310px; margin-left:10px;} #derniere_minute .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;width: 180px; height:300px;} #derniere_minute .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} #derniere_minute .jcarousel-list li, .jcarousel-item {float: left;list-style: none; width:180px;} #derniere_minute .jcarousel-next {position: absolute;bottom:5px;right:2px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/next_news.gif) no-repeat 0 0;} #derniere_minute .jcarousel-prev {position: absolute;top:5px;right:2px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/prev_news.gif) no-repeat 0 0;} #derniere_minute .carouselnews .jcarousel-container-vertical {width: 200px;padding:0; height:300px;} #colonne_droite #derniere_minute .carouselnews .jcarousel-container-vertical{ width: 290px;} #colonne_droite #derniere_minute .jcarousel-container{ width: 280px;} #colonne_droite #derniere_minute .jcarousel-list li, .jcarousel-item { width: 260px;} #colonne_droite #derniere_minute .jcarousel-clip { width: 270px;} .col_d_dminute { background: #F2F2F2;} #conteneur_secondaire{/*border: 1px solid blue;*/} #colonne_droite{width:300px; background:url(../img/commun/pointille.gif) repeat-y; float: right;padding:0 7px; } #colonne_principale{width: 646px;float: left;} #colonne_principale .colonne_gauche{float: left;width: 420px;} .colonne_gauche .bloc_accueil, .colgauche .bloc_accueil, .coldroite .bloc_accueil, .colgauche2 .bloc_accueil, .coldroite2 .bloc_accueil{padding-bottom: 15px;} .bloc_accueil h4 {font-size: 16px;text-transform: uppercase;border-bottom: 1px #c10418 solid;margin-bottom: 5px; width:100%; display:block; color:#c10418; font-weight:bold;} .bloc_accueil h4 a {color:#c10418;} .bloc_accueil .article{padding-bottom: 0px;} .article h2{font-size: 18px;/*font-weight: bold;*/line-height: 20px;} .article h3 {font-family:Arial, serif; font-size: 18px; line-height:5px;} #dossierBas h3/*, .opinion h3, .blog h3*/ { font-family:Arial, serif; font-size: 15px;font-weight: bold; line-height:15px;} /* lebeni .article p { line-height:8px;} */ .article img.article, .article img.visuarticle {float: left;padding: 0px 4px 0 0;} .article .ligne_motscles, #videos .ligne_motscles {text-align: right; line-height:10px; min-height: 10px;}/*min-height ajoute suite demande de desactivation des mots-cles de la page d'accueil pour que l'espace soit conservé */ #videos .ligne_motscles { display:block; width:280px;} .article .ligne_motscles a, #videos .ligne_motscles a {font-size: 10px;color: #000;text-align: right; text-decoration:underline;} .article .ligne_motscles a:hover, #videos .ligne_motscles a:hover { text-decoration:none;} /*.article .ligne_surtitres{ height: 10px; line-height: 10px; }*/ .colonne_centre{ float: right; width: 215px; } .colonne_centre .bloc_accueil { margin-bottom: 20px; } .colonne_centre h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; /*letter-spacing: 3px;*/ height: 13px; line-height: 15px; text-transform: uppercase; /*color: #000;*/ border-bottom: 4px #ca0418 solid; padding-bottom: 4px; width: 100%; font-weight:bold; } /*.colonne_centre h4 span.grande_lettre, .colonne_centre h5 span.grande_lettre { font-size: 18px; }*/ /* HOME - OPINIONS - INRERVIEWS - PERSONNALITES - PORTRAITS*/ #portraits, #opinions, #blogs, #parcours, #interviews, #personnalites, #entreprises {width: 214px;} #portraits ul,#blogs ul, #parcours ul, #opinions ul, #interviews ul, #personnalites ul, #entreprises ul { border:1px solid #c10418; background:#f6f6f2; list-style-type: none;margin: 0;} #portraits li, #opinions li, #interviews li, #blogs li, #parcours li, #personnalites li, #entreprises li {padding-bottom: 18px;line-height: 13px; border-bottom:1px solid #aaa; padding:9px; min-height:52px; } li.impair { background:#e7e7e0;} #portraits li:hover, #opinions li:hover, #blogs li:hover, #interviews li:hover,#parcours li:hover, #personnalites li:hover, #entreprises li:hover { background:#fff;} #portraits img, #opinions img, #interviews img, #personnalites img, #blogs img, #parcours img, #entreprises img { float:left; border:solid 1px #aaa; margin-right:10px; } #portraits li .rubrique,#opinions li .rubrique, #entreprises li .rubrique,#personnalites li .rubrique,#interviews li .rubrique, #parcours li .rubrique, #blogs li .blog, .blogs2 .blog{text-transform: uppercase; color:#c10418;} #portraits li .titre, #opinions li .titre,#entreprises li .titre, #personnalites li .titre, #interviews li .titre, #parcours li .titre, #blogs li .titre{ font-size:12px; /*font-family:"Times New Roman", Times, serif; */ font-family: Arial, Helvetica, sans-serif ;color:#000; font-weight:bold;} #portraits li .auteur, #opinions li .auteur, #entreprises li .auteur,#personnalites li .auteur,#interviews li .auteur, #parcours li .auteur, #blogs li .auteur{ font-size:9px; color:#969696;} .blogs2#bby, .blogs2#francois-soudan{font-size: 12px; border: 1px solid #000; background:#f6f6f2; width: 136px; min-height: 43px; /*74px - 7px et 25px de padding*/ padding: 6px 70px 24px 6px; position: relative; } .blogs2#bby span.titre, .blogs2#francois-soudan span.titre{ color: #4b4b4b; font-size: 12px; } .blogs2#bby a, .blogs2#francois-soudan a{ display: block;} .blogs2#bby img, .blogs2#francois-soudan img{ /*float: right;*/ position:absolute; top: 0; right: 0; width: 67px; } .blogs2#bby{ background: #f6f6f2 url(../img/commun/t_blog-bby.png) bottom left no-repeat;} .blogs2#francois-soudan{ background: #f6f6f2 url(../img/commun/t_blog-francois-soudan.png) bottom left no-repeat;} .blogs2#redaction ul{ border: 1px solid #000; } .blogs2#redaction #blogs img{border: none;} /* HOME - TOP ARTICLES */ #toparticle {width:212px; border:1px solid #ccccc2; background: url(../img/commun/bg_toparticle.gif) top left repeat-x #d3d2d0 /*#f7f5f5*/;} #toparticle ul.onglet{list-style:none; height: 19px; padding: 10px 0 0 0; border: none;} #toparticle ul.onglet li { display: block; float: left; height: 19px; padding: 0; width:106px; border: none; } #toparticle ul.onglet li.on a{ visibility: hidden; } #toparticle ul.onglet li#PlusVues { background: url(../img/commun/plus-lus_clic.png) no-repeat 0 0; } #toparticle ul.onglet li#PlusVues a{ display: block; width:106px; height: 19px; background: url(../img/commun/bt_toparticle_plus-lus.png) no-repeat 0 0; float: left; } #toparticle ul.onglet li#PlusVues a:hover{ background: url(../img/commun/bt_toparticle_plus-lus.png) no-repeat 0 -19px; } #toparticle ul.onglet li#PlusEnvoyes { background: url(../img/commun/plus-envoyes_clic.png) no-repeat 0 0; } #toparticle ul.onglet li#PlusEnvoyes a{ display: block; width:106px; height: 19px; background: url(../img/commun/bt_toparticle_plus-envoyes.png) no-repeat 0 0; float: left; } #toparticle ul.onglet li#PlusEnvoyes a:hover{ background: url(../img/commun/bt_toparticle_plus-envoyes.png) no-repeat 0 -19px; } #toparticle ul {list-style-type: none; margin:0; padding: 0 10px; } #toparticle li{line-height: 13px; padding:7px 0; border-bottom:1px solid #ccccc2; } #toparticle .titre, #toparticle .intertitre{text-transform: uppercase; color:#c10418; font-size:12px; font-weight:bold; } #toparticle .intertitre{ display:block; height:25px; margin-left:10px; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide {display: none;} } /* Hide useless elements in print layouts... */ @media print { .tabs-nav {display: none;} } /*#toparticle .tabs-nav {list-style: none;margin: 0; width:212px;}*/ /*.coldossier #toparticle .tabs-nav {width:300px;}*/ /*.tabs-nav:after { display: block;clear: both;content: " ";}*/ /*#toparticle ul.tabs-nav { padding:0; }*/ /*#toparticle .tabs-nav li {float: left; height:16px; margin:10px 0; border:none; padding:0;}*/ /* VOIR POUR SUPPRIMER LES STYLES SUIVANTS */ #un {width:103px; height:16px; background:url(../img/commun/onglets_toparticle.gif) no-repeat 0 -16px;} #deux {width:94px; height:16px; background:url(../img/commun/onglets_toparticle.gif) no-repeat -103px -16px;} #un span, #deux span { display:none;} #un.tabs-selected {background:url(../img/commun/onglets_toparticle.gif) no-repeat 0 0;} #deux.tabs-selected {background:url(../img/commun/onglets_toparticle.gif) no-repeat -103px 0;} .coldossier #un { width:139px;} .coldossier #deux { width:157px;} /*#toparticle .tabs-nav a {display: block; } #toparticle .tabs-nav a {position: relative;top: 1px;z-index: 2;line-height: 12px;white-space: nowrap; } #toparticle .tabs-nav .tabs-selected a {} #toparticle .tabs-nav a span {height: 12px;padding:5px 0 0 5px;} #toparticle .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {cursor: text;} #toparticle .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;} #toparticle .tabs-nav .tabs-disabled {color:#000; background:#fefefd;} #toparticle .tabs-container { background:url(../img/commun/bg_toparticle.gif) bottom repeat-x #f7f5f5;} */ /* HOME - SONDAGE - QUI A... ? */ #sondage, #quia { display:block; background:#f5f5f2; border:1px solid #5d5c5c; width:192px; padding:10px;} #sondage p.question, #sondage p { font-family:Arial, Helvetica, sans-serif;/* font-family:"Times New Roman", Times, serif;*/ color:#000; font-size:12px; font-weight:bold; margin-bottom:8px;} #quia p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#313131;/*font-family:"Times New Roman", Times, serif;*/ font-weight:bold; margin:20px 0;} #sondage ul {list-style-type: none;margin: 10px 0;} #sondage li{color:#626262; font-size:11px; margin-bottom:5px; display:block;} #sondage .pourcent {color:#000; white-space: nowrap; display:block;} #sondage .pourcent img { display:block; float:left;} #sondage #okSondage { margin: 0 0 0 110px;} #sondage .nbvote { display:block; float:left; text-align:center; text-transform:none; color:#BE060E; font-size:11px; margin-top:5px; /*font-weight:normal;*/} .lienrep { color:#c10418; text-decoration:underline; background:url(../img/commun/puce_lien.gif) no-repeat 0 2px; padding-left:13px; font-size:10px; margin-top:10px;} #quia .titre { color:#000; font-weight:bold; display:block;} /* HOME - DOSSIERS BAS DE PAGE */ #dossierBas { display:block; width:645px; height:323px; background:url(../img/commun/bg_dossierbas.gif) top no-repeat; margin:15px 0;} #dossierBas h2 { width:202px; display:block; float:left; color:#000; border-bottom:1px solid #000; font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; } #dossierBas ul { list-style:none;} #dossierBas li { display:block; width:200px; padding:7px; float:left; height:321px;} /* COL DROITE - DIAPORAMA */ #diaporama, #newsletter, #dossiers, #videos, #videos-noir, #emploi, #magazine, #internet { margin-bottom:25px; } #diaporama { background:url(../img/commun/bg_oeilactu.gif) no-repeat; display:block; width:300px; height:260px; padding-top:40px;} #diaporama h3, #newsletter h3{ position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} /*#diaporama h2 { font-size:20px; color:#706b5e; height:35px; margin-left:7px; }*/ #diaporama p, #videos p { padding:7px; display:block; color:#fff;} #videos a p {color:#000;} #videos #descriptionPlayer h3 { font-weight: bold; font-size: 14px; padding: 0 7px; /*margin: 0;*/} #diaporama .titre, #videos .titre { color:#c10418; font-weight:bold; float:left;} #diaporama .categorie, #videos .categorie { font-weight:bold;} #diaporama .titre { display:block; float:left;} #DiapoDeroul {width:247px; height:220px; overflow:hidden; margin:0 auto; border-bottom:10px solid #0e0e0e;} #DiapoDeroul img { margin:0 auto; border:1px solid #000000; margin-bottom:10px;} #DiapoDeroul a { color:#fff;} #diaporama .jcarousel-container {background: #f0edea;position: relative; width: 245px; height:58px;padding: 3px 20px;margin-left: 7px; border-bottom:10px solid #fff;} #diaporama .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;width: 245px;} #diaporama .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} #diaporama .jcarousel-list li, .jcarousel-item {float: left;list-style: none;width: 50px; height: 50px;margin-right: 7px; margin-top:2px;} #diaporama .jcarousel-next {position: absolute;top: 25px;right: 5px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/accueil/next.gif) no-repeat 0 0;} #diaporama .jcarousel-prev {position: absolute;top: 25px;left: 5px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/accueil/prev.gif) no-repeat 0 0;} .carouselhome .jcarousel-container-horizontal {width: 245px;padding: 20px 40px;} .carouselhome .jcarousel-clip-horizontal {width: 245px;height: 77px;} .carouselhome .jcarousel-item, .carouseldiapo .jcarousel-item {width: 50px;height: 50px;border: 1px solid #f0edea;} .carouselhome .jcarousel-item:hover, .carouseldiapo .jcarousel-item:hover {border: 1px solid #706b5e;} .carouselhome .jcarousel-item-horizontal, .carouseldiapo .jcarousel-item-horizontal {margin-right: 7px;} /* COL DROITE - dans le magazine */ #magazine ul {list-style-type: none;margin: 0; padding:7px;} #magazine li{color:#000; margin-bottom:5px;} #magazine .date {color:#c10418;} /* COL DROITE - Sur internet */ #internet, #magazine { background:url(../img/commun/fond_blanc.gif) bottom no-repeat; margin-top:20px;} #internet p {padding:3px 0 3px 12px; line-height:14px;} #internet .intertitre {color:#c10418; font-size:12px; font-weight:bold; margin-left:-3px;} /* COL DROITE - NEWSLETTER */ #newsletter { background:url(../img/commun/bg_newsletter.gif) no-repeat; display:block; width:300px; height:67px; margin-top:-5px; padding-top:45px;} #newsletter p { padding:7px; margin-top:-15px; line-height:17px; color:#fff; padding-left:60px;} #newsletter #mail { width:150px; height:16px; border:1px solid #c5c5c5; font-size:11px; margin-top:6px;} .colonne_centre #newsletter { background:none; margin-top:10px; display:block;} .colautre #newsletter { margin-top:15px; display:block; background: center left url(../img/accueil/bg_bloc_col_centre.png) repeat-x; padding-bottom:10px;} .colonne_centre #newsletter #mail, .colautre #newsletter #mail { width:130px;} #newsletter #hebdo, #newsletter #quotidienne { vertical-align:middle;} #newsletter #ok { vertical-align:middle; margin-left:6px;} /* COL DROITE - DOSSIERS */ #dossiers { display:block; background:url(../img/commun/fond_or.gif) no-repeat bottom; width:300px; padding-bottom:10px;} #dossiers .tabs-nav {list-style: none;margin: 0; width:298px; margin-left:1px;} #dossiers .tabs-nav li {float: left; height:16px; margin:10px 0;} #dossiers .tabs-nav .tabs-selected { } #dossiers .tabs-nav a, .tabs-nav a span {display: block; } #dossiers .tabs-nav a {position: relative;top: 1px;z-index: 2;white-space: nowrap;} #dossiers .tabs-nav .tabs-selected a {} #dossiers .tabs-nav a span { display:none;} #dossiers .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text;} #dossiers .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;} #dossiers .tabs-nav .tabs-disabled {} #dossiers .tabs-container { background:#e7d7b1; width:298px; margin-left:1px;} #ongletPays {width:152px; height:16px; background:url(../img/commun/onglets_dossier.gif) no-repeat 0 -16px;} #ongletThematique {width:129px; height:16px; background:url(../img/commun/onglets_dossier.gif) no-repeat -152px -16px;} #ongletPays.tabs-selected {background:url(../img/commun/onglets_dossier.gif) no-repeat 0 0;} #ongletThematique.tabs-selected {background:url(../img/commun/onglets_dossier.gif) no-repeat -152px 0;} #dossiers p { padding:0 10px;} #dossiers .categorie {color:#e33804;} #dossiers .titre { font-size:13px; color:#776f5a; font-weight:bold; } #fisheye_menu, #fisheye_menu2 {list-style: none;margin: 10px 0 10px 10px;height: 80px;align: bottom;} #fisheye_menu li, #fisheye_menu2 li {position: relative;display: block;float: left;} #fisheye_menu img, #fisheye_menu2 img { margin-right:15px; border:1px solid #fff;} #fisheye_menu img:hover, #fisheye_menu2 img:hover, #fisheye_menu img.on, #fisheye_menu2 img.on { border:1px solid #443e24;} /* COL DROITE - VIDEOS */ /* lorsque le le nouveau bloc video en noir sera définitif supprimer tous les styles liés à #videos*/ /*#videos { background:url(../img/commun/fond_blanc.gif) no-repeat bottom; display:block; width:300px; padding-bottom:10px; } #videos embed { width:290px; height:239px; margin-left:3px;} #videos ul {list-style-type: none;margin: 10px 0 0 10px; padding: 10px 0; width:280px; height:60px; background:#dcdcdc; } #videos li{ padding:0 4px; display:block; float:left; width:60px; } #videos li a{ color:#969690; line-height:12px;} #videos li img { border:solid 1px #fff;} #videos li img:hover, #videos li img.on { border:solid 1px #443e24;}*/ #fauxplayer {display:block;width:290px; height:227px; margin-left:4px; position:relative; cursor:pointer;} #videos-noir { background:url(../img/commun/bg_video.png) no-repeat bottom; display:block; width:300px; padding-bottom:10px; /*margin-top:20px;*/} #videos-noir h3{ font-size: 14px; font-weight: bold; } #videos-noir .article{ padding: 5px; } #videos-noir .article a{color: #fff;} #videos-noir .article p{ color: #c8c8c8 } #videos-noir ul {list-style-type: none; padding-top: 10px; padding-bottom:10px; padding-left: 3px ; margin: 10px; /*padding: 10px 0; width:280px;*/ height:50px; background:#464646; } #videos-noir li{ /*padding:0 4px;*/ display:block; float:left; padding-left: 5px; /*width:60px;*/ } #videos-noir li img{ border: solid 1px #fff;} #videos-noir a.puce{ clear: both;} /* COL DROITE - EMPLOI - */ #emploi {background:url(../img/commun/fond_bleu.gif) no-repeat bottom; display:block; width:300px; padding-bottom:10px; margin-top:20px;} #emploi ul {list-style-type: none; margin:10px 15px 0 0; padding-bottom:5px;} #emploi li { background:16px 7px url(../img/commun/fleche_bleue.gif) no-repeat; color:#000; font-weight:bold; margin-bottom:8px; padding-left:25px; padding-top:4px; clear:both; } #emploi li a { font-weight:bold; color:#2d8ec4;} #emploi .employeur{ font-weight:normal; color:#555; display:block; float:left;} #emploi .datetype{ font-weight:normal; color:#000; display:block; float:left;} #emploi .lire { float:right; display:block; padding:10px 0; color:#555;} #colonne_principale #emploi li { border-top:1px solid #ccc;} /* COL DROITE - BOUTIQUE */ #boutique { margin-bottom:20px;} /* -------------- PAGE ARTICLE & ARTICLE DOSSIER --------------------------- */ #pagearticle { display:block; width:645px; text-align:justify;} #pagearticle .pays, #pagedossier .titredossier, #pageopinion .titredossier { text-transform:uppercase; font-size:13px; font-weight:bold; color:#c10418;} #pagearticle .rubrique { font-size:10px; text-transform:uppercase; color:#666;} #pagearticle .motscles { font-size:10px; color:#000;} #pagearticle .motscles a { text-decoration:underline;} #pagearticle .date, #pagedossier .date, #pageopinion .date, #pagearticle .source { color:#8b8b8b; font-size:10px; margin-top:10px;} .articlesAssocies .date{ color:#8b8b8b; font-size:10px; border: none; } #pagearticle h1, #pagedossier h1, #pageopinion h1 { display:block; font-size:20px; line-height:20px; font-weight:bold; font-family:Arial, Times, serif; color:#323232; margin:0 0 15px 0;} #pagearticle .article p, #pagedossier .article p, #pageopinion .article p { font-size:13px; line-height:16px; color:#323232; margin-bottom:10px;} #pagearticle .article img.principale, #pagedossier .article img.principale { display:block; width:350px; float:left;} /*Image principale de l'article */ #pagearticle .article img, #pagedossier .article img { display:block;/* width:350px;*/ float:left;} /*Autres images qui peuvent se trouver dans l'article */ #pagearticle .legende, #pagedossier .legende, #pageopinion .legende { display:block; width:350px; background:#CCC; float:left; margin:4px 10px 0 0;} #pagearticle .copyright, #pagedossier .copyright, #pageopinion .copyright {float:right;} #pagearticle h4 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:646px; margin-bottom:10px;} #pagearticle .nav, #pagedossier .nav, #pageopinion .nav, #autreDiapo .nav, #autreDiapo2 .nav, #pagerdossier .nav, #emploi .nav, #pagerArticle .nav , #pagerArticle2 .nav , .breaking-news .nav { display:block; height:24px; /*border-bottom: 1px solid #979797; border-right: 1px solid #979797; */text-align:center; margin:20px auto; width:200px; } #pagearticle .nav a, #pagedossier .nav a, #pageopinion .nav a, #autreDiapo .nav a, #autreDiapo2 .nav a, #pagerdossier .nav a, #emploi .nav a, #pagerArticle .nav a, #pagerArticle2 .nav a, .breaking-news .nav a{ padding: 0 5px; font-size:14px; color:#9e9e9e; } #pagearticle .nav a.highlight, #pagedossier .nav a.highlight, #pageopinion .nav a.highlight, #autreDiapo .nav a.highlight, #autreDiapo2 .nav a.highlight, #pagerdossier .nav a.highlight, #emploi .nav a.highlight, #pagerArticle .nav a.highlight, #pagerArticle2 .nav a.highlight , .breaking-news .nav a.highlight { color: #d5081d; font-weight: bold; text-decoration:underline; } /* BOITE ARTICLES ASSOCIES */ .articlesAssocies{ margin-bottom: 40px; width: 330px; clear: both; padding-top: 10px; margin-left: 10px; } .articlesAssocies img{ display: inline; } .articlesAssocies span.savoirplus{ display: block; border-bottom: 2px solid #000; width: 330px; height: 16px;} .articlesAssocies ul{ display:block; background:/*url(../img/commun/picto_articles_associes.gif)*/ top left no-repeat #f5f5f5; padding-left:5px; padding-right: 5px; list-style:none; /*margin-top: 40px;*/ margin-bottom:10px; padding-top: 13px; padding-bottom:10px; clear:both;} .articlesAssocies li { background:url(../img/commun/puce_article-associe.png) no-repeat 0 4px ; padding-left:15px; margin-bottom: 11px;} .articlesAssocies li a { font-size: 11px; color: #323232; } .articlesAssocies li a:hover { font-size: 11px;color: #c10418; text-decoration: underline; } .articlesAssocies span.date{ display: block; font-size: 10px; color: #8b8b8b; } /* BOITE A OUTIL */ #boiteoutil { display:inline-block; width:100%; margin: 10px 0; /*margin-bottom:20px;*/ font-size:10px; } #boiteoutil img { display:block; float:right; margin:4px 0 0 6px;} #boiteoutil .auteur {display:block; float:right; color:#979797;margin-top:6px; padding-left:35px;} #boiteoutil .auteur.AFP { background:url(../img/commun/afp.gif) no-repeat center left;} #boiteoutil .auteur.APANEWS { background:url(../img/commun/apa.gif) no-repeat center left;} #boiteoutil .auteur.XINHUA { background:url(../img/commun/chinois.gif) no-repeat center left;} #boiteoutil .auteur.Jeune_Afrique { background:url(../img/commun/ja.png) no-repeat center left; padding-left: 85px;} #formEnvoyer {font-weight:bold; display:block; width:350px; margin:300px auto; background:#f0edea; height:200px; padding:10px; border:1px solid #000;} #formEnvoyer p { display:block; float:left; width:160px; margin-bottom:3px;} #formEnvoyer input, #formEnvoyer textarea { display:block; float:left; font-size:11px; height:16px; margin-bottom:3px;} #formEnvoyer textarea { font-family:"trebuchet MS", Arial, sans-serif; height:50px; width:150px;} /*----------------- PAGE PAYS ------------------------ */ #savoirplus { display:block; float:right; width:215px; margin-top:13px; /*background:url(../img/commun/bg_une.gif)*/} #partenaire .titre { font-weight:bold; color:#d5081d; padding-right:5px;} #savoirplus ul {list-style-type: none; padding:0 0 3px 70px; width:143px; margin-top:15px;} #savoirplus li { background:center left url(../img/commun/puce_lien_gris.gif) no-repeat; height:18px; padding:2px 0 0 15px; margin: 0 0 0 15px; } #savoirplus a { color:#c10418; text-decoration:underline;} #partenaire { display:inline-block; width:650px; margin:15px 0 20px 0; } #partenaire .titre { display:block; margin-bottom:6px; width:75px;} #partenaire img { display:block; float:left; width:158px; height:49px; margin:0 2px 3px 0; border:solid 1px #000;} #personnalites li .nom, #entreprises li .nom{ color:#c20418;} .nuage { display:block; width:202px; border:1px solid #5d5c5c; background:#f5f5f2; margin-bottom:10px; padding:5px; text-align:justify; } .nuage a {color:#c10418; } a.regular14 { font-size:14px;} a.regular16 { font-size:16px;} a.regular20 { font-size:20px;} .bold { font-weight:bold;} .nuage a:hover { text-decoration:underline;} #chiffrePays{background:url(../img/commun/bg_une.gif) top right repeat-x #dbdbdb;} #chiffrePays h2 { text-transform: uppercase; font-size:16px; font-weight:bold; color:#323232; margin:15px;} #chiffrePays h3{background: #ffffff; display: block; clear: both;} #chiffrePays ul {list-style-type: none; margin:10px 15px 0 15px; padding-bottom:5px;} #chiffrePays li { /*background:8px 7px url(../img/commun/puce_lien_gris.gif) no-repeat; /*color:#000; /*margin-bottom:8px; padding-left:25px; padding-top:4px;*/ border-top:1px solid #ccc; line-height:25px; clear:both; } #chiffrePays .gch{ font-weight:bold; color:#000; display:block; float:left; width:250px;} #chiffrePays .drt{ color:#555; display:block; float:left; width:355px;} /*-------------------------------- PAGE INDEX THEMATIQUE DOSSIERS & INDEX OPINIONS BLOGS --------------------------- */ #titredossiers, #titreblogs, #titrediapo, #titresondage, #titrenewsletter, #titrevideo, #titreannonces { display:inline-block; width:974px; background:url(../img/commun/bg_titre.gif) repeat-x; height:56px;} #titrerecherche h1{ display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:645px; margin-bottom:30px;} #titredossiers h2, #titreblogs h2, #titrecontacts h2, #titrediapo h2, #titresondage h2, #titrenewsletter h2, #titrevideo h2, #titreannonces h2 { display:block; float:left; font-size:24px; color:#d5081d; text-transform:uppercase;} #titredossiers .picto { display:block; float:right; width:50px; height:46px; background:#fff url(../img/commun/picto_dossiers.gif) no-repeat 8px 6px;} #titreblogs .picto { display:block; float:right; width:50px; height:56px; background:#fff url(../img/commun/picto_blogs.gif) no-repeat 8px 0;} #titrecontacts .picto { display:block; float:right; width:50px; height:56px; background:#fff url(../img/commun/picto_contacts.gif) no-repeat 8px 0;} #titrediapo .picto { display:block; float:right; width:50px; height:56px; background:#fff url(../img/commun/picto_diapo.gif) no-repeat 4px 7px;} #titresondage .picto { display:block; float:right; width:45px; height:56px; background:#fff url(../img/commun/picto_sondage.gif) no-repeat 4px 7px;} #titrenewsletter .picto { display:block; float:right; width:50px; height:56px; background:#fff url(../img/commun/picto_newsletter.gif) no-repeat 6px 0;} #titrevideo .picto { display:block; float:right; width:50px; height:56px; background:#fff url(../img/commun/picto_video.gif) no-repeat 10px -2px;} #titreannonces .picto { display:block; float:right; width:50px; height:56px; background:#fff url(../img/commun/picto_annonces.gif) no-repeat 10px -2px;} #liendossier { background:url(../img/commun/puce_lien_rouge.gif) no-repeat; height:11px;display:block; margin-left:14px; float:left; font-size:10px; font-weight:normal; color:#C10418; text-decoration : none;} #liendossier a { margin-left:11px; font-size:10px; font-weight:normal; color:#C10418; text-decoration : none;} #liendossier a:hover { text-decoration : underline;} #titrerecherche .theme{ border-bottom:1px solid #00000; font-size:14px; font-weight:bold; color:#000000; width:645px; margin-bottom:6px;} .colgauche, .colgauche2 { display:block; float:left; width:475px;} .coldroite, .coldroite2 { display:block; float:right; width:475px;} .colgauche .article, .coldroite .article, #listedossier .article, .coldroite .opinion, .colgauche .opinion { display:block; float:right; width:262px; margin:10px 0;} .coldroite .opinion, .colgauche .opinion { width:260px;} .colgauche img.visudossier, .coldroite img.visudossier, #listedossier img.visudossier, .coldroite img.visu, .colgauche img.visu { width:200px; height:114px; display:block; float:left; margin:10px 0; } .colgauche a.plus, .coldroite a.plus {margin:15px 0;} .colgauche h4, .coldroite h4 { display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:475px; margin-bottom:6px;} .rubdossier { font:Arial, Helvetica, sans-serif 10px; color:#000; text-transform:; line-height:12px;} .rubdossier a {color:#000;} .rubdossier a:hover {color:#000; text-decoration : underline;} #pagerdossier h4 { display:block; width:100%; border-bottom:1px solid #d5081d; font-size:16px; color:#d5081d; font-weight:bold; text-transform:uppercase; margin-top:30px;} ul#listedossier { list-style:none; height:405px;} #listedossier li { width:475 px; display:block; float:left;} #listedossier .article { margin:10px; float:left;} .titrethematique, .colgauche h2, .coldroite h5, .colgauche h5, .pagediapo h2, .pagediapo h5 { display:block; width:100%; border-bottom:1px solid #5b5b5b; font-size:24px; color:#d5081d; font-weight:bold; text-transform:uppercase; margin-top:30px;} .colgauche h5, .coldroite h5, .pagediapo h5 { font-size:18px;} /*---------------------------- PAGE ARTICLE DOSSIER & ARTICLE OPINION ------------------------------ */ /*.colarticle { display:block; float:left; width:740px; } .colautre { display:block; float:right; width:215px; }*/ .colgauche2 .article, .coldroite2 .article { display:block; width:475px; margin:0 0 10px 0;} .colgauche2 .bloc_accueil h4, .coldroite2 .bloc_accueil h4 { width:475px;} #pageopinion { display:block; width:645px; text-align:justify; margin-top:15px;} /*#pagedossier .article img, #pagedossier .legende{ width:200px;}*/ /*#pagedossier .rubrique, #pagedossier .auteur, */#pageopinion .rubrique, #pageopinion .auteur { font-size:14px; color:#666; text-transform:uppercase;} #pageopinion .legende { width:200px;} #coldossier_top { display:block; background:url(../img/commun/fd_art_dossier_top.gif) no-repeat top; width:303px;} #coldossier_top .gd_titre { display:block; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; margin: 0 8px 8px 8px; padding:10px 10px 5px 10px; border-bottom: 1px solid #bcb39c;} /*#coldossier_top .gd_titre { display:block; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; margin-left:8px; padding:10px; }*/ /*-- Modifier le 03/01/09 ---*/ #coldossier_bottom { display:block; background:url(../img/commun/fd_art_dossier_bottom.gif) no-repeat top; width:303px; height:36px;} #coldossier { display:block; background:url(../img/commun/fd_art_dossier.gif) repeat; height:auto;width:303px;} #coldossier p { padding:0 20px;} #coldossier .titre { font-size:13px; color:#776f5a; font-weight:bold; } #coldossier a.puce {color: #c10418; background: 0 3px url(../img/commun/puce_lien_orange.gif) no-repeat; padding-left:12px; margin-bottom:12px; display:block; float:left;} #coldossier h3 { font-size:14px; color:#C10418; display:block; margin: 15px 0; font-weight:bold;} #coldossier h4 { font-size:18px; font-weight:bold; margin:10px 0; display:block;} #coldossier h1 { margin-left:18px;margin-top:5px;margin-bottom:5px;display:block;} #coldossier .complement { font-size:14px; display:block; padding:10px 0;} #coldossier .complement a { color:#c10418; margin-left:5px;} #coldossier .complement a.puce {color: #c10418; background: 0 3px url(../img/commun/puce_lien_orange.gif) no-repeat; padding-left:12px; margin-bottom:12px; display:block; float:left;} hr { width:960px; color:#ddd; size:1; margin:0 auto; } .coldossier #toparticle .tabs-container {padding: 5px;background: #f0edea; } .coldossier #toparticle .tabs-nav li {background:#fff; } .coldossier #toparticle .tabs-nav .tabs-selected { background:#f0edea; } .coldossier #toparticle .tabs-nav .tabs-selected {border-bottom:solid 1px #f0edea; background:#f0edea; } /*--------------------- INDEX BLOGS OPINIONS ---------------------------------- */ .opinion .surtitre, .blog .surtitre, .pagediapo .surtitre, #dossierBas .surtitre {font-size:14px;font-weight: bold;color: #c10418; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .opinion .dateauteur, .pagediapo .dateauteur {color:#7f7f81;} .opinion p { line-height:14px;} .colgauche .blog { display:block; padding-bottom:30px;} .blog img { border:1px solid #000; margin:10px 0;} .blog p { font-size:12px; line-height:16px;} .recommandations { text-align:center; border:1px solid #000; font-style:italic; padding:15px; font-size:12px; margin-bottom:10px;} .recommandations .intertitre {color:#b40000; font-style:normal; font-weight:bold; font-size:14px; display:block; margin-bottom:10px;} /*---------------------- PAGE CONTACTS, CGU & ARCHIVES --------------------------- */ #titrecontacts { display:inline-block; width:974px;} /*.cgu h2, #pagesondage h2, #pagenewsletter h2 { font-size:14px; border-bottom:1px solid #57a5d0; display:block; text-transform:uppercase; margin-bottom:15px;}*/ .contacts h1, .cgu h1, .archives h1 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:645px; margin-bottom:20px;} .contacts h2, .cgu h2 { margin-left:15px; color:#d5081d; font-weight:bold; font-size:14px;text-decoration:underline; text-transform:uppercase; margin-bottom:15px; } .archives h2{ margin: 20px auto; text-align: center; font-size: 20px; font-weight: bold; color: #004983;} .archives h2 a{color: #004983} .archives a:hover{ text-decoration: underline; } .archives ul{ list-style-type: none;} .archives ul li { /*font-weight: bold;*/ font-size: 12px; background: url(../img/commun/puce_article-associe.png) no-repeat 0 4px; padding-left:15px; margin-top: 5px; margin-left: 0px; display: block; } .archives .bloc_archive{ width: 20%; float: left; margin-left: 20px; padding-right: 10px; min-height: 300px; } .archives .bloc_archive h2{ text-align: left;} .contacts p, .cgu p { margin-left:15px; font-size:11px; padding:5px;} .archives span.fil_ariane{ font-size: 13px; /*color: #8b8b8b; */} .archives span.fil_ariane a{ font-weight: bold; /*color: gray; */} /*.cgu p { font-size:12px; padding:5px;}*/ .contacts p.last, .cgu p.last { margin-bottom:30px; display:block; } .contacts a, .cgu a { color:#c20418;} .contacts hr { border-bottom:1px solid #e6E6E6; width:645px; margin-bottom:20px;} .contacts .info {display:block; border-bottom:1px solid #c10418; font-size:11px; color:#000000; width:645px; margin-bottom:20px;} .archives table.classement{ width: 100%;} /*----------------------- PAGE DIAPORAMA ------------------ */ .pagediapo h2 { margin:0;} .pagediapo .description { display:block; margin:20px 0;} .pagediapo .dateauteur { text-transform:uppercase; } .pagediapo h3 {font-size: 18px; line-height: 20px;} .pagediapo #bloc-diaporama{ border: 1px solid #bababa; background: #000; } #fond_defil {z-index:1; background:#000; display:block; /*float:left; */width:645px; /*height:340px;*/position:relative; text-align:center;} /*#fenetre_defil { z-index:100; top:10px; left:0px;overflow : hidden; clip:rect(10px 593px 340px 52px); background:#d4d4d4; display:block; float:left; width:645px; height:340px; position:absolute; text-align:center;}*/ #fenetre_defil { z-index:100; /*overflow : hidden; */clip:rect(10px 593px 340px 52px); background:#000; display:block; float:left; width:645px; text-align:center;} .defilphoto { background:#666; display: block; width:540px; /*height:340px; */ text-align:center; position:relative; margin-left:auto; margin-right:auto; } .photo { background:#666; display:block; /*position:absolute; top:0px; left:0px;*/ width:540px; /*height:340px;*/ min-height: 36px;} /*.prev { display:block; position:absolute; top:0px; left:0px;} .next { display:block; position:absolute; top:0px; right:0px;}*/ .legendePhotoActu { position:absolute; bottom:0px; left:0px; width:530px; height:auto; color:#fff; font-size:14px; font-weight:bold; padding:5px; text-align:center; } #commentairePhoto {background:#000; width:540px; padding: 10px 52px 30px 52px; position:relative; height:auto; display:block; float:left; text-align:justify; border-top: #bababa 1px solid; } #commentairePhoto h1{font-size:11px; font-weight:normal; color:#c7c7c7; margin-right: 25px; margin-left: 25px;} #commentairePhoto .date{color: #8b8b8b; font-size: 9px; } #commentairePhoto a#bt_gch, #commentairePhoto a#bt_drt{ display: block; width: 21px; height: 34px; } #commentairePhoto a#bt_gch { background: url(../img/diaporama/bt_defil-gch.png) no-repeat 0 0; float: left; padding-right: 5px; } #commentairePhoto a:hover#bt_gch { background: url(../img/diaporama/bt_defil-gch.png) no-repeat 0 -34px; } #commentairePhoto a#bt_drt { background: url(../img/diaporama/bt_defil-drt.png) no-repeat 0 0; float: right; margin-left: 5px; } #commentairePhoto a:hover#bt_drt { background: url(../img/diaporama/bt_defil-drt.png) no-repeat 0 -34px; } /*.annulation_float_dia{background:#000; clear: both; }*/ #logo_afp {display:inline-block; background: transparent url(../img/commun/logo_afp.gif) no-repeat 0 0; width:300px; height:14px; text-align:left; } #logo_afp .texte {text-align:left; font-size:10px; margin-left:28px; color:#9B9898;} /*----------------------- PAGE DIAPORAMA CAROUSEL VIGNETTES ------------------ */ #deroulPhoto .jcarousel-container {position:relative ; bottom: 0px; left:0px; background: #f0edea; width: 645px;height:49px;} #deroulPhoto .jcarousel-clip {z-index: 2;margin-left: 24px; margin-right: 22px; overflow: hidden;position: relative;width: 600px;} #deroulPhoto .carouseldiapo .jcarousel-container-horizontal {width: 625px;padding: 20px 40px;} #deroulPhoto .carouseldiapo .jcarousel-clip-horizontal {width: 625px;height: 40px;} #deroulPhoto .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} #deroulPhoto .jcarousel-list li {float: left;list-style: none; width: 25px; height: 25px; margin-right: 3px; margin-top:9px;} #deroulPhoto .jcarousel-next {position: absolute;top: 0px; left: 635px; width: 5px;height: 37px; margin-top:5px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/dia_next.gif) no-repeat 0 0;} #deroulPhoto .jcarousel-prev {position: absolute;top: 0px;left: 5px; width: 5px;height: 37px; margin-top:5px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/dia_prev.gif) no-repeat 0 0;} #deroulPhoto .jcarousel-next a:hover {background: transparent url(../img/commun/dia_next_on.gif) no-repeat 0 0;} #deroulPhoto .jcarousel-prev a:hover{background: transparent url(../img/commun/dia_prev_on.gif) no-repeat 0 0;} /*----------------------- ? ------------------ */ #deroulPhoto2 .jcarousel-container {background: #f0edea;position: relative; width: 538px; height:40px;padding: 3px 20px;} #deroulPhoto2 .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;width: 585px;} #deroulPhoto2 .carouseldiapo .jcarousel-container-horizontal {width: 585px;padding: 20px 40px;} #deroulPhoto2 .carouseldiapo .jcarousel-clip-horizontal {width: 585px;height: 40px;} #deroulPhoto2 .jcarousel-container, #deroulPhoto2 .jcarousel-clip, #deroulPhoto2 .carouseldiapo .jcarousel-container-horizontal, #deroulPhoto2 #deroulPhoto2 .jcarousel-container { width:680px;} .carouseldiapo .jcarousel-clip-horizontal { width:680px;} #deroulPhoto2 .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} #deroulPhoto2 .jcarousel-list li .jcarousel-item {float: left;list-style: none;width: 20px; height: 20px;margin-right: 5px; margin-top:5px;} #deroulPhoto2 .jcarousel-next {position: absolute;top: 0px;right: 0px;width: 5px;height: 49px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/dia_next.gif) no-repeat 0 0;} #deroulPhoto2 .jcarousel-prev {position: absolute;top: 0px;left: 0px;width: 5px;height: 49px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/dia_prev.gif) no-repeat 0 0;} .autrediapo { width:645px; /*border:1px solid #000;*/ padding:10px 0; height:335px; } .autrediapo ul { display:inline-block; list-style:none;} .autrediapo li { margin-left:10px; width:200px; display:block; float:left;} .autrediapo img, #dossierBas img { border:1px solid #000; display:block; float:left; margin-bottom:10px; } .autrediapo .description, #dossierBas .description { display:block; margin:0; width:202px; float:left; padding-bottom:10px; } #autreDiapo .tabs-nav {list-style: none;margin: 0; width:470px; height:35px; text-transform:uppercase;} #autreDiapo .tabs-nav li {float: left; padding-top:8px; } #autreDiapo .tabs-nav .tabs-selected {} #autreDiapo .tabs-nav a {display: block; color:#666; padding:0 10px;position: relative;top: 1px;z-index: 2;white-space: nowrap; } #autreDiapo .tabs-nav .tabs-selected a {color:#fff; background:url(../img/commun/bg_nav_diapo.gif) repeat-x; } #autreDiapo .tabs-nav .tabs-selected a:link { cursor: text;} #autreDiapo .tabs-nav a:hover { cursor: pointer;} #autreDiapo .tabs-nav .tabs-disabled {color:#000;border-bottom:solid 1px #969696; background:#fefefd;} #autreDiapo .tabs-container {padding: 5px;background:#fff;} #autreDiapo .nav { margin:5px auto;} /* PAGE DIAPORAMA dossier Semaine */ #dossiersSemaine { display:block; width:645px; height:547px; margin-top:50px;background:url(../img/diaporama/bg_semaine.gif) top no-repeat;} #dossiersSemaine h3 { width:645px; display:block; float:left; color:#C10418; font-size:16px; font-weight:bold; text-transform:uppercase; margin-bottom:11px; margin-top:8px; margin-left:10px; } #dossiersSemaine h1 { width:126px; display:block; color:#000; font-size:14px; font-weight:bold; margin-bottom:10px;} #dossiersSemaine ul {margin-left:20px; list-style:none;} #dossiersSemaine li {display:block; width:126px; margin-right:30px; float:left; height:247px; border:0px;} #dossiersSemaine .photo_s {display:block; height: 95px; width:126px; margin-bottom:10px;} #dossiersSemaine img { border:1px solid #000; display:block; margin-bottom:10px; } #dossiersSemaine .description { display:block; margin:0; width:126px; float:left; } #dossiersSemaine .surtitre { display:block; color:#C10418; font-size:14px; font-weight:bold; text-transform:uppercase; margin:0; width:126px; float:left; } /*----------------------- PAGE SONDAGE --------------------------------*/ #pagesondage .sondage p.question { padding:7px; font-weight:bold; margin-bottom:8px; display:block; font-size:14px; color:#d5081d;} #pagesondage .sondage ul {list-style-type: none;margin: 0; padding:7px;} #pagesondage .sondage li{color:#000; font-size:12px; margin-bottom:5px;} #pagesondage .reponse { display:block; float:left; width:400px;} #pagesondage .sondage .pourcent {white-space: nowrap; display:block; float:left;} #pagesondage .sondage .pourcent img { display:block; float:left;} #pagesondage .sondage #okSondage { margin-left:10px;} #pagesondage h2, #pagemeteo h2 { display:inline-block;} #pagesondage h2 .nbvote { display:block; float:right; text-transform:none; font-size:11px; margin-top:5px; /*font-weight:normal;*/} /*----------------- PAGE NEWSLETTER ------------------------*/ #pagenewsletter p { font-size:13px; display:block; margin-bottom:8px;} #pagenewsletter h4 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:646px; margin-bottom:10px;} #pagenewsletter h1 {display:block; text-decoration:underline; font-size:14px; font-weight:bold; color:#d5081d; text-transform:uppercase; margin-bottom:10px;} #pagenewsletter .intitule { width:160px; display:block; float:left;} #pagenewsletter input, #pagenewsletter select { width:180px; height:18px; font-size:11px; } #pagenewsletter select { height:20px; width:182px; } .bordure { border:1px solid #000;} #pagenewsletter .checkbox { color:#21A121; width:25px; display:block; float:left;} #pagenewsletter #Jour, #pagenewsletter #Mois, #pagenewsletter #Annee { width:80px; display:block; float:left; margin-right:10px;} #pagenewsletter .submit { background:url(../img/commun/bg_bouton.gif) no-repeat; width:77px; height:18px; border:none; font-size:11px; color:#787878; padding-bottom:1px; cursor:pointer;} .intro { display:block; padding-bottom:20px;} p.mandatory { color:#959595; display:block; margin-top:30px; font-size:11px;} #pagenewsletter ul {list-style-type: none;} #pagenewsletter li{ margin-bottom:5px; width:200px; float:left; display:block; font-size:13px;} /*---------------------- METEO -----------------------------*/ #pagemeteo h2 { font-size:10px; display:block; margin-bottom:15px;} #pagemeteo .heurereleve { display:block; float:right; text-transform:none; font-size:11px; margin-top:5px;} #pagemeteo h4 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:400px; margin-bottom:10px;} #pagemeteo h2 { margin: 0 0 5px 0; } #map { display:block; position:relative; width:400px; height:400px;} #map .ville { background:url(../img/meteo/pucev.gif) no-repeat 5px 5px; padding-left:12px; color:#000; line-height:11px;} #map .villedrt { background:url(../img/meteo/pucev.gif) no-repeat center right; padding-right:12px; color:#000; line-height:11px;} #map ul { list-style:none;} .afrique { background:url(../img/meteo/map_afrique.jpg) no-repeat;} .afriquedusud { background:url(../img/meteo/map_afriquedusud.jpg) no-repeat;} .algerie { background:url(../img/meteo/map_algerie.jpg) no-repeat;} .angola { background:url(../img/meteo/map_angola.jpg) no-repeat;} .benin { background:url(../img/meteo/map_benin.jpg) no-repeat;} .botswana { background:url(../img/meteo/map_botswana.jpg) no-repeat;} .burkinafaso { background:url(../img/meteo/map_burkinafaso.jpg) no-repeat;} .burundi { background:url(../img/meteo/map_burundi.jpg) no-repeat;} .cameroun { background:url(../img/meteo/map_cameroun.jpg) no-repeat;} .capvert { background:url(../img/meteo/map_capvert.jpg) no-repeat;} .comores, .mayotte { background:url(../img/meteo/map_comoresetmayotte.jpg) no-repeat;} .congo { background:url(../img/meteo/map_congo.jpg) no-repeat;} .cotedivoire { background:url(../img/meteo/map_cotedivoire.jpg) no-repeat;} .djibouti { background:url(../img/meteo/map_djibouti.jpg) no-repeat;} .egypte { background:url(../img/meteo/map_egypte.jpg) no-repeat;} .erythree { background:url(../img/meteo/map_erythree.jpg) no-repeat;} .ethiopie { background:url(../img/meteo/map_ethiopie.jpg) no-repeat;} .gabon { background:url(../img/meteo/map_gabon.jpg) no-repeat;} .gambie { background:url(../img/meteo/map_gambie.jpg) no-repeat;} .ghana { background:url(../img/meteo/map_ghana.jpg) no-repeat;} .guinee { background:url(../img/meteo/map_guinee.jpg) no-repeat;} .guineeequatoriale { background:url(../img/meteo/map_guineeequatoriale.jpg) no-repeat;} .guineebissau { background:url(../img/meteo/map_guineebissau.jpg) no-repeat;} .ilemaurice { background:url(../img/meteo/map_maurice.jpg) no-repeat;} .kenya { background:url(../img/meteo/map_kenya.jpg) no-repeat;} .lesotho { background:url(../img/meteo/map_lesotho.jpg) no-repeat;} .liberia { background:url(../img/meteo/map_liberia.jpg) no-repeat;} .libye { background:url(../img/meteo/map_libye.jpg) no-repeat;} .madagascar { background:url(../img/meteo/map_madagascar.jpg) no-repeat;} .malawi { background:url(../img/meteo/map_malawi.jpg) no-repeat;} .mali { background:url(../img/meteo/map_mali.jpg) no-repeat;} .maroc { background:url(../img/meteo/map_maroc.jpg) no-repeat;} .mauritanie { background:url(../img/meteo/map_mauritanie.jpg) no-repeat;} .mozambique { background:url(../img/meteo/map_mozambique.jpg) no-repeat;} .namibie { background:url(../img/meteo/map_namibie.jpg) no-repeat;} .niger { background:url(../img/meteo/map_niger.jpg) no-repeat;} .nigeria { background:url(../img/meteo/map_nigeria.jpg) no-repeat;} .ouganda { background:url(../img/meteo/map_ouganda.jpg) no-repeat;} .centrafrique { background:url(../img/meteo/map_centrafrique.jpg) no-repeat;} .rdcongo { background:url(../img/meteo/map_rdcongo.jpg) no-repeat;} .rwanda { background:url(../img/meteo/map_rwanda.jpg) no-repeat;} .saotome { background:url(../img/meteo/map_saotome.jpg) no-repeat;} .senegal { background:url(../img/meteo/map_senegal.jpg) no-repeat;} .seychelles { background:url(../img/meteo/map_seychelles.jpg) no-repeat;} .sierraleone { background:url(../img/meteo/map_sierraleone.jpg) no-repeat;} .somalie { background:url(../img/meteo/map_somalie.jpg) no-repeat;} .soudan { background:url(../img/meteo/map_soudan.jpg) no-repeat;} .swaziland { background:url(../img/meteo/map_swaziland.jpg) no-repeat;} .tanzanie { background:url(../img/meteo/map_tanzanie.jpg) no-repeat;} .tchad { background:url(../img/meteo/map_tchad.jpg) no-repeat;} .togo { background:url(../img/meteo/map_togo.jpg) no-repeat;} .tunisie { background:url(../img/meteo/map_tunisie.jpg) no-repeat;} .zambie { background:url(../img/meteo/map_zambie.jpg) no-repeat;} .zimbabwe { background:url(../img/meteo/map_zimbabwe.jpg) no-repeat;} .prevision { display:inline-block; color:#000; font-size:11px; position:relative; width:390px; height:128px; padding:5px; margin-bottom:10px; } .prevision.bleu { background:url(../img/meteo/bg_bleu.gif) repeat-x; } .prevision.grisbleu { background:url(../img/meteo/bg_grisbleu.gif) repeat-x; } .prevision.gris { background:url(../img/meteo/bg_gris.gif) repeat-x; } .prevision .jour { text-transform:uppercase; font-size:14px; font-weight:bold; margin:5px;} .villetemps { display:block; float:left; width:100px; margin-left:20px; margin-top:15px;} .villetemps .ville,.villetemps .ville a, .villetemps .temps { color:#646464;} .villetemps .ville { text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:underline;} .villetemps .temperature {font-size:34px; line-height:22px; color:#ca0418; line-height:40px;} .infotemps { display:block; float:left; margin-top:15px; width:200px;} .bouton { display:block; width:62px; height:17px; font-size:10px; font-weight:bold; text-transform:uppercase; margin-top:5px; text-align:center; padding-top:2px; background:url(../img/meteo/bg_off.gif) repeat-x;} .bouton.on1, .bouton.on1 a { color:#fff; background:url(../img/meteo/bg_on.gif) repeat-x;} .Bensoleillement { background:url(../img/meteo/temps_off.gif) no-repeat; width:27px; height:43px; cursor:pointer;} .Bensoleillement.on2 { cursor:text; background:url(../img/meteo/temps_on.gif) no-repeat;} .Btemperature { background:url(../img/meteo/temperature_off.gif) no-repeat; width:27px; height:43px; cursor:pointer;} .Btemperature.on3 { cursor:text; background:url(../img/meteo/temperature_on.gif) no-repeat;} .bouton_autre { display:block; margin:10px auto; background:url(../img/commun/bg_bouton.gif) no-repeat; width:78px; height:17px; text-align:center; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:2px;} .bouton_autre { color:#787878;} #mapPM { display:none;} .map_temperature { display:none;} .map_ensoleillement { display:block; height:55px; margin:-2px 0;} #liste_pays_img_titre{width: 216px; height: 23px; float: right;} #liste_pays {float:right; display:block; width: 214px;border-bottom:1px solid #c10418; border-left:1px solid #c10418; border-right:1px solid #c10418;} #liste_pays p {margin:23px 10px; font-size:11px; color:#ca0418; font-weight:normal;} #liste_pays ul {display:block; list-style:none; margin:0 0 5px 20px;} #liste_pays li {display:block; padding-left:10px; background:url(../img/meteo/puce.gif) no-repeat 0px 4px; } #liste_pays li a:hover { text-decoration:underline;} #liste_pays li ul li { background:none; text-transform:none;} #liste_pays li ul { display:none;} #liste_pays ul.off { display:none;} #liste_pays ul.on { display:block;} /* ---------------------------- PAGE SOMMAIRE -----------------------*/ .pageSommaire ul {display:block; float:left; list-style:none; margin-left:20px; width:420px;} .pageSommaire h3 { width:420px; border-bottom:1px solid #000; margin-top:15px; display:block; color:#ca0418; font-weight:bold;} .pageSommaire .puce { background:url(../img/accueil/puce_emploi.gif) no-repeat center left; padding-left:15px;} .pageSommaire ul.suite { margin:0; width:642px;} .pageSommaire ul.suite h3 {width:642px;} .euro {color:#ca0418;font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} /*---------------------- PAGE EDITION DIGITALE et page ARTICLE NON-LIBRE avec Promo EDITION DIGITALE --------------------------- */ h5.hds{text-indent: 33px;} #colonne_principale.hds{/* padding-left: 30px ;*/ padding-left: 33px; width:613px;} /*646 - 33 de padding */ #colonne_principale.hds h1{ font-size: 20px;} h5.hds {font-family:"trebuchet MS", sans-serif; font-size: 36px; text-transform: uppercase; margin-bottom: 40px;background: none; } h4.hds {font-size: 24px; color: #c60519; text-align: left;} /*ul.hds {margin-left: 12px; padding-left: 12px;}*/ ul.hds li { list-style-image: url(../img/edition-digitale/list_fleche.png); color: #2d8ec4; font-size: 16px; text-transform: uppercase; } #colonne_principale.hds p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: none; color: #323232; margin-top: 18px ; margin-bottom: 35px; width: 550px;} #colonne_principale.hds span.cle { color: #ff0000;} #colonne_principale.hds span.cle img{ float: left; padding-right: 5px;} /*---------------------- PAGE video --------------------------- */ .pagevideo h2{ margin: 0; border-bottom: #bababa 1px solid; background: url(../img/videos/bg_jeune-afrique-TV-NOIR.png) top left no-repeat; } .pagevideo h1{ color: #fff; text-transform: uppercase; font-size: 18px; font-weight: bold;} .pagevideo #player{ float:left; width:400px; height:300px;} .pagevideo #lecture-video{ border: #bababa solid 1px; color: #c7c7c7; background: /*url(../img/videos/bg_bloc-lecture-video.png) bottom left*/ #101010 repeat-x; min-height: 645px; } /*.pagevideo #bloc-player{ background: #dedede;}*/ .pagevideo .description {/* display:block; /*margin:20px 0;*/ padding: 5px; /*width: 390px; float: left;*/ } .pagevideo .description span.infos {color:#7f7f81; font-size: 10px; display: block; padding-bottom: 10px; } /*.pagevideo .dateauteur {color:#7f7f81;}*/ .pagevideo .description span.infos img{ display: inline;} .pagevideo .description .auteur{ font-size: 11px; padding: 20px 0; line-height: 30px; } .pagevideo .description #notation { padding-top: 10px; } .pagevideo .description #notation span.gch{ float: left; width: 120px; color: #c8c8c8; font-size: 12px; font-weight: bold; line-height: 12px;} .pagevideo .description #notation a{ display: block; width: 12px; height: 12px; background: url(../img/videos/bg_note-etoile.png) 0 -12px no-repeat; float: left;} .pagevideo .description #notation a:hover{ display: block; width: 12px; height: 12px; background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat; float: left;} .pagevideo .description #notation a.ON{display: block; width: 12px; height: 12px; background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat; float: left;} .pagevideo .description .gch{ display:block; float:left; width:120px; color:#7f7f81; font-size: 10px; line-height: 20px; margin-bottom: 10px; } .pagevideo .description .drt{ display:block; float:left; width:260px; line-height: 20px; margin-bottom: 10px; } .pagevideo .surtitre{font-size:14px;font-weight: bold;color: #c10418; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;} .pagevideo #coldrt_autreVideo{ float: right; /*background: #f0edea; /*border: 1px solid #ccccc2; */ width: 219px;/* margin-top: 20px; margin-right: 10px; margin-bottom: 10px;*/ padding-right: 10px;} .pagevideo #autreVideo{/* float: right;*/ background: #464646; /*border: 1px solid #ccccc2; */ width: 219px; margin-top: 20px; margin-right: 10px; /*margin-bottom: 10px;*/ } .pagevideo #autreVideo .article a{ color: #c8c8c8;} .pagevideo #autreVideo ul { list-style:none; border-right: 1px solid #929292; border-left: 1px solid #929292; padding-top: 10px; padding-bottom: 10px; } .pagevideo #autreVideo li { display: block; float: left; } .pagevideo #autreVideo li.on a{ visibility: hidden; } .pagevideo #autreVideo li#Derniere { width:68px; height: 19px; background: url(../img/videos/Derniere_ON.png) no-repeat 0 0; } .pagevideo #autreVideo li#Derniere a{ display: block; width:68px; height: 19px; background: url(../img/videos/bt_Derniere2.png) no-repeat 0 0; float: left; } .pagevideo #autreVideo li#PlusVues { background: url(../img/videos/PlusVues_ON.png) no-repeat 0 0; width:68px; height: 19px; } .pagevideo #autreVideo li#PlusVues a{ display: block; width:68px; height: 19px; background: url(../img/videos/bt_PlusVues2.png) no-repeat 0 0; float: left; } .pagevideo #autreVideo li#MieuxNotees { width:81px; height: 19px; background: url(../img/videos/MieuxNotees_ON.png) no-repeat 0 0; } .pagevideo #autreVideo li#MieuxNotees a{ display: block; width:81px; height: 19px; background: url(../img/videos/bt_MieuxNotees2.png) no-repeat 0 0; float: left; } .pagevideo #autreVideo li#Derniere a:hover{ background: url(../img/videos/bt_Derniere2.png) no-repeat 0 -19px; float: left; } .pagevideo #autreVideo li#PlusVues a:hover{ background: url(../img/videos/bt_PlusVues2.png) no-repeat 0 -19px; float: left; } .pagevideo #autreVideo li#MieuxNotees a:hover{ background: url(../img/videos/bt_MieuxNotees2.png) no-repeat 0 -19px; float: left; } .pagevideo #autreVideo .bloccadre{ /*clear: both;*/ background: #464646; padding: 10px; border-right:1px solid #929292; border-bottom: 1px solid #929292; border-left: 1px solid #929292; /*min-height: 60px;*/} .pagevideo #autreVideo .article { border-bottom: 1px solid #d5d5d5; display: block; padding-top: 10px; padding-bottom: 10px;min-height: 55px;} .pagevideo #autreVideo .article img.visuarticle{ display: block; /*padding-bottom: 20px;*/ } .pagevideo #autreVideo .article img, #chaines-JA .article img{ display: inline; } .pagevideo #autreVideo .article h3, #chaines-JA .article h3{ font-size: 11px; line-height: normal;} #chaines-JA .article h3{clear: both; } /* BOITE ARTICLES ASSOCIES SPECIFIQUE VIDEO */ .pagevideo .articlesAssocies{ margin-bottom: 40px; width: 380px; clear: both; padding-top: 10px; margin-left: 10px; } .pagevideo .articlesAssocies img{ display: inline; } .pagevideo .articlesAssocies span.savoirplus{ display: block; border-bottom: 2px solid #969696; width: 380px; height: 16px;} .pagevideo .articlesAssocies ul{ display:block; background: top left no-repeat #464646; padding-left:5px; padding-right: 5px; list-style:none; /*margin-top: 40px;*/ margin-bottom:10px; padding-top: 13px; padding-bottom:10px; clear:both;} .pagevideo .articlesAssocies li { background:url(../img/commun/puce_article-associe-VIDEO.png) no-repeat 0 4px ; padding-left:15px; margin-bottom: 11px;} .pagevideo .articlesAssocies li a { font-size: 11px; color: #fff; } .pagevideo .articlesAssocies li a:hover { font-size: 11px; color: #fff; text-decoration: underline; } .pagevideo .articlesAssocies span.date{ display: block; font-size: 10px; color: #8b8b8b; } .pagevideo #autreVideo .article span.surtitre{ font-size: 11px; line-height: normal; margin-bottom: 0; display: none;} /*desactive suite reunion du 15/04/2009*/ .pagevideo #autreVideo .article span.note, #chaines-JA .article span.note{color:#969696; font-size: 10px; } .pagevideo #bloc-player{/* background-color: #e1e1e1; /*border-right: 1px solid #c3c3c3; border-bottom: 1px #c3c3c3 solid; width: 402px; /*padding-bottom: 50px;*/ min-height: 615px;} #chaines-JA{ padding-top: 45px; margin-top: 18px; width:967px; background: url(../img/videos/t_chaines-JA-NOIR.png) /*#f1f1f1*/ top left no-repeat; position: relative; } #chaines-JA p#avertissement{ text-align: center; color:#ccc; font-weight: bold; } #chaines-JA p#avertissement img{display: inline;} #chaines-JA ul{ background: url(../img/videos/bg_chaine.png) #a7a7a7 repeat-x top left ; list-style:none; position: absolute; top:0; right:0; /*border-top: 1px #7e7e7e solid;*/ border-bottom: 1px #7e7e7e solid;} #chaines-JA ul img.corner{ position: absolute; top: 0; right:0;} #chaines-JA ul li { display: block; float: left; font-size: 14px; text-transform: capitalize; line-height: 20px; padding-right: 9px; padding-left: 9px;} #chaines-JA ul li { border-left: #868686 1px solid; } #chaines-JA ul li:hover{ background: url(../img/videos/bg_chaine-ON.png) repeat-x; /*background: #7e7d7d;*/ color: #fff; } #chaines-JA ul li:hover a{ color: #fff; } #chaines-JA ul li.on{ background: #7e7d7d; /*background: url(../img/videos/bg_chaine-ON.png) repeat-x;*/} #chaines-JA ul li.on a { color: #fff; } #chaines-JA .bloccadre{ /*padding: 20px 0 20px 0px;*/ /*border-right: 1px solid #bbbaba; border-bottom: 1px solid #bbbaba; border-left: 1px solid #bbbaba;*/ background: #050505 ; margin: 0 auto; width: 967px; min-height: 400px; } #chaines-JA .article{ width: 115px; float: left; /*margin-right: 30px;*/ padding-bottom: 15px; margin-left: 20px; position: relative; min-height: 180px; overflow: hidden; } #chaines-JA .article a{ color: #c8c8c8; font-weight: bold; } #chaines-JA .article img.visuarticle{ display: block; } #chaines-JA .article span.surtitre{ font-size: 12px; line-height: normal; margin-bottom: 0; display: none;} /* desactivé suite demande reunion web du 15/04/2009*/ /*--- Voir autres styles liés à PAGINATION ---*/ #chaines-JA .nav{ width: 100% ; height:24px; line-height: 24px; text-align: center; margin-bottom:20px; } #chaines-JA .nav #prev, #chaines-JA .nav #next{ width: 80px; height: 23px; } #chaines-JA .nav #prev{ padding-left: 20px; float: left; } #chaines-JA .nav #next{ padding-right: 20px;float: right; } /****************************************/ /****styles Ancienne page video ***/ /*.pagevideo h2{ margin: 0; border-bottom: #bababa 1px solid; background: url(../img/videos/bg_jeune-afrique-TV.png) top left no-repeat; } .pagevideo h1{ text-transform: uppercase; font-size: 14px; font-weight: bold;} .pagevideo #player{ float:left;} .pagevideo #lecture-video{ border: #bababa solid 1px; background: url(../img/videos/bg_bloc-lecture-video.png) bottom left #f5f5f5 repeat-x; min-height: 645px; } .pagevideo .description {padding: 5px; } .pagevideo .description span.infos {color:#7f7f81; font-size: 10px; display: block; padding-bottom: 10px; } .pagevideo .description span.infos img{ display: inline;} .pagevideo .description .auteur{ font-size: 11px; padding: 20px 0; line-height: 30px; } .pagevideo .description #notation { padding-top: 10px; } .pagevideo .description #notation span.gch{ float: left; width: 120px; color: #000; font-size: 12px; font-weight: bold; line-height: 12px;} .pagevideo .description #notation a{ display: block; width: 12px; height: 12px; background: url(../img/videos/bg_note-etoile.png) 0 -12px no-repeat; float: left;} .pagevideo .description #notation a:hover{ display: block; width: 12px; height: 12px; background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat; float: left;} .pagevideo .description #notation a.ON{display: block; width: 12px; height: 12px; background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat; float: left;} .pagevideo .description .gch{ display:block; float:left; width:120px; color:#7f7f81; font-size: 10px; line-height: 20px; margin-bottom: 10px; } .pagevideo .description .drt{ display:block; float:left; width:260px; line-height: 20px; margin-bottom: 10px; } .pagevideo .surtitre{font-size:14px;font-weight: bold;color: #c10418; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;} .pagevideo #coldrt_autreVideo{ float: right; width: 219px; padding-right: 10px;} .pagevideo #autreVideo{ background: #f0edea; width: 219px; margin-top: 20px; margin-right: 10px; } .pagevideo #autreVideo ul { list-style:none; border-right: 1px solid #ccccc2; border-left: 1px solid #ccccc2; padding-top: 10px; padding-bottom: 10px; } .pagevideo #autreVideo li { display: block; float: left; } .pagevideo #autreVideo li.on a{ visibility: hidden; } .pagevideo #autreVideo li#Derniere { width:68px; height: 19px; background: url(../img/videos/Derniere_clic.png) no-repeat 0 0; } .pagevideo #autreVideo li#Derniere a{ display: block; width:68px; height: 19px; background: url(../img/videos/bt_Derniere.png) no-repeat 0 0; float: left; } .pagevideo #autreVideo li#PlusVues { background: url(../img/videos/PlusVues_clic.png) no-repeat 0 0; width:68px; height: 19px; } .pagevideo #autreVideo li#PlusVues a{ display: block; width:68px; height: 19px; background: url(../img/videos/bt_PlusVues.png) no-repeat 0 0; float: left; } .pagevideo #autreVideo li#MieuxNotees { width:81px; height: 19px; background: url(../img/videos/MieuxNotees_clic.png) no-repeat 0 0; } .pagevideo #autreVideo li#MieuxNotees a{ display: block; width:81px; height: 19px; background: url(../img/videos/bt_MieuxNotees.png) no-repeat 0 0; float: left; } .pagevideo #autreVideo li#Derniere a:hover{ background: url(../img/videos/bt_Derniere.png) no-repeat 0 -19px; float: left; } .pagevideo #autreVideo li#PlusVues a:hover{ background: url(../img/videos/bt_PlusVues.png) no-repeat 0 -19px; float: left; } .pagevideo #autreVideo li#MieuxNotees a:hover{ background: url(../img/videos/bt_MieuxNotees.png) no-repeat 0 -19px; float: left; } .pagevideo #autreVideo .bloccadre{ background: #f0edea; padding: 10px; border-right:1px solid #ccccc2; border-bottom: 1px solid #ccccc2; border-left: 1px solid #ccccc2; } .pagevideo #autreVideo .article { border-bottom: 1px solid #d5d5d5; display: block; padding-top: 10px; padding-bottom: 10px;min-height: 55px;} .pagevideo #autreVideo .article img.visuarticle{ display: block; } .pagevideo #autreVideo .article img, #chaines-JA .article img{ display: inline; } .pagevideo #autreVideo .article h3, #chaines-JA .article h3{ font-size: 11px; line-height: normal;} #chaines-JA .article h3{clear: both; } .pagevideo #autreVideo .article span.surtitre{ font-size: 11px; line-height: normal; margin-bottom: 0; display: none;} .pagevideo #autreVideo .article span.note, #chaines-JA .article span.note{color:#7f7f81; font-size: 10px; } .pagevideo #bloc-player{ background-color: #e1e1e1; border-right: 1px solid #c3c3c3; border-bottom: 1px #c3c3c3 solid; width: 402px; min-height: 615px;} #chaines-JA{ padding-top: 45px; margin-top: 18px; width:967px; background: url(../img/videos/t_chaines-JA.png) #f1f1f1 top left no-repeat; position: relative; } #chaines-JA ul{ list-style:none; position: absolute; top:0; right:0; border-bottom: 1px #c4c3c3 solid;} #chaines-JA ul img.corner{ position: absolute; top: 0; right:0;} #chaines-JA ul li { display: block; float: left; font-size: 14px; text-transform: capitalize; line-height: 20px; padding-right: 9px; padding-left: 9px;} #chaines-JA ul li { border-left: #c4c3c3 1px solid; } #chaines-JA ul li:hover{ background: #7e7d7d; color: #fff; } #chaines-JA ul li:hover a{ color: #fff; } #chaines-JA ul li.on{ background: url(../img/videos/bg_chaine-ON.png) repeat-x;} #chaines-JA ul li.on a { color: #fff; } #chaines-JA .bloccadre{ border-right: 1px solid #bbbaba; border-bottom: 1px solid #bbbaba; border-left: 1px solid #bbbaba; background: #f1f1f1; margin: 0 auto; width: 965px; } #chaines-JA .article{ width: 115px; float: left; padding-bottom: 15px; margin-left: 20px; position: relative; min-height: 180px; overflow: hidden; } #chaines-JA .article img.visuarticle{ display: block; } #chaines-JA .article span.surtitre{ font-size: 12px; line-height: normal; margin-bottom: 0; display: none;} */ /****************************************/ /****fin styles Ancienne page video ***/ /*---------------------- BLOC AUTRES VIDEOS --------------------------- */ /*.pagevideo h4 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:420px; margin-bottom:10px;} /*.pagevideo h2 { margin-top:0;}*/ /*.pagevideo .description { display:block; margin:20px 0;} .pagevideo .dateauteur { text-transform:uppercase } .pagevideo h3 {font-size: 18px;line-height: 20px;}*/ /*styles pour le deroulement automatique des vignettes video*/ /*#autreVideo_img_titre{width: 213px;float: right;}*/ /*#autreVideo{width: 219px;float: right; height: 515px; overflow:hidden; border:1px solid #B7B5B5;}*/ /*.colonne_centre #autreVideo{float:right ; background: #f0edea;width: 211px; height: 515px; margin-bottom:15px;} #autreVideo ul{list-style-type: none;margin: 0;padding:0 11px;} #autreVideo .titre{font-size: 11px;line-height: 11px;font-weight:bold; color:#C10418; text-transform: uppercase;} #autreVideo li{padding-bottom:10px; border-bottom:1px solid #d5d5d5; margin-bottom:6px; line-height: 13px; width:180px;} #autreVideo li a{text-decoration: none;} #autreVideo .jcarousel-container {position: relative; width:213px; height:535px; margin-left:5px; margin-top:5px; } #autreVideo .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;width: 190px; height:480px;} #autreVideo .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} #autreVideo .jcarousel-list li, .jcarousel-item {float: left;list-style: none; width:180px;} #autreVideo .jcarousel-next {position: absolute;bottom:30px;right:10px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/next_news.gif) no-repeat 0 0;} #autreVideo .jcarousel-prev {position: absolute;top:1px;right:10px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/commun/prev_news.gif) no-repeat 0 0;} #autreVideo .carouselvideo .jcarousel-container-vertical {width: 200px;padding:0; height:515px;} #autreVideo li img{float: left; display:block; margin-left:5px; margin-right:5px; }*/ /*styles pour les autreVideo classées par thème*/ #autreVideoTheme .tabs-nav {background:url(../img/commun/t_autre_video2.gif) no-repeat; repeat-x;list-style: none;width:645px; height:22px;} #autreVideoTheme .tabs-nav li {text-align:center; float: right; font-weight: bold; font-size:11px; height:22px; background:url(../img/commun/bg_nav_video_theme.gif)} #autreVideoTheme .tabs-nav .sep {width:2px;height:22px;float: right; background:url(../img/commun/nav_video_theme_sep.gif) no-repeat;} #autreVideoTheme .tabs-nav .tabs-selected {} #autreVideoTheme .tabs-nav a {display: block; position: relative; z-index: 2;white-space: nowrap; height:22px; } #autreVideoTheme .tabs-nav .tabs-selected a {color:#fff; background:url(../img/commun/bg_nav_video_theme_on.gif) repeat-x; height:22px; } #autreVideoTheme .tabs-nav .tabs-selected a:link { cursor: text;} #autreVideoTheme .tabs-nav a:hover { color:#fff; cursor: pointer; background:url(../img/commun/bg_nav_video_theme_on.gif) repeat-x; height:22px; } #autreVideoTheme .tabs-nav .tabs-disabled {color:#000; repeat-x; height:22px;} #autreVideoTheme .tabs-container {} #autreVideoTheme .nav { margin:5px auto;} .autreVideoTheme { background-color:#EEEEEE; width:643px; border-bottom: 1px solid #BBBABA; border-right: 1px solid #BBBABA; border-left: 1px solid #BBBABA; padding:10px 0; height:335px; } .autreVideoTheme ul { display:inline-block; list-style:none;} .autreVideoTheme h3 { display:inline-block; list-style:none; font-family:Arial; font-size: 12px;line-height: 14px;font-weight:bold; color:#323232; } .autreVideoTheme li { margin-top:20px;margin-left:13px;margin-right:30px; width:169px; display:block; float:left;} .autreVideoTheme img {display:block; float:left; margin-bottom:10px; } .autreVideoTheme .description { display:block; margin:0; width:169px; float:left; padding-bottom:10px; } #autreVideoTheme .nav { margin:5px auto;} #autreVideoTheme .nav{ display:block; height:24px; margin:20px auto; width:200px;} #autreVideoTheme .nav a { padding: 0 5px; font-size:14px; color:#9e9e9e; } #autreVideoTheme .nav a.highlight { color: #d5081d; font-weight: bold; text-decoration:none; } /*---------------------- PAGE RECHERCHE MOT CLE --------------------------- */ .pagemotscles h1{ background: url(../img/mot-cle/bg_resultat-mot-cle.png) top left no-repeat #fff; line-height: 30px; font-size: 15px; font-weight: bold; padding-left: 9px; text-transform: uppercase; color: #c10418; margin-bottom: 16px; } .pagemotscles h1 strong{ text-transform: none; font-weight: normal; color: #323232; } .pagemotscles #videos{ clear: both; background: #050505; width: 646px;} .pagemotscles #videos h5{ padding-top: 20px; background: #fff;} .pagemotscles #videos .article{ margin-left: 15px; } .pagemotscles #videos .article a, .pagemotscles #videos .article a p{ color: #c8c8c8; } /*.bloc_recherche h4 {position: relative; font-size: 14px;text-transform: uppercase;border-bottom: 1px #323232 solid;margin-bottom: 20px; width:100%; display:block; color:#c10418; font-weight:bold;} .bloc_recherche h4 a {color:#c10418;} .bloc_recherche .article{ padding-bottom: 5px;} .bloc_recherche .article p{ font-size: 11px;} .bloc_recherche .resultat{ position: relative; top: -36px; float: right; font-size: 11px;} .bloc_recherche .nb{ font-weight:bold; font-size: 11px; color:#c10418;} .bloc_recherche .ligne_surtitres{font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;height:15px;line-height:15px; white-space:nowrap; display:block;} .bloc_recherche .ligne_surtitres .surtitre{ font-size:11px; font-weight: bold;color: #c10418; display:block; float:left;}*/ #rechercheVideo .titre { background:url(../img/commun/t_autre_video3.gif)no-repeat; width:645px; height:25px; } #rechercheVideo .titre2 { background:url(../img/commun/t_autre_video4.gif)no-repeat; width:645px; height:25px; } .rechercheVideo { background-color:#EEEEEE; width:643px; border-bottom: 1px solid #BBBABA; border-right: 1px solid #BBBABA; border-left: 1px solid #BBBABA; padding:10px 0; height:335px; } .rechercheVideo ul { display:inline-block; list-style:none;} .rechercheVideo h3 { display:inline-block; list-style:none; font-family:Arial; font-size: 12px;line-height: 14px;font-weight:bold; color:#323232; } .rechercheVideo li { margin-top:20px;margin-left:13px;margin-right:30px; width:169px; display:block; float:left;} .rechercheVideo img {display:block; float:left; margin-bottom:10px; } .rechercheVideo .description { display:block; margin:0; width:169px; float:left; padding-bottom:10px; } #rechercheVideo .nav { margin:5px auto;} #rechercheVideo .nav{ display:block; height:24px; margin:20px auto; width:200px;} #rechercheVideo .nav a { padding: 0 5px; font-size:14px; color:#9e9e9e; } #rechercheVideo .nav a.highlight { color: #d5081d; font-weight: bold; text-decoration:none; } /*----------------------PAGES annonces ---------------------------------------- */ .annonce .pdf {display:block; width:645px;} .annonce .pdf_logo {display:block; border-bottom:1px solid #8B8B8B; width:645px; margin-top:5px; margin-bottom:20px;} .annonce { padding-bottom:10px; margin-top:20px;} .annonce ul {list-style-type: none; margin:10px 15px 0 0; padding-bottom:5px;} .annonce li { font-size:12px; color:#000; font-weight:bold; margin-bottom:8px; padding-left:5px; padding-top:4px; clear:both; border-bottom:1px solid #ccc;} .annonce li a { margin-top: 5px; margin-left: 0;} .annonce .emp{ font-size:12px; font-weight:bold; color:#8B8B8B;} .annonce .date { font-size:11px; font-weight:normal; color:#8B8B8B;} .annonce .pays{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#B10112;} .annonce .theme{ font-weight:normal; color:#8B8B8B;} .annonce .lire { color:#C4292D; font-size:10px; margin-top:10px; /*padding-left:14px;*/ padding-bottom:14px; display:block; background:url(../img/commun/bt_annonce.gif)no-repeat;} /*#annonce .lire a{ color:#C4292D;}*/ .annonce .lire a:hover { color:#C4292D;} .annonce p {font-size:12px; padding:5px;} .annonce a { color:#B10112; } .annonce h4 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:645px; margin-bottom:20px;} /*---------------------- PAGE RSS & WIDGET -------------------------------------- */ .rss h1{display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:645px; margin-bottom:20px;} .rss h2{ font-size: 18px; font-weight: bold; margin-bottom: 30px;} .rss h3{ font-size: 12px; font-weight: bold; color: #c10418; margin-top: 50px; margin-bottom: 37px;/*padding-top: 37px; padding-bottom: 30px;*/ clear:both;} .rss p{ font-size:12px; padding:5px;} .rss ul { font-size:12px; list-style-type: none; /*margin-bottom: 37px;*/ /*margin:10px 15px 0 15px; padding-bottom:5px;*/} .rss li {/* border-top:1px solid #ccc; *//*line-height:17px;*/ clear:both; } .rss .gch{ font-weight:bold; /*color:#000; */display:block; float:left; width:40%;} .rss .drt{ /*color:#555; */display:block; float:left; width:60%; line-height:17px;} .rss .drt img{ display: inline; padding-right: 13px;} .rss div#widget{ width: 511px; background: #f1f1f1; margin: 40px auto; } .rss div#widget h3{ margin: 0;} .rss div#widget .bloccadre{ background: #f1f1f1; padding: 20px 60px; border-right: #c3c2c2 1px solid; border-bottom: #c3c2c2 1px solid; border-left: #c3c2c2 1px solid;} /*---------------------- PAGE présentation I-PHONE -------------------------------------- */ .i-phone { background: url(../img/i-phone/bg_i-phone.jpg) top left no-repeat; min-height: 1074px; } .i-phone div#presentation{ width: 300px; font-size: 14px; margin-top: 185px; margin-left: 330px; } .i-phone div#presentation h1{font-size: 14px; font-weight: bold; color: #ca1122; } .i-phone div#presentation h1, .i-phone div#presentation li, .i-phone div#presentation p{padding-bottom: 20px;} .i-phone div#presentation ul{ list-style-image: none; list-style-type: none;} .i-phone div#presentation li{ padding-left: 20px; background: url(../img/commun/puce_article-associe.png) 0px 2px no-repeat; } /*---------------------- fin présentation I-PHONE ---------------------------------- */ /*---------------------- PAGES BREAKING NEWS --------------------------- */ /*-- pour l'onglet de la page d'accueil breaking-news niv 2 VOIR PLUS HAUT--*/ .breaking-news .une_ter h3{ background: url(../img/breaking-news/bg_onglet-gauche.png) top left no-repeat; /*height: 23px; */color: #fff; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 5px 0 0 21px; } .breaking-news .une_ter h3 span.onglet{ background: url(../img/breaking-news/bg_onglet.png) top right repeat-x; /*line-height:23px;/*background: url(../bg_onglet-droite.png) top left no-repeat;*/ padding: 5px 21px 0px 0px;} .breaking-news span.date{ text-transform: none; /*color:#8b8b8b;*/ color: #c10418; font-size:10px; border: none; } .breaking-news #video{ background: url(../img/breaking-news/t_les-videos.png) top left no-repeat #f5f5f5; width: 633px; padding: 42px 7px 7px 7px; border: 1px #bababa solid; margin-top: 22px;} .breaking-news #pagervideo{ margin-bottom: 20px;} /* style provisoire car il n'y a pas de pagination*/ .breaking-news .bloc_accueil .article{clear: both; padding-top: 10px; min-height: 86px; } .breaking-news #video .article{ clear: both; padding-top: 10px; padding-bottom: 14px; border-bottom: 1px solid #dfdede; min-height: 86px; } .fauxplayer {display: block; width: 150px; height:86px; margin-right:4px; margin-left:4px; position:relative; float: left; /*cursor:pointer;*/ background: #000 ;} /*.breaking-news .fauxplayer img{ display: none;}*/ .breaking-news #video .article.last, .breaking-news #les-reactions .article.last{ border: none; } .breaking-news #les-reactions{ background: url(../img/breaking-news/t_les-reactions.png) top left no-repeat; width: 646px; margin-top: 22px; padding-top: 23px; /*7px 7px 7px;*/ } .breaking-news #les-reactions .bloccadre{background: #f5f5f5; border-right: 1px #bababa solid; border-bottom: 1px #bababa solid; border-left: 1px #bababa solid; padding: 0px 7px 7px 7px;} .breaking-news #les-reactions .article{ padding: 7px 7px 20px 7px; border-bottom: 1px solid #dfdede; min-height: 86px; } .breaking-news .une_ter{ background:url(../img/commun/bg_une-breaking-news.png); } /*---------------------- PAGES DECOUVERTE BOUTIQUE HS --------------------------- */ .decouverte-boutique {font-size: 14px; font-weight: bold;} .decouverte-boutique h1{ font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 30px auto ; text-align: center; } .decouverte-boutique h4 {font-size: 16px;text-transform: uppercase;border-bottom: 1px #c10418 solid;margin-bottom: 5px; width:100%; display:block; color:#c10418; font-weight:bold;} /*idem que h4 dans les bloc_accueil */ .decouverte-boutique h5 { font-size: 18px; text-transform: uppercase; color: #c10418; padding-bottom: 20px;} .decouverte-boutique h5 span { font-size: 14px; color: #333333;} .decouverte-boutique p{ padding-bottom: 20px;} .decouverte-boutique ul{padding-bottom: 20px; margin: 0 auto; list-style: none; padding-left: 0; width: 90%; text-indent: 20px;} .decouverte-boutique ul li{ list-style-image: none;} .decouverte-boutique #texte-promo{ margin-left: 190px;} .decouverte-boutique a.puce{background:url(../img/boutique/puce_rouge_grande.png) no-repeat; display:block; /*margin-left:14px;*/ font-size:10px; font-weight:normal; color:#C10418; font-size: 13px; margin: 0 auto; width: 50%; text-decoration: none;} .decouverte-boutique a.puce span strong{ font-size: 19px; text-decoration: none; color: #333;} .decouverte-boutique a.puce span{font-size: 12px; text-decoration: none; color: #333;} .decouverte-boutique #demo-sommaire{ clear: both; text-align: center; width: 60%; margin: 0 auto; } .decouverte-boutique #demo-sommaire a{ float: left; text-align: center; display: block; width: 160px; font-size: 14px; padding-bottom: 20px; padding-right: 25px;} .decouverte-boutique #demo-sommaire a span{ font-size: 18px; text-transform: uppercase; color: #c10418;} #autreshorsseries { background: url(../img/boutique/bg_hors-series.png) bottom left no-repeat; margin-bottom: 20px; } #autreshorsseries dl { /*margin-bottom: 15px;*/ padding: 15px; border-left: #646464 1px solid; border-right: #646464 1px solid; } #autreshorsseries dt{ color: #c10418; font-size: 18px; font-weight: bold; padding-bottom: 12px; text-transform: uppercase;} #autreshorsseries dd { font-weight: bold; border-bottom: 1px solid #f0f0f0; padding-bottom: 30px; } #autreshorsseries dd img.couv{ float: left; padding-right: 15px;} #autreshorsseries a.puce { background:url(../img/commun/puce_lien_rouge.gif) no-repeat; height:11px;display:block; /*margin-left:14px;*/ float:left; font-size:10px; font-weight:normal; color:#C10418; text-decoration : none;} /*-----------------------PAGES CONCOURS --------------------------*/ .concours{font-size: 12px; background: #e6e6e6; padding: 7px; min-height: 830px; } .concours h2{color: #fff; font-size: 18px; font-weight: bold; line-height: 31px; text-transform: uppercase; background: url(../img/concours/bg_titres.png) no-repeat top left; padding-bottom: 35px; padding-left: 9px; } .concours p{ padding-bottom: 20px; } .concours form .cadre{ background: url(../img/concours/bg_haut-cadre-blanc.png) no-repeat top left ; padding-top: 11px; width: 632px;} .concours form .blocadre{ background: url(../img/concours/bg_bas-cadre-blanc.png) no-repeat bottom left #fff; width: 632px; } .concours form .blocadre ol{ margin: 0px 0px 0px 60px; } .concours form .blocadre ol label{ line-height: 15px; } .concours form .blocadre ol li{ /*margin-bottom: 18px;*/} .concours form.inscription, div.confirmation{ width: 475px; margin: 0 auto 25px auto; } .concours form.inscription label.gch{ font-weight: bold; width: 166px; display: block; float: left; } .concours form .submit { background:url(../img/commun/bg_submit-noir.png) no-repeat; width: 97px; height: 29px; border: none; font-size:12px; font-weight: bold; text-transform: uppercase; color:#fff; padding-bottom:1px; padding-left: 30px; cursor:pointer; margin: 24px auto 24px auto; display: block; text-align: left; } /*--------------------fin---PAGES CONCOURS --------------------------*/ /*--------------------PAGES CLASSEMENT-------------------------------*/ #page.classement div#header{ position: relative; margin-bottom: 30px;} #page.classement div#top{background: top left url(../img/classement/bg_top.png) repeat-x #8d0210; } #page.classement div#top, #page.classement div#logo{ height: 63px;} #page.classement div#mag_hebdo, #page.classement div#services, #page.classement div#menu{display: none; } #page.classement div#navigation{ height: 20px; background: #8d0210; clear: both; border-bottom: solid #eeeeee 6px; padding-left: 7px; } #page.classement div#navigation ul{ text-transform: uppercase; list-style-type: none; list-style-image: none; margin: 0; padding:0; height: 21px;} #page.classement div#navigation li{ float: left; display: block; height: 21px; position: relative; } #page.classement div#navigation li a{ display: block; color: #fff; padding: 0 14px 0 14px; margin: 0; line-height: 20px;} #page.classement div#navigation li a span.corner{ display: none;} #page.classement div#navigation li a:hover{ color: #323232; background: url(../img/classement/bg_onglet-navigation.png) top left no-repeat; } #page.classement div#navigation li a:hover span.corner{ display: block; background: url(../img/classement/bg_onglet-navigation-CORNER.png) top right no-repeat ; position: absolute; top: 0; right: 0; height: 21px; width: 5px; } #page.classement .colonne_gauche p{ font-size: 13px; text-align: justify; line-height: 17px;} #page.classement .colonne_gauche p.intro{ margin-top: 15px; } #page.classement .colonne_gauche p.intro{ margin-top: 15px; } #page.classement .colonne_gauche p.intro span.lettrine {font-family:Times New Roman, Times, serif; font-size:30px; color: #c10418; width:50px; height:30px;/*float:left;*/} #tableauclassement{ background:url(../img/commun/bg_une.gif) top right repeat-x #dbdbdb; margin-bottom: 15px; /*position: relative;*/ } #tableauclassement h2 { text-transform: uppercase; font-size:16px; font-weight:bold; color:#323232; margin:15px;} #tableauclassement table {font-size: 14px; margin: 15px auto; width: 400px; } #tableauclassement table th, #tableauclassement table td{ padding-left: 15px;} #tableauclassement table th{ border-bottom:1px solid #ccc; text-transform: uppercase; color: #000; font-size: 18px; font-weight: normal; text-align: left;} #tableauclassement table td{ border-bottom:1px solid #ccc; height: 29px;} #tableauclassement table td.ordre, #tableauclassement table th.ordre{ border-right:1px solid #ccc; text-align: center; } #tableauclassement table a{ } #tableauclassement table a:hover{ color: #c10418; text-decoration: underline; } #tableauclassement h3{ background: url(../img/classement/bg_onglet-classement-drt.png) right top no-repeat; margin: 0; padding: 0; height: 23px; /*line-height: 23px; display: inline; position: relative;*/ /*padding-left: 5px;*/ float: left; } #tableauclassement h3 span.intitule{background: url(../img/classement/bg_onglet-classement-gch.png) left top no-repeat; display: block; color: #c10418; font-size: 15px; text-transform: uppercase; font-weight: bold; line-height: 23px; /*padding-left: 5px; padding-right: 5px; line-height: 23px; /*position: relative;*/ /*height: 23px; line-height: 23px; padding-top: 3px;*/ padding-right: 20px; padding-left: 20px; } /*#tableauclassement h3 span.corner{ position: absolute; top: 0; right: 0; background: url(../img/classement/bg_onglet-classement-CORNER.png) top right no-repeat; height: 23px; width: 5px; } */ #tableauclassement ul { /*clear: left; */list-style-type: none; padding-top: 50px; margin:0px 15px 0 15px; padding-bottom:5px;} #tableauclassement li { /*background:8px 7px url(../img/commun/puce_lien_gris.gif) no-repeat; /*color:#000; /*margin-bottom:8px; padding-left:25px; padding-top:4px;*/ border-top:1px solid #ccc; line-height:25px; clear:both; } #tableauclassement .gch{ font-weight:bold; color:#000; display:block; float:left; width:270px;} #tableauclassement .drt{ color:#555; display:block; float:left; width:335px;} /*--------------FIN----PAGES CLASSEMENT-------------------------------*/ /*---------------------- PAGES DIFCOM --------------------------- */ h1.difcom {font-size: 16px;text-transform: uppercase; border-bottom: 1px #c10418 solid;margin-bottom: 5px; width:100%; display:block; color:#c10418; font-weight:bold; margin-bottom: 20px;} /*idem que h4 dans les bloc_accueil */ .difcom h2{ font-size: 18px; font-weight: bold;} /*Utilisé dans le devis */ .difcom form{ /*padding: 10px;*/} .difcom form p{ padding-bottom: 10px;} .difcom .intitule { width:220px; display:block; float:left;} .difcom input, .difcom select { /*width:180px; */ height:18px; font-size:11px; }*/ .difcom select { height:18px; width:182px; } .difcom fieldset{ padding: 10px; margin-bottom:20px; /*background: #d7d7d7 url(../img/difcom/DEVIS/bg_form.png) top left repeat-x;*/ background: #f5f5f5 url(../img/difcom/DEVIS/bg_form_2.png) top left repeat-x;} .difcom legend{font-size: 18px; padding: 0; margin: 0; text-transform: uppercase;} .difcom fieldset fieldset{background: #f5f5f5;} .difcom fieldset fieldset legend{font-size: 15px; font-weight: bold; padding: 0; margin: 0; text-transform: capitalize; } div.difcom .checkbox { color:#21A121; width:25px; display:block; float:left;} #colonne_principale.difcom{ font-size: 13px; width: 750px; }/*doublée dans le code pour corriger un bug IE6*/ #colonne_principale.difcom a{ text-decoration: underline;} #colonne_principale.difcom .colonne_gauche, #colonne_principale.difcom .colonne_centre {width: 340px;} #colonne_principale.difcom h5{ font-size: 20px; text-transform: uppercase; margin: 0 auto; text-align: center; margin-bottom: 50px;} #colonne_principale.difcom h5 span{font-size: 14px; text-align: center; text-transform: capitalize; } #colonne_principale.difcom h4{ margin-bottom: 40px;} #colonne_principale.difcom #bloc_couv { font-size: 11px;height: 180px;} #colonne_principale.difcom #bloc_couv p{ margin-bottom: 10px; width: 60%; font-size: 13px; } #colonne_principale.difcom #bloc_couv img{ margin-bottom: 100px;margin-right: 7px;} #colonne_principale.difcom h6{ font-size: 15px; font-weight: bold; margin: 0 auto; text-align: center; } #colonne_principale.difcom ul.listing{ font-size: 11px; list-style: none; list-style-image: none; } #colonne_principale.difcom .colonne_gauche h6{ color: #00226d;} #colonne_principale.difcom .colonne_gauche a{ text-decoration: none; color: #00226d;} #colonne_principale.difcom .colonne_gauche a:hover{ text-decoration: underline; } #colonne_principale.difcom .colonne_gauche ul.listing li{ border-top:1px solid #00226d; /*line-height:25px; */clear:both; } #colonne_principale.difcom .colonne_centre ul.listing li{ border-top:1px solid #dd0000; /*line-height:25px; */clear:both; } #colonne_principale.difcom ul.listing span.gch{font-weight:bold; color:#000; display:block; float:left; width:25%; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } #colonne_principale.difcom ul.listing span.drt{display:block; float:left; width:70%; padding-top: 5px; padding-bottom: 5px;} #colonne_principale.difcom .colonne_gauche img, #colonne_principale.difcom .colonne_centre img{ display: inline;} #colonne_principale.difcom .colonne_centre h6{ color: #dd0000;} #colonne_principale.difcom .colonne_centre a{ text-decoration: none; color: #dd0000;} #colonne_principale.difcom .colonne_centre a:hover{ text-decoration: underline; } #colonne_principale.difcom span.grande_lettre{font-size: 30px; } #colonne_principale.difcom dl dd{height: 257px;} #colonne_principale.difcom dl dd p{width: 205px;} #colonne_principale.difcom dl dd a.puce { background:url(../img/commun/puce_lien_rouge.gif) no-repeat; height:11px;display:block; /*margin-left:14px;*/ margin:0; float:left; font-size:11px; font-weight:normal; color:#C10418; text-decoration : none; line-height:15px; } /*idem #autreshorsseries a.puce */ /* A RASSEMBLER PLUS TARD */ #colonne_droite.difcom{ font-size: 13px; /*background: url(../img/difcom/bg_haut-col-droite.png) top left no-repeat #22459e; padding: 22px 11px;*/ color: #fff; text-align: center; width: 202px; } #colonne_droite #encart-difcom{ background:#22459e url(../img/difcom/bg_bas-col-droite.png) bottom left no-repeat; width: 180px; padding: 22px 11px; /*202 - 22px de padding*/ } #colonne_droite #encart-difcom p{ padding-bottom: 15px;} #colonne_droite.difcom img{ display: inline;} #colonne_droite.difcom p{ text-align: left;} #colonne_droite.difcom a{color: #fff; text-decoration: underline;}