@charset "UTF-8";
/*
//////// s applique a tous les elements /////////
*/
* {
	margin:0;
	padding:0;
}
html {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	color:#333366;
	line-height:normal;
}
/*
//////// s applique au document /////////
*/
body
{
	width:1004px;
	margin:0 auto;
	position:relative;
	background:#CCC url(/styles/images/fond/carte-pointilles.png) no-repeat top center;
}
/*
//////////balises generiques////////////
*/
ul,li {
	list-style-type:none;
}
a {
	text-decoration:none;
	color:#333366;
}
a:hover {
	color:rgb(191,4,24);
}
img {
	border:none;
}
h1 {font-size: 18px}
h2 {
	position:absolute;
	font-size:16px;
	color:#FFF;
	background:transparent url(/styles/images/angle-h2.png) no-repeat top right;
	text-align:left;
	margin-bottom:5px;
	padding:5px 43px 3px 5px;
	margin-left:477px;
	margin-top:11px;
		min-height:20px;
	}
h2.forlargebloc {
	margin-left:675px;
}
h2.special {
	margin-left:633px;
	margin-top:-27px;
}
h2.specialgalerie {
	margin-left:460px;
	margin-top:306px;
}
h2.specialcontact {
	margin-left:825px;
	margin-top:-28px;
}
h3 {
	font-size:12px;
	text-align:left;
	padding:3px 25px 3px 5px;
	color:#FFF;
	background:transparent url(/styles/images/angle-h3.png) no-repeat top right;
}
/*
//////////classes generiques////////////
*/
.nocss {
	display:none;
}
.txtCenter {
	text-align:center;
}
.txtRight {
	text-align:right;
}
.txtLeft {
	text-align:left;
}
.fontbulles {
	font-size:11px;
	color:#333366;
}
.important {
	color:rgb(191,4,24);
}
.sousmenu {
	font-size:14px;
	line-height:18px;
}
.spacedTop {
	margin-top:20px;
}
.spacedBottom {
	margin-bottom:20px;
}
.mediumSpacedTop {
	margin-top:10px;
}
.mediumSpacedBottom {
	margin-bottom:10px;
}
.smallSpacedTop {
	margin-top:5px;
}
.smallSpacedBottom {
	margin-bottom:5px;
}
.smallSpacedRight {
	margin-right:4px;
}
.largeSpacedBottom {
	margin-bottom:30px;
}
.largeSpacedTop {
	margin-top:30px;
}
.decobloc {
	background-color:#FFF;
	border:1px solid #6CF;
	padding:5px;
}
.spacebloc {
	padding:5px;
}
.spaceSpecial {
	margin-right:50px;
}
.imgpetitef {
	width:160px;
	height:180px;
}
.imgmoyennef {
	width:160px;
	height:320px;
}
.imggrandef {
	width:320px;
	height:640px;
}
.imgpetitei {
	width:180px;
	height:160px;	
}
.imgmoyennei {
	width:320px;
	height:160px;	
}
.imggrandei {
	width:640px;
	height:320px;	
}
.imgfloatright {
	float:right;
	padding:5px;
}
.pimgfloatright {
	float:right;
}
.pimgfloatleft{
	float:left;
	padding:5px;
}
.imgfloatleft {
	float:left;
	padding:5px;
}
.clearfloat {
	clear:both;
}
.fullwidth {
	width:964px;
}
.demibloc {
	width:465px;
}
.largebloc {
	width:665px;
}
/*
//////// elements du modele /////////
*/
#toile {
	min-height:800px;
	background:transparent url(/styles/images/fond/toile.jpg) repeat top left;
}
#cartes {
	width:1004px;
	min-height:800px;
	background:transparent url(/styles/images/fond/fond.png) no-repeat top left;
}
#header {
	width:1004px;
}
#logo {
	height:157px;
	width:310px;
	margin-top:17px;
	margin-left:11px;
	margin-right:28px;
	float:left;
}
.headeraccueil {
	height:181px;
	background-image:url(/styles/images/accueil/angles-header-bas.png);
}
.headerautrepage {
	height:200px;
	background-image:url(/styles/images/fond/fond-opaque-header.png);
}
#contenu {
	clear:both;
}
#footer {
	font-size:x-small;
	text-align:right;
	clear:both;
}
.contenuaccueil {
	width:1004px;
	height:619px;
}
.contenuautrepage {
	min-height:600px;
	background-image:url(/styles/images/fond/fond-opaque-contenu.png);
	width:964px;
	padding:0 20px;
}
#panneaubateau {
	z-index:2;
	position:absolute;
	height:40px;
	width:58px;
	top:494px;
	left:468px;
}
#panneauparking {
	position:absolute;
	height:22px;
	width:22px;
	top:540px;
	left:540px;	
}
#panneaunavette {
	position:absolute;
	height:42px;
	width:46px;
	top:402px;
	left:732px;	
}
#mancheair {
	position:absolute;
	height:18px;
	width:58px;
	top:538px;
	left:794px;
}
#typometeo {
	position:absolute;
	height:21px;
	width:70px;
	top:581px;
	left:849px;	
}
#filskite {
	position:absolute;
	height:476px;
	width:122px;
	top:224px;
	left:528px;
}
#aileecoleshop {
	position:absolute;
	height:58px;
	width:48px;
	top:200px;
	left:569px;	
}
#typoaileecole {
	position:absolute;
	height:26px;
	width:56px;
	top:189px;
	left:613px;	
}
#esperluette {
	position:absolute;
	height:15px;
	width:14px;
	top:219px;
	left:635px;	
}
#typoaileshop {
	position:absolute;
	height:30px;
	width:47px;
	top:230px;
	left:615px;	
}
#ailerdvnord {
	position:absolute;
	height:22px;
	width:28px;
	top:349px;
	left:624px;	
}
#typoailerdvnord {
	position:absolute;
	height:56px;
	width:58px;
	top:289px;
	left:634px;	
}
#ailerdvsud {
	position:absolute;
	height:14px;
	width:20px;
	top:690px;
	left:580px;	
}
#typoailerdvsud {
	position:absolute;
	height:58px;
	width:74px;
	top:699px;
	left:548px;	
}
#aileparking {
	position:absolute;
	height:14px;
	width:20px;
	top:644px;
	left:618px;	
}
#typoaileparking {
	position:absolute;
	height:41px;
	width:61px;
	top:652px;
	left:631px;	
}
/*///////////////menu///////////*/
#menu li a.normal {
	background-position:top center;
}
#menu li a:hover {
	background-position:top right;
}
#menu li a.selected, a:hover {
	background-position:top left;
}
#menu {
	float:left;
	width:584px;
	height:109px;
}
#menu li {
	float:left;
}
#menu li a {
	display:block;
	margin-left:22px;
}
#accueil {
	width:73px;
	height:109px;
	background-image:url(/styles/images/menu/planche-accueil.png);
}
#ecole {
	width:78px;
	height:109px;
	background-image:url(/styles/images/menu/planche-ecole.png);
}
#shop {
	width:77px;
	height:109px;
	background-image:url(/styles/images/menu/planche-shop.png);
}
#galerie {
	width:72px;
	height:109px;
	background-image:url(/styles/images/menu/planche-galerie.png);
}
#contact {
	width:77px;
	height:109px;
	background-image:url(/styles/images/menu/planche-contact.png);
}
#calendrier {
	width:75px;
	height:89px;
	background-image:url(/styles/images/menu/calendrier.png);
	margin-top:20px;
}
.marqueur {
	position:absolute;
	height:86px;
	width:50px;
	top:109px;
}
.positionaccueil {
	left:351px;
}
.positionecole {
	left:442px;
}
.positionshop {
	left:529px;
}
.positiongalerie {
	left:645px;
}
.positioncontact {
	left:744px;
}
.positioncalendrier {
	left:827px;
}
/*////////////ELEMENTS CONTENU ACCUEIL//////////*/
/*////////////elements apparents//////////*/
#cadrecontenu {
	float:left;
	width:339px;
	height:599px;
	background:transparent url(/styles/images/accueil/cadre-contenu.png) no-repeat top left;
	padding:10px 75px 10px 30px;
}
a.promolink {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
p.promotion {
	height:80px;
	background-color: rgb(191,4,24);
	color:#FFF;
	padding:5px;
}
p.promotion img.illustration {
	width:80px;
	height:80px;
	margin:0 5px;
	float:left;
	border:none;
}
#cadredroit {
	margin-left:849px;
	width:150px;
	height:426px;
}
#partenaires {
	width:150px;
	line-height:0;
}
#tele {
	margin-left:819px;
	width:143px;
	height:107px;
	background:transparent url(/styles/images/accueil/tele.png) no-repeat top left;
	padding:61px 15px 25px 17px;
}
/*////////////elements caches//////////*/
#markers {
	clear:both;
}
#textebateau {
	position:absolute;
	z-index:1;
	width:140px;
	height:76px;
	top:-128px;
	left:-50px;
	background:transparent url(/styles/images/accueil/bulles/bulle-bateau.png) no-repeat top center;
	padding:44px 10px 48px 10px;
}
#texteparking {
	position:absolute;
	z-index:1;
	width:132px;
	height:109px;
	top:-140px;
	left:-66px;
	background:transparent url(/styles/images/accueil/bulles/bulle-parking.png) no-repeat top center;
	padding:27px 11px 26px 11px;
}
#textenavette {
	position:absolute;
	z-index:1;
	width:194px;
	height:74px;
	top:-190px;
	left:-84px;
	background:transparent url(/styles/images/accueil/bulles/bulle-navette.png) no-repeat top center;
	padding:101px 14px 57px 14px;
}
#texteecoleshop {
	position:absolute;
	z-index:1;
	width:116px;
	height:89px;
	top:-62px;
	left:-106px;
	background:transparent url(/styles/images/accueil/bulles/bulle-ecoleshop.png) no-repeat top center;
	padding:19px 32px 24px 6px;
}
#texterdvnord {
	position:absolute;
	z-index:1;
	width:98px;
	height:90px;
	top:-78px;
	left:0;
	background:transparent url(/styles/images/accueil/bulles/bulle-rdvnord.png) no-repeat top center;
	padding:37px 17px 11px 30px;
}
#texteaileparking {
	position:absolute;
	z-index:1;
	width:93px;
	height:43px;
	top:-23px;
	left:-3px;
	background:transparent url(/styles/images/accueil/bulles/bulle-aileparking.png) no-repeat top center;
	padding:36px 5px 24px 5px;
}
#texterdvsud {
	position:absolute;
	z-index:1;
	width:117px;
	height:72px;
	top:-12px;
	left:-111px;
	background:transparent url(/styles/images/accueil/bulles/bulle-rdvsud.png) no-repeat top center;
	padding:40px 18px 10px 18px;
}
#cadremeteo {
	position:absolute;
	z-index:1;
	width:160px;
	height:290px;
	top:-245px;
	left:56px;
}
.bubble p, .bubble div {
	display:none;
}
.bubble:hover p, .bubble:hover div {
	display:block;
}
/*////////////ELEMENTS CONTENU AUTREPAGE//////////*/
#titrepage {
	width:133px;
	margin-left:5px;
	float:left;
}
.ecole {
	height:46px;
	background:url(/styles/images/titres/titre-ecole.png) no-repeat top left;
}
.shop {
	height:80px;
	background:url(/styles/images/titres/titre-shop.png) no-repeat top left;
}
.galerie {
	height:68px;
	background:url(/styles/images/titres/titre-galerie.png) no-repeat top left;
}
.contact {
	height:48px;
	background:url(/styles/images/titres/titre-contact.png) no-repeat top left;
}
.calendrier {
	height:49px;
	width:201px;
	background:url(/styles/images/titres/titre-calendrier.png) no-repeat top left;
}
#menuecole li, #menushop li, #menugalerie li {
	float:left;
	padding:33px 30px 0 4px;
}
#menuecole, #menushop, #menugalerie {
	height:51px;
	margin-left:138px;
}
.carre {
	list-style-image:url(/styles/images/carre.png);
}
.decoblocpetit {
		border:4px double #6CF;
		background-color:#FFF;
}
/*//////////////ECOLE//////////////*/
#parceque {
	position:absolute;
	width:623px;
	height:100px;
	top:101px;
	left:376px;
}
#menuecole {
	width:676px;
}
#menuecole li.withstar {
	padding:31px 10px 0 4px;
}
#drapeaux {
	float:right;
	width:160px;
}
#ecole_content {
}
#ecole_content h1 {
}
.drapeauxspaced {
	margin-right:160px;
}
#avis {
	float:right;
	width:290px;
	margin:100px 20px 0 0;
}
.o {
	color:#F90;
	font-size:11px;
}
#prix, #prix2, #prix3 {
	margin:auto;
	width:250px;
}
#prix td, #prix2 td, #prix3 td {
	color:#6CF;
	text-align:center;
	border:1px dotted #6CF;
	padding:2px;
	}
