/****************************************************
#####################################################
##-------------------------------------------------##
##          zaronna- Version 1.7.0/2.5             ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011            ##
## Date      = novembre 2010                       ##
## License   = free template                       ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/



 
html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#eeeeee url(../images/bg.jpg) 0 0% repeat;
font-size:13px;
color:#475372;
font-family: "Trebuchet MS", Arial, Helvetica, 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;
 font-weight:normal;
 color:#475372;
 
}
 
a:hover {
color:#010101;
 
}

 ul {
margin:0;
padding-left:20px;
 
}
 
li {
list-style-type:square;
background:transparent;
margin: 4px;

}

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

}

img .caption {
text-align: left;

}

.highlight{
background:#363c40;
padding: 0px 2px 0px 2px;
color:#f1f1f1;

}

.button {
background:#1e1e1e;
border:none;
color:#f1f1f1;
font-weight:bold;
padding:4px;

} 

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

} 

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

}

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

}

.clr {
clear:both;

}
/**********************/
#header {
float:left;
width:100%;
height:184px;
background: url(../images/header.jpg) 0 0 repeat-x;

}

#header-top {
float:left;
width:100%;
height:90px;
background:transparent;

}

#header-bottom {
float:left;
width:100%;
height:90px;
background:transparent;

}
#sitename {
float:left;
width:213px;
height:79px;

}
/**************************/
#tool {
float:left;
width:158px;
height:46px;
margin-top:25px;
text-align:left;
font-weight:bold;
margin-left:480px;
display:block;
background: url(../images/login.jpg) 0 0 no-repeat;

}

#tool a {
display:block;
color:#fff;

}

#tool a:hover {
display:block;
color:#010101;

}

.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 200px;
background:#2c4054;
color: #fff;
padding: 12px;
text-align:left;
font-weight:bold;

}

.jqmClose {
background:transparent;
float:right;
font-weight:bold;
padding:5px;
width:20px !important;
height:20px !important;
margin-right:10px;

}

.jqModal {
font-weight:bold;
background:transparent;
font-size:12px;
padding:3px;
color:#fff !important;

}
a.jqModal {
width:158px !important;
height:46px !important;
color:#fff !important;
display:block !important;
text-indent:-5000px;

}
.jqModal:hover {
background: url(../images/login-hover.jpg) 0 0 no-repeat;

}
.jqmOverlay {
 background-color: #000;
 
 }
 
 /*******************************/
 #topmenu {
 float:left;
 width:907px;
 height:66px;
 background: url(../images/menutop.jpg) 0 0 no-repeat;
 margin-top:5px; 
 
 }
 
 .navigation { 
 float:left;
 width: 650px; 
 height:60px;
 background:transparent;
 margin-left:10px;
 
 }
 
 .navigation ul {
 list-style: none;
 margin:0;
 padding:0;
 float: left;
 
 }
 .navigation ul ul {
 margin: 0;
 padding: 0;
 
 }
 
 .navigation ul li {
 margin:0 7px;
 padding: 0;
 float: left;
 list-style: none;
 background: none;
 display: block;

 }
 
 .navigation ul li ul {
 width: 200px;
 position: absolute;
 z-index: 99;
 left: -999em;
height: auto;w\idth: 200px;

}

.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */

}

.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}

.navigation ul ul a {
width: 100%;

}

.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;

}

.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;

}

/* STYLING THE MENU-----------------------------------*//* 1st level */

