/****************************************************
#####################################################
##-------------------------------------------------##
##              SMARTIN black                      ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2013            ##
## Date      = mai 2013                            ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
## version (joomla)                                ##
##                                                 ##
#####################################################
****************************************************/



 html {     
 height: 100%;    
 
 }
 
 body{
 margin:0;
 padding:0;
 text-align:left;
 background:#ccc url(../images/bg.jpg) 0 0 repeat;
 font-size:13px;
 color: #434242;
 font-family: 'Open sans',tahoma, arial, sans-serif;
 font-weight:normal;
 }  
 
 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:#353535;  
 font-weight:normal;        
 
 }     

 a:hover {        
 color:#000;   
 -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:square;      
 background:transparent;    
 margin: 4px;      

 }        
 
 img {      
 border:none;      
 margin:5px;        
 padding:0;         

 }     
 
 img .caption {        
 text-align: left; 
 
 }       
 
 .highlight{       
 background: #000;      
 padding: 0px 2px 0px 2px;        
 color:#ffffff;       

 }         
 
 .button {        
 background: #000;      
 border:none;       
 color:#fff;        
 font-weight:normal;       
 padding:4px;     

 }      
 
 .inputbox {        
 color:#fff;      
 background: #000;         
 border:none;      
 padding:4px;      
 font-weight:normal;         
 
 }      
 
 .pagewidth{    
 width:987px;       
 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;      

 } 
 
 /*******************************/

 #social-icons {
 float:right;
 width:220px;
 height:20px;
 background:transparent;
 text-align:left;
 
 }

 #twitter a, #facebook a {
 float:left;
 height:20px;
 margin-top:15px;
 background: transparent ;
 font-family: Oswald,'Open sans',tahoma, arial, sans-serif;   
 margin-left:15px; 
 color:#000; 
 font-size:12px;

 }
 
 #twitter a:hover, #facebook a:hover {
 color:#060606;
 
 }
 
 /******************************/
 #header {
 float:left;
 width:987px;
 height: 140px;
 background: url(../images/content-header.png) 0 0 no-repeat;
 margin-top:5px;
 }
 
 #content {
 float:left;
 width:987px;
 background: url(../images/content.png) 0 0 repeat-y;
 margin-top:0px;
 
 }
 
 #header-left {
 float:left;
 width: 400px;
 height: 110px;
 background:transparent;
 }
 #sitename {margin-top: 10px;}
 
 #header-right {
 float:left;
 width: 550px;
 height:110px;
 background:transparent;
 margin-left:15px;
 }
 
 /****************************/
 .navigation {
 float:left;
 width: 650px;
 height: 44px;
 background:transparent;
 margin-top: 42px;
 }  
 
 .navigation ul { 
 list-style: none; 
 margin:0; 
 padding:0; 
 float: left; 

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

 }  
 
 .navigation ul li { 
 margin:0; 
 padding: 0; 
 float: left; 
 list-style: none; 
 background: none; 
 display: block;	  
 
 }  
 
 .navigation ul li ul {
 width: 220px !important;
 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: 13px 15px 0 15px ; 
 margin:0;
 display: block; 
 font-weight: normal;	 
 font-size:13px; 
 text-transform:uppercase; 
 height:30px; 
 background:transparent;
 font-family: Oswald,'Open sans',tahoma, arial, sans-serif;  

 }  
 
 .navigation ul li a:hover {
 color:#fff;
 background: #636363;
 } 
 
 .navigation ul li {
 background: transparent;
 /* height:44px; */
 }  
 
 .navigation ul li.active a {
 color:#fff;
 background: #A23034;
 }   
 
 .navigation ul li ul {
 background: #636363;
 margin-top: 0px;
 padding-bottom: 10px;
 text-align:left !important;
 padding-bottom:0px;
 color:#fff;
 }  
 
 .navigation ul li ul li {
 padding-top:2px;
 background: transparent;
 border-bottom: 1px solid #fff;
 }  
 
 .navigation ul li ul li a{
 color:#fff !important;
 width: 200px;
 }  
 
 .navigation ul li ul li a:hover  {
 height:31px;
 background:transparent;
 color: #FFFFFF !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 { 
 color:#fff !important;   
 
 }  
 
 .navigation ul li.active ul li a {
 color:#fff !important;
 background: none;
 }  
 
 .navigation ul li.active ul li a:hover { 
 color:#fff !important; 

 } 

 /*************************/ 
 #left { 
 float:left; 
 width:300px; 
 background:transparent; 
 border-right:1px solid #e1e1e1; 
 text-align:left;  
 
 }  
 
 #left h3 {
 font-size: 16px;
 margin: 0px;
 padding: 5px 0 0 5px;
 color: #434242;
 font-weight:normal;
 margin-top: 0px;
 background:transparent;
 text-align: center;
 font-weight: bold;
 }
 
 
 #left .moduletable_menu,#left .moduletable {
 margin-bottom: 15px;
 font-size:13px;
 font-weight:normal;
 width:230px;
 margin-left:40px;
 padding:0 5px;
 }
 
 #left .moduletable_menu a,#left .moduletable a {
 font-weight: normal;
 }
 
 #left .moduletable_menu a:hover,#left .moduletable a:hover {
 font-weight:normal;
 
 }  
 
 /*********************/
 #wrapper-slide{
 float:left;
 width:655px;
 height:400px !important;
 background:transparent;
 margin-left:15px;
 margin-top:20px;
 margin-bottom:20px;


 }

 #slide{
 float:left;
 width:655px;
 height:400px;
 background:transparent;

 }

 /* The Nivo Slider styles */

 .nivoSlider {
 float:left;	
 position:relative;
 width: 655px;	
 height: 400px ;	
 margin-left: 0px;
 margin-top: 0px;	
 background: url(../images/loading.gif) no-repeat 50% 50%;

 }

 .nivoSlider img {	
 position:absolute;	
 top:0px;	
 left:0px;	
 display:none;   
 width:655px; /* Make sure your images are the same size */    
 height:400px; /* 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: 600px;	
 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 {
 }
 
 /**************************/
 
 #main {
 float:left;
 margin: 10px 0px 20px 15px;
 width:650px;
 background:transparent;
 text-align:left;
 }
 
 #main-full {
 float:left;
 margin: 20px 0px 20px 20px;
 width:950px;
 background:transparent;
 text-align:left;
 }
 
 item-page { 
 position:relative; 
 
 }
 
 .item-page aside {  
 float:left; 
 position:absolute;  
 width:85px; 
 
 }
 
 .item-image {  
 margin:10px 0px 10px 0; 
 width:100%;  
 padding:0 !important;
 
 }
 
 .item-image {    	
 -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;
 
 }
 .item-image:HOVER {
 z-index: 10;	 
 -webkit-transform:scale(1.2);	   
 -moz-transform:scale(1.2);	    
 -ms-transform:scale(1.2);	    
 -o-transform:scale(1.2);   
 transform:scale(1.2); 	
 cursor:pointer;	
 -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;
 
 }
 
 .gk-article {
 font-size:14px;
 line-height: 22px !important;
 margin: 0 0 60px 10px;
 padding:0px 15px 45px 15px;
 background:transparent;
 min-height:300px;
 background:transparent;
 }
 
 .item-page .item-page { 
 min-height:400px;   
 
 } 
 
 .item-page time {  
 display:block; 
 width:85px;  
 height:60px;  
 line-height:20px;  
 margin:0 0 15px 0px; 
 padding:6px 6px 6px 0px;  
 text-align:center;  
 font-size:26px; 
 text-transform:uppercase; 
 background:#000; 
 color:#fff;     
 
 }
 
 .item-page time span {  
 display:block;  
 font-size:32px; 
 line-height:45px;  

 }
 
 .article-info {  
 margin-bottom:0;  
 text-align:left;  
 font-size:11px;  
 margin-left:5px; 
 margin-top:0;   
 
 }
 
 .article-info dd { 
 margin:0 0 10px ; 
 font-weight:normal;
 
 }
 
 .gk-item-page .gk-article {
 min-height:400px;
 background-color: white;
 color: #333333;
 clear: both;
 border: 1px solid #e6e6e6;
 padding: 10px;
 margin-right: 30px;
 }
 
 .gk-article .article-header {
 clear:both;
 font-size: 22px;
 line-height: 25px;
 margin:0px 0 5px 0;
 margin-bottom: 25px;
 }
 
 /*********************//* 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;
 background:#000;  
 padding:5px 5px 5px 5px; 
 color:#fff; 
 
 }  
 
 .pagination li a:hover, 
 .pagination li a:active,  
 .pagination li a:focus { 
 text-decoration: none; 
 background:#353535; 
 
 }  

 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 {
 position:absolute;
 margin-bottom:0px;
 background: #A23034;
 color:#fff;
 font-weight:normal;
 padding: 10px;
 width: 120px;
 text-align: center;
 }
 
 #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{
 background: #636363;
 }
 
 #main-full .readmore a:link,
 #main-full .readmore a:visited,
 #main-full a.readmore:link,
 #main-full a.readmore:visited {
 position:absolute;
 margin-bottom:0px;
 right:30%;
 background:#df7d7f; 
 color:#fff; 
 font-weight:normal; 
 padding:5px;}
 
 #main-full .readmore a:hover,
 #main-full .readmore a:active,
 #main-full .readmore a:focus,
 #main-full a.readmore a:hover,
 #main-full a.readmore a:active,
 #main-full a.readmore a:focus{
 background: #353535;
 
 }
 
 /* ++++++++++++++  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;
 margin-left:10px;
 list-style-type:disc !important;
 
 }
 
 .items-more ol li a:hover,.items-more ol li a:active,.items-more ol li a:focus{}
 
 /******************************/
 .email-icon , .print-icon   { 
 float:left; 
 font-size:11px;
 margin:0 0 0 5px; 
 padding:0;  
 list-style-type:none;

 } 
 
 .email-icon a , .print-icon a   { 
 font-weight:normal;
 margin:0; 
 padding:0;
 list-style-type:none;

 } 
 
 /* ++++++++++++++  nav entre article  ++++++++++++++ */ 
 ul.pagenav { 
 position:relative; 
 margin-bottom:15px;
 
 }
 
 ul.pagenav li {
 list-style: none; 
 padding: 8px;
 background:#353535;
 color:#fff;
 border-radius: 10px;
 
 }
 
 ul.pagenav li a{
 color:#fff;
 
 }
 
 ul.pagenav li a:hover, ul.pagenav li a:focus {
 background:#000 ;
 color:#FFF ;
 
 }
 
 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,.category-list{
 font-size:14px;
 line-height:26px !important;
 margin: 0 0 10px 0;
 padding: 0px 0px 45px 15px;
 background:transparent;
 }
 
 .contact h2 {
 font-size:38px;
 font-family:Oswald;  

 }
 /*****************************/ 
