/* CSS Document */
body { margin:0; }

img { border: 0 }
.clear { clear:both }

#principal {
	width: 834px;
	background-image:url('images/fond_ombre.jpg');
	margin: 0 auto;
	padding: 0 24px 0 28px;
	}
	
	#baseline {
		background-image:url('images/entete_gris.gif');
		height: 19px; width: 820px;
		text-align:right;
		padding-right: 14px;
		font: bold 14px verdana; color: #fff; letter-spacing: 1px;
		}



#gauche_droite { background:url('images/fond_page.jpg') repeat-y; width: 834px; overflow: hidden; }

	#gauche { 
		width: 238px;
		float:left;
		background:url('images/fond_menu.jpg') no-repeat;
	}
	
	
	#menu_gauche {
		border-top: 1px solid #fff;
		margin: 14px 0 26px 0;
		}
		
		#menu_gauche ul {
			margin: 0; padding: 0;
		}
		#menu_gauche ul li {
			border-bottom: 1px solid #fff;
			height: 19px;
			list-style: none;
			font: bold 13px arial;
			padding: 5px 7px 0 26px;
			margin: 0;
		}
				
			#menu_gauche ul li a { text-decoration: none; color: #0033FF }
			#menu_gauche ul li a:hover { text-decoration: none;	color: #FF9900; }				


	#menu_gauche2 {
		border-top: 1px solid #DCE9F0;
		margin: 14px 0 80px 0;
		}
		
		#menu_gauche2 ul {
			margin: 0; padding: 0;
		}
		#menu_gauche2 ul li {
			border-bottom: 1px solid #fff;
			list-style: none;
			font: bold 13px arial;
			padding: 3px 2px 2px 26px;
			margin: 0;
		}
				
			#menu_gauche2 ul li td { color:#0066FF }
			#menu_gauche2 ul li a { text-decoration: none; color: #0066FF }
			#menu_gauche2 ul li a:hover { text-decoration: none; color: #FF9900; }	
			#menu_gauche2 ul li a.niveau2 { font-size: 11px; text-decoration: none; color: #3066C0 }
			#menu_gauche2 ul li a:hover.niveau2 { font-size: 11px; text-decoration: none; color: #FF9900; }							


	#reseau { margin: 14px 0 80px 0; width: 200px; text-align:center }



	#droite {
		width: 596px; 
		float:left
	}
		#image { margin: 0; height: 180px; width: 100% }
		#menu_top {
			float: left; width: 100%;
			border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
			height: 28px;
			margin: 0 0 12px 0 }
		
		a.presentation {
			border-left: 1px solid #aaa; border-right: 1px solid #aaa;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #666;
			text-decoration: none;
			margin: 0 0 0 36px;
			height: 23px;
			float: left;
			padding: 5px 10px 0 10px;
		}
		
		a:hover.presentation {
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #0066CC;
			text-decoration: none;
		}
		
		a.reservation {
			border-right: 1px solid #aaa;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #666;
			text-decoration: none;
			margin-right: 0;
			height: 23px;
			float: left;
			padding: 5px 10px 0 10px;
		}
		
		a:hover.reservation {
			border-right: 1px solid #aaa;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #0066CC;
			text-decoration: none;
		}
		
		
		a.liens {
			border-right: 1px solid #aaa;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #666;
			text-decoration: none;
			margin-right: 50px;
			height: 23px;
			float: left;
			padding: 5px 10px 0 10px;
		}
		
		a:hover.liens {
			border-right: 1px solid #aaa;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #0066CC;
			text-decoration: none;
		}		
		
		
		
		.accueil {float: left; margin: 3px 7px 0 0 }
		#texte { float:left; width: 548px }
		.drapeau { float: left; margin: 8px 7px 0 0; display: none }
		
		#col_1 { float: left; width: 290px; margin-right: 7px }
		#col_2 { float: left; width: 213px; height: 210px; background:url('images/post_it.jpg') no-repeat; padding: 3px 13px 20px 15px; font: italic 13px  'Times New Roman', Times, serif }
				#col_2 a { color: #000; text-decoration:none }
				
		
		#contenu { margin: 0 10px 16px 35px;font: 11px verdana; color: #666; line-height: 17px }
			#contenu h1 { font: bold 16px verdana; color: #0066cc; }
			#contenu h2 { font: bold 14px verdana; color: #000; margin: 0; line-height: 20px; padding-left: 20px; background: url('images/puce.gif') no-repeat 0 7px  }
				#contenu h2 a { color: #000; text-decoration:none }
				#contenu h2 a:hover { color: #FF6600; text-decoration:none }
			
			
			#contenu p {  }
			#contenu p a { color: #0099CC; text-decoration: none  }
			#contenu p a:hover { color: #000; text-decoration: none  }
			
			#contenu ul { margin: 0; padding: 0 }
				#contenu ul li { margin: 0 0 0 0; padding: 0 0 0 12px; background:url(images/puce_carre.gif) no-repeat 1px 6px; list-style: none }
		
			.sous-titre { font: bold 14px verdana; color:#006699 }
			.sous-titre_equipement { font: bold 14px verdana; color:#006699; padding: 8px 0 12px 32px; background:url(images/pingouin.gif) no-repeat; margin: 20px 0 3px 0 }
			.sous-titre_info { font: bold 14px verdana; color:#006699; padding: 3px 0 9px 32px; background:url(images/boussole.gif) no-repeat; margin: 20px 0 0 0 }
			.angie { color: #AA00AA; font: bold 13px Arial }
			.formule { color:#FF6600; font: bold 14px arial; }
			.tarif { font-style:italic; color:#000000; font-weight: bold }
			.ttc { letter-spacing: -2px; font: bold 10px Arial; color:#000000; font-style:italic }
			.cadre { border: 1px solid #003366; margin: 0 0 5px 10px }
		
		
		#imprimer { 
			display: none;
			background:url('images/fond_imprimer.gif') no-repeat;
			padding: 4px 0 0 35px; height: 24px;
			}
		
		
		#pied_page	{
			background:url('images/fond_pied_page.jpg') no-repeat;
			height: 50px;
			padding: 114px 0 0 35px;
			margin-top: 50px;
			font: 11px arial; color:#333333;
		}
		
		#pied_page_accueil	{
			background:url('images/fond_pied_page_accueil.jpg');
			height: 50px;
			padding: 114px 0 0 35px;
			font: 11px arial; color:#333333;
		}	
		#pied_page_accueil2	{
			background:url('images/fond_pied_page_accueil2.jpg');
			height: 113px; width: 596px;
		}				
		
			#pied_page a, #pied_page_accueil a { color:#0099CC; text-decoration: none }
			#pied_page a:hover, #pied_page_accueil a:hover { color:#000; text-decoration: none }
			.copyright { color: #CC6699; font-weight:bold  }

#fermepage { text-align:center }



/* ///////////////// FORMULAIRE ////////////// */
form { margin: 0 }
label { float: left; display: block; width: 120px; line-height: 26px;  }
input { border: 1px solid #ccc; background-color:#FFFFFF; font: 11px Verdana; color: #999; margin: 4px 0 4px 0 }
.form_contact { width: 230px; height: 16px }
.form_contact_area { width: 230px; height: 100px }
.submit { margin: 5px 0 0 95px !important; margin: 5px 0 0 93px; padding: 1px 4px 2px 4px !important; padding: 0;
		height: 18px; font: 11px Arial, Helvetica, sans-serif; color: #999; border: 1px solid #999;
		background-color: #e6e6e6 }
.checkbox { border: none; margin: 0 }
		
/* ////////////// Google map /////////////// */
#map { width: 500; height: 300px; padding : 10px; border : 1px solid #1B5EA8 }


/*----------------------------  Image Défile  ----------------------------*/
.Jdiapo, .Jdiapo li { list-style:none; margin:0; padding:0 }
/*---------------*/