/* CSS Document */

/* --------------------------------------------- styles globaux */

body {
	margin: 0px 0px 0px 0px; padding: 0;
	font-family: Arial, sans-serif; font-size: 62.5%;
	/*background-color: #9ACFEE;*/
	background-color: #102D56;
}

div {
	_height: 1%;
}

*{
	background-position:top left;
	background-repeat:no-repeat;
}

a img{
	border:none;
}

div#page {
	margin: 0px auto 0px auto;
	padding : 0;
	width: 1000px;
	border:solid 1px #FFF;
	overflow:auto;
	position:relative;
}
	div#header{
		margin:0;
		background-color: #18A2C8;
		width:100%;
	}

	div#headerCarte{
		position:absolute;
		z-index:900;
		padding:0;
		margin:0;
	}

/* --------------------------------------------- page interieure */

	div#contenu-int{
		margin:0;
	}

	div#contenu-int a{
		color:#102D56;
		font-weight:bold;
	}

    .un {
 			background-color:#D6EAFE;
		}
    .un-un-un {
 			background-image:url(../images/bg-int-3.jpg);
			background-repeat:repeat-y;
		}
    .deux-un {
 			background-image:url(../images/bg-int-2.jpg);
			background-repeat:repeat-y;
		}


		div#block-gauche,
		div#block-centre,
		div#block-droit {
			width:333px;
			overflow:hidden;
			float:left;
		}
		div#block-gauche-2 {
			width:666px;
			overflow:hidden;
			float:left;
		}
		div#block-centre-3 {
			overflow:hidden;
			width:999px;
		}

		div#block-gauche-600 {
			width:600px;
			overflow:hidden;
			float:left;
		}
		div#block-droite-400 {
			width:400px;
			overflow:hidden;
			float:left;
		}

		#contenu-int h2{
			margin:0;
			color:#FFF;
			font-size:1.6em;
x				width:100%;
			padding:5px 0px 5px 0px;
			display:block;
			/*background-image:url(../images/fondSousTitre.jpg);*/
			background-image:url(../images/fondSousTitre.jpg);
			/*background-color:#103468;*/
		}
			#contenu-int h2 img{
				vertical-align:middle;
				margin:0px 10px 0px 10px;
			}

		#contenu-int h3{
			font-size:1.4em;
			margin:18px 5px 0px 10px;
			color:#103468;
		}

		#contenu-int p{
			margin:10px 10px 5px 10px;
			font-size:1.2em;
		}

		#contenu-int p.ss-titre{
			color:#103468;
			font-weight:bold;
		}
			#contenu-int p.ss-titre a{
				color:#103468;
			}

		#contenu-int .plus-info{
			float:right;
			margin-top:0px;
		}
			#contenu-int .plus-info a:link,
			#contenu-int .plus-info a:visited{
				color:#F8310E;
				font-size:0.8em;
			}

			#contenu-int .plus-info a:hover{
				text-decoration:none;
			}

		#contenu-int img.image-gauche{
			float:left;
			margin:0 10px;
		}
		#contenu-int img.image-droite{
			float:right;
			margin:0 10px;
		}

			#contenu-int ul{
				font-size:1.2em;
				list-style-image:url(../images/puce-list.png);
			}
			#contenu-int ul ul{
				font-size:0.8em;
			}

			#contenu-int li{
				margin:0px 10px 0px 0px;
				padding:0;
			}


				table#caracteristique{
					margin:5px 0px 0px 5px;
					padding:0;
					font-size:1.2em;
					width:98%;
				}

					table#caracteristique th{
						padding-left:5px;
						margin:0;
						text-align:left;
						background-color:#7F9DCC;
						color:#FFF;
						width:50%;
					}

					table#caracteristique td{
						margin:0;
						padding-right:5px;
						text-align:right;
						background-color:#CEDCF4;
					}

/* --------------------------------------------- formulaires */

	.myForm{
	margin:0;
	padding:0;
	}

	.myForm *{
	}

	.myForm p {
		margin:0px;
		padding:0px;
		clear:left;
	}
	.myForm label.erreur	{
	  color:red;
	}

	.myForm .erreurLog {
	  color:red;
	}


	.myForm fieldset {
	  padding-bottom:10px;
	}

		.myForm legend {
		  padding:0 10px;
		}


	.myForm .formfield label {
		margin:5px 0;
		padding:0;
		display:block;
		width:240px;
		float:left;
	}

	.myForm .formfield span,
	.myForm .formfield input,
	.myForm .formfield select,
	.myForm .formfield textarea {
		display:block;
		float:left;
	}


	.myForm .formfield .i1 {
		width:150px;
	}
	.myForm .formfield .i2 {
		width:290px;
	}

	.myForm .center {
	  text-align:center;
	  padding:0px;
	}

	.CNIL {
	  display:block;
	  text-align:justify;
	  padding:15px 10px 10px 10px;
	  float:left;
	}

fieldset{
		margin:10px 10px 0px 10px;
		border:solid 1px #FFF;
	}

legend{
	font-size:1.2em;
	font-weight:bold;
	color:#103468;
}

.coordTxt{
	width:150px;
	float:left;
	padding:0;
	margin:0;
}

