#ConteneurConnexion{
	background:rgba(5, 20, 20, 1);
	border-radius:10px 10px 10px 10px;
	padding:15px;
	display:inline-block;
	width:451px;
	text-align:center;
	color:white;
}

#ConnexionGauche{
	display:inline-block;
	vertical-align:middle;
	border-right : 1px solid white;
	padding-right:10px;
	width:200px;
	text-align:left;
}
#AffichSignInTheosphere{
	width:120px;
	background:#3F4072;
	overflow:hidden;
	height: 34px;
	margin: auto;
	text-align: left;
	border : 1px solid #3F4072;
}
#AffichSignInTheosphere:hover{
	background:#B1AA82;
	border : 1px solid #B1AA82;
	cursor:pointer;
}
#LogoAffichSignInTheosphere{
	vertical-align:middle;
}
#TextAffichSignInTheosphere{
	display: inline-block;
	width: 84px;
	text-align: center;
}
#SignInTheosphere{
	height:0em;
	overflow:hidden;
}

#ConnexionDroite{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-left:10px;
	width:200px;
}

.g-signin2{
	display:inline-block;
	margin:auto;
}

.imgProfil{
	width:100px;
	height:100px;
	border-radius:50px;
}
.imgProfilpetit{
	width:40px;
	height:40px;
	border-radius:20px;
	vertical-align:middle;
	border: 1px solid black;
	position:relative;
}

#IndicConnexion{
	color:white;
	position:fixed;
	bottom:5px;
	left:20px;
	z-index:4;
}
#ligneID{
	background-color: rgba(35, 38, 50, 0.5);
	position:relative;
}

#Notifs{
	position: absolute;
    bottom: 50px;
    right: -2px;
    width: 75px;
    text-align: left;
    border: 2px solid black;
    border-bottom: none;
    border-radius: 10px 10px 0px 0px;
    background: #454A5F;
    overflow: hidden;
	height: 0px;
    line-height: 20px;
}
#NotifsText{
	margin:15px 10px 30px 25px;
	position:relative;
	top:0px;
}
#NotifsTitre{
	margin:10px 5px 10px 5px;
}
#IndicNotif{
	width: 75px;
    height: 50px;
	color:white;
	position:fixed;
	background: #232632;
	bottom:0px;
	right:40px;
	z-index:4;
	line-height: 42px;
}

#MasqNotif{
	width: 75px;
    height: 80px;
	position:fixed;
	background: rgba(0, 0, 0, 0);
	bottom:0px;
	right:40px;
	z-index:4;
}
#MasqNotif:hover{
	cursor:pointer;
}

.iconNotif{
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	vertical-align:top;
	display:inline-block
}
.textNotif{
	display:inline-block;
	padding-top:7px;
	width:275px;
}
.flechNotif{
	text-align:center;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	height: 22px;
    background: #232632;
    opacity: 1;
}
.flechNotif:hover{
	cursor:pointer;
	background:#1A2E4E;
}