h2{
font-size:16px;
}

 A        {
 font: 13px Arial;
  color: 00afd5;
   text-decoration: none;
   font-weight : bold;
   }

 A:hover {

        font: 13px Arial;

        color: 00afd5;

        text-decoration: underline overline;

        font-weight : bold;

}





.inv { position:absolute;top:350;left:0; VISIBILITY: hidden; z-index:10; }

.graph { position:absolute;top:350;left:140; VISIBILITY: visible; z-index:9; }



.input {

        font-size : 10px;

        font-family : Verdana, Helvetica, Sans-Serif;

        text-align=center;

        font-weight=bold;

        color=navy;

        background-color : Ffffce;

        border : thin solid;

}



.button {

  font-size : 08 px;

  font-family : Verdana, Helvetica, Sans-Serif;

  text-align=center;

  font-weight=bold;

  color=000080;

  background-color=ffffce;

  border-style: solid;

  border-color: Navy;


}



.tab {

        font-size : 11px;

        font-family : verdana;

        text-align=center;

        font-weight=bold;

        color=ffff00;

        background-color : 00AFD5;

		border=0;


}



.but_off {

  font-size : 13px;

  font-family : Verdana, Helvetica, Sans-Serif;

  text-align=center;

  font-weight=bold;

  color=000080;

  border-style: solid;

  border-color: 00AFD5;

  background-color : ffffff;

  width=200;

}

.but_on {

  font-size : 13px;

  font-family : Verdana, Helvetica, Sans-Serif;

  text-align=center;

  font-weight=bold;

  color=000080;

  border-style: solid;

  border-color: 00AFD5;

 border-width : 4;

  background-color : yellow;

  width=200;

}



.tab1 {

font-size : 13px;

font-family : Verdana, Helvetica, Sans-Serif;

font-weight=bold;color=00AFD5;

background-color : ffffff;



}

.tab2 {

font-size : 13px;

font-family : Verdana, Helvetica, Sans-Serif;

font-weight=bold;color=00AFD5;

background-color : ffffce;
}

.tab3 {

font-size : 11px;

font-family : Verdana, Helvetica, Sans-Serif;

color=navy;

background-color : ffffce;
}

.dom {

font-size : 13px;

font-family : Verdana, Helvetica, Sans-Serif;

text-align=center;

font-weight=bold;color=ffffff;

background-color : 00AFD5;

border-style:solid;

border-color: navy

}



.lnk {

font-size : 13px;

font-family : Verdana, Helvetica, Sans-Serif;

text-align=center;

font-weight=bold;color=ffffff;

background-color : 00AFD5;

text-decoration : none;

}



.cach {

color=00AFD5;

background-color : 00AFD5;

}



.rub {

font-size : 13px;

font-family : Verdana, Helvetica, Sans-Serif;

text-align=center;

font-weight=bold;color=ffffff;

background-color : 00AFD5;

border-style:solid;

border-color: white

}



.fic {
font-size : 13px;
font-family : Verdana, Helvetica, Sans-Serif;
text-align=center;
font-weight=bold;color=00AFD5;
background-color : ffffce;
border-color: 00AFD5

}


.top A   {
    color:yellow;
    text-decoration:none;
    font-weight:bold;
}

.top A:hover   {
    color:gold;
    text-decoration:none;
    font-weight:bold;
}

#footer {
	padding-top:10px;
	font-size:10px;
    color:yellow;
    text-decoration:none;
    font-weight:normal;
}

#footer A   {
	font-size:10px;
    color:yellow;
    text-decoration:none;
    font-weight:normal;
}

#footer A:hover   {
	font-size:10px;
    color:gold;
    text-decoration:none;
    font-weight:normal;
}
.firstDiv {
position:absolute;
font-size:12px;
font-family:Arial,Verdana;
visibility:hidden;
color:gray;
border:1px dashed gold;
height:100px;
width:350px;
padding:5px;
background-color:#ffffce;
}

