@charset "utf-8";
body, ul, p, h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #CAD9EF;
	background-image: url(../images/fond.jpg);
}
a:active, a:focus { outline:none; }
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #003366;
}
a:active {
	text-decoration: none;
	color: #003366;
}
h1, h2, h3,  p {
	padding-bottom: 10px;
}

h1 {
	font-size: 14px;
}
h3 {
	text-align: center;
}
img {
	border-style: none;
}

#bandeau {
	background-image: url(../images/bandeau01.jpg);
	height: 351px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-position: 5px 8px;
	background-repeat: no-repeat;
}
#bandeau #cote-orange {
	background-image: url(../images/cote-orange.png);
	height: 334px;
	width: 268px;
	position: absolute;
	top: 8px;
	right: 5px;
}

#bandeau #mer-nature {
	background-image: url(../images/mer-et-nature.png);
	position: absolute;
	height: 123px;
	width: 310px;
	top: 183px;
	right: 180px;
}
#bandeau #hublot {
	background-image: url(../images/hublot.png);
	height: 351px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 3px;
}
#bandeau #flash {
	position: absolute;
	left: 5px;
	top: 8px;
}

#bandeau #logo {
	height: 360px;
	width: 500px;
	position: absolute;
	top: 10px;
	left: 0px;
}
#bandeau  #photo a {
	background-image: url(../images/photo.png);
	height: 45px;
	width: 90px;
	position: absolute;
	top: 30px;
	right: 20px;
	background-repeat: no-repeat;
}
#bandeau #galeries {
	height: 20px;
	width: 90px;
	position: absolute;
	top: 80px;
	right: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
#bandeau  #video a {
	background-image: url(../images/video.png);
	height: 45px;
	width: 90px; 
	position: absolute;
	top: 105px;
	right: 20px;
}


#menu {
	height: 53px;
	list-style: none;
	position: absolute;
	top: 278px;
	left: 270px;
}
#menu   li  {
	display: inline;
}
#menu a {
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/menu-off.png);
	background-repeat: no-repeat;
	background-position: 0px 16px;
	height: 37px;
	width: 96px;
	padding-top: 16px;
	line-height: 37px;
	padding-right: 3px;
}
#menu a:hover,
#bienvenue #menu-bienvenue a,
#actualites #menu-actualites a,
#offres #menu-offres a,
#kivog #menu-kivog a,
#echos #menu-echos a,
#contact #menu-contact a,
#partenaires #menu-partenaires a {
	background-image: url(../images/menu-on.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 5px;
	height: 48px;
	color: #054f9e;
}
#menu #menu-kivog a {
	line-height: 14px;
	height: 31px;
	padding-top: 22px;
}
#kivog #menu-kivog a,
#menu #menu-kivog a:hover {
	height: 42px;
	padding-top: 11px;
}
#contenu {
	background-image: url(../images/fond-contenu.jpg);
	background-repeat: repeat-y;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 30px;
	border-top: 0px solid #1d2260;
	border-right: 1px solid #1d2260;
	border-bottom: 0px solid #1d2260;
	border-left: 1px solid #1d2260;
	background-position: -1px 0px;
	background-color: #f5f7fb;
}
#contenu #milieu {
	background-image: url(../images/infos-contenu.jpg);
	background-repeat: repeat-y;
}

#contenu #contenu-droit {
	float: right;
	width: 696px;
}
#contenu #contenu-droit .image-droite {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
#contenu #contenu-droit .image-gauche {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
.image-droite-echos,
.image-gauche-echos {
	float: right;
	background-image: url(../images/ombre-250x188.png);
	padding-bottom: 8px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	background-position: left bottom;
}
.image-gauche-echos {
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}

#contenu #milieu #contenu-droit #fort-boyard-hublot {
	float: right;
	height: 332px;
	width: 338px;
	position: relative;
}
#contenu #milieu #contenu-droit #fort-boyard-hublot #flash-infos {
	position: absolute;
	left: 82px;
	top: 200px;
	z-index: 10;
}
#contenu  #milieu  #contenu-droit  #fort-boyard-hublot  #reve  {
	height: 172px;
	width: 399px;
	position: absolute;
	left: -41px;
	bottom: -35px;
}
#contenu #milieu #contenu-droit #fort-boyard-hublot #son {
	position: absolute;
	height: 60px;
	width: 32px;
	/* top: -160px*/
	top: -470px;
	right: 15px;
}



