body
{
   width: 892px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}

#en_tete
{
   width: 892px;
   height: 194px;
   background-image: url("images/banniere.PNG");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#corps
{
	/*background-color:green;*/
	
}

#corpsconfirm
{
	margin-left:200px;
}

.submit
{
	/*float: right;
	position: relative;
	bottom: 25px;*/
	margin-left: 280px;
	margin-top: 25px;
}



.print
{
	/*float: right;
	position: relative;
	top: 80px;
	left: 115px;*/
	margin-left: 220px;
	margin-top: 25px;
}

.center
{
	text-align: center;
}

p
{
	text-align: justify;
}

h1
{
	text-align: center;
	font-family: Georgia, "Arial Black", "Times New Roman", Times, serif;
	font-size: 28px;
	margin-bottom:0px;
}

h4
{
	text-align: center;
	font-family: arial, "Arial Black", "Times New Roman", Times, serif;
	margin-top:0px;
	color: rgb(244,142,38);
	font-style: italic;
}

.trip  /* c'est juste l'espace entre les 2 radio de la premiere ligne*/
{
	margin-left: 10px;
}

label, input
{
	font-size: 17px;
	font-weight: bold;
}

label
{
	margin-bottom: 15px;
	font-family: Georgia, "Arial Black", "Times New Roman", Times, serif;
	margin-right: 5px;
}
.espacelig1    /* avec ca on peut augmenter l'espace entre le champ et les radio de la premiere ligne*/
{
	margin-left: 10px;
}
.textitalique   /* le texte en italique qui doit etre juste en dessou de certains trucs */
{
	font-style: italic;
	font-family: arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
}

.edit2emeligne   /* controle de la taille de l'edit de name a la 2 eme ligne*/
{
	width: 817px;
	padding: 0 0 0 0;
}

.editpourcontactnum  /* controle de la taille de l'edit de contact num a la 3 eme ligne*/
{
	width: 696px;
	padding: 0 0 0 0;
}

.editpouremail  /* controle de la taille de l'edit de email a la 4 eme ligne*/
{
	width: 711px;
	padding: 0 0 0 0;
}

.editotherpers /* controle de la taille de l'edit de other a la 5 eme ligne*/
{
	width: 124px;
	padding: 0 0 0 0;
}

.edittrainno  /* controle de la taille de l'edit de trainno. a la 12 eme ligne*/
{
	width: 160px;
	padding: 0 0 0 0;
}

.editcomingfromt  /* controle de la taille de l'edit de coming from pour train a la 12 eme ligne*/
{
	width: 228px;
	padding: 0 0 0 0;
}

.editgoingtot  /* controle de la taille de l'edit de going to pour train a la 13 eme ligne*/
{
	width: 301px;
	padding: 0 0 0 0;
}

.editflightno  /* controle de la taille de l'edit de flight no. a la 14 eme ligne*/
{
	width: 149px;
	padding: 0 0 0 0;
}

.editairline  /* controle de la taille de l'edit de airline a la 14 eme ligne*/
{
	width: 286px;
	padding: 0 0 0 0;
}

.editcomingfroma  /* controle de la taille de l'edit de coming from pour avion a la 15 eme ligne*/
{
	width: 229px;
	padding: 0 0 0 0;
}

.editgoingtoa  /* controle de la taille de l'edit de going to pour avion a la 15 eme ligne*/
{
	width: 301px;
	padding: 0 0 0 0;
}

#flight /* controle de l'espacement des deux radio en ba*/
{
	margin-right: 63px;
}

.pointorangeg
{
	font-weight: bold;
	font-size: 37px;
	color: rgb(244,142,38);
	margin-left: 0px;
	margin-right: 15px;
}

.pointoranged
{
	font-weight: bold;
	font-size: 37px;
	color: rgb(244,142,38);
	margin-left: 15px;
	margin-right: 0px;
}

textarea
{
	background-color: rgb(251,227,206);
	border: none;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 0px;
	font-family: arial, "Arial Black", "Times New Roman", Times, serif;
	position: relative;
	top : 17px;
}

.remonterlabel
{
	position: relative;
	bottom: 20px;
}

.selectpers
{
	margin-right: 58px;
}
.selectpers2
{
	margin-right: 10px;
}

.editpaslarge
{
	width: 100px;
	margin-left: 0px;
	margin-right: 44px;
	padding: 0 0 0 0;
}

.editpaslargeder
{
	width: 101px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 0 0 0;
}
.dotdot  /* c'est pour eviter d'avoir une grosse marge au nivo des 2 points qui sont entre l'h et les minnutes*/
{
	margin-right: 5px;
}

.espacelig6 /* espacement entre lugguage et details*/
{
	margin-left: 40px;
}

.espace6emelig  /* espacement entre les 2 text en italique*/
{
	margin-left: 260px;
}

.espace7emelig /* espacement entre date of travel et time of travel*/
{
	margin-left: 89px;
}

.espace8emelig /* espacement entre pickup address et drop off address */
{
	margin-left: 17px;
}

.espace11emelig /* espacement entre arrival time et departure time */
{
	margin-left: 165px;
}

.espace11emeligitalic /* espacement entre the driver is picking-up et the driver is dropping  */
{
	margin-left: 329px;
}

.espace12emelig   /*espacement entre train no. et coming from */
{
	margin-left: 340px;
}

.espace13emelig  /* espacement entre going to  et coming from*/
{
	margin-left: 85px;
}

.espace13bemelig  /* espacement entre going to  et coming from*/
{
	margin-left: 340px;
}

.espace14emelig /* espacement entre flight no. et airline */
{
	margin-left: 85px;
}

.espace15emelig /* espacement entre coming from et going to */
{
	margin-left: 85px;
}

.bookingsent
{
	margin-left: 215px;
}

center  /*  c'est pour décalé les train number et flight number */
{
	position: relative;
	left: 138px;
}

.detail /* largeur de l'edit de detail*/
{
	width: 490px;
	padding: 0 0 0 0;
}

label[for=arrivalhh]
{
	margin-left: 0px;
}


input, select
{
	background-color: rgb(251,227,206);
	border: none;
	margin-top: 15px;
	font-family: arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: normal;
}

.policedate
{
	font-family: arial, "Arial Black", "Times New Roman", Times, serif;
}

.disclamer
{
	font-family:  verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;
	width: 476px;
	margin-left: auto;
    margin-right: auto;	
	margin-top:0px;
}

.booold
		{
			font-weight: bold;
			color: rgb(29,159,113);
		}

.italic
{
	font-weight: bold;
}

.italic2
{
	font-style: italic;
	color: rgb(204,0,0);
}

img 
{
	border: 0px;
	margin: 0 0 0 0;
}

.espaceindex
{
	margin-left: 40px;
}

A.ok
{
	display:block;
	background:url("images/bouton OK-off.png");
	text-decoration: none; 
	width: 53px;
	height: 53px;
	position: relative;
	left: 600px;
	top: -106px;
}


a.ok:hover
{
	background:url("images/bouton OK-on.png");
}

.okmod
{
	display:block;
	background:url("images/bouton OK-off.png");
	text-decoration: none; 
	width: 53px;
	height: 53px;
	margin-left: 320px
}


.okmod:hover
{
	background:url("images/bouton OK-on.png");
}

A.change
{
	display:block;
	background:url("images/bouton My Bookings OFF.png");
	text-decoration: none; 
	width: 120px;
	height: 53px;
	position: relative;
	left: 350px;
	top: 0px;
}


A.change:hover
{
	background:url("images/bouton My Bookings ON.png");
}

A.quit
{
	background-image: url("images/bouton QUIT-off.png");
	display: block; 
	text-decoration: none; 
	width: 53px;
	height: 53px;
	margin-left: 510px;
	position: relative;
	top: -53px;
}

A.quit:hover
{
	background-image: url("images/bouton QUIT-on.png");
}

A.back
{
	background-image: url("images/bouton back-off.PNG");
	display: block; 
	text-decoration: none; 
	width: 53px;
	height: 53px;
	margin-left: 410px;
}

A.back:hover
{
	background-image: url("images/bouton back-on.PNG");
}

A.hlp
{
	background-image: url("images/question mark.png");
	display: block; 
	float: right;
	text-decoration: none; 
	width: 136px;
	height: 283px;
}

A.hlp:hover
{
	background-image: url("images/question mark ON.png");
}

#warning
{
	/*display: inline;*/
	background-image: url("images/panneau danger.png");
	background-repeat: no-repeat;
}

th 
{
	text-align: center;
	width: 195px;
}

.posit
{
	position: relative;
	top: 10px;
}