body {
	background: #3A362A url('images/bg.gif');
	color:#993366;
}

a img {border:none}
a:link, a:visited {color:#336699; text-decoration:underline}
a:hover {color:#669933;}

h1, h2, h3 {
	font-weight:normal;
	color:#336699;
	text-align:center;
	font-variant:small-caps;
	font-family:Arial, Helvetica, Geneva, sans-serif;
	clear:both;
	}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h5 {font-size:0.9em; font-weight:normal;margin:0;}

h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
	color:#336699;
	text-decoration:underline;
}
#wrapper {
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 0.9em;
	color: #555555;
	background:white;
	padding:0 10px 10px 10px;
}

#header {
	margin-bottom:30px;
}

#tripadvisor {
	margin-left:20px;
	clear:both;
}

.mod_breadcrumb {
	border:1px solid #ccc;
	height:20px;
	padding:2px 5px;
	font-weight:bold;
}

.mod_breadcrumb a {
	text-decoration:none;
}

#footer {
	border:1px solid #ccc;
	margin-top:40px;
	}
#footer p {
	text-align:center;
	}

.gites, .chambres {height:37px; line-height:37px; color:white; padding-left:10px;}
.gites	 {background:url('images/bg_gites.gif')		top left repeat-x;}
.chambres {background:url('images/bg_chambres.gif') top left repeat-x;}
.annonces {background:url('images/bg_occupe.gif') 	top left repeat-x; color:white; line-height:37px;}
h1.annonces span {background:url('images/annonces.png') no-repeat; width:32px; height:32px; position:absolute; margin-top:3px;}
.shadow img {border:1px solid #CCC; padding:6px;z-index:-10;}
.pano {
		margin-left:20px;
		padding-left:30px;
		/*background:url('images/ico-360.gif') bottom left no-repeat;*/
	}
.floatright {float:right; margin-left: 10px;}
.floatleft {float:left; margin-right: 10px;}
.clearline {clear:both}

/***** TABLE *****/

table {
	width:562px;
	margin-top:12px;
	margin-bottom:20px;
	text-align:center; 
}
table th 	{
	border-width: 1px;
	border-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #555555;
	border-bottom-color: #333333;
	border-left-color: #BBBBBB;
	color:#fff;
	}
.tarifs_chambres table th 	{background:url('images/bg_tbl_chambres.jpg') center repeat-x;}
.tarifs_gite_groupe table th 	{background:url('images/bg_tbl_gite_groupe.jpg') center repeat-x;}
.tarifs_gites table th,
.tarifs_options table th {background:url('images/bg_tbl_gites.jpg') center repeat-x;}

#tarifs table tr td.colspan {background:url('images/bg_tbl_gites.jpg') top repeat-x;}
table tr td {padding:4px; border-bottom:1px dotted #339966;}

table th a:link, table th a:visited	{
	color:white;
}


/***** MENU *****/

#menu {
	text-align:center;
	font-size:14px;
	margin-top:6px;
}

#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#menu ul li {
	width:200px;
}

#menu a:link, #menu a:visited, #menu .active {
	color:white;
	height:37px; 
	line-height:37px; 
	display:block;
	text-decoration:none;
	/*font-weight:bold;*/
}

#menu .jaune				{background:url('images/jaune.gif') 				top left no-repeat;}
#menu .beige				{background:url('images/beige.gif') 				top left no-repeat;}
#menu .orange-fonce	{background:url('images/orange-fonce.gif')	top left no-repeat;}
#menu .orange				{background:url('images/orange.gif') 				top left no-repeat;}
#menu .rouge				{background:url('images/rouge.gif') 				top left no-repeat;}
#menu .bordeau			{background:url('images/bordeau.gif') 			top left no-repeat;}
#menu .marron				{background:url('images/marron.gif') 				top left no-repeat;}
#menu .vert					{background:url('images/vert.gif') 					top left no-repeat;}
#menu .vert-pale		{background:url('images/vert-pale.gif')			top left no-repeat;}