#contenu  #milieu  #contenu-droit  #camion {
	background-image: url(../images/camion.png);
	float: right;
	height: 163px;
	width: 353px;
}
#contenu #milieu #contenu-droit #montage-echos {
	background-image: url(../images/echos.png);
	float: right;
	height: 346px;
	width: 295px;
}
#contact1, #contact2, #contact3 {
	background-image: url(../images/tir-a-larc.png);
	float: right;
	height: 211px;
	width: 165px;
}
#contact2 {
	background-image: url(../images/chars-a-voile.png);
}
#contact3 {
	background-image: url(../images/contact-rallye.png);
	height: 170px;
	width: 224px;
}
#contenu-droit   .partenaires-centre,
#contenu-droit   .partenaires-gauche,
#contenu-droit   .partenaires-droit {
	width: 327px;
	border: 1px solid #003366;
	background-color: #FFFFFF;
	float: left;
	margin-left: 180px;
	text-align: center;
	padding: 3px;
	margin-bottom: 20px;
}
#bienvenue #contenu-droit h1 {
	text-align: center;
	color: #7E7E86;
	font-size: 18px;
	width: 330px;
	margin-bottom: 0px;
	background-image: url(../images/titre-accueil.png);
	height: 109px;
	padding: 10px 0px 0px;
	background-repeat: no-repeat;
	margin-left: 10px;
}
#bienvenue #contenu-droit h2 {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 0px;
	padding-top: 20px;
}
#bienvenue  #contenu-droit h3 {
	font-size: 14px;
	padding-top: 20px;
}
#bienvenue #contenu-droit p {
	font-size: 14px;
}


#contenu-droit .partenaires-gauche {
	margin-left: 0px;
}
#contenu-droit  .partenaires-droit {
	margin-left: 0px;
	float: right;
}
#contenu-droit   .partenaires-gauche   p,
#contenu-droit   .partenaires-centre   p,
#contenu-droit   .partenaires-droit   p {
	padding-top: 10px;
	padding-bottom: 10px;
}
#contenu-droit   .partenaires-gauche   a,
#contenu-droit   .partenaires-centre   a,
#contenu-droit   .partenaires-droit   a {
	font-style: italic;
	font-weight: bold;
}
.filets {
	letter-spacing: -2px;
}

#contenu-droit hr {
	width: 100%;
	margin: 5px 0px;
}
.partenaires-droit hr {
	margin: 0px;
	padding: 0px;
}


#contenu   .orange    {
	color: #DD5500;
}
#contenu  .orange  a    {
	color: #DD5500;
}

#contenu-droit ul {
	padding-bottom: 10px;
}
#contenu #contenu-droit li {
	margin-left: 20px;
	padding-top: 7px;
}
#contenu   #contenu-droit   img.alignement-droit  {
	float: right;
	border: 2px solid #1d2966;
	margin-bottom: 10px;
	margin-left: 10px;
}
#contenu    #contenu-droit    #image-logo-horizontal    {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/logo-horizontal.png);
	height: 61px;
	width: 220px;
	background-repeat: no-repeat;
}
#contenu #contenu-droit .separateur {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	width: 200px;
	padding: 0px;
	margin: 10px auto 20px;
	border-top: 1px solid #003366;
	clear: both;
}
#rallye-nautique {
	background-image: url(../images/offres/rallye-nautique.jpg);
}
#naviagtion-au-couchant {
	background-image: url(../images/offres/navigation-au-couchant.jpg);
}
#evasion-oceane {
	background-image: url(../images/offres/evasion-oceane.jpg);
}
#fete-nautique {
	background-image: url(../images/offres/fete-nautique.jpg);
}
#chasse-au-tresor {
	background-image: url(../images/offres/chasse-au-tresor.jpg);
}
#safari-nature {
	background-image: url(../images/offres/safari-nature.jpg);
}
#escales-de-charme {
	background-image: url(../images/offres/escales-de-charme.jpg);
}





#journees-multi-activites {
	background-image: url(../images/offres/journees-multi-activites.jpg);
}


