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

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

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

##              OLMEZAN  4                         ##

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

## Copyright = globbersthemes.com- 2012            ##

## Date      = mars 2014                           ##

## Author    = globbers                            ##

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

## version (joomla)                                ##

##                                                 ##

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

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





 html {  

 height: 100%;  



 } 

.cbalink {

display:none;

}  



 

 body{

 margin:0;   

 padding:0;    

 text-align:center;   

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

 font-size:14px;    

 color:#727884;    

 font-family: 'Open sans',tahoma, arial, sans-serif;   

 font-weight:normal;  

 

 }  



 p {    

 font-size: 100%;  



 }  

 

 h1 {    

 font-size: 200%; 



 } 

 

 h2 {   

 

 }    

 

 h3 {   

 font-size: 125%;   

 

 }  

 

 h4, h5, h6 {    

 font-size: 100%; 



 }  

 

 /* liens hypertextes*/   

 a:link, a:visited {   

 text-decoration:none;   

 color:#727884 ;  

 font-weight:bold; 

 

 }  

 

 a:hover {    

 color:#a7b294; 



 }  

 

 ul { 

 margin:0;    

 padding-left:20px; 



 }   

 

 li {   

 list-style-type:none;   

 background:transparent;  

 margin: 4px;  



 }  

 

 img {    

 border:none;   

 margin:5px;    

 padding:0;    

 

 } 

 

 img .caption {    

 text-align: left; 



 }    

 

 .highlight{    

 background:#727884;    

 padding: 0px 2px 0px 2px;    

 color:#ffffff;  

 

 }  

 

 .button {    

 background:#727884;  

 border:none;   

 color:#fff;    

 font-weight:bold;   

 padding:4px;



 }   

 

 .inputbox {    

 color:#fff;   

 background:#727884;   

 border:none;  

 padding:4px;   

 font-weight:bold;  

 

 }  

 

 .pagewidth{  

 width:991px;
 width:1200px;   

 text-align:center; 

 background:transparent; 

 margin-left:auto; 

 margin-right:auto;  

 margin-top:0px;  

 margin-bottom:0px; 

 position:relative; 

 

 }  

 

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

 

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

 #wrapper-top { 

 float:right; 

 width:160px; 

 height:110px; 

 margin-top:45px; 

 background:transparent 

 

 }  

 

 #social-links { 

 float:right; 

 width:160px; 

 height:45px; 

 background:transparent 

 

 }  

 

 #social-links ul { 

 list-style-type:none;



 } 

 

 .social-list ul{

 list-style-type:none;	

 

 } 

 

 .social-list li {

 float:left;	

 margin-left:-15px;

 list-style-type:none !important;

 

 }

 

 .social-list li a {

 background:url(../images/social-list.png) no-repeat;

 display:block;

 height:4px;

 width:50px;

 position:relative;

 -moz-transition:all 250ms linear 0s

 ;-webkit-transition:all 250ms linear 0s;

 -o-transition:all 250ms linear 0s;

 -ms-transition:all 250ms linear 0s;

 transition:all 250ms linear 0s;

 

 }

 

 .social-list .soc1 a { background-position:0 0;}

 .social-list .soc2 a { background-position:-50px 0;}

 .social-list .soc3 a { background-position:-100px 0;}

 .social-list a:hover {

 -moz-transition:all 250ms linear 0s;-webkit-transition:all 250ms linear 0s;

 -o-transition:all 250ms linear 0s;

 -ms-transition:all 250ms linear 0s;

 transition:all 250ms linear 0s;

 

 }

 

 .social-list .soc1 a:hover { background-position:0 -40px;}

 .social-list .soc2 a:hover { background-position:-50px -40px;}

 .social-list .soc3 a:hover { background-position:-100px -40px;} 

 

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

 #search {

 float:left;

 width:138px;

 height:33px;

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

 margin-top:20px;

 text-align:left !important;

 margin-left:5px;

 

 }

 

 #search .inputbox{

 letter-spacing:1px;

 font-weight:normal;

 background:transparent;

 color:#fff;

 text-align:left !important;

 margin-top:4px !important;

 margin-left:8px !important;

 padding:0;width:80%;

 font-size:14px;

 font-family: Oswald,tahoma, arial, sans-serif; 

 

 }

 

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

 #sitename { 

 float:left; 

 margin-top:50px;

 margin-left:120px; 

 width:600px;

 text-align:left;

 font-family: Damion, 'Open sans',tahoma, arial, sans-serif; 

 font-size:0px;

