@charset "utf-8";
/*************************************************************
                       CSS GENERAL
*************************************************************/

/*ECRAN */
@media screen {
/*Styles standards
**************************************************************/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align:center;
	}

body {
	font-size:10px;
}

#conteneur {
	position: relative;
	width: 997px;
	margin-left:auto;
	margin-right:auto;
	height:auto !important;
	min-height: 100%;
	height:100%;
	background: #ffffff;
	border:1px solid #002C5F;
	color:#666462;
	text-align:left;
}



.tableSaisiePassager, .fieldsetSaisiePassager {
	width:580px !important;
}

.borderBottomSide {
	border-bottom:1px solid #CCCCCC;
	width:600px;
}

#instanceCtrlContent_btBack {
	color:black;
	cursor:pointer;
	font-size:11px !important;
	text-decoration:none;
}

.tableHeaderRptPassager, .tableItemTemplateRptPassager, .tableSyntheseTarifDossier {
	width:600px !important;
}

.border {
	border:1px solid #A5A5A5;
	font-size:xx-small;
	margin:3px;
	padding:3px !important;
}


/*html #conteneur{ 
	position:absolute; 
	left:50%; 
	margin-left:-499px;
}*/
	#conteneur h2, #conteneur h3, #conteneur p, #conteneur ol, #conteneur ul {
		margin-left: 2px;
		margin-right: 2px;
	}
	#conteneur h1 {
		margin: 0 15px 20px 30%;
		padding-top: 10px;
		text-align: right;
		font-size: 15px;
		font-style: italic;
	}
	#timeTable h1{
		font-style:normal;
		margin-top:-30px;
		padding-bottom:40px;
		margin-left:0;
		text-align:center;	
}
	#conteneur p, #conteneur li {
		text-align: justify;
	}

#conteneur #infos {
	margin-bottom: 0;
	float:left;
}

#conteneur #corps {
	margin:1px 2px;	
	min-height:400px;	
	height:auto !important;
	height:400px;
	padding:6em 3em;
}
#conteneur #corps_index {
	margin-left:2px;
	margin-top:1px;
	min-height:423px;	
	height:auto !important;
	height:423px;
	z-index:1;
}

.center{
	min-height:502px;
	height:auto !important;
	height:502px;
	padding-bottom:30px;
	width:625px;
}

#entete {
	height:195px;
	margin-left:2px;
	margin-top:1px;
}

#piedpage {
	bottom: 0;
	left: 0;
	position:absolute;
}
	#piedpage a:hover, #Menu_bas .marqueTaPage a {
		color:#FF9A32;
		text-decoration:none;
	}
	
	#pied_bas{
		text-align:center;
		font-size:10px;
	}
			#poweredTTI a {
				background:url("/BOA/images_site/poweredTTI.gif") no-repeat;
				position:absolute;
				width:20px;
				height:20px;
				margin-top:140px !important;
				margin-left:113px !important;
				z-index:0;
			}
			
			#poweredTTI a:hover {
				background:url("/BOA/images_site/poweredTTI-over.gif") no-repeat;
			}

			*html #poweredTTI a { margin-left:600px; margin-top:90px !important; }
			*html #poweredTTI a:hover { margin-left:600px; margin-top:90px !important; }
			*+html #poweredTTI a { margin-left:600px; margin-top:90px !important; }
			*+html#poweredTTI a:hover{ margin-left:600px; margin-top:90px !important; }
			
			#poweredTTInet a {
				background:url("/BOA/images_site/poweredTTI.gif") no-repeat;
				width:20px;
				float:left;
			}

			#poweredTTInet a:hover {
				background:url("/BOA/images_site/poweredTTI-over.gif") no-repeat;
			}

pre {
	margin: 1em;
	padding: .5em;
	border: dotted 1px black;
	color: gray;
	font-size: 10px;
}
pre strong {
	color: black;
	font-weight: normal;
}