.cli {

        font-size : 13px;

        font-family : Verdana, Helvetica, Sans-Serif;

        font-weight=bold;

        color=00AFD5;

        background-color : ffffce;

        border-style:solid;

        border-color: 00AFD5;

        cursor : hand;

}


.cal {
        font-size : 8px;
        font-family : Verdana, Helvetica, Sans-Serif;
        font-weight=bold;
        color=00AFD5;
        background-color : ffffce;
        border-color: 000080;
}

.liencal        {
    font-size : 8px;
        font-family : Verdana, Helvetica, Sans-Serif;
        font-weight=bold;
        color: navy;
        text-decoration: none;

}

.liencal:hover        {
    font-size : 8px;
        font-family : Verdana, Helvetica, Sans-Serif;
        font-weight=bold;
        color: 00afd5;
    text-decoration: underline overline;

}

.liencal:visited        {
    font-size : 8px;
        font-family : Verdana, Helvetica, Sans-Serif;
        font-weight=bold;
        color: navy;
    text-decoration: none;

}

.liencal:visited:hover        {
    font-size : 8px;
        font-family : Verdana, Helvetica, Sans-Serif;
        font-weight=bold;
        color: 00afd5;
    text-decoration: underline overline;

}

#contenu {
margin-bottom:15px;
}

#contenu .bloc_promo
	{
		width: 225px;
		height: 83px;
		float: left;
		background: transparent url(http://www.corsicaferries.com/corsicahtml/images/bg_promo.gif) repeat-x top left;
	}
		#contenu .bloc_promo .gauche
		{
			_position: relative;
			float: left;
			width: 218px;
			height: 83px;
			overflow: hidden;
		}
			#contenu .bloc_promo .gauche .image
			{
				margin: 0;
				z-index: 1;
				width: 67px;
				height: 83px;
				float: left;
				overflow: hidden;
			}
			#contenu .bloc_promo .gauche .masque
			{
				float: left;
				position: absolute;
				_top: 0; _left: 0;
				width: 67px;
				height: 83px;
				z-index: 2;
				cursor: pointer;
				_cursor: hand;
				background: transparent url(http://www.corsicaferries.com/corsicahtml/images/contour_promo.gif) no-repeat scroll top left;
			}
			#contenu .bloc_promo .gauche .contenu
			{
				/*float: left;*/
				width: 146px;
				height: 81px;
				position: relative;
				top: -86px; left: 72px;
				_top: 0; _left: 0;
				z-index: 3;
			}
			#contenu .bloc_promo .gauche .contenu h2
			{
				font-weight: bold;
				color: white;
				border: 0;
				margin: 87px 0px 0px 0px;
				_margin: 3px 0px 0px 0px;
				text-transform: none;
				font-size: 13px;
			}
			#contenu .bloc_promo .gauche .contenu h3
			{
				font-weight: bold;
				color: #FFDE00;
				font-size: 11px;
				margin: 0px 0px -2px 0px;
			}
			#contenu .bloc_promo .gauche .contenu p
			{
				color: white;
				_height: 9px;
				min-height: 12px;
				margin: 0px 0px 3px 0px;
			}
			#contenu .bloc_promo .gauche .contenu a.lien
			{
				display: block;
				color: white;
				font-weight: bold;
				padding: 2px 0px 2px 20px;
				background: transparent url(http://www.corsicaferries.com/corsicahtml/images/fleche_jaune.gif) no-repeat scroll 0px 0px;
			}

			#contenu a.lien
			{
				display: block;
				font-weight: bold;
				padding: 3px 0px 3px 20px;
				background: transparent url(http://www.corsicaferries.com/corsicahtml/images/fleche_bleu2.gif) no-repeat scroll 0px 0px;
				margin-bottom: 2px;
				overflow: visible;
			}

		#contenu .bloc_promo .droite
		{
			width: 4px;
			height: 83px;
			float: right;
			background: transparent url(http://www.corsicaferries.com/corsicahtml/images/coin_promo.gif) no-repeat scroll top right;
		}