/* CSS Document */
* {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.clear { clear:both;}

html, body { height:100%; }
body {
	font-size:100%;
	line-height:12px;
	text-align:center;
	background:url(images/bg.gif) repeat-x top #0494ce;
}
html, input
	{	font-family:Tahoma; 
		color:#ffffff;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }


a{color:#77df49; text-decoration:underline; font-weight:bold} 
a:hover{text-decoration:none}

ul{margin:0; padding:0; list-style:none; line-height:1.3em}
ul li{
	margin:0px;
	padding-left:10px;
	background-image: url(images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;
}
ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal;} 
ul li a:hover { text-decoration:none; color:#77df49; }

#apDiv1 {
	float:right; 
	width:180px;
	height:415px;
	text-align:center;
}

#apDiv3 {
	width:181px;
}

#apDiv2 { padding:10px 0; }

/*header*/
#header{ height:447px}
#header2{ height:180px; }
#header2 .flash, #header .flash{ position:absolute; margin:0 -10px 0 -40px}

/*content*/
#content{
	font-size:0.75em;
	width:100%;
	text-align:left;
	position: relative;
}
#content .title{  margin-bottom:5px}
#content .title1{  margin-top:5px; position:absolute}
#content .title2{  margin:5px 0 6px 0}
#content .title_1{background:url(images/bg_5.gif) no-repeat top left #047eb3; padding:9px 26px 21px 80px; color:#a2e8ff; font-weight:bold; font-size:0.9em}
#content .title_1 a{color:#a2e8ff; text-decoration:none}
#content .title_1 a:hover{text-decoration: underline}
#content .title_1 strong a{color:#ffffff}
#content p{ margin:0px 0px 15px 0px}
#content .p1{ margin:5px 0px 5px 0px}
#content .p2{ margin:0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ margin:20px 0px 16px 0px}
#content .line{ margin:15px 0px 13px 0px }
#content .indent{padding:0px 0px 24px 9px}
#content .indent_col1{padding:5px 25px 15px 10px}
#content .indent_col2{padding:5px 25px 0px 24px; height:149px; text-align:right; }
#content .indent_col2 p { margin:5px 0; padding:0; }
#page4 .w #content .infor2 {
	float: left;
}

#content .indent_col3{padding:5px 25px 0px 24px}
#content .indent_1{padding:0px 0px 0px 105px}
#content .indent_2{padding:0px 0px 5px 0px}
#content .indent_3{padding:0px 0px 0px 95px}
#content .indent_4{padding:0px 0px 0px 144px}

