/* NUMBER 1 */

.number1{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), rgb(100, 81, 67) 15%);
    transform: translate(-50%, 25%) rotate(2deg);
    border-color: rgb(100, 81, 67);
}

.number1 .img{
    background: url(../img/photo\ dossier.JPG) no-repeat;
    background-size: cover;
    background-position: 50% 30%;
}

.number1 h2{
    color: rgb(100, 81, 67);
}


.number1 .content-attribut p{
    background-color: rgb(100, 81, 67);
}


/* NUMBER 2 */

.number2{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), rgb(193, 43, 43) 15%);
    transform: translate(-50%, 25%) rotate(-3deg);
    border-color: rgb(193, 43, 43);
}

.number2 .img{
    background: url(../img/porto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.number2 h2{
    color: rgb(193, 43, 43);
}

.number2 .content-attribut p{
    background-color: rgb(193, 43, 43);
}


/* NUMBER 3 */

.number3{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), rgb(135, 147, 91) 15%);
    transform: translate(-50%, 25%) rotate(1deg);
    border-color: rgb(135, 147, 91);
}

.number3 .img{
    background: url(../img/charmette.JPG) no-repeat;
    background-size: cover;
    background-position: center;
}

.number3 h2{
    color: rgb(135, 147, 91);
}

.number3 .content-attribut p{
    background-color: rgb(135, 147, 91);
}

/* NUMBER 4 */

.number4{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), #DB8A74 15%);
    transform: translate(-50%, 25%) rotate(-1deg);
    border-color: #DB8A74;
}

.number4 .img{
    background: url(../img/chercherelles.heic) no-repeat;
    background-size: cover;
    background-position: center;
}

.number4 h2{
    color: #DB8A74;
}

.number4 .content-attribut p{
    background-color: #DB8A74;
}


/* NUMBER 5 */

.number5{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), rgb(80, 128, 156) 15%);
    transform: translate(-50%, 25%) rotate(4deg);
    border-color: rgb(135, 147, 91);
}

.number5 .img{
    background: url(../img/BDE\ BLEU.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.number5 h2{
    color: rgb(80, 128, 156);
}

.number5 .content-attribut p{
    background-color: rgb(80, 128, 156);
}

/* NUMBER 6 */

.number6{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), #7E8D85 15%);
    transform: translate(-50%, 25%) rotate(2deg);
    border-color: #7E8D85;
}

.number6 .img{
    background: url(../img/ConlieHalle.jpeg) no-repeat;
    background-size: cover;
    background-position: center;
}

.number6 h2{
    color: #7E8D85;
}

.number6 .content-attribut p{
    background-color: #7E8D85;
}

/* NUMBER 7 */

.number7{
    background-color: color-mix(in srgb, rgb(255, 245 , 238), #8E7DBE 15%);
    transform: translate(-50%, 25%) rotate(-3deg);
    border-color: #8E7DBE;
}

.number7 .img{
    background: url(../img/CONLIE.jpeg) no-repeat;
    background-size: cover;
    background-position: center;
}

.number7 h2{
    color: #8E7DBE;
}

.number7 .content-attribut p{
    background-color: #8E7DBE;
}

/* BOUTON CONTACT */
.box1 a:hover{
    border: 0.5px #DD2A7B solid;
    color: #DD2A7B;
}

.box2 a:hover{
    border: 0.5px #ff9d00 solid;
    color: #ff9d00;
}

.box3 a:hover{
    border: 0.5px #5EBD3E solid;
    color: #5EBD3E; 
}

.box4 a:hover{
    border: 0.5px #009DCF solid;
    color: #009DCF; 
}

.box6 a:hover{
    border: 0.5px #0E76A8 solid;
    color: #0E76A8; 
}