@import url("reset.css");



body			{ color: #444444; background: #f7f7f7 }

/*-------------- Wrapper ------------------*/

#wrap 			{ width: 967px; min-height: 100%; position: relative;
				  margin: 0 auto; padding: 0 16px 0 17px;
				  background: url(../images/main/wrap.gif) repeat-y }

/*-------------- Layout -------------------*/

#header			{ height: 104px; position: relative }

#header img		{ text-align: center; margin:0; padding:0;}

#header a#logo:hover,
#header a#logo:active
				{ border: none}

#newsLetter	label
				{ display: block; margin: 7px 0 0 0; float: left; 
				  text-align: center; padding-right: 12px; padding-left: 15px;
				  font: normal 1.2em/16px Arial, "Helvetica Neue", Helvetica, sans-serif }
#newsLetter	.text
				{ display: block; float: left; 
				  border: #6c6b67 1px solid; width: 130px;
				  padding: 1px 5px 3px; margin: 7px 9px 0 0 }
#newsLetter	.submit
				{ display: block; float: left; text-align: center;
				  width: 36px; height: 21px; border: 0; margin: 7px 0 0 0; cursor: pointer;
				  font: normal 1.1em/1.4em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  background: url(../images/main/submit.gif) no-repeat }

#slidebanniere 	{ position: absolute;left:259px; top:0px;}

#slidebanniere img 	{ position:absolute; left:0; top:0;
				}

.logo:link,
.logo:visited	{ display: block; width: 280px; height: 81px; text-indent: -9999px;
				  position: absolute; top: 9px; left: 13px;
				  background: url(../images/main/logo.gif) no-repeat }
.logo:hover,
.logo:active	{ border: none }

#newsLetter		{ position: absolute; right: 5px; top: 5px; padding-left: 25px;
				  background: url(../images/main/backgroundNewsltter.gif) no-repeat;
				  width: 218px; height: 78px; margin: 4px 1px 0px 0px ; 
				  z-index:99;
				  text-align:center;
				   }

/*----------------------------------------*/

#mainMenu		{ height: 42px; margin: 0 0 3px 5px; padding: 0 0 0 5px;  overflow: hidden;
				  background: url(../images/main/mainmenu.gif) no-repeat }
#mainMenu li	{ margin: 0; list-style: none; float: left; padding: 0 2px 0 0;
				  background: url(../images/main/mainmenu_separator.gif) right top no-repeat }
#mainMenu a:link,
#mainMenu a:visited
				{ display: block; height: 34px; text-indent: -9999px }
#mainMenu a:hover,
#mainMenu a:active
				{ border: none }
.accueil:link,
.accueil:visited
				{ width: 66px; background: url(../images/main/mainmenu_accueil.gif) no-repeat }
.accueil:hover,
.accueil:active	{ background: url(../images/main/mainmenu_accueil_hover.gif) no-repeat }
.conseillersLocaux:link,
.conseillersLocaux:visited
				{ width: 145px; background: url(../images/main/mainmenu_conceillers.gif) no-repeat }
.conseillersLocaux:hover,
.conseillersLocaux:active
				{ background: url(../images/main/mainmenu_conceillers_hover.gif) no-repeat }
.ouPartir:link,
.ouPartir:visited
				{ width: 114px; background: url(../images/main/mainmenu_partir.gif) no-repeat }
.ouPartir:hover,
.ouPartir:active
				{ background: url(../images/main/mainmenu_partir_hover.gif) no-repeat }
.concept:link,
.concept:visited
				{ width: 83px; background: url(../images/main/mainmenu_concept.gif) no-repeat }
.concept:hover,
.concept:active	{ background: url(../images/main/mainmenu_concept_hover.gif) no-repeat }

.temoignages:link,
.temoignages:visited
				{ width: 111px; background: url(../images/main/mainmenu_temoignages.gif) no-repeat }
.temoignages:hover,
.temoignages:active	{ background: url(../images/main/mainmenu_temoignages_hover.gif) no-repeat }

.destinations:link,
.destinations:visited
				{ width: 101px; background: url(../images/main/mainmenu_destinations.gif) no-repeat }
.destinations:hover,
.destinations:active,
.destinationsOn
				{ width: 101px; background: url(../images/main/mainmenu_destinations_hover.gif) no-repeat }

#destinationsCountries
				{ width: 957px; background: url(../images/main/destinations_menu_top.gif) no-repeat top;
				  margin:-10px 0 3px 5px; margin:0; padding: 10px 0 0 0; overflow: hidden;
				}

#destinationsPhoto
				{ width : 957px; background: url(../images/main/destinations_menu_bottom.gif) bottom no-repeat;
				  margin:0; min-height: 10px; clear:both;
				  cursor: pointer;
				}
				
#destinationsClose
				{ position:absolute; bottom:5px; right:5px; }

				
#destinationsPanel 
				{ width: 957px; background: url(../images/main/destinations_menu.gif) repeat-y;
				  margin:-8px 0 3px 5px; padding:0; display: none; position:relative;overflow:hidden;
				}
#destinationsPanel ul
				{ width : 159px; float:left; 
				  margin:0;
				}

#destinationsPanel img
				{ 
				  padding-top: 10px;
				}

