/***************	STYLES GLOBAUX		***************/
html {
	margin:0;
	padding:0;
	background-color:#473C20;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#473C20;
}

.clearfix {
	margin:0;
	padding:0;
}

.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}

.clearfix { display:inline-block; }
/* Hides from IE5-mac \*/
.clearfix { display:block; }
/* End hide from ie5-mac */

.left_floated {
	float:left;
}

.right_floated {
	float:right;
}

a {
	color:#473C20;
	text-decoration:underline;
}

a:hover {
	color:#473C20;
	text-decoration:none;
}

.more {
	position:relative;
	margin:15px 15px 0 0;
	font-size:10px;
}

.more a {
	color:#FFF;
	font-size:10px;
	text-decoration:underline;
}

.more a:hover {
	color:#FFF;
	text-decoration:none;
}

.hilight {
	color:#6D8B1F;
}

/***************		ENTETE		***************/

#ie6_notice {
	display:none;
}

#header_wrapper {
	position:relative;
	width:100%;
	height:144px;
	background:url(../images/apb_header_backing.jpg) top center repeat-x;
}

	#header_container {
		position:relative;
		width:900px;
		margin:0 auto;
	}
		
		#header_container h1 {
			position:absolute;
			display:block;
			top:11px;
			left:0;
			margin:0;
			padding:0;
			width:152px;
			height:134px;
		}
		
			#header_container h1 a {
				position:relative;
				display:block;
				width:152px;
				height:134px;
				background:url(../images/apb_logo.png) top left no-repeat;
				text-indent:-10000px;
				cursor:pointer;
			}
		
		#header_container h2 {
			position:relative;
			display:none;
			width:900px;
			min-height:60px;
			padding:10px 0 0;
			margin:0;
			color:#BEA770;
			line-height:36px;
			text-align:center;
			font-size:16px;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-indent:-10000px;
		}
		
		#top_nav {
			position:relative;
			float:right;
			margin:0 0 0 120px;
			padding:10px 0;
			list-style:none;
		}
		
			#top_nav li {
				float:left;
				height:21px;
				margin:0 0 0 10px;
				padding:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#473C20;
			}
			
			#top_nav li.current {
				background:url(../images/apb_top_nav_right_backing.jpg) top right no-repeat;
			}
			
				#top_nav li a {
					display:block;
					height:18px;
					padding:3px 15px 0;
					text-decoration:none;
					color:#473C20;
				}
				#top_nav li a:hover {
					text-decoration:none;
					color:#FFBE00;
				}
				#top_nav li.current a {
					color:#FFBE00;
					background:url(../images/apb_top_nav_left_backing.jpg) top left no-repeat;
				}
		
		#top_facebook {
			position:relative;
			float:right;
			margin:0 0 0 200px;
			padding:10px 25px;
			font-size: 14px;
			background:url(../images/apb_f_logo.png) center left no-repeat;
		}
		
		#main_nav {
			position:relative;
			float:right;
			/*width:760px;*/
			margin:30px 0 0 100px;
			padding:0;
			list-style:none;
		}
		
			#main_nav li {
				float:left;
				margin:0 0 0 25px;
				font-size:12px;
				font-weight:bold;
				color:#FFF;
			}
			
				#main_nav li a {
					text-decoration:none;
					color:#FFF;
				}
				#main_nav li a:hover {
					text-decoration:none;
					color:#FFBE00;
				}
				#main_nav li.current a {
					color:#FFBE00;
				}
		

/***************		ZONE DIAPORAMA		***************/

#slideshow_wrapper {
	position:relative;
	display:block;
	width:100%;
	height:260px;
}

	#slideshow_container {
		position:relative;
		width:900px;
		margin:0 auto;
		padding:15px 0;
	}
	
		#slideshow {
			position:relative;
			width:884px;
			height:200px;
			padding:8px;
			background-color:#6A5F43;
		}
		
			#slider {
				border:#F4EECE 1px solid;
			}
	

/***************		ZONE DE CONTENU		***************/

