/* CSS Document Pour camping chute à l'ours*/

/*contenants pour chutes à l'ours*/
body {
  margin:0;
  padding:0;
  background-image:url(../images/PatternCampingLacStJean.jpg);
  background-repeat:repeat-x;
  background-color:#9ba422;
}

html {
  padding:0;
  margin:auto;
  text-align:center;/*IE bug*/
  overflow:auto;
}
#CampingLacStJeanConteneur {
	position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
	height:591px;/*firefox*/
	width:931px;
	margin:auto;/*si je ne met pas auto, le bloc n'est pas centr.*/
	/*background-color: #FFFFFF;*/
}
/* Ajouts refonte 2010 *************************************************************************************** */
#Chute-a-Ours-1{
	position:absolute;
	left:0px;
	top:189px;
	margin:0;
	padding:0;
	border:0;
	width:211px;
	height:33px;
	z-index:10;
}
#Chute-a-Ours-2{
	position:absolute;
	left:0px;
	top:222px;
	margin:0;
	padding:0;
	border:0;
	width:211px;
	height:22px;
	z-index:10;
}
#Chute-a-Ours-3{
	position:absolute;
	left:0px;
	top:244px;
	margin:0;
	padding:0;
	border:0;
	width:211px;
	height:22px;
	z-index:10;
}
#Chute-a-Ours-4{
	position:absolute;
	left:0px;
	top:266px;
	margin:0;
	padding:0;
	border:0;
	width:211px;
	height:22px;
	z-index:10;
}
#Chute-a-Ours-5{
	position:absolute;
	left:0px;
	top:288px;
	margin:0;
	padding:0;
	border:0;
	width:212px;
	height:22px;
	z-index:10;
}
#Chute-a-Ours-6{
	position:absolute;
	left:0px;
	top:309px;
	margin:0;
	padding:0;
	border:0;
	width:211px;
	height:26px;
	z-index:10;
}
#Chute-a-Ours-7{
	position:absolute;
	left:0px;
	top:335px;
	margin:0;
	padding:0;
	border:0;
	width:16px;
	height:236px;
	z-index:10;
}
/*Calendrier*/
#Chute-a-Ours-8{
	position:absolute;
	left:16px;
	top:335px;
	margin:0;
	padding:0;
	border:0;
	width:195px;
	height:217px;
	z-index:10;
}
#Chute-a-Ours-9{
	position:absolute;
	left:16px;
	top:552px;
	margin:0;
	padding:0;
	border:0;
	width:195px;
	height:19px;
	z-index:10;
}

/* fin des modifications 2010 ******************************************************************************** */

.CampingFond{
	position:absolute;
	left:0px;
	top:0px;
	width:931px;
	height:571px;
	z-index:2;
}
#menuFlash {
	position:absolute;
	left:210px;
	top:180px;
	width:100px;
	height:316px;
	z-index:5;
}
#messagePrioritaire {
	position:absolute;
	left:212px;
	top:171px;
	width:716px;
	height:25px;
	overflow:hidden;
	z-index:10;
	color:#c1bf25;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#messagePrioritaireCarte {
	position:absolute;
	left:204px;
	top:86px;
	width:731px;
	height:102px;
	overflow:hidden;
	z-index:10;
	color:#c1bf25;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#paiement {
	position:absolute;
	left:222px;
	top:455px;
	width:139px;
	height:38px;
	z-index:10;
}


/*-----------------------------------------------------------------------------contenu pour camping chute à l'ours*/
		  
#CampingEntete {
	position:absolute;
	left:0px;
	top:0px;
	width:974px;
	height:194px;
	z-index:5;
}
#menuFlashInterieur {
	position:absolute;
	left:0px;
	top:194px;
	width:199px;
	height:250px;
	z-index:5;
}
#CampingFondTexte {
	position:absolute;
	left:199px;
	top:194px;
	width:531px;
	height:368px;
	z-index:5;
}
#photos {
	position:absolute;
	left:199px;
	top:194px;
	width:775px;
	height:425px;
	z-index:5;
}
#CampingPromo {
	position:absolute;
	left:730px;
	top:194px;
	width:244px;
	height:250px;
	z-index:5;
}
#CampingPromoCarte {
	position:absolute;
	left:730px;
	top:194px;
	width:244px;
	height:368px;
	z-index:5;
}
#CampingPetitMenu {
	position:absolute;
	left:0px;
	top:444px;
	width:199px;
	height:118px;
	z-index:5;
}
#CampingLogo {
	position:absolute;
	left:730px;
	top:444px;
	width:244px;
	height:118px;
	z-index:5;
}
#CampingPiedDePage {
	position:absolute;
	left:0px;
	top:562px;
	width:974px;
	height:55px;
	z-index:5;
}
#ZoneTexteCamping {
	position:absolute;
	left:229px;
	top:208px;
	width:511px;
	height:234px;
	overflow:auto;
	text-align:left;
	margin:0;
	padding-right:8px;
	padding-left:5px;
	z-index:10;
	
}