#footer {
float:left;
width:981px;
background:#000;
margin-left:3px;

}

#ftb {
float:left;
width:100%;
background: transparent;
margin-top:0px;
padding-top:5px;

}

.box {
float:left;
width:210px;
text-align:left;
background:transparent;
overflow:hidden;
margin-bottom:25px;
margin-left:20px;
margin-top:10px;
padding-right:10px;
color:#fff;

} 

.box h3  {
font-size:24px;
text-transform:capitalize;
text-align:left;
font-weight:normal;
background:transparent ;
padding:15px 10px;
margin:0;
font-family: oswald, 'Open sans',tahoma, arial, sans-serif;     

}

.box .moduletable a,
.box .moduletable_menu a{
color:#fff;
font-weight:normal;
font-size:13px;

} 

.box .moduletable a:hover,
.box .moduletable_menu a:hover {
 color:#ccc; 

} 

#ft {
float:left;
width:981px;
height:60px;background: #636363;
margin-left:3px;
margin-bottom:35px;}

.ftbl {
float:left;
margin-top:20px;
text-align:center !important;
font-weight:normal;
font-size:12px;width: 100%;
color:#fff !important;
background:transparent;}

.ftbl a{
padding:0 !important;
border:none !important;
color:#fff !important;
font-weight:normal;display: none;} 

 .ftbl a:hover{
padding:0 !important;
border:none !important;
color:#fff !important;

} 

