
/* ========================================================================= *\
    vmcarousel plugin
\* ========================================================================= */

.vmc-container{position: relative;display:inline-block;text-align:center;width:100%;}
.vmc-viewport{overflow: hidden;}
.inside_carou{width:80%;padding:0 10%;overflow: hidden;}

.vmcarousel{list-style-type: none; padding: 0; margin: 0;height:auto;}
.vmcarousel > li{display:inline-block;width:24%;overflow:hidden;}
.vmcarousel > li img{ display: inline-block; margin: 0; padding:0;max-width: 100%;}
.vmcarousel > li .item_vert{
		display:inline-block;
		position:relative;
		width:95%;
		height:auto;
		padding:0.5em 0 0 0;
		text-align:center;
		z-index:10000;
		font-size:1em;
		vertical-align:top;
		overflow:hidden;
	}
.vmcarousel > li .item_vert a{
color:white;
}
.titre_itemvert{
		width:95%;
        background:#56b3a9;
        color:white;
        font-family:Futura-Bold, arial, sans-serif;
        height:auto;
        min-height:3em;
		font-size:1em;
        line-height:1.3em;
        padding:0.5em 0;
        border-top-right-radius:20px;
        border-top-left-radius:20px;
        border-left:#56b3a9 solid 2px;
        border-right:#56b3a9 solid 2px;
        border-top:#56b3a9 solid 2px;
        font-weight:lighter;
}
.comm_itemvert{
		width:94%;
        height:7em;
        border-left:#56b3a9 solid 2px;
        border-right:#56b3a9 solid 2px;
		font-size:1em;
        color:black;
        padding:0.5em 0.5%;
        font-family:JandaSafeandSound, arial, sans-serif;
}

.esp_itemvert{
		width:95%;
        background:#56b3a9;
        color:white;
        height:1em;
		font-size:1em;
        line-height:1em;
        padding:0.5em 0;
        border-bottom-right-radius:20px;
        border-bottom-left-radius:20px;
        border-left:#56b3a9 solid 2px;
        border-right:#56b3a9 solid 2px;
        border-bottom:#56b3a9 solid 2px;
        font-family:JandaSafeandSound, arial, sans-serif;
}
.esp_itemanthra{
		width:95%;
        background:#393e42;
        color:white;
        height:1em;
		font-size:1em;
        line-height:1em;
        padding:0.5em 0;
        border-bottom-right-radius:20px;
        border-bottom-left-radius:20px;
        border-left:#56b3a9 solid 2px;
        border-right:#56b3a9 solid 2px;
        border-bottom:#56b3a9 solid 2px;
        font-family:JandaSafeandSound, arial, sans-serif;
}
.esp_itemvert:hover{
        background:#393e42;
        border-left:#393e42 solid 2px;
        border-right:#393e42 solid 2px;
        border-bottom:#393e42 solid 2px;
}




.vmc-arrow-left{
    position: absolute;
	top: 7em;
	left: -5%;
	width: 66px;
	height: 50px;
	overflow: hidden;
    text-align: left;
	background:url('../../../template_ppb/miniprec2.png') no-repeat left top;
	z-index:815888;
}
.vmc-arrow-left:hover{
    position: absolute;
	top: 7em;
	left: -5%;
	width: 66px;
	height: 50px;
	overflow: hidden;
    text-align: left;
	background:url('../../../template_ppb/miniprec.png') no-repeat left top;
	z-index:815888;
}
.vmc-arrow-right{
    position: absolute;
	top: 7em;
	right: -5%;
	width: 66px;
	height: 50px;
	overflow: hidden;
    text-align: right;
	background:url('../../../template_ppb/mininext2.png') no-repeat left top;
	z-index:815888;
}
.vmc-arrow-right:hover{
    position: absolute;
	top: 7em;
	right: -5%;
	width: 66px;
	height: 50px;
	overflow: hidden;
    text-align: right;
	background:url('../../../template_ppb/mininext.png') no-repeat left top;
	z-index:815888;
}


/* ORDIS PORT*/
@media screen and (max-device-width:1600px){
.vmcarousel > li{display:inline-block;width:31%;overflow:hidden;}

}

/* TABLETTES */
@media screen and (max-device-width:1200px){

.esp_itemvert{
        height:2em;
}
.vmcarousel > li{display:inline-block;width:31%;overflow:hidden;}

/* TABLETTES */
@media screen and (max-device-width:1024px){
.vmcarousel > li{display:inline-block;width:31%;overflow:hidden;}
.inside_carou{width:95%;padding:0 5% 0 10%;overflow: hidden;}
.esp_itemvert{
        height:3em;
}
.comm_itemvert{
		width:95%;
        height:9em;
}
.titre_itemvert{
		width:95%;
        min-height:5em;
}
.vmc-arrow-left{
    position: absolute;
	top: 7em;
	left: -5%;
	width: 40px;
	height: 30px;
	overflow: hidden;
    text-align: left;
	background:url('../../../template_ppb/m_miniprec2.png') no-repeat left top;
	z-index:815888;
}
.vmc-arrow-left:hover{
    position: absolute;
	top: 7em;
	left: -5%;
	width: 40px;
	height: 30px;
	overflow: hidden;
    text-align: left;
	background:url('../../../template_ppb/m_miniprec.png') no-repeat left top;
	z-index:815888;
}
.vmc-arrow-right{
    position: absolute;
	top: 7em;
	right: -5%;
	width: 40px;
	height: 30px;
	overflow: hidden;
    text-align: right;
	background:url('../../../template_ppb/m_mininext2.png') no-repeat left top;
	z-index:815888;
}
.vmc-arrow-right:hover{
    position: absolute;
	top: 7em;
	right: -5%;
	width: 40px;
	height: 30px;
	overflow: hidden;
    text-align: right;
	background:url('../../../template_ppb/m_mininext.png') no-repeat left top;
	z-index:815888;
}

}

/* TABLETTES */
@media screen and (max-device-width:900px){
.vmcarousel > li{display:inline-block;width:105%;overflow:hidden;}
.vmcarousel > li .item_vert{
		font-size:1.35em;
	}

}
/* TABLETTES */
@media screen and (max-device-width:550px){
.vmc-container{position: relative;display:inline-block;text-align:center;width:200%;}
.vmcarousel > li{display:inline-block;width:45%;overflow-x:auto;}
.inside_carou{width:100%;padding:0;overflow-x:auto;}
.vmc-arrow-left,.vmc-arrow-right{
        display:none;
}
}
