html{
margin:0;
padding:0;
}
body{
background-image: url(../images/MBF_header_bg.gif); 
background-repeat: repeat-x ;
background-position:top;
background-color:#494949;
margin:0;
padding:0;
}
#genese{
text-align:center;
cursor: pointer;
}
#conteneur{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
cursor: default;
}
h1 {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:center;
line-height:25px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
text-align:center;
font-weight:bold;
display:inline;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:center;
font-weight: normal;
display:inline;
text-decoration:none;
}
h3 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:center;
font-weight: normal;
text-decoration:none;
display:inline;
}
h3 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bf0008;
text-align:center;
font-weight: normal;
display:inline;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-align:center;
font-weight: normal;
display:inline;
line-height:12px;
}
h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ccc;
text-align:center;
font-weight: normal;
display:inline;
line-height:11px;
}
#BL {
position:absolute;
top:-18px;
left:452px;
/*background:url(../images/MBF_HP_BL_BG.png) no-repeat;*/
text-align:center;
width:423px;
height:50px;
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
z-index:250;
}
#header{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:center;
line-height:21px;
width:988px;
margin-left:auto;
margin-right:auto;
}
#accueil{
position:absolute;
top:-45px;
left:30px;
width:160px;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
font-weight:bold;
text-align:center;
line-height:15px;
}
#accueil a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
}
#accueil a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#eb0b83;
font-weight:bold;
text-decoration:none;
}
#content {
background:url(../images/MBF_HP_bgflash.png) repeat-y;
position:relative;
margin-left:auto;
margin-right:auto;
width:988px;
z-index:20;
}
#content_pub {
position:relative;
margin-left:auto;
margin-right:auto;
width:988px;
}
#elements {
position:relative;
margin-left:auto;
margin-right:auto;
width:988px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
line-height:22px;
}
#top_header {
position:relative;
left:19px;

}
#flashcontent {
left:19px;
position:relative;
width:988px;
}
/* PARTIE CC */
#cc {
position:absolute;
top:322px;
left:681px;
width:270px;
}
#cc .content {
position:relative;
}
#cc .sons {
background:#000000;
text-align:center;
padding-top:5px;
height:90px;
}
#cc #vignette {
position:relative;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:10px;
}
#cc .univers {
background:url(../images/MBF_HP_cc_content_bg.png) repeat-y;
position : relative;
height:188px;
width:270px;
}
#cc .univers #titre {
position:relative;
top:0px;
left:4px;
width:252px;
background:url(../images/MBF_HP_cc_titre.gif) repeat-x;
color:#fff;
text-align:center;
font-size:12px;
line-height:18px;
font-weight:bold;
padding:5px;
border-bottom:#55718d solid 1px;
z-index:300;
}
#cc #cache {
position:absolute;
top:0px;
left:0px;
z-index:100;
}
#cc .multi_img {
background:url(../images/MBF_HP_cc_cache.png) no-repeat;
height:95px;
width:120px;
}
#cc .multi_sons {
background:url(../images/MBF_HP_cc_cache_sons.png) no-repeat;
height:95px;
width:120px;
}
#cc .multi_video {
background:url(../images/MBF_HP_cc_cache_video.png) no-repeat;
height:95px;
width:120px;
}
#cc .java {
position:relative;
top:-25px;
height:130px;
width:105px;
}
#cc .mono {
background:url(../images/MBF_HP_cc_cache_mono.png) no-repeat;
left:5px;
height:94px;
width:260px;
}
#cc #cache_java {
background:url(../images/MBF_HP_cc_cache_java.png) no-repeat;
position: absolute;
top:0px;
left:0px;
height:130px;
width:105px;
z-index:200;
}
#cc .univers_C2 {
background:url(../images/MBF_HP_cc_content_C2_bg.png) repeat-y;
position : relative;
height:188px;
}
#cc .univers_C2 #titre {
position:relative;
top:0px;
left:4px;
width:252px;
background:url(../images/MBF_HP_cc_titre_C2.gif) repeat-x;
background-color:#fff;
color:#000;
text-align:center;
font-size:12px;
font-weight:bold;
line-height:18px;
padding:5px;
border-bottom:#55718d solid 1px;
z-index:300;
}
#cc .telecharge {
background:url(../images/MBF_HP_cc_btn-telecharger_BG.png) no-repeat;
position : absolute;
height:50px;
width:270px;
top:140px;
left:0px;
z-index:400;
}
#cc .telecharge:hover {
background:url(../images/MBF_HP_cc_btn-telecharger_BG_over.png) no-repeat;
}
#colgauche {
position:relative;
top:10px;
left:10px;
width:120px;
}
#coldroite {
position:absolute;
top:10px;
left:140px;
width:120px;
}
/* PARTIE NEW */
#new {
position:relative;
margin-top:7px;
margin-bottom:7px;
left:35px;
width:640px;
margin-bottom:10px;
}
#new #footer {
position:relative;
padding-bottom:7px;
}
#new .content {
background:url(../images/MBF_HP_new_content_bg.png) repeat-y;
padding-bottom:5px;
position:relative;
}
#new #titre {
position:relative;
width:628px;
left:1px;
background:url(../images/MBF_HP_new_titre.gif) repeat-x;
text-align:center;
font-size:16px;
font-weight:bold;
line-height:18px;
padding:5px;
}
#new #titre2 {
position:relative;
width:628px;
left:1px;
background:url(../images/MBF_HP_new_titre_C2.gif) repeat-x;
text-align:center;
font-size:16px;
font-weight:bold;
line-height:18px;
padding:5px;
}
.vignette {
position:relative;
text-align:left;
width:620px;
height:160px;
left:10px;
}
#new #cache {
position:absolute;
top:0px;
left:-7px;
height:160px;
width:634px;
z-index:250;
}
#new #cache:hover {
background: url(../images/MBF_HP_new_cache_over.png) no-repeat;
}
#new #cache #plus{
position:absolute;
color:#6a3500;
font-size:14px;
text-align:center;
margin-top:15px;
top:-7px;
left:452px;
height:156px;
width:174px;
z-index:300;
line-height:16px;
}
#new #cache #plus #telecharge{
position:absolute;
background: url(../images/MBF_HP_new_btn-telecharger_BG.gif) no-repeat;
top:92px;
left:0px;
height:47px;
width:174px;
z-index:400;
}
#new #cache #plus #telecharge:hover{
background: url(../images/MBF_HP_new_btn-telecharger_BG_over.gif) no-repeat;
}
#filet {
background:#000000;
width:950px;
position:relative;
margin-left:auto;
margin-right:auto;
}
#footer {
background:url(../images/MBF_HP_bgfooter.png) repeat-y;
position:relative;
margin-left:auto;
margin-right:auto;
width:988px;
}
#lesautres {
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
width:950px;
background:url(../images/MBF_HP_bg-lesautres.png) no-repeat #cfcfcf;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e6e6e;
}
#lesautres a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
color:#494949;
text-decoration:none;
}
#lesautres a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#plus_choix {
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
width:950px;
background:#cfcfcf;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e6e6e;
}
#plus_choix a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:24px;
color:#494949;
text-decoration:none;
}
#plus_choix a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

#ml {
background:url(../images/MBF_HP_bg-footer.png) no-repeat #323232;
position:relative;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
font-size:10px;
color:#fff;
width:940px;
margin-left : 19px;
margin-right: 19px;
text-align:center;
}
#ml2 {
display:none;
}
#ml a {
color: #fff;
text-decoration:none;
}
#ml a:visited {
color: #fff;
text-decoration:none;
}
#logofooter {
margin-left:auto;
margin-right:auto;
width:988px;
height:40px;
background: url(../images/MBF_HP_bgfooter_logo.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#6e6e6e;
}