text-transform:capitalize;



 } 

 

 #content-top {

 float:left;

 width:991px; 
 width:1200px;   
 
 height:360px;

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

 margin-top:-140px;  

 

 }  

 

 #topmenu { 

 float:left; 

 width:100%; 

 height:126px;  

 background: url(../images/sep.png) 0 100% no-repeat;   

 

 } 

 

 .navigation {

 float:left;

 width: 952px;

 height:50px;

 background:transparent;

 margin-top:45px;

 margin-left:110px;
 margin-left:50px;

 font-family: Oswald,tahoma, arial, sans-serif;  

 

 } 

 

 .navigation ul {

 list-style : none;

 margin : 0;

 padding : 0;

 float : left;

 

 }

 

 .navigation ul ul {

 margin : 0;

 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;

 z-index : 99;

 left : -999em;

 height : auto;

 width : 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 : 9px 14px 0 16px;

 margin : 0;

 display : block;

 font-weight : normal;

 font-size : 16px;

 text-transform : uppercase;

 height : 33px;

 background : transparent;

 

 }

 

 .navigation ul li {

 background : transparent;

 height : 43px;

 

 }

 



.navigation li.active a {

border:1px solid #dcdcdc;

-moz-border-radius: 6px 6px 6px 6px;   

 -webkit-border-radius: 6px 6px 6px 6px;

 border-radius: 6px 6px 6px 6px;  

 -webkit-border-top-left-radius: 6px; 

 /* pour Chrome */   

 -webkit-border-top-right-radius: 6px; 

 /* pour Chrome */  

 -webkit-border-top-top-radius: 6px; 

 /* pour Chrome */  

 -webkit-border-top-bottom-radius: 6px; 

 /* pour Chrome */ 



}



.navigation li:hover {

height : 33px;



}



.navigation ul li ul {

background : #fff;

margin-top : 0px;

padding-bottom : 5px;

padding-top : 5px;

text-align : left !important ; 

border:1px solid #dcdcdc;

-moz-border-radius: 6px 6px 6px 6px;   

 -webkit-border-radius: 6px 6px 6px 6px;

 border-radius: 6px 6px 6px 6px;  

 -webkit-border-top-left-radius: 6px; 

 /* pour Chrome */   

 -webkit-border-top-right-radius: 6px; 

 /* pour Chrome */  

 -webkit-border-top-top-radius: 6px; 

 /* pour Chrome */  

 -webkit-border-top-bottom-radius: 6px; 

 /* pour Chrome */ 



}



.navigation ul li ul li {

height : 41px !important ;



}



 .navigation ul li ul li a:hover, 

 .navigation ul li ul li.active a {

 height : 41px !important ;

 

 }

 

 .navigation ul li ul li a {

 height : 41px !important ;

 padding-left : 31px;

 background : url(../images/bg-ul.jpg) no-repeat 10px 15px !important;

 

 }

 

 .navigation ul li ul li:hover {

 height : 41px;

 background : transparent;

 

 }

 

 .navigation li.active ul li a {

 border:none !important;



 }

 

 .navigation ul li ul li.active span {

 height : 41px;

 background : none;

 }

 

 .navigation ul li ul li.active a {

 height : 41px;background : none;

 

}



 .navigation ul li ul li ul {

 margin-left : 180px;

 margin-top : -30px;

 padding-top : 0;

 text-align : left !important ;



 } 



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



#content-main { 

float:left; 

width:991px; 
width:1200px; 

background: url(../images/content-main.png) 0 0 repeat-y; 

 

}  

 

#quote {

float:left;

width:900px;

margin-left:45px;

margin-top:20px;



}

 

#quote span {

font-size:0px;

font-family: Damion, tahoma, arial, sans-serif;

text-align:center;

text-transform:capitalize;

 

}



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

#wrapper-slide{

float:left;

width:100%;

height:420px;

background: url(../images/sep.png) 0 100% no-repeat;

margin-top:35px;



}



#slide{

float:left;

width:899px;

height:345px;

margin-left:42px;
margin-left:130px;

margin-top:0px;

margin-bottom:0px;

background:transparent ;



}



/* The Nivo Slider styles */

.nivoSlider {

float:left;

position:relative;

width: 899px;

height: 345px;

background: url(../images/loading.gif) no-repeat 50% 50%;

border:4px solid #fff;

/* box-shadow: -1px 1px 2px 1px #e2e3e4,

            -1px 2px 60px rgba(255, 255, 255, 0.6) inset;  */

}



