@charset "utf-8";
/* CSS Document */

@import url(layout.css);

div#navigation {
	width: 50px;
	height: 23px;
	position: absolute;
	top: 12px;
	right: 20px;
}

div#navigation div {
	float: left;
	margin: 0px 2px 0px 0px;
	width: 23px;
	height: 17px;
}

div#navigation div a {
	display: block;
	height: 17px;
	width: 23px;
	background: url(../../img/layout/affichage-icone.png) top left no-repeat;
}

div#navigation div#navigation-liste a {
	background-image: url(../../img/layout/affichage-liste.png);
}

div#navigation div:hover a,
div#navigation div.active a {
	background-position: bottom left;
}

div#navigation div a span {
	display: none;
}


div#lettres,
ul#resultats {
	border: 2px solid #d40050;
	padding: 2px;
	margin: 0px 0px 10px 0px;
}

div#lettres {
	text-align: center;
	text-transform: uppercase;
}

div#lettres a:hover,
div#lettres a.active {
	color: #d40050;
}

h2 {
	color: #d40050;
	font-size: 16px;
	font-weight: bold;
}

form legend {
	display: none;
}

ul#resultats {
	margin: 15px 0px 0px 0px;
}

ul#resultats li.resultat {
	padding: 2px;
	clear: both;
	height: 20px;
	line-height: 20px;
}

ul#resultats li.resultat ul {
	width: 620px;
	height: 20px;
}

ul#resultats li ul#header {
	margin: 2px 0px 0px 2px;
}

ul#resultats li ul#header li {
	font-size: 10px;
	color: #fff;
	background: url(../../img/layout/bouton_vert.png) center center no-repeat;
	height: 20px;
	line-height: 20px;
}

ul#resultats li.resultat ul:hover li {
	background-color: #d40050;
	color: #fff;
}

ul#resultats li.resultat ul:hover li a {
	color: #fff;
}

ul#resultats li ul li {
	float: left;
	margin: 0px 0px 0px 1px;
}

ul#resultats.normal li ul li.col1 {
	display: none;
}

ul#resultats li ul li.col2 {
	padding: 0px 0px 0px 3px;
	width: 287px;
	overflow: hidden;
	height: 20px;
}
ul#resultats li ul li.col3 {
	width: 180px;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
	height: 20px;
}

ul#resultats li ul li.col4 {
	width: 50px;
	text-align: center;
}
ul#resultats li ul li.col5 {
	width: 45px;
	text-align: center;
}
ul#resultats li ul li.col6 {
	width: 50px;
	text-align: center;
}

/* AFFICHAGE PAR VIGNETTE */

ul#resultats.vignette li.resultat {
	width: 208px;
	height: 266px;
	float: left;
	padding: 0px;
	clear: none;
}

ul#resultats.vignette li.resultat ul {
	width: 208px;
	height: 266px;
}

ul#resultats.vignette li.resultat ul li {
	float: none;
	margin: 0px;
}

ul#resultats.vignette li ul#header {
	display: none;
}

ul#resultats.vignette li ul li.col1 {
	display: inherit;
	padding: 5px 0px 0px 0px;
	height: 213px;
}

ul#resultats.vignette li ul li.col1 img {
	max-width: 160px;
	max-height: 213px;
}

ul#resultats.vignette li ul li.col2 {
	padding: 0px;
}

ul#resultats.vignette li ul li.col1,
ul#resultats.vignette li ul li.col2,
ul#resultats.vignette li ul li.col3 {
	width: 208px;
	text-align: center;
}

ul#resultats.vignette li ul li.col4,
ul#resultats.vignette li ul li.col5,
ul#resultats.vignette li ul li.col6 {
	display: none;
}