.navigation ul li a {
padding: 25px 20px 0 5px ;
 margin:3px 0 0 0;
 display: block;
 font-weight: normal;
 font-size:14px;
 text-transform:uppercase;
 height:38px;
 background: url(../images/item.jpg) repeat-y 100% 0px ;
 color:#fff;
 
 }
 .navigation ul li {
 background:transparent;
 height:39px;
 
 }
 
 .navigation ul li span {
 background:transparent;
 height:38px;padding:0px ;
 margin:0 ; 
 
 }
 
 .navigation li.active a {
 height:41px ;
 color:#ff911b ;
 
 }
 
 .navigation li:hover a {
 height:41px ;
 color:#ff911b ;
 
 }
 
 /* 2nd level and above */ 
 
 .navigation ul li ul {
 background: url(../images/bg-ul.jpg) repeat 0 0 ;
 margin-top: -2px;
 padding-bottom: 20px;
 padding-top: 5px;
 text-align:left !important;
 
 
}
 
 .navigation ul li ul li{
 height:41px !important;
 
} 
 
 .navigation ul li ul li a:hover,
 .navigation ul li ul li.active a  {
 height:38px !important;
 
} 

 .navigation ul li ul li a{
 color:#fff !important;
 height:41px !important;
 background:none !important;
 padding: 15px 10px 20px 15px !important ;

 }   
 
 .navigation ul li ul li a:hover {
 height:38px ;
 color:#ff911b !important ;
 
 } 
 
 .navigation ul li ul li.active {
 height:38px ;
 background:none ;
 
 }
 
 .navigation ul li ul li.active span {
 height:38px ;
 background:none;
 
 }
 
 .navigation ul li ul li.active a {
 height:38px ;
 background:none;
 
 }

 .navigation ul li ul li ul {
 margin-left:180px !important;
 margin-top: -30px;
 padding-bottom: 3px;
 padding-top: 0px;
 text-align:left !important;
 padding-bottom: 0px;
 
 }
 
 /************************/
 #search{
float:left;
width:228px;
height:37px;
margin-top:20px;
margin-left:5px;
background: url(../images/search.jpg) 0 0 no-repeat ;
}

#search .inputbox{
background: transparent;
color:#a4a4a8;
font-weight:bold;
text-align:left !important;
margin-top:5px;

}

 /************************/
#blockquote {
float:left;
width:907px;
background:transparent;
margin-top:10px;

}
 
#quote h2 {
font-size:33px;
color:#889eaa;
text-transform:uppercase;
 
}

/****SLIDE*********/
#slide{
float:left;
width:907px;
height:495px;
background: url(../images/slide.jpg) 0 0px no-repeat;
margin-top:15px;

}


#slideshow {
float:left;
width:834px;
height:316px;
position:relative;
background:transparent;
margin-top:33px;
margin-left:27px;

}

.slideshowlite {
float:left !important;
width: 834px;
height: 316px;
padding:0;
margin:0;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

} 

.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;

} 

.slideshowlite ul {
position: absolute;
margin-top: 400px;
left:0px !important;
 z-index: 9; 
list-style-type:none;
background: transparent;
width:123px;
height:50px;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 27px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;

}

 .slideshowlite ul li a {
background: url(../images/button.jpg) 0 0 no-repeat ;
 position: relative; 
display: block; 
width: 27px !important;
height: 25px !important;
float: left;
line-height: 36px; 
text-decoration: none;
text-align: left !important;
font-size: 1px;
 font-weight: bold; 
color: #fff !important;
border:none !important; 
text-indent:-5000px;
margin-top:12px;
margin-left:0;

}

.slideshowlite ul li a.current {
background: url(../images/button-current.jpg) 0 0 no-repeat ;
color: #ffffff !important;

}

.slideshowlite ul li a:hover {
color: #ffffff !important;
background: url(../images/button-current.jpg) 0 0 no-repeat ;

}
 

.slideshowlite ol {
display: none;

} 

#description {
position:absolute;
margin-top: 395px;
left:100px !important;
width:700px;
height:60px;
background:transparent;
margin-left:25px;

}

#description h2 {
text-align:left;

}

/*******************/
#left {
float:left;
width:250px;
background:#eaeaea;
border:2px solid #dcdedf;
margin-top:40px;
margin-bottom:20px;

}

#left h3 {
background: url(../images/bg-h3.jpg) 0 0 repeat ;
padding-bottom:5px;
font-variant:small-caps;
font-size:20px;
color:#010101;
padding-left:10px;
border-bottom:1px solid #d4d5d7;

}

#left ul {
padding-left:25px;

}

#left .moduletable_menu,
#left .moduletable{
text-align:left;
margin-bottom:45px;
padding-left:15px;
padding-right:15px;

}

