/*
*		JoomSpirit CSS file for typo
*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#f3f2e9;
padding:0;
margin:0;
background:#18180f url(../images/back1.png) center bottom no-repeat;
background-attachment: fixed;
text-align:left;
}

#supersize{
position:fixed;
min-height:0%;
min-width:0%;
top:0;
left:0;
}
#supersize img, #supersize a {
height:0%;
width:0%;
position:absolute;
left:0;
z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
z-index: 2;
}

p {
margin: 8px 0 14px 0;
}

#slideshow_control 
 {
   font-size:20px;
   color:#929189;
   text-transform:uppercase;
   letter-spacing:1px;
   text-decoration : none;
   cursor:pointer;
}
#slideshow_control:hover {
   color:#666666;
}
#slideshow_control:active, #slideshow_control:focus {
   outline:none;
}

h1, h2, h3, h4 {
font-family: helvetica neue, helvetica, arial, verdana, sans-serif;
text-decoration: none;
text-transform:none;
font-weight:normal;
padding:8px 0 4px 0;
}
h1, .componentheading {
display: block;
font-size: 25px;
font-weight:normal;
line-height:140%;
padding:  0 0 0 0;
margin: 0px 0 16px 8px;
text-transform:none;
letter-spacing:-0.3px;
color:#aeafaf;
}

h1.contentheading {
display: block;
font-size: 25px;
font-weight:normal;
line-height:140%;
padding:  0 0 0 0;
margin: 0px 0 16px 0;
text-transform:none;
letter-spacing:-0.3px;
color:#aeafaf;
}
h1 a {
color:#aeafaf;
text-decoration: none;
}
h1 a:hover {
color:#929189;
text-decoration: none;
}
h1 span, h1 a span, h1 a:hover span {
color:#aeafaf;
}
h2 {
font-size:24px;
   color:#c5bb6a;
   text-transform:uppercase;
   letter-spacing:1px;
   text-decoration : none;
margin-left:7px;
}
h2.contentheading {
}
h2 a {
color:#929189;
text-decoration: none;
}
h2 a:hover {
text-decoration: none;
color:#aeafaf;
}
h3 {
font-size:13pt;
   color:#c5bb6a;
   text-transform:uppercase;
   letter-spacing:1px;
   text-decoration : none;
margin-left:7px;

}
h4 {
font-size:13pt;
   color:#c5bb6a;
   text-transform:uppercase;
   letter-spacing:1px;
   text-decoration : none;
margin-left:7px;
}
h5 {
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
background-color:#a9a79c;
color:#f3f2e9;
text-transform:uppercase;
letter-spacing:1px;
padding:2px 15px 2px 4px;
margin-bottom:8px;
margin-top:12px;
overflow:hidden;
float:left;

}
h6 {
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
background-color:#a9a79c;
color:#f3f2e9;
letter-spacing:1px;
padding:2px 15px 2px 4px;
margin-bottom:8px;
margin-top:12px;
overflow:hidden;
float:left;

}

/**			LINK		**/
a {
	font-size:20px;
   color:#c5bb6a;
letter-spacing:1px;
text-decoration : none;
}
a:hover {
color:#fff;
}
a:active, a:focus {
outline:none;
}

/* supprime list-style pour les listes */
ul {
list-style : none;
}

/* supprime les bordures dans les tableaux */
table {
border-spacing : 0;
}
table.cont{
	width:780px;
	margin-top: 25px; 
	margin-left: 17px;
	
	}
		table.conte{
	width:780px;
	margin-top: 25px; 
	margin-left: 17px;
	font-size:135%;
	line-height:18pt;
	
	}
/* supprime les bordures dans les lments fieldset et img */
fieldset, img {
	margin:10px 0;
border : 0;
}
/* aligne le texte  gauche dans caption et th */
caption, th {
text-align : left;
}
/*****************************************
		SITE
******************************************/

html, body, #site {
height: 100%;
}

html {
}



/**		SITE	**/

#site, #site-frontpage {
position:relative;
height: auto;
min-height: 100%;
z-index:8;
}

.separator_header {
height:10px;
}


/**		top-site	**/
#top-site, #top-site-frontpage {
position: relative;
width: 100%;
z-index:10;
}

#top-site-frontpage {
position:absolute;
top:0;
left:0;
}

#top-site >div, #top-site-frontpage >div {
position:relative;
margin: 0;
}

.menu_left {
position:absolute;
margin:  0;
top:0px;
left:2px;
z-index:100;
}



/**	middle site	**/
#middle-site {
position:relative;
width: 100%;
margin: 0;
padding-bottom:50px;  /** same height of footer **/
text-align:left;
z-index:5;
}

#middle-site >div {
margin-bottom:20px;
}

#middle-site >div >div {
height: auto !important;
min-height:500px;
text-align:left;
padding:20px;
}

.center-table {
height: 500px;
width:100%;
}

.left {
position:relative;
float:left;
margin-right: 0px;
padding-top:0px;
z-index:10;
}



/**	content	**/

#content {
width:100%;
//position:fixed;
overflow:hidden;
z-index:1;


}

#main_component {
margin-top:0px;
white-space:normal;

}



/**  ARTICLE  JOOMLA **/
.blog { 
padding-top:20px;
width:100%;
}
.leading {
margin:0 20px 0 22px;
width:235px;
float: left;
}
.blog .leading {
padding: 0 0 30px 0;

}
.leading_separator {
	margin: -10px;
	padding:0;
}
.article_separator {
display: none;
}

.cols1 {
display: block;
width:100%;
float: left;
margin: 0 !important;
}

.article_row {
margin:0;
padding: 0;
float:left;
white-space:nowrap;
}
.article_column {

}
.row_separator2 {
margin: 0;
border:0px;
}
.article-tools {
display:block;
float:left;
margin:-20px 10px 0 0;
background-color:transparent;
}
.article-meta {
padding:5px;
}




/**  BOTTOM  SITE	**/
#bottom_site {
position: static;
height: 50px;
clear:both;
overflow:hidden;
z-index:10;
background: #929189;
top:auto;
bottom:0;
left:0;
right:0;
padding-top:20px;
}

#bottom_site >div {
position:relative;
margin: 0;

}



#bottom_menu {

}



/**  OTHERS  	**/
.clr {
clear:both;
}

/**	hack for the footer	**/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/**	nivo slider	**/
.slider, nivoSlider {
margin:0px;
overflow:hidden;
}

/**	BOTTOM MENU		**/
#bottom_menu {
display:block;
list-style: none;
text-align:right;
margin-right:6%;

/**	change	**/
}

#bottom_menu li{
margin:0;
padding-top: 11px;
display:inline;
list-style : none;
/**	change	**/
}
#bottom_menu li a, #bottom_menu li span.separator {
color:#f3f2e9;
text-decoration:none;
font-family: Helvetica, Arial, sans-serif;
font-size:20px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
padding: 3px 22px 0 22px;

}
#bottom_menu li:first-child a {
background-image: none;
}
#bottom_menu li a:hover, #bottom_menu li span.separator:hover {
color:#54513e;
text-decoration: none;
}
#bottom_menu li.active a {
color:#54513e;
text-decoration: none;
background-image: none;
}

#bottom_menu li.active a:hover {
color:#f3f2e9;
text-decoration: none;
background-image: none;
}