/****************************************************
#####################################################
##-------------------------------------------------##
##           Cartion- Version 1.0.0                ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2010            ##
## Date      = Janvier  2011                       ##
## License   = free template                       ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/
html {
height:100%;
 
}

body{
margin:0;
padding:0;
text-align:center;
background:#000 url(../images/bg.jpg) 0 0 no-repeat;
font-size:14px;
color:#e9e8e6;
font-family: arial,tahoma, sans-serif;
font-weight:bold;

}

/*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:#e9711b;
font-weight:bold;

}

a:hover {
color: #dcb011;

}

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

}

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

}

img {
border:none;
margin:3px -1px;
padding:0;

}

img .caption {
text-align: left;

}

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

}
.marquee{
background:#fff;
border:none;
color:#fff;
font-weight:bold;
width: 870px; height: 195px; white-space: nowrap;
-webkit-marquee: auto medium infinite scroll normal;   
overflow-x: -webkit-marquee; 
    -webkit-border-radius: 5px;  
  border-radius: 5px;  
  
  -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);  
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);

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

}

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

}

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

}

.pagewidth2{
width:920px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
position:relative;

}

.clr {
clear:both;

}

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

}

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

}

/******sitename/slogan********/
#sitename {
float:left;
margin:-3px 0 0 0;

}

/*****login/register******/
#tool-w {
float:left;
width:220px;
height:30px;
margin-top:12px;
background: url(../images/bg-tool.png) 0 0 no-repeat;
margin-left:160px;

}

#tool {
float:left;
width:200px;
height:30px;
padding-left:30px;

}

/*****module search****/
#search{
float:left;
color:#000;
background: url(../images/bg-search.png) 0 0 no-repeat;
width:210px;
height:54px;
margin-left:145px;
margin-top:25px;

}

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

font-weight:bold;
width:194px;
height:23px;

}

/****topmenu*****/
#menu {
float:left;
width:900px;
height:60px;
margin: 0 0 0 3px;
background: url(../images/bg-menu.png) 0 0 repeat-x;

}

.navigation ul {
list-style: none;

padding: 0px;

}

.navigation {
float:left;
width:900px;
height:55px;
background:transparent;
text-transform: uppercase;

}

.navigation a {
display: block;
float: left;
height: 55px;
padding: 20px 14px 0 14px;
font-weight:bold;
color:#fff;
font-size:17px !important;
background:url(../images/bg-item.png) no-repeat 0 27px ;

}

.navigation  a:hover{
color: #dcb011;

background:url(../images/bg-item.png) no-repeat 0 27px ;

}

.navigation li.active  {
background:url(../images/bg-item.png) no-repeat 0 27px ;

}
.navigation li.hover  {
background:url(../images/bg-item.png) no-repeat 0 27px ;

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

}

.navigation li li a {
font-size: 13px !important;
padding:0px 0 0 0;
color:#e9e8e6 !important;

}

.navigation li li a:hover {
color: #dcb011 !important;

}

.navigation li li {
border-bottom: 1px solid #030303;

}

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

}

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

}

.nave ul {
background:url(../images/bg-ul.png) repeat 0 0 ;
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-image: none;
float:none;
width:190px;

}

.navigation li li a {
height: 40px;
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: 188px;
z-index: 5;

}

.nave li:hover ul,
.nave li.sfHover ul {
left:0px;
top: 56px;
background:#000;  

}

.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: 188px;

}

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

}

/* slideshow gallery */
#slideshow {
float:left;
width:920px !important;
height:485px !important;
background: url(../images/bg-slide.png) 0 0 no-repeat;
margin: -2px 0 0 0;
position:relative;
z-index:1;

}

.slideshowlite {
width: 790px;
height: 432px;
background:transparent;
padding:0px 0px 0px 0px;


}

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

}

.slideshowlite img {
border: none;
margin:10px 0 0 100px;
  
}

/* pagination control*/
.slideshowlite ul,
.slideshowlite ol {
position: absolute;
margin-top: 7px;
left:23px !important;
z-index: 3; 
list-style-type:none ;
background:transparent;
width:50px;
height:440px;
padding:0;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 50px;
padding: 0 ;
margin-top:20px;
list-style-type:none ;

}

.slideshowlite ul li a {
background: url(../images/puce-slide.png) 0 0 no-repeat;
position: relative;
display: block;
width: 45px;
height: 42px;
float: left;
text-decoration: none;
text-align: center !important;
font-size: 20px;
font-weight: bold;
color: #000 !important;
margin-top:10px;
padding-top:10px;

}

.slideshowlite ul li a.current {
color: #fff !important;
list-style-type:none;
background: url(../images/puce-slide-hover.png) 0 0 no-repeat;
}

.slideshowlite ul li a:hover {
color: #fff !important;
list-style-type:none;
background: url(../images/puce-slide-hover.png) 0 0 no-repeat;
}

.slideshowlite ol {
display: none;

}

/***MAIN STRUCTURE*****/
#wrapper-main {
float:left;
width:920px;
background: url(../images/bg-slide.png) 0 0 repeat-y;
margin:-2px 0 0 0 ;
text-align:left;

}

#main {
float:left;
width:620px;
background:transparent;
text-align:left;
padding:10px;

}

#main-full {
float:left;
width:870px;
background:transparent;
text-align:left;
padding:10px;
  height:auto;

}

/******right*****/
#right {
float:left;
width:225px;
background:transparent;
margin-left:25px;
text-align:left;
margin-bottom:20px;

}

#right ul {
list-style:none;

}

#right li {
list-style:none;
padding-top:2px;
padding-bottom:2px;

}

#right .moduletable_menu ,
#right .moduletable ,
#right .moduletable_text {
padding:10px 0 0 20px;
margin:0;

}

#right .moduletable_menu  h3,
#right .moduletable h3,
#right .moduletable_text h3 {
font-size:18px;
background:transparent;
color:#dcb011;
margin-left:15px;

}

#right .moduletable_menu  a,
#right .moduletable  a ,
#right .moduletable_text a{
font-size:14px;
color:#fff;
background:url(../images/item.png) no-repeat 0 0px ;
padding-left:25px;

}

#right .moduletable_menu  a:hover,
#right .moduletable a:hover,
 #right .moduletable_text a:hover {
color:#dcb011;

}

/****publicite*******/
div.bannerfooter {
padding:10px;

}

div.banneritem_text  {
padding-top:15px;
margin:0;
padding-bottom:10px;

}

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

}

/***user-box****/
#users-box {
float:left;
width:880px;
height:260px;
background:transparent ;
margin-bottom:15px;
margin-left:15px;
padding-top:5px;

}

#user-box ul {
list-style:none;
margin:0;
padding:0;

}

#users-box li {
list-style:none;

}

#users-box .moduletable_menu  a,
#users-box .moduletable  a ,
#users-box .moduletable_text a{
font-weight:bold;
font-size:13px;
color:#fff;
background:url(../images/item.png) no-repeat 0 0px ;
padding-left:20px;

}

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

}

.box {
float:left;
width:215px;
height:220px;
text-align:left;

} 

#users-box .moduletable  h3,
#users-box .moduletable_menu h3 ,
#users-box .moduletable_text h3 {
font-size:18px;
background: transparent;
padding-left:25px;
color:#fff;

}

/****footer****/
#footer{
float:left;
width:900px;
height:70px;
background: url(../images/footer.jpg) 0 0 no-repeat;
background:#000;
  margin-left:3px;
}

.ftb {
float:left;
margin-top:5px;
text-align:center;
font-weight:normal;
font-size:15px;
width:780px;
color:#fff;
background:#000;
}

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

} 

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

} 

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

}

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