#call_center{
	font-size:13px;
	font-weight:bold;
	position:absolute;
	right:54px;
	top:558px;
	color:#666462;
}

/* marquee dotnet */
#marquee{margin-top:-50px;position:absolute;width:930px;}

#Menu li a{
	padding-top:4px;
	display:block;
	font-size:10px;
}
#Menu li ul li a, #Menu li ul li ul li a{
	display:block;
	font-size:10px;
	margin-right:0;

}
.decalage_menu_bas{
	display:block;
	font-size:10px;
	margin-top:9px;
}
.decalage_separation_menu_bas{
	margin-top:3px !important;
}
.decalage_menu_bas2{
	padding-top:9px;
	display:block;
	font-size:10px;
	padding-left:30px;
}


hr {
	color: #A5A5A5;
	height:1px;
	font-size:0px;
	margin:0px;
	padding:0px;
}
a {
	color: #D03900;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	text-decoration:none
}
p {
	/*padding:0 0 18px 0;*/
	font-size:12px;
	color:##E2D2C;
}
/*style formulaires
**************************************************************/
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000
}
select {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	border:1px outset #CCCCCC;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px outset #CCCCCC;
}

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*MISC styles
**************************************************************/

.clear {
	clear:both;
}
.champ {
	margin-left:135px;
	clear:both;
	width:500px;
	height:25px;
}
.champ_titre {
	float:left;
}
.champ_form {
	float:right;
}
/*Styles de mise en page
**************************************************************/
/* -- Respecter l'héritage des classes ! -- */

#contenu {
	position: relative;
	text-align:justify;
	padding:5em 3em 8em;
}
	#contenu li {
		list-style-image:url(/BOA/images_site/design/puce.gif);
		margin-top:2px;
		list-style-position:outside
	}
	#contenu td li {
		list-style:none;
		margin-top:2px;
		list-style-position:outside
	}


#callCenter {
	height:32px;
	position:absolute;
	right:0px;
	top:154px;
	width:184px;
	z-index:100;
}
.navigation_separation{
	background-image:none !important;
	background-color:#ffffff !important;
	margin:0 0 0 -1px !important;
	padding:0 !important;
	width:1px;
	height:25px;
}

.cms_contenu table p{
	margin:0;
	padding:5px;
}

#instanceCtrlContent_SaisiePassagers_rptChampsSaisiesPersonne_ctl01_lblDateNaissance { font-size:9px !important;}

/********************************************************************|
|----------------------|  Menu haut déroulant |----------------------|
|*********************************************************************/
#navigation{height:25px;}

#Menu {
	height:25px;
	width:993px; 
	font-size:9px;
	background:#10396A none repeat scroll 0 0;
	margin:0;
	padding:0;
	z-index:5;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	white-space:nowrap;
	position:relative;
}

#Menu a	{
	text-decoration:none; 
	vertical-align:middle; 
	color:#FFFFFF;
	margin-right:1px;
	float:left;	
	display:block;
	padding:0 20px 5px;
	

}
#Menu a:hover, #Menu .marqueTaPage a  {
	text-decoration:none; 
	vertical-align:middle; 
	border-left:1px solid #002C5F;
	border-right:1px solid #002C5F;
	background-image:url(/boa/images_site/bouton_hover.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#002C5F;
	padding-left:19px;
	padding-right:19px;
	height:16px;
}

