/*CSS by anou//072008*/ * { margin: 0; padding: 0; border: 0 none; } html { } body { font: normal 14px 'Arial', sans-serif; color: #4c4c4c; background: #fff url(gfx/bg-body2.png) repeat-y left top; } #container { position:relative; padding: 0 0 0 79px;} a { color:#b2b2b2 ; text-decoration: none; } a:hover {color: #e7511e; text-decoration: none; } .access {display: none;} .clear { clear: both; visibility: hidden; width:1px; height:1px; line-height:1px;display:block; margin:0 !important; margin:-7px 0;} .right {float: right;} .left {float: left;} p { width: 825px; height: auto; padding: 0 0 7px 5px; } /* TOP *********************************************/ #all_top { position:relative; background: transparent url(gfx/bg-all_top.png) no-repeat 189px top; } /** Logo **/ #logo { position: relative; background: transparent url(gfx/bg-logo.png) no-repeat -73px top; width: 268px; height: 101px;} #logo a { display: block; width: 180px; height: 60px; position: absolute; top: 35px; left: -10px; } /** Nav **/ #top-menu { position: absolute; left:195px; top:70px; list-style: none; height: 31px;} #top-menu li { float: left; } #arrondi-menu { background: transparent url(gfx/arrondi-menu.png) no-repeat left top; width: 19px; height:31px; } #top-menu li a { display:block; height:31px; } #top-menu li a#home { background: transparent url(gfx/bt-accueil.png) no-repeat left top; width: 82px; } #top-menu li a#home:hover, #top-menu li a#home.active { background: transparent url(gfx/bt-accueil.png) no-repeat left -37px; width: 82px; } #top-menu li a#reportages { background: transparent url(gfx/bt-reportages.png) no-repeat left top; width: 104px; } #top-menu li a#reportages:hover, #top-menu li a#reportages.active { background: transparent url(gfx/bt-reportages.png) no-repeat left -37px; width: 104px; } #top-menu li a#enquetedocs { background: transparent url(gfx/bt-enquetedocs.png) no-repeat left top; width: 214px; } #top-menu li a#enquetedocs:hover, #top-menu li a#enquetedocs.active { background: transparent url(gfx/bt-enquetedocs.png) no-repeat left -37px; width: 214px; } #top-menu li a#noon { background: transparent url(gfx/bt-qui.png) no-repeat left top; width: 160px; } #top-menu li a#noon:hover, #top-menu li a#kabo.active { background: transparent url(gfx/bt-qui.png) no-repeat left -37px; width: 160px; } #top-menu li a#contact { background: transparent url(gfx/bt-contact.png) no-repeat left top; width: 85px; } #top-menu li a#contact:hover, #top-menu li a#contact.active { background: transparent url(gfx/bt-contact.png) no-repeat left -37px; width: 85px; } /* CONTENT *********************************************/ #top-arrondi { position: relative; background: #fff url(gfx/arrondi-content-top.png) no-repeat right top; width: 859px; height:10px; } #content { position: relative; background: #fff url(gfx/bg-content.png) repeat-y right top; width: 859px; clear: both; padding-top: 4px;} #btm-arrondi { position: relative; background: transparent url(gfx/arrondi-content-btm.png) no-repeat -79px top; width: 860px; height:21px; } /** Home **/ .home div { float: left; height: auto;} .home div#left { width: 189px; } .home div#left h1 { background: transparent url(gfx/titre-coupdezoom.png) no-repeat left top; width: 154px; height:30px;} .home div#left ul#last { list-style: none; width: 185px; padding: 5px 0 0 4px; } .home div#left ul#last li { padding: 0 0 7px 0; } /* modif de cyx escuzé moi missié le chef du css*/ /*.home div#left ul#last li h2, .listing li h2 {font-size: 14px; font-weight: bold; text-transform: uppercase; color: #e7511e; padding-bottom: 5px }*/ /* voila c'est tout */ .home div#left ul#last li h2, .listing li h2 {font-size: 11px; font-weight: normal; text-transform: uppercase; color: #f7b234; padding-bottom: 5px } .listing li h2 {height: 22px;} .listing li{padding-bottom: 7px;} .home div#left ul#last li span, .listing li span { font-size: 10px; line-height: 1em; color: #808080; display: block; width:180px; text-align: right; } .home div#left ul#last li span img, .listing li span img { vertical-align: middle; } .home div#prez-prog { width: 311px; padding: 0 0 0 16px; height: auto;} .home div#prez-prog h1 { background: transparent url(gfx/titre-reportages.png) no-repeat 0 top; width: 100%; height:38px; } .home div#prez-marque { width: 324px; padding: 0 0 0 4px;} .home div#prez-marque h1 { background: transparent url(gfx/titre-enquetedocs.png) no-repeat -2px top; width: 100%; height:38px; } .home p { width: 620px; height: auto; padding: 5px 0 0 16px; } .home #player1 { position: relative; z-index:0; } .home #player2 { position: relative; z-index:0; } /** Listing **/ .listing { list-style:none; padding:7px 0 0 5px;} .listing li { float: left; width:180px; height:188px; margin-right: 33px; } .reportages h1#titlepage { background: transparent url(gfx/titre-reportages.png) no-repeat 0 top; width: 100%; height:38px; } .enquetedocs h1#titlepage { background: transparent url(gfx/titre-enquetedocs.png) no-repeat left top; width: 100%; height:38px; } #noon{ clear: both; width: 100%} #noon *{ float: left;} #noon p{ width: 585px; margin:0 auto; padding:0 20px; } /** qui sommes-nous (kabo) **/ .kabo h1#titlepage { background: transparent url(gfx/titre-kabo.png) no-repeat left top; width: 100%; height:38px; } .p1, .p2 { width: 407px; } .p1 { padding:0 12px 10px 0;} .p2 { padding:0 0 10px 0; } .reference h1#titlepage2 { background: transparent url(gfx/titre-kabo2.png) no-repeat left top; width: 100%; height:38px; } .reference { position: relative; background: #fff url(gfx/bg-content.png) repeat-y right top; width: 859px; clear: both;} #top-arrondi-ref { position: relative; background: #fff url(gfx/bg-top-reference.png) no-repeat -1px top; width: 859px; height:18px; } .red{ color: #e7511e;} /** contact **/ .contact h1{ font-size:18px } .contact h1#titlepage { background: transparent url(gfx/titre-direction.png) no-repeat left top; width: 100%; height:30px; } .contact h1#titlepage2 { background: transparent url(gfx/titre-redactionchef.png) no-repeat left top; width: 100%; height:30px; } .contact h1#titlepage3 { background: transparent url(gfx/titre-directionprod.png) no-repeat left top; width: 100%; height:30px; } .contact h1#titlepage4 { background: transparent url(gfx/titre-noonparislondon.png) no-repeat left top; width: 100%; height:30px; } .contact h1#titlepage5 { background: transparent url(gfx/titre-redactionchef.png) no-repeat left top; width: 100%; height:30px; } .contact h1#titlepage6 { background: transparent url(gfx/titre-directrice.png) no-repeat left top; width: 100%; height:30px; } .padding-left { padding-left:40px} /* FOOTER *********************************************/ #footer { text-align: right; color: #b2b2b2; font-size: 9px; width: 823px;} /** VIDEO **/ .listvideos {position: absolute; bottom:12px; right:40px; list-style: none; background: #fff; z-index:4; width:300px;} .listvideos li a, .listvideos li a.inactive{font-size:12px; color: #b2b2b2;} .listvideos li a:hover, .listvideos li a.active, .listvideos li a.onestep{font-size:12px; color:#e7511e;} #flashcontent{padding:0 0 0 7px;} body.iframebody { background-color: #fff; background-image: none; overflow: hidden;} /*multiBoxDesc*/ .multiBoxDesc{height:0} /*SLIDESHOW*/ #box1{ position:absolute; } .mask{ position:relative; width:480px; height:240px; overflow:hidden; border:1px solid red } .mask img{ position:absolute; display:block; border:none; } /*TEST*/ #barre_navigation { width : 200px; padding: 0 ; margin : 0; float : left ; } #barre_navigation h4{ padding: 4px 10px ; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #000; background: #F3F3F3; cursor: pointer; margin : 0 0 1px 0 ; } #barre_navigation a{ text-decoration : none; } #barre_navigation ul{ padding: 4px 2px 4px 10px;; font-size: 11px; color: #000; } #barre_navigation ul li{ list-style-type : none; padding : 2px 0 2px 0; margin : 0; } #barre_navigation ul li a { text-decoration: none; color: #000; } #barre_navigation ul li a:hover { text-decoration: none; color: #00F; background-color: #FF3366; } #contenu { background-color: white; } #contenu img{ padding : 1px ; border : 1px solid #FF3366; margin: 0px 10px 0px 10px; }