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

#####################################################

##-------------------------------------------------##

##           Marhance Black                        ##

##-------------------------------------------------##

## Copyright = globbersthemes.com- 2012            ##

## Date      = MARS 2012                           ##                     

## Author    = globbers                            ##

## Websites  = http://www.globbersthemes.com       ##

#####################################################

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





html {

height: 100%;



}



body{

margin:0;

padding:0;

text-align:center;

background:#ffffff url(../images/bg.jpg) 0 0 repeat;

font-size:13px;

color:#000;

font-family: arial , georgia, tahoma, 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:#000;

font-weight:bold;



}



a:hover {

color:#672620;



}



ul {

margin:0;

padding-left:20px;



}



li {

list-style-type:square;

background:transparent;

margin: 4px;



}



img {

border:none;

margin:3px 5px;

padding:0;



}



img .caption {

text-align: left;



}



.highlight{

background:#000;

padding: 0px 2px 0px 2px;

color:#ffffff;



}



.button {

background:#222;

border:none;

color:#fff;

font-weight:bold;

padding:4px;



}



.inputbox {

color:#fff;

background:#222;

border:none;

padding:4px;

font-weight:bold;



}



.pagewidth{

width:980px;

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



}



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

/*********HEARDER**********/

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

#header {

float:left;

width:100%;

height:157px;

background:#ffffff url(../images/header.jpg) repeat-x;


}



#header-top {

float:left;

width:980px;

height:40px;

background: transparent;

position: absolute;
left: 150px;
top: 0px;
z-index: 2;

}



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

/*MOD LOGIN/REGISTER/SEARCH*/

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



#tool {

float:right;

width:980px;

height:40px;

background:#transparent;



}



#tool-content {

float:right;

width:260px;

height:25px;

background:transparent;
background:#CC0001;
padding-top:12px;
border-bottom-left-radius:2em;
border-bottom-right-radius:2em;



}



#header-center {

float:left;

width:100%;

height:103px;

background:transparent;




}



#sitename {

float:left;

background:transparent;

margin-top:10px;

margin-left:10px;

vertical-align:top;



}



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

#topmenu{

float:left;

width:950px;

height:25px;

background:transparent;

margin:4px 10px 0px 10px;

text-align:center;

position: relative;

color: #ffffff;


}



#navigation {

float:left;

height: 25px;

width:auto;

text-transform: uppercase;

text-align:center;

z-index: 50;

color: #ffffff;

}



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

.navigation ul {

list-style: none; 

margin:0; 

padding:0;

float: left;



}



.navigation ul ul {

margin: 0; /* all lists */

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; /* second-level lists */

z-index: 99;

left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

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;

	

}



/* This "unhides" the sub-menus (left: -999em is what hides them) */

.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 {

float:left;

display: block;

height: 35px;

padding: 12px 7px 0 7px;

font-weight:normal;

color:#ffffff;

font-size:12px;

text-transform:uppercase;



}



.navigation ul li {

background:transparent;

height:42px;



}



.navigation ul li span {

background:transparent;

height:42px;

padding:0px ;

margin:0 ;

 

}



.navigation li.active {

height:42px ;

background: url(../images/menutop2.jpg) no-repeat 100% 8px;



}



.navigation li.active span {

height:42px ;

background: url(../images/menutop1.jpg) no-repeat 0 8px;



}



.navigation li.active a {

color:#fff ;

height:42px ;

background: url(../images/menutop1.jpg) no-repeat 0 8px;



}





.navigation li:hover {

height:42px ;

background: url(../images/menutop2.jpg) no-repeat 100% 8px;



}



.navigation li:hover span {

height:42px ;

background: url(../images/menutop1.jpg) no-repeat 0 8px;



}



.navigation li:hover a {

height:42px ;

color:#fff ;

background: url(../images/menutop1.jpg) no-repeat 0 8px;



}



/* 2nd level and above */

 .navigation ul li ul {

background:#000 ; 

 -moz-border-radius: 8px; 

  -webkit-border-radius: 8px; 

  border-radius: 8px; 

  z-index:900;

  margin-top:50px;

  

}



.navigation ul li ul li{

height:42px !important;

font-size:13px !important;



} 



.navigation ul li ul li a:hover,

.navigation ul li ul li.active a  {

color:#2a2a2a !important;

height:42px !important;





}  



.navigation ul li ul li a{

color:#fff !important;

height:42px !important;

background:none !important;

font-size:13px !important;

text-align:left;

padding-left:10px;



}  



 .navigation ul li ul li:hover {

height:42px ;

background:#fff;



}



 .navigation ul li ul li.active {

height:41px ;

background:none ;



}



.navigation ul li ul li.active span {

height:41px ;

background:none;

}



.navigation ul li ul li.active a {

height:41px ;

background:none;

color:#2d2d2d;



} 





.navigation ul li ul li ul {

margin-left:200px;

margin-top: -30px;

padding-bottom: 3px;

padding-top: 0px;

text-align:left !important;

padding-bottom: 0px;



} 



/* slideshow gallery */

#slideshow {

float:left;

width:495px ;

height:230px !important;

background:#fff;

border:1px solid #eaeae9;

margin: 5px 0 0 0;

position:relative;

z-index:1;



}



.slideshowlite {

width: 485px;

height: 233px;

background:transparent;

padding:4px 0px 0px 0px;

z-index:2;



}



.slideshowlite a {

position:absolute;

left:0;

text-align:left;



}



.slideshowlite img {

border: none;

height: 226px;

width: 485px;

z-index:3;



}



/* pagination control*/

.slideshowlite ul,

.slideshowlite ol {

 position: absolute;

margin-top: 245px;

left:50px !important;

list-style-type:none;



}



@media screen and (-webkit-min-device-pixel-ratio:0) {

 .slideshowlite ul,

.slideshowlite ol  {

  position: absolute;

margin-top: 249px;

left:50px !important;

list-style-type:none;

  }



}



.slideshowlite ul li,

.slideshowlite ol li {

float: left;

width: 34px;

padding: 0 4px 0 0;

list-style-type:none;



}



.slideshowlite ul li a {

background:#ffffff;

border:1px solid #eaeae9;

position: relative;

display: block;

width: 36px;

height: 27px;

float: left;

line-height: 23px;

text-decoration: none;

text-align: center !important;

font-size: 12px;

font-weight: bold;

color: #000 !important;



}



@media screen and (-webkit-min-device-pixel-ratio:0) {

 .slideshowlite ul li a {

background:#fff;

border:1px solid #eaeae9;

position: relative;

display: block;

width: 36px;

height: 27px;

float: left;

line-height: 25px;

text-decoration: none;

text-align: center !important;

font-size: 12px;

font-weight: bold;

color: #000 !important;



  }



}



.slideshowlite ul li a.current {

background:#000;

color:#fff !important;



}



.slideshowlite ul li a:hover {

background:#000;

color: #ffffff !important;



}



.slideshowlite ol {

display: none;



} 



/*****neuwflash(top)****/

#newsflash {

float:left;

width:435px;

height:234px;

padding:5px 0 0 30px;
margin-top: 6px;

background:transparent;
background: url(../images/air-con-background.jpg) 0 0 no-repeat;

vertical-align: top;


}



#newsflash .moduletable,

#newsflash .moduletable_menu{

text-align:left;

font-size:18px ;



}



#newsflash .moduletable h3,

#newsflash .moduletable_menu h3,

#newsflash .contentheading {

text-align:left;

font-size:24px;

color:#000000;

padding-left:40px;

background: url(../images/bg-h3.png) 0 0 no-repeat;



}



/********pathway*****/

#pathway {

float:left;

width:930px;

height:45px;

margin:40px 0 0 0 ;

padding:0 0 0 25px ;

text-align:left;

background:#ffffff;

border:1px solid #eaeae9;



}



#pathway p {

font-weight:bold;

padding: 0 ;

margin:12px 0 0 0;



}



/******left******/

#left {

float:left;

width:222px;

background:transparent;

margin:20px 25px 0 0;

text-align:left;



}



#right {

float:left;

width:222px;

background:transparent;

margin:20px 0 0 25px;

text-align:left;



}



 div.module,

 div.module_menu ,

 div.module_text  {

width:200px;

background:#ffffff;

border:1px solid #eaeae9;

margin-bottom:30px;

padding-bottom:20px;

padding-left:20px;



}



 div.module h3,

 div.module_menu h3,

 div.module_text h3 {

font-size:20px;

width:200px;

font-weight:normal;

padding-bottom:5px;

padding-left:35px;

color:#000000;

text-align:left;

background: url(../images/bg-h3-menu.png) 0 0 no-repeat;



}



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

/********MAIN*****************/

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



#main {

float:left;

width:440px;

margin-top:0px;

text-align: left; 

margin:20px 0 20px 0;

background:#ffffff;

border:1px solid #eaeae9;

padding:10px;



}



#main-mid {

float:left;

width:690px;

text-align: left;

margin:20px 0 20px 0;

background:#ffffff;

border:1px solid #eaeae9;

padding:10px;



}



#main-full {

float:left;

width:935px;

text-align: left ;

margin:20px 0 20px 0;

background:#ffffff;

border:1px solid #eaeae9;

padding:10px;



}



.contentheading{

font-size:20px;

padding-top:5px;

margin-bottom:10px;

font-weight:bold;

color:#000000;



}



.contentpaneopen img {

margin:3px 7px;



}



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;



}



/***titre frontpage*****/

.items-leading h2 {

font-size:20px;

padding-top:0px;

margin-bottom:10px;

font-weight:bold;

color:#000000;



} 



