/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body, div, form, ul, li, dl, dt, dd, img {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
input {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
}
body {
	height: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
	background-image: url(../images/trait.gif);
	background-repeat: repeat;
}
#conteneur {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background-color: #EFEFEF;
}
#header {
	width: 950px;
	height: 203px;
	background-color: #3E91FB;
}
#menu li a:hover {
	text-decoration: none;
	color: #F9FD04;
}
.spacer {
	clear: both;
}
#langues {
	background-color: #3E91FB;
	height: 34px;
}
#langues ul {
	list-style-type: none;
}
#langues li {
	float: left;
	padding: 4px;
}
.mentions {
	margin-right: 10px;
	float: right;
	height: 25px;
	line-height: 27px;
	color: #003366;
}
.mentions a {
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}
.mentions a:hover {
	text-decoration: underline;
}
#pied {
clear: both;
	width: 950px;
	background-color: #99FF00;
}
#pied ul {
	margin-left: 5px;
	float: left;
	list-style-type: none;
	text-align: left;
}
#pied li, #pied li a {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
		text-align: left;
}
#pied li a:hover {
	text-decoration: underline;
}
/* accueil */
conteneur_accueil {
	position: relative;
	width: 950px;
	background-color: #99FF00;
}
#colonne1 {
	float: left;
	width: 190px;
	height: 405px;
	padding-top: 5px;
	background-color: #FF3366;
}
#colonne2 {
	float: left;
	width: 190px;
	height: 405px;
	padding-top: 5px;
	background-color: #00FF00;
	/*background-color: #99CC00;*/
}
#colonne3 {
	float: left;
	width: 190px;
	height: 405px;
	padding-top: 5px;
	background-color: #CC3399;
}
#colonne4 {
	float: left;
	width: 190px;
	height: 405px;
	padding-top: 5px;
	background-color: #FF6600;
}
#colonne5 {
	float: left;
	width: 190px;
	height: 405px;
	padding-top: 5px;
	background-color: #0066CC;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	width: 180px;
	height: 60px;
	margin: 0 auto;
}
.titre_noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	width: 180px;
	height: 60px;
	margin: 0 auto;
}
#savoir1 {
	float: left;
	width: 190px;
	height: 30px;
	background-color: #FF0645;
}
#savoir2 {
	float: left;
	width: 190px;
	height: 30px;
	background-color: #00D01A;
	/*background-color: #79A005;*/
}
#savoir3 {
	float: left;
	width: 190px;
	height: 30px;
	background-color: #B32D87;
}
#savoir4 {
	float: left;
	width: 190px;
	height: 30px;
	background-color: #DD5800;
}
#savoir5 {
	float: left;
	width: 190px;
	height: 30px;
	background-color: #0053A6;
}
.im_sav {
	float: left;
	margin: 5px 10px 0 5px;
}
.sav_plus, .sav_plus a {
	float: left;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
.sav_plus a:hover {
	text-decoration: underline;
}
.sav_plus_noir, .sav_plus_noir a {
	float: left;
	height: 30px;
	line-height: 30px;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
.sav_plus_noir a:hover {
	text-decoration: underline;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 180px;
	margin: 0 auto;
	color: #FFFFFF;
}
/* lamparo*/
#gauche_lamparo {
position: relative;
	float: left;
	background-color: #FF0645;
	width: 420px;
	height: 475px;
}
#droite_lamparo {
	float: left;
	background-color: #FF3366;
	width: 530px;
	height: 475px;
}
.lamparo {
	background-color: #FF3366;
}
/* plage*/
#gauche_plage {
position: relative;
	float: left;
	background-color: #DD5800;
	width: 420px;
	height: 475px;
}
#droite_plage {
	float: left;
	background-color: #FF6600;
	width: 530px;
	height: 475px;
}

