#cms1 section#bloc2{
    display: block;
}
section#bloc2{
    background: url(img/bloc2.jpg)center no-repeat fixed;
    float: left;
    width: 100%;
    display: none;
    height: auto;
    background-size: cover;
    padding: 40px 0;
    position: relative;
    margin-bottom: 30px;
}

.formation{
    background: url(img/formation.png)center no-repeat;
    float: left;
    display: block;
    position: relative;
    margin-left: 5%;
    background-size: contain;
}
.cont-bc2{}
#bc2-btn{
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 5px 10px;
    background: transparent;
}
#bc2-btn:hover{
    color: #cb4f02;
    text-transform: uppercase;
    border: 1px solid #cb4f02;
    padding: 5px 10px;
    background: white;
    transition: all .3s ease-in-out;
    transform: scale(0.98);
}

#colunm_infos_bloc2{
    color: #fff;
}
section#bloc2 a:hover,section#bloc2 a{
    text-decoration: none;
}



@media (min-width: 320px) and (max-width: 767px) {
.formation{
    background: url(img/m-formation.png) 50% 52% no-repeat;
    float: left;
    display: block;
    position: relative;
    margin: 0;
    height: auto;
}
.cont-bc2{
    background: #cb4f02;
    margin-top: 130px;
    padding: 0 15px;
    padding-bottom: 20px;
}
#bc2-btn{}
}
@media (min-width: 768px){
.formation{
    width: 700px;
    height: 284px;
}
.cont-bc2{
    width: 86%;
    margin-left: 10%;
    margin-top: 165px;
}
#bc2-btn{}
}
@media (min-width: 992px){
.formation{
    width: 890px;
    height: 354px;
}
.cont-bc2{
    width: 86%;
    margin-left: 10%;
    margin-top: 240px;
}
#bc2-btn{}
}
@media (min-width: 1200px){
.formation{
    width: 1050px;
    height: 410px;
}
.cont-bc2{
    width: 86%;
    margin-left: 10%;
    margin-top: 290px;
}
#bc2-btn{}
}
@media (min-width: 1400px){
.formation{}
.cont-bc2{}
#bc2-btn{}
}
@media (min-width: 1700px){
.formation{
}
.cont-bc2{
}
#bc2-btn{}
}