/************************/

#main {
float:left;
width:585px;
padding:5px 15px;
text-align:left;
margin-bottom:35px;
margin-top:40px;
margin-left:25px;
background:#eaeaea;
border:2px solid #dcdedf;

}

#main-full {
float:left;
width:865px;
padding:5px 15px;
text-align:left;
margin-bottom:35px;
margin-top:40px;
background:#eaeaea;
border:2px solid #dcdedf;


}

/*********JOOMLA STYLE***********/
ul.actions  {
background:transparent;
margin:0;

}

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

}

.article-info {

}

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

}

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

}

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

}

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

}

.items-leading h2,.items-leading h2 a {
background: url(../images/bg-h3.jpg) 0 0 repeat ;
padding-bottom:5px;
font-variant:small-caps;
font-size:20px;
color:#010101;
padding-left:10px;
border-bottom:1px solid #d4d5d7;

} 

.items-row  h2,.items-row  h2 a {
background: url(../images/bg-h3.jpg) 0 0 repeat ;
padding-bottom:5px;
font-variant:small-caps;
font-size:20px;
color:#010101;
padding-left:10px;
border-bottom:1px solid #d4d5d7;

}

.items-leading h2 a:hover,.items-row  h2 a:hover {
color:#475372;

}

.item-separator {
height:30px;
width:100%;
display:block;

}

.item-page {
width:100%;
font-weight:normal;
padding:10px;

}

.item-page h2 {
background: url(../images/bg-h3.jpg) 0 0 repeat ;
padding-bottom:5px;
font-variant:small-caps;
font-size:20px;
color:#010101;
padding-left:10px;
border-bottom:1px solid #d4d5d7;

} 

.readmore a {
float:right;
font-weight: bold;
padding:8px;
margin-right:15px;
margin-top:5px;
font-weight:bold;
background:transparent;

}

.readmore a:hover {
background:transparent;

}

.categories-list {

}

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

}

.item-title {
background:transparent;
padding-bottom:13px;
font-variant:small-caps;
text-transform:capitalize;
font-size:20px;

}

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

}

.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

} 

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

}

.pagination {
 float: left;
 width: 100%;
 padding:4px 0;
 text-align:center;
margin-bottom:25px;

}

.pagination li {
background: none;
display: inline;
margin: 0;
padding: 6px;
margin:0 3px;
overflow: hidden;
border:1px solid #d9d9dc;

}

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

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

}

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

} 

ul.pagenav {
 position:relative;
 margin-top:25px;
 
}
 
ul.pagenav li {
 list-style: none;
 padding: 7px;
 color:#fff;
 background:#475372;
 
}

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

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

}

.result-title {
padding:10px;

}

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

}

/**************************/
#footer {
float:left;
width:100%;
background: url(../images/footer.jpg) 0 0 repeat ;
padding-top:20px;
margin-bottom:10px;
padding-bottom:20px;

}

.box {
float:left;
width:270px;
margin-left:20px;
margin-top:15px;
margin-bottom:15px;
background: url(../images/box.jpg) 0 0 repeat ;
}

.box .moduletable_menu h3,
.box .moduletable h3,
.box h3 {
font-size:20px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
color:#fff;

}

.box .moduletable_menu ,
.box .moduletable   {
margin-bottom:25px;
background:transparent ;
padding:0 15px;
color:#fff;
text-align:left;

}

.box .moduletable_menu  a,
.box .moduletable  a,
.box a  {
font-weight:normal;
font-style:italic;
color:#fff;
}

.box .moduletable_menu  a:hover,
.box .moduletable  a:hover,
.box a:hover  {
color:#010101;
font-weight:normal;
font-style:italic;

}

#footer-bottom {
float:left;
width:100%;
height:70px;
background: url(../images/footer.jpg) 0 0 repeat;
margin-top:0px;

}

.ftb {
margin-top:30px;
text-align:center;
font-weight:bold;
font-size:13px;
width:870px;
float:left;
color:#fff;

}

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

} 

.ftb a:hover{
color:#010101;

} 

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

}

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

}

 /**end file***/