/* CSS Document */ /* REGLES GENERALES */ body{margin:0;font-family:Arial, Helvetica, sans-serif;} *{margin:0;padding:0;} a{text-decoration:none;} .display_on{display:block;} .display_off{display:none;} i{visibility:hidden;} li{list-style-type:none;} img{border:0;} .orange{color:#FF6600;} .gras{font-weight:bold;} .italic{font-style:italic;} hr{visibility:hidden;} /* SONDAGE */ #flash {position:absolute;z-index:5;display:block;width:100%;height:530px;visibility: visible;} #sondage {position:absolute;z-index:10;display:block;left:300px;top:80px;width:515px;height:300px;background-color: white; border: solid 1px #cccccc;visibility: visible;} #sondfermer{position:relative;z-index:21;display:block;left:475px;top:2px;width:38px;height:60px;border:#333 solid 0px;background-color:white;visibility: visible;} #sond3{position:absolute;z-index:20;display:block;left:330px;top:100px;width:415px;height:260px;border:#333 solid 0px;background-color:white;visibility: visible; cursor:auto;} #sond3 p.intro{font-size:14px;line-height:18px;color:#696969;border:#333 solid 0px;padding:0px; margin:10px 0px 0px 0px;} #repondre input {font-size:18px;color:#FF6600;;padding:5px;width:100px;} /*#sond3 a, #sond3 a:hover{display:block;color:#666666;cursor:help;border:#333 solid 2px} #sondage2 {position:absolute;z-index:10;left:300px;top:50px;width:515px;height:360px;background-color: white; border: solid 0px #F00;filter: Alpha(opacity=70);-moz-opacity: .70;-khtml-opacity: 0.70;opacity: .70;visibility: visible;} #sond2{position:absolute;z-index:20;left:350px;top:100px;width:415px;height:260px;border:#333 solid 0px;background-color:white;filter: Alpha(opacity=100); -moz-opacity: 100; -khtml-opacity: 100; opacity: 100;visibility: visible;} #sond2 p{font-size:12px; color:#696969;border:#333 solid 0px;margin:2px 0px 0px 10px;padding:0px;} #sond2 p.intro{font-size:14px;color:#696969;border:#333 solid 0px;padding:0px; margin:10px 0px 0px 0px;} #sond2 a, #sondfermer a, #sond2 img a, #sondfermer img a{display:block; cursor:pointer;color:#FF600;font-size:14px;text-decoration:underline;}*/ #sond2 a:focus, #sondfermer a:focus, #sond2 img a:focus, #sondfermer img a:focus{cursor:pointer;}*/ #sond2 a, #sond2 a:hover, #sond2 a:visited, #sond2 a:active, #sond2 img {display:block;color:#666666;cursor:auto;border:#333 solid px} #sond{background-color:white;margin:0px 0px 0px 0px;} #sond p.intro{font-size:14px;line-height:18px;color:#696969;border:#333 solid 0px;padding:0px; margin:10px 0px 0px 0px;} #sond p {font-size:12px; color:#696969;border:#333 solid 0px;margin:2px 0px 0px 10px;padding:0px;} #sond p.titre {font-size:14px;color:#FF6600;border:#333 solid 0px;margin:10px 0px 0px 0px;padding:0px;} #sond p.erreur{font-size:12px;color:#696969;border:#ff6600 solid 1px;padding:10px; margin:5px 0px 20px 0px;} #sond a{color:#FF6600;font-size:14px;text-decoration:underline;} #sond a:hover, #sond a:visited, #sond a:active {color:#666666;} #sond form fieldset {font-size:12px;line-height:18px;color:#696969;background: #FFFFFF;padding:3px;margin:2px 0px 5px 20px;border: 0px solid #FF6600; width: 450px;display: block;} #sond input.texte {font-size:12px; color:#696969;border:#696969 solid 1px;} #sond texarea {font-size:12px; color:#696969;border:#696969 solid 1px;} #sond input.envoyer {cursor:pointer;font-size:16px; color:#FF6600;line-height:12px;padding:5px;border:#696969 solid 1px;background-color: #FFFFFF;} #sond input.annuler {cursor:pointer;font-size:16px; color:#696969;line-height:12px;padding:5px;margin:0px 0px 0px 40px ;border:#696969 solid 1px} #sond fieldset.fxerr {font-size:12px;color:#696969;border:#696969 solid 0px;background-color:#fcf3ef} /* ENTETE */ div#entete{position:relative;height:80px;width:100%;z-index:1000;/*border-bottom:1px solid #000;*/} div#mainlogo{position:absolute;top:0;left:0;width:699px;height:79px;background:url(/images/tt_header.gif) 0 0 no-repeat;/*border-bottom:1px solid #FF2200;*/} div#tools{position:absolute;right:0;height:80px;width:300px;border-left:1px solid #C2C2C2;} a#aretouraccueil{display:block;position:absolute;top:0;left:0;width:500px;height:80px;} /* FOOTER */ div#footer{position:relative;height:45px;width:100%;border-top:1px solid #C2C2C2;} ul#liens_footer{position:absolute;right:0;top:0;text-decoration:none;list-style-type:none;padding:0;margin:0;} ul#liens_footer li{float:left;padding:10px 0;font-size:10px;font-family:Arial, Helvetica, sans-serif;border:0px solid #000;} ul#liens_footer li a{color:#696969;padding:0 20px;} /* MILIEU */ div#milieu1{position:relative;margin-top:24px;border-top:1px solid #C2C2C2;} div#milieu2{position:relative;margin-top:25px;/*border-top:1px solid #C2C2C2;*/} div#milieu3{position:relative;margin-top:70px;/*border-top:1px solid #C2C2C2;*/} div#milieuhome{position:relative;margin-top:25px;} div#milieu_titre{position:relative;width:100%;height:80px;border-bottom:1px solid #C2C2C2;background-color:#FFFFFF;} div#milieu_titre a{color:#696969;text-decoration:underline;} div#milieu_titre a:hover{color:#FF6600;} p#milieu_titre1{position:absolute;top:25px;left:40px;color:#FF6600;font-size:24px;} p#milieu_soustitre{position:absolute;top:55px;left:40px;font-size:17px;color:#696969;} div#conteneur{position:absolute;} /* *{border:1px solid #000;} */ table{border-collapse: collapse;} /* rollover menu */ #ssmenu21_a1{background-color:#006666;} /* TOOLS */ .tools_b{position:absolute;width:150px;height:18px;font-size:10px;} .tools_fp{top:44px;left:0px;background:url(/images/tools_fp.gif) 0 0 no-repeat;} .tools_fp:hover,.tools_fp_on{background:url(/images/tools_fp_on.gif) 0 0 no-repeat;} .tools_a{top:62px;left:150px;background:url(/images/tools_a.gif) 0 0 no-repeat;} .tools_a_on,.tools_a:hover{background-image:url(/images/tools_a_on.gif);} .tools_da{top:62px;left:0px;background:url(/images/tools_da.gif) 0 0 no-repeat;} .tools_da:hover,.tools_da_on{background:url(/images/tools_da_on.gif) 0 0 no-repeat;} .tools_g{top:44px;left:150px;background:url(/images/tools_g.gif) 0 0 no-repeat;} .tools_g_on,.tools_g:hover{background-image:url(/images/tools_g_on.gif);} .tools_vide{top:62px;left:150px;background:url(/images/tools_vide.gif) 0 0 no-repeat;} /* NOUVEAU MENU */ #nav{position:absolute;top:79px;height:24px;width:100%;z-index:10000;border-top:1px solid #C2C2C2;} #nav li { /*float the main list items*/ float: left; display: block; } #nav li ul { display: none; } #nav li.off ul, #nav li.on ul { /*put the subnav below*/ position: absolute; border-top:1px solid #C2C2C2; top: 24px; left: 0; padding-top: 0px; background: #DDDDDD; height: 25px; width: 100%; } #nav li.on ul { background: #DDDDDD; /* bg du ul affich� par d�faut */ } #nav li.on:hover ul, #nav li.over ul { /*for ie*/ background: #DDDDDD; } #nav li a {/*a menu*/ display: block; } #nav li.on a { color: #f90; } #nav li.on ul a, #nav li.off ul a { border: 0; float: left; /*ie doesn't inherit the float*/ color: #FF6600; width: auto; } #nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/ background: #DDDDDD; } #nav li.on ul { display: block; } #nav li.off:hover ul, #nav li.over ul { display: block; z-index: 11000; } #nav li.off a:hover, #nav li.on a:hover,#nav li.on a.activ { color: #FF6600; } /*do the image replacement*/ #liAccuei a, #liMarches a, #liUsages a, #liInnovations a, #liDigital a, #liRss a, #liBreves a, #liDossiers a, #liPodcasts a, #liBlog a { display: block; position: relative; height: 24px; background: url(/images/menu_bgv2.gif) no-repeat; /*contains all hover states*/ font-size:12px; /*background:#F60;*/ } /*first, put the initial states in place*/ #liAccuei a { background-position: 0 0; width:120px; } #liMarches a { /*background-position: -120px 0; width:124px*/ background-position: 0 0; width:139px; } #liUsages a { /*width:121px; background-position: -242px 0;*/ width:139px; background-position: -139px 0; } #liInnovations a { /*width:145px; background-position: -363px 0;*/ width:139px; background-position: -278px 0; } #liBreves a { /*width:145px; background-position: -363px 0;*/ width:139px; background-position: -417px 0; } #liDossiers a { /*width:145px; background-position: -363px 0;*/ width:139px; background-position: -556px 0; } #liPodcasts a { /*width:145px; background-position: -363px 0;*/ width:139px; background-position: -694px 0; } #liBlog a { /*width:145px; background-position: -363px 0;*/ width:139px; background-position: -834px 0; } /*#liRss a { width:120px; background-position: -508px 0; }*/ /*hover states*/ #liAccuei a:hover, #liAccuei:hover a, #liAccuei.on a,#liAccuei a.actived{ background-position: 0 -24px; } #liMarches a:hover, #liMarches:hover a, #liMarches.on a,#liMarches a.actived{ /*background-position: -120px -24px;*/ background-position: 0 -24px; } #liUsages a:hover, #liUsages:hover a, #liUsages.over a,#liUsages.on a,#liUsages a.actived{ /*background-position: -242px -24px;*/ background-position: -139px -24px; } #liInnovations a:hover, #liInnovations:hover a, #liInnovations.on a,#liInnovations a.actived{ /*background-position: -363px -24px;*/ background-position: -278px -24px; } #liBreves a:hover, #liBreves:hover a, #liBreves.on a,#liBreves a.actived{ background-position: -417px -24px; } #liDossiers a:hover, #liDossiers:hover a, #liDossiers.on a,#liDossiers a.actived{ background-position: -556px -24px; } #liPodcasts a:hover, #liPodcasts:hover a, #liPodcasts.on a,#liPodcasts a.actived{ background-position: -694px -24px; } #liPodcasts a:hover, #liBlog:hover a, #liBlog.on a,#liBlog a.actived{ background-position: -834px -24px; } #liRss a:hover, #liRss:hover a, #liRss.on a,#liRss a.actived{ background-position: -508px -24px; } /*subnav formatting*/ #nav li.off ul a, #nav li.on ul a { display: block; background: #DDDDDD; color: #696969; font-size: 11px; height:25px; padding: 0 20px; /*border-right:1px solid #C2C2C2;*/ line-height:25px; } #nav li.on ul a { background: #DDDDDD; } #ulsmenu{width:1000px;} /*ssmenu */ ul.niveau3{position:absolute;left:0;top:130px;width:100%;background-color:#CCCCCC;} ul.niveau3 li{float:left;border-right:1px solid #B0B0B0;height:20px;} ul.niveau3 li a{color:#696969;padding:4px 10px;line-height:20px;font-size:10px;} ul.niveau3 li a:hover{color:#FF6600;} ul.niveau3 li a.on{color:#FF6600;} a.liastart1{margin-left:20px;} a.liastart2{margin-left:30px;} /* END NOUVEAU MENU */ /* ------------------------ GABARITS - STYLE GENERAL ------------------------------ */ /* GLOBAL */ table.gab_tab{position:relative;} /* contenu 1 : 2 colonnes */ td.contenu1_left_td{width:210px;border-right:1px solid #DCDCDC;vertical-align:top;} .gab_tab_left{position:relative;background-color:#FFFFFF;width:210px;} td.contenu1_right_td{vertical-align:top;} .gab_tab_right{position:relative;background-color:#FFFFFF;width:790px;} /* contenu 2 : 1 colonne */ /* seulement dans pourquoi et mentions légales*/ #gab_tab_2{position:relative;width:650px;padding-left:40px;padding-bottom:20px;padding-top:30px;} #gab_tab_2 p {font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:20px;} #gab_tab_2 p.titre {font-size:14px; color:#FF6600;text-align:justify;padding-bottom:10px;} #gab_tab_2 a{color:#666666;font-size:12px;text-decoration:underline;line-height:15px;} #gab_tab_2 a:hover{color:#FF6600;font-size:12px;line-height:15px;} /* breves */ /* left pour actualites, breves et insolites */ .breves_left_td{width:210px;vertical-align:top;background-color:#EDEDED;} .breves_right_td{width:100%;border-left:1px solid #DCDCDC;} /* ------------------------ GABARITS - MENUS PAGES/ARTICLES------------------------------ */ /* ------------ MENU GENERIQUE------------------------------------------------------------*/ .illus_gen{padding-right:20px;padding-top:30px;} ul#menu_generique li{border-bottom:1px solid #DCDCDC;width:210px;text-align:right;padding:4px 0 4px 0;} ul#menu_generique li a{padding-right:20px;color:#696969;font-size:10px;display:block;line-height:14px;} ul#menu_generique li a:hover{color:#FF6600;} ul#menu_generique li a.on{color:#FF6600;} ul#menu_generique li.der{border-bottom:0px;} ul#menu_generique li img{padding-right:20px;padding-top:30px;} /* pour breves */ ul#menu_generique li.pasdimg{padding-right:20px;padding-top:10px;} /* pour actualites */ ul#menu_generique li a.date{padding-right:20px;color:#FF6600;font-size:12px;line-height:24px;} ul#menu_generique li a.date:hover{color:#FF6600;} ul#menu_generique li a.suite{padding-right:2px;color:#696969;font-size:10px;line-height:24px;} ul#menu_generique li a.suite:hover{color:#FF6600;} ul#menu_generique li a.suite.on{color:#FF6600;} /* rss */ .actu_rss{padding:20px;padding-right:30px;text-align:right;} .actu_rss a{color:#666666;font-size:10px;font-weight:bold;text-decoration:none;} .actu_rss a img{border:0;top:3px;position:relative;left:10px;} /* ------------ MENU BREVES------------------------------------------------------------ .menu_breves{width:210px;text-align:right;padding-top:10px;} ul#menu_breves li ul{display:none;} ul#menu_breves li:hover>ul{display:block;} .menu_breves li{color:#FF6600;} .menu_breves li.sommaire{color:#ff6600;padding-right:17px;line-height:50px;font-size:20px;} .menu_breves li a{color:#FF6600;padding-right:20px;font-size:12px;display:block;height:20px;} .menu_breves li a:hover{color:#FF6600;} .menu_breves li a.on{color:#696969;} .menu_breves li ul{display:none;padding:10px 0 15px 0;} .menu_breves li ul li a{font-size:10px;color:#696969;padding-right:20px;display:block;height:25px;border-top:1px solid #DCDCDC;line-height:25px;} .menu_breves li ul li a.last{border-bottom:1px solid #DCDCDC;} */ /* ------------ MENUS ARTICLES DOSSIERS - MARCHE/ECO/MARCHE MOBILE - USAGES/NP/JEU VIDEO----------------*/ .dossier_menu{background-color:#EDEDED;margin-top:10px;border-bottom:1px solid #DCDCDC;} .dossier_menu li{text-align:right;} .dossier_menu li a{color:#FF6600;font-size:12px;padding-right:20px;line-height:12px;} .dossier_menu li a:hover{color:#696969;} .dossier_menu li.der{border-bottom:0px;border-top:1px solid #DCDCDC;text-align:right;} .dossier_menu li.der a{color:#666666;font-size:12px;padding-right:20px;line-height:12px;} .dossier_menu li.der a:hover{color:#FF6600;} /* ------------ MENU ARTICLES DOSSIERS - MARCHE/ETHIQUE/RECYCLAGE------------------ */ .dossier_menu2{background-color:#EDEDED;margin-top:5px;padding-bottom:5px;border-bottom:0px solid #DCDCDC;} .dossier_menu2 li.som{text-align:right;border-top:1px solid #DCDCDC;} .dossier_menu2 li.som a{color:#FF6600;font-size:11px;line-height:12px;padding-right:20px;} .dossier_menu2 li.som a:hover{color:#696969;} .dossier_menu2 li{text-align:right;} .dossier_menu2 li a{color:#696969;font-size:10px;padding-right:20px;line-height:11px;} .dossier_menu2 li a:hover{color:#FF6600;} .dossier_menu2 li.on a{color:#FF6600;} .dossier_menu2 li.on a:hover{color:#696969;} /* ------------------------ AJOUT NOV 2010 ------------------------------ */ ul.savoir {font-size:11px;color:#696969;line-height:15px;text-align:left;padding:10px;background-color:#F5F5F5;color:#696969;margin-top:20px;margin-bottom:20px;} ul.savoir a{text-decoration:underline;color:#696969;} ul.savoir a:hover{text-decoration:underline;color:#FF6600;} ul.savoir li{list-style-type: disc;list-style-position: inside;padding-bottom:5px;} ul.savoir li.titre{font-weight:bold;color:#FF6600;padding-bottom:5px; list-style:none;} .breves_left_td ul#menu_generique li a{text-align:left;padding-left:10px;padding-right:10px;} .breves_left_td ul#menu_generique.archive li a, .breves_left_td ul#menu_generique li a.date{padding-right:20px;text-align:right;} .breves_left_td ul#menu_generique li.pasdimg a{text-align:right;padding-right:20px;} dl.newc dd.newcdl_breve p.source {margin-top:10px;font-size:11px;} dl.newc dd.newcdl_breve{font-size:12px;line-height:18px;text-align:left;} dd.dlenimages_player2 ul.savoir {font-size:11px;color:#696969;line-height:15px;text-align:left;padding:10px;background-color:#F5F5F5;color:#696969;margin-top:20px;margin-bottom:20px;margin-right:30px} /* ------------------------ B. GABARITS RUBRIQUES TRANSVERSES ------------------------------ */ /*------------ B1. BREVES --------------- Marche/breves Usages/breves Innovations/breves */ dl.newc{position:relative;padding:30px 20px;text-align:justify;border-bottom:1px solid #DDDDDD;background-color:#FFFFFF;height: 1%;} dl.newc_fonce{background-color:#F5F5F5;} /*dl.newc dt,dl.newc dd{width:500px;}*/ dl.newc dt{color:#696969;font-size:14px;line-height:19px;width:500px;padding-bottom:10px;height: 1%;} dl.newc dd.newcdl_txt{float:left;color:#696969;font-size:12px;width:500px;height: 1%;} /*dl.newc dd.newcdl_breve{font-size:11px;text-align:left;}*/ dl.newc dd.newcdl_breve a{color:#696969;text-decoration:underline;} dl.newc dd.newc_bdate{width:740px;font-size:10px;color:#FF6600;margin-bottom:15px;} /*------------ B2. ACTUALITES --------------- actualites/actualites */ .breves_contenu{padding-left:20px;} .breves_contenutitre{background-color:#FFFFFF;position:relative;font-size:17px;color:#FF6600;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;} /*------------ B3. FICHES PRATIQUES --------------- fiches-pratiques/ */ td#fiche_left_td {width:210px;vertical-align:top;background-color:#EDEDED;} td#fiche {width:100%;vertical-align:top;padding:20px 20px;background-color:#F5F5F5;border-left:1px solid #DCDCDC;} /* MENU FICHES PRATIQUES */ ul#menu_fiche li{border-bottom:1px solid #DCDCDC;width:210px;text-align:right;} ul#menu_fiche li a{padding-right:20px;color:#696969;font-size:11px;line-height:24px;} ul#menu_fiche li a.on{color:#FF6600;} ul#menu_fiche li a:hover{color:#FF6600;} ul#menu_fiche li.der{border-bottom:0px;} ul#menu_fiche li img{padding-right:20px;padding-top:30px;} /* END MENU FICHES PRATIQUES */ td#fiche a{text-decoration:underline;color:#696969} td#fiche a:hover{text-decoration:underline;color:#FF6600} td#fiche .bgfonce{background-color:#F5F5F5;} td#fiche dl{width:500px;background-color:#FFFFFF;border:1px solid #DCDCDC;padding:20px 20px 60px 20px;} td#fiche dl dt{font-size:12px;color:#696969;line-height:17px;} td#fiche dl dd{font-size:12px;font-weight:bold;color:#FF6600;line-height:17px;margin-top:25px;border-bottom:1px solid #DCDCDC;padding-bottom:5px;margin-bottom:10px;} td#fiche dl img{margin-bottom:10px;} td#fiche p.fiche_titre{font-size:16px;color:#FF6600;padding-bottom:3px;} td#fiche p.fiche_stitre{font-size:14px;color:#FF6600;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #DCDCDC;} /*------------ B4. GLOSSAIRE --------------- glossaire/ */ .glossaire_left_td{width:210px;vertical-align:top;background-color:#EDEDED;} .glossaire_right_td{width:500px;vertical-align:top;background-color:#FFFFFF;border-left:1px solid #DCDCDC;line-height:25px;padding-left: 20px;padding-top: 30px;border-left-width: 1px;border-left-style: solid;border-left-color: #DCDCDC;} /* MENU GLOSSAIRE */ .menu_glossaire{width:210px;text-align:right;padding-top:10px;} ul#menu_glossaire li {} ul#menu_glossaire li ul{border-top:1px solid #DCDCDC;} ul#menu_glossaire li ul{display:none;} ul#menu_glossaire li:hover>ul{display:block;} .menu_glossaire li{color:#FF6600;} .menu_glossaire li.sommaire{color:#ff6600;padding-right:17px;line-height:50px;font-size:20px;} .menu_glossaire li a{color:#FF6600;padding-right:20px;font-size:11px;display:block;height:20px;line-height:23px;border-bottom:1px solid #DCDCDC;} .menu_glossaire li a:hover{color:#FF6600;} .menu_glossaire li a.on{color:#696969;} .menu_glossaire li ul{display:none;padding:0px 0 0px 0;background-color:#FFFFFF;} .menu_glossaire li ul li a{font-size:10px;color:#696969;padding-right:20px;display:block;height:24px;line-height:25px;border-bottom:0px solid #DCDCDC;} .menu_glossaire li ul li a.last{border-bottom:0px solid #DCDCDC;} /* END MENU GLOSSAIRE */ .glossairetitre {font-size: 14px;line-height: 20px;color: #FF6600;} .glossairestitre {font-size: 11px;color: #FF6600;} .glossaire_p {font-size: 11px;line-height: 15px;color: #696969;padding-bottom: 30px;} p.mot {padding-bottom: 5px;} /* ------------------------------- D. ACCUEIL RUBRIQUES ----------------------------------- Marche/sommaire Usages/sommaire Innovations/sommaire */ /* GAUCHE - MENU */ .accueil_rubrique_left_td{width:170px;vertical-align:top;background-color:#EDEDED;} .accueil_illus_rubrique{display:block;width:170px;height:120px;border-bottom:1px solid #DCDCDC;} .irusage{background: url(/images/usages/acc/usa_acc_titrev2.gif) 0 0 no-repeat;} .irmarche{background: url(/images/marche/acc/mar_acc_titrev2.gif) 0 0 no-repeat;} .irinno{background: url(/images/innovations/acc/ino_acc_titrev2.gif) 0 0 no-repeat;} /* menu rubrique (a rajouter) */ .menu_rubrique{width:170px;text-align:right;} ul#menu_accueil_rubrique li ul{display:none;} ul#menu_accueil_rubrique li:hover>ul{display:block;} .menu_rubrique li{color:#FF6600;} .menu_rubrique li.sommaire{color:#ff6600;padding-right:17px;line-height:50px;font-size:20px;} .menu_rubrique li a{color:#FF6600;padding-right:15px;font-size:12px;display:block;height:20px;} .menu_rubrique li a:hover{color:#FF6600;} .menu_rubrique li a.on{color:#696969;} .menu_rubrique li ul{display:none;padding:10px 0 15px 0;} .menu_rubrique li ul li a{font-size:10px;color:#696969;padding-right:15px;display:block;height:25px;border-top:1px solid #DCDCDC;line-height:25px;} .menu_rubrique li ul li a.last{border-bottom:1px solid #DCDCDC;} /* DROITE*/ .accueil_rubrique_right_td{width:100%;border-left:1px solid #DCDCDC;} .accueil_rubrique_contenu{padding-left:20px;position:relative;} .accueil_rubrique_contenu1{background-color:#EDEDED;height:120px;border-bottom:1px solid #DCDCDC;background-repeat:no-repeat;background-position:20px 45px;} .accueil_rubrique_contenu2{background-color:#F5F5F5;height:165px;border-bottom:1px solid #DCDCDC;background-repeat:no-repeat;background-position:20px 0;} .accueil_rubrique_contenu2b{background-color:#F5F5F5;height:150px;border-bottom:1px solid #DCDCDC;padding-top:46px;} .accueil_rubrique_contenu3{background-color:#EDEDED;height:80px;border-bottom:1px solid #DCDCDC;} .accueil_rubrique_contenu3_2{background-color:#EDEDED;height:89px;border-bottom:1px solid #DCDCDC;position:relative;} .accueil_rubrique_contenu4{background-color:#F5F5F5;height:100px;} .accueil_rubrique_contenu5{background-color:#F5F5F5;height:80px;border-top:1px solid #dcdcdc;position:relative;} /* propre � chaque accueil u = usage, m pour march� et i pour innovations */ .arcu1{background-image:url(/images/usages/acc/usa_acc_intro.gif);} .arcu2{background-image:url(/images/usages/acc/usa_acc_photo1.jpg);} .arcm1{background-image:url(/images/marche/acc/mar_acc_intro.gif);} .arcm2{background-image:url(/images/marche/acc/mar_acc_photo1.jpg);} #a_arc2{position:absolute;width:150px;height:150px;} .arci1{background-image:url(/images/innovations/acc/ino_acc_intro.gif);} .arci2{background-image:url(/images/innovations/acc/ino_acc_photo1.jpg);} .arc1_div{width:290px;float:left;padding-top:70px;} .arc1_p{font-size:11px;color:#696969;line-height:13px;width:250px;} .arc2_dl{position:absolute;top:30px;left:190px;} .arc2_dl dt{font-size:17px;color:#FF6600;padding-bottom:5px;} .arc2_dl dd{font-size:13px;line-height:15px;color:#696969;width:550px;} .arc2_dl dd.arc2_dl_st{color:#FF6600;font-size:21px;line-height:23px;padding:10px 0;} .arc2_dl dd a{font-size:13px;line-height:15px;color:#696969;} .arc2_dl dd a:hover{font-size:13px;line-height:15px;color:#FF6600;} .arc2b_dl{width:390px;position:absolute;bottom:0px;} .arc2b_dl img{border:0px;} .arc2b_dl2{left:440px;} .arc2b_dl dt{float:left;width:150px;height:150px;} .arc2b_dl dd{float:right;clear:right;width:230px;} .arc2b_ddt1{color:#FF6600;font-size:15px;padding-top:5px;} .arc2b_ddt2{font-size:19px;line-height:21px;color:#FF6600;padding:0px;} .arc2b_ddt3{font-size:12px;line-height:15px;color:#696969;} .arc2b_ddt3 a{font-size:12px;line-height:15px;color:#696969;} .arc2b_ddt3 a:hover{font-size:12px;line-height:15px;color:#FF6600;} /* ajoute le 20/07/2007 nouvelle page sommaire ligne 2 */ .accueil_rubrique_contenu3_2 dt{padding:0 20px;padding-bottom:5px;color:#FF6600;padding-top:10px;font-size:12px;} .accueil_rubrique_contenu3_2 dd{padding:0 20px;} .arc2_2b_dl{width:276px;position:absolute;bottom:0px;height:89px;} .arc2_2b_dl dd.titre{font-size:13px;color:#666666;font-weight:bold;} .arc2_2b_dl dd.texte{font-size:11px;line-height:13px;color:#696969;} .arc2_2b_dl dd a{color:#696969;} .arc2_2b_dl dd a:hover{color:#ff6600;} .arc2_2b_dl2{position:absolute;left:277px;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;} .arc2_2b_dl3{position:absolute;left:552px;} .arc3_t1{font-size:13px;color:#FF6600;padding:10px 0 5px 0;} .arc3_table{font-size:10px;line-height:12px;color:#696969;width:810px;} .arc3_table a{font-size:10px;line-height:12px;color:#696969;} .arc3_table a:hover{font-size:10px;line-height:12px;color:#FF6600;} .arc3_table td{width:270px;vertical-align:top;height:40px;} .arc3_table td.mid{border-left:1px solid #696969;border-right:1px solid #696969;} .arc3_p1{padding-right:20px;} .arc3_p2{padding:0 20px 10px 20px;} .arc3_p3{padding-left:20px;padding-bottom:10px;} .arc4_dl{width:390px;position:absolute;top:0px;} .arc4_dl img{border:0px;} .arc4_dl2{left:450px;} .arc4_dl dt{float:left;width:100px;height:100px;} .arc4_dl dd{float:right;clear:right;width:280px;} .arc4_ddt1{color:#FF6600;font-size:13px;padding-top:20px;} .arc4_ddt2{font-size:13px;color:#696969;font-weight:bold;} .arc4_ddt3{font-size:11px;line-height:13px;color:#696969;} .arc4_ddt3 a{font-size:11px;line-height:13px;color:#696969;} .arc4_ddt3 a:hover{font-size:11px;line-height:13px;color:#FF6600;} .arc4b_dl{width:180px;position:absolute;top:0px;} .arc4b_dl img{border:0px;} .arc4b_dl2{width:290px;left:210px;} .arc4b_dl3{width:290px;left:505px;} .arc4b_dl dt{float:left;width:100px;height:100px;} .arc4b_dl dd{float:right;clear:right;width:180px;} .arc4b_ddt1{color:#FF6600;font-size:12px;padding-top:10px;} .arc4b_ddt2{font-size:13px;color:#696969;font-weight:bold;} .arc4b_ddt3{font-size:11px;line-height:13px;color:#696969;} .arc4b_ddt3 a{font-size:11px;line-height:13px;color:#696969;} .arc4b_ddt3 a:hover{font-size:11px;line-height:13px;color:#FF6600;} /* */ .accueil_rubrique_contenu5 dl{width:413px;height:80px;} .accueil_rubrique_contenu5 arc5b_dl2.dt{padding:0 20px;padding-bottom:5px;color:#FF6600;padding-top:10px;font-size:12px;} .accueil_rubrique_contenu5 dd{padding:0 20px;} .arc5b_dl1{position:absolute;top:0px;border-right:1px solid #DCDCDC;} .arc5b_dl1 dd.titre a{padding-left:25px;background:url(/images/icones/icone_speaker.gif) 0 2px no-repeat;font-size:12px;color:#666666;font-weight:bold;} .arc5b_dl1 dd.titrevid a{padding-left:25px;background:url(/images/icones/icone_tv.gif) 0 0px no-repeat;font-size:12px;color:#666666;font-weight:bold;} .arc5b_dl1 dd.texte{font-size:11px;line-height:15px;color:#696969;padding-top:3px;} .arc5b_dl1 dd.texte a{color:#696969;} .arc5b_dl1 dd.texte a:hover{color:#FF6600;} .arc5b_dl1 dd.section{padding-top:10px;font-size:12px;color:#FF6600;} .arc5b_dl1 dt{float:left;padding:0 5px 0 20px;} .arc5b_dl1 dt img{background-color:#00FFCC;height:80px;width:80px;} .arc5b_dl2{position:absolute;left:413px;} .arc5b_dl2 dt{padding:0 20px;color:#FF6600;padding-top:10px;font-size:12px;} .arc5b_dl2 dd.titre{font-size:12px;color:#666666;font-weight:bold;padding-top:2px;} .arc5b_dl2 dd.texte{font-size:11px;line-height:15px;color:#696969;padding-top:3px;} .arc5b_dl2 dd.texte a{color:#696969;} .arc5b_dl2 dd.texte a:hover{color:#FF6600;} /* END ACCUEIL RUBRIQUES */ /* ------------------------------- A. GABARITS GENERIQUES ARTICLES ----------------------------------- */ /* ---------------------- A1. GABARIT ARTICLE - 1 COLONNE LARGE AVEC ILLUSTRATION DESSOUS ------------------------------------- Mar/Eco/ Le jeu des 7 familles */ #introlongue{width:740px;vertical-align:top;background-color:#FFFFFF;padding-top: 30px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;} #introlongue p.chapo {font-size:14px;color:#696969;text-align:justify;padding-top:0px;padding-bottom:20px;} /* ---------------------- A2. GABARIT ARTICLE LONG - 2 COLONNES AVEC ILLUSTRATIONS----------------- Mar/Eco/dossier/Concurence Mar/Eco/Le jeu sur mobile Mar/Eco/Jeu des 7 familles Usa/Qui-estes-vous/John Usa/Qui-estes-vous/Myriam Usa/Etvous Ino/cpd/Demain mobiles Ino/cpd/Les robots Ino/Cpd/Les frontieres --*/ #articlelong{width:500px;vertical-align:top;background-color:#FFFFFF;padding:30px 40px 30px 20px;} #articlelong p.chapo{font-size:14px;line-height:19px;color:#696969;padding-bottom:20px;} #articlelong p.titre {font-size:17px;color:#FF6600;padding-top:30px;padding-bottom:10px;} #articlelong p.titreprem {font-size:17px;color:#FF6600;padding-top:0px;padding-bottom:10px;} #articlelong p.soustitre {font-size:14px;line-height:19px;color:#FF6600;padding-bottom:5px;} #articlelong p {font-size:12px;color:#696969;line-height:17px;text-align:justify;padding-bottom:10px;} #articlelong a{text-decoration:underline;color:#696969;font-size:12px;} #articlelong a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} #articlelong p.lienPageSuivante{text-align:right;padding-top:0px;} #articlelong p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:12px;} #articlelong p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} #articlelong p.source {font-size:10px;line-height:15px;font-style: italic;} #articlelong p.source a {text-decoration:underline;color:#696969;font-size:10px;} #articlelong p.source a:hover{text-decoration:underline;color:#FF6600;font-size:10px;} #articlelong dl.ill{padding-right:100px;text-align:right;float: right;} #articlelong dl.ill dt{text-align:left;} #articlelong dl.ill dd{text-align:left;font-size:10px;line-height:11px;color:#666666;} #articlelong dl.ill2{padding-right:75px;text-align:right;float: right;} #articlelong dl.ill2 dt{text-align:left;} #articlelong dl.ill2 dd{text-align:left;font-size:10px;line-height:11px;color:#666666;} #articlelong dl.ill3{padding-right:35px;text-align:right;float: right;} #articlelong dl.ill3 dt{text-align:left;} #articlelong dl.ill3 dd{text-align:left;font-size:10px;line-height:11px;color:#666666;} td#illus_article{vertical-align:top;width:231px;} td#illus_article a{color:#666666;font-size:11px;text-decoration:underline;} td#illus_article a:hover{color:#FF6600;font-size:11px;} /* hauteur anlevée mars 2008 */ td#illus_article dl.ill{width:220px;padding-top:30px;} /* hauteur anlevée mars 2008 */ td#illus_article dl.ill dt{text-align:left;} td#illus_article dl.ill dd{font-size:10px;line-height:11px;color:#666666;margin-bottom:15px;} td#illus_article dl.ill2{width:110px;padding-top:30px;float: right;} td#illus_article dl.ill2 dt{text-align:left;} td#illus_article dl.ill2 dd{font-size:10px;line-height:11px;color:#666666;margin-bottom:15px;} td#illus_article dl.ill3{width:110px;padding-top:130px;float: right;} td#illus_article dl.ill3 dt{text-align:left;} td#illus_article dl.ill3 dd{font-size:10px;line-height:11px;color:#666666;margin-bottom:15px;} /* ---------------------- A3. GABARIT ARTICLE LONG SANS ILLUSTRATION AVEC PAGINATION - 1 COLONNE - POINT DE VUE ET INTERVIEW --------------------- Mar/Eco/dossier/D.Roux Mar/Eth/Recyclage/ Mar/Eth/Ethique/ Mar/Visions/Milieux associes Mar/Visions/Convergence Mar/Visions/Missika Mar/Visions/techno font peur Usa/NP/Le mobile intime Usa/NP/Questions reponses Usa/NP/Dossier-jeu-Parents Usa/Pdo/Le virtuel Usa/Pdo/hypermoderne Usa/Pdo/la magie du mobile Ino/Cpd/Intelligence */ #pointdevue{width:650px;vertical-align:top;background-color:#FFFFFF;padding:30px 40px 0px 20px;} #pointdevue p.titre {font-size:17px;line-height:21px;color:#FF6600;padding-bottom:20px;} #pointdevue p.soustitre {font-size:14px;color:#FF6600;padding-top:0px;padding-bottom:5px;} #pointdevue p.chapo{font-size:14px;line-height:19px;color:#696969;padding-bottom:10px;} #pointdevue p {font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:10px;} #pointdevue a{text-decoration:underline;color:#696969;font-size:12px;} #pointdevue a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} #pointdevue p.source {font-size:10px;line-height:15px;font-style: italic;} #pointdevue p.source a{text-decoration:underline;color:#696969;font-size:10px;} #pointdevue p.source a:hover{text-decoration:underline;color:#FF6600;font-size:10px;} #pointdevue p.lienPageSuivante{text-align:right;padding-top:0px;padding-bottom:20px;} #pointdevue p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:12px;} #pointdevue p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} #pointdevue p.pagination {font-size:10px;line-height:10px;color:#FF6600;padding:Opx;} /* ---------------------- A4. GABARIT ARTICLES INTRO INTERVIEW AVEC ENCADRE AUTEUR OU SOURCES - 2 COLONNES ----------------------- Avec encadre auteur: Mar/Eco/dossier/D.Roux Mar/Visions/Convergence Mar/Visions/Milieux associes Mar/Visions/Techno font peur Usa/Pdo/Hypermoderne Usa/Pdo/La magie Avec encadre auteur et podcast: Mar/Visions/Missika Usa/NP/doss/meme pas peur Usa/NP/doss/jeux et mobile Usa/NP/doss/soigner Usa/Pdo/Le virtuel Avec encadre sources: Ino/Cpd/Intelligence ambiante Mar/Eth/Recyclage/Pages Mar/Eth/Ethique/Page 5 Usa/NP/Le mobile intime Usa/NP/Questions */ dl.newitw{position:relative;padding:30px 20px 0px;text-align:justify;background-color:#FFFFFF;height: 1%;width:740px;} dl.newitw dt{color:#FF6600;font-size:17px;width:740px;padding-bottom:10px;} dl.newitw p.suite{text-align:right;font-size:12px;padding-bottom:10px;} dl.newitw p.suite a{text-decoration:underline;color:#696969;} dl.newitw p.suite a:hover{text-decoration:underline;color:#FF6600;} dl.newitw dd.intro{float:left;color:#696969;width:440px;text-align:justify;height: 1%;margin-right:20px;} dl.newitw dd.intro p{font-size:12px;line-height:17px;padding-bottom:10px;} dl.newitw dd.intro p a{text-decoration:underline;color:#696969;} dl.newitw dd.intro p a:hover{text-decoration:underline;color:#FF6600;} dl.newitw dd.intro p.chapo{font-size:14px;line-height:19px;padding-bottom:10px;} dl.newitw dd.intro p.suite{text-align:right;font-size:12px;padding-top:10px;} dl.newitw dd.intro p.suite a{text-decoration:underline;color:#696969;} dl.newitw dd.intro p.suite a:hover{text-decoration:underline;color:#FF6600;} dl.newitw dd.intro p.source{font-size:9px;font-style:italic;} /* ---------------------- A4a. ENCADRE AUTEUR ----------------------- */ dl.newitw dd.auteur{float:right;clear:right;color:#666666;font-size:11px;line-height:15px;width:270px;text-align:left;padding:5px;background-color: #F5F5F5;margin-bottom:5px;} dl.newitw dd.auteur img{padding-bottom:10px;padding-right:5px;} dl.newitw dd.auteur p.quiest{font-weight:bold;} dl.newitw dd.auteur p.quiest a{text-decoration:underline;color:#696969;} dl.newitw dd.auteur p.quiest a:hover{text-decoration:underline;color:#FF6600;} /* ---------------------- NEw MARS 2008 ----------------------- */ dl.newitw dd.auteur a{text-decoration:underline;color:#696969;} dl.newitw dd.auteur a:hover{text-decoration:underline;color:#FF6600;} /* ---------------------- A4b. ENCADRE SOURCES ----------------------- */ dl.newitw dd.sources{float:right;clear:right;color:#666666;font-size:11px;line-height:15px;width:250px;text-align:left;background-color: #F5F5F5;padding:10px;} dl.newitw dd.sources img{padding-bottom:10px;} dl.newitw dd.sources p.titre{font-weight:bold;font-size:12px;line-height:17px;padding-bottom:10px;} dl.newitw dd.sources a{text-decoration:underline;color:#696969;} dl.newitw dd.sources a:hover{text-decoration:underline;color:#FF6600;} dl.newitw dd.sources li{font-weight:normal;font-size:11px;line-height:13px;padding-bottom:10px;list-style-type: disc;list-style-position: inside;} dl.newitw dd.sources li a{text-decoration:none;color:#696969;} dl.newitw dd.sources li a:hover{text-decoration:underline;color:#FF6600;} /* ---------------------- A5. GABARIT ARTICLES AVEC PODCAST - 2 COLONNES - ---------------- Articles avec illustrations en colonne de droite : Ino/art/Human browser Ino/art/Ile de paradis Articles avec podcast en colonne de droite : Usa/NP/doss/jeux et mobile Usa/NP/doss/soigner Usa/NP/doss/meme pas peur */ /* ---------------------- TEXTE AVEC OU SANS PODCAST EN COLONNE DE GAUCHE---------------- */ #itwpod{width:500px;vertical-align:top;background-color:#FFFFFF;padding:30px 20px 30px 20px;} #itwpod p.titre {font-size:17px;line-height:21px;color:#FF6600;padding-top:0px;padding-bottom:10px;} #itwpod p.soustitre {font-size:14px;line-height:19px;color:#FF6600;padding-bottom:5px;} #itwpod p.chapo{font-size:14px;line-height:19px;color:#696969;padding-bottom:20px;} #itwpod p.liste{padding-left:20px;font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:10px;} #itwpod p {font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:10px;} #itwpod a{text-decoration:underline;color:#696969;font-size:12px;} #itwpod a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} #itwpod p.lienPageSuivante{text-align:right;padding-top:0px;} #itwpod p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:12px;} #itwpod p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} /* #itwpod p.titrepodcast {font-size:12px;color:#FF6600;border-bottom:solid 1px #CCCCCC;} */ /* ajout 14/03/2008*/ #itwpod p.source {font-size:10px;line-height:15px;font-style: italic;} #itwpod p.source a {text-decoration:underline;color:#696969;font-size:10px;} #itwpod p.source a:hover{text-decoration:underline;color:#FF6600;font-size:10px;} /* ---------------------- A5a. ILLUSTRATIONS EN COLONNE DE DROITE ---------------- */ #podcastbis {vertical-align:top;width:220px;padding-top:30px;padding-bottom:10px;} #podcastbis dl {width:220px;background-color:#F5F5F5;padding-bottom:10px;} #podcastbis dd.illus {padding-bottom:5px;} #podcastbis dd.illlegende{font-weight:normal;font-size:10px;color:#696969;width:200px;padding-left:10px;padding-right:10px;padding-bottom:20px;} #podcastbis dd.sources{width:200px;margin-left:10px;margin-right:10px;} #podcastbis dd.sources p.titre{font-weight:bold;font-size:11px;line-height:15px;color:#FF6600;padding-bottom:5px;} #podcastbis p {font-size:11px;line-height:13px;color:#696969;padding-bottom:5px;} #podcastbis dd.sources li{font-size:11px;line-height:15px;color:#696969;list-style-type: disc;list-style-position: inside;padding-bottom:5px;} #podcastbis dd.sources li a{text-decoration:underline;color:#696969;} #podcastbis dd.sources li a:hover{color:#FF6600;} #podcastbis dd.illlegende a{text-decoration:underline;color:#696969;} #podcastbis dd.illlegende a:hover{color:#FF6600;} /* ---------------------- A5b / A10a. INCLUSION PODCAST ---------------- */ td#podcast{vertical-align:top;background-color:#FFFFFF;padding-top:30px;width:220px;} #podcast{vertical-align:top;background-color:#FFFFFF;padding-top:10px;margin-bottom:5px;} #podcast a{color:#666666;font-size:10px;text-decoration:underline;} #podcast a:hover{color:#FF6600;font-size:10px;} #podcast dl{padding:10px;border:1px solid #cccccc;margin-right:10px;background-color:#F5F5F5;} #podcast dl dt{text-align:left;width:400px;} /* ---------------------- ajout taille width 28/02/2008 ---------------- */ #podcast dl.droite{padding:10px;border:1px solid #cccccc;margin-right:10px;width:220px;} #podcast dl.gauche{padding:10px;border:1px solid #cccccc;margin-right:10px;width:380px;} /* ---------------------- ajout 28/11.2//8 ---------------- */ #podcast dd.texte {text-align:left;width:200px;font-size:11px;color:#696969;font-style: normal;} /* ---------------------- fin ajout taille width 28/02/2008 ---------------- */ #podcast dl.droite dt{text-align:left;width:200px;} #podcast dl.gauche dt{text-align:left;width:380px;} #podcast dt.titre{font-size:12px;font-weight:bold;color:#FF6600;border-bottom:1px solid #cccccc;} #podcast dt.lecteur{font-size:11px;line-height:15px;} #podcast dd.icn{float:left;padding-top:10px;margin-right:15px;} #podcast dt.duree{font-size:11px;font-weight:bold;line-height:15px;color:#666666;clear:left;padding-top:5px;} #podcast dt.icn{font-size:10px;color:#666666;padding-bottom:5px;} #podcast dt.icn img{margin-right:15px;} #podcast span.icn{font-size:11px;line-height:15px;color:#666666;text-align:top;margin-right:15px;} #podcast dt.mp3txt{float:left;font-size:10px;line-height:11px;color:#666666;margin-bottom:15px;} #podcast dt.mp3icn{float:left;padding-right:10px;} #podcast dt.titre2{font-size:11px;font-weight:bold;line-height:15px;color:#666666;border-bottom:1px solid #cccccc;margin-bottom:15px;clear:both;} /* --------------------END A5. GABARIT ---------------- */ /* ---------------------- A6. GABARIT ARTICLE AVEC GRANDE ILLUS A DROITE - 2 COLONNES ----------------------------------- Ino/Artek/Allo Ino/Artek/Soudwalk */ dl.artek2 {width:775px;vertical-align:top;background-color:#FFFFFF;border-left:0px solid #DCDCDC;padding-top: 0px;padding-bottom: 0px;padding-left: 20px;} dl.artek2 dd.texte{float:left;clear:right;width:400px;height: 1%;padding-top:30px;padding-right:20px;} dl.artek2 p.chapo {font-size:14px;color:#696969;text-align:justify;padding-top:0px;padding-bottom:10px;} dl.artek2 p.titre{font-size:17px;line-height:21px;color:#FF6600;} dl.artek2 p.soustitre{font-size:14px;color:#696969;padding-top:0px;padding-bottom:10px;} dl.artek2 p.soustitre2{font-size:14px;color:#696969;padding-top:10px;padding-bottom:0px;} dl.artek2 p.soustitre3{font-size:14px;color:#FF6600;padding-bottom:0px;} dl.artek2 p {font-size:12px;color:#696969;line-height:17px;text-align:justify;margin-bottom:10px;} dl.artek2 p.lienPageSuivante{text-align:right;padding-top:0px;} dl.artek2 p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:12px;} dl.artek2 p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} /*dl.artek2 a{text-decoration:underline;color:#FF6600;font-size:12px;} dl.artek2 a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} */ dl.artek2 p.savoir {font-size:11px;color:#696969;line-height:15px;text-align:left;padding:5px;background-color:#F5F5F5;} dl.artek2 p.savoir a{text-decoration:underline;color:#666666;font-size:11px;} dl.artek2 p.savoir a:hover{text-decoration:underline;color:#FF6600;font-size:11px;} dl.artek2 dd.ill{float:right;width:355px;height: 1%;} dl.artek2 dd.ill p.source {font-size:10px;color:#696969;padding-top:10px;font-style: normal;} /* ---------------------- A6B. GABARIT ARTICLE AVEC VIDEO 320 A DROITE - 2 COLONNES (NEW 11/02/2008) ----------------------------------- Dossier Convergence */ dl.artek2 p a{text-decoration:underline;color:#696969;font-size:12px;} dl.artek2 p a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} dl.artek2 dd.texte2{float:left;clear:right;width:435px;height: 1%;padding-right:20px;} dl.artek2 dd.ill2{float:right;width:320px;height: 1%;} dl.artek2 p.titre2{font-size:17px;line-height:21px;color:#FF6600;padding-top:30px;} dl.artek2 p.source {font-size:11px;color:#696969;line-height:15px;} dl.artek2 dd.ill2 a , dl.artek2 p.source a{text-decoration:underline;color:#696969;font-size:11px;} dl.artek2 dd.ill2 a:hover, dl.artek2 p.source a:hover{text-decoration:underline;color:#FF6600;font-size:11px;} /* ---------------------- A7. GABARIT REPORTAGE VIDEO ou SLIDESHOW PHOTO - EN IMAGES ------------------------------ En images/ Ino/Artek/Allo Ino/Artek/Soudwalk Ino/Artek/Ile de paradis Usa/Nop/Dossier jeu reportage */ .dlenimages_titre{font-size:17px;line-height:21px;color:#FF6600;margin-bottom: 10px;} .dlenimages{width:780px;margin-top: 30px;margin-right: 20px;margin-bottom: 20px;margin-left: 20px;} .dlenimages_player{float:left;width:430px;height:400px;} .dlenimages_player2{float:left;width:430px;} .dlenimages_presentation{float:left;width:320px;} .dlenimages_presentation_definition{font-size:12px;color:#FF6600;line-height:17px;} .dlenimages_presentation_chapo{font-size:12px;color:#666666;line-height:17px;text-align:justify;} .dlenimages_presentation_texte{font-size:11px;color:#666666;line-height:15px;text-align:justify;padding-top:5px;} .dlenimages_presentation_texte2{font-size:11px;color:#666666;line-height:15px;text-align:justify;padding-top:5px;width:400px;} .dlenimages_presentation_lienPageSuivante{text-align:right;padding-top:10px;padding-bottom:20px;clear:both;} .dlenimages_presentation_lienPageSuivante a{text-decoration:underline;color:#696969;font-size:12px;} .dlenimages_presentation_lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} .dlenimages_presentation a{text-decoration:underline;color:#696969;} .dlenimages_presentation a:hover{text-decoration:underline;color:#FF6600;} /* ---------------------- A8. GABARIT PORTRAITS VIDEO ----------------------- Usa/Quietesvous/Photographe Usa/Quietesvous/David Hallyday Usa/Quietesvous/Sacha Usa/Quietesvous/Qoohl - */ td.qev_video_left_td{width:400px;vertical-align:top;} #qev_video_player{width:400px;vertical-align:top;background-color:#FFFFFF;padding:30px 40px 20px 40px;} td.qev_video_right_td{width:500px;vertical-align:top;} #qev_video_contenu{width:500px;vertical-align:top;background-color:#FFFFFF;padding-top: 30px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;} #qev_video_contenu p.titre {font-size:14px;color:#FF6600;padding-top:0px;padding-bottom:10px;} #qev_video_contenu p {font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:10px;} #qev_video_contenu a{text-decoration:underline;color:#696969;font-size:12px;} #qev_video_contenu a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} /* ---------------------- A9. GABARIT INSOLITE - ARTICLE 2 COLONNES AVEC GRANDE ILLUS A GAUCHE ------------------------------------------ Innovations/insolites/ */ dl.insolite {width:760px;vertical-align:top;background-color:#FFFFFF;border-left:1px solid #DCDCDC;padding-top: 30px;padding-bottom: 20px;padding-left: 20px;} dl.insolite dt.titre {font-size:17px;line-height:21px;color:#FF6600;} dl.insolite dt.soustitre {font-size:14px;color:#696969;padding-top:0px;padding-bottom:10px;} dl.insolite dd.left{float:left;width:360px;margin-right:30px;height: 1%;} dl.insolite dd.left p.source {font-size:10px;color:#696969;padding-top:10px;font-style: normal;} dl.insolite dd.right{float:right;clear:right;width:360px;height: 1%;} dl.insolite dd.right p {font-size:12px;color:#696969;line-height:17px;text-align:justify;margin-bottom:10px;} dl.insolite dd.right p.source {font-size:10px;color:#696969;line-height:13px;font-style: normal;} dl.insolite dd.right p.source a{font-size:10px;color:#696969;line-height:13px;font-style: normal;text-decoration:underline;} dl.insolite dd.right p.source a:hover{font-size:10px;color:#FF6600;line-height:13px;font-style: normal;text-decoration:underline;} /* ------------------------------- C. GABARITS ARTICLES ET RUBRIQUES SPECIFIQUES ----------------------------------- */ /* ------------------------- C1. ARTICLES SPECIFIQUES ----------------------------------- */ /*-----QUESTIONS REPONSES----- Marche/Eco/dossier/questions-reponses */ .qrep{position:relative;background-color:#FFFFFF;width:790px;} .qrep dl{padding:30px 75px;text-align:justify;} .qrep dl.nobot{border-bottom:0px;padding:20px;} .qrep dt,.qrep dd{width:600px;} .qrep dt{color:#FD6500;font-size:14px;line-height:19px;} .qrep .gris{color:#6A6A6A;} .qrep dd{color:#696969;font-size:12px;margin-top:12px;line-height:17px;} .qrep span.source{color:#696969;font-size:10px;} .qr1{background:url(/images/marche/eco/dossier/qr1.gif) 20px 30px no-repeat;} .qr2{background:url(/images/marche/eco/dossier/qr2.gif) 20px 30px no-repeat;} .qr3{background:url(/images/marche/eco/dossier/qr3.gif) 20px 30px no-repeat;} .qr4{background:url(/images/marche/eco/dossier/qr4.gif) 20px 30px no-repeat;} .qr5{background:url(/images/marche/eco/dossier/qr5.gif) 20px 30px no-repeat;} /*-----DONNEES----- Marche/Eco/dossier/donnees*/ .donnees dl{padding-top:30px;padding-left:20px;text-align:justify;} .donnees dt,.donnees dd{width:500px;} .donnees dt{color:#FD6500;font-size:14px;line-height:19px;} .donnees dd{color:#696969;font-size:12px;margin-top:12px;line-height:17px;} /* --------------USAGES - NLLES PRATIQUES - LOGIQUE DE L'USAGE----------------- */ td#usagesintro{width:530px;vertical-align:top;background-color:#FFFFFF;padding:30px 40px 30px 20px;} td#usagesintro p.titre {font-size:14px;color:#FF6600;padding-top:30px;padding-bottom:10px;} td#usagesintro p.titreprem {font-size:14px;color:#FF6600;padding-top:0px;padding-bottom:10px;} td#usagesintro p {font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:10px;} td#usagesintro a{text-decoration:underline;color:#696969;font-size:12px;} td#usagesintro a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} td#usagesintro p.lienPageSuivante{text-align:right;padding-top:0px;} td#usagesintro p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:12px;} td#usagesintro p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:12px;} td#usagesintro p.source {font-size:10px;line-height:15px;font-style: italic;} td#usagesintro p.source a {text-decoration:underline;color:#696969;font-size:10px;} td#usagesintro p.source a:hover{text-decoration:underline;color:#FF6600;font-size:10px;} td#illus_usages{vertical-align:top;width:201px;border-left:1px solid #DCDCDC;background-color:#FFFFFF;padding-top:10px;} td#illus_usages a{color:#666666;font-size:11px;text-decoration:underline;} td#illus_usages a:hover{color:#FF6600;font-size:11px;} td#illus_usages dl{width:200px;padding-bottom:30px;line-height:12px;} td#illus_usages dl dt{padding-left:20px;} td#illus_usages dl dd{padding-left:20px;padding-bottom:10px;} .titre_illus_usages{color:#FF6600;font-size:11px;font-weight:bold;line-height:15px;} /* ---------------USAGES - NLLES PRATIQUES - BUREAU - HABITAT--------------------*/ #newspop{width:400px;background-color:#FFFFFF;padding:30px 30px 30px 20px;} #newspop p.titre {font-size:14px;color:#696969;padding-top:30px;padding-bottom:10px;} #newspop p.titreprem {font-size:14px;color:#696969;padding-top:0px;padding-bottom:10px;} #newspop p {font-size:11px; color:#696969;line-height:15px;text-align:justify;padding-bottom:10px;} .titre_illus_newspop{color:#666666;font-size:14px;line-height:17px;} .txt_illus_newspop{color:#666666;font-size:11px;line-height:15px;text-align:justify;} td#illus_newspop{vertical-align:top;width:328px;padding-top:30px;border-left:1px solid #DCDCDC;background-color:#F5F5F5;} td#illus_newspop dl{position:absolute;width:310px;padding-bottom:30px;} td#illus_newspop dl dt{padding-left:20px;} td#illus_newspop dl dd{padding-left:20px;padding-top:20px;} td#illus_newspop dl dd img{padding-bottom:10px;border:1px solid #DCDCDC;} /* ------------------------- C2. RUBRIQUES SPECIFIQUES ----------------------------------- */ /* --------------INNOVATIONS / HISTOIRES DU FUTUR----------------- */ /* menu histoires */ .illus_nouvelle{padding:30px 0 0 0;border:0;} ul#menu_nouvelle li{border-bottom:1px solid #DCDCDC;width:210px;text-align:right;} ul#menu_nouvelle li a{padding-right:20px;color:#696969;font-size:10px;line-height:24px;} ul#menu_nouvelle li a:hover{color:#FF6600;} ul#menu_nouvelle li a.on{color:#FF6600;} ul#menu_nouvelle li span{padding-right:20px;color:#696969;font-size:10px;line-height:24px;} ul#menu_nouvelle li.der{border-bottom:0px;} ul#menu_nouvelle li img{padding-right:20px;} /* texte gauche */ #nouvelle_contenu{vertical-align:top;width:560px;font-size:11px;color:#696969;background-color:#FFFFFF;border-right:1px solid #DCDCDC;padding-bottom:20px;} #nouvelle_contenu h4{padding-left:20px;padding-top:5px;padding-bottom:5px;margin-bottom:5px;color:#696969;font-size:14px;font-weight:normal;background-color:#CCCCCC;border-bottom:1px solid #DCDCDC;} #nouvelle_contenu p.chapo{font-size:14px;line-height:19px;padding-bottom:15px;padding-top:30px;} #nouvelle_contenu p.first{text-align:justify;line-height:17px;font-size:12px;padding-top: 30px;padding-right: 20px;padding-bottom: 5px;padding-left: 20px;} #nouvelle_contenu p{padding:5px 20px;text-align:justify;line-height:17px;font-size:12px;} #nouvelle_contenu p a {text-decoration:underline;color:#696969;} #nouvelle_contenu p a:hover {text-decoration:underline;color:#FF6600;} #nouvelle_contenu p.lienPageSuivante{text-align:right;padding-top:10px;} #nouvelle_contenu p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:13px;} #nouvelle_contenu p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:13px;} #nouvelle_contenu p.source {font-size:10px;line-height:15px;font-style: italic;} /* notes cliquables dans texte gauche */ .legende{font-weight:bold;color:#666666;cursor:pointer;} .legende:hover{color:#FF6600;} .id_nouvelle{color:#FF6600;font-weight:bold;font-size:12px;} /* notes avec images en div dynamique à droite */ .txt_nouvelle{color:#666666;font-size:11px;} .note_illus_nouvelle{color:#666666;font-weight:bold;font-size:11px;} /* intro chapitres */ #nouvelle_introchap{vertical-align:top;width:600px;background-color:#FFFFFF;padding-bottom:20px;padding-top:30px;padding-left:20px;} #nouvelle_introchap dl.gauche{float:left;color:#696969;width:230px;text-align:justify;height: 1%;margin-right:30px;} #nouvelle_introchap dl.droite{float:right;clear:right;color:#FF6600;font-size:14px;line-height:19px;width:335px;text-align:right;} #nouvelle_introchap dl.legende{float:right;clear:right;color:#696969;font-size:10px;line-height:13px;width:335px;padding-top:110px;} td#illustrationsmenu{vertical-align:top;width:231px;} td#illustrationsmenu dl{position:absolute;width:230px;padding-top:30px;} td#illustrationsmenu dl dd{padding-left:25px; padding-bottom:30px;} /* notes dynamiques à droite */ td#illustrationsn{vertical-align:top;width:231px;} td#illustrationsn h4{padding-top:5px;padding-bottom:5px;padding-left:20px;margin-bottom:10px;color:#FF6600;font-size:14px;font-weight:normal;background-color:#FFFFFF;border-bottom:1px solid #DCDCDC;} td#illustrationsn dl{position:absolute;width:200px;padding-left:20px;} td#illustrationsn dl dt{line-height:15px;} td#illustrationsn dl dd{line-height:15px;} td#illustrationsn dl dd img{padding-top:5px;} td#illustrationsn a{text-decoration:underline;color:#696969;font-size:11px;} td#illustrationsn a:hover{text-decoration:underline;color:#FF6600;font-size:11px;} /* ------------------------- C3. PAGES SOMMAIRES DOSSIERS ----------------------------------- */ /* --------------------STYLES GENERIQUES----------------*/ /* --- GAUCHE ---- */ .doss_som_left_td{width:170px;vertical-align:top;background-color:#FF6600;} .illus_rubrique{display:block;width:170px;height:144px;border-bottom:1px solid #DCDCDC;} .doss_som_desc{font-size:12px;padding:13px;color:#FFFFFF;} /* --- DROITE ---- */ .doss_som_right_td{width:100%;border-left:0px solid #DCDCDC;background-color:#FF6600;} /* ---------------- SOMMAIRE - MARCHE/ECONOMIE/DOSSIER MARCHE FRANCAIS DU MOBILE ------------------------------------- */ /* --- GAUCHE ---- */ .doss_marfr_som_titrehg{background:url(/images/marche/eco/dossier/mar_eco02_som_titrehg.gif) 0 0 no-repeat;height:144px;} #doss_marfr_sommaire{position:relative;background-color:#FFFFFF;height:460px;width:735px;} /* --- DROITE ---- */ #doss_marfr_sommaire dd.texte a{color:#696969;} #doss_marfr_sommaire dd.texte a:hover{color:#FF6600;} #doss_marfr_sommaire dd.titre a{color:#FF6600;} #doss_marfr_sommaire dd.titre a:hover{color:#FF6600;text-decoration:underline;} #doss_marfr_sommaire dl.conc{position:absolute;display:block;top:0px;left:0px;width:640px;height:140px;background-color:#FFFFFF;z-index:2000;} #doss_marfr_sommaire dl.conc dd.illus{display:block;float:left;width:275px;margin-right:15px;} #doss_marfr_sommaire dl.conc dd.titre{display:block;float:right;clear:right;width:350px;padding-top:30px;font-size:14px;color:#FF6600;} #doss_marfr_sommaire dl.conc dd.texte{display:block;float:right;clear:right;width:350px;margin:0px;text-align:justify;font-size:11px;color:#696969;line-height:13px;padding-top:10px;} #doss_marfr_sommaire dl.roux{position:absolute;display:block;top:141px;left:205px;width:500px;height:100px;background-color:#FFFFFF;z-index:2000;} #doss_marfr_sommaire dl.roux dd.illus{display:block;float:left;width:140px;margin-right:15px;} #doss_marfr_sommaire dl.roux dd.titre{display:block;float:right;clear:right;width:345px;padding-top:10px;font-size:14px;color:#FF6600;} #doss_marfr_sommaire dl.roux dd.texte{display:block;float:right;clear:right;width:345px;margin:0px;text-align:justify;font-size:11px;color:#696969;line-height:13px;padding-top:10px;} #doss_marfr_sommaire dl.qr{position:absolute;display:block;top:242px;left:10px;width:250px;height:100px;background-color:#FFFFFF;z-index:2000;} #doss_marfr_sommaire dl.qr dd.illus{display:block;float:left;width:100px;margin-right:10px;} #doss_marfr_sommaire dl.qr dd.titre{display:block;float:right;clear:right;width:140px;padding-top:10px;font-size:14px;color:#FF6600;} #doss_marfr_sommaire dl.qr dd.texte{display:block;float:right;clear:right;width:140px;text-align:justify;font-size:11px;color:#696969;line-height:13px;padding-top:10px;} #doss_marfr_sommaire dl.donn{position:absolute;display:block;top:242px;left:280px;width:420px;height:100px;background-color:#FFFFFF;z-index:2000;} #doss_marfr_sommaire dl.donn dd.illus{display:block;float:left;width:180px;margin-right:15px;} #doss_marfr_sommaire dl.donn dd.titre{display:block;float:right;clear:right;width:220px;padding-top:10px;font-size:14px;color:#FF6600;} #doss_marfr_sommaire dl.donn dd.texte{display:block;float:right;clear:right;width:220px;text-align:justify;font-size:11px;color:#696969;line-height:13px;padding-top:10px;} #doss_marfr_sommaire dl.plus{position:absolute;display:block;top:360px;left:10px;width:570px;height:100px;background-color:#FFFFFF;z-index:2000;} #doss_marfr_sommaire dl.plus dd.illus{display:block;float:left;width:55px;margin-right:15px;} #doss_marfr_sommaire dl.plus dd.titre{display:block;float:right;clear:right;width:500px;padding-top:10px;font-size:14px;color:#FF6600;} #doss_marfr_sommaire dl.plus dd.texte{display:block;float:right;clear:right;width:500px;text-align:justify;font-size:11px;color:#696969;line-height:13px;padding-top:10px;} /* --- CARTOUCHE DROITE ---- */ #doss_marfr_sommaire dl.dossier{position:absolute;display:block;top:0px;left:735px;width:88px;height:480px;z-index:2000;} /* ---------------- SOMMAIRE - MARCHE/ETHIQUE/DOSSIER CONTROLE PARENTAL ------------------------------------- */ /* --- GAUCHE ---- */ .doss_contp_som_titrehg{background:url(/images/marche/eth/dossier-controle-parental/mar_eth03_som_titrehg.gif) 0 0 no-repeat;height:144px;} /* ---------------- SOMMAIRE - MARCHE/ETHIQUE/DOSSIER RECYCLAGE ------------------------------------- */ /* --- GAUCHE ---- */ .doss_recy_som_titrehg{background:url(/images/marche/eth/dossier-recyclage/mar_eth02_som_titrehg.gif) 0 0 no-repeat;height:144px;} /* --- DROITE ---- */ #doss_recy_sommaire{position:relative;background-color:#FFFFFF;height:540px;width:735px;} #doss_recy_sommaire dl.tetiere{position:absolute;display:block;top:0px;left:0px;width:335px;background-color:#FFFFFF;z-index:2000;height:204px;} #doss_recy_sommaire dl.intro{position:absolute;display:block;top:221px;left:15px;width:320px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.intro dd.chapo{text-align:justify;font-size:12px;color:#696969;line-height:17px;font-weight:bold;margin-bottom:10px;} #doss_recy_sommaire dl.intro dd.introtexte{text-align:justify;font-size:11px;color:#696969;line-height:15px;} #doss_recy_sommaire dl.sigle{position:absolute;display:block;top:0px;left:645px;width:80px;height:60px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.pourquoi{position:absolute;display:block;clear:all;top:61px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.quefaire{position:absolute;display:block;clear:all;top:141px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.questce{position:absolute;display:block;clear:all;top:221px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.acteurs{position:absolute;display:block;clear:all;top:301px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.reglement{position:absolute;display:block;clear:all;top:381px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dd.illus{display:block;float:left;width:65px;margin-right:15px;border:solid #FF0000 0px;} #doss_recy_sommaire dd.titre{display:block;float:right;clear:right;width:265px;margin:0px;border:solid #FF0000 0px;} #doss_recy_sommaire dd.texte{display:block;float:right;clear:right;width:265px;margin:0px;border:solid #FF0000 0px;text-align:justify;font-size:11px;color:#696969;line-height:13px;} #doss_recy_sommaire dd.texte a{color:#696969;} #doss_recy_sommaire dd.texte a:hover{color:#FF6600;} #doss_recy_sommaire dl.intro a{color:#696969; text-decoration:underline;} #doss_recy_sommaire dl.intro a:hover{color:#FF6600; text-decoration:underline;} /* --- CARTOUCHE DROITE ---- */ #doss_recy_sommaire dl.dossier{position:absolute;display:block;top:0px;left:735px;width:88px;height:480px;z-index:2000;} /* ---------------- SOMMAIRE - USAGES/NLLES PRATIQUES/DOSSIER JEU VIDEO ------------------------------------- */ /* --- GAUCHE ---- */ .doss_jeu_som_titrehg{background:url(/images/usages/nop/dossier_jeu_video/usa_nop04_som_titrehg.gif) 0 0 no-repeat;height:144px;} /* --- DROITE ---- */ .doss_jeu_sommaire{position:relative;background-color:#FFFFFF;height:480px;width:740px;} .doss_jeu_sommaire .p1{position:absolute;display:block;top:0px;left:0px;width:374px;background-color:#FFFFFF;z-index:2000;height:145px;} .doss_jeu_sommaire .p2{position:absolute;display:block;top:17px;left:390px;width:325px;background-color:#FFFFFF;z-index:2000;} .doss_jeu_sommaire .p3{position:absolute;display:block;top:166px;left:20px;width:325px;height:130px;background-color:#FFFFFF;z-index:2000;} .doss_jeu_sommaire .p4{position:absolute;display:block;top:307px;left:20px;width:325px;height:165px;background-color:#FFFFFF;z-index:2000;} .doss_jeu_sommaire .p5{position:absolute;display:block;top:166px;left:390px;width:325px;height:130px;background-color:#FFFFFF;z-index:2000;} .doss_jeu_sommaire .p6{position:absolute;display:block;top:307px;left:390px;width:325px;height:165px;background-color:#FFFFFF;z-index:2000;} .doss_jeu_titreart{display:block;float:left;clear:right;margin:0px;} .doss_jeu_illus{display:block;float:left;margin-right:10px;margin-top:2px;margin-bottom:0px;border:0px;} .doss_jeu_icn{display:block;float:left;clear:left;margin-top:2px;} .doss_jeu_icn2{display:block;float:left;clear:left;margin-top:2px;} .doss_jeu_icn3{display:block;float:left;margin-top:2px;margin-left:15px;} .doss_jeu_artpt{width:205px;display:block;float:left;clear:right;text-align:justify;font-size:11px;color:#666666;line-height:13px;} .doss_jeu_artpt a {color:#666666;} .doss_jeu_artpt a:hover {color:#FF6600;} .doss_jeu_artpt2{width:240px;display:block;float:left;clear:right;text-align:justify;font-size:11px;color:#666666;line-height:13px;} .doss_jeu_artpt2 a {color:#666666;} .doss_jeu_artpt2 a:hover {color:#FF6600;} .doss_jeu_artpt3{width:240px;display:block;float:left;clear:right;text-align:justify;font-size:11px;color:#666666;line-height:13px;} .doss_jeu_artpt3 a {color:#666666;} .doss_jeu_artpt3 a:hover {color:#FF6600;} .doss_jeu_artgd{width:295px;display:block;float:left;text-align: left;vertical-align: middle;font-size:12px;font-weight:bold;color:#666666;line-height:15px;margin-top:2px;} .doss_jeu_artgd a {color:#666666;} .doss_jeu_artgd a:hover {color:#FF6600;} .doss_jeu_artmoy{width:140px;display:block;float:left;text-align:left;vertical-align:middle;font-size:11px;font-weight:bold;color:#666666;line-height:13px;margin-top:2px;} .doss_jeu_artmoy a {color:#666666;} .doss_jeu_artmoy a:hover {color:#FF6600;} .doss_jeu_artmoy2{width:125px;display:block;float:left;text-align:left;vertical-align:middle;font-size:11px;font-weight:bold;color:#666666;line-height:13px;margin-top:2px;} .doss_jeu_artmoy2 a {color:#666666;} .doss_jeu_artmoy2 a:hover {color:#FF6600;} hr.dossier_jeu {display:block;visibility:hidden;clear:both;} /* --- CARTOUCHE DROITE ---- */ .doss_jeu_sommaire .p7{position:absolute;display:block;top:0px;left:740px;width:88px;height:480px;z-index:2000;} /* Fin Dossier jeu sommaire */ /* ---------------- SOMMAIRE - DOSSIER SMART CITY ------------------------------------- */ /* --- GAUCHE ---- */ .doss_smart_som_titrehg{background:url(/images/dossiers/smart-city/doss_sc_som_titrehg.gif) 0 0 no-repeat;height:144px;} #doss_recy_sommaire dl.sc1{position:absolute;display:block;clear:all;top:10px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.sc2{position:absolute;display:block;clear:all;top:85px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.sc3{position:absolute;display:block;clear:all;top:160px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.sc4{position:absolute;display:block;clear:all;top:235px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.sc5 {position:absolute;display:block;clear:all;top:310px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.sc6 {position:absolute;display:block;clear:all;top:385px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.sc7 {position:absolute;display:block;clear:all;top:460px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} /* ---------------- SOMMAIRE - USAGES/NLLES PRATIQUES/DOSSIER MANGA MOBILE ------------------------------------- */ /* --- GAUCHE ---- */ .doss_manga_som_titrehg{background:url(/images/dossiers/manga-mobile/manga-mobile_som_titrehg.gif) 0 0 no-repeat;height:144px;} /* ---------------- SOMMAIRE - USAGES/NLLES PRATIQUES/DOSSIER CONVERGENCEL ------------------------------------- */ /* --- GAUCHE ---- */ .doss_convergence_som_titrehg{background:url(/images/dossiers/convergence/convergence-titrehg.gif) 0 0 no-repeat;height:144px;} /* --- DROITE ---- */ /* ---------------- SOMMAIRE - DOSSIER LIVRE ELECTRONIQUE ------------------------------------- */ /* --- GAUCHE ---- */ .doss_ebook_som_titrehg{background:url(/images/dossiers/e-book/e-book-titrehg.gif) 0 0 no-repeat;height:144px;} /* --- DROITE ---- */ #doss_recy_sommaire dl.eb1{position:absolute;display:block;clear:all;top:15px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.eb2{position:absolute;display:block;clear:all;top:95px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.eb3{position:absolute;display:block;clear:all;top:175px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.eb4{position:absolute;display:block;clear:all;top:255px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.eb5{position:absolute;display:block;clear:all;top:322px;left:375px;width:345px;height:55px;background-color:#FFFFFF;z-index:2000;} #doss_recy_sommaire dl.eb6{position:absolute;display:block;clear:all;top:390px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} /* ---------------- SOMMAIRE - DOSSIER ONDES ------------------------------------- */ /* --- GAUCHE ---- */ .doss_ondes_som_titrehg{background:url(/images/dossiers/ondes/ondes-titrehg.gif) 0 0 no-repeat;height:144px;} /* --- DROITE ---- */ dl.ond1{position:absolute;display:block;clear:all;top:20px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.ond2{position:absolute;display:block;clear:all;top:110px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.ond3{position:absolute;display:block;clear:all;top:200px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.ond4{position:absolute;display:block;clear:all;top:290px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.ond5{position:absolute;display:block;clear:all;top:380px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.ond6{position:absolute;display:block;clear:all;top:385px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dd.texte_21{display:block;float:right;clear:right;width:265px;margin:0px;border:solid #FF0000 0px;text-align:left;font-size:11px;color:#696969;line-height:13px;} dd.texte_21 a{color:#696969;} dd.texte_21 a:hover{color:#FF6600;} dd.texte_22{display:block;float:right;clear:right;width:265px;margin:3px 0px 0px 0px;border:solid #FF0000 0px;text-align:left;font-size:11px;color:#696969;line-height:13px;} dd.texte_22 a{color:#696969;} dd.texte_22 a:hover{color:#FF6600;} /* ---------------- SOMMAIRE - DOSSIER HISTOIRE ------------------------------------- */ /* --- GAUCHE ---- */ .doss_hist_som_titrehg{background:url(/images/dossiers/histoire/hist-titrehg.gif) 0 0 no-repeat;height:144px;} /* --- DROITE ---- */ dl.dhist1{position:absolute;display:block;clear:all;top:10px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.dhist2{position:absolute;display:block;clear:all;top:85px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.dhist3{position:absolute;display:block;clear:all;top:160px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.dhist4{position:absolute;display:block;clear:all;top:235px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.dhist5{position:absolute;display:block;clear:all;top:310px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} dl.dhist6{position:absolute;display:block;clear:all;top:385px;left:375px;width:345px;height:65px;background-color:#FFFFFF;z-index:2000;} /* ---------------- SOMMAIRE - DOSSIER ONDES ------------------------------------- */ /* --- GAUCHE ---- */ .doss_rfid_som_titrehg{background:url(/images/dossiers/rfid/dossier_rfid_titre_gd.gif) 0 0 no-repeat;height:144px;} /* ---------------- SOMMAIRE - DOSSIER MUSEES ------------------------------------- */ /* --- GAUCHE ---- */ .doss_musees_som_titrehg{background:url(/images/dossiers/musee-numerique/dossier_musee_titre_gd.gif) 0 0 no-repeat;height:144px;} /* ---------------- SOMMAIRE - DOSSIER MONDE ETRANGERS ------------------------------------- */ /* --- GAUCHE ---- */ .doss_monde_som_titrehg{background:url(/images/usages/qev/monde-village/dossier_monde_titre_gd.gif) 0 0 no-repeat;height:144px;} #doss_recy_sommaire dl.eb52{position:absolute;display:block;clear:all;top:339px;left:375px;width:345px;height:55px;background-color:#FFFFFF;z-index:2000;} /* ---------------- SOMMAIRE - DOSSIER MONDE ETRANGERS ------------------------------------- */ /* --- GAUCHE ---- */ .doss_ra_som_titrehg{background:url(/images/dossiers/realite-augmentee/dossier_ra_titre_gd.gif) 0 0 no-repeat;height:144px;} #doss_recy_sommaire dl.eb52{position:absolute;display:block;clear:all;top:339px;left:375px;width:345px;height:55px;background-color:#FFFFFF;z-index:2000;} /* -------------- OLD - NE SERT PLUS----------------- */ /* .txtgris{font-size:11px;color:#696969;} .txtgrisgras{font-size:11px;color:#696969;font-weight:bold;} .titreGris{font-size:13px;color:#696969;line-height:15px;} h3{padding:30px 0 25px 20px;color:#696969;font-size:14px;font-weight:normal;} */ /* p.sommairebreves{color:#ff6600;padding:20px 20px 10px 0px;font-size:20px;text-align:right;}*/ /* nouveau div pour les gabarits .div_gab_dossier{width:100%;position:relative;background:url(/images/fond_210_gris.gif) 0 0 repeat-y;padding-bottom:40px;} .gab_div_left{position:absolute;width:210px;} .gab_div_right{position:relative;left:211px;} .gab_div_right dl{border-bottom:1px solid #DCDCDC;background-color:#FFFFFF;} .gab_div_right dt,.gab_div_right dd,.gab_div_right p{width:788px;} */ /* ul#menu_generique li.der2{border-bottom:0px;padding-bottom:30px;}*/ /* ACTUALITES ARCHIVES .breves_contenu1{background-color:#FFFFFF;border-bottom:1px solid #DCDCDC;position:relative;} .breves_contenu2{background-color:#F5F5F5;border-bottom:1px solid #DCDCDC;} .breve1_div{width:430px;padding:20px;position:relative;visibility:visible;} .breve2_div{width:430px;padding:20px;} .breve_p{font-size:11px;color:#696969;line-height:15px;} .breve_date{font-size:10px;color:#FF6600;margin-bottom:15px;} .breve_titre{font-size:13px;color:#696969;line-height:15px;} p.breve_p a {color:#696969;font-size:11px;text-decoration:underline} p.breve_p a:hover{color:#FF6600;} */ /* --------------GABARIT ITW - 3 COLONNES TEXTE - OLD - NE SERT PLUS----------------- */ /* --------------VISIONS EXPERT - PAROLES OBSV----------------- .article{width:775px;font-family:arial;font-size:12px;line-height:17px;color:#696969;padding:30px 0 20px 20px;text-align:justify;} .intro{width:500px;} .article_left{text-align:left;} .titreDroiteG{font-size:14px;padding-bottom:15px;} p.article_para{font-size:11px;line-height:15px;} p.lienPageSuivante{text-align:right;padding-top:20px;} p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:11px;} p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:11px;} p.source{font-size:9px;line-height:15px;font-style: italic;} div.itw{float:left;width:235px;height:345px;padding-right:22px; background-color:#FFFFFF;font-family:arial;font-size:11px;line-height:15px;color:#666666;text-align:justify;} div.itwdroite{float:left;width:235px;height:345px;padding-right:5px; background-color:#FFFFFF;font-family:arial;font-size:11px;line-height:15px;color:#666666;text-align:justify;} */ /* ---------------USAGES - QUI ETES VOUS - MYRIAM-------------------------------- #portrait{width:500px;vertical-align:top;background-color:#FFFFFF;padding:30px 40px 30px 20px;} #portrait p.titre {font-size:14px;color:#696969;line-height:17px;text-align:justify;padding-bottom:15px;} #portrait p {font-size:12px; color:#696969;line-height:17px;text-align:justify;padding-bottom:20px;} #portrait p.lienPageSuivante{text-align:right;padding-top:0px;} #portrait p.lienPageSuivante a{text-decoration:underline;color:#696969;font-size:11px;} #portrait p.lienPageSuivante a:hover{text-decoration:underline;color:#FF6600;font-size:11px;} #portrait p.source {font-size:9px;line-height:15px;font-style: italic;} td#illus_portrait{vertical-align:top;width:219px;} td#illus_portrait dl{width:218px;padding-top:60px;} td#illus_portrait dl dt{padding-left:15px;} td#illus_portrait dl dd{padding-left:15px;} td#illus_portrait dl dd img{border:0px;}*/ /* ---------------MARCHE/ECONOMIE/DOSSIER MARCHE DU MOBILE OLD----------------------- .dossier_presse_menu{background-color:transparent;font-size:12px;text-align:right;} .dossier_presse_menu li{border-bottom:1px solid #DCDCDC;padding-right:20px;} .dossier_presse_menu li.dpsom{color:#FD6500;padding-top:10px;padding-bottom:10px;border:0px;} .dossier_presse_menu li a{color:#696969;font-size:11px;line-height:30px;} .dossier_presse_menu li a:hover{color:#FD6500;} .dossier_presse_menu li.der{border:0px;} .dmg{background-color:#FFFFFF;} .dossier_conc{background:url(/images/marche/eco/dossier/titrehg.gif) 0 0 no-repeat;height:144px;} .dossier_desc{font-size:12px;padding:15px;color:#6A6A6A;} .sommarmob{position:relative;background:url(/images/marche/eco/dossier/dossier_bg.png) 0 0 no-repeat;height:425px;} .ap1{position:absolute;display:block;top:0px;left:0px;width:640px;z-index:2000;height:145px;} .sommarmob .p1{position:absolute;top:47px;left:289px;width:347px;color:#FFFFFF;font-size:11px;text-align:justify;line-height:15px;} .ap2{position:absolute;display:block;top:144px;left:208px;width:462px;z-index:2000;height:100px;} .sommarmob .p2{position:absolute;top:185px;left:320px;width:347px;color:#FFFFFF;font-size:11px;text-align:justify;line-height:15px;} .ap3{position:absolute;display:block;top:244px;left:281px;width:411px;z-index:2000;height:100px;} .sommarmob .p3{position:absolute;top:295px;left:476px;width:215px;color:#FFFFFF;font-size:11px;text-align:justify;line-height:15px;} .ap4{position:absolute;display:block;top:245px;left:0px;width:256px;z-index:2000;height:100px;} .sommarmob .p4{position:absolute;top:293px;left:96px;width:160px;color:#FFFFFF;font-size:11px;text-align:left;line-height:15px;} .sommarmob .p5{position:absolute;top:375px;left:48px;width:500px;color:#FFFFFF;font-size:11px;text-align:justify;} .sommarmob .p5 a{color:#FFFFFF;line-height:16px;display:block;} */ /* nouveau menu sommaire a gauche */ ul.lisomv2{padding:14px 20px 0 20px;color:#696969;} ul.lisomv2 li{padding:5px 0;line-height:11px;} .lisomv2 .li1{font-size:13px;color:#ff6600;padding-bottom:14px;} .lisomv2 a{font-size:11px;color:#696969;} .lisomv2 a:hover{color:#ff6600;} .lisomv2 li span.libdate{font-size:10px;color:#ff6600;padding-right:12px;background:url(/images/icones/icone_flecheGrise.gif) 90% 50% no-repeat;} ul.lisomv2 li.liall{padding:15px 0 20px 0;} .liall a{padding-left:7px;background:url(/images/arrowbrevesorange.gif) 0 65% no-repeat;#background-position:0 36px;} .lirss a{padding-left:15px;background:url(/images/icones/icone_rss3Traits.gif) 0 65% no-repeat;} /* accueil dossiers */ #divSommaireDossiers{padding-top:55px;background:url(/images/bgDivSomDossiers.gif) 330px 0 repeat-y;#line-height:0;width:1000px;} .iebug{display:none;#display:inline;} .dossierDiv{width:330px;float:left;padding-bottom:30px;#line-height:normal;} .dossierDiv .dossierDivDate{color:#666666;font-size:10px;padding:0 20px;} .dossierDiv .dossierDivH2{color:#ff6600;font-size:14px;font-weight:bold;padding:0 0 5px 0;margin:0 20px 10px 20px;border-bottom:1px solid #CCCCCC;} .dossierDiv .icono1{background:url(/images/icones/icone_speaker.gif) 110px 65px no-repeat;} .dossierDiv .icono2{background:url(/images/icones/icone_tv.gif) 110px 65px no-repeat;} .dossierDiv .icono3{background:url(/images/icones/icone_tvspeak.gif) 110px 65px no-repeat;#background-position:0 65px;} .dossierDiv .dossierDivImg{float:left;padding:0 10px 0 20px;} .dossierDiv .dossierDivH3{color:#666666;font-size:12px;line-height:15px;font-weight:bold;padding-right:20px;height:80px;} .dossierDiv .dossierDivPDesc{clear:both;color:#696969;font-size:11px;line-height:13px;padding:5px 20px 5px 20px;} .dossierDiv .dossierDivPDesc a{color:#696969;} .dossierDiv .dossierDivPDesc a:hover{color:#ff6600;} .dossierDiv .dossierDivASom{color:#ff6600;font-weight:bold;font-size:11px;padding:0 20px 0 30px;background:url(/images/icones/icone_flecheGrise.gif) 20px 50% no-repeat;} /* style pour le podcast interview et autre */ .podcastDiv{border-left:210px solid #ededed;} /*.podcastDiv ul.menu{position:absolute;top:0;left:0;width:211px;text-align:right;_position:absolute;_top:0;}*/ .podcastDiv ul.menu{position:absolute;top:0;left:0;width:211px;text-align:left;_position:absolute;_top:0;} .podcastDiv ul.menu a{color:#696969;} .podcastDiv ul.menu a:hover{color:#ff6600;} /*.podcastDiv ul.menu li{color:#696969;font-size:11px;border-bottom:1px solid #dcdcdc;padding:5px 0;padding-right:20px;}*/ .podcastDiv ul.menu li{color:#696969;font-size:11px;border-bottom:1px solid #dcdcdc;padding:5px 5px 5px 10px;;} .podcastDiv ul.menu li.podcastMenuTitre,.podcastDiv ul.menu li.podcastMenuSection,.podcastDiv ul.menu li.podcastMenuRss{border-bottom:0;} .podMenTitInt{background:url(/images/podcasts/interviews_titre.gif) 70px 57px no-repeat;} .podMenTitConf{background:url(/images/podcasts/conferences_titre.gif) 40px 57px no-repeat;} .podMenTitRep{background:url(/images/podcasts/reportages_titre.gif) 40px 57px no-repeat;} .podMenTitAud{background:url(/images/podcasts/audio_titre.gif) 40px 57px no-repeat;} .podMenTitVid{background:url(/images/podcasts/videos_titre.gif) 40px 57px no-repeat;} .podMenTitAlaune{background:url(/images/podcasts/alaune_titre.gif) 40px 57px no-repeat;} .podcastDiv ul.menu li.podcastMenuSection,.podcastDiv ul.menu li.podcastMenuRss{padding-top:20px;} .podcastDiv ul.menu li.podcastMenuSection{color:#ff6600;font-size:12px;padding-bottom:5px;} .podcastDiv ul.menu li.podcastMenuTitre{height:110px;} .podcastDiv ul.menu li.podcastMenuRss a{padding-right:20px;background:url(/images/icones/icone_rss3Traits.gif) 100% 0 no-repeat;} /* a trier a mon retour du bon et du pas utilise */ .podcastDivSection{padding-left:24px;color:#ff6600;font-size:24px;padding-top:50px;padding-bottom:10px;} .podcastDl{height:100px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;position:relative;margin-top:40px;background-color:#f5f5f5;} .podcastDl dt{padding-left:24px;color:#696969;font-size:14px;font-weight:bold;position:absolute;top:-20px;left:0;} .podcastDl dd{position:relative;} .pddsPhoto{position:absolute;top:0;padding-right:10px;background-color:#FFFFFF;} .pddsTexte{position:absolute;top:0;left:80px;width:340px;height:100px;background-color:#fff;} .pddsSection{color:#696969;font-size:10px;padding-top: 5px;padding-right: 0;padding-bottom: 2px;padding-left: 0;} .pddsTitre{color:#ff6600;font-size:12px;font-weight:bold;color:#ff6600;padding:2px 0;} .pddsDesc{color:#696969;font-size:12px;} .pddsLink a{color:#ff6600;font-size:11px;padding-left:10px;background:url(/images/icones/icone_flecheGrise.gif) 0 4px no-repeat;} .pddsInfos{float:left;background-color:#f5f5f5;height:100px;} .pddsDuree{display:block;background:url(/images/icones/icone_speaker.gif) 0 0 no-repeat;color:#666666;font-size:11px;font-weight:bold;padding-left:35px;margin:15px 0 0 12px;} .pddsDureeVideo{display:block;background:url(/images/icones/icone_tv.gif) 0 0 no-repeat;color:#666666;font-size:11px;font-weight:bold;padding-left:35px;padding-top:2px;margin:15px 0 0 12px;height: 14px;} .pddsItunes,.pddsRss{font-size:11px;color:#666666;} .pddsItunes:hover,.pddsRss:hover{color:#ff6600;} .pddsItunes{display:block;padding-left:65px;background:url(/images/icones/icone_rssPodcast.gif) 0 0 no-repeat;position:absolute;left:10px;top:45px;width:65px;height:15px;} .pddsRss{display:block;padding-left:85px;background:url(/images/icones/icone_rssPodcastxml.gif) 0 0 no-repeat;position:absolute;left:160px;top:45px;width:100px;height:15px;} .pddsItwA{color:#ff6600;background:url(/images/icones/icone_flecheGrise.gif) 0 4px no-repeat;font-size:11px;position:absolute;top:80px;left:10px;width:300px;padding-left:10px;} /* fin a trier */ .divPodSect{height:100%;position:relative;} .divPodSectP{padding-left:24px;color:#696969;font-size:14px;font-weight:bold;padding-top:10px;padding-bottom:2px;position:relative;} .divPodCont{height:100px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;position:relative;background-color:#f5f5f5;margin-bottom:10px;} .divPodCont1{position:absolute;top:0;left:100px;width:340px;height:100px;background-color:#fff;border-right:1px solid #cccccc;} .divPodCont1 p{padding-left:10px;} .divPodCont2{position:absolute;top:0;left:445px;width:335px;height:100px;}