﻿/*
*** MediaContent
*/
.MediaContent .manage > a
{
    color:coral;
    font-size:9pt;
}
.MediaContent div.manage
{
    position: absolute;
    top: 5px;
    left: 10px;
}

.MediaContent .content.youtube .inner-content,
.MediaContent .content.video .inner-content 
{
	background-color:#000;
}
.MediaContent .content.youtube .inner-content > div.outer_youtube_player iframe/*,
.MediaContent .content.youtube .inner-content > div.outer_youtube_player object,
.MediaContent .content.youtube .inner-content > div.outer_youtube_player embed*/ 
{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.MediaContent > .sc-menu {
    /* width: 100%; */
    display: block;
    text-align: left;
}

.MediaContent
{
    text-align: center;
    display: block;
}
.MediaContent > .inner 
{
    display: inline-block;
    text-align:left;
    position:relative;
}
.MediaContent > .inner .content
{
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    position: relative;
}
.MediaContent > .inner .content .inner-content
{
    width:100%;
    height:100%;
}

.MediaContent > .inner .content img
{
    max-width:100%;
    max-height:100%;
}
.MediaContent > .inner .content.inconnu .inner-content
{
    /*background-color:#F1F0F0;*/
    -webkit-box-shadow: 2px 2px 10px 2px rgb(128 128 128 / 80%);
    box-shadow: 2px 2px 10px 2px rgb(128 128 128 / 80%);
}

/*
*** MediaSingleContent, not MediaSingleContent
*/
.MediaContent.MediaSingleContent > .inner,
.MediaContent:not(.MediaSingleContent) > .inner
{
    width: 100%;
}

.MediaContent.MediaSingleContent > .inner .content.image .inner-content,
.MediaContent:not(.MediaSingleContent) > .inner .content.image .inner-content
{
    position: relative;
}

.MediaContent:not(.MediaSingleContent) .content img,
.MediaContent.MediaSingleContent:not(.Percent60):not(.Entete) .content:not(.inconnu) img
{
    width:100%;
    height:100%;
}

/*
*** AutoHeight
*/
.MediaContent.MediaSingleContent:not(.AutoHeight) .content.video video 
{
	height: 400px;
}

.MediaContent:not(.AutoHeight) .content.video video 
{
	max-width: 100%;
    max-height: 100%;
}
.MediaContent.AutoHeight .content.video video 
{
    width:100%;
    height:auto;
}

.MediaContent.AutoHeight .content.youtube .inner-content > div.outer_youtube_player
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.MediaContent:not(.AutoHeight) .content.youtube .inner-content > div.outer_youtube_player
{
	position: relative;
}
.MediaContent:not(.AutoHeight) .content.youtube .inner-content > div.outer_youtube_player,
.MediaContent:not(.AutoHeight) .content.youtube .inner-content > div.outer_youtube_player div.youtube_player
{
	width: 100%;
	height: 100%;
	position: relative;
}

/*
*** MediaSingleContent
*/
.MediaContent.MediaSingleContent:not(.Percent60) > .inner .content
{
    width:100%;
}
.MediaContent.MediaSingleContent.Percent60 > .inner .content
{
    width:60%;
}
/*.MediaContent.MediaSingleContent.Entete .content,
.MediaContent.MediaSingleContent.Entete .content.video video 
{
	height: 450px !important;
}*/
.MediaContent.MediaSingleContent.Entete .content 
{
    width:100%;
}
.MediaContent.MediaSingleContent.Entete .content:not(.inconnu) img
{
    width:100%;
    /*height:100%;*/
}
.MediaContent.MediaSingleContent.Entete .content.inconnu img
{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:100%;
}
.MediaContent.MediaSingleContent .content.image
{
    text-align:left;
}

/*
*** Media4Contents
*/

.MediaContent.Media4Contents > .inner 
{
    /*height: 348px;*/
    padding-right: 48px;
}
.MediaContent.Media4Contents > .inner .content_1,
.MediaContent.Media4Contents > .inner .content_2
{
    width:38%;
}
.MediaContent.Media4Contents > .inner .content_3
{
    width:76%;
}
.MediaContent.Media4Contents > .inner .content_4
{
    width:25%;
}
.MediaContent.Media4Contents > .inner .content_1,
.MediaContent.Media4Contents > .inner .content_2,
.MediaContent.Media4Contents > .inner .content_3
{
    height:160px;
}
.MediaContent.Media4Contents > .inner .content_1
{
    margin-right: 14px;
}
.MediaContent.Media4Contents > .inner .content_3
{
    margin-top:28px;
}
.MediaContent.Media4Contents > .inner .content_4
{
    position: absolute;
    float: right;
    height: 100%;
    right: 0px;
    top: 0 !important;
}

.MediaContent.Media4Contents > .inner .content_2 {
    left: -4px;
}
.MediaContent.Media4Contents > .inner .content_1,
.MediaContent.Media4Contents > .inner .content_2
{
    padding-right:14px;
}

.MediaContent.Media4Contents > .inner .content_3.youtube div.outer_youtube_player 
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}
.MediaContent.Media4Contents > .inner .content_3.youtube div.outer_youtube_player iframe,  
.MediaContent.Media4Contents > .inner .content_3.youtube div.outer_youtube_player object, 
.MediaContent.Media4Contents > .inner .content_3.youtube div.outer_youtube_player embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.MediaContent.Media4Contents > .inner .content_3.youtube div.outer_youtube_player .youtube_player
{
	position: absolute !important;
    top:0 !important;
}
.MediaContent.Media4Contents > .inner .content_3.video video
{
	width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
}

/*
*** Media5Contents
*/
.MediaContent.Media5Contents > .inner 
{
    /*height: 348px;*/
    padding-right: 100px;
}
.MediaContent.Media5Contents > .inner .content_1,
.MediaContent.Media5Contents > .inner .content_2,
.MediaContent.Media5Contents > .inner .content_3,
.MediaContent.Media5Contents > .inner .content_4
{
    width: 32%;
    height: 200px;
}
.MediaContent.Media5Contents > .inner .content_1,
.MediaContent.Media5Contents > .inner .content_3
{
    margin-right: 90px;
}
.MediaContent.Media5Contents > .inner .content_3,
.MediaContent.Media5Contents > .inner .content_4
{
    margin-top: 28px;
}
.MediaContent.Media5Contents > .inner .content_5
{
    width: 25%;
    position: absolute;
    float: right;
    height: 100%;
    right: 0px;
    top: 0 !important;
}

/*
*** Autres
*/

.Entete .inner .content {
    max-height: 350px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .Entete {
        display: none;
    }
}

.MediaContent > .inner .content.no-resize img {
    max-width: unset !important;
    width: unset !important;
}
.MediaContent > .inner .content.no-resize .inner-content {
    overflow-y: auto;
    display: block;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .MediaContent > .inner .content {
        max-width:100% !important;
        width:auto !important;
        padding:0 !important;
        height:auto !important;
        margin: 28px 0 28px 0 !important;
        display:block !important;
        position: initial !important;
        float: none !important;
        text-align: center !important;
    }
    .MediaContent > .inner .content:first-child {
        margin-top:0 !important;
    }
    .MediaContent > .inner .content:last-child {
        margin-bottom:0 !important;
    }
    .MediaContent > .inner {
        padding:0 !important;
    }
    .MediaContent > .inner .content:not(.no-resize) img {
        max-width:100% !important;
        width:100% !important;
    }
}