/* Contains the entire tabbed section */


.tabbed {
	}

/* List of tabs */

.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(/media/images/bouton_fonce.gif);
	width: 163px;
	height: 25px;
	text-align: center;
	background-repeat: no-repeat;
}

.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	margin: 0 0 0 0;
	padding: 5px 5px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.tabbed ul.tabs li a:hover {
	background-image: url(/media/images/bouton_clair.gif);
	height: 25px;
	background-repeat: no-repeat;
}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	background-image: url(/media/images/bouton_clair.gif);
	height: 25px;
	background-repeat: no-repeat;
}

/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	border: 2px solid Black;
	background-color: #B2B0B1;
	min-height: 238px;
	vertical-align: top;
	padding: 5px 0 0 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3 {
	display: none;
}

/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}