.nivoSlider img {

	position:absolute;

	top:0;

	left:0px;

	display:none;

    width:899px; /* Make sure your images are the same size */

    height:345px; /* 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: 20px;

	right:20px; 

	bottom:30px;

	background:#fff;

	color:#566364;

	z-index:8;

	width: 300px;

	padding: 5px;

	overflow: hidden;

	font-family: Damion, tahoma, arial, sans-serif;



}



.nivo-caption p {

	padding:0 !important;

	margin:0 !important;

	font-size:0px;

	

}



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

 position:absolute;

 top:45%;

 z-index:90;	

 cursor:pointer;

 text-indent: -10000px;

 width: 30px;	

 height: 30px;



 }

 

 .nivo-prevNav  {

 left:10px;	

background: url(../images/arrows.png) 0 0  ; 

 background-repeat: no-repeat;

 }

 

 .nivo-nextNav  {	

 right:10px;	

 background: url(../images/arrows.png) -30px 0px  ; 

 background-repeat: no-repeat;

 

 }

 

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav { 

background:transparent;

width:150px;

height:20px;

margin-top:375px;

margin-left:400px;

}



.nivo-controlNav a {

width:11px;

height:11px;

background: url(../images/nivo-link.jpg) 0 0 no-repeat;

margin:0px 5px;

cursor:pointer;

float:left;

text-indent: -10000px;

}



.nivo-controlNav a:hover {

background: url(../images/nivo-active.jpg) 0 0 no-repeat;

  

}



 .nivo-controlNav a.active {

background: url(../images/nivo-active.jpg) 0 0 no-repeat;



}



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

#main, #main-mid {

float:left;

margin:20px 20px 20px 30px;

width:670px;
width: 790px;

background:transparent;

text-align:left;



}



#main-full {

float:left;

margin:20px 20px 20px 30px;

width:900px;
width:1200px;

background:transparent;

text-align:left;



}



item-page { 

position:relative; 



}



.item-page aside {

  float:left;

  position:absolute;

  width:85px;

 

}

.item-image {

  margin:0 0 20px 0;

  width:100%;

  

}

.gk-article {

  font-size:14px;

  line-height:26px !important;

  margin:0 0 80px 110px;
  margin:0 0 80px 85px;

  

}

.item-page .item-page { min-height:400px; }

.item-page time {

  display:block;

  width:66px;

  height:60px;

  line-height:20px;

  margin:0 0 0 8px;

  padding:6px;

  text-align:center;

  background:#a7b294;

  font-size:27px;

  font-weight:600;

  color:#fff;

   font-family: Oswald,tahoma, arial, sans-serif; 

   

}



.item-page time span {

  display:block;

  font-size:25px;

  line-height:35px;

   font-family: Oswald,tahoma, arial, sans-serif; 

   text-transform:uppercase;

   

}



.article-info {

  margin-bottom:0;

  text-align:right;

  font-size:10px;

}

.article-info dd { margin:0 45 24px; }

.gk-item-page .gk-article { min-height:400px; }

.gk-article .article-header {

  clear:both;

  font-size:45px;

  line-height:52px;

  margin:0 45 25px;

   font-family: Oswald,tahoma, arial, sans-serif; 

   text-transform:uppercase;

}



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

/* Pagination ---*/

 .counter {

 text-align:center;

 

 

 }

 

 .pagination   {

 padding: 8px;

 margin:20px 0 0 0;

 overflow: hidden;

 background:transparent;

  border-top:1px solid #dcdcdc;

  border-bottom:1px solid #dcdcdc;

 text-align:center;

 }

 

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

 background:#fff;

 color:#a7b294;

 border-left:1px solid #dcdcdc;

  border-right:1px solid #dcdcdc;

 }

 

 .pagination li a:hover, .pagination li a:active, 

 .pagination li a:focus {

 text-decoration: none;

 color: #727884;

 

 } 

 

 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;

 }

 

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

 

.readmore a:link,

.readmore a:visited,

a.readmore:link,

a.readmore:visited {

float:right;

border:1px solid #dcdcdc;

background:transparent;

padding:5px;

-moz-border-radius: 6px 6px 6px 6px;   

 -webkit-border-radius: 6px 6px 6px 6px;

 border-radius: 6px 6px 6px 6px;  

 -webkit-border-top-left-radius: 6px; 

 /* pour Chrome */   

 -webkit-border-top-right-radius: 6px; 

 /* pour Chrome */  

 -webkit-border-top-top-radius: 6px; 

 /* pour Chrome */  

 -webkit-border-top-bottom-radius: 6px; 

 /* pour Chrome */ 

 

}



.readmore a:hover,

.readmore a:active,

.readmore a:focus,

a.readmore a:hover,

a.readmore a:active,

a.readmore a:focus

{

	background:#727884 ;

	color:#fff;

}



a.readmore:hover,

a.readmore:active,

a.readmore:focus

{

	background:#727884;

	color:#fff;

}



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



 .items-more {

 margin-left:70px;

	

}



 .items-more h3{

 margin-left:40px;

 

}



.items-more ul{

 margin-left:0px;

 

}



.items-more ol li a{

background : url(../images/bg-ul.jpg) no-repeat 0px 2px !important;

color: #a7b294 ;

padding-left:20px;

margin-left:0px;



}



