@charset "utf-8";

body {

	background-image: url(image/background.jpg);

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: top;

	text-align: center;

}
.marron_clair {
color: #7c4d26;
}
.grand-titre {
color: #663300;
	font-size: 18px;
}
.petit-titre_orange {
color: #FF8800;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.sous-titre-vert {
	color: #97BE0D;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
}

.marron_fonce {color: #663300;}

.titre-marron_fonce {
	color: #7C4D26;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.sous-titre-marron_fonce {
	color: #663300;
	font-weight: bold;
	font-style: italic;
}

.class_css_jour_demande .ui-state-default { background: #FD7E10 !important; }
.class_css_jour_libre .ui-state-default { background: #BFD62F !important; }
.class_css_jour_reserve .ui-state-default { background: #D7D7D7 !important; }
.bs .ui-state-default {
	background:#FFFFCC;
}
.ms .ui-state-default {
	background:#FFCC33;
}
.hs .ui-state-default {
	background:#FF6633;
}
.saisons_text {
font-size:12px;
padding:3px;
}
.ui-datepicker {
    font-size: 12px !important;
} 
#datepicker {width:151px;}
.legende_saison {background:#ECEADF;	font-size: 16px;font-weight: bold;font-style: italic;margin:0;padding-top:5px;padding-bottom:5px;text-align:right;padding-right:30px;margin-left:30px;}
.bs_text {
	color:#FFFFCC;
}
.ms_text {
	color:#FFCC33;
}
.hs_text {
	color:#FF6633;
}
.div {

	background-position: left;

}



.droiteaccueil {

	padding-left: 145px;

}

.traditionaqua {

	background-image: url(image/aquarelles/fleur4.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.bellaqua {

	background-image: url(image/aquarelles/marmotte.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

}



.backgroundlien {

	background-image: url(image/aquarelles/marmotte.jpg);

	background-repeat: no-repeat;

	background-position: right 200px;

}





.bas {

	vertical-align: bottom;

}



.bandeaujaune {

	background-image: url(image/backbouton.jpg);

	background-repeat: no-repeat;

	background-position: top;

}

.imglogis {

	padding-bottom: 15px;

}

.droite {

	text-align: right;

	vertical-align: top;

}



.boutonreserver {

	padding-top: 15px;

}

.quatresaisonaqua {

	background-image: url(image/aquarelles/fleur2.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

}









h4 {

	font-style: italic;

	line-height: normal;

	font-weight: bold;

	/* color: 7C4D26; */

}



.centre {

	text-align: center;

}

.logisimg {

	background-image: url(image/logis/maison.jpg);

	background-repeat: no-repeat;

	background-position: right center;

}







h1 {

	font-size: 12px;

	text-decoration: none;

	text-align: left;

	vertical-align: top;

	padding-left: 30px;

	font-weight: normal;

	font-style: normal;

	padding-top: 10px;

}

.php {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;

}



.backgroundactif {

	background-image: none;

	background-repeat: no-repeat;

	background-position: right center;

}

.backgroundcontact {

	background-image: url(image/aquarelles/fleur1.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}





p {

}

h2 {

	font-size: 14px;

	font-style: oblique;

	font-weight: bold;

	text-decoration: none;

	text-align: left;

	vertical-align: top;

	color: #FF8800;

}

.pxgauche {

	padding-left: 30px;

}

.espacebas {

	padding-bottom: 30px;

}





.hautitre {

	vertical-align: top;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



.focus {

	color: #000000;

	background-color: #FCF7E4;

}

.tdactif {

	padding-right: 10px;

	width: 170px;

}



p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	background-position: left top;

	line-height: normal;

	vertical-align: top;

	text-align: left;

}

form {

	margin: 0px;

	line-height: 30px;

}





.background {

	background-image: url(image/cadre-background.jpg);

	margin-top: 15px;

}

a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 14px;

	color: #000000;

	text-decoration: none;

}

a:visited {

	font-size: 14px;

	line-height: 14px;

	color: #000000;

	text-decoration: none;

}

a:hover {

	font-size: 14px;

	line-height: 14px;

	color: #663300;

	text-decoration: none;

}

a:active {

	font-size: 14px;

	line-height: 14px;

	color: #000000;

	text-decoration: none;

}



.backnavi2 {

	background-image: url(image/navigation-secondaire.jpg);

	background-repeat: no-repeat;

	background-position: 59px top;

	vertical-align: top;

	padding-top: 20px;

	text-align: center;

}

.droitenav2 {

	padding-left: 80px;

}



.backnavi3 {

	background-image: url(image/naviangle.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 20px;

}

.haut {

	vertical-align: top;

	background-image: url(image/cadre-background.jpg);

	background-repeat: no-repeat;

	background-position: top;

}

.backgroundactif {

	background-image: url(image/aquarelles/fleur3.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

}
/* Commun à dispo et réservation */
.bs {
	background-color:#FFFFCC;
}
.ms {
	background-color:#FFCC33;
}
.hs {
	background-color:#FF6633;
}
.dispo {
	color:#000000;
}
.titrdisp {
	margin-bottom: 10px;
}

.nondispo {
	color:#CCCCCC;
}
.highlight {
	background-color:#FFCC66;
	font-weight:bold;
}

/* Page disponibilités pour le client */
table#dispos {
	font-size:12px;
	width:500px;
	border-collapse:collapse;
}
table#dispos td {
	width:100px;
	border:1px #CCCCCC solid;
}
table#dispos td.dates{
	width:250px;
}
table#dispos td.reserve{
	background-color:#FFC1C1;
}
table#dispos td.dispo{
}
table#dispos td.dispo a {
	background-color:#9FFF9F;
	display:block;
	width:100%;
	height:100%;
	font-size:1em;
}
table#dispos td.dispo a:hover {
	background-color: #FFFF99;
}

/* Formulaire client de réservation */
fieldset {
}
fieldset#coordonnees label {
	width:25%;
	float:left;
	padding-right:15px;
	text-align:right;
}
div.options {
	width:50%;
	font-size:12px;
	text-align:left;
}
.avertissement {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:95%;
	padding:2px;
}
.reactif {
	border:1px #999999 dotted;
	background-color:#FFFFFF;
}
.fait {
	border:1px #66CC00 solid;
	background-color: #ACB737;
}
.focus {
	border:1px #000000 solid;
	background-color:#FFFFCC;
}
.erreur {
	border:2px #FF0000 solid;
	background-color:#FFFFFF;
}