/* I-BOOTSTRAP CSS */
.search-page-form .navbar-form .form-group {
    min-width:88%;
}
.search-page-form .navbar-form .form-control {
    display:block;
    width:100%;
}

.media-object.pull-left {
    margin-right:10px;
}

.title-search {
    margin-bottom:0;
}

.capsule-video > .mini_capsule-video > iframe {
    display:block;
    margin:0 auto;
}

.box-video .oembed_video,
.video-area .oembed_video {
    margin-bottom:0;
}
.box-video .oembed_video > .spip_doc_titre,
.video-area .oembed_video > .spip_doc_titre {
    display:none;
}

#page-container {
    padding-bottom:20px;
}
#footer {
    border-top: 1px solid #EEEEEE;
    color: #7D756A;
    margin-bottom: 0;
    padding:35px 15px 15px;
}

/* MODULES CSS */
h1 span.exergue, .h1 span.exergue,
h2 span.exergue, .h2 span.exergue,
h3 span.exergue, .h3 span.exergue,
h4 span.exergue, .h4 span.exergue,
h5 span.exergue, .h5 span.exergue,
h6 span.exergue, .h6 span.exergue {
    font-weight:bold;
    color:#31708F;
}

/* Agenda */
.formulaire_participer_evenement fieldset > ul > li {
    list-style:none;
}

.formulaire_participer_evenement fieldset > ul > li.saisie_reponse {
    margin-bottom:15px;
}

.formulaire_participer_evenement .saisie_reponse .explication {
    color: #737373;
    display: block;
    margin-bottom: 10px;
}

.formulaire_participer_evenement li.saisie_reponse > .choix {
    display:inline-block;
    padding-right:20px;
}
.formulaire_participer_evenement li.saisie_reponse .radio, .formulaire_participer_evenement li.saisie_reponse .checkbox {
    display:inline;
}

/* Meteo - Rainette */
.i_conditions_tempsreel .cadre {
    margin-bottom:10px;
    border:1px solid #DDDDDD;
    padding:10px;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
.i_conditions_tempsreel .cadre .t_reelle {
    font-size:60px;
    font-weight:bold;
}
.i_conditions_tempsreel .cadre .t_ressentie {
    color:#505050;
}
.i_conditions_tempsreel .cadre .resume {
    font-weight:bold;
}

.i_conditions_tempsreel .maj {
    color:#777777;
}

/* Formidable */
.formulaire_formidable ul > li.fieldset {
    list-style:none;
}
.formulaire_formidable fieldset > h3.legend {
    border-bottom: 1px solid #E5E5E5;
    color: #333333;
    display: block;
    font-size: 21px;
    margin-bottom: 20px;
    padding: 0;
}
.formulaire_formidable .choix input{
    display:inline;
}

/* Contenus multimedias */

.video-player {
    background-color:#EEEEEE;
    border-radius:4px;
    margin-bottom:20px;
    display:table;
    width:100%;
    border-spacing:5px;
    border-collapse:separate;
}
.video-player .video-row {
    display:table-row;
}
.video-player .video-area, .video-player .video-playlist  {
    display:table-cell;
}
.video-player .video-area {
    width:60%;
    background-color:#000000;
    border:1px solid #E5E5E5;
}
.video-player .video-playlist {
    background-color:#FFFFFF;
    border-radius:4px;
    border:1px solid #E5E5E5;
    vertical-align:top;
}
.video-player .video-playlist ul {
    overflow-y:scroll;
    overflow-x:hidden;
    max-height:290px;
    padding:5px 10px;
}
.video-player .video-playlist .media-body{
    display:block;
}
.video-player .video-playlist .media-body .titre {
    white-space:nowrap;
}
.video-player .video-playlist li a {
    display:block;
    padding:2px 5px;
}
.video-player .video-playlist li a:hover,
.video-player .video-playlist li a:focus {
    text-decoration:none;
}
.video-player .video-playlist li.active a {
    background-color:#EEEEEE;
}

@media (max-width: 1199px) {
    .video-player .video-area {
        width:70%;
    }
    .video-player .video-playlist ul {
        max-width:200px;
    }
}

@media (max-width: 992px) {
    .video-player .video-row,
    .video-player .video-area, .video-player .video-playlist  {
        display:block;
        width:100%;
    }
    .video-player .video-area {
        margin-bottom:5px;
    }
    .video-player .video-playlist ul {
        max-width:100%;
        max-height:250px;
    }
}
