#icone-notification {}
#icone-notification.active {color:#db164e; cursor:pointer;}
/* #icone-notification i{display:block;} */
#icone-notification.active i{
	margin-left:-2px;
	font-size:19px;
    animation-name: shake; 
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	animation-delay: 0s;
}

#zone-notifications {display:none; background:#f6f6f6; position:absolute; width:400px; top:65px; border:1px solid #c7c7c7; box-shadow:0 1px 6px #c7c7c7; padding:3px; right:9px!important;}
#zone-notifications #fleche-zone-notifications {position:absolute; width:0; right:9px; top:-16px; border:8px solid transparent; border-bottom:8px solid #f1f1f1;}

#zone-notifications #zone-nombre-notifications {display:block; font-weight:bold; padding:7px 0; text-align:center;}
#zone-notifications #zone-nombre-notifications #nombre-notifications {color:#cf0339;}
#zone-notifications .zone-notification {background:#343d46; padding:2px; color:#FFFFFF; margin-top:1px; cursor:pointer;}
#zone-notifications .zone-notification.danger {background:#db164e;}
#zone-notifications .zone-notification.valide {background:#2abf30;}
#zone-notifications .zone-notification .zone-icone-notification {display:inline-block; vertical-align:top; height:90px; width:75px; color:#181d22; text-align:center; padding:15px 0;}
#zone-notifications .zone-notification.danger .zone-icone-notification {color:#7c0023;}
#zone-notifications .zone-notification.valide .zone-icone-notification {color:#017303;}
#zone-notifications .zone-notification .zone-icone-notification i {display:block; font-size:55px;}
#zone-notifications .zone-notification .zone-infos-notification {display:inline-block; vertical-align:top; height:90px; width:306px; margin:2px; background:#23282e; text-align:center; padding:18px 10px;}
#zone-notifications .zone-notification.danger .zone-infos-notification {background:#bd0d3e;}
#zone-notifications .zone-notification.valide .zone-infos-notification {background:#21a327;}
#zone-notifications .zone-notification .zone-infos-notification .titre-notification {display:block; font-size:15px; font-weight:bold; text-transform:uppercase;}
#zone-notifications .zone-notification .zone-infos-notification .description-notification {display:block;}


@keyframes shake {
	2% {transform: translate3d(-2px, 0, 0);}
	4% {transform: translate3d(4px, 0, 0);}
	6% {transform: translate3d(-4px, 0, 0);}
	8% {transform: translate3d(2px, 0, 0);}
	10% {transform: translate3d(0, 0, 0);}
}