/* AUTEUR: Voyageurs du Monde */
/* DATE DE CREATION: 28/03/2008 */
#contenu_home {
	padding: 0px;
 	margin: 0px;
	border: 0px; 
	text-align: left;
}
#content_home {
width: 630px !important!; width: 630px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

/*style du menu de la home*/
ul#menu_home {
		list-style-type: none;
		margin: 10px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		width: 627px;
}
#menu_home {
		list-style-type: none;
		margin: 10px 0px 2px 10px;
		padding: 0px 0px 0px 0px;
		width: 627px;
}
ul#menu_home li {
		float: left;
		margin-right: 3px;
}
#menu_home li {
		float: left;
		margin-right: 3px;
}
#menu_0, #menu_1, #menu_2, #menu_3
{
		margin: 0;
		margin-left: 10px;
}
/* style des boutons */
a.bouton, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0px 8px 0px 0px; 
    padding:0; 
    font: 11px/11px Arial, Helvetica, sans-serif !important; 
	color: white;
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
a.bouton span, 
button.bouton span { 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle; 
    background:url(/vdm/img/pa/btnLeft.gif) left top no-repeat; 
	font-size: 11px;
} 
a.bouton span span, 
button.bouton span span { 
    padding:0 5px 0 0; 
    background:url(/vdm/img/pa/btnRight.gif) right top no-repeat; 
} 
a.bouton span span span, 
button.bouton span span span { 
    height:25px; 
    line-height: 22px; 
	padding: 1px 7px;
    background:url(/vdm/img/pa/btnMiddle.gif) left top repeat-x; 
} 
 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}



/* ----------- CARTE DU MONDE -----------------  */
#bloc-carte {
z-index:1; width: 627px; height:270px; margin: 20px 0px 0px 10px;
}

#cartemonde {
width: 290px; height: 270px; 
background-color: #ffffff; border: 1px solid #d9d9d3;
text-align:right; font-family: Arial; color: #000000; font-size:10px;
margin: 0px 0px 0px 13px; padding: 0px 0px 0px 0px;
z-index: 100;
float: left;
}
.cartemonde {
margin: 5px 0px 8px 0px; padding: 0px 0px 0px 0px; z-index: 200 !important;
}
.formdest {
font-family: Arial; font-size:10px; color:#000000; align:right; margin: 10px 5px 5px 0px; margin: 10px 5px -10px 0px !important!; padding: 0px 0px 0px 0px;
}


/* style pour effet accordéon Top destinations */
#vertical_container {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	/*width: 630px;*/
}
.accordion_toggle {
	display: block;
	width: 100px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #666666;
	background:url(/vdm/img/pa/fleche-off.gif) no-repeat top left;
	margin: 5px 0px 0px 525px;
	padding: 0px 0px 3px 11px;
}
.accordion_toggle_active {
	background:url(/vdm/img/pa/fleche-on.gif) no-repeat top left;
}
.accordion_content {
	color: #000000;
	background-color: #eeeee7; border: 1px solid #d9d9d3;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	width: 598px;
	line-height: 15px;
}
.accordion_content a {
color: #666666;
}
.accordion_content a:hover {
text-decoration: underline;
}
.topdest1 {
width: 170px;
margin: 0px; padding: 5px;
float:left;
}
.topdest2 {
width: 180px;
margin: 0px; padding: 5px; padding-left: 15px;
float:left;
border-right: 1px solid #d9d9d3;
border-left: 1px solid #d9d9d3;
}
.topdest3 {
width: 180px;
margin: 0px; padding: 5px; padding-left: 15px;
float:left;
}

/*		

/* ----------- OVERLAY -----------------  */


.carte {
  background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
  width: 100%;
  height : 100%;
  text-align: left;
} 
.carte a:hover {
  color: #6A6A6A; text-decoration: none;
}
.carte .bouton {
margin: -10px 0px 0px 15px;
}
.bout-fermer {
margin: 10px 10px 0px 0px !important!; margin: 7px 7px 0px 0px; padding: 0px 0px 0px 0px; float: right; z-index: 8000;
}

