/****************************************************
#####################################################
##-------------------------------------------------##
##           story of glory                        ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011            ##
## Date      = AVRIL 2011                          ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#000000 url(../images/bg.jpg) 50% 0 no-repeat;
font-size:13px;
color:#000000;
font-family: cambria,georgia,arial,sans-serif;
font-weight:normal;

}

/*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;
color:#821d12;
font-weight:normal;

}

a:hover {
color:#000000;

}

ul {
margin:0;
padding-left:20px;

}

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

}

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

}

img .caption {
text-align: left;

}

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

}

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

}

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

}

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

}

fieldset {
margin:0px 5px 5px 5px;
padding:5px;
border:none;

}

#header {
float:left;
width:860px;
height:639px;
background: url(../images/head.png) 0 0 no-repeat;
margin-left:65px;

}

#sitename {
float:left;
margin-left:90px;
margin-top:100px;

}

#deco {
float:left;
margin-top:40px;
margin-left:111px;

}

/****topmenu*****/
#menu {
float:left;
width:810px;
height:82px;
background:transparent;
margin-top:0px;
text-align:center;
margin-left:30px;
 
}

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

}

#navigation {
float:left;
height: 70px;
text-align:center;
z-index: 50;
background:transparent;
width:810px;
margin-top:6px;

}

#navigation a {
float:left;
display: block;
height: 70px;
padding: 28px 0 0 25px;
font-weight:bold;
color:#821d12;
font-size:17px;
text-transform:uppercase;
letter-spacing:1px;
background: url(../images/bg-item.png) 0 25px no-repeat;

}

#navigation  a:hover{
color: #000000;
background: url(../images/bg-item-active.png) 0 25px no-repeat !important;

}

#navigation li.active a  {
color:#000;
background: url(../images/bg-item-active.png) 0 25px no-repeat !important;

}

#navigation li.active ul li a ,
#navigation li ul li a ,
#navigation li ul li a:hover,
#navigation li.active ul li a:hover {
background: url(../images/bg-item-active.png) 8px 17px no-repeat !important;
text-align:left;
padding-left:35px;
padding-top:22px;

}

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

}

#navigation li li a {
font-size: 13px !important;
padding:13px 0 0 0;
color:#d0cdcd !important;
background:none !important;

}

#navigation li li a:hover {
color: #000 !important;
background:none !important;

}

#navigation li li {
border-bottom: 1px dashed #d0cdcd ;

}

.nave, .nave * {
margin:0;
padding:0;

}

.nave{
float:left;
position: relative;
z-index:10;

}

.nave ul {
background: url(../images/bg-ulmenu.jpg) 0 0 repeat;
padding: 0;

}

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

}

.nave li li a {
display:block;
padding: 0;
text-decoration:none;
background: none;
float:none;
width:200px;

}

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

}

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

}

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

}

.nave li ul {
float:none;
left:-999em;
position:absolute;
width: 200px;
z-index: 5;

}

.nave li:hover ul,
.nave li.sfHover ul {
left:22px;
top: 45px;

}

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

}

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

}

.nave li li {
position: relative;
float:none;
width: 200px;

}

/***SLIDE****/
#slide {
float:left;
width:750px;
height:355px;
margin-left:40px;
padding:0 15px 0px 15px !important ;
background:#9a3e36;
position: relative;

}

.joomscontmask1{
float:left;
width:750px;
height:340px;
overflow:hidden; 
position: relative;
margin:0 !important;
padding:0 !important;

}
 
#joomscontbox1 {
position: absolute;
margin:0 0 0 -4px !important;
  
}
 
#joomscontbox1 .inner {
width:750px;
height:320px;
display:block;
float:left;
margin:0  !important;
padding:0 !important;

}

.prev1, .next1{
width: 107px; 
height: 44px;
margin-top:-25px;
position: absolute;
top:50%;
z-index: 1;
cursor:pointer; 
 
}
 
.prev1{
left:0;
background: url(../images/prev.png) 0 0 no-repeat ;
margin-left:-106px;
 
}
 
.next1{
right:0;
background: url(../images/next.png) 0 0 no-repeat ;
margin-right:-106px !important;

}

.inner .moduletable {
padding:0 ;
margin:0;
text-align:left;
z-index:10;

}

.inner .moduletable h3 {
font-size:20px;

}

.contentpaneopen {
margin:0 ;
padding:10px ;

}

#slide img{
margin:0 !important;
padding:0!important;
width:750px;

}

.wrapper {
float:left;
width:825px;
background:#faf7ee url(../images/bg-wrapper.jpg) 0 0 repeat-y ;
margin-left:18px;

}

/****search***/
#search {
float:left;
width:207px;
height:50px;
margin-top:20px;
background: url(../images/bg-main.png) 0 100% repeat-x ;
margin-left:20px;

}

#search .inputbox {
float:left;
background:transparent;
border:none;
margin-top:5px ;
padding:8px 0 0 4px ;
font-size:13px;
color:#000;

}

