/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 							www.dev.equideow.com/doc								************************/
/************************ 						        	  ET											************************/
/************************ 			dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow			************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* POPUP - STYLE-0 *****************************************************************************************************************/
/***********************************************************************************************************************************/
.popup-style-0 {
	min-width: 200px;
	font-size: 12px;
	color: #003300;
	background: #E2E18B;
	display: block;
	border-radius: 4px;
	border:1px solid #b3b14d;
	position: relative;
	padding:10px;
	box-shadow:0 0 200px #000;
}
.popup-style-0 .close-popup{
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 3px;
	background: #E2E18B;
	text-decoration:none;
}
.popup-style-0 .close-popup.right{
	right:3px;
}
.popup-style-0 .close-popup.left{
	left:3px;
}
.popup-style-0 .close-popup:before{
	content: 'x';
	height: 14px;
	width: 14px;
	border-radius: 10px;
    border: 1px solid #FFF;
	position: absolute;
	top: 4px;
	left: 4px;
	color: #FFF;
	font-size: 18px;
	line-height: 13px;
	text-align: center;
	box-shadow: inset 1px 1px 5px 3px #B8BF54;
	text-shadow: 0px 0px 2px #B8BF54;
}
/***********************************************************************************************************************************/
/* POPUP - STYLE-1 *****************************************************************************************************************/
/***********************************************************************************************************************************/
.popup-style-1 {
    width: 704px;
	font-size: 12px;
	color: #003300;
	background: #E2E18B;
	display: block;
    border-radius: 13px;
	border:1px solid #b3b14d;
	position: relative;
	padding:10px;
	box-shadow:0 0 200px #000;
}
.popup-style-1:before {
    content:"";
    display:block;
    width: 740px;
    height: 90px;
	background-image:url(/media/equideo/image/concours/balade/sapin/popin-top.png);
    position: absolute;
    top: -20px;
    left: -6px;
}
.popup-style-1:after {
    content:"";
    display:block;
    width: 100px;
    height: 74px;
	background-image:url(/media/equideo/image/concours/balade/sapin/popin-bottom.png);
    position: absolute;
    bottom: -5px;
    right: -2px;
}
.popup-style-1.direction-rtl:before {
	background-image:url(/media/equideo/image/concours/balade/sapin/popin-top-rtl.png);
    left: -12px;
}
.popup-style-1.direction-rtl:after {
	background-image:url(/media/equideo/image/concours/balade/sapin/popin-bottom-rtl.png);
    right: 627px;
}
.popup-style-1 .close-popup{
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 3px;
	background: #E2E18B;
	text-decoration:none;
}
.popup-style-1 .close-popup.right{
	right:3px;
}
.popup-style-1 .close-popup.left{
	left:3px;
}
.popup-style-1 .close-popup:before{
	content: 'x';
	height: 14px;
	width: 14px;
	position: absolute;
	top: 4px;
	left: 4px;
	color: #FFF;
	font-size: 18px;
	line-height: 13px;
	text-align: center;
	box-shadow: inset 1px 1px 5px 3px #B8BF54;
	text-shadow: 0px 0px 2px #B8BF54;
	text-indent: 1px;
}
/* avoid drag&drop of close button*/
.close-popup{
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.close-popup:before,
.close-popup:after{
	pointer-events:none;
}
/***********************************************************************************************************************************/
/* POPUP - STYLE-2 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.popup-style-2{
	position: relative;
	display:block;
	background:#fff;
	padding:15px;
	border:1px solid rgba(0, 0, 0, 0.3);
	border-radius:4px;
	font-size:13px;
	color:#666;
	box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
}
.popup-style-2 .close-popup{
	background: url(/media/equideo/image/components/popups/2/close-popup.png);
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
}
.popup-style-2 .close-popup:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.popup-style-2 h2{
	text-align: center;
	font-size:18px;
	font-weight: bold;
	color:#666;
}



/** fieldError *********************************************************************************************************************/
.input-style-0.fieldError::-webkit-input-placeholder{
	color: #f83030;
}
.input-style-0.fieldError::-moz-input-placeholder{
	color: #f83030;
}
.input-style-0.fieldError::-ms-input-placeholder{
	color: #f83030;
}


/***********************************************************************************************************************************/
/* UFO FROM SOWCLE *****************************************************************************************************************/
/***********************************************************************************************************************************/

#ufoBoxPopup{width:480px;}