/* CSS Document */

body {
  margin:0;
  padding:0;
  background-color:#000000;
}

html {
  overflow: auto;
  padding:0;
  margin:auto;
  text-align:center;/*IE bug*/
}

.conteneur {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:600px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:800px;
  margin:auto;
} 
.conteneurIndex {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:1200px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:800px;
  margin:auto;
} 

.diapo{
	position:absolute;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
	height:398px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
	width:521px;
	top:135px;
	margin:auto;
	left: 138px;
} 

#scroll {
	position:absolute;
	left:132px;
	top:162px;
	width:636px;
	height:385px;
	overflow:auto;
	z-index:1;
	padding-right:30px;
	padding-top:0px;
}
#scroll2 {
	position:absolute;
	left:138px;
	top:162px;
	width:491px;
	height:360px;
	overflow:auto;
	z-index:1;
	padding-right:30px;
	padding-top:0px;
}
#scrollForm {
	position:absolute;
	left:138px;
	top:162px;
	width:491px;
	height:360px;
	overflow:auto;
	z-index:1;
	padding-right:6px;
	padding-left:6px;
	padding-top:0px;
}
#QUI {
	position:absolute;
	left:22px;
	top:589px;
	width:352px;
	height:240px;
	padding-right:6px;
	z-index:2;
	margin:0;
	padding-top:0;
	overflow:auto;
}

#OU {
	position:absolute;
	left:436px;
	top:589px;
	width:345px;
	height:240px;
	_height:230px;
	overflow:auto;
	padding-right:6px;
	z-index:2;
}
#QUOI{
	position:absolute;
	left:21px;
	top:864px;
	width:352px;
	height:239px;
	padding-right:6px;
	z-index:3;
	overflow:auto;
}
#COMMENT {
	position:absolute;
	left:429px;
	top:865px;
	width:351px;
	height:240px;
	_height:230px;
	padding-right:6px;
	overflow:auto;
	z-index:4;
}
.texteAccueil{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-align:justify;
}
.Style12 {color: #003333}
.Style13 {color: #000033}
#rondelle {
	position:absolute;
	left:328px;
	top:775px;
	width:146px;
	height:147px;
	z-index:100;
}
a {
color:#0099CC;
}
		
		                                                                           /* paramtre de textes et images*/
																				   
.Style7 {font-size: 0.9em}
																				   
.gauche {
	float:left;
        }
.right {
	float:right;
        }
		.centre{
		margin:auto;
		text-align:center;
	}
																						   
.texte_intro {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 0.4em;
	font-weight: bold;
	color: #000000;
}
.h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	line-height: 0.4em;
	font-weight: bold;
	color: #FF9900;
}
.texte_indent {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color:#000000;
	text-align: justify;
	margin-left:20px;
}
.texte_information {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color:#000000;	
	text-align: justify;
}
																   
.h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	color:#FFFFFF;
    text-align: left;
	text-indent:20px;
}		
.titre_forfait {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: bold;
	color: #233465;
	text-align: left;
	text-indent:10px;
}	
.stitre_forfait {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	color: #233465;
	text-align: left;
	text-indent:40px;
}	
.texte_forfait {
font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight:300;
	color:#233465;
    text-align: justify;
}	
.texte_forfait a{
	color:#233465;
	text-decoration:none;
}
.texte_forfait a:hover{
	color:#FF9900;

}			
.sous-titre_information {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-indent: 3em;
}		

.taxes_forfait {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.7em;
    font-weight:300;
	color:#233465;
    text-align: right;
	padding-right:30px;
	
}																																				   
		                                                                                        /*bouton informations*/
ul.menu {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   top: 131px; /* positionnement du menu, que vous pouvez changer  loisir */
  
   left: 0;
   width: 100%; /* prcision pour Opera */
}

li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}

.menu a {       /* dfinition de chaque bouton du menu */
   width: 224px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 24px;
   margin:0;
   padding:0;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   color:#FFFFFF;
   background-image:url(images/informations_botn.jpg);
  
}

.menu a:hover {
   background-image:url(images/informations_botn_over.jpg);	
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/

}

.menu a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.menu a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 27px;
   left: 0;
   width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#FFFFFF;/*ici on color le texte*/
   text-indent:20px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}


		                                                                                           /*bouton activit*/
ul.menu2  {  
  list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   top: 131px; /* positionnement du menu, que vous pouvez changer  loisir */
  
   left: 224px;
   width: 577px; /* prcision pour Opera */
}

li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}

.menu2 a {       /* dfinition de chaque bouton du menu */
   width: 376px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 24px;
   float: left;
   margin:0;
   padding:0;
   display: block;
   text-align: center;
   text-decoration: none;
   color:#FFFFFF;
   background-image:url(images/act_botn.jpg);		
}

.menu2 a:hover {
   background-image:url(images/act_botn_over.jpg);	
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/

}

.menu2 a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.menu2 a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 27px;
   left: -225px;
   width: 800px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#FFFFFF;/*ici on color le texte*/
   text-indent:38px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}

		                                                                                       

		                                                                                         /*bouton photos*/