.plage {
	background-color: #FF6600;
}
/*page pergola*/
#gauche_pergola {
position: relative;
	float: left;
		background-color: #00D01A;
	/*background-color: #79A005;*/
	width: 420px;
	height: 475px;
		color: #000000;
}
#droite_pergola {
	float: left;
	color: #000000;
	background-color: #00FF00;
	width: 530px;
	height: 475px;
}
.pergola {
background-color: #00FF00;
	color: #000000;
	/*background-color: #99CC00;*/
}
/*page palais de la mer*/
#gauche_palais{
position: relative;
	float: left;
	background-color: #B32D87;
	width: 420px;
	height: 475px;
}
#droite_palais{
	float: left;
	background-color: #CC3399;
	width: 530px;
	height: 475px;
}
.palais {
	background-color: #CC3399;
}
/*page le sainte marie*/
#gauche_stmarie{
position: relative;
	float: left;
	background-color: #0053A6;
	width: 420px;
	height: 475px;
}
#droite_stmarie{
position: relative;
	float: left;
	background-color: #0066CC;
	width: 530px;
	height: 475px;
}
#logdroit {
position: absolute;
top: 100px;
right: 20px;
z-index: 50;
}
.stmarie {
	background-color: #0066CC;
}
/*pages camping*/
.carte {
	position: absolute;
	right: 40px;
	top: 250px;
	width: 105px;
	height: 70px;
	z-index: 25;
}
.dixhuit {
clear: both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
}
.dixhuit_noir {
clear: both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	color: #000000;
}
h1 {
	clear: both;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-left: 10px;
}
h1.hnoir {
	clear: both;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-left: 10px;
}
.flot_g {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.para_g {
	float: left;
	margin-left: 10px;
	width: 300px;
}
.para_gnoir {
	float: left;
	margin-left: 10px;
	width: 300px;
	color: #000000;
}
.douze, .douze a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.douze a:hover {
	text-decoration: underline;
}
.douze_gras {
	clear: both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	width: 300px;
	margin-left: 10px;
	padding: 10px 0 0 0;
}

.douze_noir, .douze_noir a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.douze_noir a:hover {
	text-decoration: underline;
}
.douze_gras_noir {
	clear: both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	width: 300px;
	margin-left: 10px;
	padding: 10px 0 0 0;
}
ul.icono {
	clear: both;
	float: left;
	list-style-type: none;
	width: 500px;
	margin-left: 10px;
}
.icono li {
	float: left;
	padding: 2px;
}
.pres-camp {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 500px;
	margin-left: 10px;
	color: #FFFFFF;
}
.pres-campnoir {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 500px;
	margin-left: 10px;
	color: #000000;
}
.recomm {
	float: left;
	width: 400px;
	height: 30px;
	/*background-color: #FF0645;*/
}
.row {
	clear: both;
	height: 20px;
	width: 350px;
/*border: 1px rgb(0,51,0) solid*/
}
.labelcontact {
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 2px;
}
.formcontact {
	float: left;
	width: 200px;
	text-align: left;
	font-size: 1em;
	padding-top: 1px;
}
.dix_black {
	font-size: 10px;
	color: #000000;
	text-align: left;
}
#groupe-miniatures {
	margin: 0 auto;
	width: 400px;
	/*padding-left: 15px;
*/
	padding-top: 0;
	padding-left: 12px;
	height: 55px;
}
.miniatures {
	margin: 1px;
	padding: 5px 7px 5px 7px;
	width: 62px;
	height: 45px;
	display: block;
	overflow: hidden;
	float: left;
	cursor: pointer;
	/*background-color: #cccccc;
*/
}
.miniatures img {
	border: 1px solid #FFCC00;
}
.image_grande {
	margin: 8px auto 0 auto;
	width: 398px;
	height: 284px;
	border: 2px #FFCC00 solid;
}

