/********************/
/** Global **********/
/********************/
html {
	height: 100%;
	width: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: Comic Sans MS, Papyrus, Pepita MT, Trebuchet MS, Helvetica, Arial;
	font-size: 10pt;
	background-color: #d0fcba; /*fond Vert*/
	/*	background-color: #aada8e;      /*fond Vert*/
	/*background-color: #b2cbff;#95b055;#9abf8f;#aacf9f;*/
}

.container {
	width: 1000px;
	height: 100%;
	margin: 0px auto;
	position: center;
}


a {
	color: #ff0f0f;
	text-decoration: none;
}

	a:hover {
		color: #008000;
		text-decoration: underline;
	}

	a img {
		border: none;
	}


img.border {
	border: 1px solid #008000;
}

td.center {
	text-align: center;
}

td.left {
	text-align: left;
}

td.right {
	text-align: right;
}

td.fondBleuClair {
	background-color: #EEEEFF;
}

td.fondVertClair {
	background-color: #DDEEDD;
}

td.fondRougeClair {
	background-color: #FFEEEE;
}

#txtTitre {
	font-size: 14pt;
	font-weight: bold;
	padding-bottom: 3px;
}

#txtCadre {
	color: #008000;
	border-width: 1px;
	border-style: solid;
	border-color: #ff0f0f;
	padding: 3px;
}

#txtRouge {
	color: #ff0f0f;
}

#txtVert {
	color: #008000;
}

#txtBleu {
	color: #3535e0;
}


.cadreTransparent,
.cadreOpaque,
.cadreTransparentPresent {
	position: absolute;
	width: 970px;
	margin-left: 20px;
	margin-top: 12px;
	padding-top: 15px;
	border: 1px solid #008000;
}

.cadreTransparent,
.cadreOpaque {
	height: 660px;
}

.cadreTransparentPresent {
	height: 640px;
	width: 950px;
}

.cadreTransparent {
	filter: alpha(opacity=82); /* Internet Explorer 6     */
	-moz-opacity: 0.82; /* Mozilla 1.6 et infér.   */
	opacity: 0.82; /* CSS3 et Mozilla récents */
	background-color: #ffffff;
}

.cadreTransparentPresent {
	filter: alpha(opacity=88); /* Internet Explorer 6     */
	-moz-opacity: 0.88; /* Mozilla 1.6 et infér.   */
	opacity: 0.88; /* CSS3 et Mozilla récents */
	background-color: #d8ffd1;
}

.cadreOpaque {
	filter: alpha(opacity=92); /* Internet Explorer 6     */
	-moz-opacity: 0.92; /* Mozilla 1.6 et infér.   */
	opacity: 0.92; /* CSS3 et Mozilla récents */
	background-color: #f4fff4;
}

.cadreTransparent p {
	margin-left: 35px;
	margin-top: 35px;
	font-weight: bold;
	color: #000000;
}


/********************/
/** Menu ************/
/********************/
.menu {
	width: 1000px;
	height: 50px;
	margin-top: 3px;
	border-width: 0px;
	border-style: solid;
	border-color: #008000;
	background-image: url(../images/menu.jpg);
}

.cadreTransparentMenu {
	position: absolute;
	width: 970px;
	height: 40px;
	margin-left: 15px;
	margin-top: 4px;
	padding-left: 0px;
	filter: alpha(opacity=55); /* Internet Explorer 6     */
	-moz-opacity: 0.55; /* Mozilla 1.6 et infér.   */
	opacity: 0.55; /* CSS3 et Mozilla récents */
	background-color: #ffffff;
	border: 0px solid #008000;
}

#menuChoix {
	position: absolute;
	width: 187px;
	height: 22px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 3px;
	/*filter:alpha(opacity=92);    /* Internet Explorer 6     */
	/*-moz-opacity: 0.92;          /* Mozilla 1.6 et infér.   */
	/*opacity: 0.92;               /* CSS3 et Mozilla récents */
	background-color: #ffffff;
	border: 2px groove #008000;
}

a.menuAcceuil,
a.menuPresentation,
a.menuBungalows,
a.menuReservation,
a.menuSituation,
a.menuActivites,
a.menuPresentationOn,
a.menuBungalowsOn,
a.menuReservationOn,
a.menuSituationOn /*,
a.menuActivitesOn*/ {
	position: absolute;
	width: 187px;
	height: 22px;
	margin-top: 3px;
	margin-right: 2px;
	padding-top: 3px;
	text-align: center;
	font-size: 10pt;
	font-weight: 900;
}

a.menuAcceuil,
a.menuPresentation,
a.menuBungalows,
a.menuReservation,
a.menuSituation /*,
	a.menuActivites*/ {
	color: #000000;
}

a.menuPresentationOn,
a.menuBungalowsOn,
a.menuReservationOn,
a.menuSituationOn /*,
	a.menuActivitesOn*/ {
	color: #ff0000; /*tu peux modifier cette couleur; le texte style souligné est moche, j'ai enlevé*/
}

a.menuAcceuil{
	margin-left: 3px;
}

a.menuPresentation,
a.menuPresentationOn {
	margin-left: 196px;
}
a.menuBungalows,
a.menuBungalowsOn {
	margin-left: 389px;
}

a.menuReservation,
a.menuReservationOn {
	margin-left: 582px;
}

a.menuSituation,
a.menuSituationOn {
	margin-left: 775px;
}

/*a.menuActivites,
a.menuActivitesOn {
	margin-left: 775px;
}*/




/******************/
/** Corps *********/
/******************/
.corps {
	width: 1000px;
	height: 700px;
	margin-top: 3px;
	padding: 0px;
	background-image: url(../images/quenettiers.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	text-align: justify;
}


/***********************/
/** Page Bungalows *****/
/***********************/
#bungalowsTxt ul {
	list-style-type: square;
}

.txtCadreD {
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c7b6b2;
}

.txtCadreG {
	padding-top: 3px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c7b6b2;
}

.txtOn {
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
}

.txtOff {
	color: #ff0f0f;
	/*	color: #c7b6b2; */
}


/**********************/
/** Page Réservation **/
/**********************/
#monForm input[type="submit"],
#monForm p.submit input {
	width: 300px;
	border: #c7b6b2 2px groove;
	color: #008000;
	font-family: Comic Sans MS, Papyrus, Pepita MT, Trebuchet MS, Helvetica, Arial;
	font-size: 11pt;
}

#monForm p.submit {
	text-align: center;
}



#sectionTarif,
#sectionReservation,
#sectionRetour {
	width: 800px;
	margin-left: 55px;
	margin-top: 20px;
	padding: 12px;
	padding-left: 30px;
	border: #c7b6b2 1px solid;
}

#sectionRetour {
	margin-top: 200px;
	padding: 20px;
	text-align: justify;
}

.titreSection {
	color: #977672;
	font-family: Comic Sans MS, Papyrus, Pepita MT, Trebuchet MS, Helvetica, Arial;
	font-size: 11pt;
}

.formChamp {
	width: 500px;
	border: #d7c6c2 1px solid;
}

.formChampMailBln {
	margin-right: 106px;
	padding-left: 15px;
}

.checkbox {
	border-width: 6px;
	color: #b01d55;
}

select.reservation {
	width: 500px;
}

p.reservation {
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 2px;
}

.legend {
	float: right;
	margin-top: -20px;
	color: #977672;
	font-size: 9pt;
}

.erreur {
	text-align: right;
	color: #f00000;
	margin-bottom: 5px;
}


/*END*/