#top {
float:left;
width:30px;
height:30px;
margin-top:10px;
margin-left:100px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
padding:0 !important;
border:none !important;display: none;}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid #B9B4B4;
}
table.dataTable.no-footer {
    border-bottom: 2px solid #A23034;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 2px solid #A23034;
}
div.booklink {
    position: relative;
    float:left;
    padding-top: 8px;
    padding-right:25px;

}

div.book {
    width: 100%;
    display: table;
}
.booklink a:hover, #infolink a:hover{color: #AAADAF;}
.booklink a, #infolink a{color: #A23034;
    font-weight: bold;}

.page-header {
    display: none;
}
ul.nav-child li.current.active {
    color: brown;
}

li.item-233.current.active a, li.item-238.current.active a, li.item-852.current.active a, li.item-506.current.active a, li.item-507.current.active a, li.item-508.current.active a,
li.item-510.current.active a, li.item-511.current.active a, li.item-512.current.active a, li.item-513.current.active a, li.item-851.current.active.parent a, 
li.item-854.current.active a, li.item-855.current.active a, li.item-857.current.active a, li.item-858.current.active a, li.item-859.current.active a, li.item-858.current.active a, li.item-851.current.active a
{
    font-weight: bold !important;
    color: brown;
}

.infobook {
    font-size: 12px;
    line-height: 14px;
}
div#example_info {
    display: none;
}
.bookimg {
    position: relative;
    float: left;
}
li.item-509.current.active.deeper.parent, li.item-509.current.active.deeper.parent a,  li.item-851.current.active.deeper.parent a{
    color: black;
    
}

li.item-510.current.active a, li.item-852.current.active a{
    color: brown !important;
}
li.item-435.active.deeper.parent a {
    font-weight: bold;
}
#infoimg {
    position: relative;
    float: left;
}
div#infolink {
    position: relative;
    float:left;
    padding-top: 8px;
}
span.sf-sub-indicator {
    display: none;
}
li.item-468.deeper.dropdown.parent.sfHover {
    background: #636363;
}
li.item-468.deeper.dropdown.parent.sfHover a{
    color:#fff !important;
}
li.item-544, li.item-545, li.item-546 {
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}
li.item-546 {
    padding-bottom: 40px !important;
    padding-top: 0px !important;
}
.list-title a {
    text-decoration: underline;
}
.list-title a:hover {
    color:brown
}