/*---------------------------------------------------------------------ZONES RÉACTIVES INDEX camping chute à l'ours*/
#CampingHebergementLocation li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}
#CampingHebergementLocation {
	position:absolute;
	left:316px;
	top:176px;
	width:450px;
	height:91px;
	list-style-type: none;
	margin:0;
	padding:0;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	
}
#CampingHebergementLocation a {       /* dfinition de chaque bouton du menu */
   width:450px;
   height:97px;
   margin:0;
   padding-right:12px;
   padding-left:12px;
   padding-top:6px;
   padding-bottom:0;
   float: left;
   display: block;
   text-decoration: none;
   color:#fff;
   background:url(../images/FondTexteIntroOurs.png);
   background-color: #C2D3D1;
   filter:alpha(opacity=25);   
   -moz-opacity:0.25;          
   opacity: 0.25;
}
#CampingHebergementLocation a:hover {
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
   color:#000;
   filter:alpha(opacity=100);   
   -moz-opacity:1;          
   opacity: 1;
}
#CampingFamiliale {
	position:absolute;
	left:316px;
	top:284px;
	width:450px;
	height:91px;
	list-style-type: none;
	margin:0;
	padding:0;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#CampingFamiliale a {       /* dfinition de chaque bouton du menu */
   width:450px;
   height:97px;
   margin:0;
   padding-right:12px;
   padding-left:12px;
   padding-top:6px;
   padding-bottom:0;
   float: left;
   display: block;
   text-decoration: none;
   color:#fff;
   background:url(../images/FondTexteIntroOurs.png);
   background-color:#C2D3D1;
   filter:alpha(opacity=25);   
   -moz-opacity:0.25;          
   opacity: 0.25;
}
#CampingFamiliale a:hover {
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
   color:#000;
   filter:alpha(opacity=100);   
   -moz-opacity:1;          
   opacity: 1;
}
#CampingFamiliale li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}
#CampingActivites {
	position:absolute;
	left:316px;
	top:392px;
	width:450px;
	height:91px;
	list-style-type: none;
	margin:0;
	padding:0;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	
}
#CampingActivites a {       /* dfinition de chaque bouton du menu */
   width:450px;
   height:97px;
   margin:0;
   padding-right:12px;
   padding-left:12px;
   padding-top:6px;
   padding-bottom:0;
   float: left;
   display: block;
   text-decoration: none;
   color:#fff;
   background:url(../images/FondTexteIntroOurs.png);
   background-color:#C2D3D1;
   filter:alpha(opacity=25);   
   -moz-opacity:0.25;          
   opacity: 0.25;
}
#CampingActivites a:hover {
   border-bottom: 0px; /* si je ne met pas cela, cela ne s'affiche pas dans IE !!!!*/
   color:#000;
   filter:alpha(opacity=100);   
   -moz-opacity:1;          
   opacity: 1;
}
#CampingActivites li {
   float: left; /* si j'enleve ceci, dans firefox, rien ne change*/
}
/* ------------------------------------------------------------------PHOTOS ET 360 ------------------------------- */

#BtnPhotos {
   position: absolute; 
   left:201px;
   top:71px;
   margin:0;
   padding:0;
   list-style-type: none;
   z-index:100;
}

#Btn360 {
   position: absolute; 
   left:283px;
   top:71px;
   margin:0;
   padding:0;
   list-style-type: none;
   z-index:100;
}




/* ---------------------------------------------------------------------------------Boutons de navigation gabarit intérieur ajout 2010  ----------------------------------- */
#BtnContact1 {
	width:198px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#BtnContact1 li a {
	display:block ;
	height:31px;
	background: url(../images/boutonInterieur2010_05.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#BtnContact1 li a:hover, #BtnContact1 li a:focus, #BtnContact1 li a:active {
	background:url(../images/boutonInterieur2010_05.jpg) right top no-repeat  ;
	}
	
