/* CSS Document */

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

.content {
	margin-top:-40px;
	padding-top:40px;
}

#header div, #header span, #header a, #header img, #header ol, #header ul, #header li,
#header table, #header tbody, #header tfoot, #header thead, #header tr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#header th, #header td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
#header ol, #header ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
#header table {
	border-collapse: collapse;
	border-spacing: 0;
}



#header {
	background:#eee;
	height:100px;
	*text-align:center;
	margin-bottom:40px;
	padding-bottom:16px;
	position:relative;
	z-index:2;
}

#header .toppane {
max-width:970px;
margin-left:auto;
margin-right:auto;
*text-align:left;
height:90px;
position:relative;
}

#header .leftpane {
position:absolute;
left:0;
bottom:10px;
}

#identity {
}


/***********
 RIGHT PANE
************/

#header .rightpane {
position:absolute;
right:0;
top:0;
height:90px;
}

#header .row {
padding-top:10px;
text-align:right;
}

#header .row-element {
display:inline-block;
text-align:left;
vertical-align:top;
*display:inline;
*zoom:1;
}

#header .contact-message {
color:#666;
font-size:14px;
padding-top:5px;
margin-right:10px;
}

#header .contact-message a {
color:#666;
text-decoration:underline;
}


/***********
 SEARCH BAR 
************/

#searchbar {
clear:right;
float:right;
}

#searchbar * {
vertical-align:middle;
}

#searchbar .q-skin {
display:inline-block;
padding-left:6px;
height:28px;
width:312px;
border:1px solid #ccc;
line-height:28px;
background:#fff;
vertical-align:middle;
*zoom:1;
*padding-top:2px;
*height:26px;
}

#searchbar .q {
width:300px;
border:none;
background:transparent;
font-size:14px;
color:#999;
}

/*********
 MENU BAR 
**********/

#header #menubar {
	min-width:994px;
	/*clear: both;*/
	height:49px;
	padding-left:2px;
	background:url("../_images/_header/menubar-left.png") no-repeat left;
	*text-align:center;
	margin-left:4px;
	margin-right:4px;
}

#menubar .right {
	padding-right:2px;
	background:url("../_images/_header/menubar-right.png") no-repeat right;
}

#menubar .center {
	height:49px;
	background:url("../_images/_header/menubar-bg.png") repeat-x;
	*text-align:center;
}

#menubar ul {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	height:49px;
	text-align:left;
	padding-left:40px;
}

#menubar li {
	display:inline-block;
	*display:inline;
	height:30px;
	vertical-align:top;
}

#menubar a {
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	display:table-cell;
	height:30px;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	*padding-top:8px;
	*height:22px;
}

#menubar li .menu-button {
	display:inline-block;
	padding-left:10px;
	background:none;
	*display:inline;
}

#menubar li .menu-button .right {
	display:inline-block;
	padding-right:11px;
	background:none;
	*display:inline;
}

#menubar li .menu-button.active {
	display:inline-block;
	height:30px;
	padding-left:10px;
	background:url("../_images/_header/menuitem-dwn-left.png") no-repeat left;
	*display:inline;
}

#menubar li .menu-button.active .right {
	display:inline-block;
	height:30px;
	padding-right:11px;
	background:url("../_images/_header/menuitem-dwn-right.png") no-repeat right;
	*display:inline;
}

#menubar li .menu-button.active a {
	background:url("../_images/_header/menuitem-dwn-bg.png") repeat-x;
}

#menubar li .hover {
	display:inline-block;
	height:30px;
	padding-left:10px;
	background:url("../_images/_header/menuitem-hov-left.png") no-repeat left;
	*display:inline;
}

#menubar li .hover .right {
	display:inline-block;
	height:30px;
	padding-right:11px;
	background:url("../_images/_header/menuitem-hov-right.png") no-repeat right;
	*display:inline;
}

#menubar li .hover a {
	background:url("../_images/_header/menuitem-hov-bg.png") repeat-x;
}

#menubar a:hover {
text-decoration: none;
}

/************
 COUNTRY BAR 
*************/

/* Largeur des éléments du country bar */
#countrybar, 
#countrybar .wrapper {
width:146px;
}

#countrybar ul {
width:144px;
background:#fff;
}

#countrybar .selected,
#countrybar li {
width:136px;
}

/* Javascript activé */
#countrybar.active {
height:23px;
margin-bottom:16px;
cursor:default;
}

#countrybar.active .wrapper {
position:absolute;
}

#countrybar.active ul {
display:none;
}

#countrybar.active a:hover {
text-decoration: none;
}

/* Autres CSS ... */
#countrybar {
position:relative;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

#countrybar a {
color:#666;
display:block;
}


#countrybar .selected {
display:block;
height:19px;
line-height:18px;
position:relative;
background:#fff;
border:1px solid #ccc;
padding-top:2px;
padding-left:4px;
padding-right:4px;
white-space:nowrap;
}

#countrybar li {
padding-top:2px;
line-height:18px;
height:18px;
position:relative;
background:#fff;
padding-left:4px;
padding-right:4px;
white-space:nowrap;
}

#countrybar .selected img,
#countrybar li img {
position:absolute;
top:4px;
right:10px;
}

#countrybar ul {
position:relative;
top:-1px;
border:0 solid #ccc;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
}

/* Effet de dropdown */
#countrybar ul.active {
display:block;
}

/* Hilight des éléments du dropdown */
#countrybar .selected.hover,
#countrybar li.hover {
background:#eee;
}