body {
	/* mettre le cadre sur le body pose probleme pour impression sous IE */
	/*
	width: 800px;
	margin: 0 auto;
	border: 3px solid #9C9AB6;
	*/
	font-family: Arial, serif;
	font-size: 14px;
}

#global {
	width: 800px;
	margin: 0 auto;
	border: 3px solid #9C9AB6;
	/* pour positionner le div attente selon le div global */
	position: relative;
}

img {
	 border: 0;
}

td {
	padding: 0;
}

#banniere
{
	width: 800px;

}

.pre-table
{

	margin-left:30px;
	margin-right:30px;
	text-align:justify;
	position: relative;
}

.interieur-texte {
	position: absolute;
	top: 5px;
	left: 0px;
}

.haut-table
{

	width: 780px;
	margin: 0 auto;
}

.milieu-table
{
	width: 780px;
	margin: 0 auto;
}

.positionRelative {
	position: relative;
}

#divResultatImages {
	margin-left: 17.5px;
	width: 745px;
}

#contenuBilanEnvironnemental {
	position: absolute;
	top: 3px;
	left: 0px;
}

#contenuBilanEnvironnemental #tableContenuBilanEnvironnemental {
	margin-top: 15px;
}

#contenuBilanSocietal {
	position: absolute;
	top: 5px;
	left: 0;
}

#contenuBilanSocietal #tableContenuBilanSocietal {
	margin-top: 15px;
}

#contenuCadreGain {
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0;
}

.bas-table
{
	width: 780px;
	margin: 0 auto;
	
}



.post-table {
	margin: 0 auto;
	width: 780px;
}

.divCadrePageSaisie {
	width: 390px;
	position: relative;
}

#divRoute {	
	float: left;
}

#divEau {
	float: right;
}	

.divCadrePageSaisie .contenuCadrePageSaisie {
	margin-left: 15px;
	margin-right: 15px;
}

.divCadrePageSaisie .contenuCadrePageSaisie .texteCadrePageSaisie {
	position: absolute;
	top: 10px;
	left: 15px;
}

.divCadrePageSaisie .contenuCadrePageSaisie .texteCadrePageSaisie .titreCadrePageSaisie {
	margin-bottom: 20px;
}

.divCadrePageSaisie .contenuCadrePageSaisie .texteCadrePageSaisie .tableCadrePageSaisie {
	width: 360px;
}

.tableCadrePageSaisie select {
	width: 95%;
}

.tableCadrePageSaisie .ports {
	font-size: 12px;
}

.colonne-de-gauche-table-route
{
	text-align: right;
	vertical-align:middle;
	height :25px;
}

.texte-mappy
{
	width: 100px;
	text-align: middle;
	vertical-align:middle;
	font-style: italic;
	font-size: 8px;
	height :25px;
}
.colonne-de-gauche-table-eau
{

	width: 130px;
	text-align: right;
	vertical-align:middle;
	height: 40px;
}

.spacer 
{

  clear: both;
}

#fleche
{
	position: absolute;
	left: 315px;
	top: 188px;
	z-index: 2;
}

#divAttente
{
	position: absolute;
	left: 0px;
	top: 300px;
	z-index: 3;
	display: none;
	visibility: hidden;
}

table
{
	text-align: center;
	width: 100%;
	
}

.contenu {
	font-size: 12px;
    margin: 0 auto;
    width: 740px;
}

/* cellSpacer utilise pour simuler le border-spacing: 10px pas interprete par IE */
.contenu .cellSpacer {
	width: 10px;
}

.contenu .hauteur50px td {
	height:50px;
}

.contenu .cellGrande{
	width: 240px;
	font-weight: bold;
}

.contenu .cellGrande div {
	margin-left: 10px;
}

#cellGaucheBilanEnvironnemental {
	padding-top: 35px;
}

#cellGaucheBilanSocietal {
	padding-top: 20px;
}

.contenu .cellNoBorder{
	width: 150px;
}

.contenu .cellVide{
	width: 40px;
}

.contenu .cell{
	width: 150px;
	border: 2px solid #66B8DC;
}

.contenu .texteGauche{
	text-align: left;
}

.tableSaisieCellGauche {
	text-align: right;
	width: 40%;
}

.tableSaisieCellDroite {
	text-align: left;
	padding-left: 5px;
}

.contenu .cellTotal {
	font-weight: bold;
}

.contenu td div td {
	height:25px;
}

.contenu td div td div {
	border: 1px solid #00AAD3;
}

.donneeResultat {
	color: #E36929;
	font-weight: bold;
}

.paragrapheGras {
	font-weight: bold;
}

.bouton {
	cursor: pointer;
}

.image-bas {
	height: 55px;
}

.interieur {
	text-align: center;
	margin: 0 auto;
	width: 780px;
	position: relative;
	
}

.pre-table .divResultat .paragrapheGras {
	text-align: center;
}

.error {
	margin-top: 15px;
	font-weight: bold;
	color: #FF0033;
	display: none;
	visibility: hidden;
}

