@charset "UTF-8";
/* LAYOUT */
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}

#background 	{ position: fixed; width: 100%; z-index:1; top:0; left:0; height: 100% }
#background img { height:100%; width:100%; }

#top {
	position:relative;
	min-width:1000px;
}

	.ie7 #top {
		position:absolute;
		min-width:1000px;
		z-index:100;
	}

#top-middle {
	position: relative; 
	float:right;
	margin-right:160px; 
	z-index: 90; 
}

#top-left {
	position: relative; 
	float:left;
	z-index: 80; 
}

		div#top-left img {
			position:absolute;
			top:0;
			left:0;
			z-index:80;
		}
		
		div#top-left img.active {
			z-index:82;
		}
		
		div#top-left img.last-active {
			z-index:81;
		}



#top-right {
	position: relative; 
	float:right;
	z-index: 80; 
}

		div#top-right img {
			position:absolute;
			top:0; 
	right:0;
			z-index:80;
		}
		
		div#top-right img.active {
			z-index:82;
		}
		
		div#top-right img.last-active {
			z-index:81;
		}



#visuals {
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
}

	#info { 
		position: relative;
		min-height: 100%;
	}
	
		#logo {
			padding:78px 0 85px 0;	
		}
	
	#bottom {
		position: relative;
		margin: -221px 0 0 0;
		min-width:1000px;
	
	}
		
		#bottom-right {
			position: relative; 
			float:right;
			width:637px;
			height:221px;		
		}
		
		#bottom-left {
			position: relative; 
			float:left;
			padding:25px 0 0 195px;
			width:144px;
		}
		
#page {
	position:absolute;
	z-index:15;
	top:283px;
	left:520px;
	width:425px;
}	

	.ie6 #page {
		width:430px;
	}

	#search_box_container {
		float:right;
		width:303px;
	}
	
		#search_box {
			float:right;
			width: 190px;
			height: 26px;
			background: url(../_images/bg_search_box.png) no-repeat;
			margin-top:3px;
		}
		
			#search_box #input_search_box {
				float: left;
				padding: 0;
				margin: 8px 0 0 30px;
				border: 0;
				width: 130px;
				background: none;
			}
			#search_box #submit {
				float: right;
				width:22px;
				height:26px;
			}
			
		#show_all {
			float:left;	
		}
		
		#bt_show_all {
			display:block;
			width: 100px;
			height: 33px;
			background:url(../_images/bt_afficher_tous.png)  0 0 no-repeat;
		}
		
			#bt_show_all span {
				display:none;
			}

	#wrapper {
		position:relative;
		margin-top:40px;
	}
	
	#nav {
		position:relative;
		width:104px;
		float:left;
		margin:0;
		padding:0;
	}
	
		#nav ul {
			float:left;
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#nav ul li {
				float:left;
				margin: 0;
				padding:0;
			}
							
				#nav ul li a:link,
				#nav ul li a:visited {
					background-position:top;
					display:block;
				}
				
				#nav ul li a:hover,
				#nav ul li a:active,
				#nav ul li a.selected {
					background-position:bottom;
				}
				
				#nav ul li a span {
					display:none;	
				}
				
				#bt_accueil {
					width: 104px;
					height: 38px;
					background:url(../_images/bt_accueil.png)  0 0 no-repeat;
				}
				
				#bt_camps {
					width: 104px;
					height: 38px;
					background:url(../_images/bt_camps.png)  0 0 no-repeat;
				}
				
					#bt_camps.selected {
						width: 104px;
						height: 35px;
						background:url(../_images/bt_camps_selected.png)  0 -43px no-repeat;
					}
				
					#li-camps #ul-camps {
						float:left;
						margin:0 0 5px 0;
						padding:5px;
						list-style:none;
						background:#FFFFFF;
						width:70px;
						display:none;
					}
					
					#li-camps #ul-camps li {
						float:left;
						margin: 0;
						padding:0;
					}
									
						#li-camps #ul-camps li a:link,
						#li-camps #ul-camps li a:visited {
							background-position:top;
							display:block;
							width:70px;
							height:20px;
						}
						
						#li-camps #ul-camps li a:hover,
						#li-camps #ul-camps li a:active,
						#li-camps #ul-camps li a.selected {
							background-position:bottom;
						}
						
						#li-camps #ul-camps li a span {
							display:none;	
						}
					
					#bt_arts {
						background:url(../_images/bt_arts.jpg)  0 0 no-repeat;
					}
					
					#bt_aviation {
						background:url(../_images/bt_aviation.jpg)  0 0 no-repeat;
					}
					
					#bt_cuisine {
						background:url(../_images/bt_cuisine.jpg)  0 0 no-repeat;
					}
					
					#bt_equestre {
						background:url(../_images/bt_equestre.jpg)  0 0 no-repeat;
					}
					
					#bt_langues {
						background:url(../_images/bt_langues.jpg)  0 0 no-repeat;
					}
					
					#bt_nature {
						background:url(../_images/bt_nature.jpg)  0 0 no-repeat;
					}
					
					#bt_sciences {
						background:url(../_images/bt_sciences.jpg)  0 0 no-repeat;
					}
					
					#bt_sports {
						background:url(../_images/bt_sports.jpg)  0 0 no-repeat;
					}
				
				#bt_concours {
					width: 104px;
					height: 38px;
					background:url(../_images/bt_concours.png)  0 0 no-repeat;
				}
				
				#bt_carte {
					width: 104px;
					height: 38px;
					background:url(../_images/bt_carte.png)  0 0 no-repeat;
				}

				
				#bt_contact {
					width: 104px;
					height: 40px;
					background:url(../_images/bt_contact.png)  0 0 no-repeat;
				}		

	#content {
		float:left;
		position:relative;
		width: 303px;
		margin: 0 0 0 18px;
	}
	
		#content-box-top {
			background:url(../_images/rounded-box-top.png) no-repeat;
			width:303px;
			height:11px;
		}
		
		#content-box-middle {
			background:url(../_images/rounded-box-middle.png) repeat-y;
			width:303px;
			padding:10px 15px 10px 15px;
			height:240px;
		}
			
			.ie6 #content-box-middle {
				padding:10px 0px;
			}
		
		#content-box-bottom {
			background:url(../_images/rounded-box-bottom.png) no-repeat;
			width:303px;
			height:11px;
		}
		
		#social-icons {
			margin-top:10px;
			text-align:right;
			width:303px;
		}
		
		a#camp-sitemap:link,
		a#camp-sitemap:visited {
			background-position:top;
			display:block;
			width: 275px;
			height: 127px;
			background:url(../_images/carte-mini.png)  0 0 no-repeat;
		}
				
				a#camp-sitemap:hover,
				a#camp-sitemap.active,
				a#camp-sitemap.selected {
					background-position:bottom;
				}
				
				a#camp-sitemap span {
					display:none;	
				}
	
		
.hidden {
	display:none;
}

.parent {
	width:275px;
}

	.ie6 .parent {
		padding:0px 15px;	
	}

.camp-list {
	height:200px;	
}

.accueil {
	height:175px;
}