body {
background:#384551 url(../gfx/fonds/back.gif) repeat-y;
min-height:100%;
position:relative;
}
html {
height:100%;
}
#footer {
background:url(../gfx/fonds/footer.gif) repeat-x left bottom;
clear:both;
bottom:0;
height:29px;
position:absolute;
width:100%;
}
#footer ul {
margin:10px auto;
width:980px;
}
#footer ul li {
display:inline;
margin-left:15px;
}
#footer ul li a {
background:url(../gfx/deco/puces/fleche_grise.gif) no-repeat 0 2px;
color:#B2B2B2;
padding-left:8px;
position:relative;
text-decoration:none;
z-index:50;
}
#footer ul li a:hover {
text-decoration:underline;
}
#main {
margin:0 auto;
padding-bottom:50px;
position:relative;
width:980px;
z-index:2;
}
#head {
background:url(../gfx/fonds/head.png) repeat-x;
height:275px;
left:0;
position:absolute;
width:100%;
z-index:1;
}
#header {
background:url(../gfx/fonds/header.jpg) no-repeat;
height:127px;
position:relative;
width:100%;
}
#header img {
position:absolute;
top:0;
right:0;
}
#bt_accueil {
position:absolute;
height:120px;
left:0;
top:0;
width:330px;
}
#banner {
background:url(../gfx/fonds/banner.png) no-repeat;
height:60px;
padding:9px;
position:absolute;
top:38px;
right:0;
width:468px;
}
#bann_droite {
background:url(../gfx/fonds/bann_120.gif) no-repeat;
height:600px;
padding:2px 2px 2px 3px;
position:absolute;
right:6px;
top:126px;
width:120px;
}
#content {
border-left:1px solid #2F373C;
border-right:1px solid #2F373C;
margin-left:15px;
width:830px;
}
#menu {
background:url(../gfx/fonds/menu.gif) repeat-x;
height:19px;
padding:9px 8px;
position:relative;
}
#menu ul li {
display:inline;
}
#menu ul li a {
display:block;
float:left;
height:19px;
}
#menu ul li a:hover,#menu ul li a.active {
background-position:left bottom;
}
#focus {
background:#fff url(../gfx/fonds/focus.gif) no-repeat left bottom;
padding:5px 5px 11px 9px;
}
#focus1 {
float:left;
margin-top:5px;
}
#squared {
background:url(../gfx/deco/lignes/squared.gif);
float:left;
margin:5px 0 5px 5px;
padding:5px;
width:300px;
}
#squared div {
border:1px solid #fff;
clear:left;
float:left;
}
#squared div#focus2 {
height:138px;
margin-bottom:10px;
}
#squared div#focus3 {
height:248px;
}
#rubriques {
background:#1C2730;
padding:8px 0 4px 4px;
}
#bas_home {
background:url(../gfx/fonds/bas_home.png) no-repeat;
height:23px;
margin-left:15px;
width:832px;
}

.rub {
background:#fff url(../gfx/fonds/rub.gif) repeat-x left bottom;
float:left;
height:241px;
margin:0 3px;
padding:5px;
position:relative;
width:189px;
}

.rub div {
background:url(../gfx/deco/lignes/squared.gif);
margin:4px 0;
padding-bottom:6px;
position:relative;
}

.rub img {
border-bottom:1px solid #fff;
display:block;
}

.rub div a.img_rub {
background:url(../gfx/fonds/img_rub.gif) no-repeat;
display:block;
height:100px;
left:0;
position:absolute;
top:0;
width:189px;
}
.rub div a.img_rub:hover {
background-position:left bottom;
}

.rub h4 {
background:url(../gfx/deco/puces/fleche_rouge.gif) no-repeat 0 2px;
padding-left:9px;
}

.rub h4 a {
color:#C3190C;
text-decoration:none;
text-transform:uppercase;
}

.rub h4 a:hover {
text-decoration:underline;
}

.bt_suite {
display:block;
position:absolute;
bottom:11px;
}

.bt_suite:hover {
background-position:left bottom;
}

#espace_abonnes {
display:block;
position:absolute;
right:0;
top:4px;
}

#espace_abonnes:hover {
background-position:left bottom;
}