#nav_port {
display:block;
width:120px;
}

.tit_top_off {
background-image: url(../img_com/puce_marron.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left:14px;
color:#877D6E;
font-family: arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin-top:6px;
margin-bottom:6px;
}

.tit_top_off a, tit_top_off alink {
color:#877D6E;
text-decoration:none;
font-size:11px;
font-weight:bold;
}

.tit_top_on {
background-image: url(../img_com/puce_marron_actu_on.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left:14px;
color:#CD0043;
font-family: arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin-top:6px;
margin-bottom:6px;
}

.tit_top_on a, tit_top_on alink {
color:#CD0043;
text-decoration:none;
font-size:11px;
font-weight:bold;
}

.tit_ss_top_off {
background-image: url(../img_com/s_puce_marron.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left:14px;
color:#877D6E;
font-family: arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
margin-top:2px;
margin-left:14px;
margin-bottom:2px;
}

.tit_ss_top_off a, tit_ss_top_off alink {
color:#867C6E;
text-decoration:none;
font-size:10px;
font-weight:bold;
}

.tit_ss_top_on {
background-image: url(../img_com/s_puce_marron_on.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left:14px;
color:#CD0043;
font-family: arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
margin-top:2px;
margin-left:14px;
margin-bottom:2px;
}

.tit_ss_top_on a, tit_ss_top_on alink {
color:#CD0043;
text-decoration:none;
font-size:10px;
font-weight:bold;
}

.text_intro {
position:absolute;
width:400px;
left:200px;
top:140px;
color:#646464;
font-family: arial, Helvetica, sans-serif;
font-size:11px;
}

.liste_port {
position:relative;
display:table-cell;
text-align:center;
width:127px;
height:80px;
border:solid 1px white;
cursor:pointer;
}

.liste_port_on {
position:relative;
display:table-cell;
text-align:center;
width:127px;
height:80px;
border:solid 1px #B4B9BC;
cursor:pointer;
}

.liste_port_fade {
position:relative;
display:table-cell;
text-align:center;
width:127px;
height:80px;
border:solid 1px white;
filter:alpha(opacity=20);
-moz-opacity:0.2; 
MozOpacity: 1;
}

#tab_port td {
vertical-align:middle;
}

#cadre {
position:absolute;
color:#646464;
background-color:white;
padding-left:14px;
padding-right:14px;
padding-top:4px;
padding-bottom:4px;
font-family: Arial, Tahoma;
font-size:11px;
font-weight:bold;
visibility:hidden;
z-index:900;
border:solid 1px #B4B9BC;
}

.logo_port {
padding-top:34px;
padding-bottom:30px;
}

.date_actu {
text-align:right;
padding-right:10px;
padding-left:10px;
font-family: Arial, Tahoma;
font-size:10px;
color:#646464;
padding-top:4px;
}

.tit_actu {
text-align:right;
padding-top:2px;
padding-right:10px;
padding-left:10px;
padding-bottom:6px;
font-family: Arial, Tahoma;
font-size:10px;
color:#646464;
}

.tit_actu a,.tit_actu alink {
font-family: Arial, Tahoma;
font-size:10px;
color:#646464;
text-decoration:none;
}

.tit_actu a:visited {
font-family: Arial, Tahoma;
font-size:10px;
color:#6B5746;
text-decoration:none;
}

.tit_actu a:hover {
font-family: Arial, Tahoma;
font-size:10px;
color:#FF0007;
text-decoration:none;
}