.table-bilan {
	margin-left: 12.5px;
	width: 755px;
}

.table-bilan .cellVide {
	width: 25px;
}

.table-bilan .cellDroite {
	width: 490px;
}

.titreTableau {
	color: #162983;
	font-weight: bold;
	font-size: 14px;
}

#titreResultat {
	width: 740px;
	background-color:#FFFFFF;
	margin-top: 20px;
}

#titrePortResultat {
	width: 740px;
	background-color:#FFFFFF;
}

#titreResultat table,#titrePortResultat table {
	width: 740px;
}

#titreResultat td,#titrePortResultat td {
	height: 30px;
}

#titreResultat table .libelleDonnee,#titrePortResultat table .libelleDonnee {
	font-weight: bold;
	text-align: right;
	width: 150px;
	padding-right:	5px;
}

#titreResultat table .donnee,#titrePortResultat table .donnee {
	text-align: center;
	width: 150px;
}

#titreResultat table .unite,#titrePortResultat table .unite {
	text-align: center;
	width: 55px;
}

#titreResultat table .donnee div,#titrePortResultat table .donnee div {
	border: 1px solid #00AAD3;
}

#titrePageResultat hr {
	width: 600px;
	height: 1px;
	text-align: center;
	/* couleur pour IE */
	color: #66B8DC;
	/* couleur pour FF */
	background-color: #66B8DC;
	/* suppression de bordure automatique generee selon navigateur (dans FF par exemple) */
	border: 0;
}

#titrePageResultat {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #E36929;
	margin: 15px auto;
}

#titreSaisie {
	width: 740px;
	background-color: #FFFFFF;
}

#contenuSaisie {
	width: 780px;
	margin: 0 auto;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
}

#cadreResultat {
	width: 780px;
	margin: 0 auto;
}

.image-fond {
	width: 780px;
	height: auto;
	margin: 0 auto;
}

.contenuResultat {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
}

#texteBasResultat {
	top: 5px;
}

.ecriturePlusGrande {
	font-size: 18px;
}

.margeHaute {
	margin-top: 10px;
}

.margeHauteLargeurMax {
	margin-top: 10px;
	width: 100%;
	
}

#divContientPuces {
	text-align: left;
	margin-left: 275px;
}

.puceCarre {
	list-style-type: square;
	margin-top: 8px;
	margin-bottom: 8px;
}

#puceVerte {
	color: #97BF0D;
}

#puceVerte span {
	color: #000000;
}

.titre {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

#titrePageSaisie {
	color: #FABE5D;
}

#titreCadreSaisie {
	color: #66B8DC;
}

#boutonCalculer {
	text-align: right;
	padding-right: 50px;
}

#option {
	margin-top: 30px;
}

#option #lienOption {
	text-align: left;
	margin-left: 30px;
}

#option #lienOption a {
	color: #707172;
	font-size: 14px;
}

.centreVerticalement {
	vertical-align: middle;
}

.paragrapheItalique {
	font-style: italic;
}

/* CSS pour infobulles */
a.infobulle1 {
	position: relative;
	text-decoration: none;
	color: black;
	/* border-bottom: 1px gray dotted; */
	outline: none;
}
a.infobulle1 span {
	display: none;
}
a.infobulle1:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	cursor: help;
}
a.infobulle1:hover span {
	display: inline;
	position: absolute;
	top: 30px;
	left: -265px;
	background: #285BC6;
	text-align: left;
	color: white;
	white-space: nowrap;
    padding: 5px;
    border: 1px dashed #c4c4ff;
    /* la propriete suivante ne fonctionne que sous mozilla */
    -moz-border-radius: 7px;
    /* la propriete suivante ne fonctionne que pour les navigateurs base sur du KHTML (safari, Konqueror) */
    -khtml-border-radius: 7px;
	font-size: 12px;
}

a.infobulle2 {
	position: relative;
	text-decoration: none;
	color: black;
	/* border-bottom: 1px gray dotted; */
	outline: none;
}
a.infobulle2 span {
	display: none;
}
a.infobulle2:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	cursor: help;
}
a.infobulle2:hover span {
	display: inline;
	position: absolute;
	top: 30px;
	left: -80px;
	background: #285BC6;
	text-align: left;
	color: white;
	white-space: nowrap;
    padding: 5px;
    border: 1px dashed #c4c4ff;
    /* la propriete suivante ne fonctionne que sous mozilla */
    -moz-border-radius: 7px;
    /* la propriete suivante ne fonctionne que pour les navigateurs base sur du KHTML (safari, Konqueror) */
    -khtml-border-radius: 7px;
	font-size: 12px;
}
/* FIN - CSS pour infobulles */

/* elements invisibles au demarrage */
.divResultat {
	display: none;
}

#distancier {
	visibility: hidden;
	display: none;
}

#methode {
	display: none;
	visibility: hidden;
}

#libelleMethode {
	display: none;
	visibility: hidden;
}

.largeurMax {
	width: 100%;
}

.invisible {
	display: none;
}