@charset "utf-8";
/* CSS Document */

.fichePnj_image{
	background: url(images/fond-pnj.png);
	background-size: 100% 100%;
	cursor: pointer;
	height: 300px;
	width: 225px;
}

.allieInline{
	display: inline-block;
}

.allieLieu{
	color: #014e73;
	font-style: italic;
	margin-bottom: 15px;
}

.zoneHisto_titre{
	font-style: italic;
	text-decoration: underline;
	margin: 5px;
	z-index: 998;
	transform: rotate(9deg);
	top: 54%;
	left: 46%;
	position: absolute;
	font-family: "queen";
	width: 52.5%;
	line-height: 30px;
	font-size: 23px;
	text-align: center;
}

.zoneHisto{
	list-style-type: none;
	font-style: italic;
	margin: 5px;
	z-index: 998;
	transform: rotate(9deg);
	top: 59%;
	left: 46%;
	position: absolute;
	font-family: "queen";
	width: 52.5%;
	line-height: 30px;
	font-size: 21px;
	max-height: 15%;
	height: 15%;
	overflow-y: auto;
	text-align: left;
	padding-left: 0;
}

.zoneHisto li:before{
	content: "→ ";
	font-size: 1.3em;
}

.ajoutHistorique{
	background-color: #6080FF;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	margin: 5px;
	padding: 3px 5px 5px 5px;
}

.ajoutHistorique_libelle{
	font-family: "alfa";
	font-style: italic;
	font-weight: initial;
	line-height: 18px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: baseline;
}

.lienPnjButton{
	background-color: rgba(255, 255, 255, 0.6);
	border: none;
	border-radius: 5px;
	cursor: pointer;
	color: #0f212e;
	font-size: 18px;
	font-style: italic;
	line-height: 18px;
	padding: 5px;
	text-align: center;
	transition: box-shadow 0.5s, background 0.5s;
	width: 20%;
}

.lienPnjButton:hover{
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: inset 0 0 5px 2px #90908d;
	transition: box-shadow 0.5s, background 0.5s;
}

.portraitExportPnjBouton{
	background-color: #2b66a0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 200%;
	height: 45px;
	line-height: 45px;
	position: absolute;
	left: 3.75%;
	top: 28%;
	width: 45px;
	z-index: 999;
	color: #FFFFFF;
	transform: rotate(-9deg);
}

.enregistrerPnJ{
	background-color: rgba(90, 225, 55, 0.6);
	border: none;
	border-radius: 5px;
	cursor: pointer;
	color: #0f212e;
	font-size: 18px;
	font-style: italic;
	line-height: 18px;
	padding: 5px;
	text-align: center;
	width: 20%;
	transition: box-shadow 0.5s, background 0.5s;
}

.enregistrerPnJ:hover{
	background-color: rgba(90, 225, 55, 0.95);
	box-shadow: inset 0 0 5px 2px #406639;
	transition: box-shadow 0.5s, background 0.5s;
}

.portraitModifImagePnjBouton{
	background-color: #559955;
	border-radius: 50%;
	cursor: pointer;
	font-size: 200%;
	height: 45px;
	line-height: 45px;
	position: absolute;
	left: 2.2%;
	top: 14%;
	width: 45px;
	z-index: 999;
	transform: rotate(-9deg);
}

.newPnj{
	background-color: #0f0e0a;
	border: none;
	border-radius: 5px;
	color: white;
	float: none;
	margin-left: 0;
	padding: 5px 20px;
	text-transform: uppercase;
}

.createPnJ{
	background-color: #014e73;
	border: none;
	border-radius: 5px;
	color: white;
	float: none;
	margin-left: 0;
	padding: 5px 20px;
	text-transform: uppercase;
}

.champValidation{
	float: none;
}

.filtre_select{
	background-color: #ccc7b7;
	border: none;
	border-radius: 5px;
	color: #0f0e0a;
	font-style: italic;
	font-weight: bold;
	height: 1.5em;
	padding: 0 5px;
	transition: box-shadow 0.5s, background 0.5s;
}

