A:link {color: #007070; text-decoration: none; font-weight: bold;}
A:visited {color: #007070; text-decoration: none; font-weight: bold;}
A:hover {color: #A52A2A; text-decoration: none; font-weight: bold;}

A.tri:LINK {color: yellow; text-decoration:none}
A.tri:HOVER {color: white; text-decoration:none}
A.tri:VISITED {color: yellow; text-decoration:none}
A.tri:ACTIVE {color: yellow; text-decoration:none}

body {   font: small/1.2em  Arial, Helvetica, sans-serif;
	 background: white;
         margin:0px 0px ;
         }

body.accueil { font:small/1.2em arial,helvetica,sans-serif;
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.rhum { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeauroty.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.snsm { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_snsm.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.ferries { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_ferries.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.condor_ferries { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_condor_ferries.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.batoport { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_batoport.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.vedettes { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_vedettes.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.tradi { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_tradi.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.evenements { font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_evenements.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.marmar{ font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_marmar2.jpg);
	  background-repeat: no-repeat;
          background-position: 160px 0px ;
          margin:0px 0px ;
          }

body.peche{ font:small/1.2em arial,helvetica,sans-serif;
	  background-image: url(images/bandeaux/bandeau_peche.jpg);
	  background-repeat: no-repeat;
	  background-position: 160px 0px ;
          margin:0px 0px ;
          }

H1 {font: bold x-large Arial, Helvetica, sans-serif;
      color: teal;
      text-align: center
      }

H2 {font: bold large Arial, Helvetica, sans-serif;
      color: teal;}

H3 {font: medium Arial,Helvetica,sans-serif;
      font-weight: bold;
      color: teal;}

H4 {font-weight: bold;
      color: teal;}

table tr td div p {
      font: small/1.2em  Arial, Helvetica, sans-serif;}

DIV {color: black}

DIV.label {font-weight: bold;
      color: black}

div#map {overflow:hidden }

p  {color: black}

sup {
font-size: .7em;
line-height: .8em;
}

.source {font-style:italic;float:right}

.retrait  {
        margin-left:1in;
        color: black}

.car {
        background: #7FFFD4;
	padding : 2pt;
	text-align: left}

.car_arrondi {
        font: small/1.2em  Arial, Helvetica, sans-serif;
        text-align: left;
        margin-left: 10px;
        margin-right: 0px;
        }

.car_ul {
	background-image: url(images/coin_car_ul.gif);
	background-repeat: no-repeat;
	margin: 0px;}

.car_um {
	background-image: url(images/coin_car_um.gif);
	background-repeat: repeat-x;
	color: white;
	font: bold small Arial, Helvetica, sans-serif;
        text-align: center;}

.car_ur {
	background-image: url(images/coin_car_ur.gif);
	background-repeat: no-repeat;}

.car_ml {
	background-image: url(images/coin_car_ml.gif);
	background-repeat: repeat-y;}

.car_mm {
	background-image: url(images/coin_car_mm.gif);
	background-repeat: repeat;
	vertical-align: top;
	padding:2px 2px 2px 0px}

.car_mr {
	background-image: url(images/coin_car_mr.gif);
	background-repeat: repeat-y;}

.car_bl {
	background-image: url(images/coin_car_bl.gif);
	background-repeat: no-repeat;}

.car_bm {
	background-image: url(images/coin_car_bm.gif);
	background-repeat: repeat-x;}

.car_br {
	background-image: url(images/coin_car_br.gif);
	background-repeat: no-repeat;}

td.titre {background: teal;
         color: white;
	 font: bold small Arial, Helvetica, sans-serif;
         text-align: center}

td.soustitre {background: #20B2AA;
     color: white;
     font: bold small Arial, Helvetica, sans-serif;
     text-align: center}

.erreur {text-align: center; color: #ff0000; background-color: transparent;}
.red {color: #ff0000; background-color: transparent;}

.Capitale { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; font-weight: bold; color: #993300}
.tabrhum  { background-color: #CCCCFF; font-family: Arial, Helvetica, sans-serif; font-size: small}
.adresse  { font: italic small Arial, Helvetica, sans-serif; margin-left:0.5in; color: blue ; text-align: center}
.exposant { vertical-align: super}
.photo    { text-align: center; vertical-align: middle}
.nomfic   { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small}

.div_menu { height:1000px;
          border:0px;
          position: fixed;
          left: 0px; top: 0px ;
          width:158px;
          background-repeat:repeat-x;
          margin:0px;
          background-color:#ffffff;
       	  background-image: url(images/back.jpg);
          }

.contenu {position:absolute; left: 160px; top: 0px ; margin:0px 5px;  }
.contenu_limite { position:relative; width: 834px ; margin:0px auto; text-align:left; clear:both;}

.pubVerticaleDroite {float:right;margin:5pt; width:160px}

#description {
          margin-left:10px;
          }

#alaune {
          background-color:#CCFFFF;
          }

#alaune_inverse {
          background-color:#888;
          color:#FFFFFF;
          }

ul.menu {
       list-style: none;
       padding: 0px;
       margin:5px 5px 0px 5px;
       background-color:#EEFFFF;
       border:1px solid #009999;
}

ul.menu ul {
       padding: 0px;
       margin:0px 0px 0px 0px;

}
ul.menu li {
       margin-bottom: 3px;
}

ul.menu li a {
       padding-top: 3px;
       padding-left: 9px;
       font-family: arial;
       font-size: 1em;
       font-weight: bold;
       text-decoration: none;
       color:#008888;
       background: transparent url(images/pucebleue.gif) top left no-repeat;
}

ul.menu li a:hover {
       color: maroon;
       background-image: url(images/puce.gif);
}
.titre_menu {width:146px;
            text-align:center;
            background-color:#409799;
            font-weight: bold;
            color:#ffffff;
            padding:0px;
            margin-top:0px;
            margin-bottom:5px;}


#titrepage { height:150px;margin:0px;padding:0px}
#titrepagecourt { height:80px;}
#titrepageaccueil { height:250px;}

#imagenav { width:75px; height:72px; border:0; float:right }

#voiraussi { clear:both; ;text-align:center; margin:10px ;position:relative}
#voiraussi table{ border-right:thin solid #00CCCC;border-bottom:thin solid #00AAAA;background-color:rgb(238, 255, 255)}
#voiraussi td {padding:0px 10px 0px 10px;text-align:center;}


.titre_site {color:white;font-weight:bold;font-size:19px;text-align:center;margin-top:5px;margin-bottom:5px}

.imgDroite, .imgGauche, .imgCentre {
font-style: italic;
text-align: center;
margin-top: 10px;
margin-bottom:10px;
background-color:#CCCCCC;
border:0px;
}
.imgDroite img, .imgGauche img, .imgCentre img {
border:0px;
}

.imgDroite, .imgDroiteSansLegende{
position: relative;
float: right;
margin-left:10px;
border:0px;
}

.imgGauche, .imgGaucheSansLegende{
position: relative;
float: left;
margin-right:10px;
border:0px;
}

#imgCentre{
margin-right:10px;
margin-left:10px;
}


.vignette {
      border:0px;
      height:133px;
      width:199px;
      margin: 5px ;
}
.vignette_gauche {
      float:left;
      border:0px;
      height:133px;
      width:199px;
      margin: 0px 5px 5px 0px;
}
.vignette_droite {
      float:right;
      border:0px;
      height:133px;
      width:199px;
      margin: 0px 0px 5px 5px;
}
.vignette_shipspotting_gauche {
      clear:left;
      margin: 0px 5px 5px 0px;
      border:0px;
}
.vignette_shipspotting_droite {
      clear:right;
      margin: 0px 0px 5px 5px;
      border:0px;
}
.vignette_shipspotting {
      border:0px;
      margin: 5px ;
}

#categorie_prestataire {
      clear:left;
      position:relative;
      width:150px;
      height:23px;
      border:1px solid #009999;
      background-color:#EEFFFF;
      text-align:center;
      font-weight:bold;
      margin:0px 0px 10px 0px;
      padding:5px;
}
#prestataire {
      position:relative;
      width:490px;
      margin: 0px auto 20px auto;
}
.titre_prestataire {
      clear:left;
      float:left;
      width:186px;
      height:35px;
      font-weight:bold;
      text-align:center;
      border:1px solid #009999;
      background-color:#009999;
      color:white;
      margin:0px;
      padding:5px;
      }

.adresse_prestataire {
      float:right;
      width:290px;
      height:45px;
      border:1px solid #009999;
      text-align:center;
      font-weight:bold;
      margin:0px;
      padding:0px;
}
.descriptif_prestataire{
      clear:left;
      padding-top:5px;
      text-align:justify;
}