/****************************************************/
/*	Général											*/

* {
	margin:				0px;
	padding:			0px;
}

body
{
	background: 		#ffc;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			center;
	color: 				#fff;
	font-size: 			10pt;
}

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

ul {
	list-style:			none;
	
}

img {
	border:				none;
}

option {
	padding:			0px 3px;
}

.error_msg {
	color:				#f00;
	font-weight:		bold;
	margin-top:			20px;
}

.error_msgA {
	color:				#f00;
	font-weight:		bold;
	text-decoration:	underline;
}

.msg_confirm {
	color:#030;
	
}

.msg_notice {

	border: solid 1px #D94D11;
	color : #D94D11;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}

.msg_colorA {
	color:				#fff;
}

.center {
	text-align:			center;
}

.left {
	text-align:			left;
}

.right {
	text-align:			right;
}

.italique {
	font-style:			italic;
}

.precision
{
	color:			#930;
	font-style:		italic;
	font-size		: 10pt;
	
	
}

/****************************************************/
/*	La page											*/


#conteneur_page {
	width:				706px !important;
	width:				707px;
	margin:				20px auto;
	text-align:			left;		
}

#titre 
{
	font-family:tahoma, Arial, Helvetica, sans-serif;
	color:#003300;
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;
	text-decoration:underline;
}


.sous_titre 
{
	font-family:tahoma, Arial, Helvetica, sans-serif;
	color:#003300;
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
	margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;
	text-decoration:underline;
}

/****************************************************/
/*	Header											*/

#header {
	text-align:			center;
	margin-bottom:		20px;
}

#header .campingName {
	font-family:		tahoma, Arial, Helvetica, sans-serif;
	color:				#030;
	font-size:			16px;
	font-style:			italic;
	font-weight:		bold;
	text-decoration:	underline;
	margin-top:			20px;
}

#conteneur_menuModule {
	height:				20px;
}

#conteneur_menuModule li
{
	display: 			inline;
}

.menuModule a, .menuModuleDefault a {
	display: 			block;
	float:				left;
	background: 		#030;
	#width:				175px;
	width:				139px;
	line-height:		20px;
	font-size: 			10pt;
	font-weight: 		bold;
	margin:				0px 1px;
}

#conteneur_menuModule a:hover {
	background: 		#930;
}

.menuModuleDefault a {
	background: 		#930;
}

.menuModuleFirst a {
	margin-left:		0px;
}

.menuModuleLast a {
	margin-right:		0px;
}

#ssmenuModule
{
	clear:				both;
	margin:				4px 0px;
	padding:			3px 0px;
	background: 		#930;
	font-weight: 		bold;
	font-style:			italic;
}

#languages {
	margin:				10px auto;
}


/****************************************************/
/*	Contenu											*/

#contenu {
	text-align:			left;
}

#contenu .campingName {
	font-family:		tahoma, Arial, Helvetica, sans-serif;
	color:				#030;
	font-size:			13px;
	font-style:			italic;
	font-weight:		bold;
	text-decoration:	underline;
	text-align:			center;
	margin-bottom:		10px;
}

#contenu .groupeName {
	font-family:		tahoma, Arial, Helvetica, sans-serif;
	color:				#030;
	font-size:			16px;
	font-style:			italic;
	font-weight:		bold;
	text-decoration:	underline;
	margin-top:			20px;
	text-align:			center;
}

/* Tableau Generique */
.tableau_generique {
	width:				100%;	
	vertical-align:		middle;
	margin-bottom:		20px;
}

.tableau_generique input, .tableau_generique select {
	font-size:			10px;
}

.tableau_generique td, .tableau_generique th {
	padding:			3px 5px 3px 15px;
}

.tableau_generique thead th {
	height:				25px;
	background:			#030;
	text-align:			left;
}

.tableau_generique tbody th {
	background:			#690;
	width:				190px;
}

.tableau_generique tbody th.reservation {
	background:			#690;
	width:				auto;
	vertical-align:		middle;
}

.tableau_generique tbody td.reservation {
	background:			#690;
	width:				auto;
	vertical-align:		middle;
	color:				#fff;
}

