@charset "iso-8859-1";
/**********************************************************************************************
	Titre: JETSKI (créé gracieusement pour Seb et Alix)
	Auteur: Ixtenso SARL ::> Et c'est encore môssieur TofF qui s'y colle... ;o)
	Auteur url: http://www.ixtenso.fr (ne visitez pas : y a qu'une page)
	Date: Mai 2010
***********************************************************************************************
==============================================================================================*/

/* R.A.Z de près, compteurs au vert ------------------------------------------------------------------------------*/


html , body  {
margin: 			0;
padding: 			0;
height : 100%; 
line-height : 1; 
color : #4a402e;
background: 		url('../design/jet-ski.jpg');
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:100%;
} 
* {
margin: 			0;
padding: 			0;
border: 			0;
outline: 			0;
vertical-align: 	baseline;
}
a:link {
	color : #4a402e;
	text-decoration:none;
}
a:hover {
	color : #877656;
	text-decoration:underline;
}
a:visited {
	color : #4a402e;
	text-decoration:none;
}

p {margin: 0 0 12px 0;font-size:1em}

/* Général  ------------------------------------------------------------------------------*/

h1  {font-size:24px; font-weight:bold; margin: 4px 0 24px 0}
h2 {font-size:18px;margin: 0 0 2px 0; font-weight:bold;}
h3 {font-size:12px;margin: 0 0 12px 0; font-weight:bold;}
.gras-orange{
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;font-weight:bold;text-align:center;
		color:#a0360b;
	}
:focus {
outline: 			0;
}
ol, ul {
list-style: 		none;
}

a:active, a:focus{
	outline:none;
}
/* Menu du site ------------------------------------------------------------------------------*/

#menu {
	width:1000px;
	height:52px;
	margin:0 auto;
	padding: 13px 0 0 0;
	background: url('../design/menu-jetski.jpg') no-repeat;
}
#navlist{
width:990px;
height:50px;
margin:  0 auto;
text-align: center;
padding: 0;
text-indent: 0;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
float:left;

}

#navlist li a
{
	width:110px;
height:41px;
display: block;
letter-spacing: -1px;
text-decoration: none;
color: #363128;
font-size: 1.2em;
font-weight:bold;
padding: 9px 0 0 0;
}

#navlist li a:hover,#navlist a#current
{
	width:110px;
height:39px;
display: block;
letter-spacing: -1px;
padding: 11px 0 0 0;
color:#ffffff;
font-size: 1.0em;
	background: url('../design/bg-menu.jpg') no-repeat;
}
.separ {
	width:1px;
	height:35px;}

a.linkin {color:#000; text-decoration:none}
a:hover.linkin,a:visited.linkin {color:#ccc; text-decoration:underline}
	

/* Blocks du site ------------------------------------------------------------------------------*/

#site { /* le site central, avec tout le contenu */
position:relative;
	height:auto!important;
	min-height:100%;
	height:100%;
	width:100%;
margin: 				0 auto;
padding: 			0;
	background: url('../design/jetski-var.jpg') no-repeat top center;
}

#logo { /* le logo lien home */
width: 					1000px;
height: 		157px;
margin: 				0 auto;
padding: 			0;
border:none;
}
#open { /* zone pour modifier open/closed */
width: 					1000px;
height: 		125px;
margin: 				0 auto;
padding: 			0;
border:none;
}

#contenu { /* contenu du site */
clear:both;
	background: url('../design/top-jetski.jpg') no-repeat top center;
width: 					1000px;
margin: 				0 auto;
padding: 			36px 0 80px 0;
border:none;
}

#gauche {
	float:left;
	width:660px;
	margin:0 0 0 0px;
	padding:0;
}
#gauche p {margin: 0 0 12px 0;font-size:1em}

#droite {
	float:right;
	width:300px;
	margin:0 0px 0 0;
	padding:0;
}

