/* COMMON STYLE --------------------------------------------------------- */ body { color: #dd0; font-family: Helvetica, Arial, sans-serif; } body#bd { background: #fff; color: #fff; } /* Normal links ---*/ a { color: #fff; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; color: #c05; } /* Readon links ---*/ p.readmore a { text-transform: uppercase; } .contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; } h1.componentheading, .componentheading { border-bottom: 0; font-weight: bold; text-transform: UPPERCASE; padding: 5px; font-size: 100%; background: none; color: #fff; font-family: Helvetica, Arial, sans-serif; width : 60%; } .componentheading a { color: #fff; } h2.contentheading, .contentheading { font-weight: normal; } .contentheading { font-size: 200%; } .blog-featured .contentheading { font-size: 150%; } .jitem-title { font-size: 110%; font-weight: bold; } /* Pagination ---*/ .pagination ul, ul.pagenav { float: left; margin: 30px 0; } .pagination ul li, ul.pagenav li { background: none; display: block; float: left; margin: 0; overflow: hidden; padding: 0; } /* List ---*/ .ja-moduletable ul li{ background: url(../images/papillon.png) no-repeat 20px 7px; line-height: 120%; margin-bottom: 30px; overflow: hidden; padding-left: 35px; } .ja-module ul li { background: url(../images/papillon.png) no-repeat 20px 7px; line-height: 120%; margin-bottom: 30px; overflow: hidden; padding-left: 35px; } .ja-content-main ul li { line-height: 120%; margin-bottom: 30px; overflow: hidden; padding-left: 35px; } .ja-moduletable ol li, .ja-module ol li, .ja-content-main ol li { line-height: 180%; margin-left: 30px; } .ja-moduletable dt, .ja-module dt, .ja-content-main dt { font-weight: bold; } .ja-module dd, .ja-content-main dd, .ja-content-main dd { margin-left: 15px; } /* Others ---*/ hr { border-top: 1px solid #ccc; } /* FORM --------------------------------------------------------- */ form label { cursor: pointer; color: #fff;} input, select, textarea, .inputbox { padding: 2px; font-family: Helvetica, Arial, sans-serif; } .inputbox { border: 1px solid #ccc; background: #fff; } .inputbox:hover, .inputbox:focus { background: #ffffcc; } /* Search ---*/ form#searchForm { border-top: 1px solid #ccc; } .searchintro { border-bottom: 1px solid #ccc; } .results h4 { text-transform: none; font-size: 110%; } /* Contact ---*/ #component-contact #emailForm { border-top: 1px solid #ccc;} /* JOOMLA STYLE --------------------------------------------------------- */ /* Layout Deco ---*/ .blog { } .item-separator, .row-separator { display: none; } /*Leading*/ .items-leading { border-bottom: 1px solid #dd0; padding-top: 10px; } .items-leading .leading { padding-bottom: 10px;} /*Articles grids*/ .items-row { padding-bottom: 15px; padding-top: 15px;} .item {background: url(../images/bl1.png) no-repeat top left; border: 1px solid #fff; -moz-border-radius : 15px 15px 15px 15px; padding:14px; margin: 20px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */ } /* Meta ---*/ .article-tools { clear: both; display: block; position: relative; } dl.article-info { float: left; padding: 0; margin: 0; width: 70%; text-transform: none; } dl.article-info dd, dl.article-info dt { padding: 0 5px 0 0; margin: 0; display: inline; color: #dd0; } dd.parent-category-name {} dd.category-name {} dd.create { padding-right: 5px; } dd.createdby { padding-right: 5px; } dd.hits { padding-right: 5px; } p.article-url { margin: 10px 0 0; } p.modifydate { margin: 10px 0 0; } .contentdescription { display: block; padding: 10px 15px; border-bottom: 0px solid; } .contentdescription p { margin: 0; } ul.actions { float: right; margin: 0; padding: 0; } ul.actions li { display: inline; background: none; padding: 0; margin: 0; line-height: 1; } ul.actions li img { border: 0; margin: 0 5px 0 0; } /*Inline images ---*/ p.img_caption { color: #c66; text-transform: uppercase; } /* Tables ---*/ thead tr th { background: url(../images/grad1-mask.png) repeat-x top #DD0; color: #fff; padding: 5px; } thead tr th a, thead tr th a:hover, thead tr th a:focus, thead tr th a:active { color: #fff; } .cat-list-row1, .cat-list-row12, tr.cat-list-row1 td, tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; } .cat-list-row1:hover, .cat-list-row2:hover { background: #ffffcc; } .cat-list-row2, tr.cat-list-row2 td { background-color: #f6f6f6; } /* Content Toc */ table.contenttoc { border: 1px solid #ccc; } table.contenttoc td { border-bottom: 1px dotted #ccc; } table.contenttoc th { background: #f6f6f6; border-bottom: 1px solid #ccc; text-transform: uppercase; } /* Poll */ form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; } dl.poll { border-bottom: 1px dotted #ccc; } table.pollstableborder td { background: #f6f6f6; border-bottom: 1px solid #ccc; font-weight: bold; padding: 5px !important; } table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; } /* Pagination ---*/ .pagination ul li span.pagenav, .pagination ul li a.pagenav { line-height: 20px; } .items-more { border-bottom: 1px solid #ccc; } .items-more h3 { font-size: 125%; } /* MODULE STYLES --------------------------------------------------------- */ div.ja-moduletable, div.moduletable { margin-top: 0; padding-bottom: 10px; } div.ja-moduletable h3, div.moduletable h3 { background: url(../images/grad1-mask.png) repeat-x top #dd0; color: #fff; padding: 5px; border-bottom: 0; } div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct { padding: 5px; } /* Rounded Module --- */ div.ja-module h3, div.module h3 { margin: 0 0 10px; overflow: hidden; padding: 8px 0; } div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; } /* bordtrans */ div.module_bordtrans .ja-box-tl { -moz-border-radius: 4px; border-radius: 12px; background-color: #e40; background-color: hsla(0, 0%, 100%, 0); background-image: -moz-linear-gradient(center top , rgba(255, 255, 0, 0.8), rgba(36, 145, 255, 0.4)); border-bottom: 1px solid #999; border-bottom-color: hsla(0, 0%, 0%, 0.27); border-left: 1px solid #999; border-left-color: hsla(0, 0%, 0%, 0.27); border-right: 1px solid #999; border-right-color: hsla(0, 0%, 0%, 0.27); border-top: 1px solid #999; border-top-color: hsla(0, 0%, 0%, 0.27); --color: inherit; display: inline-block; font-size: 12px; line-height: 15px; padding-bottom: 5px; padding-left: 16px; padding-right: 9px; padding-top: 5px; text-shadow: hsla(0, 0%, 100%, .1) 0px 1px 0px; text-align: left; position: relative; min-height: 60px; float: none; overflow: hidden; } /* bordvert */ div.module_bordvert { background: url(../images/bordvert-br.png) no-repeat bottom right transparent; } div.module_bordvert .ja-box-bl { background: url(../images/bordvert-bl.png) no-repeat bottom left; } div.module_bordvert .ja-box-tr { background: url(../images/bordvert-tr.png) no-repeat top right; } div.module_bordvert .ja-box-tl { background: url(../images/bordvert-tl.png) no-repeat top left; } /* text color for high contrast module */ div.module_bordvert * h1{ color: #ccc !important;} h3 {color: #27c ! important;} h2 {color: #ccc !important;} div.module_bordvvert .inputbox { color: #ccc !important; } div.module_bordtrans * h1{ color: #ccc !important;} h3 {color: #27c ! important;} h2 {color: #ccc !important;} div.module_bordtrans .inputbox { color: #ccc !important; } div.module_red * { color: #069 !important; } div.module_black .inputbox, div.module_blue .inputbox, div.module_bordvert .inputbox { color: #a05 !important; } /* Advertisement ---*/ div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; } /* Module list ---*/ div.ja-moduletable ul, div.ja-module ul { margin: 15px 0 0; } div.ja-moduletable ul li, div.ja-module ul li { background-position: 8px 5px; padding-left: 30px; } /* Login Module ---*/ #form-login-username .inputbox { background-position: 5px center; background-repeat: no-repeat; font-weight: bold; margin-left: 35px; border:2px #fff; -moz-border-radius: 8px; width: 80% ; } #form-login-password .inputbox { background-position: 5px center; background-repeat: no-repeat; font-weight: bold; margin-left: 15px; border:2px #fff; -moz-border-radius: 8px; width: 80%; } #form-login ul { margin: 0 !important; padding: 0; } #form-login p { margin: 0 0 5px; } #form-login .button { margin: 10px 0; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ .wrap { background: url(../images/fond-bleu.png) fixed ; } .main { } .ja-box { } #ja-wrapper { } #ja-container { position: relative; z-index: 5; } #ja-container .main { padding: 180px 0 0; } .main .main-inner1 { margin-left: 15px; margin-right: 15px; } /* MAIN COLUMN --------------------------------------------------------- */ #ja-mainbody { } #ja-main .inner { padding-top: 45px; padding-bottom: 20px;} #ja-contentwrap { } /* Content Top ---*/ .ja-content-top { } #ja-content-top .ja-moduletable, #ja-content-top .ja-module { margin-left: 0; margin-right: 0; } /* Content Main ---*/ .ja-content-main { margin-bottom: 20px; } /* Content Bottom ---*/ .ja-content-bottom { } #ja-content-bottom .ja-moduletable, #ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; } /* @end */ /* SIDE COLUMNS --------------------------------------------------------- */ .ja-colswrap { } .ja-col { padding-top: 40px;} /* Left Columns ---*/ #ja-left { } /* Right Columns ---*/ #ja-right .ja-r2 { } /* HEADER --------------------------------------------------------- */ #ja-header { } #ja-header .main { background: url(../images/header2.png) no-repeat top right ; height: 140px; padding: 0px 0 15px; z-index:11; } /* Logo Image ---*/ h1.logo { height: 140px; width: 350px; } h1.logo a { background: url(../images/logo.png) no-repeat left; display: block; height: 140px; width: 400px; } /* Logo Text ---*/ div.logo-text h1 { font-size: 200%; line-height: 1; margin-left: 0; } div.logo-text h1 a { font-weight: bold; text-decoration: none; font-family: Arial, sans-serif; } p.site-slogan { color: #ccc; display: block; font-size: 85%; margin: 3px 0 0; padding: 0 5px; text-transform: uppercase; } #ja-top-header { margin-top:-5px; position:absolute; right:180px; text-align:right; width:50%; } #ja-search { right: 15px; } /* NAVIGATION --------------------------------------------------------- */ /* Main Nav ---*/ #ja-mainnav .main { background: url(../images/grad1-mask.png) repeat-x top #DD0; border-bottom: 0; height: 40px; } #ja-mainnav .main-inner1 { background: none; } /* Breadcrumbs ---*/ #ja-navhelper .main { text-transform: uppercase; border-top: 0; border-bottom: 0; padding: 0; } #ja-navhelper .main-inner1 { background: url("../images/grad1-mask.png") repeat-x scroll center top #DD0; padding: 5px 0; height: 15px; } #ja-navhelper .main * { color: #069; } /* Extras ---*/ .ja-links li { padding: 0 10px; } /* Default Joomla! Menu ---*/ #ja-container ul.menu li { } #ja-container ul.menu li li { background: url(../images/list_color.gif) no-repeat left 11px; } #ja-container ul.menu li li a {font-weight: bold !important; text-indent: 25px; } #ja-container ul.menu li li a:hover { background: url(../images/maskbutton.png) repeat-x left #fff; color:#f00;} #ja-container ul.menu li li a:active {background: url(../images/maskbutton.png) repeat-x left #fff; color:#DD0;} #ja-container ul.menu li li a:focus { background: url(../images/maskbutton.png) repeat-x left #dd0; } #ja-container ul.menu li.active > a { ;font-weight: bold !important; } #ja-container ul.menu span.separator { display: none; } /* SPOTLIGHT --------------------------------------------------------- */ #ja-topsl div.ja-moduletable h3, #ja-botsl div.ja-moduletable h3 { background: none; color: #333; border-bottom: 0; padding-bottom: 0; } /* SPOTLIGHT --------------------------------------------------------- */ #ja-footer { padding: 0; } #ja-footer .main { padding: 20px 0; } /* MISCELLANOUS ----------------------------------------------------------- */ /* Others ---*/ #ja-banner { border-top: 1px solid #ccc; } div.ja-innerdiv { border-bottom: 1px dotted #ccc; } div.ja-innerdiv h4 { font-family: Helvetica, Arial, sans-serif; font-size: 92%; font-weight: normal; text-transform: uppercase; } a.ja-icon-video { right: 25px; }