body 	{ margin: 0; padding: 0;
		background: #a9b7bf; font-family: arial, sans-serif; font-size: 80%;}
#page 	{ width: 927px; margin: auto; }

#header h1 a	{ height: 182px; display:block; text-decoration:none; text-indent:-9999px;
			  background: url("css/img/header.jpg") no-repeat; }

/*NAVIGATION*/			  
#navigation 		{ position: absolute; top: 199px;}
#navigation ul 	{ overflow: hidden; margin: 0; padding: 0; }
#navigation li 	{ float: left; list-style: none; }
#navigation  #accueil-actif			{ width: 144px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-accueil-actif.jpg") no-repeat; }
#navigation  #accueil a				{ width: 144px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-accueil.jpg") no-repeat; }
#navigation  #accueil a:hover			{ background: url("css/img/btn-accueil-actif.jpg") no-repeat; }
#navigation  #destinations a			{ width: 179px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-destinations.jpg") no-repeat; }
#navigation  #destinations a:hover	{ background: url("css/img/btn-destinations-actif.jpg") no-repeat; }
#navigation  #destinations-actif		{ width: 179px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-destinations-actif.jpg") no-repeat; }
#navigation  #vehicules a				{ width: 151px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-vehicules.jpg") no-repeat; }
#navigation  #vehicules a:hover		{ background: url("css/img/btn-vehicules-actif.jpg") no-repeat; }
#navigation  #vehicules-actif		{ width: 151px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-vehicules-actif.jpg") no-repeat; }
#navigation  #reservation a			{ width: 141px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-reservation.jpg") no-repeat; }
#navigation  #reservation a:hover		{ background: url("css/img/btn-reservation-actif.jpg") no-repeat; }
#navigation  #reservation-actif		{ width: 141px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-reservation-actif.jpg") no-repeat; }
#navigation  #contact a				{ width: 120px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-contact.jpg") no-repeat; }
#navigation  #contact a:hover			{ background: url("css/img/btn-contact-actif.jpg") no-repeat; }
#navigation  #contact-actif		{ width: 120px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/btn-contact-actif.jpg") no-repeat; }
#navigation  #nav					{ width: 192px; height: 24px; display:block; text-decoration:none; text-indent:-9999px;
									background: url("css/img/nav.jpg") no-repeat; }
						
/*CONTENT*/
#content 	{ padding: 25px 40px 40px; overflow: hidden;
			background: url("css/img/border.gif") repeat-y; }
table td 		{ width: 50%; }
h3 			{ color: #0b4e89; font-size: 1.3em; }
strong		{ color: #0b4e89; }
h4 			{ color: #3d80ad; font-weight: bold; }
td p 			{ margin-top: 0; }
legend		{ margin: 5px 0; color: #3d80ad; font-weight: bold;}
fieldset		{ border: 1px solid #3d80ad; padding: 5px 10px; }

.destinations h3 			{ width: 405px; margin: 5px 0; }
.destinations #content li		{ padding: 5px 15px 25px 0; float: left; list-style: none; 		  overflow: hidden; }
.destinations #content li img    { padding: 5px 15px 10px 0; float: left; }
.destinations #content li li 	{ padding: 0 0 5px;  		float: none; list-style: disc inside; overflow: visible; }
.destinations #content ul		{ padding: 0; overflow: hidden; }

.vehicules #content #img { padding: 3px 0 0; border-top: 2px solid #3d80ad; border-bottom: 2px solid #3d80ad; }

.reservation #content h3									    { margin: 5px 0; }
.reservation #content h4									    { margin: 20px 0 5px; }
.reservation #content p									    { margin: 0 0 10px; }
.reservation #content form								    { margin: 0 0 30px; }
.reservation #content table  fieldset				{ width: 381px; margin-right: 10px; }
.reservation #content table fieldset#voyage			{ width: 358px; border: 1px solid #3d80ad; padding: 5px 10px; }
.reservation #content table div 														          { padding: 3px 0; }
.reservation #content table input				{ width: 134px; }
.reservation #content table input#cp			{ width: 40px; }
.reservation #content table input#adresse		{ width: 235px; }
.reservation #content table input.tel			{ width: 100px; margin-right: 21px;}
.reservation #content table input#ville			{ width: 152px; }
.reservation #content table input#email			{ width: 330px; }
.reservation #content table input#numvol		{ width: 73px; }
.reservation #content table input#gare			{ width: 259px; }
.reservation #content table strong				{ width: 80px;  margin-right: 20px; }
.reservation #content table #nbre							    { margin-top: 8px; }
.reservation #content table #siegeenfant					    { margin-right: 14px; }
.reservation #content table #nbreadult						    { margin: 0 34px 2px 26px; }
.reservation #content table input.date			{ width: 71px; }
.reservation #content table input.heure			{ width: 71px; }
.reservation #content table input.nbre			{ width: 20px; }

.contact #content table td#texte 	{ width: 500px; }
.contact #content table td form p	{ width: 100px; clear: both; margin-bottom: 2px; }
.contact #content table p.coordo	{ width: 45px; text-align: right; float: left; clear: both; }
.contact #content table input		{ width: 330px; margin: 0 0 3px 5px; }
.contact #content table div input		{ width: auto;}
.contact #content table textarea		{ width: 380px; }


/*FOOTER*/
#footer 		{ width: 927px; height: 49px; padding: 0 40px;
			background: url("css/img/footer.gif") no-repeat; }
#footer table { position: relative; top: -10px;}
#footer td      { width: auto; padding: 0 25px 0 0; }