* {
  margin: 0;
  padding: 0;
}
img {
border: none;
}
dl, dt, dd, ul, li {
  list-style: none;
}
hr {
  clear: both;
  visibility: hidden;
  height: 0;
}
.left-align {
  text-align: left;
}
.center-align {
  text-align: center;
}
.right {
  float: right;
  padding: 0 10px;
}
.left {
  float: left;
  padding: 0 10px;
}
.hidden {
  position: absolute;
  left:-5000px;
  top:-5000px;
  text-indent: -5000px;
}
body {
     font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #333;
     height: 800px;
     background :#b6d3f4 url(graph/bleu-degrad.jpg) repeat-x ;
     text-align: center;
}
#contener {
        position: relative;
        width: 910px;
        background: #fff url(graph/fond.gif) repeat-y;      
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
#top {
  height: 13px;
  background: url(graph/fond_top.gif) no-repeat;
}
#logo {
  position: absolute;
  top: 15px;
  left: 18px;
}
#bottom {
  height: 19px;
  background: url(graph/fond_bottom.gif) no-repeat;
  clear: both;
}
#home-visuel {
  height: 520px;
  width: 910px;
  background: url(graph/home_visuel.jpg) 27px 0 no-repeat;
}
#home-flag-FR {
  position: absolute;
  top: 340px;
  left: 70px; 
}
#home-flag-FR a {
  display: block;
  height: 39px;
  width: 378px;
  background: url(graph/specialistes-multicoques.jpg) no-repeat  0 -39px ;
}
#home-flag-FR a:hover {
  background: url(graph/specialistes-multicoques.jpg) no-repeat  0 0 ;
}
#home-flag-EN {
  position: absolute;
  top: 340px;
  right: 50px;   
}
#home-flag-EN a {
  display: block;
  height: 39px;
  width: 378px;
  background: url(graph/multihull-experts.jpg) no-repeat  0 -39px ;
}
#home-flag-EN a:hover {
  background: url(graph/multihull-experts.jpg) no-repeat  0 0 ;
}
#home-dragonfly {
  position: absolute;
  top: 410px;
  right: 45px;
}
#home-dragonfly a {
  display: block;
  height: 103px;
  width: 184px;
  background: url(graph/dragonfly-home-txt.gif) no-repeat 0 -103px ;
}
#home-dragonfly a:hover {
  background: url(graph/dragonfly-home-txt.gif) no-repeat 0 0 ;
}

#home-contact-gauche {
  position: absolute;
  top: 503px;
  left: 0; 
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  width: 440px;
  padding-right: 10px;
  text-align: right;
}
#home-contact-droite {
  position: absolute;
  top: 503px;
  right: 295px; 
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-left: 10px;
  text-align: left;
}

#referencement {
  padding-top: 30px;
  margin-right:150px;
  margin-left: 150px;
}
#referencement li{
  display: inline;
  padding: 0 5px;
}
#referencement li a{
  text-decoration: none;
  color: #68A9EF;
}
#entete {
  height: 80px;
  background: url(FR/graph/fond_entete.jpg) 2px 0 no-repeat;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  text-align: right;
  padding: 50px 20px 0 0;
  font-weight: bold;
  line-height: 18px;
  color: #666;
}
#entete h1 {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#menu {
  border-left: 2px solid #0404b6;
  height: 31px;
  width: 880px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  background: url(graph/fond_menu.gif) repeat-x;
  padding-left: 20px;
  position: absolute;
  top: 128px;
  left: 0;
  z-index:80;
}

* html #menu {
    width: 902px; 
    top: 122px;
}