#content_wrapper {
	position:relative;
	width:100%;
	background:#F4EECE url(../images/apb_content_top_backing.jpg) top center repeat-x;
}

	#content_container {
		position:relative;
		width:900px;
		margin:0 auto;
		padding:20px 0;
		z-index:0;
	}
	
		#content_container h2 {
			position:relative;
			width:900px;
			height:50px;
			padding:0;
			margin:0;
			color:#BEA770;
			line-height:28px;
			font-size:28px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			text-indent:-10000px;
		}
	
		#content_container p {
			position:relative;
			margin:0 0 20px;
			padding:10px 0;
			font-size:14px;
			line-height:20px;
			text-align:left;
		}
			#content_container p.intro {
				font-family:Georgia, "Times New Roman", Times, serif;
				line-height:24px;
				font-size:16px;
				color:#6D8B1F;
				/*background:url(../images/apb_plume_filigrane.png) center center no-repeat;*/
			}
				#content_container p.intro a { color:#6D8B1F; }
			
		#content_container em {
			font-size:11px;
		}
		
		#content_container ul {
			position:relative;
			list-style-type:square;
			padding:0;
		}
		
			#content_container ul li,
			#content_container ol li {
				margin-bottom:5px;
				font-size:12px;
				line-height:16px;
				color:#473B20;
			}
		
		#content_container dl {
			position:relative;
			margin-bottom:2em;
		}
		
			#content_container dl dt {
				font-weight:bold;
				padding-bottom:7px;
			}
			
			#content_container dl dd {
				margin-left:0;
				padding-bottom:7px;
				font-size:0.9em;
			}
		
		#content_container .paragraphe {
			position:relative;
			margin:0 50px 0 0;
			padding:0;
			list-style:none;
		}
			#content_container .paragraphe li {
				color:#473B20;
				font-size:12px;
				line-height:14px;
			}
		
		#content_container .box1 {
			position:relative;
			width:283px;
			height:169px;
			background:url(../images/apb_box1_backing.jpg) top left no-repeat;
			overflow:hidden;
		}
	
			#content_container .box1 h4 {
				margin:1px 0 0 10px;
				padding:3px 0 0;
				color:#FFF;
				font-size:14px;
				font-family:Georgia, "Times New Roman", Times, serif;
				text-indent:-10000px;
				height:23px;
			}
			
			#content_container .box1 p {
				margin:10px 15px 0;
				padding:0;
				line-height:16px;
				font-size:12px;
			}
			
			#content_container .box1 ul {
				margin:10px 0 0 25px;
				padding:0;
				list-style:square outside;
			}
			
				#content_container .box1 ul li {
					font-size:12px;
					line-height:18px;
					margin-bottom:0;
				}
				
			#content_container .box1 .more {
				float:right;
				color:#FFF;
			}
		
		#content_container .bloc_container1,
		#content_container .bloc_container2
		{
			/*position:relative;		Ne pas activer car altere le behavior IE*/
			width:860px;
			margin:0 0 20px;
			padding:20px;
			background-color:#F4EECE;
		}
		#content_container .bloc_container1 {
			background-color:#ECE3C0;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			-khtml-border-radius: 15px;
			border-radius: 15px;
		}
		
			#content_container .bloc_container1 h3,
			#content_container .bloc_container2 h3 
			{
				width:580px;
				height:29px;
				margin:0 0 10px;
				padding:0;
				line-height:18px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:18px;
				color:#6D8B1F;
				text-indent:-10000px;
			}
			
			#content_container .bloc_container1 h5,
			#content_container .bloc_container2 h5 
			{
				margin:20px 0;
				padding:0;
				line-height:14px;
				font-size:12px;
				color:#6D8B1F;
			}
	
			#content_container .bloc_container1 .text_container,
			#content_container .bloc_container2 .text_container
			{
				width:580px;
				margin:0;
				padding:0;
			}
			#content_container .bloc_container1 .text_container {
				float:left;
			}
			
			#content_container .bloc_container2 .text_container {
				float:right;
			}
			
				#content_container .bloc_container1 .text_container p,
				#content_container .bloc_container2 .text_container p
				{
					margin:0 0 10px;
					padding:0;
					color:#473B20;
					font-size:14px;
					line-height:18px;
				}
				
				#content_container .bloc_container1 .text_container .notice,
				#content_container .bloc_container2 .text_container .notice
				{
					font-size:11px;
				}
				
				#content_container .bloc_container1 .text_container .specs,
				#content_container .bloc_container2 .text_container .specs
				{
					color:#6D8B1F;
					line-height:18px;
					font-size:11px;
				}
				
					#content_container .bloc_container1 .text_container .specs span,
					#content_container .bloc_container2 .text_container .specs span
					{
						color:#473B20;
					}
			
				#content_container .bloc_container1 .text_container blockquote,
				#content_container .bloc_container2 .text_container blockquote {
					width:825px;
					background:url(../images/temoignages/apb-left-quote.png) top left no-repeat;
					padding:0 0 0 35px;
					margin:0;
				}
				
					#content_container .bloc_container1 .text_container blockquote p,
					#content_container .bloc_container2 .text_container blockquote p {
						padding-right:35px;
						font-style:italic;
						background:url(../images/temoignages/apb-right-quote.png) bottom right no-repeat;
					}
					
				#content_container .bloc_container1 .text_container ul,
				#content_container .bloc_container2 .text_container ul {
					margin-left:20px;
				}
		
			
			#content_container .picture_wrapper {
				position:relative;
				width:260px;
				margin:0;
				padding:0;
				z-index:0;
			}
			#content_container .bloc_container1 .picture_wrapper {
				float:right;
			}
			
			#content_container .bloc_container2 .picture_wrapper {
				float:left;
			}
			
				#content_container .picture_mask {
					position:absolute;
					top:0;
					left:0;
					width:258px;
					height:174px;
					
				}
				#content_container .bloc_container2 .picture_mask { background:url(../images/apb-masque-photo1.png) top left no-repeat; }
				#content_container .bloc_container1 .picture_mask { background:url(../images/apb-masque-photo2.png) top left no-repeat; }
				
				#content_container .picture_wrapper img {
					width:250px;
					height:166px;
				}
			
			#content_container .bloc_container1 .more,
			#content_container .bloc_container2 .more
			{
				display:block;
				margin:10px 0;
				padding:0;
				width:250px;
				text-align:center;
				color:#473B20;
			}
			
				#content_container .bloc_container1 .more a,
				#content_container .bloc_container2 .more a
				{
					color:#473B20;
				}
		
		#content_container form {
			position:relative;
			margin:0;
			padding:0;
		}
			#content_container form label {
				display:block;
				margin:5px 0 5px;
				font-size:12px;
				font-weight:bold;
			}
				#content_container form label em { font-size:11px; font-style:normal; font-weight:normal; }
			
			#content_container form fieldset { padding:10px; margin-bottom:20px; border:#473B20 1px solid; }
			#content_container form fieldset legend { font-size:12px; font-weight:bold; }
			#content_container form fieldset label { display:inline; font-weight:normal; padding-right:15px; }
			
			#content_container form input,
			#content_container form select {
				display:block;
				margin:5px 0 15px;
				font-size:14px;
			}
			#content_container form input.radio,
			#content_container form input.checkbox { display:inline; margin:5px 0 0; }
			#content_container form .field_wrapper input { /*display:inline;*/ float:left; }
			
			#content_container form .text {
				border:#473B20 1px solid;
				line-height:14px;
				background-color:#FFF;
				color:#473B20;
			}
			#content_container form .input_group { margin-bottom:15px; }
			#content_container form .input_group input,
			#content_container form .input_group select { display:inline; margin-bottom:0; }
			#content_container form .error { border:#CC0000 2px solid; }
			#content_container form input.button { margin-top:20px; }
			#content_container form label.error {
				position:relative;
				display:none;
				margin-left:10px;
				line-height:30px;
				font-size:11px;
				color:#CC0000;
				font-weight:normal;
				border:none;
			}
		
		#top_link {
			width:900px;
			text-align:center;
			font-size:10px;
			text-transform:uppercase;
		}
			#top_link a {
				color:#473B20;
				text-decoration:underline;
			}
			#top_link a:hover { text-decoration:none; }
		

