/******************************************/
/***template design "globbersthemes" **********/
/***BARBICAN/JANVIER 2009/************/
/***by globbers for globbersthemes ************/
/***all rights reserved***********************/
/******************************************/

/********************************************/
/*** *********body et aspect general ***********/
/*******************************************/

html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#000 url(../images/barbarican_bg.jpg) repeat;
font-size:14px;
color:#ffffff;
font-family:cambria, tahoma, verdana, arial, sans serif;
font-weight:normal;
background-attachment:fixed;
text-transform:capitalize;

}

/*texte*/
p {
font-size: 100%;

}

h1 {
font-size: 200%;

}

h2 {
font-size: 150%;

}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

/* liens hypertextes*/ 
a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#fff;

}

a:hover {
color:#6a1111;
}

/*listes a puces*/
ul {

}

li {
list-style-type:disc;
background:transparent;
margin:4px;

}

/*image*/
img {
border:none;
margin:3px 5px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#391212;
padding: 0px 2px 0px 2px;
color:#ffffff;

}

.button {
background:#fff;
border:none;
color:#391212;
font-weight:bold;
padding:4px;

}

#josForm.form-validate {
margin-left:30px ;

}

.josForm ,#jForm {
margin-left:25px ;

}

.inputbox {
color:#ffffff;
background:#ffffff;
border:none;
padding:4px;
font-weight:bold;

}

.pagewidth{
width:890px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}

fieldset {
margin:5px;
padding:5px;
border:1px solid #fff;

}

/********************************************/
/*****************TOP ***********************/
/*******************************************/

#top {
float:left;
width:100%;
height:70px;
background: url(../images/topmenu_bg.png) 0 0 repeat-x;
margin:0;
padding:0;

}

/********************************************/
/*** ********topmenu ************************/
/*******************************************/

#topmenu {
float:left;
width:750px;
height:42px;
background: transparent;
margin:0 ;
padding:0 ;

} 

#navigation {
height: 42px;
width:750px;
float:left;
text-transform: uppercase;
margin-left:20px;

}

#navigation a {
display: block;
float: left;
height: 42px;
line-height: 30px;
padding: 0px 14px;
font-weight:normal;
color:#ffffff;
font-size:17px;
text-shadow: 12px 12px 18px  #000;

}

#navigation  a:hover{
color: #6a1111;

}

#navigation ul {
list-style: none;
margin: 0 0 0 0px ;
padding: 15px 0 0 0px;

}

#navigation li {
display: block;
float: left;
margin:0 ;
margin-right: 0px;
padding: 0 ;

}

#navigation li li a {
font-size: 12px;
padding: 0 15px;
margin:  0;
color:#ffffff;

}

#navigation li li {
border-top: 1px solid #2c302f;
border-bottom: 1px solid #2c302f;

}

#navigation li.active {
background:transparent;
height:42px;

}
#navigation li.active span {
background:transparent;
height:42px;

}
#navigation li.active a {
color: #ffffff;
background:transparent;
height:42px;

}

.nav, .nav * {
margin: 0;
padding:0;
}

div#navigation {  
position: relative;
z-index: 50;
}

#navigation li li {
margin:  0;
}

div#navigation li li span,
div#navigation li.active li span,
div#navigation  li:hover li span {
background:none;

}

.nav {
line-height:1.0;
float:left;
margin-bottom:1.5em;
position: relative;

}

.nav ul {
background:#161514; 
padding: 0;
margin-top:17px !important;
filter:alpha(opacity=90); /* propriétaire IE */
-moz-opacity:0.90; /* propriétaire Firefox */
opacity:0.90; /* CSS3 */

}

.nav li {
float:left;
list-style:none;
position:relative;
background:none;

}

.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:135px;

}

div#navigation li li a {
height: 30px;
line-height: 30px;

}

