/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/


h1 {display:none;}
h2 {height:230px; text-indent:-9999px;}
h3 {font-size:12px; color:#000;}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, 
ul, ol, li, dl, dt, dd, form, a, fieldset, th, td {
 margin: 0; 
 padding: 0; 
 border: 0; 
 outline: none;
}

ul, ol {list-style:none;}



/*-----------------------------------------------------------------------
General Classes
------------------------------------------------------------------------*/

.required {font:normal 11px Tahoma; color:#91ab0b;}
.hide {display:none;}
.clear {clear:both;}




/*-----------------------------------------------------------------------
Content
------------------------------------------------------------------------*/

#content {
 width:568px;
 background: url(../img/accueil/fond.png) no-repeat 0 0;
}

#content-wrapper {
	width:568px;
	height:230px;
	padding: 18px 0px 0px 19px;
	color: #FFF;

}

#content h3 {
 width:550px;
 line-height:20px;
}

#content p {
 font-size:12px; 
 line-height:18px;
 color:#4b4b4b;
}


/*-----------------------------------------------------------------------
Columns Containers
------------------------------------------------------------------------*/

#columns-container {
 width:700px;
 overflow:auto;
}

#column-left {width:568px; height:230px; float:left;}

#column-right {
 width:130px;
 float:left;
 position:relative;
}

/*-----------------------------------------------------------------------
Tabbed Navigation
------------------------------------------------------------------------*/

#tabbed-navigation {position:absolute; right:0;}
#tabbed-navigation li {float:left; margin:0 0 3px 0;}
#tabbed-navigation li span {display:none;}

#tabbed-navigation li a {
 width:170px;
 height:63px;
 display:block;
 text-indent:-9999px;
}

/*Default State*/
#tabbed-navigation li#tn-site a {background:url(http://www.bleuluciol.com/img/accueil/site-internet-off.png);}
#tabbed-navigation li#tn-print a {background:url(http://www.bleuluciol.com/img/accueil/print-off.png);}
#tabbed-navigation li#tn-ecolo a {background:url(http://www.bleuluciol.com/img/accueil/luciol-ecolo-off.png);}


/*Hover State*/
#tabbed-navigation li#tn-site a:hover {background:url(http://www.bleuluciol.com/img/accueil/site-internet-hover.png);}
#tabbed-navigation li#tn-print a:hover {background:url(http://www.bleuluciol.com/img/accueil/print-hover.png);}
#tabbed-navigation li#tn-ecolo a:hover {background:url(http://www.bleuluciol.com/img/accueil/luciol-ecolo-hover.png);}


/*Active State*/
#tabbed-navigation li#tn-site a.active {cursor:default; background:url(http://www.bleuluciol.com/img/accueil/site-internet-on.png);}
#tabbed-navigation li#tn-print a.active {cursor:default; background:url(http://www.bleuluciol.com/img/accueil/print-on.png);}
#tabbed-navigation li#tn-ecolo a.active {cursor:default; background:url(http://www.bleuluciol.com/img/accueil/luciol-ecolo-on.png);}

.tab-contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;
}
#tab-ref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
}
#tab-ref a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-decoration:none;
}
#tab-ref a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-decoration:underline;
}