/**breadcrumb****/
#breadcrumb {
float:left;
width:520px;
height:50px;
text-align:left;
margin-top:20px;
margin-left:20px;
background: url(../images/bg-main.png) 0 100% repeat-x ;

}

#pathway {
margin-left:10px;
background:transparent;
margin-top:15px;

}

/****LEFT***/
#left {
float:left;
width:220px;
background: url(../images/bg-left.png) 100% 0 repeat-y ;
text-align:left;
margin:20px 10px 20px 25px;
padding-left:15px;

}

#left .moduletable h3,
#left .moduletable_menu h3,
#left .moduletable_text h3 {
font-size:21px;
margin:20px 0 0 0;
padding:0;
letter-spacing:1px;

}

#left .moduletable ,
#left .moduletable_menu ,
#left .moduletable_text  {
font-size:14px;
margin-bottom:30px;
text-transform:capitalize;
font-weight:bold;

}

#left .moduletable a ,
#left .moduletable_menu  a,
#left .moduletable_text a  {
color:#000;

}

#left .moduletable a:hover,
#left .moduletable_menu  a:hover,
#left .moduletable_text a:hover   {
color:#821d12;

}

/*******MAIN******/
#main {
float:left;
width:500px;
text-align:left; 
padding:0 0 25px 0;
background:transparent;
margin-bottom:15px;
margin-top:15px;

}

#main-full {
float:left;
width:800px;
text-align:left; 
padding:0 0 25px 0;
background:transparent;
margin-bottom:15px;
margin-left:10px;
margin-right:10px;
margin-top:15px;

}

/* Pagination ---*/
 .counter {
text-align:center;
padding:10px 0;

}

ul.pagination {
float: left;
width: 100%;
padding:10px 0;
text-align:center;
background: url(../images/bg-main.png) 0 100% repeat-x ;

}

ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 6px;
margin:0 3px;
overflow: hidden;

}

ul.pagination li span {
padding: 6px; 
line-height: 20px;
 
}

ul.pagination a {
background:transparent;
color: #000;
line-height: 20px;
padding:6px;
text-decoration: none;

}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
color:#821d12;
text-decoration: none;

} 

/*****calendar******/
.calendar {
float:left;
display:block ;
padding:5px 0px ;
margin-right:10px;
background: url(../images/calendar.jpg) 0 0 no-repeat;
width:53px ;
height:50px;
text-align:center;

}

.day {
color: #fff;
font-weight:bold;
margin: 0;
padding:0 ;
font-size:17px;
background:transparent;
font-weight: bold;
display:block;

}

.month {
color: #fff;
font-weight: bold;
margin: 0;
padding:0 ;
font-size:17px;
background:transparent;
display:block;

}

/****joomla style main*****/
.contentpaneopen {
margin:0 ;
padding:0;

}

.contentheading {
font-size:21px;
font-weight:bold;
color:#821d12;
background:transparent;
padding-top:20px;
padding-bottom:10px;

} 

p.readmore  {
float:right;
font-weight: normal;
padding:5px;
margin-right:15px;
margin-top:5px;

}

p.readmore a  {
float:right;
font-weight: normal;
padding:5px;
margin-right:15px;
margin-top:5px;

}

/***************************/
/*ACTIONS -print-email-edit
/***************************/
/***************************/
ul.actions  {
background:transparent;
margin:0;

}

ul.actions  li{
list-style:none;
float:right;

}

/************************************************/
/****article-info(date, date modifiées etc...).../
/**************************************************/

.article-info {

}

dt.article-info-term {
display:none;

}

dl.article-info dd{
margin:0;
font-size:12px;

}

/************************/
/*frontpage ARTICLE
/************************/
/************************/

/**article frontpage global*****/
.items-leading {
width:100%;
font-weight:normal;

}

.items-row {
width:100%;
font-weight:normal;

}

/***titre frontpage*****/
.items-leading h2 {
font-size:21px;
font-weight:bold;
color:#821d12;
background:transparent;
padding-top:20px;
padding-bottom:10px;

} 

.items-row  h2{
font-size:21px;
font-weight:bold;
color:#821d12;
background:transparent;
padding-top:20px;
padding-bottom:10px;

}

/*****separation des articles******/
.item-separator {
height:20px;
width:100%;
display:block;

}

.row-separator {
height:5px;
width:100%;
display:block;

}

/************************/
/* ARTICLE SIMPLE
/************************/
/************************/
.item-page {
width:100%;
padding:10px;

}

.item-page h2 {
font-size:21px;
font-weight:bold;
color:#821d12;
background:transparent;
padding-top:20px;
padding-bottom:10px;

} 

/************************/
/* COLONNES article
/************************/
/************************/
div.cols-1 .item {
width: 100%; 

}

 
.cols-1 {
display:block;
float: none !important;
margin:0 !important;

}

.cols-2 .column-1 {
width:46%;
float:left;

}

