#div-center-presentation-visite-9 {
    margin-top: 5%;
    margin-bottom: 1%;
    background-image : url("../images/example/p9/p9title.png");
    background-size: 100%;
    height: 400px;
    background-repeat: no-repeat;
}

.p9-colonne1 {
    float: left;
    width: 32%;
    height: 10px;
    background-color: #F37E17;
    margin-top: 195px;
}

.p9-colonne2 {
    float: right;
    margin-top: 195px;
    width: 32%;
    height: 10px;
    background-color: #F37E17;
}

.p9-colonne3 {
    float: none;
    overflow: hidden;
    font-family: bonnie;
    font-size: 65px;
    width: 36%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
    letter-spacing: 2px;

}

.p9-icone {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 150px;
    background-color: white;
}

/*#background {
    background-image: url("../images/example/p9/WoodBackground.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 90%;
    margin-left: 5%
}*/

.icones-1-2-5-6 {
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    width: 20%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.icones-3-7 {
    float: right;
    margin-right: 4%;
    width: 20%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.icones-4-8 {
    float: none;
    overflow: hidden;
    width: 20%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#p9-1 {
    background-image : url('../images/example/p9/icone1.png');
    background-size: 70%;

}

#p9-2 {
    background-image : url('../images/example/p9/icone2.png');
    background-size: 70% 85%;
}


#p9-3 {
    background-size: 80%;
    background-image : url('../images/example/p9/icone3.png');
}

#p9-4 {
    background-image : url('../images/example/p9/icone4.png');
    background-size: 100%;
}

#p9-5 {
    background-image : url('../images/example/p9/icone5.png');
    background-size: 80% 80%;

}

#p9-6 {
    background-image : url('../images/example/p9/icone7.png');
    background-size: 90%;
}


#p9-7 {
    background-size: 50%;
    background-image : url('../images/example/p9/icone6.png');
}

#p9-8 {
    background-image : url('../images/example/p9/icone8.png');
    background-size: 90%;
}

#p9-9 {
    background-size: 80%;
    background-image : url('../images/example/p9/icone9.png');
}

#p9-10 {
    background-image : url('../images/example/p9/icone10.png');
    background-size: 100%;
}

#p9-11 {
    background-image : url('../images/example/p9/icone11.png');
    background-size: 100%;
}

#p9-12 {
    background-image : url('../images/example/p9/icone12.png');
    background-size: 100%;
}

#p9-13 {
    background-image : url('../images/example/p9/icone13.png');
    background-size: 100%;
}

#p9-14 {
    background-image : url('../images/example/p9/icone14.png');
    background-size: 100%;
}

#p9-15 {
    background-image : url('../images/example/p9/icone15.png');
    background-size: 100%;
}

#p9-16 {
    background-image : url('../images/example/p9/icone16.png');
    background-size: 100%;
}

#p9-17 {
    background-image : url('../images/example/p9/icone17.png');
    background-size: 100%;
}

#p9-18 {
    background-image : url('../images/example/p9/icone18.png');
    background-size: 100%;
}

#p9-19 {
    background-image : url('../images/example/p9/icone19.png');
    background-size: 100%;
}

#p9-20 {
    background-image : url('../images/example/p9/icone20.png');
    background-size: 100%;
}

#p9-21 {
    background-image : url('../images/example/p9/icone21.png');
    background-size: 100%;
}

#p9-22 {
    background-image : url('../images/example/p9/icone22.png');
    background-size: 100%;
}

#p9-23 {
    background-image : url('../images/example/p9/icone23.png');
    background-size: 100%;
}

