@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: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
	font-size: 100%;
	font-size:11px;
}

h1 { font-size:18px; color:#0475BF; font-weight:normal;}
h2 { font-size:16px; color:#0475BF; font-weight:normal;}
h3 { font-size:15px; color:#0475BF; font-weight:normal;}
h4 { font-size:14px; color:#0475BF; font-weight:normal;}
h5 { font-size:13px; color:#0475BF; font-weight:normal;}

pre { margin:13px; padding:6px; border: dotted 1px black; color: gray; font-size:12px; }
pre strong { color: black; font-weight: normal; }
span { font-size:12px; }
hr { color: #666666; height:1px; font-size:0px; margin:0px; padding:0px; }
a { color: #0475BF; text-decoration:none; font-size:12px; }
a:hover { text-decoration:underline; }
img { text-decoration:none }
p { padding:0 0 10px 0;  font-size:12px; color:#666666; margin:0px; }


/*style formulaires
**************************************************************/
input { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#666666 }
select { color:#666666; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; }
textarea { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:1px outset #666666; }
label { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; }


/*MISC styles
**************************************************************/
.clearBoth { 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 ! -- */

#corps_popup { padding-top:20px; padding-left:10px; padding-right:10px; width:650px;  margin:0 auto;}
#mainConteneur { width:100%; margin:auto; }
#conteneur {
	width: 980px;
	margin: 0 auto;
	height:100%;
	min-height: 100%;
	background: #ffffff;
	text-align:left;
	/*margin-left:50%;
	left:-490px;
	position: absolute;*/
}
html > body #conteneur { height:auto;}

	/* entete */
	#entete { height:185px; text-align:left; padding:0px; margin:0px;}
			
	/* flags for languages */
	#zoneFlags { position:absolute; top:10px; right:10px;}
		#zoneFlags li {list-style:none; float:left; list-style-type:none; margin-right:5px;}

	/* contenu */
	#contenu { padding-bottom:30px; position:relative; text-align:justify; width:980px; }
		#contenu li { list-style-image:url(/satena/images_site/design/puce.png); margin-top:2px; list-style-position:outside; }
		#instanceCtrlContent_dtlTypePassager select { margin-top:0px !important; }
		#Table7 { width:315px;}
		
		#areaLeft { width:265px; float:left;}
		#areaRight { width:660px; float:left;}
			
	/* footer */
	#piedpage { width: 100%; height:455px; margin-top:5px; padding-top:10px; font-size: 12px; }		
		
	/* logo TTI on integration */
	#poweredTTI a {
		background:white url(/satena/images_site/poweredTTI.gif) no-repeat scroll 0 0;
		height:19px; position:absolute; right:5px; width:19px; z-index:0;
	}
	#poweredTTI a:hover {
		background:white url(/satena/images_site/poweredTTI-over.gif) no-repeat;
	}


}

/*IMPRESSION*/
@media print {

a { color: #8259DF; text-decoration:none; }
A:link { font-size: 0.9em; color: #8259DF; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration: none; }
A:active { font-size: 0.9em; color: #8259DF; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration: none; }
A:visited { font-size: 0.9em; color: #8259DF; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration: none; }
A:hover { font-size: 0.9em; color: #475F6F; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration: underline; }

p { padding:0 0 18px 0; }

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

.bouton { font-weight: bold; color: #FFFFFF; background-color: #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; }


}