div#navigation li:hover li,
div#navigation li.sfHover li,
div#navigation li.active:hover li,
div#navigation li.active.sfHover li,
div#navigation li:hover li span,
div#navigation li.sfHover li span {
background-image: none;

}

div#navigation li:hover li a,
div#navigation li.sfHover li a,
div#navigation li.active:hover li a,
div#navigation li.active.sfHover li a {
background-image: none;

}

.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 177px;
z-index: 5;
border-left: 1px solid #2c302f;
border-right: 1px solid #2c302f;
border-bottom: 1px solid #2c302f;

}

.nav li:hover ul,
.nav li.sfHover ul {
left:0px;
top: 22px;

}

.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;

}

.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 177px;
top:0px;
width: 177px;

}

.nav li li {
position: relative;
float:none;
width: 177px;

}

/*******resaux sociaux*********/
#facebook {
float:left;
width:40px;
height:40px;
background:transparent;
display:block;
margin-top:10px;
padding:0

}

#facebook a:hover {
float:left;
width:40px;
height:40px;
display:block;
filter:alpha(opacity=50); /* propriétaire IE */
-moz-opacity:0.50; /* propriétaire Firefox */
opacity:0.50; /* CSS3 */

}

#twitter {
float:left;
width:40px;
height:40px;
display:block;
margin-top:10px;
margin-left:10px;

}

#twitter a:hover {
float:left;
width:40px ;
height:40px ;
display:block;
filter:alpha(opacity=50); /* propriétaire IE */
-moz-opacity:0.50; /* propriétaire Firefox */
opacity:0.50; /* CSS3 */
}

/*******logo*********/
#sitename {
float:left;
width:385px;
height:107px;
background:transparent;
margin-top:0px;

}


/***********search*************/

#search {
float:right;
width:276px;
height:129px;
background: url(../images/bg-search.png) 0 0 no-repeat;
margin-top:-15px ;
margin-right:0px;
padding:0 ;

}

#search .inputbox {
float:left;
width:140px;
height:20px;
background:transparent;
border:none;
margin:53px 0px 0 32px;
padding:0px 0 0 14px ;
font-size:12px;
text-transform:capitalize;
font-family:cambria, tahoma, verdana, arial, sans serif;
text-align:center;
text-shadow: 12px 12px 18px  #000;

}

/********************************************/
/******HEADER/CARROUSSEL********************/
/*******************************************/
#header {
float:left;
width:890px;
height:220px;
background:TRANSPARENT;
margin-top:10px;
border:none;

}

/********************************************/
/*** ***********CONTENT MAIN****************/
/*******************************************/

#main {
float:left;
width:580px;
text-align:left;
margin-left:10px;
margin-top:15px;
margin-bottom:25px;

}

#main-full{
float:left;
width:850px;
text-align:left;
margin-left:10px;
margin-top:15px;
margin-bottom:25px;

}

/****calendar***/

 .calendar {
margin-right:0px;
display:block ;
padding:11px 0px 0 0;
background:url(../images/bg-calendar.png) 0 0 no-repeat ;
width:69px ;
height:54px;
font-size:15px;
text-align:center;

}

.calendar .day {
color: #f9f4f4;
font-weight:bold;
margin: 0;
padding: 0;
font-size:25px;
background:transparent;
width:69px ;
font-weight: bold;
text-align:left;
}

.calendar .month {
color: #f9f4f4;
font-weight: bold;
margin:0px;
padding-right:5px;
font-size:15px;
background:transparent;
width:60px !important;
text-align:left;
}

.contentinfo {
margin: 0px ;
padding: 0px ;
background: transparent;
width:100%;
color:#fff;
font-weight:bold;

}

table.contentpaneopen, 
table.contentpane {
color:#fff;
text-align:justify;

}

.contentheading ,
.componentheading, 
a.contentpagetitle {
font-size:22px;
font-weight:bold;
padding-top: 15px;
color:#ffffff;
text-transform:capitalize;
margin-left:15px;
line-height:24px;
width:100%;
text-shadow: 12px 12px 18px  #000;

}

