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

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

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

##                   AILLON                        ##

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

## Copyright = globbersthemes.com- 2012            ##

## Date      = JANVIER 2012                        ##

## Author    = globbers                            ##

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

## version (joomla)                                ##

##                                                 ##

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

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



 html { 

 height: 100%; 

 

 }  

 

 body{

 margin:0;  

 padding:0;   

 text-align:center;  

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

 font-size:13px;   

 color:#2c2c2c;   

 font-family: 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:#2c2c2c ; 

 font-weight:bold;



 } 

 

 a:hover {   

 color:#8fa9a3; 



 }

 

 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:#2c2c2c;   

 padding: 0px 2px 0px 2px;   

 color:#ffffff;

 

 }  



.button {   

 background:#2c2c2c;  

 border:none;   

 color:#fff;   

 font-weight:bold;   

 padding:4px;

 

}  

 

 .inputbox {   

 color:#fff;  

 background:#2c2c2c;  

 border:none; 

 padding:4px;  

 font-weight:bold;

 

 }

 

 .pagewidth{ 

 width:980px;  

 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;

 

 }  

 



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

 #col-left {

 float:left;

 width:280px;

 background:transparent;

 margin-top:55px;

 margin-left:0;

 

 }

 

 #sitename {

 float:left;

 

 }

 

  #topmenu { 

 float:left; 

 width:270px;  

 text-align:left; 

 background:transparent;

 margin-top:50px;



 } 

 

.navigation .moduletable_menu ,

.navigation .moduletable{

margin-bottom:50px;



}



.navigation .moduletable_menu p,

.navigation .moduletable p{

margin-left:22px;

font-weight:bold;



}

 

.navigation .moduletable_menu li ,

.navigation .moduletable li{

list-style-type:none; 

margin-bottom:5px; 

}



.navigation .moduletable_menu h3 ,

 .navigation .moduletable h3{

text-transform:uppercase;

font-size:20px;  

color:#fff;

padding:1px;

display:inline;

margin-left:24px;

margin-bottom:5px;

background:#2C2C2C url(../images/bg-h3.jpg) 96% 6px no-repeat ; 

padding-right:40px; 

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

 }

 

 .navigation .moduletable_menu li a ,

 .navigation .moduletable li a{

text-transform:uppercase;

font-size:18px;  

background:#2c2c2c;

color:#fff;

padding:1px;

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



 }

 

 .navigation .moduletable_menu li a:hover ,

 .navigation .moduletable li a:hover{

color:#fff; 

 background:#8fa9a3;

 padding:1px; 



 }

 

 .navigation .moduletable_menu ul li.active a ,

 .navigation .moduletable ul li.active a  {

 color:#fff;

 background: #8fa9a3; 

 

 }

 

 /********mod login form***********/

 #login-form {

 background:#2c2c2c;

 margin:0 22px 0 22px;

 padding:5px;

 

 }

 

#form-login-username,  

#form-login-password,

#form-login-remember{

background:transparent;

margin:0 0 7px 0;

padding:0;

font-size:20px; 

width:100%;

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

color:#fff;

   

 }

 

 

 #form-login-username input,  

 #form-login-password input {

 background:#fff;

 width:100%;

 color:#2c2c2c

 

 }

 

 #login-form input.button {

 background:#8fa9a3;

 margin:0 ;

 padding:5px;

 color:#fff;

 

 

 }

 

 #login-form ul {

 padding:0px;

 margin:0;

 

 }

 

 #login-form li  {

 background:transparent;

 padding:0px;

 text-transform:capitalize;

 font-size:10px;

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

 margin:0 0 0 10px;

 }

 

 #login-form li a  {

 font-size:20px;



 

 }

 

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

 #search {

float:left;

width:226px;

height:37px;

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

margin-left:20px;



}



#search .inputbox{

background:none;

color:#CCC;

text-align:left;

margin-top:7px;

margin-left:10px;



} 

 

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

 #wrapper-main { 

 float:left; 

 width:680px; 

 background: url(../images/sep.png) 0px 0 repeat-y;

 margin-top:30px; 