.zone_filtre{
	background-color: #EDECE7;
	border-bottom: solid 20px #0f0e0a;
	border-radius: 15px 15px 0 0;
	box-shadow: 3px 3px 10px #000000;
	display: inline-block;
	margin-bottom: -20px;
	padding: 0px 10px 5px 10px;
	text-align: center;
}

.zone_filtre_footer{
	background-color: #0f0e0a;
	border-radius: 15px 15px 0 0;
	height: 20px;
	box-shadow: 3px 3px 10px #000000;
	padding: 0px 10px 5px 10px;
	text-align: center;
}

.zone_allie{
	min-height: 325px;
}

.allie{
	min-height: 325px;
}

.allie_image{
	max-height: 16.5%;
	max-width: 7.75%;
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	margin-top: 10%;
	margin-left: 7%;
	float: left;
}

.avertissementUpdatePnj{
	float: none;
	padding: 5px 0;
}

.tailleMiniAllieMJ{
	min-height: 375px;
}

.deletePnJ{
	display: block;
	z-index: 300;
}

.zoneLienPage{
	color: #e3f2fe;
	height: 40px;
	margin-bottom: -20px;
	text-align: center;
}

.page{
	cursor: pointer;
}

.page:hover{
	text-decoration: underline;
}

.pageActive{
	color: #0f212e;
	background: #e3f2fe;
	border-radius: 4px;
	padding: 1px 4px;
}

.pageActive:hover{
	cursor: default !important;
	text-decoration: none !important;
}

.allieMort{
	display: none;
	left: 5px;
	opacity: 0.5;
	position: absolute;
	top: 5px;
}

.allieMort:hover{
	opacity: 0;
}

.pnjDeathImageBouton{
	background-color: #888888;
	border-radius: 50%;
	cursor: pointer;
	font-size: 200%;
	height: 45px;
	line-height: 45px;
	position: absolute;
	left: 3%;
	opacity: 0.75;
	top: 21%;
	width: 45px;
	z-index: 999;
	transform: rotate(-9deg);
}

.isAlive{
	background-color: #333333;
	opacity: 1;
}

.fichePnj{
	display: inline-table;
	padding: 10px;
	position: relative;
}

.fichePnj_nom {
	font-size: 15px;
	font-weight: 900;
	padding: 13px 16px 0 91px;
	text-align: center;
	width: 100%;
	transform: rotate(3deg);
	font-family: "queen";
	line-height: 25px;
	padding-top: 18px;
}

.fichePnj_desc{
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	font-family: "queen";
	line-height: 22px;
	padding-top: 5px;
}

.fichePnj_ville{
	color: #660000;
	font-size: 15px;
	margin-top: 5px;
	transform: rotate(3deg);
	font-family: "queen";
	line-height: 22px;
	padding-top: 5px;
}

.fichePnj_metier{
	color: #000066;
	transform: rotate(3deg);
	font-family: "queen";
	line-height: 22px;
	padding-top: 5px;
	padding-right: 20px;
}

.fichePnj_organisation{
	font-size: 15px;
	font-style: italic;
	margin: 5px 0;
	transform: rotate(3deg);
	font-family: "queen";
	line-height: 22px;
	padding-top: 5px;
}

.fichePnj_fakeLine{
	height: 20px;
	transform: rotate(3deg);
}

.fichePnj_lastLine{
	bottom: 13px;
	color: #777066;
	font-weight: 900;
	font-size: 15px;
	left: 15px;
	position: absolute;
	text-align: center;
	width: 90%;
	transform: rotate(3deg);
	font-family: "queen";
	line-height: 22px;
	padding-right: 31px;
}

.fichePnj_zone{
	text-align: center;
}

.allie_mort_mini{
	margin-left: 10px;
	margin-top: 10px;
}

.allie_image_mini{
	max-height: 73px !important;
	max-width: 55px;
	transform: rotate(3deg);
	margin-left: 26px;
	margin-top: 15px;
}