.tableau_generique tbody td {
	background:			#9c6;
	padding:			2px 10px;
	color:				#030;
}

.tableau_generique tfoot td{
	text-align:			center;
}

.tableau_generique tfoot * {
	margin:				auto;
}

.tableau_reservation tbody td {
	background:			#690;
	width:				auto;
	vertical-align:		middle;
	color:				#fff;
}

/* Calendrier */
.tableau_calendrier {
	width:				210px;	
	vertical-align:		middle;
	float:				left;
	margin:				10px !important;
	margin:				8px;
	text-align:			center;
}

.tableau_calendrier thead td{
	color:				#030;
	font-size:			14px;
	font-weight:		bold;
}

.tableau_calendrier thead th{
	background:			#690;
	font-size:			11px;
	width:				30px;
	line-height:		15px;
	height:				auto;
	margin:				0px;
	padding:			0px;
}

#calendrierLegende {
	margin-left:		40%;
	color:				#030;
}

#calendrierLegende dt{
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		10px;
	text-decoration:	underline;
}

#calendrierLegende li{
	height:				25px;
	margin-bottom:		5px;
}

#calendrierLegende li div{
	float:				left;
	height:				10px;
	width:				20px;
}

/*	Hebergement	*/
.hebergement tbody td {
	background:			#690;
}

.hebergement_line{
	padding:			10px 5px;
	position:			relative;
}

.hebergement_line img {
	width:				130px;
	height:				110px;
	position:			absolute;
	left:				0px;
	border:				1px solid #fff;
}

.hebergement_line .ensemble_action {
	position:			absolute;
	bottom:				15px;
	right:				10px;
}

.hebergement_line dl {
	margin:				auto 140px auto 145px;
	height:				auto !important;
	height:				110px;
	min-height:			110px;
}

.hebergement_line dl dt {
	font-weight:		bold;
	margin-bottom:		10px;
}

.hebergement_line dl dd {
	font-style:			italic;
	margin-bottom:		10px;
}

.hebergement_line .hebergement_description {
	color:				#fff;
	margin:				auto 135px auto 135px;
	height:				auto !important;
	height:				110px;
	min-height:			110px;
}

.hebergement_line .hebergement_description p {
	margin-bottom:		10px;
	line-height:		13px;
}

.hebergement_diaporama img{
	width:				150px;
	height:				110px;
	border:				1px solid #fff;
}

#hebergement_disponibilite {
	margin-top:			-20px;
	padding:			0px 2px;
}

#hebergement_disponibilite #disponibilites {
	background:			#690;
	width:				100%;
	overflow:			auto !important;
	overflow:			visible;
}


/*	    CGV		*/
#cgv {
	margin:				10px;	
}

#cgv ul {
	list-style:			disc;
	margin:				10px 30px;
}

#cgv table tbody td{
	background:			transparent;
}