margin-left:15px;

 

 } 

 

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

 #main {

 float:left;

 width:100%;

 margin-top:10px;

 margin-left:20px;

 text-align:left;

 position:relative;

 

 }

 

 #wrapper-slide{

 float:left;

 width:645px;

 height:284px ;

 background:transparent ;

 margin-left:50px;

 margin-top:30px;

 margin-bottom:30px;

 

 }

 

 #slide{

 float:left;

 width:645px;

 height:284px;

 margin-left:0px;

 margin-top:0px;

 margin-bottom:0px;

 background:#fff ;

 padding:8px;

 

 }

 

 /* The Nivo Slider styles */

 .nivoSlider {

 float:left;

 position:relative;

 width: 645px;

 height: 282px;

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

 

 }

 

 .nivoSlider img {	

 position:absolute;	

 top:0;	

 left:0;	

 display:none;    

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

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

 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:0px; */	

 bottom:30px;	

 background:#fff;	

 color:#566364;	

 z-index:8;	

 width: auto;	

 padding: 5px;	

 overflow: hidden;	

 

 }

 

 .nivo-caption p {	

 padding:0 !important;	

 margin:0 !important;	

 font-size:20px;	 

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



 }

 

 .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:43%;	

 z-index:9;	

 cursor:pointer;	

 text-indent: -10000px;	

 height:32px;	

 width:22px;

 

 }

 

 .nivo-prevNav {	

 left:20px;	

 background-position: left top;  

 display:none;   background:#000 url(../images/direction-l.png) ;  

 background-repeat: no-repeat; 



 }

 

 .nivo-nextNav {	

 right:20px;	

 background-position: 70px top;  

 display:none;   

 background:#000 url(../images/direction.png) ; 

 background-repeat: no-repeat;

 

 }

 

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

 .nivo-controlNav {   

 display:none;

 

 }

 

 .nivo-controlNav a {   

 display:none; 

 

 }

 

 

 dt.article-info-term {display:none;}

 

 ul.actions {  

 list-style-type: none;  

 text-align: right



 }

 

 ul.actions a {

 padding:0

 

 }

 

 ul.actions  li {  

 display: inline

 

 }

 

 .article-info-term {  

 display: none

 

 }

 

 .article-info { 

 overflow: hidden; 

 font-size: 12px;

 

 }

 .article-info dd {  

 float: left;  

 padding: 0 5px;

 margin-left:5px; 

 

 }

 

 .article-info dd span {  

 text-transform: none;  

 display: inline-block; 

 padding: 0 5px 0 0px;  

 margin: 0 10px 0 0px;  

 background:#2c2c2c;

 

 }

 

 .article-info dd.create {

 background:#000;  

 clear: left

 

 }

 

 .modified, 

 .parent-category-name,

 .category-name,

 .create,

 .published,

 .createdby,

 .hits {

 background:#000;

 color:#fff;

 font-weight:bold;

 

 }

 

 .parent-category-name a,

 .category-name a {

 color:#fff;

 

 }

 

 .parent-category-name a:hover,

 .category-name a:hover {

 color:#ccc;

 

 }

 

 .createdby {

 background:#8fa9a3;

 color:#fff;

 

 }

 

 .items-leading {

 font-weight:normal;

 padding:0px 10px 10px 30px;

 background:transparent;

 

 }

 

 .items-row {

 font-weight:normal;

 padding:0px 10px 10px 30px;

 

 }

 

 .items-leading h2 {

 font-size:24px;

 margin-bottom:0px;

 font-weight:bold;

 text-transform:uppercase;

 padding:20px 0 0 75px;

 height:44px; 

 color:#333a3b;

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

 margin-left:-75px;

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

 }

 

 .items-row  h2{

 font-size:24px;

 margin-bottom:0px;

 font-weight:bold;

 text-transform:uppercase;

 padding:20px 0 0 75px;

 height:44px; 

 color:#333a3b;

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

 margin-left:-75px; 

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

 }

 

 .item-separator {

 width:100%;

 height:50px;

 width:100%;

 display:block;

 background:transparent;

 border-bottom:1px solid #e4e4e4;

 

 }

 

 .item-page {

 font-weight:normal;

 padding:0px 10px 10px 30px;

 

 }

 

 .item-page h2 {

 font-size:24px;

 margin-bottom:0px;

 font-weight:bold;

 text-transform:uppercase;

 padding:20px 0 0 75px;

 height:44px; 

 color:#333a3b;

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

 margin-left:-75px; 

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

 }  

 

 .readmore a {

 float:left;

 font-weight:bold;

 background:transparent;

 

 }

 

 .readmore a:hover {}  

 

 /* COLONNES article*/

 

 div.cols-1 .item {

 width: 100%; 

 

 }

 

 /*  div.cols-2 .item {width: 50%; }

 div.cols-3 .item { width:28%; }

 div.cols-4 .item {width: 20%; }

 div.items-row .item {float: left; } 

 div.item { padding: 0 18px; margin-bottom:25px; }   */

 

 .categories-list {}

 .categories-list li {

 list-style:none;

 

 }

 

 .item-title {

 font-size:18px;

 margin-bottom:0px;

 font-weight:bold;

 color:#000;

 background:transparent;

 text-transform:capitalize;

 padding:0;

 

 }

 

 ul#archive-items li {}

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

 .items-more{

 padding-top:10px;

 

 } 

 

 .items-more h3{

 font-weight:normal;

 margin:0;

 font-size:1.4em;

 margin:0 0 0 30px;

 

 } 

 

 .items-more ol{

 line-height:1.3em;

 margin:0 0 0 10px;

 

 } 

 

 .items-more ol li{

 padding:2px;

 

 } 

 

 .items-more ol li a {

 display:inline;

 margin:0;

 font-weight:normal;

 

 }

 

 .items-more ol li a:hover, 

 .items-more ol li a:active, 

 .items-more ol li a:focus {

 font-weight:normal;

 text-decoration:none

 

 } 

 

 /* Pagination ---*/ 

 .counter {

 text-align:center;

 

 }

 

 .pagination { 

 float: left; 

 width: 100%; 

 padding:10px 0; 

 text-align:center;

 

 }

 

 .pagination li {

 background: none;

 display: inline;

 margin: 0;

 padding: 6px;

 margin:0 3px;

 overflow: hidden;

 

 }

 

 .pagination li span {

 padding: 6px; 

 line-height: 20px;

 

 }

 

 .pagination a {

 background:#2c2c2c;

 line-height: 20px;

 padding:6px;

 text-decoration: none;

 color:#fff;



 }

 

 .pagination a:hover, .pagination a:active, .pagination a:focus {

 text-decoration: none;

 background:#8fa9a3;

 color:#fff;

 

 } 

 

 ul.pagenav {

 position:relative;

 

 }

 

 ul.pagenav li { 

 list-style: none; 

 padding: 8px; 

  background:#8fa9a3;

 color:#fff;

 

 }

 

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

 padding: 8px;

 background:#2c2c2c;

 color:#fff;

 }

 

 ul.pagenav li.pagenav-prev {

 float: left;

 

 }

 

 ul.pagenav li.pagenav-next { 

 float:right;

 

 }         



