/****************************************************
#####################################################
##-------------------------------------------------##
##               GARBLEN                           ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = mars 2013                           ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

html {
height: 100%;

}


body{
margin:0;
padding:0;
text-align:center;
background:#fff url(../images/bg.png) 0 0 repeat;
font-size:13px;
color:#202020;
font-family: 'open sans',arial, helvetica , 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%;

}

a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#202020;

}

a:hover {
color:#f8c60d;
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;	
	transition: all 0.3s ease;
}

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

}

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

}

img {
border:none;
/* margin: 0 10px 10px 10px; */
padding:0;
}

img.caption {
text-align: left;

}

.highlight{
background:#212121;
padding: 0px 2px 0px 2px;
color:#fff;

}

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

}

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

}

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

}

label {
text-align:left;

}

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

}

.clr {
clear:both;

}

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

#topmenu {
float:left;
width:100%;
height:152px;
background: url(../images/topmenu.jpg) 0 0 repeat-x;

}

#header-top {
float:left;
width:950px;
height:74px;
background:transparent;

}

#sitename {
float:left;
margin-top:3px;

}

#search {
float:right;
width:191px;
height:39px;
background: url(../images/search.jpg) 0 0 no-repeat;
margin:17px 0 0 0px;
padding:0;
}

#search .inputbox  {
background:transparent;
margin-top:8px;
text-align:left;
color:#fff !important;
 font-weight:bold;
 font-family: Oswald, arial, helvetica , sans-serif;
 font-weight:normal;
 
}

#header-bottom {
float:left;
width:950px;
height:78px;
background:transparent;

}

#menu {
float:left;
width:950px;
height:77px;
background: url(../images/bg-menu.jpg) 0 0 repeat-y;
margin-top:0px;
padding-left:2px;
 
}

/****************************/
.navigation {
float:left;
width: 100%;
background:transparent;
 
}

.navigation ul {
list-style: none;
margin:0;
padding:0;
float: left;

}

.navigation ul ul {
margin: 0;
padding: 0;
 
}

.navigation ul li {
margin:0px;
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;

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

}

.navigation ul li a {
padding: 30px 18px 0 18px ; 
margin:0;
display: block; 
font-weight: normal;	
font-size:17px;
text-transform:uppercase;
height:48px;
background: url(../images/bg-menu.jpg) 100% 0 repeat-y;
color:#fff;
font-family: Oswald, arial, helvetica , sans-serif;
}

.navigation ul li a:hover {
color:#f8c60d;
background:#262626 url(../images/bg-menu.jpg) 100% 0 repeat-y;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;	
	transition: all 0.5s ease;
}

.navigation ul li {
background: url(../images/bg-ul.jpg) repeat-y 100% 0px ;
height:48px;

}

.navigation ul li.active a {
color:#f8c60d;
background:#262626 url(../images/bg-menu.jpg) 100% 0 repeat-y;
height:46px;

} 

.navigation ul li ul {
background:#212121;
margin-top: -1px;
padding-bottom: 10px;
text-align:left !important;
padding-bottom:0px;

}



.navigation ul li ul li {
border-bottom: 1px solid #303030 !important;
border-top: 1px solid #444444 !important;
padding-top:2px ;
padding-bottom:0px ;
background:none !important

}

.navigation ul li ul li a{
height:41px !important;
padding-left:31px;
background:none !important;
padding-top:16px !important;
color:#fff !important;
}

.navigation ul li ul li a:hover  {
height:41px ;
color:#f8c60d !important;
}

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

}

.navigation ul li ul li.active a {


}

.navigation ul li.active ul li a {
}

.navigation ul li.active ul li a:hover {
}

/************************/
/* The Nivo Slider styles */
.nivoSlider {
float:left;
	position:relative;
	width:100%;
	height:500px;
	overflow: hidden;
	 background:#000 url(../images/loading.gif) no-repeat 50% 50%;
	 font-family: Oswald, arial, helvetica , sans-serif;
	 
}
	 
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption  {
	position:absolute;
	left:350px;
	bottom:200px;
	color:#fff;
	width:auto;
	z-index:8;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
		
}
  .nivo-caption h2 {
	font-size:33px;
	text-shadow: 1px 1px 0px black; filter:alpha(opacity=90);letter-spacing: normal;
	background:#f8c60d;
	text-align:left;
	padding:  20px;
	width:400px;
	margin:0;
	text-transform:capitalize;
	font-weight:normal;
}

