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

/*ECRAN */
@media screen {
/*Styles standards
**************************************************************/

html {
	height:100%;
	min-height:100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align:center;
	background:url(/comoresaviation/images_site/css/background_html.jpg) repeat-x;
	font-size:11px;
}


pre { margin: 1em; padding: .5em; border: dotted 1px black; color: gray; font-size: 0.9em; }
pre strong { color: black; font-weight: normal; }
span { font-size: 11px; }
hr { color: #05451f; height:1px; font-size:0px; margin:0px; padding:0px; }

a { color: #05451f; text-decoration:none; }
a:hover { text-decoration:underline; }
img { text-decoration:none; border:none; }
p { padding:0 0 10px 0; font-size:12px; color:#000000; }
.clearBoth { clear:both;}


/*style formulaires
**************************************************************/
input { font-size:11px; color:#05451f }
select { color:#05451f; font-size:11px; border:1px outset #CCCCCC; }
textarea { font-size:11px; color:#05451f; border:1px outset #CCCCCC; }
label { 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; }

#main {	background:url(/comoresaviation/images_site/css/background.jpg) no-repeat; height:100%; min-height:100%; }

#conteneur {
	position: relative;
	width: 770px;
	margin: 0 auto;
	height:auto;
	min-height: 100%;
	background: #FFFFFF;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	padding-bottom:0px;
}
html > body #conteneur { height:auto;}

/* structure du site -- Respecter l'héritage des classes !
**************************************************************/

	h1, h2, h3, h4, h5 { color:#90000B; }
	#conteneur h1 { margin: 0 15px 20px 30%; padding-top: 10px; text-align: right; font-size: 16px; font-style: italic; }
	#conteneur h2, #conteneur h3, #conteneur p { margin-left: 15px; margin-right: 15px; }
	#conteneur p, #conteneur li { text-align: justify; }
	
	#contenu { height:auto; text-align:justify; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:70px; }

	/* entete */
	#entete { width:100%; height:203px; background:url(/comoresaviation/images_site/css/design/banner.jpg);}
	
	/* navigation */
	#navigation ul { margin:0px; padding:0px; padding-left:10px; }
	#menu_haut { font-size:12px; height:24px; list-style-image:none; list-style-position:outside; list-style-type:none; padding-left:10px; white-space:nowrap;}
	*html #menu_haut { width:760px; }
	#menu_haut li { float:left; position:relative; z-index:100; }
	#menu_haut a { text-decoration:none; float:left; display:block; height:19px; padding-top:5px; }
	#menu_haut .marqueTaPage a { font-weight:bold; }
	#menu_haut a:hover, #menu_haut .marqueTaPage a { color:#90000b; text-decoration:none; }
	#menu_haut .marqueTaPage div ul li a { font-weight:normal !important; color:#05451f; }
	#menu_haut .marqueTaPage div ul li a:hover { color:#90000b; font-weight:normal !important; text-decoration:none; }
	#menu_haut .separator { padding-left:10px; padding-right:10px; padding-top:3px;}
	#menu_haut .menu_item div { display:none; position:absolute; padding:10px; top:24px; left:-10px; background:#FFFFFF; z-index:100; border:1px solid #CCCCCC; border-top:none; padding-top:0px;}
	#menu_haut .menu_item div ul { list-style:none; width:auto; margin:0px; padding:0px;}
	*html #menu_haut .menu_item div ul { width:100px;}
	#menu_haut .menu_item div ul li { list-style-type:none; list-style-position:inside; float:left; display:block; width:100%;}
	
	/* zones */
	#columnLeft { width:280px; margin-left:20px; margin-top:20px; float:left; height:auto; position:absolute; margin-bottom:50px }
	#columnRight { width:450px; margin-right:20px; margin-top:20px; float:right; height:auto; margin-bottom:50px; }

	#conteneur #moteur { margin-top: 0; }

	#conteneur #newsletter { background:url(/comoresaviation/images_site/css/design/bg_smallzone.jpg); width:280px; height:84px; position:absolute; top:240px; margin-top:20px; font-size:9px !important;}
	#conteneur #newsletter h3 { margin-top:-3px; margin-bottom:3px; font-size:14px; }
	#conteneur #newsletter p, #conteneur #newsletter form { padding:0px 15px; margin:0px; margin-bottom:3px; color:#000000;}
	#conteneur #newsletter .select { vertical-align:middle;}
	#conteneur #newsletter .newsletterSend { vertical-align:middle; }

	#conteneur #partenaires { position:absolute; top:350px; width:280px; color:#000000; float:right; }
	#conteneur #partenaires .topZone { background:url(/comoresaviation/images_site/css/design/bg_smallzone_top.jpg) no-repeat; height:18px; width:280px; margin:0px; }
	#conteneur #partenaires .topZone h3 { margin:0px; margin-left:15px; font-size:14px; }
	#conteneur #partenaires .middleZone { background:url(/comoresaviation/images_site/css/design/bg_smallzone_middle.jpg) repeat-y; width:280px; }
	#conteneur #partenaires .middleZone p { margin:0px; margin-left:15px; margin-right:15px; padding-top:5px;}
	#conteneur #partenaires .bottomZone { background:url(/comoresaviation/images_site/css/design/bg_smallzone_bottom.jpg) no-repeat; height:22px; width:280px; }

	#conteneur #visuel { background:url(/comoresaviation/images_site/css/design/bg_visuel.jpg); height:278px; width:421px; float:right;}
	
	#conteneur #nouveautes { margin-bottom:0; width:419px; float:right; margin-top:5px; }
	#conteneur #nouveautes .topZone { background:url(/comoresaviation/images_site/css/design/bg_bigzone_top.jpg) no-repeat; height:20px; width:419px; margin:0px; }
	#conteneur #nouveautes .topZone h3 { margin:0px; margin-left:15px; font-size:14px;}
	#conteneur #nouveautes .middleZone { background:url(/comoresaviation/images_site/css/design/bg_bigzone_middle.jpg) repeat-y; width:419px; }
	#conteneur #nouveautes .middleZone p { margin:0px; margin-left:15px; margin-right:15px; padding-top:5px;}
	#conteneur #nouveautes .bottomZone { background:url(/comoresaviation/images_site/css/design/bg_bigzone_bottom.jpg) no-repeat; height:24px; width:419px; }


	
	/* pied */
	#piedpage { position: absolute; bottom: 0; left: 0; width: 100%; height:50px; font-size: 12px; background: url(/comoresaviation/images_site/css/design/footer.jpg) no-repeat bottom; text-align:center;}
	#piedpage ul { height:15px; left:50%; top:0px; margin:0px; margin-left:-135px; position:absolute; width:270px; padding:0px; }
	#piedpage li { list-style:none; list-style-image:none; float:left; }
	#piedpage .separator { padding-left:5px; padding-right:5px;}

	#poweredTTI a {
		background:white url(/comoresaviation/images_site/poweredTTI.gif) no-repeat scroll 0 0;
		height:19px;
		position:absolute;
		right:5px;
		top:0;
		width:19px;
		z-index:0;
	}
	#poweredTTI a:hover {
		background::white url(/comoresaviation/images_site/poweredTTI-over.gif) no-repeat;
	}
	
	*html .tableDispoCalendrier { width:635px !important;}
	#instanceCtrlContent_Identification_lnkClientForgotPassword,
	#instanceCtrlContent_lnkModifierProfil, #instanceCtrlContent_lnkShowHome, #instanceCtrlContent_lnkLogout { font-size:11px; }
	
	#instanceCtrlContent_SaisiePassagers_rptChampsSaisiesPersonne_ctl01_lblTelDomicileTravail,
	#instanceCtrlContent_SaisiePassagers_rptChampsSaisiesPersonne_ctl01_lblTelPortable { font-size:11px !important; margin-left:0; }

}

/*IMPRESSION*/
@media print {

	#conteneur h2, #conteneur h3, #conteneur p {
		margin-left: 15px;
		margin-right: 15px;
	}
	#conteneur h1 {
		margin: 0 15px 20px 30%;
		padding-top: 10px;
		text-align: right;
		font-size: 1.5em;
		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:0.9em;
	color:#000000
}
select {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	border:1px outset #CCCCCC;
}

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


A:link {
	font-size: 0.9em;

	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
}
A:active {
	font-size: 0.9em;

	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
}
A:visited {
	font-size: 0.9em;

	color: #475F6F;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
}
A:hover {
	font-size: 0.9em;
	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;
	/*white-space: nowrap;*/
	font-size: xx-small;
}
.NoWrap {
	white-space: nowrap;
}

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

#piedpage {
	display:none
}

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

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