/* CSS Document */
.texte.extranet h1 {
	text-align: center;
	}
.texte.extranet .gauche {
	/*max-width: 390px;
	width: 90%;*/
	margin: 0 auto;
	border: 1px solid #d8d8da;
	}
.texte.extranet .cadre input[type="text"], .texte.extranet .cadre input[type="password"]{
	background-color: inherit;
	margin-bottom: 15px;
	}
.texte.extranet .cadre .erreur p{
	color: #ff0000;
	}
.texte.extranet.passoublie .centre {
	max-width: 700px;
	padding-bottom: 80px;
	}
.texte.extranet.passoublie .confirm {
	text-align: center;
	font-weight: 500;
	}
.texte.extranet.espace {
	padding-bottom: 100px;
	}

ul#menu-compteclient {
	text-align:center;
	margin-bottom:20px;
	}
	
ul#menu-compteclient li {
	display:inline-block;
	}
	
	
ul#menu-compteclient li a {
	color:#000;
	}	

div.alerte {
	text-align:center;
	}
	
div.confirm {
	text-align:center;
	}

.confirm p, .confirm span {
	font-weight:bold;
	color:#009900;
	font-size:13px;
}

.confirm b, .confirm a  {
	font-weight:bold;
	color:#009900;
	font-size:13px;
	text-decoration:underline;
	text-transform:uppercase;
}

.texte.extranet #documents {
    text-align: center;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #c7c8ca;
    border-radius: 10px;
    background-color: rgba(243, 244, 244, 0.7);
    margin-bottom: 10px;
}

.texte.extranet #documents li {
    display: inline-block;
    font-size: 10px;
    margin:0 20px;
}

.texte.extranet #justificatifs {
  text-align: center;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #c7c8ca;
  border-radius: 10px;
  background-color: rgba(243, 244, 244, 0.7);
  margin-top: 10px;
  margin-bottom: 10px;
}

.texte.extranet #justificatifs li {
    display: inline-block;
    font-size: 15px;
    margin:0 20px;
}


.texte.extranet #justificatifs p.alert.alert-danger {
    font-size:1em;
    margin: 0 10px 10px 10px;
}


.texte.extranet #historique td {
    padding:5px 10px;
}

.texte.extranet #historique tr:nth-child(odd) {
    background-color:#EFEFEF;
}


.texte.extranet #historique td:nth-child(2) {
    width: 50%;
}


.texte.extranet #historique td:nth-child(1) {
    width: 30%;
}

.texte.extranet #historique td:nth-child(2) {
    width: 50%;
}

.texte.extranet #historique td:nth-child(3) {
    text-align: right;
    width: 50%;
}