#cms1 section#bloc3{
    float: left;
    height: auto;
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
section#bloc3{display: none;} 


.fond-liens{
    background: url(img/fond-liens.jpg)center no-repeat fixed;
    width: 100%;
    float: left;
    display: block;
    position: relative;
    background-size: cover;
    height: auto;
}

.image-liens{
    background: url(img/image-liens.jpg)center no-repeat;
    width: 100%;
    float: none;
    margin: 0 auto;
    display: block;
    position: relative;
}

#link1:hover,#link2:hover,#link3:hover{    transition: all .5s ease-in-out;
    transform: scale(0.8);}


#link1{
    position: absolute;
    z-index: 99999;
    float: left;
}

#link2{
    position: absolute;
    z-index: 99999;
    float: left;
}

#link3{
    position: absolute;
    z-index: 99999;
    float: left;
}


.slogan-bc3{
    background: url(img/3.png)center no-repeat;
    position: absolute;
    z-index: 99999;
    float: left;
    text-align: center;
    color: #fff;
    font-family: 'Indie Flower', cursive;


}

.slogan-2-bc3{
    background: url(img/bg-slog.png)right center no-repeat,url(img/slogan-2-bc3.jpg)center no-repeat fixed;
    width: 100%;
    float: left;
    display: block;
    position: relative;
    background-size: auto,cover;
    height: auto;

}

#slogan-2-bc3{
    float: left;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'Indie Flower', cursive;
    width: 100%;
}

.cont-slog{position: relative;}


@media (min-width: 320px) and (max-width: 767px) {
    .image-liens{
    background: url(img/m-image-liens.jpg)center no-repeat;
    width: 300px;
    float: none;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 640px;
    background-size:  contain;
}
  .fond-liens{
}

 #link1{
    left: 150px;
    width: 150px;
    top: 21px;
}
#link2{
    left: 0px;
    width: 152px;
    top: 168px;
}
#link3{
    left: 0px;
    width: 152px;
    top: 468px;
}
.slogan-bc3{
    height: 150px;
    width: 152px;
    left: 151px;
    background-size:  contain;
    top: 318px;
    padding-top: 57px;
    font-size: 20px;
}

#link1{}
#link2{}
#link3{}
.slogan-bc3{}
.slogan-2-bc3{
    background: url(img/bg-slog.png)right center no-repeat;
    width: 100%;
    float: left;
    display: block;
    position: relative;
    background-size: cover;
    height: auto;
}
#slogan-2-bc3{
    font-size: 33px;
    margin-bottom: 50px;
}
.cont-slog{
    width: 300px;
    float: right;
    margin-top: 70px;
    margin-bottom: 30px;
}

}

@media (min-width: 768px) {
.fond-liens{
    height: 600px;
}
.image-liens{
    width: 640px;
    height: 550px;
    background-size:  contain;
    margin-top: 30px;
}
  #link1{
    left: 160px;
    width: 160px;
    top: 116px;
}
#link2{
    left: 0px;
    width: 159px;
    top: 276px;
}
#link3{
    left: 320px;
    width: 160px;
    top: 276px;
}
.slogan-bc3{
    height: 280px;
    width: 159px;
    left: 481px;
    background-size:  contain;
    top: 55px;
    padding-top: 117px;
    font-size: 20px;
}

.slogan-2-bc3{
    background: url(img/bg-slog.png)370px center no-repeat,url(img/slogan-2-bc3.jpg)center no-repeat fixed;
    width: 100%;
    float: right;
    display: block;
    position: relative;
    background-size: auto,cover;
    height: auto;
}
#slogan-2-bc3{
    font-size: 30px;
    margin-bottom: 50px;
}
.cont-slog{
    width: 36%;
    float: right;
    margin-top: 70px;
    margin-bottom: 30px;
}

}

@media (min-width: 992px) {
.fond-liens{
    height: 600px;
}
.image-liens{
    width: 880px;
    height: 550px;
    background-size:  contain;
    margin-top: 30px;
}
  #link1{
    left: 220px;
    width: 220px;
    top: 55px;
}
#link2{
    left: 0px;
    width: 219px;
    top: 276px;
}
#link3{
    left: 440px;
    width: 219px;
    top: 276px;
}
.slogan-bc3{
    height: 280px;
    width: 219px;
    left: 661px;
    background-size:  contain;
    top: 25px;
    padding-top:  100px;
    font-size: 26px;
}
.slogan-2-bc3{
    background: url(img/bg-slog.png)right center no-repeat,url(img/slogan-2-bc3.jpg)center no-repeat fixed;
    width: 100%;
    float: left;
    display: block;
    position: relative;
    background-size: auto,cover;
    height: auto;
}
.cont-slog{
    width: 496px;
    float:  right;
    margin-top: 70px;
    margin-bottom: 30px;
}
#slogan-2-bc3{

font-size: 34px;

margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.fond-liens{
    height: 600px;
}
.image-liens{
    width:  1100px;
    height: 550px;
    background-size:  contain;
    margin-top: 30px;
}
  #link1{
    left: 275px;
    width: 274px;
    top: 1px;
}
#link2{
    left: 1px;
    width: 274px;
    top: 276px;
}
#link3{
    left: 550px;
    width: 274px;
    top: 276px;
}
.slogan-bc3{
    height: 280px;
    width: 274px;
    left: 825px;
    background-size:  contain;
    top: -3px;
    padding-top:  100px;
    font-size: 33px;
}

}