body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	margin: 0;
	padding: 0;
	background-color:#164b96;
}

.minitext{
	font-size: 11px;
}
.minitextcurrency{
	font-size: 10px;
}
a.minitextcurrency{
	font-size: 10px;
	color:#FFFFFF;
}
P {
	MARGIN: 0px 0px 10px;
	text-align:justify;
}

P.intro2{

font-size:9px;
color:#99CCFF;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

h6{
	font-size:11px;
	color:#8aedff;
	padding:0px;
	margin:0px;
	padding-left:22px;
	/*color:#9df0ff;*/
	line-height: normal;
	margin-bottom: 8px;
	font-weight:normal;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size:19px;
	color:#b1e100;
	/*background-color:#339999;
	color:#9df0ff;*/
	padding-top:15px;
	padding-bottom:5px;
	line-height: normal;
	margin-bottom: 1px;
}
h2{
	font-size:16px;
	color:#b1e100;
	/*color:#9df0ff;*/
	margin-bottom: 0px;
	margin-top: 0px;
}
h3{
	font-size:13px;
	color:#b1e100;
	/*color:#9df0ff;*/
	margin-bottom: 0px;
	margin-top: 0px;
}
h4{
	font-size:11px;
	color:#b1e100;
	/*color:#9df0ff;*/
	margin-bottom: 0px;
	margin-top: 0px;
}

img {
	behavior:url("scripts/iepngfix.htc");
}

img.floatLeft {
	float: left;
	margin: 0px 8px 0px 0px;
}
img.floatRight {
	float: right;
	margin: 0px 0px 0px 8px;
	/*border:1px solid #549adb;*/
}

#conteneur {
	position: absolute;
	width: 100%;
	background-color:#0c2f87;
	background-image:url(../images/fdfull.jpg);
	background-repeat:repeat-x;
}
#page {
	MARGIN: 0px auto;
	WIDTH: 765px;
	PADDING-LEFT: 1px;
	border-left: 1px solid #549adb;
	border-right: 1px solid #549adb;
	background-color:#0c2e87;
	background: #133B92 url(../images/fond.jpg) no-repeat left top;
}
#top {
	MARGIN-RIGHT: 280px;
	MARGIN-left: 47px;

}
#logo{
	PADDING-TOP: 30px;
	PADDING-LEFT: 5px;
}
#menuhaut {
	PADDING-RIGHT: 26px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	text-align:right;
	font-size: 12px;
}

#menuhaut li {
	color:#FFFFFF;
	DISPLAY: inline;
}
#menuhaut a {
	MARGIN: 0px 2px; COLOR: #FFFFFF; TEXT-DECORATION: none;
}
#menuhaut a:hover {
	TEXT-DECORATION: underline;
}
#menucourse {
	PADDING-RIGHT: 25px;
	PADDING-LEFT: 0px;
	MARGIN: 0px;
	PADDING-TOP: 1px;
	LIST-STYLE-TYPE: none;
	padding-bottom: 10px;
	text-align: right;
	font-size: 12px;
	}
#menucourse li {
	COLOR: #8aedff;
	DISPLAY: inline;
}
#menucourse a {
	MARGIN: 0px 2px; COLOR: #8aedff; TEXT-DECORATION: none;
}
#menucourse a:hover {
	TEXT-DECORATION: underline;
}
#menupays {
	PADDING-LEFT: 20px;
	MARGIN: 0px;
	PADDING-TOP: 1px;
	LIST-STYLE-TYPE: none;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12px;
	}
#menupays li {
	COLOR: #8aedff;
	DISPLAY: inline;
}
#menupays a {
	MARGIN: 0px 2px; COLOR: #8aedff; TEXT-DECORATION: none;
}
#menupays a:hover {
	TEXT-DECORATION: underline;
}
.destination{
	color:#b1e100;
}
#topdroite {
text-align:justify;
	FLOAT: right;
	WIDTH: 280px;
}
#flag{
padding-top:20px;
padding-right:20px;
}
#flag2{
PADDING-LEFT: 110px;
margin-top:5px;
}
#flag img,#flag2 img{
	border:none;
}
#flag a,#flag2 a{
	margin-right: 10px;
}