#prix th, #prix2 th, #prix3 th {
	border:1px dotted #6CF;
	color:#6CF;
	text-align:center;
	padding:2px;
	}
#tarifs{
	position:absolute;
	width:70px;
	top:352px;
	left:840px;
}
#tabletarifs, #tabletarifs2, #tabletarifs3 {
	float:right;
	margin-top:100px;
	width:252px
}
#tabletarifs p {
	color:#6CF;
	font-size:11px;
	margin-left:5px;
}
#duree{
	position:absolute;
	top:300px;
	left:440px;
}
#rdv {
	position:absolute;
	top:272px;
	left:900px;
}
/*//////////////initiation/////////////*/
#jours {
	width:964px;
	margin-top:30px;
}
#jours li{
	width:226px;
	height:520px;
	float:left;
}
#jours h3 {
	width:70px;
	margin-top:-26px;
	margin-bottom:5px;
	margin-left:13px;
}
/*//////////////course-wave/////////////*/
h3.special {
	width:130px;
	margin-left:20px;
}
#duree2{
	position:absolute;
	top:980px;
	left:440px;
}
/*//////////////downwind/////////////*/
#carte {
}
#parcours {
	border:1px solid #6CF;
	background:#333366;
	height:379px;
	width:439px;
	float:left;
}
#vivez {
	width:290px;
	margin-left:500px;
	height:375px;
}
/*/////////table////////////*/
#tableinfotarifs {
	width:350px;
}
#tableinfotarifs p {
	color:#6CF;
	font-size:11px;
	margin-left:5px;
}
#infotarifs {
	margin-left:20px;
	width:40px;
}
#infoprix {
	margin:auto;
	width:350px;
}
#infoprix td {
	color:#6CF;
	text-align:center;
	border:1px dotted #6CF;
	padding:2px;
	}