ul.bientotCenter
				{ position: relative; width: auto;
				}

#destinationsPanel li
				{ position:relative; cursor: default; list-style-type: none; text-align: left;
				}

#destinationsPanel li.bientot
				{ color: #9b9b9a; font-weight: normal; text-align: left; position:relative; cursor: default;
				}

.bientotFlag    {  width:79px; height: 30px; background: url(../images/main/bientot_flag.gif); position:absolute; left:-79px; top:0px;
				}
				
.bientotFlagCenter    {  width:79px; height: 30px; background: url(../images/main/bientot_flag.gif); position:absolute; left:-20px; top:0px;
				}				

#destinationsPanel a:link,
#destinationsPanel a:visited	
				{ font-size: 13px; color: #696960; font-weight: bold; 
				}

.charteEthique:link,
.charteEthique:visited
				{ width: 128px; background: url(../images/main/mainmenu_charte.gif) no-repeat }				
.charteEthique:hover,
.charteEthique:active
				{ background: url(../images/main/mainmenu_charte_hover.gif) no-repeat }
.vosQuestions:link,
.vosQuestions:visited
				{ width: 118px; background: url(../images/main/mainmenu_vosquestions.gif) no-repeat }				
.vosQuestions:hover,
.vosQuestions:active	{ background: url(../images/main/mainmenu_vosquestions_hover.gif) no-repeat }				
.blog:link,
.blog:visited	{ width: 52px; background: url(../images/main/mainmenu_blog.gif) no-repeat }
.blog:hover,
.blog:active	{ background: url(../images/main/mainmenu_blog_hover.gif) no-repeat }

.themes:link,
.themes:visited	{ width: 67px; background: url(../images/main/mainmenu_themes.gif) no-repeat }
.themes:hover,
.themes:active,
.themesOn		{ width: 67px; background: url(../images/main/mainmenu_themes_hover.gif) no-repeat }

/*----------------------------------------*/

#content		{ clear: both; padding-bottom: 363px; position: relative;  }
#contentHome		{ clear: both;  position: relative }

#content h3		{ font-weight: bold; }

/*----------------------------------------*/

#pays
				{ float: left; margin: 8px 38px 0 0; width: 210px; height: 32px; padding: 5px; font-size: 16px; font-weight: bold;}

.select-form	{ margin-bottom: 0;}
#selectBox		{ height: 48px; width: 662px; margin: 0 0 0 6px; float: left; padding-bottom: 11px;
				  background: url(../images/main/selectbox.gif) no-repeat }
#selectBox label
				{ float: left; display: block; margin: 17px 50px 0 38px; color: #696969;
				  font: bold 1.4em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif }
#selectReplaced
				{ float: left; margin: 8px 38px 0 0; width: 210px }
#selectReplaced .selectborder
				{ display: none }
#selectReplaced .textshow		
				{ color: #5a5a5a;
				  font: bold 1.4em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif }
#selectReplaced .selecttext
				{ padding: 3px 8px }
#selectReplaced .thistext
				{ font-family: Tahoma, "Helvetica Neue", Helvetica, sans-serif }
#selectReplaced .selectitem
				{ cursor:default; margin: 2px }
#selectReplaced .selecttext
				{ text-align: left }
			
/*----------------------------------------*/
	
.redButton:link,
.redButton:visited,
.redButton
				{ display: block; text-indent: -9999px; height: 29px }
#selectBox .redButton
				{ margin: 9px 0 0 0 }
.redButton:hover,
.redButton:active
				{ border: none }
.b1:link,
.b1:visited		{ margin: 7px 29px 0 0; width: 242px; 
				  background: url(../images/main/b1.gif) no-repeat }		

.b1:active		{ background: url(../images/main/b1_hover.gif) no-repeat }
.b2				{ width: 41px; background: url(../images/main/b2.gif) no-repeat; border: none; }	

.b2:active		{ background: url(../images/main/b2_hover.gif) no-repeat }
.b3				{ width: 187px; position: absolute; top: 462px; right: 28px;
				  background: url(../images/main/b3.gif) no-repeat }	
.b3:active		{ background: url(../images/main/b3_hover.gif) no-repeat }
				
#places			{ margin: 0 5px 14px 6px;
				  background: #d0bb8c url(../images/main/places.gif) repeat-x }
.placesLeft		{ background: url(../images/main/places_left.gif) no-repeat; overflow: hidden }
.placesRight	{ padding: 2px; height: 304px;
				  background: url(../images/main/places_right.gif) right top no-repeat }
.imgContent		{ float: left; margin: 0; width: 659px; height: 304px }

.imgl1 			{ background: url(../images/main/sample.jpg) no-repeat }
.imgl2			{ background: url(../images/main/sample_r.jpg) no-repeat }
.imgl3 			{ background: url(../images/main/sample.jpg) no-repeat }
.imgl4			{ background: url(../images/main/sample_r.jpg) no-repeat }
.imgl5 			{ background: url(../images/main/sample.jpg) no-repeat }

/*----------------------------------------*/

#placesList		{ float: right; clear: right; width: 292px; margin: 0 }
#placesList li	{ margin: 0; list-style: none; margin-bottom: 1px;
				  float: left; clear: left; width: 100%;
				  font: normal 1.1em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif }
#placesList img	{ display: block; float: left; margin-right: 8px; cursor: pointer }
#placesList a:link,
#placesList a:visited
				{ display: block; height: 47px; padding: 1px; color: #696969; position: relative;
				  background: url(../images/main/places_list.png) repeat }
#placesList a:hover,
#placesList a:active,
#placesList a.active:link,
#placesList a.active:visited
				{ border: none;
				  background: url(../images/main/places_list_hover.png) repeat }
#placesList .caption
				{ display: block; width: 167px; cursor: pointer;
				  margin: 7px 0 1px 73px; padding-bottom: 2px;
				  background: url(../images/main/dots.gif) left bottom repeat-x;
				  font: bold 1.2727em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif }
#placesList .arrow
				{ display: block; width: 7px; height: 9px; cursor: pointer;
				  position: absolute; right: 9px; top: 21px;
				  background: url(../images/main/arrow.gif) no-repeat }
				  
/*----------------------------------------*/

.leftCol		{ width: 395px; height: 173px; float: left; 
				  margin: 0 47px 0 12px; padding: 23px 0 0 10px;
				  background: url(../images/main/bg1.jpg) no-repeat }
.leftCol li		{ float: left; width: 140px; color: #514f48; list-style: none;
				  padding: 0 10px 0 12px; margin: 0 0 14px 20px; 
				  background: url(../images/main/bull.gif) 0 8px no-repeat;
				  font: bold 1.2em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif }
.rightCol		{ width: 455px; float: left; padding: 23px 0 0 0 }
.rightCol li	{ padding: 0 10px 0 12px; margin: 5px; list-style: none;
				  background: url(../images/main/bull.gif) 0 8px no-repeat }
.title			{ height: 21px; text-indent: -9999px!important; margin-bottom: 5px }
.t1				{ margin: 0 0 5px 31px; 
				  background: url(../images/main/title1.png) no-repeat }
.t2				{ background: url(../images/main/title2.png) no-repeat }
.t3                             {text-indent: -9999px;}
#places .t3		{ float: right; width: 292px; height: 37px; margin-bottom: 2px;
				  background: url(../images/main/title3.gif) no-repeat }
.subText		{ float: right; clear: right; width: 280px; height: 16px; color: #ede2cc;
				  background: url(../images/main/subtext.gif) no-repeat; padding: 0 6px; margin: 0 0 0 0;
				  font: normal .9em/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif }
.subText a:link,
.subText a:visited
				{ color: #fff }
.subText a:hover,
.subText a:active
				{ border: none }

/*----------------------------------------*/

.mainHeader		{ height: 32px; cursor: default;
				  margin: 0 6px 12px; padding: 2px 14px 0;
				  background: url(../images/main/mainheader.gif) no-repeat ;
				  color:#fff;
				  }
				  
.mainHeaderCountry
				{ height: 50px; padding: 10px 10px 0;
				background: url(../images/main/etiquettepaysv2.jpg) no-repeat
				}		
				
.mainHeaderWithoutCountry
				{ height:1px; padding: 10px 10px 0;
				}					
						  
.mainHeader a:link,
.mainHeader a:visited
				{ color: #000; padding: 5px 18px 5px 0; 
				  font: bold .8333em/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  border:0;
				  }

.mainHeader a:hover, .mainHeader a:active, .mainHeader a:link, .mainHeader a:visited
				{ border:0;}

#subMenu		{ margin: 0; position: absolute; top: 8px; left: 230px }
#subMenu li		{ margin: 0; float: left; list-style: none; padding: 0 2px 0 0;
				  font: normal 1.5em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  background: url(../images/main/mainheader_span.gif) right top no-repeat }
