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

/***********************************************************************************************************************************/
/* MODULE - STYLE-1 ****************************************************************************************************************/
/***********************************************************************************************************************************/

.module-style-1{
	background: rgba(0, 0, 0, .3);
	border-radius: 8px;
}

/***********************************************************************************************************************************/
/* MODULE - STYLE-4 ****************************************************************************************************************/
/***********************************************************************************************************************************/

.module-style-4{
	background: rgba(255, 252, 239, .9);
	border-radius: 8px;
	box-shadow: -1px 1px 3px 0 rgba(19, 19, 19, .35);
	color: #3d251b;
}

/***********************************************************************************************************************************/
/* MODULE - STYLE-9 ****************************************************************************************************************/
/***********************************************************************************************************************************/

.module-style-9{
	background: #fffcef;
	border-radius: 8px;
	font-size: 16px;
}
.module-style-9,
.module-style-9 .widget-module-title{
	color: #3d251b;
}

/***********************************************************************************************************************************/
/* MODULE - EXTENSIBLE *************************************************************************************************************/
/***********************************************************************************************************************************/
.extensible{
    position: relative;
    display: block;
}
.extensible::before{
	content:"";
	display: block;
	width: calc(100% - 334px);
	height: 100%;
	left: 170px;
	position: absolute;
	top:0;
}
.extensible::after{
    content: "";
    display: block;
	height: calc(100% - 200px);
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: -1;

}
.extensible .extensible__content{
	min-height: 210px;
	position: relative;
	z-index: 1;
}
.extensible__cornertop,
.extensible__cornerbottom{
	width: 100%;
	height: 100%;	
}
.extensible__cornertop::after,
.extensible__cornertop::before,
.extensible__cornerbottom::after,
.extensible__cornerbottom::before{
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    display: block;
   	position: absolute;
    height: 100px;
    width: 170px;
}
.extensible__cornertop::after{
	right: 0;
	top: 0;
 }
.extensible__cornertop::before{
	left: 0;
	top: 0;
 }
.extensible__cornerbottom::after{
	right: 0;
	bottom: 0
 }
.extensible__cornerbottom::before{
	left: 0;
	bottom: 0;
 }