@charset "UTF-8";
/*
	---------------------------------
	S'applique a tous les elements
	-----------------------------------
*/
* {
	margin:0;
	padding:0;
}
/*
	---------------------------------
	S'applique au document
	-----------------------------------
*/
html {
	font-family:Comic sans MS, Verdana, Geneva, helvetica, sans-serif;
	background:#333 url(/styles/images/bande-sable.png) repeat-y top center;
	font-size:18px;
	color:#005172;
}
body {
	width:1004px;
	min-height:800px;
	_height:800px;
	background:#D2BC93 url(/styles/images/fond-decor.png) no-repeat top left;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
}
/*
	---------------------------------
	Balises génériques
	-----------------------------------
*/
ul,li {
	list-style-type:none;
}
h1 {	/* Titre des pages */
	font-size:25px;
	color:RGB(119,99,84);
	text-align:right;
	margin-bottom:10px;
}
h2 {
	font-size:18px;
	color:#C03;
}

a {
	text-decoration:none;
	color:white;
}
img {
	border:none;
}
p {
	font-size:12px;
}
/* Titre des rubriques */
h1.soustitre {
	font-size:21px;
	color:#fff;
	margin-bottom:10px;
	text-align:left;
}
h1.txtLeft {
	text-align:left;
}
#info-accueil h1.soustitre
{
	margin-bottom:0;
}
/*
	---------------------------------
	Classes generiques
	-----------------------------------
*/
.txtCenter {
	text-align:center;
}
.txtLeft {
	text-align:left;
}
.txtRight {
	text-align:right;
}
.spacedTop {
	margin-top:20px;
}
.spacedBottom {
	margin-bottom:20px;
}
.mediumSpacedTop {
	margin-top:10px;
}
.mediumSpacedBottom {
	margin-bottom:10px;
}
.smallSpacedTop {
	margin-top:5px;
}
.smallSpacedBottom {
	margin-bottom:5px;
}
.stdSpacedLeft {
	margin-left:20px;
}
.nocss {
	display:none;
}
/*
	---------------------------------
	Elements du modele
	-----------------------------------
*/
#header {
	height:408px;
}
#logo {
	position:absolute;
	top:9px;
	left:557px;
}
#menu li a {
	position:absolute;
	display:block;
	text-align:center;
}
#menu li a.selected {
	background-position:top right;
}
#menu li a.normal {
	background-position:top left;
}
#menu li a span.nocss {
	display:none;
}
#accueil {
	z-index:10;
	top:234px;
	left:401px;
	width:107px;
	height:165px;
	background-image:url(/styles/images/transats-accueil.png);
}
#jetski {
	z-index:9;
	top:234px;
	left:532px;
	width:107px;
	height:164px;
	background-image:url(/styles/images/transats-jetski.png);
}
#groupes {
	z-index:8;
	top:134px;
	left:219px;
	width:91px;
	height:141px;
	background-image:url(/styles/images/transats-groupes.png);
}
#moteur {
	z-index:7;
	top:124px;
	left:337px;
	width:91px;
	height:140px;
	background-image:url(/styles/images/transats-moteur.png);
}
#occasion {
	z-index:6;
	top:138px;
	left:451px;
	width:91px;
	height:141px;
	background-image:url(/styles/images/transats-occasion.png);
}
#kayak {
	z-index:5;
	top:194px;
	left:700px;
	width:73px;
	height:112px;
	background-image:url(/styles/images/transats-kayak.png);
}
#contact {
	z-index:4;
	top:214px;
	left:793px;
	width:73px;
	height:112px;
	background-image:url(/styles/images/transats-contact.png);
}
#activites {
	z-index:3;
	top:201px;
	left:877px;
	width:73px;
	height:112px;
	background-image:url(/styles/images/transats-activites.png);
}
#presentation {
	position:absolute;
	top:52px;
	left:7px;
	width:186px;
	height:95px;
}
#ouverture {
	position:absolute;
	top:218px;
	left:24px;
	width:168px;
	height:190px;
}
#titrepage {
	position:absolute;
	width:345px;
	height:41px;
	z-index:11;
	left: 659px;
	top:371px;
	text-align:right;
}
#realisation {
	position:absolute;
	right:10px;
	bottom:0;
	color:#fff;
	font-size:12px;
}
#realisation a {
	text-decoration:none;
}
#realisation a:hover {
	color:#C03;
}
/*
	---------------------------------
	Elements du contenu
	-----------------------------------
*/
#content {
}
/* Blocs d'info */
.bloc {
	border:2px dotted #fff;
	padding:0 20px 5px 20px;
	background:transparent url(/styles/images/opaque.png) top left repeat;
}
.note {
	padding:5px;
	background-color:white;
	border:3px dotted #D2BC93;
	color:#C03;
}
.next {
	margin-top:20px;
}
.centered {
	margin-left:auto;
	margin-right:auto;
}
/* Table des tarifs */
table {
	text-align:center;
	font-size:14px;
	color:#D2BC93;
}
tr {
	padding:4px;
	background-color:#005172;
}
#kayakdeux td {
	padding:4px;
}
th {
	width:86px;
	padding:4px;
	color:#FFF;
	background-color:#005172;
	border-collapse:none;
}
table .ligne {
	background-color:#006699;
}
/* Liens zone de navigation et conditions de location */
p.liens {
	margin-top:5px;
	text-align:right;
	font-size:12px;
	color:#fff;
}
p.liens a {
	color:#C03;
	text-decoration:none;
}
/* Photos encadrees */
img.photoStdVertical {
	width:236px;
	height:315px;
	padding:16px 15px 15px 17px;
	background:transparent url(/styles/images/cadre-deco-centre-verti.png) no-repeat top left;
}
img.photoStdHorizontal {
	width:315px;
	height:236px;
	padding:16px 15px 17px 15px;
	background:transparent url(/styles/images/cadre-deco-centre.png) no-repeat top left;
}
img.photoMediumHorizontal {
	width:250px;
	height:187px;
	padding:12px 12px 12px 11px;
	background:transparent url(/styles/images/cadre-deco-kayak-hori.png) no-repeat top left;
}
img.photoSmallVertical {
	width:152px;
	height:203px;
	padding:10px 10px 9px 9px;
	background:transparent url(/styles/images/cadre-deco-moyen-verti.png) no-repeat top left;
}
img.photoSmallHorizontal {
	width:203px;
	height:152px;
	padding:10px 10px 9px 9px;
	background:transparent url(/styles/images/cadre-deco-moyen-hori.png) no-repeat top left;
}
img.photoXSmallVertical {
	width:114px;
	height:152px;
	padding:7px;
	background:transparent url(/styles/images/cadre-deco-xsmall-verti.png) no-repeat top left;
}
img.photoXSmallHorizontal {
	width:152px;
	height:114px;
	padding:7px;
	background:transparent url(/styles/images/cadre-deco-xsmall-hori.png) no-repeat top left;
}
/* Video */
.video {
	width:320px;
	height:270px;
	background:transparent url(/jetski/cadre-deco-video.png) no-repeat;
	padding:14px 14px 14px 14px; 
}
/*galerie*/
ul.galerie img {
	border:none;
	width:120px;
	height:90px;
		padding:1px;
		
}
ul.galerie li {
	float:left;
	list-style-type:none;
	width:122px;
	height:92px;
}
ul.galerie li a {
}
ul.galerie {
	width:488px;
	height:368px;
	list-style-type:none;
	background:transparent url(/seminaires-groupes/cadre-deco-galerie.png) no-repeat;
	padding:20px 20px 20px 21px;
}

#amis {
text-align:center;
color:#D2BC93;
 }
 
#amis td {
padding:10px 20px 0 20px;
background-color:#D2BC93;
color:RGB(0,81,114);
width:160px;


}