* {
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
padding: 0px;
font-family: Arial;
text-align: center;
background-image: url('images/bg_body.jpg');
background-position: left top;
background-repeat: repeat-x;
background-color: #000000;
}

#container {
width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
}

#header {
width: 100%;
height: 251px;
background-color: #e48a00;
}

#blc_menu {
width: 100%;
}

#diapo {
width:300px;
height:500px;
padding:60px 0 0 0;
margin-left:10px;
position:relative;
float:left;
background:#000000;
z-index:1;
}

#content {
width: 100%;
height: 570px;
background:url("images/fondTJB-boutons.jpg");
z-index:0;
position:absolute;
}

#leftC {
width:550px;
height:415px;
margin-left:330px;
z-index:2;
}

#left {
width : 246px;
height:415px;
float:left; 
z-index:1;
}

#right {
width : 246px;
height:415px;
margin-right:18px;
z-index:1;
float:right;
}

#topL {
color:black;
font-size:0.75em;
width:100%;
height:50px;
float:left;
margin-top:58px;
text-align: justify;
}

#bottL {
color:black;
font-size:0.75em;
width:99%;
height:50px;
float:left;
margin-top:90px;
text-align: justify;
}

#topR {
color:black;
font-size:0.75em;
width:100%;
height:50px;
float:left;
margin-top:58px;
text-align: justify;
}

#middleR {
color:black;
font-size:0.75em;
width:100%;
height:50px;
float:left;
margin-top:90px;
text-align: justify;
}

#bottR {
color:black;
font-size:0.75em;
width:100%;
height:50px;
float:left;
margin-top:80px;
text-align: justify;
}

.more {
margin:1px 0 0 0;
float:right;
color:#F49C04;
font-weight: bolder;
width:97px;
height:0px;
font-size:0.75em;
}

.more:hover{
color:white;
}

#video{
float:left;
margin-left:10px;
}

#footer {
width: 100%;
height: 23px;
margin-top: 50px;
padding-top:15px;
background-image: url('images/bg_footer.jpg');
font-size: 11pt;
text-align: center;
color: #ffffff;
z-index:1;

}