/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

#entete {
    padding: 3em 3em;

    /* Généré avec Ultimate CSS Gradient Generator */
    background-color: rgb(225,51, 0); /* Old browsers */
    background-image: url("../img/back-pattern.jpg");
}

#entete h1 {
    font-size:  290%;
    color: white;
}
#entete p {
    font-size:  140%;
    color: #F9E8D6;
}

#entete .fa {
    color: white;
    text-align: center;
    font-size: 150px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

footer {
    color: white;
    background-color: rgb(225,51, 0); /* Old browsers */
    background-image: url("../img/back-pattern.jpg");
}

.fa {
   color: rgb(225,51, 0); 
}

/* Home Page Carousel */

header.carousel, .container-video {
    /* Ombrage dans le bas du carousel */
    box-shadow: 0px 12px 12px -11px #333;
}

/* Videos */
.container-video {
    width: 100%;
    height: 100%;
    min-width: 100%;
    position: relative;
    padding: 0px;
}

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0px;
    padding-top: 74%;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0px;
    left: 0px; 
    width: 100%;
    height: 100%;
    border: 0px none;
}

.duree-video, .mot-cle ul {
    color: #FF2500;
}

.caption h3 {
    margin-bottom: 0;
}

.mot-cle ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.mot-cle li {
    background: none repeat scroll 0% 0% #FFEFE2;
    font-size: 80%;
    margin: 0px 3px 3px 0px;
    padding: 0px 3px;
    border-radius: 3px;
    display: inline-block;
}

@media (max-width: 991px) {  
    .carousel-caption>h2 {
        font-size: 160%;
        padding-bottom: 10px;        
    }
}

@media (min-width: 1200px) {
    #entete h1 {
        font-size:  385%;
    }
    #entete p {
        font-size: 175%;
    }
}