/****************************************************
#####################################################
##-------------------------------------------------##
##                  ASHTON                         ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = OCTOBRE 2012                         #
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

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

 } 
 
 a:hover {  
 color:#c29862; 

 }  
 
 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:#030303;  
 padding: 0px 2px 0px 2px;  
 color:#ffffff;  
 -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 */  

 }  
 
 .button {  
 background:#030303;  
 border:none;  
 color:#fff;  
 font-weight:bold;  
 padding:4px;  
 -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 */ 
 
 } 
 
 .inputbox {  
 color:#fff;  
 background:#030303;  
 border:none; 
 padding:4px; 
 font-weight:bold; 
 -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 */ 

 }
 
 .pagewidth{
 width:919px; 
 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;
 
 }   

 /*************************/ 
 
 #header {
 float:left;
 width:919px;
 height:146px;
 background: url(../images/header.png) 0 0 no-repeat;
 margin-top:70px; 
 
 }
 
 #header-top {
 float:left;
 width:897px;
 height:75px;
 background: transparent;
 margin-left:10px;
 margin-top:13px;
 
 }
 
 #sitename {
 float:left;
 width:309px;
 height:45px;
 margin:13px 10px 0px 10px;
 
 }
 
 #header-bottom {
 float:left;
 width:897px;
 height:45px;
 background:transparent;
 margin-left:11px;
 margin-top:12px;
 
 }
 
 /*******************/
 #topmenu {
 float:left;
 width:770px;
 height:40px;
 background:transparent;
 
 }
 
 /***************************/
 .navigation { 
 float:left;
 width:770px; 
 margin-top:10px;
 background:transparent;
 margin-left:5px;
 
 }
 
 .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 {
 padding: 5px 18px 0 8px ;
 margin:0;
 display: block; 
 font-weight: lighter;
 font-size:14px;
 text-transform:uppercase;
 height:40px;
 color:#fff;
 
 }
 
 .navigation ul li a:hover {
 color:#fff;
 color:#deae6f;
 
 }
 
 .navigation ul li {
 background:transparent;
 height:40px;
 
 }
 
 .navigation ul li span {
 background:transparent;
 height:40px;
 padding:0px ;
 margin:0 ; 
 
 }
 
 .navigation li.active a{
 color:#deae6f;
 
 }
 
 /* 2nd level and above */ 
 .navigation ul li ul {
 background: url(../images/bg-ul.jpg) 0 0 repeat;
 margin-top: -10px;
 padding-bottom: 10px;
 padding-top: 0px;
 text-align:left !important;
 padding-bottom:0px;
 
 }
 
 .navigation ul li ul li {
 height:40px !important;
 background: url(../images/bg-li.jpg) 0 100% repeat-x;
 
 } 
 
 .navigation ul li ul li a:hover,
 .navigation ul li ul li.active a  {
 height:40px !important;
 background:none !important;
 
 }  
 
 .navigation ul li ul li a{height:40px !important;
 padding-left:31px;
 background:none !important;
 padding-top:15px !important;
 color:#ffffff !important;
 
 } 

 .navigation ul li ul li a:hover {
 height:40px ;
 background:none !important;
 color:#deae6f !important;
 
 } 
 
 .navigation ul li ul li.active {
 height:40px ;
 background:none !important;
 
 }
 
 .navigation ul li ul li.active span {
 height:41px ;
 background:none !important;
 
 }
 
 .navigation ul li ul li.active a {
 height:40px ;
 background:none !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;
 
 } 
 
 /**********************/
 #social-icons {
 float:left;
 width:100px;
 height:40px;
 background:transparent;
 margin:0 0 0 10px;
 
 }
 
 /*********************/
 #wrapper-slide{
 float:left;
 width:918px;
 height:410px !important;
 background: url(../images/bg-slide.png) 0 0 no-repeat;
 margin-left:1px;
 
 }
 
 #slide{
 float:left;
 width:918px;
 height:410px;
 background:transparent;
 
 }
 
 /* The Nivo Slider styles */
 .nivoSlider {
 float:left;	
 position:relative;
 width: 918px;	
 height: 410px ;	
 margin-left: 10px;
 margin-top: 0px;	
 background: url(../images/loading.gif) no-repeat 50% 50%;
 
 }
 
 .nivoSlider img {	
 position:absolute;	
 top:0px;	
 left:0px;	
 display:none;   
 width:896px; /* Make sure your images are the same size */    
 height:410px; /* 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 !important; 
 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 {
 position:absolute;
 top:45%;
 z-index:9;	
 cursor:pointer;
 text-indent: -10000px;
 width: 30px;	
 height: 30px;
 background:#000 url(../images/arrows.png);
 background-repeat: no-repeat;	
 display:none; 
 
 }
 
 .nivo-prevNav {
 left:0px;	
 background-position: left top;
 display:none;
 
 }
 
 .nivo-nextNav {	
 right:0px;	
 background-position: -31px top;
 display:none;
 
 }
 
 /* Control nav styles (e.g. 1,2,3...) */
 .nivo-controlNav {
 position:absolute;
 left:50%;
 margin-top:365px; 
 width: 80px;
 height: 30px;
 background:transparent;text-align:center ;

 }
 .nivo-controlNav a {
 float:left; 
 width:15px;
 height:15px;
 z-index:9;
 cursor:pointer;
 text-indent: -10000px; 
 text-align:center !important;
 background: url(../images/nave.png);
 margin-left:5px;  

 }
 
 .nivo-controlNav a:hover {
 background: url(../images/naveh.png);
 
 }
 
 .nivo-controlNav .active {
 background: url(../images/naveh.png);
 
 }
 
 /**************************/
 #wrapper {
 float:left;
 width:918px;
 background: url(../images/wrapper.png) 0 0 repeat-y;
 margin-left:1px;
 
 }  
 
 /* ++++++++++++++  main general  ++++++++++++++ */ /***********************/
 #main {
 float:left;
 width:560px;
 margin-left:25px;
 text-align:left;
 margin-top:20px;
 
 }
 
 #main-full {
 float:left;
 width:865px;
 text-align:left;
 
 }
 
 /*********joomla style**************/
 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;
 
 }
 
 .items-page,.category-desc {
 width:100%;
 font-weight:normal;
 
 }
 
 .items-leading,
 .items-row .item, 
 .item-page ,
 .category-desc {
 width:100%;
 background:#fff ;
 border:1px solid #e4e4e4;
 padding:10px;
 margin-bottom:20px;
 padding-bottom:20px; 
 box-shadow: 2px 1px 1px #fafafa;
 
 }
 
 .items-leading h2,
 .items-leading h2 a ,
 .items-row h2,
 .items-row h2 a ,
 .item-page h2,
 .item-page h2 a {
 font-size:18px;
 font-weight:bold;
 color:#020202;
 background: url(../images/bg-h3.jpg) repeat-x 0 0;
 padding-top:5px;
 padding-bottom:10px;
 margin:0;
 text-transform:capitalize;
 
 } 
 
 .items-leading h2 ,.items-row h2 ,.item-page h2 { 
 border-bottom:1px solid #e4e4e4; 
 
 } 
 
 .items-leading h2 a:hover, .items-row h2 a:hover, .item-page h2 a:hover {
 color:#c29862;
 
 } 
 
 .item-separator {
 width:100%;
 display:block;
 height:10px;
 
 }
 
 .readmore a {
 float:left;
 font-weight: normal;
 background: url(../images/puce.jpg) no-repeat 0 4px;
 padding-left:15px;
 margin-bottom:15px !important;
 
 }
 
 .categories-list li {list-style:none;}
 ul#archive-items li {list-style:none;}
 
 .items-more{
 padding:10px;
 background:#fff url(../images/bg-h3.jpg) repeat 0 0;
 border:1px solid #e8e8e8;
 
 } 
 .items-more h3{
 font-weight:normal;
 margin:0;
 padding:10px 5px 10px 5px;
 font-size:1.4em;
 background: transparent;
 
 } 
 
 .items-more ol{
 line-height:1.3em;
 margin:0 ;
 padding:10px 0 5px 2px;
 
 } 
 
 .items-more ol li{
 padding:2px;
 background:transparent;
 list-style:none;
 padding-left:15px;
 
 } 
 
 .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
 
 } 
 
 #main img{
 margin:5px 15px 15px 0px;
 
 }
 
 /* Pagination ---*/
 .counter {
 text-align:center;
 padding:10px 0;
 
 }
 
 .pagination { 
 float: left;
 width: 100%; 
 padding:4px 0; 
 text-align:center;
 margin-bottom:25px;
 
 }
 
 .pagination li {
 background: none;
 display: inline;
 margin: 0;
 padding: 6px;
 margin:0 3px;
 overflow: hidden;
 
 }
 
 .pagination li span {
 padding: 6px; 
 line-height: 20px;

 }
 
 .pagination li a {
 color: #000;
 line-height: 20px;
 padding:7px;
 text-decoration: none;
 background:#fff;
 
 }
 
 .pagination li a:hover, .pagination li a:active, 
 .pagination li a:focus {
 text-decoration: none;
 color:#fff;
 background:#222;
 
 } 
 
 /* ++++++++++++++  nav entre article  ++++++++++++++ */
 ul.pagenav {
 position:relative;
 margin-top:25px; 
 
 } 
 ul.pagenav li { 
 list-style: none;
 padding: 7px; 
 background:#030303; 
 color:#fff; 
 
 }
 
 ul.pagenav li a {
 list-style: none;
 padding: 7px;
 color:#fff; 
 
 } 
 
 ul.pagenav li:hover,
 ul.pagenav li:focus {
 background:#010101;
 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;
 
 }
 
 /******************/
 #colonne {
 float:left;
 width:260px;
 background:transparent;
 margin-bottom:20px;
 margin-left:35px;
 margin-top:20px;
 
 }
 
 #right {
 float:left;
 width:250px;
 background:transparent;
 
 }
 
 #right h3 {
 font-size:18px;
 font-weight:bold;
 color:#020202;
 background: url(../images/bg-h3.jpg) repeat-x 0 0;
 padding-top:5px;
 padding-bottom:10px;
 margin:0;
 text-transform:capitalize;
 border-bottom:1px solid #e4e4e4; 
 
 }
 
 #right ul {
 padding-left:15px;
 padding-top:15px;
 
 }
 
 #right .moduletable_menu,
 #right .moduletable {
 width:250px;
 background:#fff ;
 border:1px solid #e4e4e4;
 padding:10px;
 margin-bottom:20px;
 padding-bottom:20px; 
 box-shadow: 2px 1px 1px #fafafa;
 text-align:left;
 
 }
 
 /* ++++++++++++++  tabs/ slide  ++++++++++++++ */
 .modulebox1 {
 float:left;
 width:270px;
 height:auto !important;
 border:1px solid #e4e4e4;
 margin-bottom:20px;
 box-shadow: 2px 1px 1px #fafafa;
 background:transparent;
 text-align:left;
 
 }
 
 .sepbottom {display:none;}
 .sepbottom2 {display:none;}
 
 .tabcontent {
 padding:10px ; 
 margin:0px 0 0 0; 
 background:transparent; 
 width:250px !important;
 
 }
 
 ul.tabs {
 overflow:hidden;
 padding:0px 0 0px 0 !important;
 height:47px !important;
 margin:0 !important;
 text-decoration:none;
 background: url(../images/bg-h3.jpg) repeat-x 0 0;
 border-bottom:1px solid #e4e4e4;
 width:270px; 
 
 }
 
 .tabcontent img {
 padding:0 10px 10px 10px  ;

 }
 
 .tabopen {
 display:block;
 margin-bottom:0px;
 overflow:hidden;
 
 }
 
 .tabclosed { 
 display:none;

 }
 
 a.linkopen {
 background:transparent;
 
 }
 
 ul.tabs li {
 list-style-type:none;
 float:left;
 width:auto;
 padding:14px 0 0px 0;
 display:block;
 margin:0 ;
 font-size:1em;
 text-decoration:none;
 background: transparent ;
 
 }
 
 ul.tabs li a:link,ul.tabs li a:visited {
 font-size:18px !important;
 font-weight:bold;
 padding:5px 10px;
 margin:0 !important;
 text-transform:capitalize !important;
 border-left:1px solid #e4e4e4 !important;  

 }
 
 a.linkopen:link,a.linkopen:visited { 
 text-decoration:none !important;
 color:#c29862 !important; 
 
 }
 
 a.linkclosed:link,a.linkclosed:visited {
 font-size:18px !important;
 font-weight:bold;
 color:#020202 !important;
 
 }
 
 .tabcontent:focus{
 outline:none;
 
 }
 
 .tabcontent ul{ 
 padding:0 0 0 5px;

 }
 
 .tabcontent ul li {
 margin-left:15px;

 }       

 .tabouter { 
 width:220px;
 margin:5px 0 0 0 ;
 background:transparent;
 
 }
 
 /***********************/
 #ft {
 float:left;
 width:917px;
 margin-left:1px;
 background: url(../images/ft.png) 0 0 repeat-y;
 text-align:left;
 
 }
 
 #wrapper-box {
 float:left;
 width:897px;
 background:transparent;
 text-align:left;
 margin-top:0px;
 margin-left:30px;
 
 } 
 
 .box {
 float:left;
 width:200px;
 background:transparent;
 margin-right:20px;
 
 }
 
 .box .moduletable_menu h3,
 .box .moduletable h3,
 .box h3 {
 font-size:18px;
 text-transform:capitalize;
 text-align:left;
 font-weight:bold;
 color:#fff;padding:8px ;
 
 }
 
 .box .moduletable_menu  ,
 .box .moduletable  ,.box  {
 padding-bottom:5px;
 margin-bottom:20px;
 color:#fff;
 
 }
 
 .box .moduletable_menu li   ,.box .moduletable li ,.box li {
 list-style-type:none; 
 color:#fff;
 padding:5px 0;
 border-bottom:1px solid #1d1d1d;
 
 }
 
 .box .moduletable_menu ul  ,.box .moduletable ul,.box ul {
 padding:0;
 margin:0;
 
 } 
 
 .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:#c29862; 
 
 }
 
 .ftb {
 float:left;
 text-align:center;
 font-weight:normal;
 font-size:13px;
 width:894px;
 height:57px;
 float:left;
 color:#fff;
 margin-left:0px;
 background: url(../images/ftb.png) 0 0 repeat-x;
 margin-left:12px;
 
 } 
 
 .ftb-c  {
 float:left;
 width:800px;
 height:25px;
 margin-top:23px;
 
 }
 
 .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:12px;
 padding:0 !important;
 border:none !important;
 background:transparent;
 
 }
 
 .top_button {padding:0 !important;
 border:none !important;
 
 }