.sous_titre {
    font-family: 'georgia_italic';
    font-size: 1.16666666666667em; /* 14px / 12px */
    position: relative;
    min-height: 26px;
    line-height: 26px;
}

.sous_titre.triangle::before {
    border-style: solid;
    border-width: 13px 0 13px 14px;
    border-color: transparent transparent transparent rgb(233, 79, 53);
    top: 0;
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    width: 0;
}

.sous_titre.triangle::after {
    border-style: solid;
    border-width: 13px 14px 13px 0;
    border-color: transparent rgb(233, 79, 53) transparent transparent;
    top: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.photo {
    background: #fff;
    box-shadow: 1px 1px 2px 1px #ccc;
    display: inline-block;
    padding: 10px;
}

.photo.photo1 { transform: rotate(6deg); }
.photo.photo2 { transform: rotate(-2deg); }
.photo.photo3 { transform: rotate(1deg); }
.photo.photo4 { transform: rotate(-2deg); }

.photo .texte {
    font-family: 'georgia_italic';
}

#tour {
    padding: 30px 0 25px 0;
    overflow: auto;
}

#video {
    overflow: auto;
    margin-bottom: 40px;
}

#naissance .table {
    height: 210px;
}


#details_logo .bg-rouge {
    color: #fff;
    display: inline-block;
    font-size: 1; /* 22px / 12px */
    padding: 20px;
}

#details_logo img {
    max-height: 500px;
}

#idees .table {
    height: 240px;
}

#equipe .table {
    height: 220px;
}

#bateau .table {
    height: 350px;
}

#map-canvas {
    width: 100%;
    height: 170px;
}

#btn_garanties {
    text-transform: uppercase;
}

.bandeau_titre .initiatives { color: #fff;}

.img-fluid {
    max-width: 100%;
    height: auto;
}

@media all only screen and (-webkit-min-device-pixel-ratio: 1.5),
        (min-resolution: 120dpi),
        only screen and (-o-min-device-pixel-ratio: 3/2),
        only screen and (min--moz-device-pixel-ratio: 1.5),
        only screen and (min-device-pixel-ratio: 1.5) {

        #fleches_details_logo {
            background-image: url('/imgs/initiatives/fleches-details-logo@2x.png');
            background-size: 100%;
        }

}

/* HACK IE 8 */
@media \0screen {
    .photo {
        border: 1px solid #aaa;
    }
}

@media screen and (max-width: 700px) {

    .photo.photo2, .photo.photo3, .photo.photo4 {
        display: block;
    }

    .photo.photo1 { transform: rotate(3deg); }
    .photo.photo2 { transform: rotate(-1deg); }
    .photo.photo3 { transform: rotate(1deg); }

    .photo img {
        max-width: 100%;
    }

    .sous_titre.bordure_noire {
        line-height: 16px;
        padding: 4px 0;
    }

    #idees .table {
        height: auto;
    }

    #video {
        margin-bottom: 15px;
    }

    #video .videoWrapper {
    	position: relative;
    	padding-bottom: 56.25%; /* 16:9 */
    	padding-top: 25px;
    	height: 0;
    }
    #video .videoWrapper iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }

    #bateau .table {
        height: auto;
    }
}