@import "./form.css";

html,body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000;
margin: 0;
padding: 0;
border: 0;
padding-bottom: 25px;
}
#frame {
position:relative;
left:50%;
margin:0;
margin-left:-380px;
padding:0;
border:0;
border-left: 2px solid #000;
border-right: 2px solid #000;
width:760px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 756px;	 
}

html>#frame	{
width: 756px;
} 

#content {
margin:0;
padding:0;
border:0;
width:580px;
}

#informations {
float:right;
margin-top:50px;
border-left:1px solid #000;
padding:5px;
width:173px;

voice-family: "\"}\""; 
voice-family:inherit;
width: 162px;	 
}

html>#informations	{
width: 162px;
} 
a {
color:#000;
}
a:hover {
text-decoration:none;
}
a.contact {
font-weight:bold;
}
h1,h3 {
font-family:"Trebuchet MS", "Bitstream Vera Sans", Geneva, Arial, sans-serif;
font-size:18px;
border-bottom:1px solid #000;
padding-left:3px;
margin:5px;
}
h2,h4 {
font-family:"Trebuchet MS", "Bitstream Vera Sans", Geneva, Arial, sans-serif;
font-size:14px;
text-decoration:none;
margin:0;

}
h2 {
padding:5px;
}
h2 a {
text-decoration:none;
cursor:default;
}
h3 {
font-size:12px;
font-weight:normal;
padding:0;
margin-left:264px;
}
.sold {
background-image:url(../charles_marine/bateau_vendu_g.jpg);
background-repeat:no-repeat;
background-position:75% 100%;
}
#content p {
text-align:justify;
margin:0;
padding:5px;
line-height:1.5em;
}
ul {
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}
ul.caracteristique {
margin-left:264px;
}

#sharklist {
margin:0 0 20px 5px;
}
#sharklist li {
display:inline;
margin-right:3px;
}

img {
display:block;
border:1px solid #000;
width:250px;
margin:0 4px 4px 4px;
}
#photos {
float:left;
width:260px;
padding:0;
margin:0;
text-align:center;
}
#photos.cols {
width:520px;
float:none;
}
#photos.cols li {
float:left;
width:255px;
}
li.team {
display:block;
padding-left:5px;
float:left;
text-align:left;
}
li.team span {
display:block;
font-weight:bold;
}
#photos.cols li.clear {
clear:left;
}
table {
margin:auto;
border-collapse:collapse;
border:1px solid #000;
font-size:1em;
}
th {
text-align:left;
}
td {
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:3px;
}
tr:hover {
background-color:#ccc;
}
#menu  {
height:2em;
margin:0;
padding:156px 0 0 0;
/* deco */
background-image: url(../charles_marine/charles-marine_2.jpg);
background-repeat: no-repeat;
background-position: left top;
z-index:2;
}
#menu li , #sousmenu li{
display:inline;
}
#menu a {
margin:0px;
padding:0 3px 0 5px;
font-size:11px;
color:#000;
text-decoration:none;
border-left:1px solid #000;
}
#menu a:hover {
text-decoration:underline;
}
#menu a.side{
border:0;
}
#menu a.selected {

}

.spacer {
clear:both;
visibility:hidden;
}
#menuBottom {
position:relative;
bottom:0px;
margin: 0px;
padding:2px 2px 2px 2px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
#menuBottom li {
display:inline;
}
#menuBottom a {
margin:0px;
padding:0 2px 0 3px;
font-size:11px;
color:#000;
text-decoration:none;
border-left:1px solid #000;
}
#menuBottom a:hover {
text-decoration:underline;
}
#menuBottom a.side{
border:0;
}
#menuBottom a.selected {

}
#author {
position:relative;
top:5px;
left:50%;
font-size:9px;
text-align:right;
width:756px;
margin:0 0 0 -378px;
padding:0;
letter-spacing: normal;
}
#author a {
text-decoration:none;
}
#author a:hover {

}