.univers, .bandeau-container {
    margin-top: 16px;
    margin-bottom: 16px;
}

.bandeau-container {
    margin-bottom: 16px;
}

/** UNIVERS STYLE **/
.univers .row {
    margin: 0;
}

.univers .univers-image-col {
    padding:        0;
    height:         200px;
}

.univers .univers-image-container {
    position:       relative;
    display:        block;
    overflow:       hidden;
    width:          100%;
    height:         100%;
    max-height:     200px;
}

.univers .univers-image-container>.univers-image-title {
	position: absolute;
    top:0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: table;
    text-align: center;
}

.univers .univers-image-container>.univers-image-title>h2 {
	margin: 0;
    padding: 5px 15px;
    vertical-align: middle;
    display: table-cell;
    text-transform: lowercase;
}

.univers .univers-image-container>.univers-image-title>h2:first-letter {
    text-transform: uppercase;
}

.univers .univers-image-container>img {
    min-height: 100%;
    /*min-width: 100%;*/
}


/** BANDEAU STYLE **/
.bandeau-container .row {
    margin: 0;
}

.bandeau-container .bandeau-image-col {
    padding:        0;
    height:         200px;
}

.bandeau-container .bandeau-image-container {
    position:       relative;
    display:        block;
    overflow:       hidden;
    width:          100%;
    height:         100%;
    max-height:     200px;
}

.bandeau-container .bandeau-image-container>.bandeau-image-title {
    position: absolute;
    /* top:0; */
    /* bottom: 0; */
    width: 100%;
    height: 100%;
    color: #fff;
    display: table;
    text-align: center;
}

.bandeau-container .bandeau-image-container:hover>.bandeau-image-title {
    top: 0;
    bottom: 0;
}

.bandeau-container .bandeau-image-container>.bandeau-image-title>h2 {
    margin: 0;
    padding: 5px 15px;
    vertical-align: middle;
    display: table-cell;
    text-transform: lowercase;
}

.bandeau-container .bandeau-image-container>.bandeau-image-title>h2:first-letter {
    text-transform: uppercase;
}

.bandeau-container .bandeau-image-container>img {
    min-height: 100%;
    /*min-width: 100%;*/
}

/** BACKGROUND STYLE **/
.background {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../img/uploads/background/background.jpeg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -2;
}

/** Correctif demandés par Caroline pour fixer les marges coup de coeur / bon plan à 16px **/
#bons-plans .glyphicon.glyphicon-thumbs-up, #bons-plans .lien-italique p, 
#coups-coeur .mini-coeur, #coups-coeur .lien-italique p {
    height: 16px;
    line-height: 16px;
    padding: 2px 8px;
}

.background-white-index {
    margin-bottom: 0px;
}

.univers_preview .container {
    width: auto;
    margin: 0;
    padding: 0;
}

.univers_preview .univers .univers-image-col {
    height: 100px;
}

.univers_preview .univers .univers-image-container {
    max-height: 100px;
}

.univers_preview .univers-legend {
    margin: 0;
    margin-bottom: -4px;
    padding-left: 4px;
}

.univers_preview .img-thumbnail {
    margin-bottom: 5px;
}

.show_legend label,
.href_type label {
    margin-left: 5px;
}

.show_legend input:not(:first-child),
.href_type input:not(:first-child) {
    margin-left: 20px;
}

.label-sejour {
    margin: 0px 5px;
}

#espace-libre{
    margin-top: 10px;
}

@media (max-width: 576px) {
    .univers .univers-image-col, .bandeau-container .bandeau-image-col {
        height: unset;
    }
    .bandeau-container .bandeau-image-container {
        max-height: unset;
    }
}