/***************		PIED DE PAGE		***************/

#footer_wrapper {
	position:relative;
	width:100%;
	background:#473C20 url(../images/apb_footer_top_backing.jpg) top center repeat-x;
	color:#F4EECE;
}

	#footer_container {
		position:relative;
		width:900px;
		margin:0 auto;
		padding:15px 0 25px;
		background:url(../images/apb_plume_filigrane2.jpg) center 30% no-repeat;
	}

	#footer_container h6 {
		position:relative;
		margin:0;
		padding:10px 0;
		font-size:12px;
		text-transform:uppercase;
	}
	
	#footer_container a {
		color:#6D8B1F;
	}
	
	#contact {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}
		#contact li {
			color:#FFF;
			font-size:11px;
			line-height:14px;
		}
	
	#footer_nav {
		position:relative;
		width:300px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
		#footer_nav li {
			float:left;
			width:130px;
			border-bottom:#F4EECE 1px dotted;
			margin-right:15px;
			line-height:18px;
		}
		
			#footer_nav li a {
				color:#F4EECE;
				text-transform:uppercase;
				font-size:10px;
				text-decoration:none;
			}
			#footer_nav li a:hover {
				color:#FFF;
				text-decoration:none;
			}
			
	#footer_wrapper hr {
		width:900px;
		margin-top:20px;
		color:#F4EECE;
		height:1px;
		border-width:0;
		background-color:#F4EECE;
	}
			
	#copyrights {
		position:relative;
		width:900px;
		line-height:16px;
		font-size:10px;
		text-align:center;
	}
	
	#credits {
		position:relative;
		width:900px;
		line-height:16px;
		font-size:10px;
		text-align:center;
	}
	
	

