/* !!! pavé à gauche dans les pages !!!!!!!!!!!!! */
#pages-col-gauche {width:500px; float:left; margin:0 20px 0 25px; text-align:justify;}

#pages-formulaires {width:890px; margin:0 0 0 25px; text-align:justify;}
	#chemin-fer-resa {margin:5px 0 10px 25px;}
	h2.titre-resa {color:#2e8900; background-image:url(../images/puce-verte.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px; margin-bottom:7px;}
	.formulaires-resa {background-color:#cddfff; margin-left:-10px; padding:20px 10px;}
	
	.span-ville {font-weight:bold; color:#006699} /* pour mettre la ville en bleu dans les lignes (div) de dépot et de retrait */
	
	#pages-formulaires .div-retrait, #pages-formulaires .div-depot {width:50%; overflow:auto;}
	
	.bulles-paiement {background-color:#FFF; background-image:url(../images/fond-complement.jpg); background-repeat:repeat-x; border:1px dotted #0099FF; margin:25px; padding:25px; text-align:center;}
		
/* !!! pavé de droite en home page !!!!!!!!!!!!! */
#pages-col-droite {width:360px; float:left;}

#footer-pages {padding:7px 0; text-align:center;}


/* compte client */
div#pages-compte-client {width:900px; min-height:400px; margin:0 0 0 15px; padding:10px 0 10px 0; background-color:#cddfff;}
		div#contenus-compte-client {margin:0 10px; padding-bottom:20px; background-color:#FFF;}
		div#contenus-compte-client form {background-color:#FFF; margin:0; padding:20px;}
			div#contenus-compte-client h2 {margin:20px 0 0 10px;}
			
			/* menu principal compte client */
			ul#accueil-compte-client {padding:20px;}
			ul#accueil-compte-client li {line-height:40px; margin:20px 10px; list-style-type:square; border-bottom:1px solid #99ccff;}
				ul#accueil-compte-client li a {text-decoration:none; font-weight:bold; color:#003399;}
					ul#accueil-compte-client li a:hover {color:#3399CC;}
				
			/* menu navigation compte client */
			ul#menu-compte-client {display:block; width:880px; margin:0; padding:0;}
			ul#menu-compte-client li {float:left; width:218px; line-height:30px; margin:0 0 20px 0; border-right:2px solid #cddfff; background-color:#99CCFF; list-style-type:none; text-align:center;}
			ul#menu-compte-client li a {display:block; width:218px; height:30px; text-decoration:none; font-weight:bold; color:#003399;}
				ul#menu-compte-client li:hover {background-color:#fff; cursor:pointer;}
				ul#menu-compte-client li#page-compte-visitee {background-color:#FFF;}
				
				
		/* tableaux des pages du compte client & tableau de la page détail d'un séjour */
		table.table-compte-client, table.table-detail-sejour {width:100%; margin:0 0 20px 0;}
			table.table-compte-client th, table.table-detail-sejour th {border-bottom:2px solid #80aeff; text-align:left; padding:3px 0 3px 5px;}
			table.table-compte-client td, table.table-detail-sejour td {padding:10px 5px 7px 5px; vertical-align:top; border-bottom:1px dotted #80aeff;}
			table.table-compte-client a, table.table-detail-sejour a  {font-size:11px; padding-left:7px; background-image:url(../images/little-fleche.jpg); background-repeat:no-repeat; background-position:left;}
			
				 /* spec. du tableau de la page détail d'un séjour */
				 table.table-detail-sejour th {padding-top:25px; border-bottom:1px solid #80aeff;}
				 table.table-detail-sejour td {border:0; padding-top:5px;}
				 	table.table-detail-sejour table td {padding:0; text-align:left;}
				 table.table-detail-sejour a {font-size:1em;}
		
		/*tableau suivi*/
		table.table-compte-client td.ligne-separation {border-bottom:2px solid #80aeff;}

/* paiement */
#choix-paiment {background-color:#CDDFFF; width:900px; margin:20px auto 0 auto; padding-top:20px;}
	#choix-paiment table, #choix-paiment form {width:97%}
	#choix-paiment div.bulles-paiement {margin-right:60px}