/*
 * Le CSS du Tour de France 2010
 * 
 */

.nav {
	height: 30px !important;
	height: 128px;
	background: url(../img/img_menu/bg_menu_2010.gif) repeat-x;
	position: relative;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 16px;
	width: 955px;
	z-index: 500;
	margin: 0 auto;
	top: 0 !important;
	top: -27px;
}

.nav .table {
	display: table;
}

.nav .select {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	white-space: nowrap;
}

.nav li {
	margin: 0;
	padding: 0;
	height: auto;
	float: left;
}

.nav .select a {
	display: block;
	height: 30px;
	float: left;
	background: url(../img/img_menu/bt-fond_2010.gif);
	text-decoration: none;
	line-height: 30px;
	white-space: nowrap;
	color: #fff;
	text-align: center;
}

.nav .select a.menu_title {
	width: 160px;
}

.nav .select a.menu_title:hover {
	width: 160px;
}

.nav .select a:hover,.nav .select li:hover a {
	background: url(../img/img_menu/bt-fond_2010.gif);
	cursor: pointer;
	color: #fff;
}

.nav .select a:hover b,.nav .select li:hover a b {
	display: block;
	float: left;
	background: url(../img/img_menu/bt-fondhover_2010.gif) right top;
	cursor: pointer;
	text-align: center;
	width: 160px;
}

.nav .select_sub {
	display: none;
}

/* IE6 only */
.nav table {
	border-collapse: collapse;
	margin: -1px;
	font-size: 1em;
	width: 0;
	height: 0;
}

.nav .sub {
	display: table;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.nav .select :hover .select_sub {
	display: block;
	position: absolute !important;
	position: static;
	width: 159px;
	top: 30px;
	background: #4073A7;
	padding: 0;
	z-index: 1000;
	text-align: center;
	line-height: 25px;
}

.nav .select :hover .sub li a {
	display: block;
	float: left;
	background: transparent;
	padding: 0 10px 0 10px;
	width: 140px;
	white-space: nowrap;
	border: 0;
	color: #fff;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}

.nav .select :hover .sub li a:hover {
	visibility: visible;
	color: #088;
	background: #fff;
	color: #000;
	font-size: 12px;
}

.bluesearch {
	height: 30px;
	width: 155px;
	background: url(../img/bt-fond_2010.gif) no-repeat;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
}

.bluesearch span {
	font-size: 10px;
}

.bluesearch span select {
	margin-top: 3px;
}

#menu {
	background-color: #FFF; /*url(../img/img_menu/bg_menu.gif) repeat-x;*/
	width: 955px;
	height: 30px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px !important;
	margin-top: -27px;
}

#menu .btn-menu {
	float: left;
	border-right: 1px solid #FFFFFF;
}

#menu .btn-menu a {
	background: url(../img/img_menu/bt-fond2_2010.gif) repeat-x;
	width: 159px;
	height: 30px;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#form_versions {
	background: url(../img/img_menu/bt-fond2_2010.gif) repeat-x;
	height: 30px;
}

#menu .btn-menu a:hover {
	background: url(../img/img_menu/bt-fondhover2_2010.gif) repeat-x;
}

#menu .btn-menu .menu_hover {
	background: url(../img/img_menu/bt-fondhover2_2010.gif) repeat-x;
}

.before_ssmenu {
	position: relative;
}

#menu .ssmenu {
	width: 159px !important;
	width: 149px;
	position: absolute;
	z-index: 1000;
	top: 30px;
	left: 0 !important;
	left: -159px;
	background-color: #777777;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	margin-right: 1px;
	visibility: hidden;
	padding: 5px 0 5px 0;
	margin: 0;
	float: left;
}

#menu .ssmenu li {
	padding: 5px 0 5px 0;
	list-style: none;
}

#menu .ssmenu li a {
	background: none;
	display: block;
	width: 139px !important;
	width: 129px;
	height: auto;
	color: #fff;
	font-weight: 500;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	padding: 0 5px;
	margin: 5px;
}

#menu .ssmenu a:hover {
	background: none;
	background: #ffffff;
	color: #000000;
}

.edition {
	color: #fff;
	font-size: 11px;
}