#tarif-top { 
width: 					300px;
height: 		65px;
margin: 				0 auto;
padding: 			0;
}
.tarifs { /* bloc tarifs index */
background: 		#023d6a url('../design/prix-randonnees-jetski.jpg') no-repeat center top;
width: 					300px;
height: 		63px;
display:block;
margin: 				0 auto;
padding: 			0;

}
.tarifs .prix {
	float:left;
	width:100px;
	height:63px;
	display:inline;
	vertical-align: middle;
line-height:63px;
		margin:0;padding:0px 0 0 10px;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:32px;
		color:#a0360b;
	}
.tarifs .rando {
		float:right;
	width:180px;
		height:49px;
	display:inline;
	vertical-align: middle;
	margin:0;padding:14px 0 0 10px;
	font-weight:bold;
	font-size:1.2em;
	line-height:1em;

	}

#tarif-bot { /* le footer */
clear:both;
width: 					300px;
height: 		74px;
margin: 				0 auto;
padding: 			0;
}

.randonnees {
	float:left;
	width:220px;
	height:215px;
	display:inline;
	margin:0;padding:0;
	background:url('../design/randonnees-jetski.jpg') no-repeat center center;font-size:0.8em;line-height:0.9em
}
.randonnees p{ width:140px; height:140px;color:#000;font-weight:bold; padding: 50px 0 0 40px;text-align:center}
.jetschool {
	float:left;
	width:220px;
	height:215px;
	display:inline;
	margin:0;padding:0;
	background:url('../design/jet-school.jpg') no-repeat center center;font-size:0.8em;line-height:0.9em
}
.jetschool p{ width:140px; height:140px;color:#0c3b4d;font-weight:bold; padding: 48px 0 0 40px;text-align:center}
.location {
	float:left;
	width:220px;
	height:215px;
	display:inline;
	margin:0;padding:0;
	background:url('../design/location-jetski.jpg') no-repeat center center;font-size:0.8em;line-height:0.9em
}
.location p{ width:140px; height:140px;color:#215f11;font-weight:bold; padding: 50px 0 0 40px;text-align:center}

#bloc-jetschool {
	margin:20px 0 12px 0;
	float:left;
	display:inline;
	width:320px}
#bloc-jetschool h2{float:left;display:inline;line-height:12px}

#bloc-galerie {
		margin:20px 0 12px 0;
	float:right;
	display:inline;
	width:320px}
#bloc-galerie h2{float:left;display:inline;line-height:12px}

#bloc-rando h2{float:left;display:inline;line-height:12px}

#bloc-maxime h2{float:left;display:inline;line-height:12px}

.cadre-randos {
	width:660px;
	margin:0;
	padding:0;
	background:url('../design/fond-randonnees.jpg') repeat-y;
}
.cadre-randos p{padding:0 20px 0 20px}
.cadre-randos h2{padding:0 20px 6px 20px}
.tarif {display:block;float:left;width:78px;height:33px;margin:4px 12px 0 0;padding:2px 0 0 2px;background:url('../design/tarifs.jpg') no-repeat;font-family:"Arial Black", Gadget, sans-serif;font-size:24px;color:#a0360b;}
.descriptif{float:right;display:block;width:450px;margin:0 10px 0 0;padding:0;background:url('../design/fond-descriptif-randonnees.jpg')}

#googlemap {
	width:825px;
	height:625px;
	margin:0 auto;
	padding:0;
	background:url('../design/googlemap-centre.jpg') repeat-y;
}
#map {
	width:800px;
	height:600px;
	margin:0 auto;
	padding:0;
}