.nivo-caption h3 {
	font-size:25px;
	text-shadow: 1px 1px 0px black; filter:alpha(opacity=90);letter-spacing: normal;
	background:transparent;
	text-align:left;
	margin:0;
	padding:0;
	text-transform:capitalize;
	width:800px;
	font-weight:normal;
}  
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
 top:45%;
 z-index:9;	
 cursor:pointer;
  text-indent: -10000px; 
 width: 47px;	
 height: 47px;
 background-repeat: no-repeat;	
 
}
.nivo-prevNav {
	left:30px;	
 background-position: left top;
  background: url(../images/prev.png)
}
.nivo-nextNav {
	right:30px;	
 background-position: left top;
  background: url(../images/next.png)
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
	
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/**************************/
#info-image {
float:left;
width:100%;
height:80px;
background:#010101;
border-top:1px solid #f8c60d;
border-bottom:1px solid #202020;
}

#info-image p {
color:#fff;
font-family: Oswald, arial, helvetica , sans-serif;
font-size:24px;
text-transform:capitalize;
font-weight:normal;
}

/*****************************/
#main {
float:left;
margin:30px 0px 20px 0px;
width:686px;
background:transparent;
text-align:left;

}

#main-full {
float:left;
margin:20px 0px 20px 0px;
width:950px;
background:transparent;
text-align:left;

}

item-page { 
position:relative; 

}

.item-page aside {
  float:left;
  position:absolute;
  width:85px;
 
}
.item-image {
  margin:0 0px 20px 0;
  width:100%;
 
}


.item-image {
    opacity: 1;
}

.item-image:HOVER {
    opacity: .5;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.gk-article {
  font-size:14px;
  line-height:26px !important;
  margin:0 0 60px 96px;
  background:#fff;
  padding:15px 15px 45px 15px;
box-shadow: -1px 1px 2px 1px #e2e3e4,
            -1px 2px 60px rgba(255, 255, 255, 0.6) inset; 
  
}

.item-page .item-page { min-height:400px; }
.item-page time {
  display:block;
  width:76px;
  height:60px;
  line-height:20px;
  margin:0 0 0 8px;
  padding:10px 6px 6px 6px;
  text-align:center;
  background:#f8c60d;
  font-size:27px;
  font-weight:600;
  color:#fff;
   font-family: Oswald,tahoma, arial, sans-serif; 
   font-weight:normal;
   
}

.item-page time span {
  display:block;
  font-size:27px;
  line-height:45px;
   font-family: Oswald,tahoma, arial, sans-serif; 
   text-transform:uppercase;
   
}

.article-info {
  margin-bottom:0;
  text-align:left;
  font-size:11px;
  margin-left:10px;
 
  
}

.article-info dd { 
margin:0 0 10px ; 
font-weight:normal;

}

.gk-item-page .gk-article { min-height:400px; }
.gk-article .article-header {
  clear:both;
  font-size:30px;
  line-height:42px;
  margin:0 0 24px;
   font-family: Oswald,tahoma, arial, sans-serif; 
   text-transform:uppercase;
}

/*********************/
/* Pagination ---*/
 .counter {
 text-align:center;

 }
 
 .pagination   {
 margin:20px 0 0 0;
 overflow: hidden;
 text-align:center;
 background:transparent;
  
 }
 
 .pagination li   {
display:inline;
 margin: 0;
 padding: 8px;
 margin:0px;
 overflow: hidden;
text-align:center;
  
 
 }
 
 .pagination li span {
 padding: 6px; 
 line-height: 20px;

 }
 
 .pagination li a {
 line-height: 20px;
 padding:7px;
 text-decoration: none;
 color:#f8c60d;
 background:#fff;
  padding:5px 5px 5px 5px;
box-shadow: -1px 1px 2px 1px #e2e3e4,
            -1px 2px 60px rgba(255, 255, 255, 0.6) inset; 
 }
 
 .pagination li a:hover, .pagination li a:active, 
 .pagination li a:focus {
 text-decoration: none;
 color: #202020;
 
 } 
 
 ul.pager.pagenav {
float:left;
background:transparent;
width:100%;
margin:15px 0 0 0;
padding:0;

}

.pager .next  {
	float: right;
}
.pager .previous  {
	float: left;
}

.result-title {
 padding:10px;
 }
 
 /*********************/
 
#main .readmore a:link,
#main .readmore a:visited,
#main a.readmore:link,
#main a.readmore:visited {
float:right;
background: url(../images/readmore.png) 0 0 no-repeat;
text-indent:-5000px;
width:34px;
height:31px;
 margin-right:-24px;
}

#main .readmore a:hover,
#main .readmore a:active,
#main .readmore a:focus,
#main a.readmore a:hover,
#main a.readmore a:active,
#main a.readmore a:focus
{

float:right;
background: url(../images/readmoreh.png) 0 0 no-repeat;
text-indent:-5000px;
width:34px;
height:31px;
	 margin-right:-24px;
}



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

 .items-more {
 margin-left:90px;
	
}

 .items-more h3{
 margin-left:50px;
 
}