#menubas {
	clear:both;
	height: 90px;
	background-color: #002c59;
	width: 100%;
}
#menubasgauche   {
	float: left;
	width: 239px;
	margin-left: 47px !important;
	margin-left: 23px;
	color:#b4c4de;
}
#menubas-conteneur {
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	padding-top: 13px;
}
#menubascentre   {
	float: left;
	width: 239px;
	color:#b4c4de;
}
#menubasdroit {
	width: 239px;
	float: left;
	color:#b4c4de;
}
#barremenubastop {
	clear:both;
	height: 4px;
	font-size: 1px;
	background: #99CC22 url(../images/barremenubastop.jpg) repeat left top;
}
#barremenubasbottom {
	clear:both;
	height: 4px;
	font-size: 1px;
	background: #99CC22 url(../images/barremenubasbottom.jpg) repeat left top;

}
#pied {
	clear:both;
	height: 10px;
	text-align:center;
	background-color: #164b96;
	color: #e1eaff;
	padding-top: 2px;
	padding-bottom:10px;
	height:35px;
}

#menufoot li {
	color:#8aedff;
	LIST-STYLE-TYPE: none;
	DISPLAY: inline;
	font-size: 9px;
	background-color: #164b96;
}

#menufoot a {
	color:#8aedff;
	TEXT-DECORATION: none;
}

#menufoot a:hover {
	color:#8aedff;
	TEXT-DECORATION: underline;
}

#sitemap li {
	color:#8aedff;
	LIST-STYLE-TYPE: none;
}

#sitemap a {
	color:#8aedff;
	TEXT-DECORATION: none;
}

#sitemap a:hover {
	color:#8aedff;
	TEXT-DECORATION: underline;
}

div.conteneur-arrondi{
	width:190px;
	background-image:url(../images/fdarrondi.png);
	background-repeat:repeat;
	border-left:#58a9dd solid 1px;
	border-right: #58a9dd solid 1px;
	margin: 0px;
	padding-left: 10px;
}
a.gallery{
border:none;
}
.cadre{
	padding-bottom:4px;
	font-size:12px;
	font-weight:normal;
}
hr.cadre{
	margin-right:0px;
	margin-top:5px;
	margin-bottom:10px;
	margin-top:10px;
	display:block;
	height: 1px;
	padding: 0;
	color: #4F9ECF;
	background-color: #4F9ECF;
	border: 0;
}

hr.price{
	margin-top:2px;
	margin-bottom:2px;
	height: 1px;
	padding: 0;
	color: #4F9ECF;
	background-color: #4F9ECF;
	border: 0;
}
div.hr{
	font-size:0px;
	padding-left:5px;
	margin-top:2px;
	padding-right:5px;
	border-top:solid 1px #4F9ECF;
	height:1px;

}
a.lienblanc{
	TEXT-DECORATION: underline;
	color:#FFFFFF;
}
a.lienblanc:hover {
	TEXT-DECORATION: none;
}

a.lienorange{
	TEXT-DECORATION: none;
	color:#e2681f;
}

a.lienorange:hover{
	TEXT-DECORATION:underline;
	color:#e2681f;
}

a.lienprice{
	TEXT-DECORATION: none;
	font-weight:normal;
	color:#b1e100;
	font-size:10px;
}

a.lienprice:hover{
	TEXT-DECORATION:underline;
	font-weight:normal;
	color:#b1e100;
	font-size:10px;
}

a.currency{
	font-size:9px;
	TEXT-DECORATION: underline;
	color:#FFFFFF;
}
a.lienblanc:hover {
	TEXT-DECORATION: none;
}

.price{
	display:block;
	font-size:15px;
	color:#9df0ff;
	padding-top:5px;
	font-weight: bold;
}
.accomodation{
	color:#9df0ff;
}
div.booknow{
 	font-weight: bold;	
	text-align:right;
	width:70px;
	float:right;
	display:block;
}
a.booknow{
	color:#FFFFFF;
 	font-weight: bold;

}

#team{
	width:280px;
	float:left;
}
#fun{
	width:200px;
	float:left;
	padding-left:10px;
}

.courseprice{
	font-size:12px;
	font-weight:bold;
	color:#6db2fa;
}