/***************		STYLES PROPRE A CHAQUE PAGE		***************/

/*		Accueil		*/
#page_accueil #header_container h2 {
	display:block;
	background:url(../images/textes/apb_titre_accueil.png) center center no-repeat;
}

#page_accueil #content_container p.intro {
	text-align:center;
	height:82px;
	font-size:18px;
	line-height:24px;
	background:url(../images/textes/apb_intro_accueil.jpg) center center no-repeat;
	text-indent:-10000px;
}

#page_accueil #content_container div.left_floated { margin-right:25px; }
#page_accueil #content_container .box1 h4#activites { background:url(../images/textes/apb_titre_activites_services_en_bref.png) top left no-repeat; }
#page_accueil #content_container .box1 h4#hebergement { background:url(../images/textes/apb_titre_hebergement_en_bref.png) top left no-repeat; }
#page_accueil #content_container .box1 h4#forfaits { background:url(../images/textes/apb_titre_forfaits_en_bref.png) top left no-repeat; }


/*		Coordonnees		*/
#page_coordonnees #content_container h2 { background:url(../images/textes/apb_titre_coordonnees.jpg) top left no-repeat; }
#page_coordonnees #coordonnees_adresse h3 { background:url(../images/textes/apb-titre-coordonnees-adresse-site.png) top left no-repeat; }
#page_coordonnees #content_container .bloc_container2 .text_container { float:left; }
#page_coordonnees #content_container .bloc_container2 .picture_wrapper { float:right; }
#page_coordonnees #coordonnees_nous_joindre h3 { background:url(../images/textes/apb-titre-coordonnees-nous-joindre.png) top left no-repeat; }
#page_coordonnees #coordonnees_nous_joindre .text_container { width:100%; }


/*		Activites et services		*/
#page_activites #content_container h2 { background:url(../images/textes/apb_titre_activites_services.jpg) top left no-repeat; }
#page_activites #activite_visite_guidee h3 { background:url(../images/textes/apb-titre-activites-visite-guidee.png) top left no-repeat; }
#page_activites #activite_interpretation h3 { background:url(../images/textes/apb-titre-activites-interpretation.png) top left no-repeat; }
#page_activites #activite_visionnement h3 { background:url(../images/textes/apb-titre-activites-visionnement-films.png) top left no-repeat; }
#page_activites #activite_culture h3 { background:url(../images/textes/apb-titre-activites-sensibilisation-culture.png) top left no-repeat; }
#page_activites #service_location h3 { background:url(../images/textes/apb-titre-activites-location-tentes.png) top left no-repeat; }
#page_activites #activite_degustation h3 { background:url(../images/textes/apb-titre-activites-degustation.png) top left no-repeat; }
#page_activites #activite_artisanat h3 { background:url(../images/textes/apb-titre-activites-artisanat.png) top left no-repeat; }
#page_activites #activite_randonnee h3 { background:url(../images/textes/apb-titre-activites-randonnee.png) top left no-repeat; }
#page_activites #activite_conferences h3 { background:url(../images/textes/apb-titre-activites-conferences.png) top left no-repeat; }
#page_activites #activite_excursion h3 { background:url(../images/textes/apb-titre-activites-excursion.png) top left no-repeat; }
#page_activites #activite_makushuan h3 { background:url(../images/textes/apb-titre-activites-makushuan.png) top left no-repeat; }


