/*///////////////////////////////////////Athlon////////////////////////////////////////////////////////*/

#divAthlon {
	display: flex;
	flex-direction: column;
	height: 775px;
}

#TopAuthentification {
}

.Authentification {
	background-size: auto;
	background: url(../../Medias/Athlon/Athlon.png) no-repeat;
	background-position-x: center;
	height:100%;
	
}

#AuthentificationCenter {
	background: url('../../Medias/Athlon/Box_Titrelogo.png') no-repeat;
	height: 100%;
	background-position-x: center;
	background-position-y: bottom;
	text-align: center;
	padding-top: 130px;
	display: flex;
	flex-direction: column;
}

#UserNameGroup {
	justify-content: center;
	margin-top: 375px;
	display: inline-flex;
	flex-direction: row;
}

#UserText {
	margin-top: 3px;
	width: 120px;
	text-align: left;
}

#UserBox {
}

#PassWordGroup {
	display: inline-flex;
	justify-content: center;
	flex-direction: row;
}

#PassWordText {
	margin-top: 3px;
	width: 120px;
	text-align: left;
}

#PassWordBox {
}

#divOublieMdpAthlon {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	display: flex;
	justify-content: center;
}

#btnAthlonConnexion {
	background-image: url(../../Medias/Athlon/Bouton.png) no-repeat background-attachment: scroll;
	margin-left: 120px;
	border-left-style: ridge;
	color: white;
	background-color: #004883;
}

#PasswordRecoverIn
{
  margin-left:115px;
}

.Descriptiontext
{
    width:120px;
    float:left;  
    text-align:left;
    color:#004883;
    font-weight: bold;
    font-size:12px;
}

#TopHeader
{
    background:url("../../Medias/Natixis/bandeau.gif") repeat-x scroll 0 0 #581D74;
	height:38px;
	width:100%;
}

#MainHeader
{
    width:100%;
	height:71px;
	background:url("../../Medias/Natixis/topGradient.gif") repeat-x scroll 0 100% #E9E9E9;
	margin-bottom:-2px;
    text-align:center;
}

#Logo
{
    background:url("../../images/bottomGradient.png") repeat-x scroll 0 0 #299451;
}

#MidleHeader
{
    width:1080px;
	position:relative;
	display:inline-table;
	background:url("../../Medias/Natixis/topGradient.gif") repeat-x scroll 0 100% #E9E9E9;
}

#Logo
{
	background:url("../../Medias/Natixis/logo.png") no-repeat scroll 0 100% #E9E9E9; 
	width:251px;
	height:71px;
	float:left; 
}

#BottomHeader
{
    width:100%;
	background:url("../../images/bottomGradient.png") repeat-x scroll 0 0 #299451;
	border-top:2px solid white;
	height:38px;
	clear:both;	
	position:relative;
	z-index:120;
}