.offres {
	height: 1133px;
	width: 647px;
	margin-right: auto;
	margin-left: auto;
}
.offres .fiche-recto {
	height: 380px;
	width: 320px;
	margin-top: 720px;
	float: left;
}
.offres .fiche-verso {
	height: 750px;
	width: 320px;
	float: left;
}
.offres h1 {
	text-indent: -1000px;
}
.offres h2,
.offres h3,
.offres p {
	color: #FFFFFF;
	font-size: 18px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}
.offres .fiche-verso p {
	font-size: 14px;
}
.offres .gras {
	font-size: 16px;
	font-weight: bold;
}







#contenu #contenu-gauche {
	float: left;
	width: 227px;
}
#contenu-gauche #entente {
	background-image: url(../images/infos-haut.jpg);
	height: 37px;
	width: 227px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#contenu-gauche #contenu-infos {
	width: 213px;
	padding-right: 10px;
	padding-left: 6px;
	text-align: center;
}
#contenu-gauche #contenu-infos img {
	border: 1px solid #1d2966;
}

#contenu-gauche #contenu-infos a:hover img {
	border: 1px solid #00CC66;
}
#contenu-gauche ul {
	list-style: none;
}

#contenu-gauche li a {
	background-image: url(../images/bouton-offres-off.png);
	display: block;
	height: 35px;
	width: 214px;
	line-height: 27px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#contenu-gauche li a:hover,
.menu-chasse-au-tresor #menu-chasse-au-tresor a,
.menu-rallye-nautique #menu-rallye-nautique a,
.menu-navigation-au-soleil-couchant #menu-navigation-au-soleil-couchant a,
.menu-evasion-oceane #menu-evasion-oceane a,
.menu-fete-nautique #menu-fete-nautique a,
.menu-safari-nature #menu-safari-nature a,
.menu-journees-multi-activites #menu-journees-multi-activites a,
.menu-escales-de-charme #menu-escales-de-charme a {
	background-image: url(../images/bouton-offres-on.png);
	text-decoration: none;
	cursor:pointer;
}



#contenu #contenu-bas {
	clear: both;
	background-image: url(../images/infos-bas.jpg);
	height: 15px;
	background-repeat: no-repeat;
}
#contact #contenu-infos p {
	text-align: justify;
	padding-right: 4px;
	padding-left: 4px;
}

#contenu .bouton,
#contenu .bouton a {
	background-image: url(../images/bouton-off.png);
	height: 34px;
	width: 185px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	color: #003366;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	clear: both;
	display: block;
	text-decoration: none;
}
#contenu .bouton a {
	position: relative;
}
#contenu .bouton  a:hover {
	background-image: url(../images/bouton-on.png);
}

.label  {
	display: block;
	width: 155px;
	float: left;
	padding-top: 4px;
	text-align: right;
	padding-right: 5px;
}
.message {
	font-weight: bold;
	color: #FF0000;
	margin-top: 0;
	padding: 0 0 0 165px;
}
#nom, #residence, #sujet, #entreprise, #responsable {
	text-transform: uppercase;
}
#prenom  {
	text-transform: capitalize;
}

fieldset {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}
fieldset p {
	padding: 10px;
}

legend {
	color: #003366;
}

.label2 {
	display: block;
	width: 200px;
	padding-top: 4px;
	float: left;
	padding-left: 5px;
}


.champs {
	width: 250px;
}
.champs2 {
	width: 500px;
	margin-top: 5px;
}

.champs-commentaires {
	width: 350px;
}

.nombre {
	width: 30px;
}
.centre {
	text-align: center;
}
.david {
	text-align: center;
	margin-top: 40px;
}




#pied {
	line-height: 30px;
	height: 30px;
	width: 998px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	text-align: center;
	border-top: 0px solid #1d2260;
	border-right: 1px solid #1d2260;
	border-bottom: 0px solid #1d2260;
	border-left: 1px solid #1d2260;
	background-color: #9bc1e3;
}
#pied a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#pied a:hover {
	text-decoration: underline;
}

#pied-ombre {
	background-image: url(../images/pied-ombre.gif);
	background-repeat: repeat-x;
	height: 9px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#diaporama-photos {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 5000px;
}
#fermer {
	position: absolute;
	top: 10px;
	right: 20px;
}
#fermer a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.mentions {
	display: block;
	font-weight: bold;
	width: 120px;
	text-align: right;
	float: left;
	padding-right: 3px;
}
#pneumatique, #location, #sponsoring {
	display: none;
}