/* 12A1DC */
body {
    font-family: 'Karla', sans-serif;
}
.navbar{

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.Orange {
    color:#FF8700;
    font-size:10pt; font-weight:bold;
}
.linkOrange {
    color:#FF8700;
    font-weight:bold;
}

.bg0img,.bg1img,.bg2img,.bg3img,.bg4img,.bg5img {
    height:400px;
    text-align:center;
}
.bg0img {
    background:#12A1DC;
}
.bg1img {
    background-image: url('../images/bg1.png');
}
.bg2img {
    background-image: url('../images/bg2.png');
}
.bg3img {
    background-image: url('../images/bg3.png');
}
.bg4img {
    background-image: url('../images/bg4.png');
}
.bg5img {
    background-image: url('../images/bg5.png');
}


.card {
    width: 20rem; margin: 0 auto; float: none; height:22rem; text-align:center;
}
.card-title {
    font-weight:700;
}
.card-text {
    font-size : 0.8em;
}
.card-ligne {
    font-size : 0.8em;
}
.txtblanc {
    color:#fff;
}
.txtnoir,#question_txt {
    color:#000;
}

.triangle {
    z-index:9999;
    position:absolute;
    right:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 70px 70px 0;

    border-color: transparent #f0ad4e transparent transparent;
}

.footer {
    color:#fff; background:#12A2DD;  text-align:center;
}


#DIV_actus{
    display:none;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #Logo {
        margin-top:10px;
        width:140px
    }
    #ZoneBleue {
        height:500px;
        top:-170px;
    }
    .TitreH1 {
        font-size : 1.3em;
        font-weight:700;
    }
    .TitreH2 {
        font-size : 1.1em;
        font-weight:700;
    }
    #i_1 {
        font-size: 0.9em;
    }
    .SousTitre {
        font-size : 0.9em;
    }
    .Texte {
        font-size : 0.9em;
    }
    #Cartex3 {
        position:relative; top:-10px;
    }
    .img-thumbnail{
        margin-right:5px;
        width:200px;
    }

    .expertmedia-img {position:absolute;}
    .expertmedia-body {position:relative; top:130px; height:300px;}

    .footer{
        height:600px;
    }

    #DIV_gris{
        position:relative;
    }
}

/*  Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    #Logo {
        margin-top:10px;
        width:140px
    }
    #ZoneBleue {
        height:500px;
        top:-170px;
    }
    .TitreH1 {
        font-size : 1.3em;
        font-weight:700;
    }
    .navbar{
        height:80px;

    }

    .expertmedia-img {position:absolute;}
    .expertmedia-body {position:relative; top:130px; height:300px;}

    .footer{
        height:400px;
    }

    #DIV_gris{
        position:relative;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    #Logo {
        margin-top:10px;
        width:140px
    }
    #ZoneBleue {
        height:500px;
        top:-170px;
    }
    .TitreH1 {
        font-size : 1.3em;
        font-weight:700;
    }
    .navbar{
        height:80px;

    }

    .expertmedia-img {position:absolute;}
    .expertmedia-body {position:relative; top:130px; height:300px;}

    .footer{
        height:300px;
    }

    #DIV_gris{
        position:relative;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #Logo {
        margin-top:10px;
        width:140px
    }
    #ZoneBleue {
        height:500px;
        top:-135px;
    }
    .TitreH1 {
        font-size : 1.3em;
        font-weight:700;
    }
    .navbar{
        height:80px;

    }
    .expertmedia-img {position:absolute;}
    .expertmedia-body {position:relative; top:130px; height:300px;}

    .footer{
        height:300px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #Logo {
        margin-top:10px;
        width:140px
    }

    #DIV_actus{
        display:block;
    }

    #ZoneBleue {
        height:500px;
        top:-120px;
    }
    .TitreH1 {
        font-size : 1.9em;
        font-weight:700;
    }
    .navbar{
        height:80px;

    }

    .img-thumbnail{
        margin-right:10px;
    }

    .footer{
        height:300px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
    #Logo {
        margin-top:20px;
    }

    #DIV_actus{
        display:block;
    }

    .navbar{
        height:80px;

    }

    #ZoneBleue {
        height:500px;
        top:-120px;
    }
    .TitreH1 {
        font-size : 2.2em;
        font-weight:700;
    }
    .TitreH2 {
        font-size : 1.4em;
        font-weight:700;
    }
    .SousTitre {
        font-size : 1.2em;
    }
    .Texte {
        font-size : 1.0em;
    }
    #Cartex3 {
        position:relative; top:-80px;
    }
    .img-thumbnail{
        margin-right:10px;
    }



    .footer{
        height:300px;
    }
}