/* * STRUCTURE CSS * Centurion UI - CSS-JS Framework * Copyright (c) 2009 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* --------------------------------------------------------------------------------------------------------------------- IMPORTS */ @import url(../../cui/themes/default/css/reset.css); @import url(../../cui/themes/default/css/components.css); /* --------------------------------------------------------------------------------------------------------------------- IMPORTS */ @font-face { font-family: 'GarageGothicBold'; src: url('fonts/garagb-webfont.eot'); src: local('☺'), url('fonts/garagb-webfont.woff') format('woff'), url('fonts/garagb-webfont.ttf') format('truetype'), url('fonts/garagb-webfont.svg#webfontHXqzkGso') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GarageGothicBlack'; src: url('fonts/garagbl-webfont.eot'); src: local('☺'), url('fonts/garagbl-webfont.woff') format('woff'), url('fonts/garagbl-webfont.ttf') format('truetype'), url('fonts/garagbl-webfont.svg#webfontzwGTohOF') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GarageGothicRegular'; src: url('fonts/garagrg-webfont.eot'); src: local('☺'), url('fonts/garagrg-webfont.woff') format('woff'), url('fonts/garagrg-webfont.ttf') format('truetype'), url('fonts/garagrg-webfont.svg#webfontPwYXBjun') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Standard0758'; src: url('fonts/standard58-webfont.eot'); src: local('☺'), url('fonts/standard58-webfont.woff') format('woff'), url('fonts/standard58-webfont.ttf') format('truetype'), url('fonts/standard58-webfont.svg#webfont3tSCyCwN') format('svg'); font-weight: normal; font-style: normal; } /* --------------------------------------------------------------------------------------------------------------------- BASICS */ html { } body { text-align:center; font:normal 12px/17px Arial, sans-serif; color:#555; } h1 { font:normal 32px/40px "GarageGothicBold", Arial, sans-serif; color:#00bff3; text-transform: uppercase; } h1 strong { font-weight:normal; color:#88dff5; } h2 { font:normal 20px/20px "GarageGothicBold", Arial, sans-serif; color:#00bff3; margin-bottom:6px; } h3 { font:bold 13px/18px Arial, sans-serif; color:#555; margin-bottom:10px; } a img { border:none; margin:0; padding:0;} a, a:visited { text-decoration:none; color:#555; } a:hover { text-decoration:none; color:#00bff3; } a.block { display:block; } p { margin:0; padding:0; } p.teaser { font-size:14px; } ul.puce { margin:20px 0 20px 0px; padding:0; list-style:none; } ul.puce li { padding:0 0 0 10px; margin:0; color:#fff; display:block; float:none; position:relative; } ul.puce li a { margin-bottom:0 !important; margin-bottom:-10px; color:#fff; display:block; float:none; } ul.puce li a:hover { color:#fff; text-decoration:underline; } ul.puce li a span { height:16px; width:16px; display:block; opacity:.7; filter:Alpha(Opacity=70); background:url('images/sprite-icons.png') 0 -32px no-repeat; position:absolute; left:-5px !important; left:-15px; top:1px !important; top:-1px; } /* --------------------------------------------------------------------------------------------------------------------- TOOLS */ .black { color:#555; } .gray { color:#b4b4b4; } .white { color:#fff; } .blue, a.sam, a.sam:visited { color:#00bff3; } .saumon, a.ta-soiree, a.ta-soiree:visited { color:#ff8686; } .green, a.apprendre, a.apprendre:visited { color:#cde855; } .orange, a.assos, a.assos:visited { color:#ffd926; } .box-gray { margin-bottom:15px; padding:15px; background:#efede8; } .box-beige { margin-bottom:15px; padding:15px; background:#e9e6de; } .box-gradient { margin-bottom:15px; padding:10px 15px 15px 15px; border:solid 1px #e3e3e3; background:url('images/picker/gradient.png') repeat-x #edeae4; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } img.picture { /*background:url('images/picture.png') center center no-repeat #edebe5;*/ display:block; } span.icon, a.icon { display:block; width:16px; height:16px; text-indent:-9999px; float:left; background:url('images/sprite.png') no-repeat; font-size:1px; line-height:1px; } img.icon { background:url('images/sprite.png') no-repeat; vertical-align:middle; } .clear { clear:both; display:block; } div.line { margin:8px 0 10px 0; border-top:solid 1px #d6d6d6; height:1px; line-height:1px; font-size:1px; } div.line-dotted { margin:8px 0 10px 0; border-top:dotted 1px #d6d6d6; height:1px; line-height:1px; font-size:1px; } /* --------------------------------------------------------------------------------------------------------------------- GRIDS */ /* 190px-column */ .grid-w190 { width:956px; _width:960px; } .grid-w190 .cell, .grid-w190 .cell-2, .grid-w190 .cell-3, .grid-w190 .cell-4 { display:inline; float: left; position: relative; left:-1px; width:191px; _margin-left:0; } .grid-w190 .cell-2 { width:382px; } .grid-w190 .cell-3 { width:571px; } .grid-w190 .cell-4 { width:764px; _width:768px; } .grid-w190 .box { padding:10px; position:relative; border:solid 1px #d6d6d6; border-top:none; display:block; } .grid-w190 .cell-4 .box { width:743px; } .grid-w190 .cell-3 .box { width:552px; } .grid-w190 .cell-2 .box { width:361px; } .grid-w190 .cell .box { width:170px; } .grid-w190 .cell-4 .cell, .grid-w190 .cell-4 .cell-2, .grid-w190 .cell-4 .cell-3, .grid-w190 .cell-4 .cell-4 { left:0; _margin-left:-1px; } .grid-w190 .cell-4 .cell-aside { left:2px; _left:0; } .grid-w190 .cell-3 .box-related { _padding-right:0; _width:562px; _overflow:hidden } .grid-w190 .related { position:relative; left:-11px; _left:-10px; width:573px; } .grid-w190 .related .box { padding-top:2px; border-color:transparent; _border-color:#fff; _border-left-color:#d6d6d6; } .grid-w190 .related cell-last .box {_padding-right:0; } .grid-w190 .cell-pushed .cell { left:0; _left:1px; } #home .grid-w190 .cell-4 .cell-2 .cell { _left:1px; } #home #aside { _left:-6px; } /* --------------------------------------------------------------------------------------------------------------------- STRUCTURE */ #wrap { margin:0 auto; width:954px; text-align:left; position:relative; } #header { position:relative; height:110px; } #section { position:relative; margin-bottom:55px; border:solid 1px #d6d6d6; width:954px; background:url('images/px-gray.png') 190px 0 repeat-y #fff; _overflow:hidden; } #footer { position:relative; margin-bottom:50px; font:normal 10px/15px Arial; } /* --------------------------------------------------------------------------------------------------------------------- HEADER */ #header .logo { position:relative; top:10px; width:148px; height:64px; } .primary-menu { position:absolute; top:0; right:0; font:normal 23px/14px GarageGothicBold; text-transform:uppercase; } .primary-menu li { display:block; float:left; } .primary-menu li a { display:block; float:left; border-top:solid 4px #fff; margin-left:10px; padding-top:30px; } .primary-menu li a span { display:block; padding:6px 4px; } .primary-menu li.sam a:hover, ul.sam li.sam a { border-color:#88dff5; } .primary-menu li.sam a:hover span, ul.sam li.sam a span { background-color:#00bff3; color:#fff; } .primary-menu li.ta-soiree a:hover, ul.ta-soiree li.ta-soiree a { border-color:#ff8686; } .primary-menu li.ta-soiree a:hover span, ul.ta-soiree li.ta-soiree a span { background-color:#ef2d92; color:#fff; } .primary-menu li.apprendre a:hover, ul.apprendre li.apprendre a { border-color:#a8c51f; } .primary-menu li.apprendre a:hover span, ul.apprendre li.apprendre a span { background-color:#cce953; color:#fff; } .primary-menu li.assos a:hover, ul.assos li.assos a { border-color:#ef793c; } .primary-menu li.assos a:hover span, ul.assos li.assos a span { background-color:#ffd926; color:#fff; } /* --------------------------------------------------------------------------------------------------------------------- FOOTER */ #footer .box { padding:0 10px; border:none; } #footer .sam { background-position:-167px -6px; width:50px; height:50px; } #footer a:hover { color:#00bff3; } #footer .securite-routiere { position:absolute; left:-33px; top:0px; } #footer .gouv { position:absolute; right:-2px; top:-34px;} .grid-w190 .box-footer { position:relative; z-index:3; top:-1px; padding:20px 10px 16px 10px; border-bottom:none; border-top:solid 1px #d6d6d6; } .box-footer .float-right { margin-right:10px; } .box-footer .icon-prev { background-position:-160px -64px; opacity:0.5; margin-left:4px; } .box-footer .icon-next { background-position:-176px -64px; opacity:0.5; margin-left:4px; } .box-footer .icon-page { background-position:-192px -64px; opacity:0.5; margin-left:4px; } .box-footer a:hover { opacity:1; } .box-footer .desactive { display:none } .box-footer .icon-page-active { background-position:-208px -64px; opacity:1; margin-left:4px; } .box-footer a.back { color:#00bff3; } .box-footer a.back .icon { margin-right:5px; background-position:-160px -64px; opacity:0.5; position:relative; top:3px; } .box-footer a.back:hover { color:#88dff5; } /* --------------------------------------------------------------------------------------------------------------------- ALBUM */ /* generic */ img.icon-album { background-position:-32px -64px; position:relative; top:-1px; left:2px; } img.icon-video { background-position:-0px -64px; position:relative; top:-1px; left:2px; } img.icon-article { background-position:-62px -64px; position:relative; top:-1px; left:2px; } .box-generic { height:235px; } .box-generic h3 { margin-bottom:5px; } .box h3.huge { font:normal 24px/30px "GarageGothicBold"; margin-bottom:5px; } .box .picture { margin-bottom:8px; } .box .view { padding:0 0 0 18px; font:normal 8px "Standard0758"; display:block; position:absolute; bottom:8px; left:8px; } .box .view .icon { background-position:-16px -64px; position:absolute; left:0; top:-2px; } .box a.more-small { padding-right:16px; color:#00bff3; position:relative; zoom:1; font-size:10px; } .box a.more-small .icon { position:absolute; right:0; top:0; _top:2px; background-position:-32px -80px; font-size:1px;} .box a.more-small:hover { color:#88dff5; cursor:pointer; } .box a.more-small:hover .icon { opacity:0.5; } .box .date { color:#b4b4b4; font:normal 8px "Standard0758"; display:block; margin-bottom:5px; } .box .count { font-size:10px; display:block; } .box .icon-type { position:absolute; bottom:10px; right:8px; } .box .icon-video { width:18px; background-position:-62px -65px; height:14px; margin-top:2px; } .box .icon-article { background-position:-1px -64px; width:13px; } .box .icon-photo { background-position:-64px -82px; height:12px; margin-top:3px; } .box .icon-collection { background-position:-32px -64px; width:21px; } .box-hover { background:#fffae5; } .box img.add { margin:0; } .box .play { position:relative; width:170px; height:110px; } .box .play .icon { position:absolute; top:52px; left:69px; width:32px; height:32px; background:url(images/play-tiny.png); _background:url(images/play-tiny.gif); } /* box collection */ .box-collection { height:235px; } .box-collection-expanded { height:auto; min-height:235px; } .box-collection .album-expand { font-size:10px; position:relative; top:-5px; } .box-collection .album-expand .icon { background-position:0 -80px; position:relative; top:-3px; margin-right:3px; #top:3px; #margin-right:0; } .box-collection-expanded .album-expand .icon { background-position:-16px -80px; } .box-collection ul { display:none; font-size:10px; line-height:12px; } .box-collection-expanded ul { display:block; border-top:dotted 1px #ccc; padding-top:4px; } .box-collection ul a { display:block; padding:3px 4px; zoom:1; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .box-collection ul a .icon { background-position:-96px -64px; opacity:0.5; position:absolute; top:2px; right:2px; } .box-collection ul a:hover { background:#00bff3; color:#fff; } .box-collection ul a:hover .icon { background-position:-112px -64px; opacity:1; } .box-collection-expanded .view { display:none; } .box-collection-expanded .icon-type { display:none; } /* box photo */ .grid-w190 a.box-photo { border-color:transparent; _border-color:#d2d2d2; } .grid-w190 a.box-photo:hover { background:url('images/picture-hover.png') no-repeat center; } .grid-w190 a.box-photo .picture { margin:0; } .grid-w190 div.box-photo h3 { margin-bottom:25px; } /* box related */ .grid-w190 .related .box { padding-bottom:20px; } .grid-w190 .related .box h3 { margin-bottom:5px; } .related .box .count { margin-bottom:15px; } /* box datas view */ .picture-wrapper { width:552px; height:368px; position:relative; margin-bottom:20px; text-align: center;} .picture-wrapper .picture { position:relative; z-index:1; margin-left: auto; margin-right: auto;} .picture-wrapper .prev { display:block; width:250px; height:368px; position:absolute; top:0; left:0; text-indent:-9999px; z-index:5; background:url("images/px.png"); } .picture-wrapper .next { display:block; width:250px; height:368px; position:absolute; top:0; right:0; text-indent:-9999px; z-index:5; background:url("images/px.png"); } .picture-wrapper .prev:hover { background:url("images/prev.png") 10px 160px no-repeat; _background:url("images/prev.gif") 10px 160px no-repeat; } .picture-wrapper .next:hover { background:url("images/next.png") 200px 160px no-repeat; _background:url("images/next.gif") 200px 160px no-repeat; } .box-photo-view p { margin-bottom:25px; font-size:12px; line-height:19px; } .box-photo-view h1 { margin-bottom:10px; } .grid-w190 .box-article-view { } .box-article-view p { font-size:12px; line-height:19px; } .box-article-view p a { color:#00bff3; } .box-article-view p a:hover { color:#00bff3; text-decoration:underline; } .box-article-view .date { position:relative; } .box-article-view .view { position:relative; top:-17px; left:50px; } .box-article-view .view .icon { _left:-18px; } .box-article-view h1 { margin-bottom:10px; } .box-video-view .date { position:relative; top:7px; } .box-video-view .view { position:relative; top:-10px; left:50px; } .box-video-view .view .icon { _left:-18px; } .box-video-view p { font-size:12px; line-height:19px; } .box-video-view h1 { margin-bottom:10px; } #section .at300bs.at15t_compact { background:url("images/sprite.png") -48px -80px; } #section a.addthis_button_compact { font-size:12px; color:#0059be; } #section .addthis_toolbox { margin-bottom:10px; } .carousel { margin-bottom:25px; width:552px; height:70px; position:relative; } .carousel-view { position:absolute; left:94px; top:0; width:364px; height:75px; overflow:hidden; } .carousel-view ul { position:relative; left:0; } .carousel-view li { float:left; padding-top:5px; } .carousel-view li a { display:block; float:left; width:91px; height:70px; position:relative; } .carousel-view li a img { } .carousel-view li a .hover { display:none; background:url("images/picture-small-hover.png"); position:absolute; top:0; left:0; z-index:2; width:90px; height:70px; } .carousel-view li a:hover .hover { display:block; } .carousel-view li.active a .hover { display:block; background:url("images/picture-small-active.png"); top:-5px; height:75px; } .carousel a.prev { position:absolute; top:5px; left:0; width:93px; height:70px; display:block; } .carousel a.prev .icon { background-position:-160px -64px; opacity:0.5; } .carousel a.next { position:absolute; top:5px; right:0; width:94px; height:70px; display:block; } .carousel a.next .icon { background-position:-176px -64px; opacity:0.5; } .carousel a .icon { position:absolute; top:27px; left:40px; } .carousel a:hover .icon { opacity:1; } .carousel a.prev:hover, .carousel a.next:hover { background-color:#fffae5; } /* pushed */ .box-video-pushed { height:366px; } .box-video-pushed .picture { margin-bottom:15px; } .box-video-pushed p { margin-bottom:10px; font-size:12px; } .box-video-pushed .play { width:361px; height:235px; } .box-video-pushed .play .icon { top:100px; left:148px; width:65px; height:60px; background:url(images/play.png); _background:url(images/play.gif); } .box-article-pushed { height:110px; } .box-article-pushed h3 { margin-bottom:3px; font:normal 32px/32px "GarageGothicRegular"; } /* box add */ .grid-w190 .cell .box-add { padding:1px; width:188px; height:auto; } .box-confirm { margin-bottom:10px; padding:20px; background:#fffae5; border:solid 1px #ffde53; font:normal 16px Arial; display:block; text-align:center; width:914px; position:relative; } .box-confirm ul { display:inline-block; } .box-confirm .icon { background-position:-192px -80px; position:absolute; top:22px; right:20px } /* --------------------------------------------------------------------------------------------------------------------- FILTERS */ #aside .box-filter { border-bottom:none; } .info-search { margin:13px 0 15px 0; display:block; color:#88dff5; font-size:12px; } .info-search .icon { background-position: -80px -64px; width:14px; position:relative; left:-2px; top:1px; } .box-filter h3 { margin:0; font-size:12px; } .box-filter ul { margin:5px 0 25px 0; border-top:solid 1px #ccc; font-size:11px; line-height:14px; } .box-filter ul li { padding-left:9px; } .box-filter ul a { padding:9px 9px 9px 0; display:block; border-bottom:dotted 1px #d6d6d6; position:relative; zoom:1;} .box-filter ul a:hover { color:#00bff3; } .box-filter ul li.active { padding-left:0; background:#fff; position:relative; top:-1px; z-index:3; } .box-filter ul li.active a { padding:9px; background:#88dff5; color:#fff; font-weight:bold; border-bottom:solid 1px #88dff5; border-top:solid 1px #88dff5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .box-filter ul li.active a:hover { color:#fff; } .box-filter ul a .icon { background-position:-96px -64px; position:absolute; top:8px; right:4px; } .box-filter ul li.active a .icon { background-position:-112px -64px; } .box-filter h3 .icon { background-position:-16px -80px; float:right; position:relative; top:3px; } .box-filter h3.closed .icon { background-position:0 -80px; float:right; position:relative; top:3px; } /* --------------------------------------------------------------------------------------------------------------------- HOME */ #home #section { background:url("images/px-gray.png") repeat-x bottom; border-bottom:none; _width:953px; } /* --------------------------------------------------------------------------------------------------------------------- TASOIREE */ #ta-soiree #section { background:url("images/px-gray.png") repeat-x bottom; border-bottom:none; } #ta-soiree h1, #ta-soiree h2 { color:#ef2c92; } #ta-soiree h1 strong { color:#ff8587; } #ta-soiree h2.box { padding:20px 10px 20px 10px; font-size:24px; } #ta-soiree .box-filter ul { border:none; margin-top:-10px; } #ta-soiree .box-filter ul a:hover { color:#ef2c92; } #ta-soiree .box-filter ul a .icon { background-position:-80px -80px; } #ta-soiree .box-filter ul li.active a { background:#ff8686; border-color:#ff8686; color:#fff; } #ta-soiree .box-filter ul li.active a:hover { color:#fff; } #ta-soiree .box-filter ul li.active a .icon { background-position:-112px -64px; } #ta-soiree #aside div.box { _left:-4px; } #ta-soiree #aside div.box-filter { _left:0; } #ta-soiree .box-pagette { padding:25px 200px 10px 200px; min-height:90px; border-left:solid 5px #ff8686; left:1px; width:358px; } #ta-soiree .box-hover { border-left-color:#ef2d92; } #ta-soiree .box-pagette h1 { position:absolute; left:25px; top:25px; width:165px; } #ta-soiree .box-pagette h1 .number { font:normal 80px/80px "GarageGothicRegular"; color:#f796c8; } #ta-soiree .box-pagette h1 .first-line { font-size:20px; position:absolute; top:-2px; } #ta-soiree .box-pagette h1 .second-line { font-size:40px; color:#ff8686 } #ta-soiree .box-pagette .icon-next{ background-position:-32px -96px; width:32px; height:32px; position:absolute; right:75px; top:50px; } #ta-soiree .box-pagette .icon-next:hover { background-position:0px -96px; } #ta-soiree .box-pagette ul { font-size:12px; line-height:17px; zoom:1; } #ta-soiree .box-pagette ul li { padding:0 0 16px 16px; background:url("images/sprite.png") -208px -80px no-repeat; } #ta-soiree .box-rte { font-size:12px; line-height:17px; padding:10px 20px 20px 20px; width:532px; } #ta-soiree .box-rte h1 { margin-bottom:10px; font-size:46px; line-height:50px; } #ta-soiree .box-rte h2 { margin-bottom:10px; font-size:26px; line-height:26px; font-family:"GarageGothicRegular"; } #ta-soiree .box-rte ul { margin-bottom:25px; } #ta-soiree .box-rte ul li { padding:10px 0 10px 40px; border-bottom:dotted 1px #ccc; min-height:30px; position:relative; zoom:1; } #ta-soiree .box-rte ul li .bullet { position:absolute; top:10px; left:0; width:28px; height:28px; font:normal 18px/28px "GarageGothicBold"; color:#fff; text-align:center; background:url("images/sprite.png") -66px -98px no-repeat; } #ta-soiree .box-rte a, #ta-soiree .box-rte a:visited { color:#EF2C92;} #ta-soiree .box-rte a:hover { color:#EF2C92; text-decoration:underline; } #ta-soiree #section .box-rte a.addthis_button_compact, #ta-soiree #section .box-rte a.addthis_button_compact:visited { color:#0059BE; } /* --------------------------------------------------------------------------------------------------------------------- APPRENDRE ET CONDUIRE */ #apprendre #section { background:url("images/px-gray.png") repeat-x bottom; border-bottom:none; } #apprendre h1, #apprendre h2 { color:#a7c51f; } #apprendre h1 strong { color:#cde855; } #apprendre #aside div.box { _left:-4px; } #apprendre .box-pagette { padding:25px 200px 10px 200px; min-height:90px; _height:90px; border-left:solid 5px #cde855; left:1px; width:358px; font-size:12px; line-height:17px; } #apprendre .box-hover { border-left-color:#a7c51f; } #apprendre .box-pagette h1 { position:absolute; left:25px; top:25px; width:165px; } #apprendre .box-pagette h1 .number { font:normal 80px/80px "GarageGothicRegular"; color:#d3e28f; display:none; } #apprendre .box-pagette h1 .first-line { font-size:20px; position:absolute; top:-2px; } #apprendre .box-pagette h1 .second-line { font-size:40px; color:#cde855; position:absolute; top:32px; } #apprendre .box-pagette .link { color:#a7c520; font-size:11px; position:absolute; left:585px; top:25px; zoom:1; display:block; width:100px; } #apprendre .box-pagette .link:hover{color:#7d9413; } #apprendre .box-pagette .link .icon { background-position:-128px -80px; position:relative; top:-2px; left:-8px; } /* --------------------------------------------------------------------------------------------------------------------- ASSOS */ #assos #section { background:url("images/px-gray.png") repeat-x bottom; border-bottom:none; } #assos h1, #apprendre h2 { color:#ed7a3b; } #assos h1 strong { color:#ffd926; } #assos #aside div.box { _left:-4px; } #assos .box-pagette { padding:25px 200px 10px 200px; min-height:90px; _height:90px; border-left:solid 5px #ffd926; left:1px; width:358px; font-size:12px; line-height:17px; } #assos .box-hover { border-left-color:#ed7a3b; } #assos .box-pagette .picture { position:absolute; left:25px; top:25px; } #assos .box-pagette .picture-nb { display:block; } #assos .box-pagette .picture-rvb { display:none; } #assos .box-hover .picture-nb { display:none; } #assos .box-hover .picture-rvb { display:block; } #assos .box-pagette a { font-weight:bold; color:#ed7a3b; } #assos .box-pagette a:hover { color:#e75200; } #assos .box-pagette .link { color:#ed7a3b; font-size:11px; position:absolute; left:585px; top:25px; zoom:1; display:block; width:100px; font-weight:normal; } #assos .box-pagette .link:hover{ color:#e75200; } #assos .box-pagette .link .icon { background-position:-144px -80px; position:relative; top:-2px; left:-8px; } /* --------------------------------------------------------------------------------------------------------------------- WEBSITE */ #website h1 { margin-bottom:15px; } #website .grid-w190 .cell-3 .box { border-bottom:none; } #website .box-filter ul { border:none; } #website .grid-w190 ul { padding-bottom:15px; } #website .grid-w190 .cell-3 .cell { padding-right:13px; width:170px; } #website .grid-w190 .cell-3 .cell li { margin-bottom:3px; } #website .grid-w190 .cell-3 .cell ul.mb10 li { margin-bottom:10px; } /* --------------------------------------------------------------------------------------------------------------------- ERROR 404 */ #error404 #section { padding:405px 10px 10px 10px; background:url("images/404.png") no-repeat 195px 35px; } #error404 h2 { margin-bottom:20px; } #error404 h3 { font:normal 23px/23px "GarageGothicRegular", Arial, sans-serif; } #error404 #section .line-dotted { margin-bottom:20px; } #error404 #section ul { margin-bottom:10px; } #error404 #section ul li { margin-bottom:3px; }