body {
  padding-top: 50px;
  position: relative;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ddd;
}

#mc_embed_signup{background:#fff; clear:left; }
#mc_embed_signup form { padding: 0; }

h3 {
    color: #800000;
    font-weight: bold;
}

.navbar-brand {
    color: #fff !important;
    font-weight: bold;
}

.carousel-indicators .active {
    background-color: #333;
}

.carousel-indicators li {
    color: #333;
    border: 1px solid #333;
    opacity: .6;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    margin: auto;
    max-width: 70%;
}

.carousel-control {
    width: 10%;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.35) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.35) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.35)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.35) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.responsive-video {
    position:relative;
    padding-bottom:56.25%;
    padding-top:15px;
    height:0;
    overflow:hidden;
}

.responsive-video iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.box {
    padding-top: 3em;
    padding-bottom: 2em;
    border-top: 1px solid #ddd;
}

#poster-box img {
    padding: 20px;
    margin: auto auto;
}


#main-box {
    padding-bottom: 1em;
}

#features-box {
    background-color: #eee;
}

#links-box {
    background-color: #eee;
}

#videos-box {
    background-color: #fff;
}

#footer {
    background-color: #666;
    color: #aaa;
    font-size: 12pt;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
    -webkit-box-shadow: inset 0px 20px 20px -20px #000000;
    -moz-box-shadow: inset 0px 20px 20px -20px #000000;
    box-shadow: inset 0px 20px 20px -20px #000000; 
    text-align: center;
}

#footer a {
    color: #000 !important;
}


#language {
    position: absolute;
    text-align: right;
    right: 30px;
    top: 10px;
    z-index: 999;
}

#language a {
    z-index: 999;
}

#lang-fr {
    opacity: 0.4;
}

.youtube-container { display: block; margin: 20px 0px; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://i.imgur.com/TxzC70f.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }