/*--------------*/

.bandeauEtat {
	display: block;
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 10px;
	backdrop-filter: blur(2px);
}

.bandeauEtat1,
#compAccueil .bandeauEtat {
	backdrop-filter: blur(0);
}

.bandeauEtat10 {
    background: url('../image/bandeaux-etats/en/css_etatComplet.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/en/image/etatEvenement/css_etatComplet.png', sizingMethod='crop');
}

#langageFR .bandeauEtat10 {
	background: url('../image/bandeaux-etats/fr/css_etatComplet.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/fr/image/etatEvenement/css_etatComplet.png', sizingMethod='crop');
}

.bandeauEtat11 {
    background: url('../langue/en/image/etatEvenement/css_etatBientot.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/en/image/etatEvenement/css_etatBientot.png', sizingMethod='crop');
}

#langageFR .bandeauEtat11 {
	background: url('../langue/fr/image/etatEvenement/css_etatBientot.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/fr/image/etatEvenement/css_etatBientot.png', sizingMethod='crop');
}

.bandeauEtat40 {
    background: url('../langue/en/image/etatEvenement/css_etatAnnule.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/en/image/etatEvenement/css_etatAnnule.png', sizingMethod='crop');
}

#langageFR .bandeauEtat40 {
	background: url('../langue/fr/image/etatEvenement/css_etatAnnule.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/fr/image/etatEvenement/css_etatAnnule.png', sizingMethod='crop');
}

.bandeauEtat60 {
    background: url('../langue/en/image/etatEvenement/css_etatReporte.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/en/image/etatEvenement/css_etatReporte.png', sizingMethod='crop');
}

#langageFR .bandeauEtat60 {
	background: url('../langue/fr/image/etatEvenement/css_etatReporte.png') no-repeat;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/langue/fr/image/etatEvenement/css_etatReporte.png', sizingMethod='crop');
}

/* complet, annulé, terminé     // en attente
#compAccueil .bandeauEtat10,
#compAccueil .bandeauEtat12,
#compAccueil .bandeauEtat40 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg transform='translate(-617 -319)'%3E%3Cpath d='M30,0A30,30,0,1,1,0,30,30,30,0,0,1,30,0Z' transform='translate(617 319)' fill='%23e60000'/%3E%3Cpath d='M7.268,9.595h18.17v10.19H7.268ZM29.98,14.69a2.641,2.641,0,0,0,2.725,2.547v5.095A2.641,2.641,0,0,1,29.98,24.88H2.725A2.641,2.641,0,0,1,0,22.332V17.237A2.641,2.641,0,0,0,2.725,14.69,2.641,2.641,0,0,0,0,12.142V7.047A2.641,2.641,0,0,1,2.725,4.5H29.98a2.641,2.641,0,0,1,2.725,2.547v5.095A2.641,2.641,0,0,0,29.98,14.69ZM27.254,9.17A1.32,1.32,0,0,0,25.892,7.9H6.814A1.32,1.32,0,0,0,5.451,9.17V20.209a1.32,1.32,0,0,0,1.363,1.274H25.892a1.32,1.32,0,0,0,1.363-1.274Z' transform='translate(624.818 349.944) rotate(-45)' fill='%23f7f7f7'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;
	background-size: 30px;
}
/* bientôt en vente, reporté // en attente
#compAccueil .bandeauEtat11,
#compAccueil .bandeauEtat60 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg transform='translate(-617 -319)'%3E%3Cpath d='M30,0A30,30,0,1,1,0,30,30,30,0,0,1,30,0Z' transform='translate(617 319)' fill='%23FFA303'/%3E%3Cpath d='M7.268,9.595h18.17v10.19H7.268ZM29.98,14.69a2.641,2.641,0,0,0,2.725,2.547v5.095A2.641,2.641,0,0,1,29.98,24.88H2.725A2.641,2.641,0,0,1,0,22.332V17.237A2.641,2.641,0,0,0,2.725,14.69,2.641,2.641,0,0,0,0,12.142V7.047A2.641,2.641,0,0,1,2.725,4.5H29.98a2.641,2.641,0,0,1,2.725,2.547v5.095A2.641,2.641,0,0,0,29.98,14.69ZM27.254,9.17A1.32,1.32,0,0,0,25.892,7.9H6.814A1.32,1.32,0,0,0,5.451,9.17V20.209a1.32,1.32,0,0,0,1.363,1.274H25.892a1.32,1.32,0,0,0,1.363-1.274Z' transform='translate(624.818 349.944) rotate(-45)' fill='%23f7f7f7'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;
	background-size: 30px;
}
*/

.descEtat {
	font-size: 1.1667rem;
	width: 236px;
	height: 45px;
	margin: 10px 0;
	font-weight: 700;
	padding: 25px 0 0 75px;
	color: #ffffff;
	display: block;
}
.descEtat1{
    display: none;
}

.descEtat8,
.descEtat10,
.descEtat12,
.descEtat40 {
	background: url('../image/etatEvenement/css_cartoucheRed.png') no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/image/etatEvenement/css_cartoucheRed.png', sizingMethod='crop');
}
.descEtat11 {
	background: url('../image/etatEvenement/css_cartoucheBlue.png') no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/image/etatEvenement/css_cartoucheBlue.png', sizingMethod='crop');
}
.descEtat60 {
	background: url('../image/etatEvenement/css_cartoucheOrange.png') no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/billetterie5/ressource/image/etatEvenement/css_cartoucheOrange.png', sizingMethod='crop');
}

.descEtat40 + .linkToZePass,
.descEtat11 + .linkToZePass {
    display: none!important;
}

.linkToZePass {
    display: inline-block;
    margin: 10px 0 20px 0;
    padding: 10px 15px 5px 15px;
    background: #2c9fca;
    border-radius: 4px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.linkToZePass:hover {
    background: #2691b9;
}

.lienZepass {
    color: #ffffff;
    font-size: 1.25rem;
    width: auto;
}

.lienZepass:before {
    content: "";
    display: inline-block;
    margin: 0 5px 0 0;
    background: url(../image/tickets-zepass.svg);
    width: 32px;
    background-size: cover;
    height: 27px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.infoEtat {
	display: block;
}
.infoEtat span {
	display: block;
	font-size: 1.1667rem;
	font-weight: 700;
}
.infoEtat10,
.infoEtat12,
.infoEtat40 {
	color: #ff0000;
}
.infoEtat11 {
	color: var(--Primary-color);
}
.infoEtat60 {
	color: orange;
}