/***********************************************************************************************************************************/
/************************ 								/!\	WARNING /!\										************************/
/************************ 																					************************/
/************************ 				THIS CSS IS FOR : TEMPLATING ADVERTISING BANNERS	 				************************/
/************************ 																					************************/
/************************ 				  NOT FOR : PUTTING STYLES ABOUT SOMETHING TEMP						************************/
/************************ 																					************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************
/***********************************************************************************************************************************
########     ###    ##    ## ##    ## ######## ########
##     ##   ## ##   ###   ## ###   ## ##       ##     ##
##     ##  ##   ##  ####  ## ####  ## ##       ##     ##
########  ##     ## ## ## ## ## ## ## ######   ########
##     ## ######### ##  #### ##  #### ##       ##   ##
##     ## ##     ## ##   ### ##   ### ##       ##    ##
########  ##     ## ##    ## ##    ## ######## ##     ##
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner{
	position: absolute;
	display: block;
	box-sizing:border-box;
}
.banner__wrapper {
	width: 100%;
	height: 100%;
}
.banner__placeholder--728,
.banner--leaderboard .banner__wrapper > div:first-child {
	width: auto;
	height: auto;
	min-width: 728px;
	min-height: 90px;
	border: 2px solid #C8DFE5;
}
.banner__placeholder{
	display: block;
	text-indent: -999em;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
   ###    ########  ########  ##        #######   ######  ##    ## ######## ########
  ## ##   ##     ## ##     ## ##       ##     ## ##    ## ##   ##  ##       ##     ##
 ##   ##  ##     ## ##     ## ##       ##     ## ##       ##  ##   ##       ##     ##
##     ## ##     ## ########  ##       ##     ## ##       #####    ######   ########
######### ##     ## ##     ## ##       ##     ## ##       ##  ##   ##       ##   ##
##     ## ##     ## ##     ## ##       ##     ## ##    ## ##   ##  ##       ##    ##
##     ## ########  ########  ########  #######   ######  ##    ## ######## ##     ##
************************************************************************************************************************************
***********************************************************************************************************************************/

.banner {
	background-image:no-repeat;
}
.banner--pub {
	background-image: none !important;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
 ######  #### ######## ########  ######
##    ##  ##       ##  ##       ##    ##
##        ##      ##   ##       ##
 ######   ##     ##    ######    ######
      ##  ##    ##     ##             ##
##    ##  ##   ##      ##       ##    ##
 ######  #### ######## ########  ######
***********************************************************************************************************************************
***********************************************************************************************************************************/

/* 728x90 *************************************************************************************************************************/
.banner--728x90,
.banner__placeholder--728{
	width: 728px;
	height: 90px;
}

/* 160x600 *************************************************************************************************************************/
.banner--160x600 {
	width: 160px;
	height: 600px;
}

/* 300x250 ************************************************************************************************************************/
.banner--300x250 {
	width: 300px;
	height: 250px;
}

/* 336x280 ************************************************************************************************************************/
.banner--336x280 {
	width: 336px;
	height: 280px;
}

/* positions **********************************************************************************************************************/
.banner--160x600,
.banner--336x280,
.banner--300x250 {
	right: 0;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
##       ########    ###    ########  ######## ########  ########   #######     ###    ########  ########
##       ##         ## ##   ##     ## ##       ##     ## ##     ## ##     ##   ## ##   ##     ## ##     ##
##       ##        ##   ##  ##     ## ##       ##     ## ##     ## ##     ##  ##   ##  ##     ## ##     ##
##       ######   ##     ## ##     ## ######   ########  ########  ##     ## ##     ## ########  ##     ##
##       ##       ######### ##     ## ##       ##   ##   ##     ## ##     ## ######### ##   ##   ##     ##
##       ##       ##     ## ##     ## ##       ##    ##  ##     ## ##     ## ##     ## ##    ##  ##     ##
######## ######## ##     ## ########  ######## ##     ## ########   #######  ##     ## ##     ## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner--leaderboard {
	width: auto;
	max-width: 974px; /* max ads width + border */
	z-index: 3; /* value to let user clicks on ad */
}

.banner--728x90{
	left: 50%;
	transform: translateX(-50%);
	top: 86px;
}
.banner--leaderboard .banner__wrapper > div:first-child,
.banner__placeholder--728 {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-728-en.gif);
	background-repeat: no-repeat;
}
html[lang=fr] .banner__placeholder--728,
html[lang=fr] .banner--leaderboard .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-728-fr.gif);
}
html[lang=de] .banner__placeholder--728,
html[lang=de] .banner--leaderboard .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-728-de.gif);
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
 ######   #######  ##     ##    ###    ########  ########
##    ## ##     ## ##     ##   ## ##   ##     ## ##
##       ##     ## ##     ##  ##   ##  ##     ## ##
 ######  ##     ## ##     ## ##     ## ########  ######
      ## ##  ## ## ##     ## ######### ##   ##   ##