.zoneCommentairePnj{
	list-style-type: none;
	font-style: italic;
	margin: 5px;
	z-index: 998;
	transform: rotate(9deg);
	top: 78%;
	left: 44%;
	position: absolute;
	font-family: "queen";
	width: 54.5%;
	line-height: 23px;
	font-size: 16px;
	max-height: 15%;
	height: 15%;
	overflow-y: auto;
	text-align: left;
	padding-left: 0;
}

.commentairePrive{
	background-color: rgba(192, 212, 228, 0.25);
	padding: 5px 0;
}

.zoneAjoutCommentaire{
	font-style: italic;
	text-decoration: underline;
	z-index: 998;
	transform: rotate(9deg);
	top: 91%;
	left: 43%;
	position: absolute;
	font-family: "queen";
	width: 57.5%;
	line-height: 30px;
	font-size: 30px;
	text-align: center;
}

.commentaireNew{
	background-color: rgba(82, 162, 178, 0.25);
	display: none;
	margin: 0 20px;
}

.boutonCheckCommentairePublic{
	background: #335599;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
	margin: 0 5px;
	width: 25px;
	padding-left: 4px;
}

.boutonCheckCommentairePublic:hover{
	background: #113377;
	box-shadow: inset 0 0 5px 2px #000000;
	color: #DDDDFF;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s;
}

.boutonDeleteCommentaire{
	background: #994444;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
	margin: 0 5px;
    width: 25px;
	padding-left: 4px;
}

.boutonDeleteCommentaire:hover{
	background: #772222;
	box-shadow: inset 0 0 5px 2px #FF0000;
	color: #DD0000;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s;
}

.boutonDeleteCommentaireOk{
	background: #994444;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
	margin: 0 5px;
    opacity: 0;
	padding: 0 5px;
}

.ajoutCommentaire{
	background-color: #686868;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	margin: 5px;
	padding: 3px 5px 5px 5px;
}

.ajoutCommentaire:hover{
	background: #353232;
	box-shadow: inset 0 0 5px 2px #000000;
	color: #DDDDFF;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s;
}

.boutonSaveCommentairePublic{
	padding-left: 4px;
	background: rgba(90, 225, 55, 0.6);
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    width: 25px;
}

.boutonSaveCommentairePublic:hover{
	background: #337711;
	box-shadow: inset 0 0 5px 2px #406639;
	color: #DDFFDD;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s;
}

.boutonSaveCommentairePublicOk{
	background: rgba(90, 225, 55, 0.6);
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    margin: 0 5px;
    opacity: 0;
    padding: 0 5px;
}

.boutonCreateCommentairePublic{
	background: rgba(90, 225, 55, 0.6);
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    width: 25px;
}

.boutonCreateCommentairePublic:hover{
	background: #337711;
	box-shadow: inset 0 0 5px 2px #406639;
	color: #DDFFDD;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s;
}

.commentairePnj {
	background-color: #EDECE7;
	border: 2px solid #014e73;
	border-radius: 10px;
	font-size: 80%;
	display: inline-block;
	margin-right: 5px;
	opacity: 0.75;
	padding: 4px 10px 0 10px;
}

.pnj_print{
	background-color: #888888;
	border-radius: 50%;
	color: #d0d0d0;
	cursor: pointer;
	font-size: 140%;
	height: 35px;
	line-height: 35px;
	position: absolute;
	left: 10px;
	opacity: 0.75;
	top: 10px;
	width: 35px;
	z-index: 999;
}

.pnj_print:hover{
	background: #555555;
	box-shadow: 0 0 10px 3px #FFFFFF;
	color: #FFFFFF;
	opacity: 1;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s, opacity 0.5s;
}

.pnj_print_selected{
	background: #0262a8;
	box-shadow: 0 0 10px 3px #FFFFFF;
	color: #FFFFFF;
	opacity: 1;
}

.pnj_print_selected:hover{
	background: #0262a8;
	box-shadow: 0 0 10px 3px #FFFFFF;
	color: #FFFFFF;
	opacity: 1;
}

