body { 
text-align:center;
margin: 0; padding: 0; font: 12px Verdana;
background: url(../images_sailings/image_body2.jpg) top left repeat-x #081d5d;
} 

#wrapper { position: relative;
width:710px;
margin: 10px auto 10px auto;
padding: 0;
text-align:left;
background-color:#fff;
}

/*position logo et texte dans header*/
#header { position:relative; margin:0;
padding:0;
width: 100%;
height: 106px;
border-bottom:1px solid #cccccc;
}
#header img {
border:none;
margin:12px 0 0 13px;
}
#header .strapline {
position:absolute; top:35px; right:20px;
font: bold 18px Verdana; color: #2a2d8c;
background-color: #fff;
padding:2px 5px 2px 5px;
margin: 0; 
}





.content { position: relative;
margin: 0 250px 0 30px;
padding:10px 10px 5px 10px;
background: #fff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/*onglets haut*/
ul#nav { list-style-type: none;
margin: 5px 250px 0 30px;
padding: 10px 0 31px 0;
border-bottom:1px solid #ccc;
} 
ul#nav li { float: left;
height:30px; 
margin: 0 2px 0 2px; 
padding: 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
font:12px Verdana;
}

ul#nav a:link, ul#nav a:visited  { display: block;
color: #4c489c;
text-decoration: none;
margin:0;
padding:10px 5px 6px 5px;
background-color: #ededed;
}  
ul#nav a:hover { text-decoration: none;
background-color: #fff;
}

/*onglets haut pour les ports*/

body#bordeaux li.bordeaux, body#dunkerque li.dunkerque, body#lehavre li.lehavre, body#marseille li.marseille, body#nantes li.nantes, body#rouen li.rouen
{
border-bottom:1px solid #fff;
text-decoration:none;
color: #4c489c; 
}

body#bordeaux li.bordeaux a:link, body#bordeaux li.bordeaux a:visited,
body#dunkerque li.dunkerque a:link, body#dunkerque li.dunkerque a:visited,
body#lehavre li.lehavre a:link, body#lehavre li.lehavre a:visited,
body#marseille li.marseille a:link, body#marseille li.marseille a:visited,
body#nantes li.nantes a:link, body#nantes li.nantes a:visited,
body#rouen li.rouen a:link, body#rouen li.rouen a:visited
{
background-color:#fff;
text-decoration:none;
color: #4c489c;  
}



/*onglets droite*/
#onglet { position: absolute; top: 160px; right: 30px; 
margin: 0; padding: 0; width: 180px;
background-color: #ffffff;
line-height:180%;
border:1px solid #ccc;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
z-index:2;
}
#onglet ul { list-style-image:none; list-style-type: none;
list-style: none; margin: 0; padding: 5px 0 20px 0; font: 12px Verdana;
}
#onglet li { border-bottom: 1px solid #ccc;
margin: 0 10px 5px 10px ; padding:0 0 0 5px; 
}
#onglet a:link, #onglet a:visited { display: block;
margin-left:10px;
padding: 5px; 
background-color: transparent;
color: #808080; 
text-decoration: none; 
}
#onglet a:hover  { text-decoration: underline; 
}




/*liste page sailings from France*/



ol { color: #3A5DE0; margin: 0 0 0 10px;
padding:0;
line-height: 200%;
font:13px Verdana; }
ol li { margin:0 0 0 30px;
padding:0px;
}
ol li a:link, ol li a:visited { color: #3A5DE0; background: transparent; 
text-decoration: none;
margin:0;
padding:0;
}
ol li a:hover, ol li a:active { background: transparent; text-decoration: underline; }
#divider { border-top: 1px solid #7158F0; padding: 0; margin :0 0 10px 0; width: 70%; }
img { border: 1px solid #000; 
margin:0;
padding:0;}


table { border-collapse: collapse; 
margin:0 0 0 10px;
padding:0;
}
#nobordure {
border:none;
margin:0;
padding:0;
}
 
td { font-size: 12px; padding:5px; border: 1px solid #7158F0; }
p { margin: 10px 15px 10px 0px;
padding: 0; text-align: left; font-size: 12px; }
h1 { font: bold 14px Verdana; color: #3A5DE0; text-align: left; 
margin: 0 0 5px 10px;
padding:0; }
h2  { font bold 11px Verdana; color: #3A5DE0; text-align: left;
margin: 0;
padding:0; }
caption { font: bold 12px Verdana; color: #3A5DE0; text-align: left;
margin-left:10px;
}
a:link, a:visited { color: #3A5DE0; background: transparent; 
text-decoration: none;
margin-left:10px;
}
a:hover, a:active { background: transparent; text-decoration: underline;
}
#divider { border-top: 1px solid #7158F0; padding: 0; margin :0 0 10px 0; width: 70%; }
img { border: 1px solid #000; 
margin:0;
padding:0;}


/*propriete pour le texte a cote des images*/
.flle { float: left; margin: 0;
padding:0; }
.flri {
float:right;
margin:0 25px 0 0;
padding:0;
}
.clbo {
clear:both;
}