#ft {

float:left;

width:100%;

 background:#2c2c2c url(../images/ft.jpg) no-repeat 0 0;

margin-top:25px;

color:#fff;

padding-top:35px;



}



 .box {

float:left;

width:210px;

text-align:left;

margin-left:28px;

color:#2c2c2c;

padding-bottom:10px;



} 



.box h3  {

font-size:32px;

text-transform:uppercase;

font-weight:bold;

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

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

text-align:center;

margin:0;

color:#2c2c2c;



}



.box .moduletable ,

.box .moduletable_menu {

padding:10px;

background:#8fa9a3 url(../images/bg-box.jpg) 100% 0px no-repeat;

margin-bottom:30px;

font-weight:bold;



} 



.box .moduletable a,

.box .moduletable_menu a{

color:#2c2c2c 



} 



.box .moduletable a:hover,

.box .moduletable_menu a:hover {

color:#fff !important;



} 



.box .moduletable ul,

.box .moduletable_menu ul{

padding: 0 0 0 25px;

margin:0;

color:#2c2c2c 



} 



 #ftb{

 float:left;

 width:100%;

 height:50px;

 background:#2c2c2c;

 

}

 

 .ftb {

 float:left;

 margin-top:10px;

 text-align:center;

 font-weight:bold;

 font-size:25px;

 width:900px;

 color:#fff;

 padding:0;

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

 

}

  .ftb {

font-size:12px; 

} 

 .ftb a{

 padding:0 !important;

 border:none !important; 

font-size:12px;

text-transform: uppercase;

color:#fff;

 font-weight:bold;

 

} 

 

 .ftb a:hover{

 padding:0 !important;

 border:none !important;

color:#fff;

 

} 



#top {

 float:left;

 width:30px !important;

 height:30px !important;

 margin-top:0px !important;

 padding:0 !important;

 border:none !important;

 background:transparent;

 

 }

 

 .top_button {

 padding:0 !important;

 border:none !important;

 width:30px !important;

 height:30px !important;

 

 }