/* éléments liste rollover  */
.listeon {
text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
. listeoff {
color: #6A6A6A;
}


#carte-monde1 {
	width: 95%; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	text-align: center;
}

/* ----------- AFRIQUE -----------------  */
#liens-afrique {
width: 220px; float: left;
}
.liste-afrique1 {
	width: 110px; height: 440px;
	margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-afrique1 a{
	color: #6A6A6A;
}
.liste-afrique1 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
.liste-afrique2 {
	width: 80px; height: 440px;
	margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-afrique2 a{
	color: #6A6A6A;
}
.liste-afrique2 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-afrique {
	width: 585px; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left;
}
/* ----------- AMERIQUE LATINE -----------------  */
#liens-amlatine {
width: 275px;
float: left;
}
.liste-amlatine1 {
	width: 110px; height: 440px;
	margin: 13px 0px 0px 13px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-amlatine1 a{
	color: #6A6A6A;
}
.liste-amlatine1 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
.liste-amlatine2 {
	width: 150px; height: 440px;
	margin: 13px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-amlatine2 a{
	color: #6A6A6A;
}
.liste-amlatine2 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-amlatine {
	width: 535px; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: right; z-index: 1;
}
/* ----------- ASIE -----------------  */
#liens-asie {
width : 240px;
float: left;
}
.liste-asie1 {
	width: 110px; height: 360px;
	margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-asie1 a{
	color: #6A6A6A;
}
.liste-asie1 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
.liste-asie2 {
	width: 110px;  height: 360px;
	margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-asie2 a{
	color: #6A6A6A;
}
.liste-asie2 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-asie {
	width: 570px; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: left; z-index: 1;
}

/* ----------- AMERIQUE NORD -----------------  */
#liens-amnord {
width : 240px;
float: left;
}
.liste-amnord {
	width: 230px; height: 440px;
	margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
}
.liste-amnord span{
	margin-left: 15px;
}
.liste-amnord a{
	color: #6A6A6A;
}
.liste-amnord a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-amnord {
	width: 570px; height: 440px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}

/* ----------- AUSTRALIE & PACIFIQUE -----------------  */
#liens-australie {
width : 240px;
float: left;
}
.liste-australie {
	width: 200px; height: 440px;
	margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
}
.liste-australie a{
	color: #6A6A6A;
}
.liste-australie a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-australie {
	width: 570px; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}
/* ----------- EUROPE -----------------  */
#liens-europe {
width : 250px;
float: left;
}
.liste-europe1 {
	width: 115px; height: 440px;
	margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-europe1 a{
	color: #6A6A6A;
}
.liste-europe1 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
.liste-europe2 {
	width: 120px; height: 440px;
	margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-europe2 a{
	color: #6A6A6A;
}
.liste-europe2 a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-europe {
	width: 560px; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: right;
}
/* ----------- MONDE ARABE & PROCHE ORIENT -----------------  */
#liens-mondearabe {
width : 220px;
float: left;
}
.liste-mondearabe {
	width: 200px; height: 440px;
	margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	line-height: 16px; text-align: left;
	float: left;
}
.liste-mondearabe a{
	color: #6A6A6A;
}
.liste-mondearabe a:hover{
	color: #6A6A6A; text-transform: uppercase; background:url(/vdm/carte/fleche.gif) no-repeat top left; padding-left: 8px; font-weight: bold;
}
#carte-mondearabe {
	width: 580px; height: 485px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: right;
}

/* style partie basse de la home*/
.bloc_left {
		text-align: left;
		width: 435px;
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 15px;
		_margin-left: 4px;
}
.bloc_left .bouton{
		margin-right: -2px;
}
.bloc_centre {
		float: left;
		width: 15px; 
		/*height: 1405px;*/
		marginp: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

.bloc_dt {
		float: left; 
		width: 140px !important;
		padding: 10px 10px 20px 10px;
		margin: 19px 0px 20px 5px !important;
		background-color: #f0f0ee;
}
#select-dest {
width: 620px; height: 22px; background-color: #e0e0d4; margin: 3px 0px 0px 10px; padding: 0px 0px 0px 0px;
}
#select-dest .formdest1 {
margin: 2px 0px 0px 10px !important!; margin: 1px 0px 0px 10px; padding: 0px 0px 0px 0px; height: 18px;
}
#select-dest img {
margin: 3px 0px 0px 10px; padding: 0px 0px 0px 0px; float:left;
}