/*situation*/
#map {
	color: #000000;
	width: 950px;
	height: 400px;
}
#message {
	display: none;
}
.noir {
	color: #000000;
}
/*pages alentours*/
#diapo_alentours {
	position: absolute;
	right: 420px;
	top: 240px;
	width: 350px;
	/*height: 430px;*/
	z-index: 27;
}
.popUp {
position:absolute;
	right: 0;
	top: 0;
width: 350px;
height: auto;
	/*height: 278px;*/
margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px rgb(255,153,51) solid;
}
#tex_alen {
clear: both;
text-align: left;
width: 330px;
/*height: 100px;*/
padding-bottom: 10px;
margin: 0 auto;
color: #000000;
}
.clic_ico {
display: block;
height: 20px;
font-size: 14px;
font-weight: bold;
color: #1A37A0;
background-color: #FFFFFF;
}
.ferm {
position: absolute;
display: block;
right: 1px;
top: 1px;
margin: 0;
width: 20px;
height: 20px;
	z-index: 31;
}
h4 {
height: 22px;
font-size: 16px;
}
/*pages situation*/
#legendes {
	position: absolute;
	right: 10px;
	top: 340px;
	width: 240px;
	height: 200px;
	z-index: 26;
	background-color: #FFFFFF;
}
#legendes ul {
	text-align: left;
	list-style-type: none;
}
#legendes li {
	text-align: left;
	height: 38px;
	line-height: 38px;
	padding-left: 35px;
	border: 1px rgb(0,102,255) solid;
}
li#lam {
	background-image: url(../images/lamparo.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

li#perg {
	background-image: url(../images/pergola.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
li#palais {
	background-image: url(../images/palais.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
li#plage {
	background-image: url(../images/plage.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
li#marie {
	background-image: url(../images/marie.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
/*pages contact*/
#conteneur_contact {
	position: relative;
	width: 950px;
	background-color: #FFFFFF;
}
h2 {
margin: 10px;
color: #3E91FB;
}
#formul_contact {
width: 930px;
margin: 0 auto;
}

#gauchecont {
	clear: both;
	float: left;
	position: relative;
	width: 900px;
	margin: 0px 0px 5px 0px;
	/*background-color: #BBBBBB;
*/
}
.formul {
	clear: both;
	position: relative;
	display: block;
	height: 420px;
	width: 930px;
	margin: 0px 10px 0px 3px;
		color: #13378B;
}
form.bas label {
	display: inline;
	padding-left: 5px;
	float: left;
	width: 135px;
}
form.css fieldset {
	width: 350px;
	position: relative;
	float: left;
	left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 10px;
	border: groove 2px;
	border-color: #95B2D4;
	margin: 0 10px 15px 0;
	background-color: #EFEFEF;
}
.fa {

	min-height: 311px;
	left: 15px;
}
form.css fieldset.large {
width: 510px;
}
* html #fa
/*Hack IE6 */
 {
	height: 340px;
}
form.css legend {
	position: absolute;
	font-size: 14px;
	border: 1px solid #95B2D4;;
 border-right: 1px solid #95B2D4;;
 border-bottom: 1px solid #95B2D4;;
 padding: .1em;
 background-color: #ccc;
	color: #13378B;
	top: -.5em;
	left: .5em;
	background-color: #EFEFEF;

	/*border: 2px #95B2D4 solid;*/
}
form.css label {
	display: inline;
	padding-left: 0px;
	float: left;
	width: 110px;
	color: #13378B;
		margin-top: 2px;
}
form.css label.rad{
	display: inline;
	padding-left: 0px;
	float: left;
	width: 500px;
	color: #13378B;
}
form.css li.ul {
	font-weight: bold;
}
form.css p {
	margin: 5px;
	color: #13378B;
}
input {
text-align: left;
}
input.focus {
background: #F8D40E;
	color: black;

}
textarea.focus{
background: #F8D40E;
	color: black;

}
input.normal {
	background: white;
	color: black;
}
.centrer {
text-align: center;
}
#reponserappel {
position: absolute;
top: 450px;
left: 270px;
width: 150px;
height: 15px;
z-index: 8;
color: #FFFFFF;
font-weight: bold;

}
.rouge {
color: #FD0104;
}
.contact_blanc {
clear: both;
display: block;
color: #FFFFFF;

}
.contact_blanc a{
color: #FFFFFF;
font-weight: bold;
}
.contact_noir {
clear: both;
display: block;
color: #000000;

}
.contact_noir a{
color: #000000;
font-weight: bold;
}
.noir {
color: #000000;
}