#BtnCartes1{
	width:199px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#BtnCartes1 li a {
	display:block ;
	height:18px;
	background: url(../images/boutonInterieur2010_08.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#BtnCartes1 li a:hover, #BtnCartes1 li a:focus, #BtnCartes1 li a:active {
	background:url(../images/boutonInterieur2010_08.jpg) right top no-repeat  ;
	}
	
#BtnHistorique1{
	width:199px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#BtnHistorique1 li a {
	display:block ;
	height:17px;
	background: url(../images/boutonInterieur2010_09.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#BtnHistorique1 li a:hover, #BtnHistorique1 li a:focus, #BtnHistorique1 li a:active {
	background:url(../images/boutonInterieur2010_09.jpg) right top no-repeat  ;
	}
	
#BtnForfaits1{
	width:199px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#BtnForfaits1 li a {
	display:block ;
	height:18px;
	background: url(../images/boutonInterieur2010_10.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#BtnForfaits1 li a:hover, #BtnForfaits1 li a:focus, #BtnForfaits1 li a:active {
	background:url(../images/boutonInterieur2010_10.jpg) right top no-repeat  ;
	}
#BtnPromotions1{
	width:199px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#BtnPromotions1 li a {
	display:block ;
	height:34px;
	background: url(../images/boutonInterieur2010_11.jpg) left top no-repeat  ;
	text-decoration: none ;
	padding:0 ;
	}
#BtnPromotions1 li a:hover, #BtnPromotions1 li a:focus, #BtnPromotions1 li a:active {
	background:url(../images/boutonInterieur2010_11.jpg) right top no-repeat  ;
	}
#interieur-1{
	position:absolute;
	left:0px;
	top:444px;
	margin:0;
	padding:0;
	border:0;
	width:198px;
	height:31px;
	z-index:10;
}
#interieur-2{
	position:absolute;
	left:0px;
	top:475px;
	margin:0;
	padding:0;
	border:0;
	width:199px;
	height:18px;
	z-index:10;
}
#interieur-3{
	position:absolute;
	left:0px;
	top:493px;
	margin:0;
	padding:0;
	border:0;
	width:199px;
	height:17px;
	z-index:10;
}
#interieur-4{
	position:absolute;
	left:0px;
	top:510px;
	margin:0;
	padding:0;
	border:0;
	width:199px;
	height:18px;
	z-index:10;
}#interieur-5{
	position:absolute;
	left:0px;
	top:528px;
	margin:0;
	padding:0;
	border:0;
	width:199px;
	height:34px;
	z-index:10;
}	
	
/*---------------------------------------------------------------------style d'écritures pour camping chute à l'ours*/
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#024268;
	background-color:#DCFD77;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #006600;
	filter: DropShadow(Color=black, OffX=1, OffY=1, Positive=1);
	text-indent: 8px;
	text-align:right;
	padding-right:12px;
}
.texteCourant {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	text-align: justify;
}
.texteCourantPuces {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	text-align: justify;
	padding-left:15px;
}
#messagePrioritaire a {
	color:#9FC5FD;
}
#messagePrioritaire a:hover {
color:#FF9900;
}
.red {
color:#FF0000;
}
.left {
float:left;
padding-right:12px;
padding-bottom:4px;
}
.titreForfait {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color: #666666;
	font-variant: small-caps;
	line-height:12px;
	vertical-align: text-top;
}
#villegiatureVacancesEntete {
	position:absolute;
	left:0px;
	top:0px;
	width:931px;
	height:189px;
	z-index:1;
}
#VillegiatureLac-St-JeanZoneTxt {
	position:absolute;
	left:210px;
	top:189px;
	width:552px;
	height:337px;
	z-index:1;
}
#vacancesVillegiatureImgCote {
	position:absolute;
	left:762px;
	top:189px;
	width:169px;
	height:337px;
	z-index:1;
}
#vacancesPlein-airVillegiatureBottom {
	position:absolute;
	left:211px;
	top:526px;
	width:720px;
	height:45px;
	z-index:1;
}
#copywrite {
	position:absolute;
	left:0px;
	top:570px;
	width:931px;
	height:45px;
	z-index:6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000033;
}
#copywrite a{
	color:#000033;
	text-decoration:none;
}
#copywrite a:hover{
 color: #003300;
 text-decoration:underline;
}
.titreEnExergue{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
text-align:left;
color: #000033;
}