#menu .jaune:hover,
#menu .jaune.active					{background:url('images/jaune-reflet.gif') 				top left no-repeat;}
#menu .beige:hover,
#menu .beige.active					{background:url('images/beige-reflet.gif') 				top left no-repeat;}
#menu .orange-fonce:hover,
#menu .orange-fonce.active	{background:url('images/orange-fonce-reflet.gif')	top left no-repeat;}
#menu .orange:hover,
#menu .orange.active				{background:url('images/orange-reflet.gif') 			top left no-repeat;}
#menu .rouge:hover,
#menu .rouge.active					{background:url('images/rouge-reflet.gif') 				top left no-repeat;}
#menu .bordeau:hover,
#menu .bordeau.active				{background:url('images/bordeau-reflet.gif') 			top left no-repeat;}
#menu .marron:hover,
#menu .marron.active				{background:url('images/marron-reflet.gif') 			top left no-repeat;}
#menu .vert:hover,
#menu .vert.active					{background:url('images/vert-reflet.gif') 				top left no-repeat;}
#menu .vert-pale:hover,
#menu .vert-pale.active			{background:url('images/vert-pale-reflet.gif') 		top left no-repeat;}

/**************************************************************************************************
							Disponibilités
**************************************************************************************************/
.tbl_dispo {border-collapse:collapse}
.tbl_dispo tr td {border:1px solid #FBF6E8; text-align:center;}
.dispo_jours_mois  {font-size:10px;background:#B9D065 url('images/bg_avenir.gif') center left repeat-x;}
.dispo_jours_mois_passe {font-size:10px;background:#B9D065 url('images/bg_gites.gif') top left repeat-x;}

.dispo {border:0; width:10px; height:12px; font-size:9px; text-align:center; color:#FFFFFF; }
.modifdispo {font-size:9px; text-align:center; border:0; width:31px; color:#FFFFFF; }
.dispo_occupe {background:#E43417 url('images/bg_occupe.gif') top left repeat-x;}
.dispo_confirme {background-color:orange;}
.dispo_libre {background:#99CC00 url('images/bg_libre.gif') center left repeat-x; height:20px}
.dispo_nb {background-color:#3399FF;}
.dispo_nb_1 {background-color:#FCF000;}
.dispo_nb_2 {background-color:#F5CB00;}
.dispo_nb_3 {background-color:#EC9F00;}
.dispo_nb_4 {background-color:#E26C00;}
.dispo_nb_5 {background-color:#D63400}
.dispo_nb_6 {background-color:#CC0000;}
.bouton_dispo_nav_cal {border:none; width:22px; height:19px; cursor:pointer}
.bouton_dispo {cursor:pointer; background:url('structure/bgbouton.jpg'); width: 180px}
.legende_dispo { width:10px; height:10px; color:#FFFFFF; font-size:9px; text-align:center;}
.tbl_stats, .tbl_stat_modif {border:1px outset #333333; text-align:center; background:#FBF6E8; width:900px}
.tbl_stat_modif tr td select {height:18px}
.tbl_stats form, .tbl_stat_modif form {display:inline}
.tbl_stats td {border:1px solid #CCCCCC;}
.tr_stats {background:#669933; color:white;}
.td_stats {background:#99BE44; color:white; font-weight:bold}
.div_stats {border:1px outset black; background:url('../admin/images/bg_taux_remplissage.jpg') center bottom; width:26px; }
.detail_remplissage tr td {border:none; margin:0; padding:0; font-size:0.8em; width:50%}
a.infostats {display:block; width:100%; height:100%; cursor:help}

/**************************************************************************************************
							Formulaire
**************************************************************************************************/

.red, .error {color:#993333;font-size:150%}
.bouton {cursor:pointer; width:300px; height:60px; color:#666; font-style:italic; font-size:2em; font-weight:normal; font-family:Times, "Trebuchet MS", Arial, Helvetica, sans-serif}

#contact-et-reservation .ce_form table tr td {text-align:left;}
#contact-et-reservation .ce_form table tr td.col_0 {width:200px;}
#contact-et-reservation .ce_form table tr td.explanation {color:#999; font-style:italic; }
#contact-et-reservation .ce_form span {display:block;}
#contact-et-reservation .ce_form input[type=text] {width:300px;}
#contact-et-reservation .ce_form textarea {font-family:"Trebuchet MS", Arial, Verdana, sans-serif;width:300px;}
.adresse {width:300px;}
.gps {width:305px;margin-left:158px}