/****************************************************
#####################################################
##-------------------------------------------------##
##               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 {
}

/*********************/
 #wrapper-slide{
 float:left;
 width:653px !important;
 height:300px !important;
 margin-top:20px;
 background:#fff;
 padding:15px 15px 15px 15px;
box-shadow: -1px 1px 2px 1px #e2e3e4,
 -1px 2px 60px rgba(255, 255, 255, 0.6) inset; 
 margin-bottom:35px;
 
 }
 
 #slide{
 float:left;
 width:650px;
 height:300px;
 background:transparent;
 
 }
 
 /* The Nivo Slider styles */
 .nivoSlider {
 float:left;	
 position:relative;
 width: 650px;	
 height: 300px ;		

 }
 
 .nivoSlider img {	
 position:absolute;	
 top:0px;	
 left:0px;	
 display:none;   
 width:650px; /* Make sure your images are the same size */    
 height:300px; /* Make sure your images are the same size */
 
 }
 
 .nivoSlider a {    
 border:0;    
 display:block;	
 color: #fff;
  
 }
 
 /* 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%;
 
 }
 
 .nivo-box {
 display:block;	
 position:absolute;
 z-index:5;
 
 }
 
 /* Caption styles */
 .nivo-caption {
 position:absolute;	
 left: 40px;	
 /* right:0px; */	
 bottom:5px;	
 background:transparent;
 color:#fff;	
 z-index:8; 
 width: 800px;	
 padding: 20px;
 overflow: hidden;	
 font-family: Oswald, tahoma, arial, sans-serif; 
 font-size:25px;
 
 }
 
 .nivo-caption p {
 padding:0 !important;	
 margin:0 !important;	
 font-size:25px;	
 font-weight:normal;	
 
 }
 
 .nivo-caption a {
 display:inline !important;	
 border-bottom: 1px dotted #fff;

 }
 
 .nivo-caption a:hover {
 border-bottom-style: solid;	
 text-decoration: none;

 }
 
 .nivo-html-caption {  
 display:none;
 
 }
 
 /* Direction nav styles (e.g. Next & Prev) */
 .nivo-directionNav a {
 display:none; 
 
 }
 
 .nivo-prevNav {
 display:none;
 
 }
 
 .nivo-nextNav {	
 display:none;
 
 }
 
 /* Control nav styles (e.g. 1,2,3...) */
 .nivo-controlNav {
 display:none;

 }
 .nivo-controlNav a {
 display:none; 

 }
 
 .nivo-controlNav a:hover {
 }
 
 .nivo-controlNav .active {
 }
 
 /**************************/

#colonne-left{
float:left;
margin:30px 0px 20px 0px;
width:700px;
background:transparent;
text-align:left;

}


#main {
float:left;
width:686px;
background:transparent;
text-align:left;

}


/*****************************/
#main {
float:left;
margin:30px 0px 20px 0px;
width:686px;
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;
 
 }