/***********************************************************************************************************************************/
/************************ 								/!\	WARNING /!\										************************/
/************************ 																					************************/
/************************ 				   	THIS CSS IS FOR : SKINNING ID="CONTENT"	 						************************/
/************************ 																					************************/
/************************ 				  NOT FOR : PUTTING STYLES ABOUT PAGE CONTENT						************************/
/************************ 																					************************/
/************************ 		https://mdc-web-tomcat17.ubisoft.org/confluence/display/OWL/Layouts			************************/
/************************ 																					************************/
/***********************************************************************************************************************************

	***************************************************************
	*					  content__breadcrumb 				  	  *
	***************************************************************
	*															  *
	*						  content__top						  *
	*															  *
	***************************************************************
	*								*							  *
	*		content__middle			*		content__aside		  *
	*								*							  *
	***************************************************************
	*															  *
	*						 content__bottom					  *
	*															  *
	***************************************************************

***********************************************************************************************************************************/


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

.content--ambiance{
	margin-top: 33px;
}
.content--ambiance::before{
	background-repeat: no-repeat;
	background-position: left top;
	content: "";
	display: block;
	height: 140px;
	position: absolute;
	width: 990px;
}
.body--ltr .content--ambiance::before{
	background-image: url(/media/equideo/image/background/content/page/3.png);
}
.body--rtl .content--ambiance::before{
	background-image: url(/media/equideo/image/background/content/page/3-rtl.png);
}

/** body-background ****************************************************************************************************************/
.body--rtl.body--ambiance .body-background{
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

/** content__breadcrumb ************************************************************************************************************/
.content--ambiance .content__breadcrumb{
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 465px;
}

/** content__top *******************************************************************************************************************/
.content--ambiance .content__top{
	min-height: 95px;
}
.body--ltr .content--ambiance .content__top{
	padding: 0 490px 0 15px;
}
.body--rtl .content--ambiance .content__top{
	padding: 0 15px 0 490px;
}
.content--ambiance #page-contents::before{
	background: rgba(226,225,139,1);
	border-color: #F5F4C1;
	border-style: solid;
	border-width: 0 1px;
	content: "";
	display: block;
	height: 50%;
	left: 1px;
	position: absolute;
	right: 1px;
	top: 140px;
	z-index: 0;
}

/** content__middle ****************************************************************************************************************/
.content--ambiance .content__middle{
	background: #e2e18b;
	border-color: #f5f4c1;
	border-radius: 0 0 7px 7px;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 1px;
	padding: 15px;
	min-height: 140px;
}

/** container__ambiance ************************************************************************************************************/
.container__ambiance {
	height:278px;	
	position: absolute;
	text-align:center;
	top: 155px;
	width:680px;
}
.body--ltr .container__ambiance{
	left: 424px;
}
.body--rtl .container__ambiance{
	right: 424px;
	transform: scaleX(-1);
}
@media (max-width:1234px) {
	.container__ambiance--left{
		left: 31vw;
	}
	.container__ambiance--right{
		right: 31vw;
	}
}
@media (max-width:1234px) and (min-device-pixel-ratio: 1.5) {
	.container__ambiance {
		background-size:cover;
	}
}

/** no advertising ****************************************************************************************************************/
.nopub:not(.disconnected) .container__ambiance {
	top: 110px;
}
.nopub:not(.disconnected) .content--ambiance {
	margin-top: 97px;
}



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

.content--dressed {
	background: linear-gradient(to bottom, rgba(240,241,170,1) 0%,rgba(226,225,139,1) 130px,rgba(226,225,139,1) 100%); /* W3C */
    padding-bottom: 20px;
    border-radius: 8px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #F5F4C1;
}
.content--dressed {
	background: -moz-linear-gradient(top, rgba(240,241,170,1) 0%, rgba(226,225,139,1) 130px, rgba(226,225,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,241,170,1)), color-stop(130px,rgba(226,225,139,1)), color-stop(100%,rgba(226,225,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(240,241,170,1) 0%,rgba(226,225,139,1) 130px,rgba(226,225,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(240,241,170,1) 0%,rgba(226,225,139,1) 130px,rgba(226,225,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(240,241,170,1) 0%,rgba(226,225,139,1) 130px,rgba(226,225,139,1) 100%); /* IE10+ */
}

/** content__top *******************************************************************************************************************/
.content--dressed .content__top{
	padding: 0 15px;
}

/** content__middle ****************************************************************************************************************/
.content--dressed .content__middle{
	padding: 0 15px;
}


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

/** content__middle ***************************************************************************************************************/
.content--extensible .content__middle{
	padding-bottom: 40px;
}

/** content__bottom ***************************************************************************************************************/
.content--extensible .content__bottom{
	background:linear-gradient(to bottom,  #e8e7a7 0%,#e8e7a7 35%,#e6e4a0 41%,#e3e39a 59%,#e1df98 65%,#e1e093 71%,#e1e093 100%);
	height: 25px;
	margin: -27px 1px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #CAC865 #f5f4c1 #f5f4c1;
	border-radius: 0 0 5px 5px;
	cursor:pointer;
	text-align:center;
}
.content--extensible .content__bottom{
	background:-o-linear-gradient(top,  #e8e7a7 0%,#e8e7a7 35%,#e6e4a0 41%,#e3e39a 59%,#e1df98 65%,#e1e093 71%,#e1e093 100%);
	background:-ms-linear-gradient(top,  #e8e7a7 0%,#e8e7a7 35%,#e6e4a0 41%,#e3e39a 59%,#e1df98 65%,#e1e093 71%,#e1e093 100%);
	background:-moz-linear-gradient(top,  #e8e7a7 0%, #e8e7a7 35%, #e6e4a0 41%, #e3e39a 59%, #e1df98 65%, #e1e093 71%, #e1e093 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e7a7), color-stop(35%,#e8e7a7), color-stop(41%,#e6e4a0), color-stop(59%,#e3e39a), color-stop(65%,#e1df98), color-stop(71%,#e1e093), color-stop(100%,#e1e093));
	background:-webkit-linear-gradient(top,  #e8e7a7 0%,#e8e7a7 35%,#e6e4a0 41%,#e3e39a 59%,#e1df98 65%,#e1e093 71%,#e1e093 100%);
}
.content--extensible .content__bottom:after {
	background: url(/media/equideo/image/interface/fleches/fleche-ouvert12x12.png) no-repeat center top;
	content: "";
	display: inline-block;
	height: 12px;
	margin-top: 6px;
	width: 12px;
}