.impressionPnJButton{
	background-color: #014e73;
	bottom: 0%;
	border: none !important;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	display: none;
	font-weight: bold;
	left: 38.5%;
	margin-bottom: 20px;
	margin-top: 5px;
	opacity: 0;
	padding: 5px 20px;
	position: fixed;
	z-index: 999;
}

.impressionPnJButton:hover{
	background-color: #014465;
	box-shadow: 0 0 10px 3px #FFFFFF;
	transition: box-shadow 0.5s, background 0.5s;
}

.generationForPrint{
	display: none;
}

.detailPnj{
	background: url(detailPnj.png) repeat-y;
	background-size: 100%;
	box-shadow: 5px 5px 20px #000000;
	font-weight: 900;
	margin: 0 auto 20px auto;
	padding: 5px;
	position: relative;
	text-align: center;
	border-radius: 0 0 25px 25px;
}

.allieNom {
	font-size: 25px;
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	position: absolute;
	top: 12%;
	left: 15.75%;
	font-family: "queen";
	width: 16%;
	line-height: 40px;
}

.allieMetier{
	color: #000066;
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	top: 23%;
	left: 16.5%;
	position: absolute;
	font-family: "queen";
	width: 16%;
	line-height: 35px;
	font-size: 23px;
}

.allieVille{
	color: #660000;
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	top: 31%;
	left: 7.5%;
	position: absolute;
	font-family: "queen";
	width: 25.5%;
	line-height: 35px;
	font-size: 23px;
}

.allieOrga_1{
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	top: 37%;
	left: 8%;
	position: absolute;
	font-family: "queen";
	width: 25.5%;
	line-height: 35px;
	font-size: 23px;
}

.allieOrga_2{
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	top: 44%;
	left: 9%;
	position: absolute;
	font-family: "queen";
	width: 25.5%;
	line-height: 35px;
	font-size: 23px;
}

.allieAdresse{
	color: #777066;
	margin: 5px;
	padding: 0;
	z-index: 998;
	transform: rotate(-9deg);
	top: 67%;
	left: 11.5%;
	position: absolute;
	font-family: "queen";
	width: 25.5%;
	line-height: 35px;
    font-size: 23px;
}

.zoneBoutonValidPnj{
	position: absolute;
	bottom: 13px;
	width: 100%;
    left: 0;
}

.allieDescription{
	margin: 5px;
	padding: 5px;
	z-index: 998;
	transform: rotate(9deg);
	top: 10%;
	left: 50%;
	position: absolute;
	font-family: "queen";
	width: 47.5%;
	line-height: 35px;
    font-size: 23px;
	height: 50%;
	max-height: 42%;
	overflow-y: auto;
	text-align: left;
}

.allieDescription_PJ{
	height: 62%;
	max-height: 62%;
	left: 49%;
}

.pnj_descMjButton{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #a92828;
	right: 0.5%;
	top: 55%;
	cursor: pointer;
	background-image: url(../../img/mjOnly.png);
	background-size: 75%;
	padding: 10px;
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
}

.pnj_descMjButton:hover{
	background-color: #791c1c;
}

.allieDescriptionMj{
	background: url(images/fond-pnjDescMJ.jpg);
	margin: 5px;
	transform: rotate(9deg);
	top: 10%;
	left: 100%;
	position: absolute;
	font-family: "queen";
	width: 47%;
	line-height: 35px;
    font-size: 23px;
	height: 82%;
	max-height: 82%;
	overflow-y: auto;
	text-align: left;
	color: #962323;
	font-style: italic;
	padding: 1%;
	background-size: 100%;
	z-index: 999;
	box-shadow: 0px 0px 20px 3px #000;
	opacity: 0;
	transition: left 0.5s, opacity 1s;
}

.pnj_descMjButton_show{
	left: 46%;
	opacity: 1;
	transition: left 0.5s, opacity 0.1s;
}