.items-more ul{
 margin-left:0px;
 
}

.items-more li {
list-style-type:disc !important;

}

.items-more ol li a{
background : transparent;
color: #a7b294 ;
padding-left:20px;
margin-left:0px;
list-style-type:disc !important;
}

.items-more ol li a:hover,
.items-more ol li a:active,
.items-more ol li a:focus{
color:#727884;

}


.email-icon , .print-icon   {
 float:left;
 list-style-type:disc !important;
 font-size:11px;
 margin:0;
 padding:0;

} 

.email-icon a , .print-icon a   {
 font-weight:normal;
 margin:0;
 padding:0;

} 

/* ++++++++++++++  nav entre article  ++++++++++++++ */
 ul.pagenav {
 position:relative;
 margin-bottom:15px;

}

ul.pagenav li {
 list-style: none;
 padding: 8px;
 background:#202020;
color:#fff;
border-radius: 10px;

}

ul.pagenav li a{
color:#fff;

}

ul.pagenav li:hover, ul.pagenav li:focus {
background:#ffc236;
color:#fff;
padding: 8px;

}

ul.pagenav li.pagenav-prev {
float: left;

}

ul.pagenav li.pagenav-next { 
float:right;

}

/****************************/
.contact,#searchForm,.search-results,.weblink-category ,.newsfeed-category ,.remind,.registration, .categories-list{
font-size:14px;
  line-height:26px !important;
  margin:0 0 20px 0;
  background:#fff;
  padding:15px 15px 45px 15px;
box-shadow: -1px 1px 2px 1px #e2e3e4,
            -1px 2px 60px rgba(255, 255, 255, 0.6) inset; 
  
}

.contact h2 {
font-size:25px;
font-family:Oswald;
text-transform:uppercase;
  
}
/*****************************/
#right {
float:left;
width:200px;
text-align:left;
padding-left:20px;
margin-bottom:15px;
margin-left:15px;
margin-top:20px;

}

#right h3 {
background: url(../images/bg-h3.png) 0 100% repeat-x;
margin-bottom:15px;
padding-top:15px;
padding-bottom:20px;
font-size:20px;
margin-top:0;
font-family:  Oswald,arial, helvetica , sans-serif;
text-transform:uppercase;
}

#right ul {
padding-left:5px;


}

#right .moduletable_menu,
#right .moduletable {
 margin-bottom:30px;
padding-left:0px;
padding-bottom:10px;
margin-left:0;

}

#right .moduletable_menu a,
#right .moduletable a {
background : url(../images/bg-right.png) no-repeat 0px 5px !important;
 padding-left:20px;
/*  margin-top:10px */;
}

#right .moduletable_menu a:hover,
#right .moduletable a:hover {
}

/***********************/
 #ft {
 float:left;
 width:100%;
 background:#202020;
 text-align:left;
 border-top:1px solid #000;
 border-bottom:1px solid #000;
 }
 
 #wrapper-box {
 float:left;
 width:950px;
 background:transparent;
 text-align:left;
 margin-top:0px;
 margin-left:30px;
 } 
 
 .box {
 float:left;
 width:200px;
 background:transparent;
 margin-right:30px;
 
 }
 
 .box .moduletable_menu h3,
 .box .moduletable h3,
 .box h3 {
 font-size:20px;
 text-transform:uppercase;
 text-align:left;
 font-weight: normal;
 font-family: Oswald, arial, helvetica , sans-serif;
 
 }
 
 .box .moduletable_menu  ,
 .box .moduletable  ,.box  {
 padding-bottom:5px;
 margin-bottom:10px;
 color:#fff;
 
 }
 
 .box .moduletable_menu li   ,.box .moduletable li ,.box li {
 list-style-type:square; 
 color:#fff;
 padding:3px 0;

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

				
 }
 
 .box .moduletable_menu  a:hover,.box .moduletable  a:hover,.box  a:hover {
 font-weight:normal;
color:#f8c60d;
 
 }
 
 /**********************/
 
 .ftb {
 float:left;
 text-align:center;
 font-weight:normal;
 font-size:13px;
 width:100%;
 height:57px;
 float:left;
 color:#fff;
 background: #202020;
 border-top:1px solid #383838;
 
 } 
 
.ftb-c  {
 float:left;
 width:800px;
 height:25px;
 margin-top:20px;
 
 }
 
 .ftb-c a, .ftb-c a:visited{
 padding:0 !important;
 border:none !important;
 font-weight:bold;
 color:#fff;
 
 } 
 
 .ftb a:hover {} 
 
 #top {
 float:left;
 width:30px;
 height:30px;
 margin-top:15px;
 padding:0 !important;
 border:none !important;
 background:transparent;
 
 }
 
 .top_button {padding:0 !important;
 border:none !important;
 
 }
 