/*		Hebergement		*/
#page_hebergement #content_container h2 { background:url(../images/textes/apb_titre_hebergement.jpg) top left no-repeat; }
#page_hebergement #hebergement_tipi h3 { background:url(../images/textes/apb-titre-hebergement-tipi.png) top left no-repeat; }
#page_hebergement #hebergement_tente_montagnaise_traditionnelle h3 { background:url(../images/textes/apb-titre-hebergement-tente-montagnaise-traditionnelle.png) top left no-repeat; }
#page_hebergement #hebergement_carre_tente h3 { background:url(../images/textes/apb-titre-hebergement-carre-tente.png) top left no-repeat; }
#page_hebergement #hebergement_camp_bois h3 { background:url(../images/textes/apb-titre-hebergement-camp-bois-rond.png) top left no-repeat; }
#page_hebergement #hebergement_yourte h3 { background:url(../images/textes/apb-titre-hebergement-yourte.png) top left no-repeat; }
#page_hebergement #hebergement_shaputuan h3 { background:url(../images/textes/apb-titre-hebergement-shaputuan.png) top left no-repeat; }
#page_hebergement #hebergement_grande_tente h3 { background:url(../images/textes/apb-titre-hebergement-tente-montagnaise-longue.png) top left no-repeat; }


/*		Forfaits		*/
#page_forfaits #content_container h2 { background:url(../images/textes/apb_titre_forfaits.jpg) top left no-repeat; }
#page_forfaits #forfait_nuit h3 { background:url(../images/textes/apb-titre-forfaits-nuit.png) top left no-repeat; }
#page_forfaits #forfait_groupe_scolaire h3 { background:url(../images/textes/apb-titre-forfaits-groupe-scolaire.png) top left no-repeat; }
#page_forfaits #forfait_location h3 { background:url(../images/textes/apb-titre-forfaits-location.png) top left no-repeat; }


/*		Votre hote		*/
#page_hote #content_container h2 { background:url(../images/textes/apb_titre_votre_hote.jpg) top left no-repeat; }
#page_hote h3 { background:url(../images/textes/apb-titre-hote-claude-boivin.png) top left no-repeat; }


/*		Photos		*/
#page_photos #content_container h2 { background:url(../images/textes/apb_titre_photos.jpg) top left no-repeat; }
#page_photos .bloc_container1 .text_container,
#page_photos .bloc_container2 .text_container { width:100%; }
#page_photos #photos_vue_ensemble h3 { background:url(../images/textes/apb-titre-photos-vue-ensemble.png) top left no-repeat; }
#page_photos #photos_chalet_principal h3 { background:url(../images/textes/apb-titre-photos-chalet-principal.png) top left no-repeat; }
#page_photos #photos_hebergement h3 { background:url(../images/textes/apb-titre-photos-hebergement.png) top left no-repeat; }
#page_photos .gallery {
	list-style:none;
	margin:0;
	padding:0;
}
	#page_photos .gallery li {
		float:left;
		margin:5px;
	}
		#page_photos .gallery li img {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}


/*		Temoignages		*/
#page_temoignages #content_container h2 { background:url(../images/textes/apb_titre_temoignages.jpg) top left no-repeat; }
#page_temoignages #content_container .testimony_signature { margin-left:35px; font-size:12px; color:#6D8B1F; }
#page_temoignages .bloc_container1 .text_container,
#page_temoignages .bloc_container2 .text_container { width:100%; }



/*		Reservations		*/
#page_reservations #content_container h2 { background:url(../images/textes/apb_titre_reservations.jpg) top left no-repeat; }
#page_reservations .bloc_container1 .text_container,
#page_reservations .bloc_container2 .text_container { width:100%; }
#page_reservations #reservations_telephone h3 { background:url(../images/textes/apb-titre-reservations-telephone.png) top left no-repeat; }
#page_reservations #reservations_en_ligne h3 { background:url(../images/textes/apb-titre-reservations-en-ligne.png) top left no-repeat; }


/*		Liens		*/
#page_liens #content_container h2 { background:url(../images/textes/apb_titre_liens.jpg) top left no-repeat; }