@charset "utf-8";
/* CSS Document */

body,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
* html body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #000;font-family:tahoma, Arial, Helvetica, sans-serif; background-image:url(../images/fond1_haut.jpg); background-position:top center; background-repeat:no-repeat}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} 
:focus {-moz-outline-style: none;}
img, div { behavior: url(iepngfix.htc) }
/*img {behavior: url(pngHack/pngHack.htc);}*/
body {background:url(images/bg.jpg) repeat-x  #051d47; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}

.global { background:url(../images/fond.jpg) no-repeat top center; height:1134px;}
.conteneur{ width:902px;  margin:0 auto}

.nav_menu{ float:left; background:url(../images/bg_menu.jpg) no-repeat top left; width:100%; }
.nav_menu span h1 { display:none}
.nav_menu img { float:right; margin-top:18px;}

ul.menu { list-style:none; float:left; margin:0; padding:21px 0 0 8px; color:#FFF; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:12px;}
ul.menu * { margin:0; padding:0;}
ul.menu a, ul.menu a:link, ul.menu a:active, ul.menu a:visited {font-size:11px; font-weight:normal; text-transform:uppercase; display:block; color:#fff; text-decoration:none;}
ul.menu a:hover {font-size:11px;	font-weight:normal;	text-transform:uppercase;	display:block;	color:#fff;	text-decoration:none; background-color:#003	}
ul.menu li {position:relative;	float:left;	margin-right:12px;}
* html ul.menu li {position:relative;	float:left;	margin-right:10px;}
ul.menu ul {position:absolute; 	top:26px; 	left:0; 	background:#002D76; 	display:none; 	opacity:0; 	list-style:none;}
ul.menu ul li {position:relative; 	border-top:none; 	width:160px; 	margin:0;	padding:0;}
ul.menu ul li a {color:#fff;	display:block; padding:5px 7px 7px; 	background-color:#2f4366;}
ul.menu ul li a:hover {color:#fff;background-color:#051d47;}
ul.menu ul ul {left:160px; top:0px;}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; width:160px;}
ul.menu .topline {border-top:1px solid #aaa;}

.nav_entete{ background-image:url(../images/bg_entete.jpg); height:226px;}
.contenu { width:902px; background:url(../images/bg_sectiontexte.jpg) top no-repeat #FFF; padding-bottom:12px; position:absolute}

.col {width:530px; padding:24px 0 0 0; margin:0px 10px 10px 16px;}
.col p {font-size:14px; color:#333; margin:6px 0; text-align:left; line-height:21px;}
.col p a:link, .col p a:active, .col p a:visited{color:#333; text-decoration:underline;}
.col p a:hover {text-decoration:none; }
.col p img{ float:left; margin:6px 6px 0 0;border:1px solid #008DCD; padding:2px;}
.col ul{ font-size:14px; list-style:none}
.col li{ line-height:21px;}
.col h2 {font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size:21px; color:#0095da; padding:0px; text-decoration:none; border-bottom:1px solid #ffc85a}
.col h3 {font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size:17px; color:#0095da; padding:6px 0 0 0; }
.col h4 {font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size:14px; color:#0095da; padding:6px 0 0 0; margin-bottom:-6px!important; }
.col .contact { line-height:normal;} 
.col div {width:168px; height:380px; margin:10px 12px 6px 0; float:left; }
.col .baleine{width:270px; height:540px; margin:12px 18px 12px 0;}
.col div h3, .col div h3 a:link, .col div h3 a:active, .col div h3 a:visited{font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size:17px; color:#0095da; padding:0px; text-decoration:none;}
.col div h3 a:hover { color:#051d47; text-decoration:none;}
.col div p{ font-size:12px; line-height:16px;}
.col div p a:link, .col div p a:active, .col div p a:visited{ color:#0095da;  text-decoration:underline;}
.col div p a:hover { color:#ffc85a; text-decoration:none;}
.col div ul{ font-size:12px; border-bottom:1px solid #0095da; padding:6px 3px; margin-top:6px;; background-color:#efefef; list-style:none}
.col div li{ line-height:14px;  color:#051d47;}

.colnouvelle { width:300px; z-index:100; position:absolute; left:570px; margin-top:24px; background-image:url(../images/tr_nouvelles.jpg); background-position:0px 120px; background-repeat:no-repeat;}
.colnouvelle img{ border:1px solid #008DCD; padding:2px; margin-bottom:6px;}
.colnouvelle div{width:100%;height:170px;overflow-y:scroll; overflow-x:hidden;margin:157px 10px 12px 0px;border:1px solid #CCC; padding:6px;}
.colnouvelle h2{font-size:11px;color: #008DCD;text-align:left;font-size:14px;font-weight:bold;margin:0px;padding:0px;border-bottom:1px solid #ffe900;width:280px;}
.colnouvelle h3{font-size:16px;color: #008DCD;text-align:left;font-weight:bold;margin:12px 0 0 0;padding:0px;border-bottom:1px solid #ffe900;width:280px;}
.colnouvelle h5{font-size:11px;color: #999999;text-align:left;font-size:10px;font-weight:bold;margin:0px;padding:0px;}
.colnouvelle p{ font-size:14px!important;font-size:12px;padding-right:12px;text-align:left; margin:6px 0;}
.colnouvelle ul { margin:0px 2px; padding-bottom:6px; list-style:none; border-bottom:2px solid #008DCD}
.colnouvelle li a:link, .colnouvelle li a:active, .colnouvelle li a:visited{font-size:14px; color:#051d47; text-decoration:none; background: url(../images/list_fleche.jpg) 66px 4px  no-repeat; padding-left:80px; line-height:21px; font-weight:bold}
.colnouvelle li a:hover {background: url(../images/list_fleche_ov.jpg) 66px 4px no-repeat; padding-left:80px; font-weight:bold}
.colnouvelle strong {font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-weight:bold; font-size:16px; text-align:left; color:#051d47;}
.colnouvelle a:link, .colnouvelle a:active, .colnouvelle a:visited{font-size:12px; color:#008DCD; text-decoration:underline; }
.colnouvelle a:hover {text-decoration:none;}

.colnouvellea { width:300px; z-index:100; position:absolute; left:570px; margin-top:24px; background-image:url(../images/tr_nouvellesa.jpg); background-position:0px 120px; background-repeat:no-repeat;}
.colnouvellea img{ border:1px solid #008DCD; padding:2px; margin-bottom:6px;}
.colnouvellea div{width:100%;height:170px;overflow-y:scroll; overflow-x:hidden;margin:157px 10px 12px 0px;border:1px solid #CCC; padding:6px;}
.colnouvellea h2{font-size:11px;color: #008DCD;text-align:left;font-size:14px;font-weight:bold;margin:0px;padding:0px;border-bottom:1px solid #ffe900;width:280px;}
.colnouvellea h3{font-size:16px;color: #008DCD;text-align:left;font-weight:bold;margin:12px 0 0 0;padding:0px;border-bottom:1px solid #ffe900;width:280px;}
.colnouvellea h5{font-size:11px;color: #999999;text-align:left;font-size:10px;font-weight:bold;margin:0px;padding:0px;}
.colnouvellea p{ font-size:14px!important;font-size:12px;padding-right:12px;text-align:left; margin:6px 0;}
.colnouvellea ul { margin:0px 2px; padding-bottom:6px; list-style:none; border-bottom:2px solid #008DCD}
.colnouvellea li a:link, .colnouvelle li a:active, .colnouvelle li a:visited{font-size:14px; color:#051d47; text-decoration:none; background: url(../images/list_fleche.jpg) 66px 4px  no-repeat; padding-left:80px; line-height:21px; font-weight:bold}
.colnouvelle li a:hover {background: url(../images/list_fleche_ov.jpg) 66px 4px no-repeat; padding-left:80px; font-weight:bold}
.colnouvelle strong {font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-weight:bold; font-size:16px; text-align:left; color:#051d47;}
.colnouvelle a:link, .colnouvelle a:active, .colnouvelle a:visited{font-size:12px; color:#008DCD; text-decoration:underline; }
.colnouvelle a:hover {text-decoration:none;}

.sectioncol {background:url(../images/bg_spacer.jpg) top no-repeat; width:100%;}
.quatrecol {width:204px; margin:24px 0px 24px 16px; float:left;}
.quatrecol h2, .quatrecol h2 a:link, .quatrecol h2 a:active, .quatrecol h2 a:visited{font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size:17px; color:#0095da; padding:0px; text-decoration:none;}
.quatrecol h2 a:hover { color:#051d47; text-decoration:none;}
.quatrecol p {font-size:12px; color:#333; margin:6px 2px;}
.quatrecol ul { margin:0 2px; list-style:none;}
.quatrecol li a:link, .quatrecol li a:active, .quatrecol li a:visited{font-size:12px; color:#0095da; text-decoration:none; background: url(../images/list_fleche.jpg) top left no-repeat; padding-left:12px; }
.quatrecol li a:hover {background: url(../images/list_fleche_ov.jpg) top left no-repeat; padding-left:12px;}

.lienalbum a:link, .lienalbum a:active, .lienalbum a:visited{ margin-left:16px; font-size:10px; color:#666; text-decoration:underline;}
.lienalbum a:hover{ color:#666; text-decoration:none;}

.album img { margin:6px 0px 6px 12px; border:1px solid #0095da; padding:2px;}
.album h3{font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size:21px; color:#0095da; padding:0px; margin:6px; text-decoration:none; border-bottom:1px solid #ffc85a}
.adresse {background-color:#eaeaea; float:right; width:416px; margin:36px 16px 0 0; padding:6px;}
.adresse img{ float:left; margin:0px 8px 24px 0px;}
.adresse p{ font-size:11px; margin:0 0 12px 0;}
.adresse p a:link, .adresse p a:active, .adresse p a:visited{ color:#000; text-decoration:underline;}
.adresse p a:hover{ color:#000; text-decoration:none;}
.adresse h3{color:#0095da; font-size:14px; font-weight:normal }

.navbas {float:right; width:220px; margin-top:36px; padding-left:220px; }
.navbas ul { list-style:none}
.navbas li a:link, .navbas li a:active, .navbas li a:visited{font-size:11px; color:#0095da; text-decoration:none; background: url(../images/list_fleche.jpg) top left no-repeat; padding-left:12px; }
.navbas li a:hover {background: url(../images/list_fleche_ov.jpg) top left no-repeat; padding-left:12px;}

.footer { background-color:#051d47; margin-top:18px; position:absolute; width:902px; height:40px;}
.footer p{ color:#FFF; font-size:11px; text-align:center}
.footer p a:link, .footer p a:active, .footer p a:visited{ color:#fff; text-decoration:underline;}
.footer p a:hover{color:#fff; text-decoration:none;}

.btcroisieres { width:179px; height:24px; float:left; margin:16px 0 0 50px; }
a.btcroisieres {background-image: url(../images/bt_croisieres.png); display:block; width:179px;} 
a.btcroisieres:hover {background: url(../images/bt_croisieres.png)  0 -24px }

.btzodiacs { width:91px; height:24px; float:left; margin:16px 0 0 40px; }
a.btzodiacs {background-image: url(../images/bt_zodiacs.png); display:block; width:91px;} 
a.btzodiacs:hover {background: url(../images/bt_zodiacs.png)  0 -24px }

.btregion { width:74px; height:24px; float:left; margin:16px 0 0 40px; }
a.btregion {background-image: url(../images/bt_region.png); display:block; width:74px;} 
a.btregion:hover {background: url(../images/bt_region.png)  0 -24px }

.btreservation { width:305px; height:105px; float:left;  }
.btreservation img{ border:0px solid #008DCD; padding:0px; margin:0px;}
a.btreservation {background-image: url(../images/bt_reservation.jpg); display:block; width:305px;} 
a.btreservation:hover {background: url(../images/bt_reservation.jpg)  0 -105px }

.btcroisieresa { width:179px; height:24px; float:left; margin:16px 0 0 50px; }
a.btcroisieresa {background-image: url(../images/bt_croisieresa.png); display:block; width:187px;} 
a.btcroisieresa:hover {background: url(../images/bt_croisieresa.png)  0 -24px }

.btzodiacsa { width:91px; height:24px; float:left; margin:16px 0 0 40px; }
a.btzodiacsa {background-image: url(../images/bt_zodiacsa.png); display:block; width:91px;} 
a.btzodiacsa:hover {background: url(../images/bt_zodiacsa.png)  0 -24px }

.btregiona { width:74px; height:24px; float:left; margin:16px 0 0 40px; }
a.btregiona {background-image: url(../images/bt_regiona.png); display:block; width:85px;} 
a.btregiona:hover {background: url(../images/bt_regiona.png)  0 -24px }

.btreservationa { width:305px; height:105px; float:left;  }
.btreservationa img{ border:0px solid #008DCD; padding:0px; margin:0px;}
a.btreservationa {background-image: url(../images/bt_reservationa.jpg); display:block; width:305px;} 
a.btreservationa:hover {background: url(../images/bt_reservationa.jpg)  0 -105px }