.items-row  h2{

font-size:20px;

padding-top:0px;

margin-bottom:10px;

font-weight:bold;

color:#000000;



}



.item-separator {

height:40px;

width:100%;

display:block;



}



.item-page {

width:100%;

font-weight:normal;

padding:10px;



}



.item-page h2 {

font-size:20px;

padding-top:0px;

margin-bottom:10px;

font-weight:bold;

color:#000000;



} 



.readmore a {

float:right;

background:#000;

font-weight: bold;

padding:5px;

margin-right:15px;

color:#fff;

margin-top:5px;

font-weight:normal;



}



.readmore a:hover {

color:#fff;

background:#672620;



}



div.cols-1 .item {

width: 100%; 



}



/* div.cols-2 .item {

width: 44%;



 }



div.cols-3 .item {

 width:28%;



 }



div.cols-4 .item {

width: 20%;

 }



div.items-row .item {

float: left; 



} 



div.item {

 padding: 0 18px;

 margin-bottom:25px;





 } */



 

.categories-list {



}



.categories-list li {

list-style:none;



}



.item-title {

padding:5px 5px 20px 0;

font-size:18px;

font-weight:bold;

color:#e9e8e6;

text-transform:capitalize;



}



ul#archive-items li {

list-style:none;



}



/* ++++++++++++++  items more  ++++++++++++++ */

.items-more{

padding-top:10px;



}



 .items-more h3{

letter-spacing:1px;

font-size:14px;

text-transform:uppercase;

font-weight:bold;

padding-left:35px;

background: url(../images/lplc.png) 0 0 no-repeat;



}



 .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;



}



.pagination {

 float: left;

 width: 100%;

 padding:4px 0;

 text-align:center;



}



.pagination li {

background: none;

display: inline;

margin: 0;

padding: 6px;

margin:0 3px;

overflow: hidden;



}



.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:#FFF;

background:#000;



} 



/* ++++++++++++++  nav entre article  ++++++++++++++ */

 ul.pagenav {

 position:relative;

 margin-top:25px;



}



ul.pagenav li {

 list-style: none;

 padding: 7px;

 background:#222222;

 color:#fff;

}



ul.pagenav li a {

 list-style: none;

 padding: 7px;

 color:#fff;



}





ul.pagenav li:hover, ul.pagenav li:focus {

background:#672620;

 color:#fff;



}



ul.pagenav li a:hover, ul.pagenav li a:focus { 

text-decoration:none;

color:#fff;



}



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******/

#footer {

float:left;

width:100%;

height:90px;

background:#fff;

border-top: 1px solid #eaeae9;

padding-top:20px;



}



#users-box {

float:left;

width:980px;

background:transparent;



}



.box {

float:left;

width:245px;

text-align:left;



} 



#users-box  .moduletable ,

#users-box  .moduletable_menu ,

#users-box  .moduletable_text {

background:transparent;

margin:0;

padding:5px 0 0 33px;



}



#users-box .moduletable  h3,

#users-box .moduletable_menu h3 ,

#users-box .moduletable_text h3{

font-size:13px;

background: url(../images/bg-h3-menu.png) 0 0 no-repeat;

padding:4px 10px 4px 25px;

margin:12px 0 12px 0;

letter-spacing:1px;

text-transform:uppercase;



}



#users-box  .moduletable a,

#users-box  .moduletable_menu a ,

div .moduletable_text a {

font-weight:normal;

font-style:italic;



}



#users-box .moduletable a:hover,

#users-box .moduletable_menu a:hover  {

font-weight:normal;

font-style:italic;



}



#footer_tm {

float:left;

width:100%;

height:45px;

background:#000;

border-top: 5px solid #eaeae9;



}



.ftb {

float:left;

margin-top:15px;

text-align:center;

font-weight:normal;

font-size:12px;

width:900px;

color:#ffffff;



}



.ftb a{

padding:0 !important;

border:none !important;

color:#ffffff;

font-weight:normal;



} 



 .ftb a:hover{

padding:0 !important;

border:none !important;

color:#fff;

font-weight:normal;



} 



#top {

float:left;

width:30px;

height:30px;

margin-top:8px;

padding:0 !important;

border:none !important;

background:transparent;



}



.top_button {

padding:0 !important;

border:none !important;



}



/******CALENDAR*******/

.calendar {

float:left;

display:block ;

padding:5px 0px;

background:#000 ;

width:70px ;

height:20px;

text-align:center;

margin-right:20px;



}



.day {

color: #fff;

font-weight:bold;

margin: 0;

padding:0 ;

font-size:17px;

background:transparent;

font-weight: bold;

display:inline;



}



.month {

color: #fff;

font-weight: bold;

margin: 0;

padding:0 ;

font-size:17px;

background:transparent;

display:inline;



}



/**end file***/