#Menu img  {
	border:0;
}
#Menu ul { 
	visibility:hidden; 
	position:absolute; 
	display:block;
	margin:0px;
	padding:0px;
	z-index:100;

}
	#Menu li  {	
		cursor:pointer; 
		display:block; 
		float:left; 
		position:relative; 
		background-image:url(/boa/images_site/bouton_menu_haut.jpg);
		background-repeat:repeat-x;
		color:#FFFFFF;
		height:25px;
	}
		#Menu li ul { 
			position:absolute; 
			top:24px;  
			margin:0; 
			padding:0; 
			z-index:10;
			border:1px solid #000D3D;
			border-bottom:none;
		}
		*html #Menu li ul { margin-left:-100%;}
		*+html #Menu li ul { margin-left:-100%;}
			#Menu ul li a	{ 
				background: transparent url(/boa/images_site/fond_menu.png)!important;
				background-repeat:repeat !important;
				border:medium none !important;
				color:white !important;
				cursor:pointer;
				display:block;
				height:14px !important;
				padding-top:6px !important;
				width:161px !important;
				padding-left:20px !important;
				padding-right:20px !important;	
			}
			*+html #Menu ul li a{width:191px !important;}
			*html #Menu ul li a	{width:201px !important;padding-right:0 !important;}
			#Menu ul li a:hover	{ 
				background-image:none !important;
				background-color:#002B60 !important;
				border:0 none !important;
				height:14px !important;
				margin:0 !important;
				width:162px !important;
				padding-left:20px !important;
				padding-right:19px !important;				
				cursor:pointer;
				margin-right:0 !important;
			}
			*+html #Menu ul li a:hover{ width:192px !important;}
			*html #Menu ul li a:hover{ width:201px !important;padding-right:0 !important;}
				#Menu li ul li	{
					display:block;  
					z-index:100;
					white-space:nowrap; 
					white-space:nowrap; 
					background-image:none;					
					border-top:0;
					clear:both; 
					border-bottom:1px solid black;		
					}
					#Menu li ul li ul { 
						position:absolute; 	
						padding:0; 
						z-index:10; 
						margin-left:201px; 
						padding:0;
						top:-1px;
					}
					 *html #Menu li ul li ul { margin-left:0px;}
					*+html #Menu li ul li ul { margin-left:0px;}

.infos a:hover, .services a:hover {cursor:s-resize;}

/********************************************************************|
|--------------------|Nouveau menu bas déroulant|--------------------|
|*********************************************************************/

#Menu_bas {
	padding-left:2px !important;	
	z-index:5;	
	width: 992px;
	height: 25px;
	background-image:url(/boa/images_site/menu_bas.jpg);
	background-repeat:repeat-x;
	font-size: 10px;
	color:white;
	border-top:1px solid #10396A ;
}

#Menu_bas a	{
	text-decoration:none; 
	vertical-align:middle; 
	color:#FFFFFF;
	margin-right:1px;
	float:left;	
	display:block;
	padding:4px 20px 3px;	

}
#Menu_bas img  {
	border:0;
}
#Menu_bas ul { 
	visibility:hidden; 
	position:absolute; 
	display:block;
	margin:0px;
	padding:0px;
	z-index:100;

}
	#Menu_bas li  {	
		cursor:pointer; 
		display:block; 
		float:left; 
		position:relative; 
		padding-left:0px; 
		padding-right:0px;
		height:25px;
	}
		#Menu_bas li ul { 
			bottom:25px;
			margin:0; 
			padding:0; 
			z-index:10;
			left:-2px;
			border-left:1px solid #10396A;
			border-right:1px solid #10396A;
			padding-bottom:1px;
		}
		*html #Menu_bas li ul { bottom:23px;}
			#Menu_bas li ul li	{
				background-image:none;
				border-top:1px solid #10396A;
				border-bottom:0 none;
				clear:both;
				white-space:nowrap;
				z-index:100;			
			}
			#Menu_bas li ul li a	{ 
				background-image:url(/boa/images_site/fond_menu.png) !important;
				background-repeat:repeat !important;				
				border:medium none !important;
				color:white !important;
				height:14px !important;
				padding-top:6px !important;
				width:160px !important;
				margin:0 !important;
				padding-bottom:5px;
			}
			*html #Menu_bas li ul li a	{ width:219px !important;}
			#Menu_bas li ul li a:hover	{ 
				background-image:none !important;
				background-color:#002B60 !important;
				border:0 none !important;
				height:14px !important;
				margin:0 !important;
				width:160px !important;
				cursor:pointer;
				margin-right:0 !important;
			}
			*html #Menu_bas li ul li a:hover{ width:219px !important;}
					#Menu_bas li ul li ul { 
						position:absolute; 	
						bottom:0px;  
						padding:0; 
						z-index:10; 
						left:100%; 
						padding:0;
						border-bottom:1px solid #10396A;
						bottom:-1px;
					}