#menu dl {
float: left;
width: 160px;
margin: 4px 15px 0 0;

}
#menu dt {
cursor: pointer;
height: 22px;
padding: 3px 0 0 24px;
font-weight: bold;
color: #0404b6;
background: url(graph/menu_puce.gif) 0 0 no-repeat;
}
#menu dd {
border: 1px solid #0404b6;
}
#menu li {
text-align: left;
padding: 3px;
background: #fff;
}
#menu dt a {
color: #0404b6;
text-decoration: none;
display: block;
}
#menu li a {
color: #0404b6;
text-decoration: none;
display: block;
}
#menu li a:hover {
background: #e0eaf6;
}
#menu dt a:hover {
text-decoration: underline;
}
#corps {
  z-index: 1;
  padding: 0 18px 0 4px;
  text-align: left;
}
#presentation, #news{
padding-top: 30px;
}
#presentation h3 {
  font-size: 2em;
  color: #0404b6;
  padding: 5px 0 10px 150px;
}
#presentation p {
  padding: 0 30px 0 150px;
  font-size: 1.2em;
}
#news p {
  padding: 0 0 12px 10px;
}
#presentation span {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-style: italic;
  line-height: 30px;
}  
.pres_left {
  position : relative;
  height: 279px;
  width: 720px;  
  text-align: justify;
  font-size: 1.2em;
  background: url(graph/presentation_right.jpg) top right no-repeat;
  padding-right: 20px;
  clear: both;
}
.pres_right {
  position : relative;
  margin-left: 140px;
  height: 279px;
  width: 720px;  
  text-align: justify;
  font-size: 1.2em;
  background: url(graph/presentation_left.jpg) top left no-repeat;
  padding-left: 20px;
  clear: both;
}
.pres_left img {
  float: left;
  padding-right: 15px;
}
.pres_right img {
  float: right;
  padding-left: 15px;
}
.pres_left h3, .pres_right h3 {
  font-size: 1.3em;
  padding: 50px 0 12px 0;
  font-style: italic;
}
.email {
  position: absolute;
  height: 34px;
  bottom: 0;
  left: 350px;
  padding: 10px 0 0 35px;
  background: url(graph/presentation_puce_mail.gif) 0 2px no-repeat;
}
.email a {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #666;
}
.email a:hover {
  text-decoration: underline;
  color: #0404b6;
}
#multicoque{
  padding-top: 100px;
  background: url(graph/multicoque-fond.jpg) 2px 30px no-repeat;
}
#multicoque h4 {
  font-family: Times New Roman,serif;
  font-size: 2.2em;
  color: #0404b6;
  margin:10px 0 0  90px;
  padding: 4px 0 30px 60px;
  background: url(graph/fond_puce_logo.gif) no-repeat;
  clear: both;
}
#multicoque p {
  padding: 0 30px 0 150px;
  font-size: 1.2em;
}
#vendre-acheter{
  padding-top: 30px;
  font-size: 1.2em;
}
#vendre-acheter h3 {
  font-family: Times New Roman,serif;
  font-size: 2em;
  font-weight: normal;
  color: #0404b6;
  margin:35px 0 20px  330px;
  letter-spacing: 0.1em; 
  text-decoration: underline;
  clear: both;
}
#vendre-acheter h4 {
  font-family: Times New Roman,serif;
  font-size: 2.2em;
  color: #0404b6;
  margin:10px 0 0  90px;
  padding: 4px 0 30px 60px;
  background: url(graph/fond_puce_logo.gif) no-repeat;
  clear: both;
}
#vendre-acheter h5 {
  font-size: 1.1em;
  width: 80%;
  color: #0404b6;
  padding: 2px 10px;
  margin:10px 0 8px  150px;
  background: #D3E4F8;
}
#vendre-acheter p {
  padding: 0 30px 0 150px;
}
#vendre-acheter ul {
  padding: 12px 30px 0 210px;
}
#vendre-acheter li {
  padding:0 0 13px 30px;
  background: url(graph/puce_fleche.gif) 0 0px no-repeat;
}
#multi23 {
  padding-top: 35px;
}
#logo_multi23 {
  margin: 10px 0 20px 15px;
}
#multi23 h3 {
  font-size: 1.6em;
  font-weight: bold;
  padding:0 0 10px 15px;
  color: #0404b6;
}
#multi23 p {
  font-size: 1.2em;
  margin-left: 15px;
}
#dragonfly{
  padding-top: 35px;
}
#logo_dragonfly {
  float: left;
  margin: 30px 40px 0 15px;
}
#dragonfly h3 {
  font-size: 1.6em;
  font-weight: bold;
  padding-top: 45px;
  color: #0404b6;
}
.bandeau {
  float: left;
  width: 221px;
  text-align: center;
}
.bandeau img {
  padding-left: 5px;
}
.bandeau h4 {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding-left: 75px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  background: url(graph/dragonfly_puce.gif) 15px 0  no-repeat;
  line-height: 25px;
}
.bandeau a {
  text-decoration: none;
  color: #e60003;
}
#dragonfly h5 {
  padding: 10px 0 10px 75px;
  clear: both;
}
#dragonfly p {
  font-size: 1.2em;
  text-align: justify;
  margin-right: 25px;
  margin-left: 95px;
  text-indent: 75px;
}
#dragonfly p.small {
  width: 620px;
}
*html #dragonfly p.small {
  width: 420px;
}
#flash_swing {
  width: 255px;
  height: 200px;
  float: left;
  text-align: center;
}
.suite a{
  float: right;
  margin-top: 9px;
  padding-left: 20px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  background: url(graph/puce_suite.gif) 0 0 no-repeat;
  height: 26px;
  text-decoration: none;
  color: #666;
}
.suite a:hover {
  text-decoration: underline;
  color: #0404b6;
}
.video a{
  float: right;
  margin-top: 9px;
  margin-right: 20px;
  padding: 12px 0 0 40px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  background: url(graph/puce_video.gif) 0 0 no-repeat;
  height: 53px;
  text-decoration: none;
  color: #666;
}
.video a:hover {
  text-decoration: underline;
  color: #0404b6;
}
#dragonfly table {
  margin-left: 100px;
  font-size: 1.2em;
  width: 420px;
}
#dragonfly th {
  text-align: left;
}
#dragonfly td {
  width: 120px;
}
#dragonfly .legend {
  font-weight: bold;
  width: 180px;
  height: 20px;
}
#dragonfly dl {
  margin-left: 100px;
  font-size: 1.2em;
  width: 280px;
}
#dragonfly dt {
  float: left;
  font-weight: bold;
  width: 180px;
  height: 20px;
}
#dragonfly dd {
  float: left;
  width: 100px;
  height: 20px;
}
#dragonfly .liste_prod {
 line-height: 26px;
 font-size: 1.2em;
}
#dragonfly .date {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  margin-left: 70px;
  padding: 0 10px 0 55px;
  background: url(graph/dragonfly_puce.gif) 0 2px  no-repeat;
  color: #E60003;
  float: left;
  clear: both;
}
#dragonfly .sortie {
  float: left;
  width: 425px;
}
#dragonfly .production {
  float: left;
  padding-left: 27px;
  background: url(graph/puce_fleche.gif) 0 7px no-repeat;
}
#liste_prod_date {
  clear: both;
  padding-bottom: 8px;
  margin-left: 155px;
}
.awards {
  text-align: center;
  float: left;
  width: 145px;
  margin-top: 25px;
}
.awards_boat {
  font-weight: bold;
}
.awards_txt {
  color: #666;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.histoire p {
  padding: 10px 20px 0 60px;
}