.allieAjoutHisto{
	font-style: italic;
	text-decoration: underline;
	margin: 5px;
	z-index: 998;
	transform: rotate(9deg);
	top: 74%;
	left: 46%;
	position: absolute;
	font-family: "queen";
	width: 52.5%;
	line-height: 30px;
	font-size: 22px;
	text-align: center;
}


/* --------- Choix lien PnJs --------- */

.editVisibilite_withEchelle{
	background: #EDECE7;
	border-bottom: 1px solid black;
	border-radius: 10px;
	border-top: 1px solid white;
	box-shadow: 0 0px 40px #111;
	display: none;
	left: 0%;
	opacity: 0;
	padding: 20px;
	position: fixed;
	text-align: center;
	top: 5%;
	max-height: 90%;
	vertical-align: middle;
	width: 80%;
	z-index: 7600;
	overflow-y: auto;
}

.liensJoueurs_titre{
	width: 100%;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color: #383838;
	padding-bottom: 20px;
}

.liensJoueurs_moyenne{
	display: inline-block;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 44px;
	text-align: center;
	font-size: 38px;
	font-style: italic;
	font-weight: bold;
	border: 3px solid;
	padding-right: 2px;
}

.liensJoueurs_liste{
	padding-right: 30px;
}

.liensJoueurs_liste_joueur{
	text-align: center;
	margin-bottom: 10px;
	background: #fbfbfb;
	box-shadow: 1px 1px 3px 0px #000000;
	padding-bottom: 1px;
	padding-top: 5px;
	height: 65px;
	position: relative;
}

.liensJoueurs_liste_joueur_nom{
	font-size: 22px;
	color: #252525;
	width: 25%;
	display: inline-block;
	height: 65px;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
	line-height: 65px;
	font-family: "queen";
	font-weight: bold;
}

.liensJoueurs_liste_joueur_scroll{
	margin: 0 20px 10px 20px;
	height: 50px;
	width: 70%;
	position: absolute;
	top: 5px;
	right: 0;
}

.scroll_ligne{
	position: absolute;
	border: 1px solid #bdbdbd;
	width: 100%;
	margin-top: 25px;
	z-index: 100;
}

.scroll_chevron{
	position: absolute;
	top: 22px;
	border: 1px solid #464646;
	height: 7px;
	z-index: 100;
}

.scroll_chevron-5{
	left: 0%;
	top: 19px;
	height: 14px;
}

.scroll_chevron-4{
	left: 10%;
}

.scroll_chevron-3{
	left: 20%;
}

.scroll_chevron-2{
	left: 30%;
}

.scroll_chevron-1{
	left: 40%;
}

.scroll_chevron0{
	left: 50%;
	top: 19px;
	height: 14px;
}

.scroll_chevron1{
	left: 60%;
}

.scroll_chevron2{
	left: 70%;
}

.scroll_chevron3{
	left: 80%;
}

.scroll_chevron4{
	left: 90%;
}

.scroll_chevron5{
	left: 100%;
	top: 19px;
	height: 14px;
}

.scroll_valeur{
	background: transparent;
	position: absolute;
	height: 40px;
	width: 10%;
	top: 5px;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #f1f1f1;
	z-index: 10;
}

.scroll_selectZone{
	background: transparent;
	position: absolute;
	height: 40px;
	width: 10%;
	top: 5px;
	transition: background 0.75s, color 0.75s, box-shadow 0.75s;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: transparent;
	z-index: 150;
	cursor: pointer;
	line-height: 40px;
	vertical-align: middle;
}

.scroll_selectZone:hover{
	color: #565656;
	transition: background 0.25s, color 0.25s, box-shadow 0.25s;
	box-shadow: 0px 0px 10px 1px #000000;
}

.scroll_selectZone-5{
	left: -5%;
	border-radius: 50% 0 0 50%;
}

.scroll_selectZone-4{
	left: 5%;
}

.scroll_selectZone-3{
	left: 15%;
}

.scroll_selectZone-2{
	left: 25%;
}

.scroll_selectZone-1{
	left: 35%;
}