#infoprix th {
	border:1px dotted #6CF;
	color:#6CF;
	text-align:center;
	padding:2px;
	}
/*//////////////SHOP//////////////*/
#catalogue_content {
/*	clear:both;*/
}
#shop_content {
	/*clear:both;*/
}
#menushop {
	width:805px;
}
/*///////table////////*/
table.catalogue {
	border:1px solid #6CF;
	background-color:#FFF;
	margin:0 auto 10px auto;
	padding:0;
}
table.catalogue tr {
	margin:0;
	padding:0;
}
table.catalogue td {
	margin:0;
	padding:0;
	width:160px;
	vertical-align:top;
}
table.catalogue td h3.designation{
	width:130px;
	height:32px;
	overflow:hidden;
}
table.catalogue td img.bord {
	border:2px dotted #6CF;
	width:156px;
	height:156px;
	display:block;
}
table.catalogue td p.prix {
	padding:5px;
	text-align:right;
	color:#FFF;
	background-color:#F90;
	width:150px;
}
table.catalogue td p.promostar {
	background:#F90 url(/styles/images/shop/etoiles-promo.png) no-repeat center left;
}
/*////////////neoprene//////////////*/

/*////////////harnais et gilets//////////////*/	

/*/////////////GALERIE (photos)//////////////*/
#menugalerie {
	padding-left:20px;
}
#galerie_content {
	margin-top:20px;
}
#cadrephoto {
	height:509px;
	position:relative;
}
#cadrephoto li {
	float:left;
}
#cadrephoto h3 {
	width:90px;
}
#cadrephoto ul {
	position:absolute;
	z-index:1;
	width:964;
	padding:2px;
}
#cadreun {
	position:absolute;
	width:220px;
	height:46px;
	left:0;
	top:15px;
	background:url(/styles/images/galerie/cadre-un.png) no-repeat top left;
	padding:168px 2px 0 2px;
}
#cadredeux {
	position:absolute;
	width:122px;
	height:226px;
	left:240px;
	top:0;
	background:url(/styles/images/galerie/cadre-deux.png) no-repeat top left;
	padding:0 92px 0 12px;
}
#cadretrois {
	position:absolute;
	width:122px;
	height:182px;
	left:490px;
	top:17px;
	background:url(/styles/images/galerie/cadre-trois.png) no-repeat top left;
	padding:40px 0 0 108px;
}
#cadrequatre {
	position:absolute;
	width:116px;
	height:206px;
	left:743px;
	top:12px;
	background:url(/styles/images/galerie/cadre-quatre.png) no-repeat bottom left;
	padding:0 0 20px 100px;
}
#panorama {
	position:absolute;
	z-index:2;
	width:1004px;
	height:334px;
	top:195px;
	left:-20px;
}
#panoramanb {
	position:absolute;
	z-index:2;
	width:1004px;
	height:195px;
	top:605px;
	left:0;
}
#mur h3 {
	position:absolute;
	top:298px;
	left:834px;
	width:90px;
}
.margedmur{
 padding-right:107px;
}
.margegmur{
 padding-left:107px;
}
#suivant {
	padding-left:60px;
}
#precedent {
	margin-right:60px;
}
/*//////////videos/////////////*/
#galerie_videos {
}
#cadrevideo {
	height:509px;
	position:relative;
}
#panoramareflet {
	position:absolute;
	z-index:2;
	width:1004px;
	height:195px;
	top:334px;
	left:-20px;
}
/*/////////////CONTACT//////////////*/
#contact_content {
	clear:both;
}
#inscription {
	width:232px;
	text-align:center;
	float:right;
}
#inscription p {
	width:160px;
	margin-left:36px;
}
#mail {
}
#mail fieldset {
	width:310px;
	padding:2px 5px 5px 5px;
	background-color:#F90;
	border:0;
	color:#FFF;
}
#mail fieldset label.title {
	display:block;
	float: left;
	line-height:20px;
	width:115px;
	padding-right:10px;
	text-align:right;
}
#mail fieldset input {
	margin-top:3px;
	width:180px;
	border:none;
}
#mail fieldset textarea {
	width:300px;
	padding:5px;
	border:none;
	margin-top:3px;
}
#mail input.button {
	color:#FFF;
	background-color:#F90;
	padding:2px 0;
	margin-left:240px;
	width:60px;
	border:none;
}
#coordonnees {
	margin:10px 0 5px 0;
	height:230px;
	width:125px;
	background:url(/styles/images/contact/aile-petite.jpg) no-repeat bottom center;
}
#contenuhaut {
	padding-top:25px;
}
#contenubas {
	margin-top:95px;
}
#panoramasable {
	position:absolute;
	z-index:2;
	width:1004px;
	margin-left:-20px;
	height:165px;
	background:url(/images/contact/panorama-sable.jpg) no-repeat top left;
}
#logos {
	padding:10px 20px 5px 20px;
}
#logospartenaires {
	width:964px;
	margin:0 auto 10px auto;
	padding:0;
}
#logospartenaires tr {
	margin:0;
	padding:0;
}
#logospartenaires td {
	margin:0;
	padding:5px;
	text-align:center;
}
/*/////////calendrier//////////////*/
#imageCalendrier {
	position:relative;
	width:200px;
	height:200px;
	left:-138px;
	top:130px;
}
#calendrierIntro {
	width:135px;
}
table.annee {
	float:right;
	padding:5px;
}
table.annee tr {
	height:74px;
}
table.annee td {
	border:1px dotted #6CF;
	text-align:center;
	width:75px;
}
table.annee td a {
	font-weight:bold;
}
table.annee td.important a {
	color:rgb(191,4,24);
}
table.mois {
	margin:auto;
}
table.mois tbody tr {
	height:100px;
}
table.mois td {
	border:1px dotted #6CF;
	width:130px;
}
table.mois h3 {
	width:17px;
}
table.mois div {
	color:#6CF;
	height:75px;
	padding:5px;
	font-size:11px;
	overflow:hidden;
}
/*/////////remerciements////////////*/
#merci {
	width:294px;
	height:206px;
	padding:30px 3px 5px 3px;
}