.AcercaDeBoa a:hover, .Equipo a:hover, .Atencion a:hover {cursor:s-resize;}



/****************/


#promo1, #promo2{
	width:275px;
}
#promo1{
}
#promo2{
}


#infos #titre_fond{
	background-image:url(/boa/images_site/promo_titre.jpg);
	background-repeat:repeat-x;
	height:23px;
	margin:0 !important;
	width:267px;
	float:left;
	}
#infos #titre{
	font-weight:bold;
	margin-left:10px;
	margin-top:4px;
	color:#FFFFFF;
	}
#infos #titre_bord{
	background-image:url(/boa/images_site/promo_titre_bord.jpg);
	width:8px;
	height:23px;
	float:right;
}
#infos #contenu_promo{
	background-image:url(/boa/images_site/promo_contenu.jpg);
	background-repeat:repeat-x;
	width:275px;
	height:142px;
	float:left;
}

#home_picture{
	width:438px;
	height:332px;
	margin-left:276px;
	background-image:url(/boa/images_site/home_plane.jpg);
	margin-top:0;
	position :relative;
}
*+html #home_picture{
margin-left:1px;
float:left;}
*html #home_picture{
margin-left:1px;
float:left;}

.champsImportants{
	font-size:13px;
	font-weight:bold;
	color:#D03900;
}

#contact td{padding-left:30px;}
#cms-contact{}
#cms-contact p{}
#instanceCtrlContent_Inscription_lblPassword, #instanceCtrlContent_Inscription_lblPasswordConfirmation, 
#instanceCtrlContent_Inscription_lblCivilite, #instanceCtrlContent_Inscription_lblNom,
#instanceCtrlContent_Inscription_lblPrenom , #instanceCtrlContent_Inscription_lblEmail, 
#instanceCtrlContent_Inscription_lblTelDomicile, #instanceCtrlContent_Inscription_lblTelBureau, 
#instanceCtrlContent_Inscription_lblTelPortable, #instanceCtrlContent_Inscription_lblLoginLibelle     {
font-size:12px;
color:black;
}

.borderDivDetailTarifs {
width:570px !important;
}

}
/*IMPRESSION*/
@media print {
	#conteneur h2, #conteneur h3, #conteneur p, #conteneur ol, #conteneur ul {
		margin-left: 15px;
		margin-right: 15px;
	}
	#conteneur h1 {
		margin: 0 15px 20px 30%;
		padding-top: 10px;
		text-align: right;
		font-size: 15px;
		font-style: italic;
	}
	
a {
	color: #8259DF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	padding:0 0 18px 0;
}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000
}
select {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	border:1px outset #CCCCCC;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	border:1px outset #CCCCCC;
}


A:link {
	font-size:9px;
	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
}
A:active {
	font-size:9px;
	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
}
A:visited {
	font-size:9px;
	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
}
A:hover {
	font-size:9px;
	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: underline;
}
.bouton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #475F6F;
	border: 1px outset #475F6F;
}
li {
	margin-top:2px;
	padding-top:4px;
}
.border {
	border: 1px outset #475F6F;
	margin: 3px;
	padding: 7px;
	font-size: xx-small;
}
.NoWrap {
	white-space: nowrap;
}

#entete {
	display:none
}
#navigation {
	display:none
}
#piedpage {
	display:none
}

#poweredTTI a {
	background:url("/BOA/images_site/poweredTTI.gif") no-repeat;
	position:absolute;
	width:20px;
	height:20px;
	left: 230px;
	top:230px;
	z-index:0;
}

#poweredTTI a:hover {
	background:url("/BOA/images_site/poweredTTI-over.gif") no-repeat;

}
}