##    ## ##    ##  ##     ## ##     ## ##    ##  ##
 ######   ##### ##  #######  ##     ## ##     ## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner--square{
	z-index: 109; /* mantis 61204 : value to let header menu fly over ad */
}
/** inside block ******************************************************************************************************************/
.block--ad300{
	min-height: 320px;
}
.block--ad300 .banner--square{
	left: 15px;
	top:  40px;
}
/* 300x250 ************************************************************************************************************************/
.banner__placeholder--300,
aside.banner--300x250 .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-300-en.gif);
	width: 300px;
	height: 250px;
}
html[lang=fr] .banner__placeholder--300,
html[lang=fr] aside.banner--300x250 .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-300-fr.gif);
}
html[lang=de] .banner__placeholder--300,
html[lang=de] aside.banner--300x250 .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-300-de.gif);
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
########  ########  ######  ########    ###    ##    ##  ######   ##       ########
##     ## ##       ##    ##    ##      ## ##   ###   ## ##    ##  ##       ##
##     ## ##       ##          ##     ##   ##  ####  ## ##        ##       ##
########  ######   ##          ##    ##     ## ## ## ## ##   #### ##       ######
##   ##   ##       ##          ##    ######### ##  #### ##    ##  ##       ##
##    ##  ##       ##    ##    ##    ##     ## ##   ### ##    ##  ##       ##
##     ## ########  ######     ##    ##     ## ##    ##  ######   ######## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner--rectangle{
	z-index: 109; /* mantis 61831 : value to let header menu fly over ad */
}
/* 160x600 *************************************************************************************************************************/
.banner__placeholder--160,
aside.banner--160x600 .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-160-en.gif);
	width: 160px;
	height: 600px;
}
html[lang=fr] .banner__placeholder--160,
html[lang=fr] aside.banner--160x600 .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-160-fr.gif);
}
html[lang=de] .banner__placeholder--160,
html[lang=de] aside.banner--160x600 .banner__wrapper > div:first-child {
	background-image: url(/media/equideo/image/marketing/banner/ad-rewardedvideo-160-de.gif);
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
##       ########  ######      ###    ##
##       ##       ##    ##    ## ##   ##
##       ##       ##         ##   ##  ##
##       ######   ##   #### ##     ## ##
##       ##       ##    ##  ######### ##
##       ##       ##    ##  ##     ## ##
######## ########  ######   ##     ## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner__legal{
	position:absolute;
	text-align: center;
	font-size:11px;
	line-height:12px;
	height: 11px;
}
/** banner--leaderboard ***********************************************************************************************************/
.banner--leaderboard .banner__legal{
	background-color: #C8DFE5;
	width: 94px;
	color: #1E587F;
	margin-left:-105px;
	padding: 0;
	top: -2px;
	transform-origin: right top;
	-o-transform-origin: right top;
	-ms-transform-origin: right top;
	-moz-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
/** banner--skycraper + banner--square *********************************************************************************************/
.banner--square .banner__legal,
.banner--skyscraper .banner__legal{
	background-color: #B4B250;
	color: #030;
}

/* abuse link **********************************************************************************************************************/
.banner__abuse {
	line-height:10px;
	width:100%;
	font-size: 10px;
}
.banner--160x600 .banner__abuse,
.banner--336x280 .banner__abuse,
.banner--300x250 .banner__abuse {
	position: absolute;
	left:0;
	bottom:-12px;
	line-height:10px;
	width:100%;
	font-size: 10px;
	height: 8px;
}

.banner--leaderboard .banner__abuse {
	margin-top: 1px;
}

/* abuse link (still useful ?) *****************************************************************************************************/
#advertisingAbuseLink {
	font-size: 10px;
	float: left;
}




/***********************************************************************************************************************************
/***********************************************************************************************************************************
   ###    ########  ########  ##        #######   ######  ##    ##    ########    ###    ##       ##       ########     ###     ######  ##    ##
  ## ##   ##     ## ##     ## ##       ##     ## ##    ## ##   ##     ##         ## ##   ##       ##       ##     ##   ## ##   ##    ## ##   ##
 ##   ##  ##     ## ##     ## ##       ##     ## ##       ##  ##      ##        ##   ##  ##       ##       ##     ##  ##   ##  ##       ##  ##
##     ## ##     ## ########  ##       ##     ## ##       #####       ######   ##     ## ##       ##       ########  ##     ## ##       #####
######### ##     ## ##     ## ##       ##     ## ##       ##  ##      ##       ######### ##       ##       ##     ## ######### ##       ##  ##
##     ## ##     ## ##     ## ##       ##     ## ##    ## ##   ##     ##       ##     ## ##       ##       ##     ## ##     ## ##    ## ##   ##
##     ## ########  ########  ########  #######   ######  ##    ##    ##       ##     ## ######## ######## ########  ##     ##  ######  ##    ##
***********************************************************************************************************************************
***********************************************************************************************************************************/

/* adblock background **************************************************************************************************************/
body:not(.nopub) .content--hasaside::before{
	background: #F5F4C1;
	border: 2px solid #b4b250;
	content:"";
	position: absolute;
	top: 47px;
}
.body--ltr:not(.nopub) .content--hasaside::before{
	right: 18px;
}
.body--rtl:not(.nopub) .content--hasaside::before{
	left: 18px;
}

/* 160x600 *************************************************************************************************************************/
body:not(.nopub) .content--ad160x600::before{
	height: 600px;
	width: 160px;
}
/* 300x250 *************************************************************************************************************************/
body:not(.nopub) .content--ad300x250::before{
	height: 250px;
	width: 300px;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
########     ###    ########  ######## ##    ## ######## ########   ######
##     ##   ## ##   ##     ##    ##    ###   ## ##       ##     ## ##    ##
##     ##  ##   ##  ##     ##    ##    ####  ## ##       ##     ## ##
########  ##     ## ########     ##    ## ## ## ######   ########   ######
##        ######### ##   ##      ##    ##  #### ##       ##   ##         ##
##        ##     ## ##    ##     ##    ##   ### ##       ##    ##  ##    ##
##        ##     ## ##     ##    ##    ##    ## ######## ##     ##  ######
***********************************************************************************************************************************
***********************************************************************************************************************************/

/* yieldlove **********************************************************************************************************************/
.yl-ad-label{
    margin-top: -17px;
    font-size: 70%;
    padding-bottom: 2px;
    float:right;
}