ul.menu3  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   top: 131px; /* positionnement du menu, que vous pouvez changer  loisir */
  
   left: 576px;
   width: 226px; /* prcision pour Opera */
}

li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}

.menu3 a {       /* dfinition de chaque bouton du menu */
   width: 224px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 24px;
   float: left;
   margin:0;
   padding:0;
   display: block;
   text-align: center;
   text-decoration: none;
   color:#FFFFFF;
   background-image:url(images/photos_botn.jpg);		
}

.menu3 a:hover {
   background-image:url(images/photos_botn_over.jpg);	
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/

}

.menu3 a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.menu3 a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 27px;
   left: -100px;
   width: 800px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#FFFFFF;/*ici on color le texte*/
   text-indent:10px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
                                                                                            /*bouton page type 1*/
ul.btn1  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:164px;
   
   
}


.btn1 a {       
   width: 112px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/qui_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn1 a:hover {
   background-image:url(images/qui_botn_over.jpg);
   background-repeat:no-repeat;		
}


                                                                                             /*bouton page type 2*/
ul.btn2  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:189px;
   
   
}


.btn2 a {       /* dfinition de chaque bouton du menu */
   width: 112px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/ou_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn2 a:hover {
   background-image:url(images/ou_botn_over.jpg);
   background-repeat:no-repeat;		
}

                                                                                                /*bouton page type 3*/
ul.btn3  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:213px;
    
}


.btn3 a {       /* dfinition de chaque bouton du menu */
   width: 112px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/contact_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn3 a:hover {
   background-image:url(images/contact_botn_over.jpg);
   background-repeat:no-repeat;		
}
                                                                                               /*bouton page type 4*/
ul.btn4  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:237px;
   
}


.btn4 a {       
   width: 112px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/hebergement_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn4 a:hover {
   background-image:url(images/hebergement_botn_over.jpg);
   background-repeat:no-repeat;		
}

                                                                                          /*bouton page type 5*/
ul.btn5  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:261px;
    
}


.btn5 a {       
   width: 112px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/reseau_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn5 a:hover {
   background-image:url(images/reseau_botn_over.jpg);
   background-repeat:no-repeat;		
}
                                                                                          /*bouton page type 6*/
ul.btn6  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:285px;
   
}


.btn6 a {       
   width: 112px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/info_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn6 a:hover {
   background-image:url(images/info_botn_over.jpg);
   background-repeat:no-repeat;		
}
                                                                                          /*bouton page type 7*/
ul.btn7  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:0px;
   top:309px;
   
}


.btn7 a {       
   width: 112px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/Liens_botn.jpg);
   background-repeat:no-repeat;	
   margin:0;
   padding:0;	
}

.btn7 a:hover {
   background-image:url(images/Liens_botn_over.jpg);
   background-repeat:no-repeat;		
}
                                                                                                  /*bouton ultime dcouverte*/
ul.btn8  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:549px;
   top:166px;
   
}


.btn8 a {       
   width: 251px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/ultime_botn.jpg);/* SI JE MET AUCUNE IMAGE ICI, IE NE RECONNAIT PAS LE SURVOL...*/
   
   background-repeat:no-repeat;		
   margin:0;
   padding:0;	
}

.btn8 a:hover {
   background-image:url(images/ultime_botn_over.jpg);
   background-repeat:no-repeat;		
}
                                                                                               /*bouton excursion*/
ul.btn9  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:550px;
   top:209px;
   
}


.btn9 a {       
   width: 251px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/excursion_botn.jpg);
   
   background-repeat:no-repeat;		
   margin:0;
   padding:0;	
}

.btn9 a:hover {
   background-image:url(images/excursion_botn_over.jpg);
   background-repeat:no-repeat;		
}
 																					/*bouton excursion Google*/
ul.btn9b  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:550px;
   top:192px;
   
}


.btn9b a {       
   width: 251px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/excursion_botn.jpg);
   
   background-repeat:no-repeat;		
   margin:0;
   padding:0;	
}

.btn9b a:hover {
   background-image:url(images/excursion_botn_over.jpg);
   background-repeat:no-repeat;	
   }	
                                                                                               /*bouton expdition*/
ul.btn10  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:550px;
   top:247px;
   
}


.btn10 a {       
   width: 251px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/expedition_botn.jpg);
    
   background-repeat:no-repeat;		
   margin:0;
   padding:0;	
}

.btn10 a:hover {
   background-image:url(images/expedition_botn_over.jpg);
   background-repeat:no-repeat;		
}
 																						/*bouton expdition GOOGLE*/
ul.btn10b  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:550px;
   top:219px;
   
}


.btn10b a {       
   width: 251px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/expedition_botn.jpg);
    
   background-repeat:no-repeat;		
   margin:0;
   padding:0;	
}

.btn10b a:hover {
   background-image:url(images/expedition_botn_over.jpg);
   background-repeat:no-repeat;		
}
                                                                                     /*bouton descemte des longues cornes*/
ul.btn11  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   left:550px;
   top:247px;
   
}


.btn11 a {       
   width: 251px;	   
   height: 14px;
   display: block;
   text-align: center;
   text-decoration: none;
   background-image:url(images/corne_botn.jpg);
   background-repeat:no-repeat;		
   margin:0;
   padding:0;	
}

