/******************************************************************************************
	
	feuille de style pour la gestion des filtres, elle est identique pour tout les 

	
	
******************************************************************************************/
@import "ttcss_filtre_color.css";

/* titres onglets filtres*/
h2.titre_filtre {
	display: block;
	background: url("../img/bg_fond_onglet_gauche.png") top left no-repeat;
	height: 23px;
	padding: 0 0 0 6px;
	position: relative;
}

h2.titre_filtre span {
	display: block;
	background: url("../img/bg_fond_onglet_droite.png") top left repeat-x;
	height: 23px;
	margin: 0 6px 0 0;
	font: bold 11px Tahoma;
	color: #fff;
	text-transform: uppercase;
	line-height: 23px;
	height: 23px;
}
h2.titre_filtre span.onglet_last {
	display: block;
	background: url("../img/bg_fond_onglet_last.png") top left no-repeat;
	height: 23px;
	padding: 0 0 0 6px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
}

/* boutons filtres*/
a.btn_filtre {
	background: url("../img/bg_btn_filtre.png") top left repeat-x;
}

/* bordures sous le menu nav */
ul.nav a:hover {
	background: url("../img/bg_nav_bordure_bas.png") bottom center no-repeat;
}

/* menu onglet filtres */
.onglets_filtres,
.onglets_filtres_off:hover {
	background: url("../img/bg_fond_onglet_gauche.png") top left no-repeat;
	height: 23px;
	padding: 0 6px 0 6px;
	float: left;
	text-decoration: none;
	text-align: center;
	position: relative;
	margin: 0 2px 0 0;
}

.onglets_filtres_off {
	background: url("../img/bg_fond_onglet_gauche_off.png") top left no-repeat;
	height: 23px;
	padding: 0 6px 0 6px;
	float: left;
	text-decoration: none;
	text-align: center;
	position: relative;
	margin: 0 2px 0 0;
}

.onglets_filtres span,
.onglets_filtres_off:hover span {
	background: url("../img/bg_fond_onglet_droite.png") top left no-repeat;
	margin: 0 0 0 0;
	font: bold 11px Tahoma;
	color: #fff;
	text-transform: uppercase;
	line-height: 23px;
	height: 23px;
	text-decoration: none;
	display: block;
	float: left;
	width: auto;
}

.onglets_filtres_off span {
	background: url("../img/bg_fond_onglet_droite_off.png") top left no-repeat;
	margin: 0 0 0 0;
	font: bold 11px Tahoma;
	color: #fff;
	text-transform: uppercase;
	line-height: 23px;
	height: 23px;
	text-decoration: none;
	display: block;
	float: left;
	width: auto;
}

.onglets_filtres_off span.onglet_last {
	background: url("../img/bg_fond_onglet_last_off.png") top left no-repeat;
	margin: 0px;
	height: 23px;
	width: 6px;
	padding: 0 0 0 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	float: none;
}

.onglets_filtres span.onglet_last,
.onglets_filtres_off:hover span.onglet_last {
	background: url("../img/bg_fond_onglet_last.png") top left no-repeat;
	margin: 0px;
	height: 23px;
	width: 6px;
	padding: 0 0 0 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	float: none;
}

/*****
	notes
*****/

span.visuel_note_1,
span.visuel_note_2,
span.visuel_note_3,
span.visuel_note_4,
span.visuel_note_5,
span.visuel_note_6,
span.visuel_note_7,
span.visuel_note_8,
span.visuel_note_9,
span.visuel_note_10 {
	height: 56px;
	width: 56px;
	display: block;
	float: left;
	margin: 0 10px 0 0; 
}

span.visuel_note_1 span,
span.visuel_note_2 span,
span.visuel_note_3 span,
span.visuel_note_4 span,
span.visuel_note_5 span,
span.visuel_note_6 span,
span.visuel_note_7 span,
span.visuel_note_8 span,
span.visuel_note_9 span,
span.visuel_note_10 span {
	display: none;
}

span.visuel_note_1{
	background: url("../img/img_note_01.png") top left no-repeat;
}
span.visuel_note_2{
	background: url("../img/img_note_02.png") top left no-repeat;
}
span.visuel_note_3{
	background: url("../img/img_note_03.png") top left no-repeat;
}
span.visuel_note_4{
	background: url("../img/img_note_04.png") top left no-repeat;
}
span.visuel_note_5{
	background: url("../img/img_note_05.png") top left no-repeat;
}
span.visuel_note_6{
	background: url("../img/img_note_06.png") top left no-repeat;
}
span.visuel_note_7{
	background: url("../img/img_note_07.png") top left no-repeat;
}
span.visuel_note_8{
	background: url("../img/img_note_08.png") top left no-repeat;
}
span.visuel_note_9{
	background: url("../img/img_note_09.png") top left no-repeat;
}
span.visuel_note_10 {
	background: url("../img/img_note_10.png") top left no-repeat;
}