body{
    background : #f9f9f7 ;
}

/*ICI on gère l'affichage sur téléphone uniquement*/
@media only screen and (hover:none), (hover:on-demand) {
    
    .accueil{
        background-image: url("../images/BackGround_po.png");
        background-size: cover; 
    }
    .header{
        background : #5fbc19 ;
        color : #f9f9f7;
        left : 0;
        top : 0 ;
        right : 0;
        position : fixed;
    }

    .menu{
        background-image: url("../images/bandeauTopV2.png");
        background-size: 0%;
        background-repeat: no-repeat;
        color : white; 
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    .menu li {
        float: left;
        width: 25%;
    }

    .menu li a {
        display: block;
        color: white;
        text-align: center;
        padding: 11px;
        text-decoration: none;
        font-size: 175%;
    }

    .menu li a:hover {
        background-color: #548f28;
        opacity: 0.5;
    }
}

/*ICI on gère l'affichage sur ordinateur uniquement*/
@media only screen and (hover:hover) {

    .accueil{
        background-image: url("../images/BackGround.png");
        background-size: cover; 
     }

    .header{
        background : #5fbc19 ;
        color : #f9f9f7;
        left : 0;
        top : 0 ;
        right : 0;
        position : fixed;
    }

    .menu{
        background-image: url("../images/bandeauTopV2.png");
        background-size: 100% 90%;
        background-repeat: no-repeat;
        color : white; 
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    .menu li {
        float: left;
        width: 10%;
    }
    
    .menu li a {
        display: block;
        color: white;
        text-align: center;
        padding: 11px;
        text-decoration: none;
        font-size: 100%;
    }
    
    .menu li a:hover {
        background-color: #548f28;
        opacity: 0.5;
    }
}



h2{
    color: #428311;
}

h3{
    color: #34680d;
}
.corps{
    margin-left: 15%;
    margin-right: 15%;
}

.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.citation{
    color : #383838;
    text-align : center;
    font-style: italic;
}

.gras{
     font-weight: bold;
}

.blue{
    color : #1f82bf;
}

.jos{
    max-height: 18%;
    max-width: 18%;
    float : right;
    margin: 5%;
}

.base{
    max-height:25%;
    max-width: 25%;
    float : right;
    margin: 0px;
}

.maps{
    max-height:50%;
    max-width: 50%;
    float : right;
    margin: 0px;
}

.gauche{
    max-height: 450px;
    max-width: 450px;
    float : left;
}

.cascade{
    opacity : 0.2;
}

.contact{
    background-image: url("cascade.jpg");
    background-size:cover;
}

.piedButton{
    max-width: 30%;
    max-height: 30%;
}

.imageBN{
    float: right;
    margin-top: 10%;
    margin-right: 5%;
}

.bandeauBas{
    position:fixed;
    bottom:0px;
    right:0%;
}

.liensverts{
    color: #428311;
}