html
{
    height:100%;
    background-color:white;
}
#Body
{
    height:100%;
    background-color:white;
}
#Form
{
    height:100%;
    background-color:white;
}
       
#rowCenterNav ul
{
    position:relative;
    display:block;
    text-align:center;
}
#contentWrapper {
    min-height: 50%;
}
.containerBack
{
    margin: 0px;
    padding: 0px;
    height:100%;
    width:100%;
    box-shadow: none;
}
.containerBack::before {
    background-size: 100% 100%;
}
@media (max-width: 767px) {
    .containerBack::before {
        background: none !important;
    }
}
#siteWrapper {
    height: 100% !important;
}
#contentWrapper {
    height: calc(100% - 166px);
}
@media (max-width: 767px) {
    #contentWrapper {
        height: initial;
    }
}
.container {
    height:auto !important;
}
.videoContainer {
    height: calc(100% - 65px) !important;
    margin-top: 0px;
}
.videoContainer #dnn_ContentPane,
.videoContainer .DnnModule,
.videoContainer .DnnModule div.DNNContainer_noTitle,
.videoContainer .DnnModule div.DNNContainer_noTitle > div,
.videoContainer .DnnModule div.DNNModuleContent,
.videoContainer .DnnModule .sc-content-block,
.videoContainer .DnnModule .MediaContent,
.videoContainer .DnnModule .MediaContent > .inner {
    height: 100% !important;
}

.videoContainer .DnnModule .MediaContent > .inner  {
    background-color: black;
    position: relative;
}
.videoContainer .DnnModule .MediaContent .content.youtube .inner-content, 
.videoContainer .DnnModule .MediaContent .content.video .inner-content {
    background-color: none;
}

.videoContainer .row {
    max-width: 800px;
}
@media (min-width: 768px) and (max-width: 979px) {
    .videoContainer .row {
        max-width: 600px;
    }
}
@media (max-width: 767px) {
    .videoContainer .row {
        max-width: none;
    }
    #dnn_ContentPane {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.contentPane{
    min-height:100vh;
}

.menuLong
{
    display:block;
}

.menuCourt
{
    display:none;
}

.videoContainer .row{
    width: 800px;
}
@media (max-width:800px) {
    
}

@media (min-width: 768px) {
    #footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    #contentWrapper {
        min-height: initial;
        overflow: hidden;
    }
}


@media (max-width: 767px) {
    .menuLong
    {
        display:none;
    }
    .menuCourt
    {
        display:block;
    }
    #footer span,
    #footer a
    {
        color: #135193 !important;
    }
    #footer hr {
        border-top: 1px solid #135193;
    }
}
/* Portrait tablet to landscape and larger */
@media (min-width:768px) {
    .container 
    {
        width: 100%;
        height:100%;
    }
    #footer
    {
        /*position:fixed;*/
        bottom:0;
        width:100%;
    }
}
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

/* Style menu pour template SICAL 2-Col */
/*Arriere plan*/
#dnn_pnav
{
    background:#135193 url(images/fondMenuHomeClair.png) top left repeat-x;
}
/*couleur menu actif*/
#dnn_pnav > li.active > a
{
    color:#FFF;
}
/*Couleur menu hover*/
#dnn_pnav > li:hover > a
{
    color: #13407B;
}
/*couleur menu non actif*/
#dnn_pnav > li > a, #dnn_pnav > li > span
{
    color: #FFF;
}
/* Fin style menu */