#en_avant {
  background-color: #cfe6ff;
  height: 135px;
  padding: 5px;
  margin: 40px 0 10px 10px;
  text-align: center;
}
.block {
  float: left;
  text-align: center;
  width: 217px;
  padding-top:5px;
}
#en_avant a{
  text-decoration: none;
  color: #333;
}

div.block:hover {
  background-color: #eff7ff;
}
.block img{
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #0404B6;
}
.en_avant_serie {
  font-size: 1.2em;
  font-weight: bold;
}
.en_avant_prix {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}
a.flech {
padding-left: 25px;
  font-size: 1.2em;
  background: url(graph/puce_fleche.gif) no-repeat;
}
#occasions{
  padding: 30px 0 10px 0;
}
#occasions p{
  padding: 0 30px 6px 210px;
  font-size: 1.2em;
}
#listing, #description {
margin-left: 210px;
}
#message {
  font-size: 1.3em;
  padding-bottom : 10px;
  font-weight: bold;
  color: #FF0000;
}
#listing table {
  border-collapse: collapse;
  border: 1px solid #999;
   background-color: #fafafa;
}
#listing tr.titre {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  background: url(graph/fond_description.gif) repeat-x;
  height: 22px;
}
#listing .titre th {
  text-align: left;
  padding-left: 50px;
}
#listing tr.libelle  {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  height: 20px;
}
#listing .libelle th {  
  border-bottom: 1px solid #999;
}
#listing th {
  text-align: center;
}
#listing td {
  border-bottom: 1px dashed #999;
  height: 80px;
}
#listing .TH {
  text-align: center;
}
#listing .ref {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #0404b6
}
#listing .info {
  text-align: center;
}
#listing .prix {
  text-align: right;
  font-size: 0.9em;
  font-weight: bold;
}
#listing .serie a {
  font-weight: bold;
  text-decoration: none;
  color: #0404b6;
  padding-left: 6px;
}
#listing .serie a:hover {
  text-decoration: underline;
}
#nav_suiv {
  position: absolute;
  top: 180px;
  left: 850px;
}
#nav_prec {
  position: absolute;
  left: 780px;
  top: 180px;
}
#nav_ret {
  position: absolute;
  left: 815px;
  top: 170px;
}
#bar {
  float: left;
  
}
.box {
  background: url(graph/bar_bottom.gif) bottom left;
  width: 212px;
  padding-bottom: 15px;
}
.box h3 {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #0404B6;
  background: url(graph/bar_top.gif) 0 0 no-repeat;
  height: 27px; 
}
.box h3.box_titre {
  background: url(graph/bar_titre.gif) 0 0 no-repeat;
  padding: 7px 0 0 20px; 
}
.box ul {
  padding-left: 30px;
  font-size: 1.2em;
}
.box li {
  background: url(graph/puce_bar.gif) 0 3px no-repeat;
  padding-left: 20px;
  line-height: 25px;
}
.box li a{
  color: #444;
  text-decoration: none;
}
.box li a:hover{
  color: #0404B6;
  background-color: #fff;
}
#moteur form{
  padding-left: 20px;
}
#moteur input, select {
  border: 1px solid #999;
}
#moteur label {
  display: block;
}
#moteur input.submit {
  font-weight: bold;
  color: #2970A5;
  text-align: left;
  border: none;
  margin-left: 130px;
  width: 45px;
  height: 30px;
  background: url(graph/puce_bar.gif) bottom right no-repeat;
  cursor: pointer;
}