.items-more ol li a:hover,

.items-more ol li a:active,

.items-more ol li a:focus{

color:#727884;



}

.dropdown-menu {

float:left;

text-align:left;

width:80px;



}



li.print-icon a {

float:left;

  

}



.print-icon  {

 float:left;

  

} 



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

 ul.pagenav {

 position:relative;



}



ul.pagenav li {

 list-style: none;

 padding: 8px;

 background:#727884;

color:#fff;

border-radius: 10px;



}



ul.pagenav li a{

color:#fff;



}



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

background:#a7b294;

color:#fff;

padding: 8px;



}



ul.pagenav li.pagenav-prev {

float: left;



}



ul.pagenav li.pagenav-next { 

float:right;



}



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

#colonne {

float:left;

width:220px;

background:transparent;

margin-left:10px;

margin-top:20px;



}



#newsflash .moduletable,

#newsflash .moduletable_menu {

float:left;

width:322px;

background:#a6b193;

color:#fff;

padding:12px 10px 12px 10px;

margin-bottom:30px;

text-align:left;

border:4px solid #fff;

box-shadow: -1px 1px 2px 1px #e2e3e4,

            -1px 2px 60px rgba(255, 255, 255, 0.6) inset; 

}



#newsflash .moduletable h3,

#newsflash .moduletable_menu h3 {

 font-family: Oswald,tahoma, arial, sans-serif;

 font-size:22px;

 padding:0;

 margin:0;

 text-transform:uppercase;

 text-align:center;

 

}



#newsflash .moduletable p,

#newsflash .moduletable_menu p {

 text-align:center;

 

}



#newsflash .moduletable a,

#newsflash .moduletable_menu a {

 color:#fff;

 font-weight:normal;

 

}



#newsflash .moduletable a:hover,

#newsflash .moduletable_menu a:hover {

 color:#727884;



}



#newsflash .readmore  {

	background:transparent ;

	color:#fff;

	

}



#newsflash .readmore:hover {

	background:#727884;

	color:#fff !important;

}



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

#right .moduletable,

#right .moduletable_menu {

float:left;

width:190px;

 background:transparent; 

margin-bottom:20px;

padding:12px 10px 12px 15px;

text-align:left;

}



#right .moduletable h3,

#right .moduletable_menu h3 {

 font-family: Oswald,tahoma, arial, sans-serif;

 font-size:22px;

 padding:0;

 margin:0 0 10px 0;

 text-transform:uppercase;

 text-align:left;

 

 

}



#right .moduletable ul,

#right .moduletable_menu ul {

 padding-left:0px;



}



#right .moduletable a,

#right .moduletable_menu a {

 font-weight:normal;

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

 padding-left:1px;

 padding-top:1px;

 font-size:14px;

}



#content-bottom { 

float:left; 

width:991px; 

height:24px; 

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



}   



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

#ft {

float:left;

width:100%;

height:70px;

margin-top:15px;



}



.ftb-c {

float:left;

text-align:center;

font-weight:bold;

font-size:13px;

width:920px;

font-size:13px !important;

background: transparent;

 color:#727884; 

 margin-top:15px;



}



.ftb-c a{

padding:0 !important;

border:none !important;

font-weight:bold;

font-size:1px !important;

 color:#727884;  



} 



.ftb-c a:hover{

padding:0 !important;

border:none !important;

 color:#727884;  



} 



#top {

float:left;

width:30px;

height:30px;

margin-top:5px;

padding:0 !important;

border:none !important;





}



.top_button {

padding:0 !important;

border:none !important;



}



#wrapper-box {

 float:left;

 width:925px;

 background:transparent;

 text-align:left;

 margin-top:0px;

 margin-left:30px;

 

 } 

 

 .box {

 float:left;

 width:210px;

 background:transparent;

 margin-right:20px;

 

 }

 

 .box .moduletable_menu h3,

 .box .moduletable h3,

 .box h3 {

 font-size:22px;

 text-transform:uppercase;

 text-align:left;

 font-weight: bold;

  font-family: Oswald,tahoma, arial, sans-serif;

 

 }

 

 .box .moduletable_menu  ,

 .box .moduletable  ,.box  {

 margin-bottom:20px;



 

 }

 

 .box .moduletable_menu li   ,.box .moduletable li ,.box li {

 list-style-type:circle; 

 

 }

 

 .box .moduletable_menu ul  ,.box .moduletable ul,.box ul {

 } 

 

 .box .moduletable_menu  a,.box .moduletable  a,.box  a {

 font-weight:normal;

					

 }

 

 .box .moduletable_menu  a:hover,.box .moduletable  a:hover,.box  a:hover {

 font-weight:normal;



 

 }