.scroll_selectZone0{
	left: 45%;
}

.scroll_selectZone1{
	left: 55%;
}

.scroll_selectZone2{
	left: 65%;
}

.scroll_selectZone3{
	left: 75%;
}

.scroll_selectZone4{
	left: 85%;
}

.scroll_selectZone5{
	left: 95%;
	border-radius: 0 50% 50% 0;
}

.scroll_selectZone-5:hover{ background: #ff7d7d; }
.scroll_selectZone-4:hover{ background: #ff8e74; }
.scroll_selectZone-3:hover{	background: #ffaa80; }
.scroll_selectZone-2:hover{	background: #ffc38f; }
.scroll_selectZone-1:hover{	background: #ffeead; }
.scroll_selectZone0:hover{	background: #FFFFFF; }
.scroll_selectZone1:hover{	background: #c7ffc9; }
.scroll_selectZone2:hover{	background: #9effb4; }
.scroll_selectZone3:hover{	background: #93ffd8; }
.scroll_selectZone4:hover{	background: #9eecff; }
.scroll_selectZone5:hover{	background: #9ecdff; }

.scroll_selectZone_select{
	margin: 12px 2% 0 2% !important;
	border-radius: 50% !important;
	color: #fff !important;
	border: 3px solid !important;
	box-shadow: 1px 1px 10px 0px #000 !important;
	height: 50px;
	top: -10px;
	line-height: 45px;
	transition: line-height 1s, top 1s, height 1s, width 1s, color 1s;
	width: 50px !important;
	padding-right: 2px;
}

.scroll_selectZone_select:hover{
	transition: background 0.25s, color 0.25s;
}

.scroll_selectZone-5_select{ background: #ff7d7d !important; color: #7d1b1b !important; }
.scroll_selectZone-4_select{ background: #ff8e74 !important; color: #7d371b !important; }
.scroll_selectZone-3_select{ background: #ffaa80 !important; color: #7d571b !important; }
.scroll_selectZone-2_select{ background: #ffc38f !important; color: #947c34 !important; }
.scroll_selectZone-1_select{ background: #ffeead !important; color: #a28b45 !important; }
.scroll_selectZone0_select{ background: #FFFFFF !important; color: #a9a9a9 !important; }
.scroll_selectZone1_select{ background: #c7ffc9 !important; color: #6da76d !important; }
.scroll_selectZone2_select{ background: #9effb4 !important; color: #489644 !important; }
.scroll_selectZone3_select{ background: #93ffd8 !important; color: #45a26f !important; }
.scroll_selectZone4_select{ background: #9eecff !important; color: #3f795f !important; }
.scroll_selectZone5_select{ background: #9ecdff !important; color: #234f61 !important; }

.deleteLienPnj{
	position: absolute;
	right: -50px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 25px;
	text-align: center;
	line-height: 40px;
	background: #9e1010;
	top: 15px;
	color: #efefef;
	cursor: pointer;
}

.listePnj_echelle{
	background-color: #598497;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #000000;
	color: #EDECE7;
	cursor: pointer;
	font-weight: bold;
	margin-left: 25px;
	width: 20%;
	font-size: 18px;
	height: 29px;
	vertical-align: top;
}

.pnjEchelle_delete{
	position: absolute;
	width: 40px;
	height: 55px;
	background: #c9302c;
	left: -30px;
	top: 5px;
	border-radius: 50% 35% 35% 50%;
	box-shadow: -4px 0px 5px 0px #660000;
	color: #580505;
	font-size: 25px;
	line-height: 55px;
	cursor: pointer;
	transition: background 0.5s, color 0.5s;
 }

.pnjEchelle_delete:hover{
	background: #631919;
	color: #FFFFFF;
}

#validerVisibilite_withEchelle{
	transition: background 1s, border-color 1s, box-shadow 1s;
}

.pnjEchelle_saveOk{
	background: #79c779 !important;
	border-color: #3bad3b !important;
	box-shadow: inset 0 0 20px 0px #006600 !important;
}