/* ------------------------------------------ SPIP 2.0.9 / no-tek / by SthgiSights ----------------------------------------*/ * { margin: 0; padding: 0 } html { font-size: 100%; } body { font-size: 0.8125em; padding: 15px 0 0 0; background-color: #000; font-family: Verdana, arial,Helvetica,Lucida,Tahoma,"Trebuchet MS",Arial,Geneva,sans-serif; text-align: left ; color: #999999; } .preLoad { visibility: hidden; text-indent: -5000px; position: absolute; left: -5000px; top: -5000px } /* ------------------------------------------ Flash header ----------------------------------------*/ #animFlash { width: 997px; height: 203px; margin: 0 auto; } #animFlash { visibility: hidden } /* ------------------------------------------ Global positionnement ----------------------------------------*/ #inside_bodyBG2 { width: 100%; padding: 0; background: url(../images_habillage/f-body238.jpg) center top no-repeat } #inside_bodyBG { width: 100%; background: url(../images_habillage/f-body33.jpg) center top no-repeat } #bodyBG2 { width: 100%; background: url(../images_habillage/f-body33.jpg) center top no-repeat } a.accueilA { display:block; z-index: 0; height:91px; left:31px; overflow: hidden ; position:absolute;text-indent:-5000px; top:31px; width: 86px; } a.accueilB { display:none; height:93px; z-index: 10; left:17px; overflow: hidden ; position:absolute; text-indent:-5000px; background: url(../images_habillage/accueilB.jpg) left top no-repeat; top: 15px; width:78px; } #page { width: 990px; margin: 0 auto; text-align: left; z-index: 4000; } #entete { width: 990px; height: 205px; position: relative; margin: 0 auto } #entete a.accueil #nom_site_spip { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px } #conteneur { clear: both } #colonne_centre_bot { width: 618px; float: left } #colonne_centre { width: 542px; min-height: 263px; padding: 25px 20px 32px 36px } #colonne_droite { width: 146px; float: left; padding: 25px 10px 20px 10px; margin: 0 0 0 10px } #colonne_gauche { width: 138px; float: left; padding: 35px 10px 10px 18px; margin: 0 10px 0 0px } #col-right_big_center { width: 783px; margin: 40px 0 0 9px; float: left; background: url(../images_habillage/col-right_big_center.png) left top repeat-y } #col-right_big_bot { width: 783px; background: url(../images_habillage/col-right_big_bot.png) left bottom no-repeat; } #col-right_big_top { width: 763px; min-height: 600px; padding: 15px 10px 10px 10px; overflow: auto; background: url(../images_habillage/col-right_big_top.png) left top no-repeat } #colonne_droite h4.plusVendu { text-align: center; margin: 20px 0 13px 0 ; position:relative; top: 0px; left: -8px } #colonne_droite h4.firstH2ColRight { text-align: center; margin: 11px 0 9px -31px } #colonne_droite h4.links { margin: 8px 0 5px 0; position:relative; top: 0px; left: 25px } #colonne_droite h4.playlistH2 { margin: 46px 0 5px} .skeud { padding: 0 0 70px; position: relative; left: 7px; top : 0; background: url(../images_habillage/skeud.png) center bottom no-repeat } .skeud p { text-align :center; line-height: 19px } /* ------------------------------------------ Global img - background ----------------------------------------*/ h1,h2,h3,h4,h5,h6 { font: normal 1em Verdana; text-align: left } h1 { margin: 0 0 0 0.65em; font: italic normal 2.3em verdana; color: #960709; letter-spacing: 1px } .formulaire_recherche label { padding: 0 0 7px 0; display: block; position:relative; top: 0px; left: 15px; } h1.entry-title { margin: 20px 0 12px 20px; font: normal 1.7em verdana } h2 { margin: 0 0 20px 0; color: #7d7d7d; font: 21px/23px verdana; letter-spacing: 1px; } h2.dernierBrevesH2 { margin: 0.5em 0 0.7em } h2.dernierArticlesH2 { margin: 0.5em 0 1em 0 } h3 { font: bold 16px/22px verdana; color: #7a7a7a; margin: 15px 0 10px } h3 a, h3 a:hover { text-decoration: none} h4 { font-size: 16px; font-weight: bold; margin: 18px 0 18px 22px; color: #7E7E7E} h5 { font-size: 15px; font-weight: bold; margin: 14px 0 10px 0 } ul.puced { margin: 10px 0 10px 0 } ul.puced li { margin: 0; padding: 0 0 0 9px; list-style: none; background: url(http://no-tek.net/puce.gif) left 9px no-repeat; text-align: left; } ul.puced span.small{ font: normal 11px arial; color: gray } p { font: normal 1.05em/1.3em verdana; margin: 0 0 0.7em } p.repondre a { font: italic normal 1.1em/1.5em verdana } ul li { list-style: none; font: 1.05em/1.9em verdana } ul li ul li { font-size: 1em } /* ------------------------------------------ Links color ----------------------------------------*/ a { color: #999999; text-decoration: none; } #colonne_centre a { text-shadow: 2px 0 2px #000 } #colonne_centre a:hover { } a:focus,a:hover,a:active { color:#ff0000; text-decoration: none } /* ------------------------------------------ Qui sommes nous ? ----------------------------------------*/ #titleQUI { float: left; margin: 0; padding: 0; position: relative; top: 46px; overflow: hidden; } #titleQUI span{ position: absolute; left: -5000px; top: -5000px; text-indent: -5000px; } #titleQUI #points3 { position: relative; top : -2px; margin: 0 15px 0 0 } #titleQUI img { position: relative; left: -498px; } #titleQUI img#title { top: -46px } .infoPerso { display: none; background: url(../images_habillage/f-body23_bottom2.jpg) 0 bottom no-repeat } .hELTabs { background: url(../images_habillage/f-body23_top3.jpg) 0px -1px no-repeat; padding: 0 0 15px 0 } .spacer_4_perso { float: right; height: 235px; width: 383px } #controls { float: left; margin: 0 17px 0 0; padding: 43px 0px 0px 0; width: 166px;} #controls ul li{ margin: 0 0 6px 0 ; text-align: right } #controls a { font: italic normal 1.3em verdana; color: #f10e0e } #controls a span{ font: italic normal 28px verdana; } #controls a:hover { color: #e40404 } #presentation object { border: none } #presentation a, #presentation a#player { text-decoration: none; border-bottom: 1px solid #ff0000 } #presentation a:hover{ text-decoration: none; border-bottom: 1px solid #646464 } li #presentation a:hover{ text-decoration: none } #presentation { width: 804px; min-height: 692px; float: left; margin: 0 0 0 0px; padding: 0px 0 25px; } #presentation h2 { width: 381px; color: #a9a9a9; font: italic normal 2.3em verdana; margin: 1.2em 0 0.7em 20px; padding: 0; letter-spacing: 0 } #presentation .Tab2 h2 { font: italic 1.8em verdana; margin: 1.2em 0 0.7em 20px; padding: 0 } #presentation h2.firstH2 { /*margin: 0 0 85px 20px;*/ margin: 0 0 94px 20px; padding: 0 0 22px; position: relative; top: -11px; left: 133px} #presentation h3 { color: #7E7E7E; font: 1.4em verdana; margin: 27px 0 17px; padding: 0 26px; letter-spacing: 1px} #presentation h3:first-letter { font: 1.4em verdana; color: #696868 } #presentation h4 { color: #7f7f7f } #presentation li h4 { width: 133px; float: left; margin: 0; padding: 0 15px 0 0; font: normal 1.4em verdana; color: #616161; text-align: right } #presentation ul { padding: 0 26px 0 0px; margin: 10px 35px 0 28px } #presentation li { color: #979696; background: url(../images_habillage/p1.png) left 10px no-repeat; padding: 0 0 0 21px; font: normal 0.95em/1.9em verdana } #presentation p { color: #979696; font: 1em/1.55em verdana; padding: 0 2.2em; margin: 0.2em 0 0.7em } ul.menu { float: right; display: none } ul.menu li{ float: left; padding: 0 7px } .wrapperMerci { text-align: center; padding: 10px 0 0 } ul.merci { overflow: hidden; margin-top: 20px } ul.merci li {float: left; margin: 0 10px 10px 0 } ul.merci2, ul.merci3 { float: left; padding: 0 6px } ul.merci2 { display: inline-block; overflow: hidden; margin: 0 5px 0 130px; vertical-align: top } ul.merci2 li { display: block; text-align: left} ul.merci3 { margin: -11px 5px 0 0 } ul.merciX { display: inline-block; overflow: hidden; vertical-align: top; margin: 0px 0 0 41px; padding: 0 41px } ul.merciX li { display: block; float: left; text-align: left; width: 272px } #presentation .oublie { clear: both; margin-top: 30px; font: italic normal 1.2em verdana; text-align: center; } #presentation sup { position: relative; left: 2px; top: 0; font: normal 0.8em sans-serif; color: #aeaeb0; padding: 0 2px 0 0 } #intro ul { margin: 30px 35px 0 10px } #intro li { margin: 0 0 15px 0 } #intro ul li { background: transparent; font: 1.1em/1.3em verdana } #intro ul li h4 { font: italic 1.5em verdana; color: red; text-shadow: 3px 3px 3px #000000; text-transform: inherit; position: relative; left: 0; top : -4px } #intro h3, #spe h3, #dams h3 { text-transform: inherit } ul.video { margin: 0 0 15px 0 } ul.video object { margin: 0 auto } /* ------------------------------------------ Video player section La foudre ----------------------------------------*/ .controlVideo { margin: 15px 0 20px 0; overflow: hidden } .controlVideo ul li { display: inline-block; margin: 0 45px 0 3px; padding: 0; background: url(images/monImage3.png) left top no-repeat } h3#videoAncre3 span, h3#videoAncre span, h3#videoAncre5 span, h3#videoAncre255 span, h3#videoAncre257 span { font: normal 0.7em sans-serif } .spacer_4_perso { position: relative } .spacer_4_perso img { position: absolute } #intro .spacer_4_perso img { right: 5px; top: -118px;} #gaby .spacer_4_perso img { right: 38px; top: -114px } #middleM .spacer_4_perso img { right: 8px; top: -90px} #dams .spacer_4_perso img { right: 1px; top: -125px} #ryl .spacer_4_perso img { right: 25px; top: -124px} #gg .spacer_4_perso img { right: 22px; top: -15px} #lafoudre .spacer_4_perso img { right: -1px; top: -105px } #helven .spacer_4_perso img { right: 12px; top: -133px} #tiKai .spacer_4_perso img { right: 43px; top: -99px } #frantz .spacer_4_perso img { right: 1px; top: -122px } #acti .spacer_4_perso img { right: 8px; top: -99px } #spe .spacer_4_perso img { right: 38px; top: -114px } #produits_sur_NT .spacer_4_perso img { right: 3px; top: -127px} /* ------------------------------------------ Site plan ----------------------------------------*/ #plandusite a { text-decoration: none } #plandusite h2 { margin: 20px 0 18px 20px} #plandusite h3 { margin: 10px 0 15px 20px; } #plandusite h2 a { color: #960709 } #plandusite ul { margin: 0 0 10px 20px } #plandusite ul li{ margin: 0 0 0 15px; list-style: none } #plandusite ul li:before { content: "- "; color:red; font-weight: bold; position: relative; left: 0; top : 1px; } /* ------------------------------------------ 4 typo ----------------------------------------*/ strong { font-weight: bold; } em { font-style: italic } abbr, acronym { border-bottom: 1px dotted; cursor: help } small { font-family: sans-serif; font-size: 0.8em; color: #707070 } dfn { font-weight: bold; color: #666 } del { text-decoration: line-through } ins { color: red; text-decoration: none } sup, sub { font-size: 0.8em; font-variant: normal } /* ------------------------------------------ Link img Right Clumn ----------------------------------------*/ a.radio, a.radio:hover ,a.letter, a.letter:hover, a.contact, a.contact:hover, a.support, a.support:hover ,a.rss, a.rss:hover { display: block; width: 134px; height: 47px; text-indent: -5000px; overflow: hidden } a.radio { background: url(../images_habillage/radio.png) left top no-repeat } a.radio:hover { background: url(../images_habillage/radio2.png) left top no-repeat } a.letter { background: url(../images_habillage/letter.png) left top no-repeat } a.letter:hover { background: url(../images_habillage/letter2.png) left top no-repeat } a.contact { background: url(../images_habillage/contactc.png) left top no-repeat } a.contact:hover { background: url(../images_habillage/contactc2.png) left top no-repeat } a.support { background: url(../images_habillage/support.png) left top no-repeat } a.support:hover { background: url(../images_habillage/support2.png) left top no-repeat } a.rss { background: url(../images_habillage/rss.png) left top no-repeat } a.rss:hover { background: url(../images_habillage/rss2.png) left top no-repeat } #extra { margin-top: 1em; font: normal 12px verdana; color: gray } #extra p { font: normal 12px verdana; color: gray } #top10 { margin-top: 1em; font: normal 12px verdana; color: gray } #top10 p.top10P { margin: 26px 0 0; padding: 0 0 10px 5px; position: relative; left: -13px; } #top10 p { padding: 4px 2px 7px 5px; margin: 10px 0 6px; text-align :center } #top10 p a { font: normal 11px/16px verdana; text-decoration: none } #top10 p a:hover { text-decoration: underline } #top10 p a span { color: #636363; display: block; font: 10px arial; padding: 0 0 4px; text-align: center; } #top10 p a:hover span { font: normal 10px arial; text-decoration: underline } #top10 p a strong { font: normal 11px verdana; color: #999999 } #pied { clear: both; margin: 0; padding: 7px 0 20px 0; text-align: center; font: normal 9px sans-serif; } #pied img { vertical-align: middle } /* Espaceur de blocs */ .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%} /* */ .oneBLVideo { width: 480px; height: 385px; margin: 15px auto } /* ------------------------------------------ Static page ------------------------------------------ */ #statiquePage { padding: 10px } #statiquePage h2 { margin: 0 0 20px 1px } #statiquePage h2 span { font: italic normal 15px verdana } #statiquePage h2.first { width: 267px; height:58px; padding: 26px 0 0 102px; margin: 15px 0 10px 0px; letter-spacing:1px; font: normal 17px verdana; background: url(../images_habillage/logo5.png) left top no-repeat; } #statiquePage p { margin: 10px 0 10px 0px } #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em } #hierarchie, #hierarchie a { color: #666; font: normal 1em sans-serif; } .cartouche { margin-bottom: 2em} .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px } .cartouche p { margin: 0; padding: 0; clear: left; } .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em } .cartouche .surtitre { margin-bottom: 0.30em} .cartouche .soustitre { margin: 0.50em 0 0.30em 0 } .cartouche .traductions { font-size: 0.90em; } .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #666666 } .texte { line-height: 1.60em; padding: 0 10px } .texte a { text-decoration: underline } .hyperlien { display:block; font-weight:bold; padding:0.5em 0; background: url(../images_habillage/line.png) right top no-repeat } .ps, .notes { margin-bottom: 2em; line-height: 1.40em } .notes { clear: both; font-size: 0.90em } abbr.published { border: 0 } /* ------------------------------------------ Portfolio ------------------------------------------ */ #documents_portfolio { clear: both; margin: 2em auto; text-align: center } #documents_portfolio .spip_logos { margin: 6px 3px 0 3px } #documents_portfolio a.on .spip_logos { border-color: #F57900 } #documents_portfolio a:focus .spip_logos, #documents_portfolio a:hover .spip_logos, #documents_portfolio a:active .spip_logos { border-color: #8B6F92; } /* ------------------------------------------ Forum ------------------------------------------ */ .repondre { clear: both; margin: 2.50em 1em 0 0; text-align: right; font-weight: bold; } ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none } .forum-fil { margin-top: 1.50em } .forum-fil ul { display: block; margin: 0 0 0 1em; padding: 0; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; } .forum-texte { margin: 0; padding: 0.50em 1em; color: #999999; } .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; } /* ------------------------------------------ Box forum : progressive enlightement ------------------------------------------ */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* ------------------------------------------ Title forum box - Color depends to depth ------------------------------------------ */ ul .forum-chapo { border: 0; border-bottom: 1px dotted #364e5d; margin: 0; padding: 3px 6px 2px 6px } ul ul ul ul .forum-chapo { border-bottom: 1px dotted #E0E0E0 } ul ul ul ul ul .forum-chapo { background-color: #FFF } .forum-chapo .date { position:relative; top: 0px; font-size: 10px } /* ------------------------------------------ Pétitions ------------------------------------------ */ #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none } #signatures table { width: 100%; margin: 1em 0 0 0} #signatures thead { text-align: center; color: #555} #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top } #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap} #signatures td.signature-nom { background: #ECF4F4; text-align: center } #signatures td.signature-nom small { display: block } #signatures td.signature-message { background: #F4F8F8} #signatures .formulaire_recherche, #signatures .formulaire_recherche label { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ #signatures .formulaire_recherche input.text { width: 10em; text-align: left } /*Cf.: spip_formulaires.css*/ /* ------------------------------------------ SOus navigation et autres sous_menu ------------------------------------------ */ .menu ul li { line-height: 1.5em } .articles { clear: both } .articles ul li { clear: both; padding: 0.40em 0.20em; } .articles ul li h3:before { content: "- "; color:red; font-weight: bold } .articles ul li h3 { color: #7A7A7A; font: 12px/15px verdana; margin: 0.3em 0 0.4em } .articles ul li h3.entry-title { width: 450px; margin: 0.9em 0 0.6em; color: #DC1515 } .articles ul li h3.margO { margin-bottom: 0 } .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px } .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0 } .articles ul li .introduction { font-size: 0.8em; margin-top: 0.55em } .articles ul li.hentry { margin: 0 0 0.1em; padding: 0 0 1em; background: url(../images_habillage/line.png) right bottom no-repeat } .articles ul li.hentry h3 { font: 1.2em verdana } .articles ul li.hentry h3 a { color: #C9C7C7 } .articles ul li.hentry h3 a:hover { color: #ff0000 } .articles ul li.hentry h3:before { content: "" } .articles ul li.hentrypadBot0 { padding: 0 0 6px 0; overflow: auto; } .articles ul li.hentry small.date{ float:none; font: normal 10px sans-serif; position:relative; top:-1px; display: none } .articles ul li.hentry .author a, .author a.url { color: #4e4d4d } .hentry .articles .spip_logos { float: none; clear: none} p.logoSommaireArticles { float: right; margin: 0 0 0 10px } .logoAutheur { float: right; position:relative; top: 4px; left: -7px } h1.fn { margin: 20px 0 12px 20px; font: italic normal 1.8em Georgia; letter-spacing: 2px; color: #979797 } ul.listeDesAutheur { clear: both; overflow: auto } ul.listeDesAutheur li { float: left; margin: 0 0 0 10px } ul.sousRubr { clear: both; overflow: auto } ul.sousRubr li { font: bold 16px arial; text-transform: uppercase; margin: 0 0 11px 0; padding: 2px 5px} ul.sousRubr li a.first span { background-color: #191919 ; padding: 3px 8px } ul.sousRubr li a.first:hover span { padding: 2px 5px } ul.sousRubr li ul { border: 1px solid #242424; overflow: auto; margin: 0 0 5px 0px; padding: 24px 10px 0 20px } ul.sousRubr li ul li { float: left; font: normal 13px arial; text-transform:none ; background-color: transparent } ul.sousRubr li ul li a { background-color: #242424 ; padding: 2px 4px } ul.sousRubr li ul li ul li a { border: none; background-color: #000; padding: 0 } ul.sousRubr li ul li ul { border: 1px solid #242424 } ul.sousRubr li ul li ul li { font: normal 11px arial; background-color: transparent} ul.sousRubr li ul li ul li ul { margin: 0; padding: 0 } ul.sousRubr li ul li ul li ul li { margin: 0; padding: 0 5px} small.date { float: right; position:relative; top: 4px; left: -7px} small.date2 { float: right; position:relative; top: 9px; left: -7px; font: normal 1.1em arial } /* ------------------------------------------ Calendar ------------------------------------------ */ #calendar table { width: 90%; margin: 0 auto } #calendar table caption { font: normal 12px arial; text-transform: uppercase; padding: 0 0 5px 0; color: #79797a } #calendar table caption a{ font: normal 16px arial; color: #c0bfbf ; text-decoration: underline } #calendar table th { font: normal 0.8em arial; padding: 8px 2px 9px 2px; text-align: center; color: #8e8d8d } #calendar table td { font: normal 0.8em arial; padding: 2px; text-align: center; border: 1px solid #292929 } #calendar table a { font: bold 1em arial; color: #c0bfbf } #calendar table a:hover { text-decoration: underline; color: #fff } #calendar table td.occupe{ background-color: #2e2e30 } /* ------------------------------------------ Pagination ------------------------------------------ */ .pagination { clear: both; font: normal 1em arial; color: #c0bfbf; text-align: right; padding: 10px 0 0; margin: 1.5em 0 0 0 } .pagination a { font: normal 1em arial; color: #c0bfbf; border: none; background-color: #333539; border: 1px solid #333539; padding: 1px 5px; margin: 0 5px; text-decoration: none } .pagination ul li:before { } .pagination a:hover { color: red; border: 1px solid #333539; text-decoration: none; background-color: #000 } .pagination span.separateur{ border: none; display: none } .pagination span { border: 1px solid #a4aa84; color: #a4aa84; padding: 0px 5px; } .pagination a.imglink { border: none; padding: 0 3px; position:relative; top: 4px; left: 0 } .pagination .on { font: normal 1em arial; color: #c0bfbf; border: 1px solid #2f2f2f; text-decoration: none; padding: 1px 5px; margin: 0 5px } /* ------------------------------------------ Article SthgiSightS - 17 Juin ??????? ------------------------------------------ */ .article_MEP { padding: 0 15px; } .article_MEP ul.underNone a { text-decoration: none; } .article_MEP sup { color: #a60d0d; font: normal 9px arial; position:relative; top: 0px; left: 0px } .article_MEP h3.intro { font: italic normal 18px tahoma; letter-spacing: 2px; margin: 16px 0 11px 14px; padding: 0 15px; color: #727272;text-align: left } .article_MEP h3.intro a { font: italic normal 18px tahoma; letter-spacing: 2px; color: #727272 ; text-decoration: none } .article_MEP h3.intro a:hover { font: italic normal 18px tahoma; letter-spacing: 2px; color: #8f8e8e; text-decoration: underline } .article_MEP h4 { font: bold 13px "Trebuchet MS"; color: #999999; letter-spacing: 2px; text-align: left } .article_MEP p.introP { font: bold 13px "Trebuchet MS"; color: #999999; padding: 0 25px; margin: 0 0 11px 14px } .article_MEP ul { margin: 0 0 12px 12px; padding: 0; } .fntrub2 h2.titleNewss { float: left; color:#565556; font:normal 17px "Trebuchet MS" } .fntrub2 .titleNewss { float: left; color:#565556; font:normal 17px "Trebuchet MS" } .dateNews { float: right; font: normal 11px "Trebuchet MS"; color: #565556; padding: 0 25px 0 0; position:relative; top: 6px; left: 0px; } p.allNews { text-align :right } .flLleft { float: left; margin: 0 12px 0 11px } .flRight { float: right; margin: 0 2px 0 12px } .center { text-align: center} .underligned { border-bottom: 1px solid #a60d0d } .cb { clear: both } .fleftL { float: left } .fleft { float: left; padding: 0 20px 0 0; } .fright { float: right; padding: 0 20px 0 0 } #fliste li { float: left; margin-right: 10px; padding: 0 0 3px 9px; list-style: none; background: url(http://no-tek.net/puce.gif) left 7px no-repeat; } .fleftL ul.puced { position:relative; top: 0px; left: -20px } .clearIt { clear: both; height: 0; border: none; visibility: hidden } .dN { display: none; } .right { text-align :right } .center { text-align: center } .marginAuto { margin: 0 auto; } .tl { text-align: left} .te { text-align: center} .tr { text-align: right} .italic { font: italic bold 1.3em verdana} .clearMe { height: 15px; visibility: hidden; clear: both } .spacer { clear: both; visibility: hidden; height: 14px } /* ------------------------------------------ Article Chaosnt20 website sortie - 29 Juillet ------------------------------------------ */ .chaosMEP { width: 500px; min-height: 557px; background-image: url(../images_breves/bg_chaostPng.png), url(../images_breves/bg_chaost2.jpg); background-position: right bottom, right bottom; background-repeat: no-repeat, no-repeat; position: relative; } .accroche p { color: #737373; font: normal 11px "Trebuchet MS"; margin: 0 0 13px; padding: 0 1px } .accroche strong { color: #a0a0a0; font: italic bold 13px "Trebuchet MS"; margin:0; } .chaosMEP h3 { float: left} .chaosMEP h3.intro { margin: 6px 0 0 14px } .chaosMEP h3.intro a:hover { text-decoration: none; border-bottom: 1px solid #a60d0d } .chaosMEP h3 span { color: #b9b9b9; font:italic normal 18px tahoma; letter-spacing: 3px } .chaosMEP h3.intro a:hover span { color: #cf1414 } .chaosMEP h4 { font: bold 14px "Trebuchet MS"; color: #999999; letter-spacing: 3px; margin: 10px 0 5px 11px; padding: 0 } .chaosMEP h3 { margin: 0; padding: 0 } .chaosMEP p.com { float:left; font-family:arial; font-size: 10px; left:-7px; position:relative; top: 9px; color: #616060 } .chaosMEP .boxIntro { background: transparent url(../images_breves/bg-accroche.jpg) no-repeat scroll left bottom; clear:both; min-height:49px; margin:0 4px 28px; padding: 2px 0} .chaosMEP .boxIntro p { color: #850a05; margin: 0 0 2px 0; padding:0; position:relative; top:22px; text-align: center; font-size: 14px } .chaosMEP a#invisibletoChaosWeb { display: none } /* ------------------------------------------ ????? ------------------------------------------ */ .article_MEP2 { width: 604px; margin: 0 auto; } #oui5Oct p.right { margin: 0; padding: 0; text-align :right} #oui5Oct a { text-decoration: underline; } #oui5Oct h4 { text-align: center; position:relative; top: 7px; left: 0px } #oui5Oct a strong { font-size: 15px } #oui5Oct h4 span { font-size: 11px; letter-spacing: 0 } #oui5Oct .imgActuFloat { float: left; position:relative; top: 0; left: 20px; } #oui5Oct table { clear: both; margin: 30px 0 0 0; } #oui5Oct table table { margin: 0 0 14px 0 } #oui5Oct table td { vertical-align: top; width: 33% } #oui5Oct table.logo td { height: 193px; vertical-align: middle; text-align: center; } .headdd h5 { font-size: 13px; text-align: center; margin: 0; margin-top: 0; padding: 0 } #oui5Oct td { padding: 0 10px } .imgActuFloat22 { float: right; position:relative; top: 11px; left: 0px } .smally { font: normal 10px arial; display: block; text-align: center } .fullIMG { width: 634px; height: 178px; background: url(../images_breves2/full.jpg) right center no-repeat; margin: 0 auto } .radio { text-align: center; padding-top: 0 } .radio a { font: normal 19px arial; letter-spacing: 19px; text-decoration: underline } .radio a:hover { font: normal 19px arial; color: #ffffff; letter-spacing: 19px; text-decoration: underline }