.coursepriceBooking{
	font-size:14px;
	font-weight:bold;
	color:#6db2fa;
}

#courselistprice{
	font-weight:normal;
	color:#b1e100;
	font-size:10px;
}

a.biglink{
	font-size:13px;
	color:#9df0ff;
	TEXT-DECORATION: underline;
}

a.biglink:hover{
	font-size:13px;
	color:#9df0ff;
	TEXT-DECORATION: none;
}

.contents {
	width: 495px;
	padding-LEFT: 47px;
}
.menudroite {
	float:right;
	padding-right:10px;
}

#gallery{
 margin-bottom:8px;
 margin-top:0px;
 width:200px;
 }
#gallery #gall1{
margin-right:6px;
margin-bottom:6px;
border:none;
}
#gallery #gall2{
margin-bottom:6px;
border:none;
}

#gallery #gall3{
margin-right:6px;
border:none;
}

#gallery #gall4{
border:none;
}

.conteneur-arrondi2{
    padding-left:0px;
	padding-top:20px;
    /*width:47%; determine la largeur de la boite contenue 
    float:left;*/
}
.un      {
    margin:0 4px;
    height:1px;
    background-color:#6db2fa;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #6db2fa;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #6db2fa;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #6db2fa;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #6db2fa;
    border-top:0;border-bottom:0;}
	
.centrearrondi {
    border:1px solid #6db2fa;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:5px 10px;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:20px;
}

.centrearrondiprice {
    border:1px solid #6db2fa;
    border-top:0;border-bottom:0;
    min-height:20px;/* avec eventuellement une hauteur mini */
	background-color:#326eb7;
	height:auto!important;
    height:20px;
	width:198px;
}

.green{list-style-type: disc;

}

#menuimages {
	PADDING-LEFT: 0px;
	LIST-STYLE-TYPE: none;
	margin:0;
}
#menuimages li{
		PADDING-bottom: 5px;
}

#video{
	padding-bottom: 5px;
}

ul .top{
padding-top:5px;}
/*
#team1 {position: relative; z-index: 100; float:left; padding-right:10px;}
#team1 a {display: block; background-image:url(../images/team/david.gif); height:62px; width:62px;}
#team1 a:hover { background-image:url(../images/team/david.gif); height:62px; width:62px;}

#team2 {position: relative; z-index: 100; float:left; padding-right:10px;}
#team2 a {display: block; background-image:url(../images/team/kate.gif); height:62px; width:62px;}
#team2 a:hover { background-image:url(../images/team/kate.gif); height:62px; width:62px;}

#team3 {position: relative; z-index: 100; float:left; padding-right:10px;}
#team3 a {display: block; background-image:url(../images/team/matt.gif); height:62px; width:62px;}
#team3 a:hover { background-image:url(../images/team/matt.gif); height:62px; width:62px;}

#team4 {position: relative; z-index: 100; float:left;}
#team4 a {display: block; background-image:url(../images/team/michelle.gif); height:62px; width:62px;}
#team4 a:hover { background-image:url(../images/team/michelle.gif); height:62px; width:62px;}

#team5 {position: relative; z-index: 100; float:left; padding-right:10px;}
#team5 a {display: block; background-image:url(../images/team/stephania.gif); height:62px; width:62px;}
#team5 a:hover { background-image:url(../images/team/stephania.gif); height:62px; width:62px;}

#team6 {position: relative; z-index: 100; float:left; padding-right:10px;}
#team6 a {display: block; background-image:url(../images/team/michael.gif); height:62px; width:62px;}
#team6 a:hover { background-image:url(../images/team/michael.gif); height:62px; width:62px;}

#team7 {position: relative; z-index: 100; float:left; padding-right:10px;}
#team7 a {display: block; background-image:url(../images/team/isault.gif); height:62px; width:62px;}
#team7 a:hover { background-image:url(../images/team/isault.gif); height:62px; width:62px;}

#team8 {position: relative; z-index: 100; float:left;}
#team8 a {display: block; background-image:url(../images/team/seb.gif); height:62px; width:62px;}
#team8 a:hover { background-image:url(../images/team/seb.gif); height:62px; width:62px;}
*/
.red, .red * {
   margin-top:5px;
   background-color:#CC9999;
   width:457px;
   border:solid 1px #990000;
   padding-bottom:5px;
   padding-top:5px;
   padding-left:10px;
  color: red!important;
}