#photo img {
  float: right;
  border: 4px solid #009;
} 
#description {
  position: relative;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  border: 1px solid #666;
  background: #fafafa;
  padding: 5px;
}
#galerie {
  position: relative;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  border: 1px solid #666;
  background: #fafafa;
  padding: 5px;
}
#ref {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}
#visible {
  position: absolute;
  top: 40px;
  right: 10px;
  color: #444;
}
*html #ref, #visible {
  right: 30px;
}  
#serie {
  font-size: 20px;
  background: url(graph/fond_description.gif) repeat-x;
  color: #fff;
  padding-left: 20px;
}
#nom {
  font-size: 16px;
  font-style: italic;
  padding: 5px 0 10px 80px;
}
#photo {
  border: 4px solid #555;
  margin-left: 15px;
}
#description table {
  font-size: 11px;
  line-height: 20px;
  border-collapse:  collapse;
}
#description .label{  
  width: 140px;
  padding-left: 5px;
  background-color: #cfe6ff;
  border-bottom: 1px solid #fff;
} 
#description .intitule {
  border-bottom: 1px solid #aaa;
  width: 180px;
  padding-left: 5px;
}
.commentaires {
  text-align: justify;
  width: 400px;
  line-height: 14px;
  border: 1px dotted #999;
  padding: 10px;
}
.prix {
  margin-left: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.tva {
  font-size: 12px;
  font-weight:normal;
}
.pictos {
  text-align: center;
  width: 280px;
}
.pictos img {
  margin: 2px;
  width: 46px;
}
#galerie {
  min-height: 500px;
  _height: 500px;
}
#galerie img {
  margin: 5px;
  border: 2px solid #fafafa; 
}
#galerie  a img:hover {
  border: 2px solid #0404B6; 
}
#player {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-left: 350px;
}
#contact{
  padding-top: 100px;
  background: url(graph/fond_contact.jpg) 2px 30px no-repeat;
height: 480px;
}
#contact h1 {
  font-family: Times New Roman,serif; 
  padding-left: 220px;
  font-size: 2.5em;
  color: #0404b6;
}
#contact h2 {
  font-family: Times New Roman,serif; 
  padding-left: 220px;
  font-size: 1.8em;
font-weight: normal;
  color: #444;
}
#contact p {
  margin: 30px 0 0 250px;
 padding-left: 7px;
  font-size: 1.4em;
  border-left: 1px dotted #888;
}
#pied {
  margin-left: auto;
  margin-right: auto;
  width: 910px;
    color: #666;
}
#pied ul {
padding-top: 6px;
}
#pied li {
  display: inline;
}
#pied a {
  text-decoration: none;
  color: #666;
}