.btn11 a:hover {
   background-image:url(images/corne_botn_over.jpg);
   background-repeat:no-repeat;		
}

                                                                                                /*bouton multi activits t*/
																								
ul.act  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   top: 515px; /* positionnement du menu, que vous pouvez changer  loisir */
   left: 0px;
   width: 100%; /* prcision pour Opera */
}

li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}

.act a {       /* dfinition de chaque bouton du menu */
   width: 150px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 30px;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   color:#FFFFFF;
   background-image:url(images/multi_bton.jpg);		
}

.act a:hover {
   background-image:url(images/multi_bton_over.jpg);	
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/

}

.act a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.act a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 27px;
   left: -200px;
   width: 800px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#FFFFFF;/*ici on color le texte*/
   text-indent:10px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
            
			                                                                        /*bouton multi activits hiver*/
																								
ul.act2  {
   list-style-type: none;
   margin:0;
   padding:0;
   position: absolute; 
   top: 515px; /* positionnement du menu, que vous pouvez changer  loisir */
   right: 0px;
   width: 402px; /* prcision pour Opera */
}

li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}

.act2 a {       /* dfinition de chaque bouton du menu */
   width: 150px;	   /* largeur du bouton, que vous pouvez changer  loisir */
   height: 30px;
   float: right;
   display: block;
   text-align: center;
   text-decoration: none;
   color:#FFFFFF;
   background-image:url(images/multi_DR_bton.jpg);		
}

.act2 a:hover {
   background-image:url(images/multi_DR_bton_over.jpg);	
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/

}

.act2 a span {     /* dfinition de la balise <span> inclue dans <a> */
   display: none;
}

.act2 a:hover span {   /* dfinition de la balise <span> au survol */
   display: block;
   position: absolute;
   top: 27px;
   left: -200px;
   width: 800px;       /* largeur de la zone de commentaires, selon la taille du menu */
   text-align: left;
   color:#FFFFFF;/*ici on color le texte*/
   text-indent:10px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.8em;
   font-weight:bold;
}
                                                                                    /*page de forfaits*/
#scroll_canot {
	position:absolute;
	left:260px;
	top:286px;
	width:525px;
	height:269px;
	z-index:1;
	overflow:auto; 
	margin:0;
	padding-left:12px; 
}
#prix_decouverte {
	position:absolute;
	left:336px;
	top:175px;
	width:83px;
	height:98px;
	z-index:1;
}
#prix_excursion {
	position:absolute;
	left:335px;
	top:816px;
	_top:800px;
	width:83px;
	height:52px;
	z-index:2;
}
#prix_expedition {
	position:absolute;
	left:333px;
	top:2100px;
	_top:2010px;
	width:93px;
	height:23px;
	z-index:3;
}

td span {/*je ne dois pas rien mettre devant le td car, rien n'est cibler... pourquoi ?*/
    background-color:#000066;
    color:#FF9900;
    display: block;/*sinon la couleur ne fait qu'occuper la place prise par le texte*/
    font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
    font-weight:bold;
    padding:0.025em;
	text-align:center;
}
                                                                                                         /*diapo*/
 #retour {
	position:absolute;
	left:382px;
	top:557px;
	_top:561px;
	width:22px;
	height:40px;
	z-index:1;
}
#suivant {
	position:absolute;
	left:419px;
	top:566px;
	_top:567px;
	width:15px;
	height:19px;
	z-index:2;
}
#precedant {
	position:absolute;
	left:365px;
	top:566px;
	_top:567px;
	width:15px;
	height:21px;
	z-index:3;
}
.retour2 {
	position:absolute;
	left:383px;
	top:557px;
	_top:561px;
	width:22px;
	height:40px;
	z-index:1;
}

.header {
	width:800px;
}
.bloc {
	width:800px;
}
.footerLinks {
color:#FFCC00;

}
 .footerLinks a {
color:#ffffff;
text-decoration:none;
}
.alignLeft {
text-align:left;
}
#imagePhotos{
	position:absolute;
	left:301px;
	top:175px;
	width:195px;
	height:139px;
	z-index:1;
}
/* ajout du mnage de la page quad */
#scroll_quad {
	position:absolute;
	left:260px;
	top:284px;
	width:527px;
	height:270px;
	z-index:1;
	overflow:auto; 
	margin:0;
	padding-left:12px; 
}
td span {/*je ne dois pas rien mettre devant le td car, rien n'est cibler... pourquoi ?*/
    background-color:#000066;
    color:#FF9900;
    display: block;/*sinon la couleur ne fait qu'occuper la place prise par le texte*/
    font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
    font-weight:bold;
    padding:0.025em;
	text-align:center;
}
.Style8 {font-size: 1.2em; 
line-height: 1.1em; 
color:#233465; 
text-align: left; 
font-family: "Times New Roman", Times, serif;
}
.Style14 {font-style: italic}
.Style15 {
	font-size: 1em;
	color:#233465;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.ligneBas {
border-bottom: #ADC2FC medium solid ;
}