.plan{
	margin:0 0  5px 5px;
	float:right;
}


		div#formulaire_agent{
		position:absolute;
		left:40px;
		top:170px;
		width:900px;
		display:none;
		}

		div#formulaire_agent h3{
		font-size:1.8em;
		color:#FFF;
		text-align:center;
		margin-bottom:5px;
		}

		div#formulaire_agent .myForm div#formDroit{
			float:left;
			width:450px;
			margin:20px 0px 0px 0px;
			padding:0px 0px 10px 0px;
		}

		div#formulaire_agent .myForm label.erreur	{
		  color:#FF8484;
		}

		div#formulaire_agent.myForm .erreurLog {
		  color:#D40000;
		}

		div#formulaire_agent .bouton_form{
			margin:0px 0px 0px 350px;
			padding:10px 0px 0px 0px;
		}

		div#formulaire_agent .bouton_form input{
			margin:0px 5px;
		}

		div#formulaire_agent .myForm div#formGauche{
			float:left;
			margin:20px 0px 0px 0px;
			width:430px;
		}

		div#formulaire_agent p {
			margin:5px 0px 0px 0px;
			padding:0;
			clear:left;
			color:#FFF;
			text-align:center;
		}

		div#formulaire_agent .myForm label {
			margin:5px 3px;
			padding:0;
			display:block;
			width:160px;
			float:left;
			text-align:left;
		}

		div#formulaire_agent .myForm span,
		div#formulaire_agent .myForm input,
		div#formulaire_agent .myForm select,
		div#formulaire_agent .myForm textarea {
			display:block;
			float:left;
		}


		div#formulaire_agent .myForm .i1 {
			width:130px;
		}

		div#formulaire_agent .myForm .i2 {
			width:250px;
		}

		div#formulaire_agent .myForm a,
		div#formulaire_agent .myForm a:visited{
		color:#FFF;
		text-decoration:underline;
		font-weight:bold;
		}

		div#formulaire_agent .myForm a:hover{
		color:#FFF;
		text-decoration:none;
		font-weight:none;
		}

		div#formulaire_agent a,
		div#formulaire_agent a:visited{
		color:#FFF;
		text-decoration:underline;
		text-align:center;
		font-weight:bold;
		}

		div#formulaire_agent a:hover{
		color:#FFF;
		text-decoration:none;
		}

		div#formulaire_agent .myForm .CNIL {
		  display:block;
		  text-align:justify;
		  padding:15px 10px 10px 10px;
		  float:left;
		}


/* --------------------------------------------- spécifique */

				div#img-histo{
					float:right;
					margin:40px;
				}
				div#img-roch{
					float:right;
					margin:10px;
				}
				div#img-lor{
					float:left;
					margin:10px;
				}
				div#diapo-choisir{
					margin:10px;
				}

        ol {
	       	color:#103468;
					font-size:1.3em;
					font-weight:bold;
				}
				ol li a:link,
				ol li a:visited{
					text-decoration:none;
					color:#103468;
					margin-left:0px;
				}

				ol li a:hover {
					text-decoration:underline;
				}

				.lien {
					clear:left;
					margin:20px;
				  padding:10px;
				  border:1px solid white;
				}
				
			

/* --------------------------------------------- footer */

		div#footer{
			clear:both;
			width:100%;
			color:#FFF;
			overflow:auto;
			background-color:#102D56;
			margin:0;
			padding:0;
			position:relative;
		}

			div#footer a{
			  font-weight:normal;
			}

			div#footer p{
				text-align:center;
				margin:8px 0px 8px 0px;
				font-size:1.1em;
			}
				div#footer p a.nonId:link, div#page div#footer p a.nonId:visited{
					text-decoration:underline;
					color:#FFF;
					margin:0;
				}

				div#footer p a.nonId:hover{
					text-decoration:underline;
				}

				div#footer p span.idInter {
				  position:absolute;
					right:10px;
					bottom:15px;
					text-decoration:none;
				}

				div#footer p span.idInter a:link, div#footer p span.idInter a:visited{
					text-decoration:none;
					color:#FFF;
					font-size:1em;
					margin:0;
				}

				div#footer p span.idInter a:hover{
					text-decoration:underline;
				}
				
/* moteur de recherche boats-search.com */

.boatsearch{    
    border: 0px solid #333;    
		height:600px;
		width: 980px;
}

/*---------------------------------- agrandissement diaporama --*/

				div#agrandissement{
					position:absolute;
					margin:0;
					padding:0;
					top:415px;
					left:0px;
					background-color:rgb(215,233,253);
					width:665px;
					height:450px;
					z-index:0;
					display:none;
				}

					div#agrandissement #content_agran{
					  /* uniquement conteneur, cf ajax.js, diaporama-nautitech.fla et pages/agrandissement.php */
					}

					div#agrandissement #content_agran img{
						display:block;
						margin:20px auto;
						padding:0;
						top:0;
						border:#FFFFFF 1px solid;
						height:411px;
					}
					
					
/* --------------------------------------------- MAPS location */

#autresDest {
  float: left;
  position: relative;
  margin-top: 20px;
}

.autreD {
  float: left;
  width: 300px;
}

div#maps .content {
  border-top:1px dashed gray;
  margin:0 0 10px;
}

div#cliquez {
  background: #102D56;
  height:52px;
  margin-top:5px;
  position:absolute;
  right:15px;
  width:270px;
  z-index:100;
  color: white;
  -moz-border-radius:10px 10px 10px 10px;
  box-shadow: 0px 0px 5px #2C2D2F;
  -moz-box-shadow: 0px 0px 5px #2C2D2F;
}

div#maps {
  float:left;
  height:680px;
  margin:0 0 0 10px;
  width:980px;
  overflow:hidden;
}

#maps .gmnoprint div.content p{
  font-size:1.1em;
  margin:5px 0;
}

#maps .gmnoprint h3 {
  color:#103468;
  font-size:1.4em; 
  margin:0 0 5px 0;
}

#maps .gmnoprint .nom{font-weight:bold;margin:0 0 5px 0;}