/*pour harmonisation*/
.navbar-header-full.navbar-dark {
    border-top: solid 1px #3c3c3c;
    height: 88px;
    padding: 20px 0;
}

#header-full-top {
    box-shadow: 0 2px 5px #666;
    padding: 45px 0 30px;
    height: auto;
}
/*
li .dropdown:hover {
    background-color:none;
    color:#ccc;
}*/

.navbar-default .navbar-nav > li > a:hover {
    background: none !important;
    color: #ccc !important;
}


/* / harmonisation*/
/* The grid: Four equal columns that floats next to each other */
.colonne {
    float: left;
    width: 25%;
    padding: 10px;
}

    /* Style the images inside the grid */
    .colonne img {
        opacity: 0.8;
        cursor: pointer;
    }

        .colonne img:hover {
            opacity: 1;
        }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container2 {
    position: relative;
    display: none;
}

/* Expanding image text */
#imgtext2 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the image */
.closebtn2 {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}


div.scroll-container {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
    padding: 10px;
}

    div.scroll-container img {
        padding: 10px;
    }


    /*page Choisir la Md familiale*/

@media (min-width: 600px) {

    .cmf-container {
        font-size: 16px;
        margin-top: 50px;
        background-color:white;
    }

    .cmf-sm {
        display: none;
    }

    .cmf-blocLeft {
        margin: 50px 0 0;
        padding: 0 0 0 50px;
    }

        .cmf-blocLeft p {
            font-size: 1.2em;
        }

            .cmf-blocLeft p strong {
                font-size: 1.2em;
            }

    .cmf-blocRight {
        margin: 0;
        padding: 0 0 0 200px;
    }

    .cmf-cta {
        background-color: #8c1c40;
        padding: 20px 30px 15px;
        border-radius: 45px;
        margin-top: 0px;
        font-size: 1.8em;
        text-align: center;
        color: white;
        font-weight: 700;
        width: 100%;
        border: none !important;
    }
}


    @media (max-width: 600px) {
        .cmf-container {
            margin-top: 150px;
            background-color: white;
            padding:15px 0;
        }

        .cmf-lg {
            display: none;
        }

        .cmf-sm {
            display: block;
        }

        .cmf-blocLeft {
            margin: 50px 0;
            padding: 0 20px;
        }

            .cmf-blocLeft p {
                font-size: 1.1em;
            }

                .cmf-blocLeft p strong {
                    font-size: 1.1em;
                }

        .cmf-blocRight {
            display: none;
        }

        .cmf-cta {
            background-color: #8c1c40;
            padding: 20px 30px 15px;
            border-radius: 45px;
            margin-top: 0px;
            font-size: 1em;
            text-align: center;
            color: white;
            font-weight: 700;
            width: 100%;
            border: none !important;
        }
    }