/* 
All for Design : Tutoriel : Réalisation d'un breadcrumb avancé en CSS
http://all-for-design.com
 */


/*BREADCRUMB GENERAL STYLE*/
.cadreNoir{
	width:250px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold;
	padding:2px;
}
.cadreNoir ul li {
	list-style-type:disc;
	margin-left:20px;
}
.cadreNoir td {
	height:18px;
}
.media td {
	padding-right:50px;
	/*width:100px;*/
}
		
#breadcrumb{
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
width:695px;
}


#breadcrumb ul, #breadcrumb li {
list-style-type:none;	
padding:0;margin:0;
}		

	

#breadcrumb li.first {
background:url(../images/first-left.png) 0 0 no-repeat;
height:33px;
} 


#breadcrumb li {
float:left;
background:url(../images/general-left.png) 0 0 no-repeat;
line-height:33px;
margin:5px 0 0 0;
padding-left:13px;
}


#breadcrumb li a, #breadcrumb li span {
float:left;
background:url(../images/bg-gradient.jpg) 0 0 repeat-x;
height:33px;
margin:0;
padding:0 0 0 5px;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.02em;
}	
#breadcrumb li a{
    color: #a38d59;
}


#breadcrumb li span.end {
float:left;
background:url(../images/general-right.png) 0 0 no-repeat;
width:15px;
height:33px;
} 					

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}



ul, li { list-style-type:none; padding:0; margin:0; }
#breadcrumbs02 { border-bottom:1px solid #ccc; background-color:#fff; line-height: 20px; overflow:auto; font-size:11px; font-weight:bold; }
#breadcrumbs02 li { float:left; padding-left:8px; }
#breadcrumbs02 li a { padding:0 24px 2px 0; background:transparent url(../images/blue-arrow.png) no-repeat right center;}
#breadcrumbs02 li a:link, #breadcrumbs02 li a:visited { text-decoration:none; color:#003366; }
#breadcrumbs02 li a:hover, #breadcrumbs02 li a:focus { color:#0099CC; }
#breadcrumbs02 li {color:#FF9900;}

.gdd td {
    height: 20px;
}

.gdd th {
    background-color: #F9E6C4;
}
.red {
    color: red;
}