.vert, .vert * {
   margin-top:5px;
   background-color:#CCFFCC;
   width:457px;
   border:solid 1px #33CC00;
   padding-bottom:5px;
   padding-top:5px;
   padding-left:10px;
  color: green!important;
}

.colorinclude{
	color:#FFCC66;
}



/* 
infobulle

Rend invisible tout notre bloc span */
a.info_bulle span
{
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
    background     :  #133b92;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	padding		   :2px 4px 2px 2px;
	line-height:inherit;
}

a.info_bulle
{
  color           : #FFFFFF;

  text-decoration : none;

  padding         : 2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */

  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;

  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */
}

a.info_bulle:hover
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  font-size:12px;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span
{
    top        :  auto;
    left       :  auto;
    width      :  100px;
    height     :  auto;
    overflow   :  visible;
}     

.menu {white-space:nowrap /*IE hack*/; float:right;  width:430px; border:none; padding-bottom:3px; color:#FFFFFF; PADDING-RIGHT: 26px;}
.menu ul {list-style-type:none; margin:0;}
.menu ul li {float:right; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; line-height:12px;  border-right:solid 1px #FFFFFF;}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; padding:0 5px 0 5px; text-decoration:none; color: #FFFFFF;}
.menu ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;} 
.menu ul li:hover a {color:#b1e100; text-decoration:none;}
.menu ul li:hover ul {display:block; position:absolute; z-index:999;  right:-1px;}
.menu ul li:hover ul li a {display:block; width:10.6em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #549adb; border-bottom: solid 1px #549adb;  background-color:#326cb6; color:#a1f4ff; border-right:solid 1px #549adb;}
.menu ul li:hover ul li a:hover {background-color:#133b92; color:#b1e100; text-decoration:none; }

/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; color:#b1e100; text-decoration:none;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:1.2em; right:-43px; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:10.6em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #549adb; border-bottom: solid 1px #549adb; background-color:#326cb6; font-weight:normal; color:#a1f4ff;}
.menu ul li a:hover ul li a:hover {background-color:#133b92; color:#b1e100; text-decoration:none;}


/* MENU 2 */
.menu2 {white-space:nowrap /*IE hack*/;  float:right; width:430px; border:none; padding-top:3px; color:#8aedff; PADDING-RIGHT: 32px;}
.menu2 ul {list-style-type:none; margin:0;}
.menu2 ul li {float:right; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;  line-height:12px; border-right:solid 1px #8aedff;}
.menu2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; padding:0 5px 0 5px; text-decoration:none; color: #8aedff;}
.menu2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu2 ul li:hover {position:relative;} 
.menu2 ul li:hover a {color:#b1e100; text-decoration:none;}
.menu2 ul li:hover ul {display:block; position:absolute; z-index:999;  right:-1px !important; right:100px;}
.menu2 ul li:hover ul li a {display:block; width:10.6em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #549adb; border-bottom: solid 1px #549adb;  background-color:#326cb6; color:#a1f4ff;}
.menu2 ul li:hover ul li a:hover {background-color:#133b92; color:#b1e100; text-decoration:none; }

/*IE6 hovering*/
.menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu2 ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; color:#b1e100; text-decoration:none;}
.menu2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:0.9em; right:-54px; margin-top:0.1em;}
.menu2 ul li a:hover ul li a {white-space:normal; display:block; width:10.6em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #549adb; border-bottom: solid 1px #549adb; background-color:#326cb6; font-weight:normal; color:#a1f4ff;}
.menu2 ul li a:hover ul li a:hover {background-color:#133b92; color:#b1e100; text-decoration:none;}

/* BEGIN: CSS Buttons Everywhere */
.cssButton {
	background: #f0f0ff;
	color: #b1e100;
	height: 20px;
	padding-bottom:3px;
	vertical-align: top;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #000080;
	border-spacing: 1px;
	line-height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #164BA0;
    background-color: #D1D1D1;
    border: 1px solid #0c2f87;
}
/* END: CSS Buttons Everywhere */