/* LASSERHOF Hotel  */
/*-------------------Bloc Principal------------------------*/
body {
	background-image:url(imgCSS/125347007563.jpg);
	background-repeat:no-repeat;
}

/* paramètres généraux */

#atelSearch
{
	/* largeur du cadre principal */
	width:100%;
	
	/* couleur des textes */
	color:Black;
	
	/* taille des textes */
	font-size:12px;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

a	{
		color:#009999;
		font-size:10px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}


/* style des liens */

	#atelSearch a
	{
		/* couleur des liens */
		color:#0000FF;
		
		/* taille des liens */
		font-size:1em;
		
		text-decoration:none;
	}

	/* style des liens (au survol de la souris) */
	#atelSearch a:hover
	{
		/* couleur */
		/* color:Black;	 */
		color:#0000FF;
		text-decoration:underline;
	}


/* TITRES couleur et taille (multiple de la taille de la police de base) */

	#atelSearch H1
	{
		font-size:1.6em;
		
		/* couleur */
		color:inherit;
	}

	#atelSearch H2
	{
		font-size:1.4em;
		
		/* couleur */
		color:inherit;
	}

	#atelSearch H3
	{
		/* font-size:1.2em; */
		font-size:0em;

		/* couleur */
		color:Blue;
	}


/* TEXTES DEVANT LES MENUS DEROULANTS */

	#atelSearch label
	{
		/* couleur des textes devant les selecteurs */
		color:inherit;
	}

/* MENUS DEROULANTS */

	#atelSearch select
	{	
		/* couleur de fond des menus déroulants */
		/* background-color:#FDDD46; */
		background-color:#CBEDF9;
		
		/* couleur des textes des menus déroulants */
		color:inherit;
	}

/* ZONES DE SAISIE DE TEXTES */

	#atelSearch input[type="text"]
	{	
		/* couleur de fond des textbox */
		/* background-color:#FDDD46; */
		background-color:#CBEDF9;
		
		/* couleur des textes des textbox */
		color:inherit;
	}

/* BOUTONS */

	#atelSearch input[type="submit"]
	{
		/* couleur du texte du bouton */
		/* color:Black; */
		background-color:#CBEDF9;
		
		font-weight:bold;	
		
		/* couleur de fond du bouton (bouton normal si supprimé) */
		/* background-color:#FDDD46; */
	}





/*-------------------#Formulaire de recherche------------------------*/

/* bloc du formulaire de recherche */

	#FormSearch
	{
		/* largeur */
		width:400px;	
		
		/* bordure (épaisseur, type, couleur) */
		border:0px;
		
		/* alignement (left, right) */
		float:left;
		
		/* marges intérieures */
		padding:10px;
		
		/* marges extérieures */
		margin:5px;
	}

	#FormSearch div
	{
		/* affichage en ligne ajouter => float:left;  */
		/* float:left; */
		
		/* marges extérieures (supérieure,droite,inférieure,gauche) */
		margin:2px 0px 2px 0px;
	}

	#FormSearch label
	{
		/* alignement v des champs de saisie (affichage colonnes) ajouter => width:140px; */
		width:140px;
		
		display:block; 
		float:left;
	}

	#ValidationBouton
	{
		clear:both;
		
		/* couleur du texte du bouton */
		color:inherit;
		
		/* alignement du bouton (left, right) */
		float:right;
		
		/* marges extérieures (supérieure,droite,inférieure,gauche) */
		margin:10px 0px 0px 0px;
		
		/* couleur de fond du bouton (bouton normal si supprimé) */
		/* background-color:White; */
	}




/*-------------------#Bloc Résultat de la requète de dispo------------------------*/

/* bloc du résultat de la recherche */


	#resultBloc
	{	
			
		/* disposition ajouter => clear:both; pour le placement en dessous */
		clear:both;
		
		/* alignement (left, right) */
		float:left;
		
		/* largeur */
		width:100%;	
		
		/* bordure (épaisseur, type, couleur) */
		/* border:1px dotted black; */
		
		/* marges intérieures */
		padding:10px;
		
		/* marges extérieures */
		margin:5px;
	}

	#resultBloc div
	{	
		width:150px;
		
		/* affichage en ligne ajouter => float:left;  */
		float:left;

		/* marges extérieures */
		margin:5px;
	}
	#resultBloc form
	{
		clear:both;	
		padding-bottom:15px;
	}

/*-------------------#Bloc InfosClient------------------------*/

/* bloc des informations à entrer sur le client */


#blocInfosClient
{
	width:400px;
}

#blocInfosClient div
{
	margin:5px;
}

#blocInfosClient label
{
	display:block; 
	float:left;
	width:150px;
}

/*-------------------#Bloc Paiement------------------------*/

/* bloc des informations à entrer pour le paiement */



#blocPaiement
{
	width:450px;
}

#blocPaiement p
{	
	margin-top:0px;
}

#blocPaiement div
{	
	margin:5px;
}

#blocPaiement label
{
	display:block; 
	float:left;
	width:150px;
}


#plastname
{
	text-transform:uppercase;	
}

#pfirstname
{
	text-transform:uppercase;	
}

#MessageErreur
{
	height:100%;
	clear:both;
	color:Red;
	font-weight:bold;
}


/*-------------------Bloc d'affichage de la résa du client------------------------*/


/* bloc des informations client */

p#blocConfirmInfoClient
{

}

/* bloc de confirmation du paiement */

p#blocConfirmPaiement
{
	
	
}

/* bloc des informations sur la résa */

p#blocConfirmInfoResa
{

}

/* bloc des informations contact et impression */

p#blocConfirmInfoDown
{
	
}