a.contentpagetitle:hover,
a.contentpagetitle:active {
color:#aedd27;

}

small {

}

span.small {
background: transparent;
padding-left:18px;

}

.modifydate {
margin-top:10px;
text-decoration:underline;

}

.createdate {
background: transparent;
padding-left:18px;
padding-top:2px;

}

span.pagenav {
margin-top:20px !important;

}

span.pagenav, a.pagenav {
padding:5px;

}

span.pagenav ,.pagenav:hover {
color:#ffffff;
background:#000;

}

.blog_more {
margin-bottom:25px;

}

.blog_more strong {
color:#fff;
letter-spacing:1px;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
padding-left:40px;

}

.blog_more li {
margin:5px 0px;

}

a.readon {
float:right;
background:#fff;
font-weight: bold;
padding:5px;
margin-right:15px;
color:#000;
margin-top:10px;
-moz-border-radius:5px; 
-webkit-border-radius:5px;
-khtml-border-radius:5px;

}

a.readon:hover, a.readon:active, a.readon:focus {
background:#fff;
color:#391212;

}

table.contenttoc {
margin: 5px;
border: 1px solid #fff;
padding: 5px;
float: right;
color:#fff;

}

table.contenttoc td {
padding: 0 5px;

}

/* content tables */
.sectiontableheader {
padding:15px;

}

td.contentdescription {
padding:15px;

}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding:5px;

}

.article_separator, .article_seperator {
height:45px;
display:block;

}

.column_separator {
padding: 0 25px;

}

/********************************************/
/*** **********BLOCK LEFT/RIGHT***********  /
/*******************************************/

#colonnewrap {
float:right;
width:233px;
background:transparent;
margin:20px 25px 0 0;

}

#colonnewrap-full {
display:none;
}

/********************************************/
/*** ***********MOD RIGHT/LEFT**************/
/*******************************************/

#left {
float:right;
width:233px;
background:transparent;
padding:0 ;
margin: 0;
text-align:left;

} 

#right {
float:right;
width:233px;
background:transparent;
padding:0 ;
margin: 0;
text-align:left;

} 

#left div.module,
#left div.module_menu ,
#left div.module_text  {
width:233px;
background:transparent url(../images/bg-left.png) left repeat-y;
margin-bottom:35px;
border-bottom:2px solid #000;
}

#right div.module,
#right div.module_menu ,
#right div.module_text  {
width:233px;
background:transparent url(../images/bg-right.png) left repeat-y;
margin-bottom:35px;
border-bottom:2px solid #000;
}


#right a,
#right a:visited,
#left a,
#left a:visited {
color:#ffffff;
text-shadow: 12px 12px 18px  #000;

}

#right a:hover,
#left a:hover {
color:#000000;
text-shadow: 12px 12px 18px  #000;

}

#right a:hover {
color:#6a1111;
text-shadow: 12px 12px 18px  #000;

}

#right div.module h3,
#right div.module_menu h3,
#left div.module h3,
#left div.module_menu h3 {
font-size:19px;
width:190px;
font-weight:bold;
margin:0;
padding-top:13px;
padding-bottom:12px;
padding-left:5px;
padding-right:10px;
color:#ffffff;
text-align:left;
font-variant: small-caps;
text-shadow: 12px 12px 18px  #000;

}


#right div.module_text h3,
#left div.module_text h3{
font-size:19px;
width:190px;
font-weight:bold;
padding-top:25px;
padding-left:35px;
color:#ffffff;
text-align:left;
font-variant: small-caps;
background: transparent ;

}

#right div.module div div div,
#right div.module_menu div div div, 
#left div.module div div div,
#left div.module_menu div div div {
margin: 9px 0 0px 0px;
padding: 0px 5px 25px 25px;
background:transparent ;
width:203px;
color:#fff;

}