div.offres_speciales {
		/*position: relative;*/
		width: 315px; min-height: 270px;
		float: left;
		background-color:#f0f0ee; 
		padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
		align: left; 
}
div.offres_speciales #offresspe {
		width: 295px; min-height: 85px;
		margin: 17px 5px 0px 7px;
		float: none;
		clear: both; font-size: 12px;
}
div.offres_speciales1 {
		/*position: relative;*/
		width: 610px;  min-height: 180px;
		background-color:#f0f0ee; 
		padding: 0px 0px 0px 0px; margin: 20px 0px 0px 15px;
}
div.offres_speciales img {
		margin: 10px 0px -5px 7px; padding: 0px 0px 0px 0px;
}
div.offres_speciales1 img {
		margin: 10px 0px -5px 7px; padding: 0px 0px 0px 0px;
}

div.offres_speciales1 #offresspe {
		width: 280px; min-height: 85px;
		margin: 15px 5px 0px 10px;
		float: left;
		font-size: 12px;
}
div.offres_speciales div .titre{
		font-size: 12px;
}
div.offres_speciales1 div .titre{
		font-size: 12px;
}
div.offres_speciales div img {
		padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px;
		float: left;
		width: 100px; height: 85px;		
}
div.offres_speciales1 div img {
		padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px;
		float: left;
		width: 100px; height: 85px;		
}
.ouverture {
		float: right; 
		margin-bottom: 7px; 
		margin-top: 10px;
}
div.offre_horizontal {
width: 435px; min-height: 230px; height: auto; 
margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;
float: none;
clear: both;
}
.offre_vertical {
		float:left;
		width: 210px; min-height: 230px; height: auto; 
		margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px;
}
.offre_vertical .ouverture .bouton {
		margin: 0px; padding: 0px; margin-top: -5px;
}
.offre_vertical div.offres  p.ouverture {
		padding-bottom: 40px;
}

.offres {
		float: left; 
		width: 210px;
		height: 210px;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;

}

.cartouche {
		display: block; 
		background-color: #c4c4ba; 
		color: #ffffff; 
		line-height: 17px; 
		padding: 3px; 
		float: left;
}

.img_offres {
		width: 210px; 
		height: 105px; 
		margin-bottom: 12px;
}

.famille {
		float: left; 
		background-color: #f0f0ee; 
		width:210px !important; 
		/*height: 510px;*/
		margin: 0px 0px 20px 15px; padding:  0px 0px 0px 0px;
}
.famille .bouton{
		margin: 0px 3px 5px 0px; padding:  0px 0px 0px 0px;
}
.famille .ouverture{
		 margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px;
}
.para_famille {
		padding: 10px; 
		/*height: 50px;*/
		margin-bottom: 10px;
}

.separateur_h {
		background: url(/vdm/img/pa/separateur_h.gif) repeat-x top left;		
		width: 100%;
		height: 14px;
}

a.txt_repere {
		color: black;
		text-decoration: none;
}

a:hover.txt_repere {
		text-decoration: underline;
		color: black;
}

.titre {
		color: #96968e;
		text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px!important;
}

.lien_col_dte {
		color: #545454/*#96968e*/;
		text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
}
.img_col_dte {
		margin-top: 15px;
}

.bas_page {
		clear: both;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 160px;
		width: 650px !important; width: 650px;
		text-align: center; align: center;  border-top: 4px solid #000000;
}
.esprit {
		text-align: center; 
		padding-top: 8px;
		color: #9f97c1;
		font-size: 11px;
		line-height: 19px;
		font-weight: bolder;
		
}

.text_footer {
font-family: "Times New Roman", Times, serif;
color: black; font-size: 12px; font-weight: bold;
}
.lien_famille {
		color: #FFFFFF;
}