.cols-2 .column-2 {
width:46%;
float:right;
margin:0;

}

.cols-3 .column-1 {
float:left;
width:29%;
padding:0px 5px;
margin-right:4%;

}

.cols-3 .column-2 {
float:left;
width:29%;
margin-left:0;
padding:0px 5px;

}

.cols-3 .column-3 {
float:right;
width:29%;
padding:0px 5px;

}

.items-row {
overflow:		hidden;
margin-bottom:	10px !important;

}

.column-1,
.column-2,
.column-3 {
 padding:10px 5px;
 
}

.column-2 {
width:55%;
margin-left:40%;

}

.column-3 {
 width:	30%;
 
}

/************************/
/*****CATEGORY***********/
/************************/

.categories-list {

}

.categories-list li {
list-style:none;

}

.item-title {
font-size:21px;
font-weight:bold;
color:#821d12;
background:transparent;
padding-top:20px;
padding-bottom:10px;

}


ul#archive-items li {
list-style:none;

}

/* ++++++++++++++  items more  ++++++++++++++ */
.items-more{
padding-top:10px;

}

 .items-more h3{
font-weight:normal;
margin:0;
padding:5px 5px 5px 5px;
font-size:1.4em

}

 .items-more ol{
line-height:1.3em;
margin:0 0 0 20px;
padding:5px 0 5px 2px;

}

 .items-more ol li{
padding:2px;

}

 .items-more ol li a {
display:inline;
margin:0;
font-weight:normal;
 padding:5px;

}

 .items-more ol li a:hover,
 .items-more ol li a:active,
 .items-more ol li a:focus {
font-weight:normal;
padding:5px 5px 5px 5px;
text-decoration:none

} 

/* ++++++++++++++  pagination  ++++++++++++++ */

 .counter {
text-align:center;
padding:4px 0;

}


/* ++++++++++++++  nav entre article  ++++++++++++++ */
 ul.pagenav {
 position:relative;
 margin-top:25px;
 
}
 
ul.pagenav li {
 list-style: none;
 padding: 7px;
 background:#000;
 color:#fff;
 
}

ul.pagenav li a {
 list-style: none;
 padding: 7px;
 color:#fff;
 
}
 
ul.pagenav li:hover, ul.pagenav li:focus {
background:#000;
 color:#fff;
 
}
 
ul.pagenav li a:hover, ul.pagenav li a:focus { 
text-decoration:none;
color:#fff;

}
 
ul.pagenav li.pagenav-prev {
float: left;
background:#000;
}
 
ul.pagenav li.pagenav-next { 
float:right;
background:#000;

}

/**************************/
.result-title {
padding:10px;

}

.result-title a {
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;

}

#footer { 
float:left;
width:825px;
height:56px;
background: url(../images/footer.png) 0 0 repeat;
margin-left:18px;
margin-top:-20px;

}

#users-box {
float:left;
width:800px;
height:250px;
background:transparent;

}

.box {
float:left;
width:255px;
height:250px;
text-align:left;

} 

#users-box  .moduletable ,
#users-box  .moduletable_menu ,
#users-box  .moduletable_text {
background:transparent;
margin:0;
padding:15px 0 0 33px;

}

#users-box  .moduletable  h3,
#users-box .moduletable_menu h3 ,
#users-box .moduletable_text h3{
font-size:21px;
background: transparent;
padding:4px 10px 4px 20px;
margin:12px 0 12px 0;
text-transform:uppercase;
color:#fff;

}

#users-box div .moduletable a,
#users-box div .moduletable_menu a ,
#users-box div .moduletable_text a {
font-weight:bold;
color:#fff;
font-size:15px;

}

#users-box div .moduletable a:hover,
#users-box div .moduletable_menu a:hover ,
#users-box div .moduletable_text a:hover {
color:#000;

}

#users-box div .moduletable li,
#users-box div .moduletable_menu li,
#users-box div .moduletable_text li{
color:#fff;

}

#users-box p {
color:#fff;

}

.bannerfooter {
padding:3px;
text-align:left;
}

div.banneritem_text  {
padding:4px 8px;
margin:0;
text-align:left;

}

div.bannerheader {
font-size:14px;
font-weight:bold;
text-align:left;

} 

.ftb {
float:left;
margin-top:18px;
text-align:center;
font-weight:normal;
font-size:15px;
width:700px;
color:#fff;

}

.ftb a{
padding:0 !important;
border:none !important;
color:#fff !important;
font-weight:bold;

} 

.ftb a:hover{
padding:0 !important;
border:none !important;
color:#000 !important;

} 

#top {
float:left;
width:30px;
height:30px;
margin-top:5px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
padding:0 !important;
border:none !important;

}

/*mod login*****/
#loginform{
position:absolute;
top:250px;
left:-5px;
background: url(../images/login.png) 0 0 no-repeat;
position:fixed;
width:42px;
height:147px;

}

/*end files*/