.bandeau_haut{
 	background: #fff;
	position: absolute;
	width:100%;
	height: 20px;	
	left: 0px;
	top:0px;
	color:black;
}
#box1 {
	left:10px;
	width:323px;
	height: 260px;
	border: 3px solid black;	
		}
.box2 {
	left:400px;
	position: relative;
	width:38%;
	background: #fff;
	border: 1px solid black;
	top:-430px;
	}
#box3 {
	right:15px;
	width:200px;
	height: 200px;
	top:204px;
	background-color:#FFFFBF;
	position: absolute;
		}
#box4 {
	right:15px;
	width:200px;
	height: 200px;
	top:412px;
	background-color:#FFFFBF;
	position: absolute;
		}
#box5 {
	right:15px;
	width:200px;
	height: 200px;
	top:620px;
	background-color:#FFFFBF;
	position: absolute;
		}
#tabbed_box {
    margin: 0px auto 0px auto;
    width:100%;
}
.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}
.tabbed_area {
    border:1px solid #494e52;
    background-color:#636d76;
    padding:8px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
ul.tabs li a:hover {
    background-color:#2f343a;
    border-color:#2f343a;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}
.content {
    background-color:#ffffff;
   
    border:1px solid #464c54; 
}
#content_2, #content_3, #content_4, #content_5 { display:none; }
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}
.content ul {
    margin:0px;
    padding:0px 20px 0px 20px;
}
.content ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}
.content ul li a {
    text-decoration:none;
    color:#3e4346;
}
.content ul li a small {
    color:#8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    left:4px;
    top:0px;
}
.content ul li:last-child {
    border-bottom:none;
}
ul.tabs li a {
    background-image:url(images/tab_off.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}
ul.tabs li a.active {
    background-image:url(images/tab_on.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.content {
    background-image:url(images/content_bottom.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}