/* Feuille de style Phylum.Online page de login et création de compte - mise à jour SM Septembre 2016 */

#ContentPlaceHolderLogin_bienvenue
{
    text-align: center;
    padding-top: 20px;
}
#ContentPlaceHolderLogin_pnlLogin {
	width: 100%;
}

#pnlPlaceHolder.Login {
	/* s'applique sur la page d'accueil */
	min-width: 800px; /* pour éviter de trop réduire cet espace quand on réduit la fenêtre */
	margin: auto; /* pour centrer la zone blanche : marges gauche et droite identiques */
}

#ContentPlaceHolderLogin_pnlLogin span 
{
    text-align:center;
    display: inline-block;
    width: 100%;
}


#ContentPlaceHolderLogin_pnlLogin table {    margin:auto;  margin-bottom: 20px;  }
#ContentPlaceHolderLogin_pnlLogin input
{
    padding: 2px;
    margin: 5px;
    border: thin inset grey;
}
#ContentPlaceHolderLogin_pnlLogin table span {display: inline;}
#ContentPlaceHolderLogin_pnlLogin table input[type="submit"] {
  background-color: #808080 !important; /*rgba(128, 128, 128, 1)*/
  width: auto;
  box-shadow: 2px 2px 2px #808080; /*rgba(128, 128, 128, 1)*/
  border: none !important;
  color: #e6e6e6 !important; /*rgba(230, 230, 230, 1) */
}

#divRetourLabo
{
    margin-top: 25px;
    margin-bottom: 25px;
}

#divCreateUser
{
    margin-top: 25px;
    margin-bottom: 25px;
}

/* positionnement du cadre pour ajout personnalisé par le laboratoire */
#pub {
	margin: auto;
	text-align: center;
}



/* apparence du formulaire de création de compte */


#form1 #ContentPlaceHolderLogin_UpdatePanel1 {
	padding-top: 20px;
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser table:first-child {
	background-color: #e6e6e6 !important; /*rgba(230, 230, 230, 1) */
	border: solid 2px #bfd616; /*rgba(191, 214, 22, 1)*/
	margin: auto;
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser span {
	display: block;
	text-align: center;
}


#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td {
	padding-bottom: 2px;
	padding-top: 2px;
	width: 225px;
	padding-left: 10px;
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td:first-child {
	width: auto;
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td span {
	display: inline;
}


#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td input {
	padding: 2px 0px 2px 5px;
	width: 87%;
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td select {
	width: 90%;
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td input[type="submit"] {
  background-color: #808080; /*rgba(128, 128, 128, 1)*/
  width: auto;
  box-shadow: 2px 2px 2px #808080; /*rgba(128, 128, 128, 1)*/
  border: none !important;
  color: #e6e6e6; /*rgba(230, 230, 230, 1)*/
}

#form1 #ContentPlaceHolderLogin_pnlCreateUser table tr td input[type="button"] {
	width: auto;
	display: block;
	margin: 5px auto;
	text-align: center;
	padding: 2px;
}

#form1 #ContentPlaceHolderLogin_txtInfo {
	color: #e05900;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin: 10px;
}

/* pas de fond et de bordure sur les messages d'erreur "info obligatoire" */

#ContentPlaceHolderLogin_rqNomVCExtender1_popupTable, table.ajax__validatorcallout_callout_table { background: none !important; border: none  !important; }

/* apparence des liens "création de compte" et "laboratoire" */


input[type="button"], div.Login a {
/* apparence "bouton"
  display: inline-block;
  width: auto;
  padding: 2px 10px;
  color: rgba(62, 62, 62, 1) !important;
  border: none;
  box-shadow: 2px 2px 2px rgba(128, 128, 128, 1);
  text-decoration: none;
  background-color: rgba(230, 230, 230, 1);
*/
/* apparence "lien" */
  background: none !important;
  color: #808080 !important; /*rgba(128, 128, 128, 1)*/
  text-decoration: underline;
}

div.Login a:hover {
	/* apparence "bouton"
	text-decoration: none;
	*/
	/* apparence "lien" */
  color: #bfd616 !important; /*rgba(191, 214, 22, 1)*/	

}

/* ne pas appliquer le style bouton sur le lien de la pub et le lien phylum.online */
#pub a, #phylum {background: none; border: none;}