.block{ width:218px; background:url(images/bg_2.gif); float:right}
.bg_block{ background:url(images/bg_1.gif) no-repeat top;}
.bg_block1{ background:url(images/bg_3.gif) no-repeat bottom; padding:28px 17px 17px 23px;}
/*table*/
.table{ width:440px; height:223px; background:#cacaca; font-size:0.9em}
.table td{ background:#0497d0;}
.table .col_1{ height:24px; width:138px; vertical-align:middle; text-align:center}
.table .col_2{ width:99px; vertical-align:middle; text-align:center}
.table .col_3{ width:94px; vertical-align:middle; text-align:center}
.table .col_4{ width:104px; vertical-align:middle; text-align:center}
.table .col_5{ height:200px; padding:10px 0px 5px 14px}
.table .col_6{ padding:10px 0px 5px 14px}
.table .col_7{padding:10px 0px 5px 14px}
.table .col_8{ padding:10px 0px 5px 14px}
.table ul{margin:0; padding:0; list-style:none; line-height:1.7em}
.table ul li{background:url(images/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px }
.table ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal; font-size:1.2em} 
.table ul li a:hover { text-decoration:none; color:#77df49; }

.block2{
	background-color: #0476AF;
	background-image: url(images/bg_4.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.block2 div{ height:27px; font-size:0.9em}
.block2 .h1{ height:18px; }
.block2 .fr1{ text-align:right; margin-right:23px;}
.block2 .fr2{
	text-align:right;
	margin-right:23px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.icon3{ margin-left:2px; vertical-align:middle}
.block2 .indent_5{padding:0px 140px 10px 22px; color:#6cc1e4; line-height:1.2em; background:url(images/line3.gif) no-repeat bottom #0476af; height:100%}
.indent_6{padding:10px 0px 0px 0px;}
.but2{ margin:0px 0px 14px 174px; position:absolute }
.vam1{background:url(images/line4.gif) no-repeat top left #047bb2; padding:0px 0px 0px 20px; height:36px; font-size:0.9em; }


/*index.html*/
#page1 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-2.html*/
#page3 #content .indent_col1{padding:5px 0px 15px 10px}
/*index-3.html*/
#page4 #content .indent_col2{
	padding:5px 15px 0px 15px
}
/*index-3.html*/
#page8 #content p{margin:0px 0px 20px 0px}


/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(images/bg_bot.gif) repeat-x top; padding:35px 25px 28px ; margin-right:28px; height:800px;}


.jamp1{ width:42px; }
.jamp2{ width:74px;}
.jamp3{
	width:95px;
}
.jamp4{ width:87px; margin-left:15px}
.jamp5{ width:87px; margin:0 35px 0 5px}
.jamp7 {
	width:180px;
}
select{ font-size:1em; color:#666666; margin-left:5px; vertical-align:middle; height:21px;}

.input{
	background:#ffffff; 
	border:1px solid #03b5dd;
	color:#666666;
	width:173px; height:22px;
	font-size:0.9em;
	padding-left:5px;
	margin-bottom:6px
}
.input1{
	color:#666666;
	width:16px; height:16px;
	font-size:0.9em;
	margin:0 5px 0 5px;
	vertical-align:middle
}.input2{
	background:#ffffff; 
	border:1px solid #03b5dd;
	color:#666666;
	width:215px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin:0 0px 0 9px;
	vertical-align:middle
}
.input3{
	width: 70px;
	margin-left: 0px;
	color: #666666;
	height: 19px;
	vertical-align: middle;
}
.input5 {
	background:#ffffff;
	border:1px solid #03b5dd;
	color:#666666;
	width:78px;
	height:21px;
	font-size:1em;
	padding-left:5px;
	margin:0 0px 0 3px;
	text-align: center;
}
input{
	width:193px;
	height:18px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}

ul{
	margin-left: 40px;
}
textarea{
   width:193px; height:152px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:11px;
   overflow:auto}
.block2 .fr5 {
	text-align:right;
	margin-right:5px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.block2 .fr4 {
	text-align:right;
	margin-right:23px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.text1 {
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	display: block;
	font-size: 1em;
	text-align: justify;
	margin-top: 25px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
}
.photo {
	width:471px;
	height:291px;
	background:url(images/bgviewer.gif) no-repeat; 
	float: right;
	display: inline;
}
.titre {
	width: 640px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-left: 0px;
}
.tete {
	background-image: url(images/entete01.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 640px;
	font-weight: bold;
	display: block;
}
.contenu {
	width: 626px;
	margin-left: 0px;
	margin-right: 0px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #065295;
	border-left-color: #065295;
	padding-right: 0px;
	padding-left: 10px;
	height: auto;
	padding-top: 7px;
	background-color: #FFFFFF;
	color: #000000;
}
.duoi {
	background-image: url(images/pied01.gif);
	height: 35px;
	width: 640px;
}
.titre_pays {
	font-size: 1.2em;
	line-height: 24px;
	color: #FFFFFF;
	margin-left: 15px;
}
.photo_titre {
	padding: 7px;
	float: left;
	width: 100px;
}
.prix1 {
	font-size: 0.9em;
}
.prix2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	font-family: "Times New Roman", Times, serif;
}
.prix3 {
	font-size: 0.8em;
	padding-right: 5px;
	margin-bottom: 2px;
}

.adoite {
	float: right;
	color: #FFFFFF;
}
.titre1 {
	margin-left: 115px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	font-size: 1em;
}
.descrip1 {
	background-image: url(images/header01.gif);
	width: 700px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 35px;
}
.descrip2 {
	background-image: url(images/header02.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.info {
	padding-right: 60px;
	padding-left: 60px;
}
.descrip3 {
	background-image: url(images/header03.gif);
	height: 44px;
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow:hidden; 
}
.descrip0 {
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: bolder;
	margin-left: 22px;
}
.descrip0 a { color:#333; }
.hauter {
	text-align: right;
	padding-right: 5px;
	line-height: 32px;
}
.image_format {
	float: right;
	margin-right: 20px;
	padding-top: 3px;
}

.image_format2 {
	float: left;
	margin-left: 20px;
	padding-top: 3px;
}

#page4 .w #choisir_ville {

}

#page4 .w #choisir_ville #select_ville {
	font-size: 0.9em;
	width: 150px;
	height: 21px;
}
#page4 .w #liste_parcourt {
	margin-left: 50px;
}

.list { width:500px; float:left; }
.list .titre1 { margin-left:0; }

.titre6 {
	line-height: 14px;
}
#page4 .w .text1 .descrip1 .descrip2 .info div {
	margin-bottom: 7px;
	margin-top: 7px;
}
#page4 .w #choisir_ville #trier1 {
	margin-left: 10px;
	font-size: 0.9em;
	height: 21px;
}
.prix_prom {
	text-decoration: line-through;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 34px;
	color: #FF0099;
	margin-left: 240px;
}

#nav-menu{
	margin-left: 205px;
	margin-bottom:25px;
}

#nav-menu ul
{
	margin:0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	line-height: 30px;
} 

#nav-menu li
{
	float: left;
	margin-left: 0px;
	background-image: none;
} 

#nav-menu li a
{
	background: url(images/numero03.gif) #fff bottom left repeat-x;
	height: 34px;
	color: #0000FF;
	font-weight: bold;
	float: left;
	width: 52px;
	margin-left: 0px;
	display: block;
	color: blue;
	text-decoration: none;
	text-align: center;
}

#nav-menu li a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: white;
	background-image: url(images/numero04.gif);
}

#nav-menu li a#active {
	text-decoration: underline;
	font-weight: bold;
	color: white;
	background-image: url(images/numero04.gif);
	height: 34px;
	font-weight: bold;
	float: left;
	width: 52px;
	margin-left: 0px;
	display: block;
}
.meteo {
	float: right;
	height: 160px;
	width: 200px;
	margin-right: 30px;
}
.reservation01 {
	height: 20px;
	width: 300px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #09F;
	border-right-color: #03F;
	border-bottom-color: #369;
	border-left-color: #09F;
	background-color: #0085DE;
	text-align: center;
	padding-top: 9px;
}

h2{
	color: #FF0099;
	font-size: 1.6em;
}

.reference {
	margin-top: 8px;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 45px;
}
.referenceno {
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.imgreserver {
	padding-left: 25px;
}
.service_client {
	
}
.inforeserver {
	background-color: #039EDA;
	height: 80px;
	width: 650px;
	border: 2px solid #6699FF;
	margin-left: 26px;
	color: #E1E1E1;
}
.continuerres {
	text-align: right;
	width: 670px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.t1 { color:#e5f2fc; font-size:14px; }
.t2 { color:#5ecdfc; font-size:12px; }
.t2 strong { color:#045a7b; }
.t3 { color:#fff; }
.t3 span { font-size:16px; color:#ff0000; }

#bigImg { width:471px; height:227px; }
#bigImg img { margin:5px; border:1px solid #6fbde0; }
#smallImg { text-align:center; }
#smallImg img { background:url(images/bgvig.gif) no-repeat; padding:5px; margin:0 4px; }

.contenu2 { color:#fff; font-size:12px; line-height:normal; height:auto; }
.ttl { font-size:16px; border-bottom:1px solid #36b8de; margin:40px 0 15px 0; padding-bottom:5px; }
.intro { color:#cdf2fd; font-style:italic; margin:20px 0; }

.dest_intro { font-weight:bold; margin-top:60px; }
.dest { border-collapse:collapse; margin:10px auto; font-size:12px; }
.dest td.dest_tab { background:#4cb3de; vertical-align:top; margin:0 10px 0 10px; width:115px; overflow:hidden; }
.dest_ttl td.dest_ttl2 { background:url(images/bg_tr.gif) repeat-x; width:115px; height:33px; text-align:center; vertical-align:middle; }
.dest ul { margin:20px 0 20px 20px; }
.dest ul li { background:none; list-style-image:url(images/puce_dest.gif); color:#fff; }
.dest ul li a { color:#fff; }