/* TABFiche*/
.TABFiche
{
	border				: 0px;
	margin-bottom		: 30px;
	border-collapse		: separate;
	color				: #FFFFFF;
	font-size			: 9pt;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.TABFicheTH
{
	background	: #003300;
	color				: #FFFFFF;
	padding			: 10px 10px 10px 20px;
	font-weight	: bold;
	font-style	:	normal;
	font-size		: 10pt;
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
}

.TABFicheTD1
{
	padding			: 5px;
	background	: #669900;
	padding			: 2px 10px 2px 20px;
	height			: 22px;
}

.TABFicheTD2
{
	padding			: 5px;
	background	: #99CC66;
	padding			: 2px 10px 2px 10px;
}

.TABFicheTD3
{
	padding			: 5px;
	background	: #FFFFCC;
	padding			: 2px 10px 2px 10px;
	color 			: #000000;
}

.indication
{
	padding			: 5px 5px 5px 20px;
	background	: #669900;
	font-weight	: bold;
	font-size		: 10pt;
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
	text-align	: left;
}

/* Tableau recapitulatif */

.TABRecapitulatif
{
	border					: 0px;
	margin-bottom		: 30px;
	border-collapse	: separate;
	color						: #FFFFFF;
	font-size				: 9pt;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.TABRecapitulatifTH
{
	background	: #003300;
	color				: #FFFFFF;
	padding			: 10px 10px 10px 20px;
	font-weight	: bold;
	font-style	:	normal;
	font-size		: 10pt;
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
}

.TABRecapitulatifTD1
{
	padding			: 10px 0px 0px 20px;
	background	: #669900;
}


/*TABDevis*/
.TABDevis
{
	border					: 0px;
	margin					: 0px;
	color						: #FFFFFF;
	font-size				: 9pt;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
	padding					: 0px;
	width						: 100%;
}

.TABDevisTD1
{
	border			:	1px solid #000000;
	text-align	: center;
	padding 		:	10px;
}

.TABDevisTD2
{
	border						:1px solid #000000;
	text-align				: center;
	font-weight				: bold;
	background-color 	: #993300;
}

.TABDevisTD3
{
	border-top				: 1px solid #000000;
	border-left				: 0px;
	border-right			: 1px solid #000000;
	border-bottom			: 0px;
	text-align				: center;
}


/* TABCalendrier*/
.TABCalendrier
{
	border					: 0px;
	margin					: 10px;
	border-collapse	: separate;
	color						: #FFFFFF;
	font-size				: 10pt;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.MoisIndication
{
	color 					: #003300;
	font-weight			: bold;
	font-size				: 11pt;
	font-style			:	normal;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.JourIndication
{
	padding			: 5px;
	background	: #99CC66;
}

.JourIndisponible
{
	padding			: 5px;
	background 	: #993300;
	font-weight	: bold;
}

.JourDisponible
{
	padding			: 5px;
	background 	: #99CC66;
	font-weight	: bold;
}

.JourDepasse
{
	padding			: 5px;
	background 	: #003300;
	font-weight	: bold;
}

.LienBlanc
{
	color 					: #ffffff;
	text-decoration	: none;
	font-weight			: bold;
}


/* boutons d'action */

.BtAction
{
	color:				#fff;
	border: 			0px;
	line-height:		23px;
	height:				23px;
	margin: 			5px 0px 0px 0px;
	display: 			block;
	background: 		#930;
	width:				120px;
	font-weight: 		bold;
	text-align: 		center;
	cursor:				pointer;
}

.BtAction:Hover 
{
	background-color: 	#030;
}

/* style des textes */

.resa_txt_1
{
	color 					: #003300;
	font-weight			: bold;
	font-size				: 12pt;
	font-style			:	normal;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.resa_txt_2
{
	color 					: #003300;
	font-weight			: bold;
	font-size				: 9pt;
	font-style			:	normal;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.resa_txt_3
{
	color 					: #003300;
	font-size				: 8pt;
	font-style			:	italic;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.resa_txt_4
{
	color 					: #ffffff;
	font-weight			: bold;
	font-size				: 12pt;
	font-style			:	italic;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.resa_txt_5
{
	color 					: #003300;
	font-size				: 10pt;
	font-style			:	normal;
	font-family			:	Verdana, Arial, Helvetica, sans-serif;
}

.TABerror
{
	text-align: center;
	background-color:#F65555; 
	color: #FFF;
	
	border: solid 1px #BB0000;

	margin: 10px;
	padding: 10px;
	border-spacing:0;
	font-family: Verdana,Arial;
	font-size: 15px;
	font-weight: bold;
}


/* Tableau paiement du solde */

.tableau_dossier
{
	width				: 350px;	
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}


.tableau_dossier thead th 
{
	height:				25px;
	background:			#030;
	text-align:			left;
}


.tableau_dossier tbody td 
{
	background:			#9c6;
	padding:			2px 10px;
	color:				#030;
	height:				25px;
}

.tableau_dossier tbody th 
{
	background:			#690;
	width:				190px;
	height:				25px;
}


/* Tableau paiement du solde */
.tableau_image
{
	width				: 701px;	
	#color				: #FFFFFF;
	#font-family			: Verdana, Arial, Helvetica, sans-serif;
}




/*********** Autocompletion cp europeens ************/
div.autocomplete 
{
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

div.autocomplete ul 
{
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected 
{ 
	background-color: #ffb;
}

div.autocomplete ul li 
{
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
}