#right div.module_text div div div, 
#left div.module_text div div div {
width:153px;
text-align:left;
background:transparent;
margin-left:8px;

}

#right div.module ul,
#right div.module_menu ul,
#right div.module_text ul,
#left div.module ul,
#left div.module_menu ul,
#left div.module_text ul {
margin:0px;
padding:0px 20px 0 15px;
color:#fff;

}

#right table.contentpaneopen, 
#left table.contentpaneopen {
margin:0 35px 0px 0px ;
padding:0 ;
color:#fff;

}

a.mainlevel{
padding-bottom:4px;
display:block;
text-transform:capitalize;

}

/*publicite*/

div.bannergroup_text {
padding-bottom:20px;

}

div.bannerfooter {
padding:20px;

}

div.banneritem_text  {
padding: 10px 10px 0 10px;
margin:0;

}

div.bannerheader {
padding-left:20px !important;
font-size:14px;
font-weight:bold;

}

/********************************************/
/*** ***********footer**********************/
/*******************************************/

#footer {
float:left;
width:873px;
height:248px;
background: url(../images/footer.png) 0 0 no-repeat;

}

#footer-content {
width:860px;
height:200px;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:15px;

}

.box {
float:left;
width:205px;
height:200px;
background:transparent;
margin-left:5px;
overflow:hidden;

}

#footer-content div.moduletable h3,
#footer-content div.moduletable_menu h3{
font-size:17px;
width:190px;
font-weight:bold;
margin:0;
padding-top:10px;
padding-bottom:8px;
padding-left:25px;
color:#ffffff;
text-align:left;
font-variant: small-caps;
text-shadow: 12px 12px 18px  #000;

}

#footer-content div.moduletable,
#footer-content div.moduletable_menu,
#footer-content div.moduletable a,
#footer-content div.moduletable_menu a {
color:#fff;
text-align:left;
font-size:13px;
font-weight:normal;

}

#footer-content div.moduletable a:hover,
#footer-content div.moduletable_menu a:hover{
color:#391212;

}

#footer-content a.mainlevel {
margin-left:0px;


}

#footer-bottom {
background:transparent;
height:30px;
width:860px;
margin-left:auto ;
margin-right:auto ;

}

/*bouton top*/
#footer-top {
float:left;
width:30px;
height:25px;
padding:0 ;
margin-right:10px;
margin-bottom:10px;
background:transparent;

}

#footer_tm {
float:left;
width:800px;
height:30px;
background:transparent;
text-align:center;

}


.ftb {
margin-top:10px;
margin-left:10px;
font-size:12px;
font-weight:normal;
color:#fff;

}

.ftb a, .ftb a:visited{
padding:0;
color:#fff;

}

.ftb a:hover {
color:#391212;

}

/* Login ---*/

form#form-login fieldset {
border:none;
margin:0;
padding:0;

}

#form-login-username,
#form-login-password,
p #form-login-remember{
margin:0;
padding:0;

}

form#form-login ul { 
margin-top:2px;
margin-bottom:0;
font-size:11px;
line-height:11px;
padding-left:5px;
margin-left:10px;

}

form#form-login li {
padding:1px 0px 1px 0px;
line-height:11px;

}

form#com-form-login fieldset {
margin: 0; 
padding: 0;

}

/*  Le module Polls */
table.poll td{
text-align:left;
font-size:12px;
margin:0 !important;
padding:0;

}

table.poll thead td {
font-size:13px;
padding-left:14px;
font-weight:bold;

}

table.poll div  {
text-align:left;
padding:3px !important;

}

table.poll .button{
font-size:12px;
margin:2px 0px 0 8px;
padding:4px;

}

table.pollstableborder td.sectiontableentry1,
table.pollstableborder td.sectiontableentry2 {
color: #ffffff; 
background:transparent;
margin:0;
padding:2px ;

}

/*end file*/