.location-jet {
	float:left;
	clear:both;
	display:block;
	width:660px;
	height:125px;
	margin:0 0 30px 0;
	padding:0;
	background:url('../design/location.jpg') no-repeat center center;
}
.location-jet h2{		color:#a0360b; font-size:24px}
.location-jet .left{
margin:10px 0 0 20px;
float:left;
display:inline;
width:460px;
font-weight:bold;
line-height:20px;
}
.location-jet .right{
float:left;
display:inline;
width:150px;
font-weight:bold;
padding: 22px 0 0 20px;
}

.jetschool-jet {
	float:left;
	clear:both;
	display:block;
	width:660px;
	height:125px;
	margin:0 0 30px 0;
	padding:0;
	background:url('../design/location.jpg') no-repeat center center;
}
.jetschool-jet h2{		color:#08687d; font-size:24px}
.jetschool-jet .left{
margin:10px 0 0 20px;
float:left;
display:inline;
width:460px;
font-weight:bold;
line-height:20px;
}
.jetschool-jet .right{
float:left;
display:inline;
width:150px;
font-weight:bold;
padding: 18px 0 0 16px;
}

#table-tarifs {width:660px;}
#table-tarifs td, tr {padding:8px 8px 8px 8px;border:0px solid #e5d7b0; border-collapse:collapse; border-spacing:12px}
.cat-tarifs {padding:0; margin:0;background:url('../design/bg-cat-tarifs.jpg') no-repeat top center; color:#fff; font-weight:bold; text-align:center}
.titre-tarifs {padding:0 0 0 4px; margin:0;background:url('../design/bg-titre-tarifs.jpg') repeat; color:#fff; font-weight:bold;text-align:center}
.texte-tarifs {padding:0 0 0 4px; margin:0;background:url('../design/bg-textes-tarifs.jpg') repeat; color : #4a402e;font-weight:bold;text-align:center}
.prix-tarifs {padding:0 0 0 4px; margin:0;background:url('../design/bg-textes-tarifs.jpg') repeat; font-weight:bold;color:#a0360b; font-family:Arial, Helvetica, sans-serif;font-size:18px;text-align:center}
.tarifs-bois {padding:0; margin:0;background:url('../design/bg-tarifs-plein2.jpg') no-repeat center center; font-weight:bold;color:#a0360b; font-family:Arial, Helvetica, sans-serif;font-size:18px;text-align:center}

#photos-jetski {
	display:block;
width:1000px;
height:100%;
margin:0 auto;padding:0;
background:url('../design/cadre-photo-centre.jpg') repeat-y;
overflow:visible;
}
#cadre-photos {
	display:block;
	height:600px;
	width:960px;
	overflow:visible;
margin:0 auto;padding:0;}

.vente-jetski {
	float:left;
width:660px;
margin:0;padding: 0;
background:url('../design/cadre-vente-centre.jpg');

}
.vente-jetski h2{
width:660px;
height:20px;
margin:0;padding: 0 0 0 70px;
background:url('../design/cadre-vente-top.jpg') no-repeat;
}

.vente-jetski-texte{
	float:left;
	display:inline;
width:350px;
margin:12px 20px 0 30px;padding: 0;
}
.vente-jetski-prix {
	display:block;
				color:#a0360b;
				height:45px;
				font-size:2em; font-weight:bold;
				background:url('../design/fond-prix-ventes.jpg') repeat-x;
		margin:6px 24px 6px 24px; padding: 6px 12px 0 12px;
		}
.vente-jetski-photo{
		display:block;
		float:right;
width:240px;
margin:0 20px 0 0;padding: 0;
	background:url('../design/fond-randonnees.jpg') repeat-y;
	text-align:center;
}
.vente-jetski-photo-liste{
	clear:both;
	display:inline;
width:620px;
margin:0 auto;padding: 0;
	background:url('../design/fond-randonnees.jpg') repeat-y;
}



.margefooter {clear:both; width:100%;height:80px;margin: 20px 0 0 0px}

#footer { /* le footer */
clear:both;
position:absolute;
bottom:0;
background:url('../design/footer-jetski.jpg') repeat-x top;
width:100%;
color:#000;
margin:0;padding:0;
}
#footer-in { /* le footer */
width: 					1000px;
margin: 				0 auto;
padding: 			30px 0 0 0;
}
#footer-in p {text-align:left; padding:0;}

#footer-left {
float:left;
width:320px;
color:#000;
margin: 0 20px 0 0;
padding:0;
}

#footer-center {
float:left;
width:320px;
color:#000;
margin: 0 20px 0 0;
padding:0;
}

#footer-right {
float:left;
width:320px;
color:#000;
margin: 0;
padding:0;
}

/* Positions ------------------------------------------------------------------------------*/

.aright {float:right; overflow:auto}
.bleft {float:left; overflow:auto}