#subMenu a:link,
#subMenu a:visited
				{ display: block; height: 26px; padding: 7px 14px 0; color: #fff }
#subMenu a:hover,
#subMenu a:active
				{ border: none; background: url(../images/main/submenu_hover.gif) repeat-x }
.spaced 		{ padding-top: 3em; overflow: hidden}
.leftBlock		{ width: 164px; min-height: 450px; float: left;
				  margin: -11px 0 0 0; padding: 13px 30px 10px;
				  list-style: none; float: left; font-size: 1em; position: relative;
				  background: url(../images/main/leftblock.gif) no-repeat }
.leftBlock h2	{ color: #514f48; 
				  font: bold 1.6em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif }
.leftBlock h3	{ color: #5a5a5a; margin: 0 0 1em 0;
				  font: bold 1.6em/1.4em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  margin-bottom: 0px; }

.leftBlock h3 a:link,
.leftBlock h3 a:visited
				{ color: #5A5A5A}
.leftBlock h4 a:link,
.leftBlock h4 a:visited
				{ color: #000}

.leftBlock img
				{ display: block; margin: 0 0 0 0; border: #d2d1c8 2px solid }
.leftBlock p	{ color: #514f48;
				  font: normal 1.2em/1.3333em Arial, "Helvetica Neue", Helvetica, sans-serif;}

.spaced .right-col h3,
.blogConent .right-col h3
				{ padding-left: 0}

/*----------------------------------------*/

.contentBloc 	{ float: left; position: relative; width: 736px; top:-9px;}
	


.countryBlock	{ background: url(../images/main/countryblock.gif) repeat-y;  }
.countryBlockInner
				{ width: 736px; padding: 0 1px 1px;
				  background: url(../images/main/countryblock_bottom.gif) left bottom no-repeat }

a.imageBack		{ position:absolute; top:248px; left:18px; color:#DA3200; font-size: 12px; }

h2.countryBlockh2  
				{ color:#004cd3; padding: 5px 0 10px 18px; font-size: 18px;
				  margin: 0 0 0 -1px; background: url(../images/main/countryblock_top.gif) left top no-repeat; }				  
h2.countryBlockh3  
				{ color:#004cd3; padding: 5px 0 10px 18px; font-size: 18px;
				  margin: 0 0 0 -1px; background: url(../images/main/countryblock_top2.gif) left top no-repeat; }
h2.countryBlockh3 a			
				{ color:#004cd3 !important}
h2.countryBlockh22
				{ color:#004cd3; padding: 5px 0 10px 18px; font-size: 22px; font-weight: bold;
				  margin: 30px 0 0 -1px;  
				}

div.photoItinerary
				{ position:relative; height:237px;}


h2.photoItinerary	
				{  color: #fff; font: bold 3em/1.2em Arial, Helvetica, sans-serif; margin-bottom:0; width: 722px;
					background:url(../images/main/grau-bg.png) repeat; padding-left: 4px; position:absolute; left: 5px; bottom: 0}


.itineraryDescription 
				{ font-weight: bold;}

p.places 		{ color:#8F7959; font-weight: normal;}

p.proprieteVoyage b 
				{ color: #004CD3;}

.redLink		{ }


.countryBlock p
				{ padding: 0px 18px 0px 18px;}

.contentBloc h3	
				{ font-size: 15px; color:#343434; margin:25px 0 10px 18px;}

.countrySubBlock h3 
				{ background: url(../images/main/countrysubblockTop.gif) left top no-repeat; margin: 0 0 0 0px;
				  color:#004cd3;font-size: 15px; padding-top: 6px;}

.places 		{ font-weight: bold;}

p.explanation 	{ font-size: 11px; font-weight: normal;}

.subtitle 		{ font-weight:bold; padding-left:18px;}

#filters	{ width: 100%}

#filters th		{ width:25%; }

#filters select	{ width:150px; font-size: 14px;}

#filters td		{ text-align: center;}

.countrySubBlock p, .countrySubBlock h3, .countrySubBlock ul  
				{ padding-left: 168px; padding-right: 125px;}

#sortable2  .countrySubBlock h3
				{ }

.countrySubBlock .init h3
				{ margin-bottom: 0; padding-left: 0}
.countrySubBlock .init .places
				{ padding-right: 125px; display: inline-block}

.countrySubBlock 
				{ background: url(../images/main/countrysubblockMiddle.gif) left bottom ;
  				  margin: 4px;}
	
.countrySubBlockInner 
				{ background: url(../images/main/countrysubblockBottom.gif) left bottom no-repeat; padding: 0 1px 1px;
				  position:relative; min-height: 117px;}

.countrySubBlockInner2
				{ background: url(../images/main/countrysubblockTop.gif) left top no-repeat; padding-top: 7px;}
.countrySubBlockInner2 h3
				{ background: none; margin-bottom: 12px;}
.countrySubBlockInner2 h3.innerTailand
				{ padding-left: 151px !important}
.countrySubBlockInner2 .right-col .pre-text
				{ padding-right: 125px}
.countrySubBlockInner2 .countrySubBlockRight
				{ padding-top: 12px}
.countrySubBlockInner2 .countrySubBlockRight a
				{ margin-top: 0}
.countrySubBlockInner2 .left-col
				{ float: left; width: 154px; padding-left: 7px}
.countrySubBlockInner2 .left-col .itinerary_themes
				{ position: relative; left: 0; top: 0; padding-left: 8px}

.countrySubBlockInner2 .right-col
				{ float: right; width: 540px; padding-right: 18px}
.countrySubBlockInner2 .right-col ul,
.countrySubBlockInner2 .right-col p
				{ padding: 0}				

a.exemples:link,
a.exemples:visited
				{ float: right; margin-right: 60px; font-size: 1.2em; border: none; text-decoration: underline;
					clear: right; white-space: nowrap; margin-top: 8px}
				
.countryBlock p.viatao
				{ padding-left: 20px; color: #afafaf; background: url(../images/main/viatao-icon.gif) no-repeat left 2px; margin-left: 18px}
				
#sortable .right-col
				{ float: right; width: 465px;}
#sortable p.viatao
				{ margin: -8px 0 8px 0}
				
#destinationsPanel.selectPanel
				{ position: absolute; top: 195px; left: 17px; z-index: 100}
				
.countrySubBlockInner2 .cboxelement,
.countrySubBlockInner2 .countrySubBlock .cboxelement
				{ display: block; border: none} 
.countrySubBlockInner2 .cboxelement img,
.countrySubBlockInner2 .countrySubBlock .cboxelement img
				{ float: left}

.daySubBlock .countrySubBlockInner2 h3
				{ padding: 0; margin-bottom: 16px}
.daySubBlock .countrySubBlockInner2 p
				{ margin-bottom: 12px}

.hidden			{ display: none}

.lighBoxText h1,
.lighBoxText h2,
.lighBoxText h3	{ font-weight: bold; color: #004bd8}

.lighBoxText h2	{ font-size: 1.8em; margin-bottom: 0.3em}
.lighBoxText h3	{ font-size: 1.4em; margin-bottom: 0em}

.textBox #cboxClose	
				{ top: 0}
.textBox #cboxLoadedContent
				{ margin-bottom: 0  !important}

.countrySubBlockRight 
				{ text-align: center;position:absolute; right:0; top:0; width: 120px; font-size: 12px; padding-top:20px;}

.countrySubBlockRight a:link,
.countrySubBlockRight a:visited
				{ background: url(../images/main/countrysubblockDetails.gif) no-repeat; width: 69px; height: 22px;
				  font-weight: bold; color:#fff; font-size: 15px; text-align: center; float: right;margin: 0 27px 0px 0px; padding:7px 0 0 0;
				  border: none}
.countrySubBlockRight a.tetxLink
				{ color: #cf4c12 !important; background: none !important; font-size: 12px; width: 92px !important; font-weight: normal}
.countrySubBlockRight a.tetxLink:hover,
.countrySubBlockRight a.tetxLink:active
				{ text-decoration:underline; border: none}
.phototravel img{ position:absolute; top:5px; left:5px;}
.phototravel div.photoItinerary
				{ height: 242px}

.introTravels	{ margin-top:20px; text-align: center; font-size: 14px; font-weight: bold; line-height: 20px}

.introTravels a:link,
.introTravels a:visited,
a.redLink:link,
a.redLink:visited
				{ text-align: center; font-size: 14px; font-weight: bold; border: none;
				  background: url(../images/main/travelsintrolinks.gif) no-repeat; width: 187px; height: 24px;
				  color:#fff; font-size: 14px;  padding: 5px 0 0 0;	}

a.redLink  		{ float: right; margin: 10px 30px 0px 10px;}

a.redLinkTop	{ float: right; margin: 60px 30px 0px 10px;border: none}

.introTravels a	{ float: left;margin: 15px 0px 10px 120px}
.introTravelsCenter a { float: left; margin: 15px 0 10px 240px;}

.daySubBlock p, .daySubBlock h3 
				{ padding: 5px 5px 5px 168px; margin:0;}

.hotelPlus		{ padding-right:20px; 
				  clear:both; cursor: default;
				}

.showHotel		{ background: url(../images/main/hotelPlus.gif) no-repeat right;
				  cursor: pointer;	
				}

.descriptionStage
				{ min-height:50px;}

.hotelImage		{ float:left; position: relative; width: 160px; height: 120px; margin-left:15px;}

.hotelImages	{ height: 120px;}

#steps			{ background: url(../images/main/steps.gif) no-repeat; 
				  margin: 0 0 0 -1px; padding: 0 0 0 5px }
#steps li		{ float: left; margin: 0; list-style: none; 
				  height: 26px; padding: 7px 17px 0 31px;  cursor: default;
				  font: bold 1.4em/1.35em Arial, "Helvetica Neue", Helvetica, sans-serif
				  }
.step1			{ background:url(../images/main/step_1.gif) 0 2px no-repeat }
.step1Active	{ background:url(../images/main/step_1_active.gif) 0 2px no-repeat; font-weight: bold; }
.step2			{ background:url(../images/main/step_2.gif) 0 2px no-repeat }
.step2Active	{ background:url(../images/main/step_2_active.gif) 0 2px no-repeat }
.step3			{ background:url(../images/main/step_3.gif) 0 2px no-repeat }
.step3Active	{ background:url(../images/main/step_3_active.gif) 0 2px no-repeat }

.l1:link,
.l1:visited		{ color: #4a4a4a; padding-left: 23px; position: absolute; top: 8px; right: 25px;
				  background: url(../images/main/arrow2.gif) 0 3px no-repeat;
				  font: normal 1.6em/1.1em Arial, "Helvetica Neue", Helvetica, sans-serif }
.l1:hover,
.l1:active		{ border: none }	

.imgDesc		{ margin: 0; color: #fff;
				  position: absolute; right: 10px; top: 397px }
.imgDesc a:link,
.imgDesc a:visited
				{ color: #fff }
.imgDesc a:hover,
.imgDesc a:active
				{ border: none }

.p1				{ margin: 0; padding: 18px; width: 480px; color: #514f48;
				  font: normal 1.4em/1.4285em Arial, "Helvetica Neue", Helvetica, sans-serif }

/*-------------Tailand------------------*/
.foto			{ padding:0 17px; overflow:hidden; position:relative}
.foto img		{ float:left}
.shadow			{ position:absolute; top: 0; left: 17px}
.foto a			{ float:left; display:block; margin:0 0 16px 18px; border: none !important}

.bigB			{ font-size: 2em}
.noMargb		{ margin-bottom: 0 !important}
.contentBloc h4	{ color:#343434; margin:0 0 10px 18px;}

.innerTailand	{ padding-left: 305px !important}
.titleLinkTailand
				{ position:absolute; left: 168px; top: 7px; background:url(../images/main/title-col-bg.gif) no-repeat; 
					width: 127px; height: 33px; color: #000 !important; font-size: 15px; line-height: 30px; padding-left: 5px;
					font-weight: bold; border: none !important}
.itinerary_themes
				{position:absolute; left: 10px; top: 110px;  
					width: 140px;  font-size: 13px; line-height: 20px; padding-left: 5px;
					font-weight: bold; border: none !important
				}
.linksInnerT	{ text-align:right}
.linksInnerT a	{color: #cf4c12 !important}

.mainColGuide	{ padding:0 8px; margin-bottom: 32px}
.mainColGuide p	{ padding-right: 0; line-height:1.3em; text-align:justify; min-height: 207px; margin-bottom:0; padding-left: 0}
.fotoGuide		{ width: 448px; height: 207px; position:relative; float:left; padding-right: 7px}
.fotoGuide h2	{  color: #fff; font: bold 3em/1.2em Arial, Helvetica, sans-serif; margin-bottom:0; width: 444px;
					background:url(../images/main/grau-bg.png) repeat; padding-left: 4px; position:absolute; left:0; bottom: 0}

.infoGuide		{ padding:0 8px; margin-bottom: 20px; overflow:hidden}
.infoGuide p	{ margin-bottom:0; line-height: 1.3em; text-align: justify; padding:0 2px }
.infoGuide h2	{ color: #404040; font: bold 1.8em/1.1em Arial, Helvetica, sans-serif; margin-bottom: 10px; 
					padding-bottom: 3px; border-bottom: 1px solid #6f6f6f}

#sortable .infoGuide h2
				{ width: 465px; margin-left: -12px; float: left; padding-left: 12px}

.innerImgGuide	{ float:right !important; padding:0 0 0 12px !important}
.imgInfo		{ width: 243px; height: 185px; float:left; padding-right: 12px; position:relative}
.imgInfo img	{ float: left}
.shadow2		{ position:absolute; left:0; top:0}
.shadow3		{ position:absolute; right:0; top:0}
.imgInfo p		{ text-align: center}

.infoGuideInner	span
				{ color: #000; font-weight: bold}
.infoGuideInner a
				{ color: #404040 !important; text-decoration:underline; border: none !important}
				
.innerTravels	{ overflow:hidden; margin-top: 40px !important}
.innerTravels a	{ color: #fff !important; border: none !important}

.infoCol1		{ padding:0 15px; overflow:hidden; margin-bottom: 15px}
.infoCol1 h2	{ color: #404040; font: bold 1.8em/1.2em Arial, Helvetica, sans-serif; padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid #919191}
.infoCol1 p		{ padding:0; text-align:justify; margin-bottom:0; line-height: 1.3em}
.infoCol1 img	{ float:left; margin-right: 20px}

.overCol		{ overflow:hidden; width: 100%}
.leftInfo		{ float:left; width: 385px; overflow:hidden; padding-right: 15px}
.leftInfo .infoCol1
				{ padding-right: 0 !important}
.leftInfo .infoCol1 p
				{ margin-bottom: 15px}

.rightInfo		{ float:left; width: 320px }
.rightInfo a	{ color: #404040 !important; text-decoration:underline}
.rightInfo .infoCol1
				{ padding-right: 0 !important}
.firstRight p	{ width: 305px; text-align:center}
.firstRight img	{ margin:0 !important; float: none !important}
/*----------------------------------------*/

.mainCol		{ margin: 0 6px }  
.mainColLeft	{ float: left; width: 335px }
.mainColLeft p	{ color: #999999; font-size: 10px;}
.mainColLeft a	{ color: #e53b21; }

.mainColRight	{ float: left; width: 546px; padding: 18px 36px;
				  background: url(../images/main/bg2.gif) 18px 0 no-repeat }
#conseillers	{ margin: 0; padding-left: 11px }
#conseillers li	{ width: 179px; height: 370px; margin: 0; padding: 13px 30px 55px; overflow: hidden;
				  list-style: none; float: left; font-size: 1em; position: relative;
				  background: url(../images/main/conseillers.jpeg) no-repeat }
#conseillers h2	{ color: #514f48; margin: 0 0 .1111em 0;
				  font: normal 1.8em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif }
#conseillers h3	{ color: #5a5a5a; margin: 0 0 1em 0;
				  font: normal 1.6em/1.4em Arial, "Helvetica Neue", Helvetica, sans-serif }
#conseillers img
				{ display: block; margin: 0 0 0 0; border: #d2d1c8 2px solid }
#conseillers p	{ color: #514f48;
				  font: normal 1.2em/1.3333em Arial, "Helvetica Neue", Helvetica, sans-serif }
#conseillers .constLink:link,
#conseillers .constLink:visited
				{ color: #df4209; position: absolute; right: 37px; bottom: 38px; white-space: nowrap;
				  font: normal 1.4em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif }
#conseillers .constLink:hover,
#conseillers .constLink:active
				{ border: none }

.square			{ background: url(../images/main/square.gif) 0 6px no-repeat; padding-left: 12px }

/*----------------------------------------*/
.form p.form_introduction, p.form_introduction 
				{ font: bold 1.2em/1.85em Arial, "Helvetica Neue", Helvetica, sans-serif ; margin:0; width: auto;}
.form			{ margin: 0; padding: 10px 0 15px }
.form ul		{ margin: 0 }
.form li		{ margin: 0; list-style: none; font-size: 1em; padding-bottom: 13px;
				  float: left; clear: left; width: 100% }
.form label		{ margin: 0; display: block; float: left; clear: left;
				  width: 190px; padding: 0 8px 0 0; text-align: right;
				  font: normal 1.2em/1.85em Arial, "Helvetica Neue", Helvetica, sans-serif }
.form label	strong
				{ display: block; color: #5a5a5a; padding: 0 0 5px 20px;
				  font: bold 1.1666em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif }
.form img		{ float: left}
.form label.add	{ clear: none; text-align: left; padding: 0 8px; width: auto }
.form label.nm	{ padding: 0 8px 0 0 }

.form .text		{ margin: 0; display: block; float: left; padding: 3px;
				  font: normal 1.2em/1.25em Arial, "Helvetica Neue", Helvetica, sans-serif; 
				  border: #c9c9c9 1px solid; width: 144px }
.form textarea	{ margin: 0; display: block; float: left; clear: left; 
				  padding: 3px; margin: 0 13px 16px 17px;
				  font: normal 1.2em/1.25em Arial, "Helvetica Neue", Helvetica, sans-serif; 
				  border: #c9c9c9 1px solid; width: 406px }
.form .currency	{ margin: 0; display: block; float: left;
				  font: normal 1.2em/1.25em Arial, "Helvetica Neue", Helvetica, sans-serif; 
				  border: #c9c9c9 1px solid; width: 40px; padding:2px; magin-left:5px;}

.form .w1		{ width: 170px; margin-right: 3px }
.form .w2		{ width: 69px }
.form .w3		{ width: 28px }
.form .wa		{ width: 700px; text-align: left }

.form input.m	{ margin-right: 15px }
.form li.bigMargin
				{ padding: 0 0 30px }
.form p			{ float: left; width: 247px }

.form .submit	{
				  clear:left; display: block; cursor:pointer;
				  height: 29px; width: 186px; margin: 0 auto;
				  background: url(../images/main/b4.gif) no-repeat; border:none }	
.form .submit:hover,
.form .submit:active
				{ border: none; background: url(../images/main/b4_hover.gif) no-repeat }

/*----------------------------------------*/

.form2			{ margin: 0; padding: 13px 0 15px }

.form2 textarea	{ margin: 0; display: block; float: left; clear: left; 
				  padding: 3px; margin: 0 13px 16px 17px;
				  font: normal 1.2em/1.25em Arial, "Helvetica Neue", Helvetica, sans-serif; 
				  border: #c9c9c9 1px solid; width: 406px }
.form2 h3		{ margin: 0 18px;
				  font: bold 1.4em/1.2857em Arial, "Helvetica Neue", Helvetica, sans-serif }
.form2 p		{ margin: 0 18px 10px }

.form2 ul		{ margin: 0; clear: left; padding-left: 6px }
.form2 li		{ margin: 0; float: left; list-style: none; width: 170px; height: 210px;
				  padding: 3px 4px 0; margin-right: 3px; 
				  font-size: 1em; text-align: center }
.form2 li.active
				{ background: url(../images/main/form2_li.gif) no-repeat }
.form2 h4		{ font-weight: bold; text-align: center; margin-bottom: 2px; height: 40px; }
.form2 img		{ border: #9f9f9e 1px solid; display: block; margin-bottom: 3px }

.form2 .submit	{ display: block; float: right; text-indent: -9999px; 
				  height: 29px; width: 120px; margin: 0 17px 0 0;
				  background: url(../images/main/b5.gif) no-repeat; border:none; }	
.form2 .submit:hover,
.form2 .submit:active
				{ border: none; background: url(../images/main/b5_hover.gif) no-repeat }

/*----------------------------------------*/

.form3			{ margin: 0; padding: 20px 0 15px 18px; }

.form3Left		{ float: left; width: 248px; padding-top: 33px }
.form3Left li	{ float: left; clear: left; width: 100%; margin: 0; height: 80px;
				  list-style: none; font-size: 1em; position: relative }
.form3Left label
				{ text-align: right; font-weight: bold;
				  width: 76px; margin: 0; display: block }
.form3Left .track
				{ float: right; margin-top: 7px;
				  display: block; width: 163px; height: 7px;
				  background: url(../images/main/track.gif) no-repeat }
.form3Left .track
				{ cursor: pointer; position:relative; }
.form3Left .bar	{ position: absolute; left:0px;; top: -5px; border:none;
				  display: block; width: 10px; height: 16px; cursor: pointer;
				  background: url(../images/main/bar.png) no-repeat }
.form3Left .status
				{ position: absolute; left: 50px; top: -22px; color: #515455; z-index: 100;
				  display: block; width: 79px; height: 25px; cursor: default;
				  background: url(../images/main/bar2.png) no-repeat; text-align: center;
				  font: normal 1.2em/1.5em Arial, Helvetica, sans-serif }

.form3Right2		{ float: right; width: 418px; margin-bottom: 8px }

.form3Right ul	{ margin: 0 0 11px }
.form3Right li	{ margin: 0; list-style: none; float: left; padding: 5px;
				  width: 116px; height: 115px; text-align: center; margin:0 9px 0 0;
				  background: url(../images/main/hebergements.gif) no-repeat;
				  font: normal 1em/1em Arial, Helvetica, sans-serif }
.form3Right h2	{ font: bold 1.4em/1.2em Arial, Helvetica, sans-serif; margin-bottom: 5px }
.form3Right img	{ display: block; margin: 0 auto; border: #dbdbdb 1px solid }
.form3Right label	
				{ line-height: 1.1em }
.form3Right .single	
				{ padding-right: 10px }
				
.form3 .submit	{ display: block; float: right; text-indent: -9999px; 
				  height: 29px; width: 120px; margin: 0 22px 0 0;
				  background: url(../images/main/b5.gif) no-repeat; border:none; }	
.form3 .submit:hover,
.form3 .submit:active
				{ border: none; background: url(../images/main/b5_hover.gif) no-repeat }

/*----------------------------------------*/

#footer			{ width: 100%; height: 354px; padding-top: 7px;
				  position: absolute; bottom: 0; left: 16px; overflow:hidden;
				  background: url(../images/main/footer.gif) no-repeat }
#footerMenu		{ margin: 4px 0 0 0; background: url(../images/main/footer_bottom.gif) repeat-y; width:969px; height:354px; font-size:8px; float: left; }/*height = height #footer + 30*/
#footerMenu li ul li	
				{ margin: 0; list-style: none; padding: 0px 8px 7px 5px; display: inline-block; clear: none;
				  background: url(../images/main/footermenu_separator.gif) right 10px no-repeat; height: 18px; }


#footerMenu ul	{ margin-bottom: 0; padding-left:10px; padding-right:10px; overflow: hidden; width: 940px}

#footerMenu li	{ color:#9a9288; margin: 0; list-style: none; padding: 0px; float: left; clear: left}

#footerMenu li a:link,
#footerMenu li a:visited
				{ display: inline; white-space: nowrap}


#footerMenu li.footer_evaneos
				{ width: 52px; background: url(../images/main/footer_evaneos.gif) left 2px no-repeat;    text-indent: -9999px  }

#footerMenu li.footer_partenaires
				{ width: 71px; background: url(../images/main/footer_partenaires.gif) left 2px no-repeat;   text-indent: -9999px  }

#footerMenu li.footer_destinations
				{ width: 73px; background: url(../images/main/footer_destinations.gif) left 2px no-repeat;   text-indent: -9999px  }

#footerMenu li.footer_voyage_sur_mesure
				{ width: 120px; background: url(../images/main/footer_voyage_sur_mesure.gif) left 2px no-repeat;   text-indent: -9999px  }

#footerMenu li.footer_themes
				{ width: 46px; background: url(../images/main/footer_themes.gif) left 2px no-repeat;   text-indent: -9999px  }

#footerMenu li.footer_destinations_a_venir
				{ width: 123px; background: url(../images/main/footer_destinations_a_venir.gif) left 2px no-repeat;   text-indent: -9999px  }


#footerMenu a:link,
#footerMenu a:visited
				{ color: #dccfb3 }
				
.cadrecontainer {
	position:relative;	
}

.cadre {
	position:absolute;
	top:0px;
	left:0px;
}
				
/* countries */

a.voyages_de_noces 
				{  font-size: 17px; }	


#messagesError 	{ margin:10px; padding:10px; border: solid 2px #df3500; 
				}

#messagesError 	li
				{ color: #df3500; list-style: none;}
				
#messagesError 	.key
				{ font-weight: bold;}	
				
.mandatory		{ color: #df3500; font-weight: bold; font-size:18px;}	

.form_newsletter
				{ padding:10px;}		

.addthis_toolbox 
				{
				position:absolute;
				right:40px;
				top:245px;
				width:165px;
				}
.addthis_toolbox .at300b,
.addthis_toolbox a:link,
.addthis_toolbox a:visited
				{ border: none}

.paginationControl 
				{
				padding-left:15px;
				font-size: 12px;
				}
.validation_form
				{ font-size: 17px;}
p.agentsLinks
            { line-height: 1.7;  font-weight: bold;}
				
.select		{ clear: left;}

.prices_table {border : none;  border-collapse : collapse; margin:5px;}
.prices_column {border: #6c6b67 1px solid; text-align:center; padding: 3px 15px;}


.prices_first_col{ font-weight:bold; border-left : none;}
.prices_first_row{ font-weight:bold; border-top : none; }
.prices_last_col { border-right : none;}
.prices_last_row { border-bottom : none;}


.logo_agent		{ text-align:center; width:100%;}
				
.logo_agent img	{ border:none; display: inline;}
.likeFacebook {	position:absolute; right:-2px; top:245px;width:165px }
.likeFacebook1 {position: relative;	padding-left: 552px; }

#maintenance { background-color:#d72e17; color: #fff; text-align: center; width: 100%; font-size: 16px;}