body {
    /*font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;*/
    font-family: "Roboto-Light", Helvetica, Verdana, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.25;
}


@media (max-width: 1400px) {
    body {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 14px;
    }
}



html {
  position: relative;
  min-height: 100%;
}



a {
    text-decoration: none;
}


.bleu-fonce {
    color: #003e6e;
}


.fndBleu {
    background-image: url('../images/FondBleu.png');
    background-repeat: repeat-y;
    background-size: contain;
}

.font-medium {
    font-family: "Roboto-Medium", Helvetica, Verdana, Arial, sans-serif;
}



main {
    background-color: white;
    border-bottom-style: solid;
    border-color: white;
    border-width: 1px;
}




/* Menu */

.divMenu a {
    font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
    font-size: 2.15em;
}

/* largeur au maximum de 768px - ente 1 et 768px iPhone */
@media (max-width: 768px) {
    .divMenu {
        text-align: center;
    }
}


.divMenu a:hover {
    color: #003e6e;
}


/* Titre */

.divTitreAccueil h1 {
    font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
    color: white;
    text-shadow: 1px 1px 1px gainsboro;
}


@media (min-width: 768px) {
    .divTitreAccueil h1 {
        font-size: 4em;
        opacity: .9;
    }
}



@media (min-width: 992px) {
    .divTitreAccueil h1 {
        font-size: 5em;
    }
}


@media (min-width: 1200px) {
    .divTitreAccueil h1 {
        font-size: 6em;
    }
}


/* Menu Objets */

.divMenuObjet {
    font-size: 2em;
}

/* ente 1 et 900px */
@media (max-width: 1332px) {
    .divMenuObjet {
        font-size: 1.75em;
    }
}


/* ente 1 et 900px */
@media (max-width: 900px) {
    .divMenuObjet {
        font-size: 1.4em;
    }
}




/* traits sous l'entête du menu */
.divMenuObjet a.bord {
    display: block;
    height: 1.5em;
    color: white;
    border-top-style: none;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: white;
    text-align: center;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-left: -1rem;
    padding-left: 1rem;
    margin-right: -1rem;
    padding-right: 1rem;
}


@media (min-width: 992px) {
    .divMenuObjet a.bord {
        margin-left: -4rem;
        padding-left: 4rem;
        margin-right: -4rem;
        padding-right: 4rem;
    }
}


@media (min-width: 1200px) {
    .divMenuObjet a.bord {
        margin-left: -6rem;
        padding-left: 6rem;
        margin-right: -6rem;
        padding-right: 6rem;
    }
}


/* menu langue */

.divLangue a {
    font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    line-height: 2em;
    color: white;
}

@media (min-width: 768px) {
    .divLangue a {
        font-size: 1.25em;
    }
}

@media (min-width: 992px) {
    .divLangue a {
        font-size: 1.5em;
    }
}


/* menu smart */

.divMenuSmart a {
    font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
    margin-bottom: .1em;
    font-size: 1.5em;    
    color: white;
    text-shadow: 1px 1px 1px black;
}


    /* Liste d'objets */


.divListeObjet h2,
.divListeObjet h1 {
    font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
    /*    font-size: 2.5em;*/
    color: #003e6e;
}

    .divListeObjet .tech {
        text-align: center;
        color: #003e6e;
    }

        .divListeObjet .tech p {
            font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
            margin-bottom: .25rem;
        }

            .divListeObjet .tech p.prix {
                font-family: "Roboto-Medium", Helvetica, Verdana, Arial, sans-serif;
            }

            .divListeObjet .tech p.charges {
/*                font-family: "Roboto-Medium", Helvetica, Verdana, Arial, sans-serif;*/
                font-size: .8em;
            }




    /* Description */

    .divDescription p,
    .divDescription a {
        font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
        font-size: 1.5em;
        letter-spacing: .5px;
        color: #003e6e;
    }


    @media (max-width: 768px) {
        .divDescription p {
            font-size: 1em;
            margin-left: 1rem;
        }
    }


    .divDescription .tech p,
    .divDescription .tech a {
        font-family: Roboto-Regular;
        font-size: 1.25em;
        margin-bottom: .10em;
    }


    @media (max-width: 768px) {
        .divDescription .tech p,
        .divDescription .tech a {
            font-size: 1em;
        }
    }





    .divDescription p.prix {
        font-family: Roboto-Regular;
        font-size: 2em;
    }

    @media (max-width: 768px) {
        .divDescription p.prix {
            font-size: 1.5em;
        }
    }




    .divDescription .tech label.icon {
        width: 15em;
    }

    .divDescription .tech img.iconPdf {
        width: 2em;
        margin-bottom: .5em;
    }


.fndVu {
    background-image: url('../images/fndVu.png');
    background-repeat: no-repeat;
    background-position-x: right;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: right;
}

.reussi {
    color: #9BEE20;
    padding-left: 1rem;
}

.echec {
    padding-left: 1rem;
    color: red;
}




/* Activités */

/*.divActivite p,
.divActivite li {
    color: #003e6e;
    font-size: 1.2em;
}*/

.divActivite {
    color: #003e6e;
    font-size: 1.2em;
}

    .divActivite h2 {
        margin-bottom: .5em;
        margin-top: 1em;
    }

    .divActivite .divTitre {
        text-shadow: #8cf 0px 0 5px;
    }

    .divActivite .GrilleLoyer {
        line-height: 1.1;
    }


        .divActivite .GrilleLoyer .bord {
            padding-top: .1em;
            padding-bottom: .1em;
            border-bottom-style: solid;
            border-width: 1px;
            border-color: #003e6e;
        }