html {
}

html * {
	padding: 0;
	margin: 0;
	font-family: Segoe UI, sans-serif; /* police de caractères pour la page */
	/*height: 100%;*//*LB : problème d'affichage pub sous chrome : semble venir de là ??? */
	}

body {
  background: #e6e6e6; /* rgba(230, 230, 230, 1) */
  font-size: 15px;
  }
	
#global, #form1, #pnlMasterListe {
	height: 100%;
}


td {
	vertical-align: top;	
	}
	
/* apparence des boutons de validation */

input[type="submit"], #btCaptchaReload {
  background-color: #808080 !important; /*rgba(128, 128, 128, 1)*/
  width: auto !important;
  box-shadow: 2px 2px 2px #808080 !important; /*rgba(128, 128, 128, 1)*/
  border: none !important;
  color: #e6e6e6 !important; /*rgba(230, 230, 230, 1)*/
}

input[type="button"] {
	width: auto !important;
	display: block;
	margin: 5px auto;
	text-align: center;
	padding: 2px;
}


#pnlAccueilPhylum, #pnlTitre_BandeauHaut {
	position: absolute; /* permet d'utiliser ce bloc pour afficher le logo */
	left: 20px; /* distance du logo par rapport au bord de la page */
	top: 20px;
	background-color: #bfd616; /*rgba(191, 214, 22, 1)*/
	background-image: url(image/logo.png); /*** cette image doit contenir le logo ***/
	background-repeat: no-repeat;
	background-position: center center; 
	width: 70px; /* largeur en pixels de l'image de logo */	
	height: 70px; /* hauteur en pixels de l'image de logo */	
	}

#pnlAccueilPhylum img, #pnlTitre_BandeauHaut img, #pnlInfos img {
	display:none; /*** pour masquer l'image en dur dans le html généré -> à retirer quand html corrigé ***/
	}
	
#pnlInfos {
	background-color: #bfd616; /*rgba(191, 214, 22, 1)*/
	height: 95px; 
	text-align: center; /* positionne les infos de connexion au dessus du logo à gauche */	
	color: white; /* couleur du texte affiché juste sous le bandeau : "espace privé..." */
	font-size: 2em; /* taille du texte "espace privé..." */
	}

#pnlMenuLang {
  position:absolute; /* positionne la barre de choix de la langue en haut de la fenêtre */
  top: 0px;
  left: 0px;
  border-top: solid 5px; /* ligne en haut de page */
  border-color: #808080; /*rgba(128, 128, 128, 1)*/
  width: 30%; /* position des onglets à partir de la droite de la fenêtre */
  padding-left: 70%;
  text-align: left;
}	

#lblUpdateProgress {
	font-size: 50%; /* pour que le message d'attente rentre dans la zone verte sous le texte d'accueil personnalisé */
}

#pnlMenuLang input {
  display: inline-block;
  margin: 1px 5px 0 5px;
  height: 65%;
  width: auto !important;
  border-color: #808080; /*rgba(128, 128, 128, 1)*/
  font-size: 15px;
  text-decoration: none;
}

/* ajout des textes sur les icônes de choix des langues */
span.FR:after {
	content:"FRANCAIS" !important;
	color: #ffffff !important;
}
span.EN:after {
	content:"ENGLISH" !important;
	color: #ffffff !important;
}
span.ES:after {
	content:"ESPAGNOL" !important;
	color: #ffffff !important;
}


#pnlPlaceHolder div:first-child, #pnlMasterListe div:first-child {
/* annule sur les blocs de contenu la couleur et la hauteur appliquées sur #global div:first-child pour le bandeau */
/*	min-height: auto;*/ 
	background: none;
	background-color: white;	
	}
	
#pnlPlaceHolder {
	width:70%; /* largeur de la zone centrale de contenu */
	min-width: 800px; /* pour éviter de trop réduire cet espace quand on réduit la fenêtre */
	margin-right: 5%; /* pour conserver un petit espace à droite */
	margin-left: 200px; /* largeur en pixels pour éviter le chevauchement du menu quand on réduit la fenêtre */
	background-color: white; /* blanc */
	padding: 15px; /* marge intérieure du bloc */
	overflow: auto; /* affiche une barre de défilement en cas de dépassement du contenu par rapport à la taille de la zone */
	text-align: center; /* aligne les tableaux et les formulaires au milieu de la zone de contenu */
	min-height: 350px;
	height: 100%;
  margin:auto;
}

#pnlMenuMain {
  background: none; /* transparence du fond */
  text-align: center !important;
  height: 77px;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  top: 60px;
  }

#mnuMain {
  float: none !important;
}

#mnuMain ul {
  float: none !important;
  width: 65%;
  margin: 0 auto;
  white-space: nowrap;
	}
	
#mnuMain ul li {
  white-space: nowrap;
  display: inline-block;
  padding: 0.2% 1% 0.2% 1%;
}	

#mnuMain a.static {
  color: white !important; /* couleur du texte du menu */	
  text-decoration: none;
  font-family: inherit important;
  font-size: 1.4em !important;
  font-weight: normal !important;
}
/* ajout décembre 2016 - positionnement des infos de login */
#ContentPlaceHolder1_lblInformations {
  display: block;
  margin-bottom: 1em;
}
.liste1 #lblPrivateSpace {
  display: block;
  padding-top: 95px;
  color: #000;
}
.liste1 #lblInformation {
	display: block;
	margin-top: -91px;
	margin-left: 130px;
	color: #000;
}

#divGridView {
	text-align: left;	/* ré-aligne à gauche le texte centré parce que bloc enfant d'un bloc centré */
	}
	
#divGridView th {
	text-align: center;	/* centre le texte des en-têtes de tableau */
	}

#divGridView div:first-child {
	height:auto;
	min-height: auto;	
	}
	
#bienvenue
{
	/* texte en haut de la page d'accueil */
	font-size: 2em;
	font-weight: bolder;
	color: #bfd616; /* vert */
}

#ContentPlaceHolder1_UpdatePanel1 div table {
	font-size: 0.7em; /* taille du texte dans la zone de filtres en haut des pages résultats et factures */
}

#divGridView table tr td {
	padding:1px 1px 0px 5px; /* espace intérieur des colonnes de la liste des résultats/factures */
}

/* correction d'un bug IE sur la zone de filtres - largeur des champs de saisie */

td input {
  width: 95%;
}

/* apparence du contenu de la page "FAQ" */

#faq {
	text-align: left;
	padding: 1em;
}

#faq p {
	margin-top: 1em;
}

#faq ul {
	padding: 0.5em 1em 0.5em 2em;
}

#faq ul li {
	padding-left: 1em;
	list-style-type: disc;
	margin-top: 0.5em;
}	

#faq li li {
	list-style-type: circle;
}

/** pub **/

.pub {
	background: white;	/* même couleur que la zone de contenu */
	}
	
.pub * {
	background: white;	/* même couleur que la zone de contenu */
	text-align: center; /* centre le contenu de la page html de pub */
	}

.pub img {
	margin:auto;
	}

/* masquer le span debug */
#ContentPlaceHolderLogin_pnlLogin span {display: none;}

#mentionlegal {
	position: absolute;
	bottom: 20px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}