@charset "UTF-8";
             .block_collabo {
position: relative;
background: #ffe2ea;
padding: min(max(10.38%, 75px), 200px) 0;
overflow: hidden;
z-index: 10;
}
.block_collabo .wave-container {
height: 100%;
}
.block_collabo .top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
grid-gap: 0 145px;
gap: 0 145px;
margin-bottom: max(10%, 75px);
}
.block_collabo .top_right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
grid-gap: 34px 0;
gap: 34px 0;
}
.block_collabo .top_right .card {
background: rgba(255, 255, 255, 0.08);
transition: all ease-in-out 0.3s;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
border-radius: 20px;
position: relative;
padding: 150px 20px 38px 42px;
color: #fff;
text-decoration: none;
}
.block_collabo .top_right .card .titre {
font-weight: 700;
margin-bottom: 15px;
}
.block_collabo .top_right .card .sous_titre {
line-height: 1.4375;
}
.block_collabo .top_right .card .arrow {
position: absolute;
top: 52px;
left: 42px;
height: 17px;
width: 17px;
transition: all ease-in-out 0.3s;
}
.block_collabo .top_right .card:hover {
background: rgba(255, 255, 255, 0.2);
}
.block_collabo .top_right .card:hover .arrow {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.block_collabo .top_left {
color: #fff;
min-width: 50%;
}
.block_collabo .top_left .nombre {
font-weight: 700;
}
.block_collabo .top_left .sous_titre {
font-weight: 700;
margin-bottom: 30px;
}
.block_collabo .top_left .text {
line-height: 1.4375;
margin-bottom: 65px;
max-width: 465px;
opacity: 0.8;
}
.block_collabo .owl-carousel-collabo .owl-stage {
padding-left: 0 !important;
}
.block_collabo .owl-carousel-collabo .collabo .img_wrapper {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 500px;
}
.block_collabo .owl-carousel-collabo .collabo .img_wrapper .img {
height: 100%;
width: 100%;
object-fit: cover;
}
.block_collabo .owl-carousel-collabo .collabo .img_wrapper .taxos {
position: absolute;
top: 22px;
left: 21px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
grid-gap: 10px 0;
gap: 10px 0;
}
.block_collabo .owl-carousel-collabo .collabo .img_wrapper .taxo {
background: rgba(255, 255, 255, 0.1);
border-radius: 4px;
color: #fff;
font-weight: 700;
padding: 9px 13px 9px 13px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
grid-gap: 10px;
gap: 10px;
}
.block_collabo .owl-carousel-collabo .collabo .img_wrapper .taxo .picto {
height: 12px;
width: 12px;
}
.block_collabo .owl-carousel-collabo .collabo .bot {
color: #fff;
margin-top: 35px;
width: 65%;
padding-left: 20px;
font-weight: 700;
}
.block_collabo .owl-carousel-collabo .collabo .bot .nom {
position: relative;
}
.block_collabo .owl-carousel-collabo .collabo .bot .nom:before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -20px;
height: 11px;
width: 11px;
background: url(//cciformation-eesc.fr/wp-content/themes/s4-cci_formation/img/arrow-mauve-2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.block_collabo .owl-carousel-collabo .collabo .bot .text {
opacity: 0.7;
margin-top: 11px;
}
.block_collabo .block_bot {
position: relative;
margin-top: min(max(10.5%, 75px), 170px);
text-align: center;
color: #fff;
}
.block_collabo .block_bot .background_img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.block_collabo .block_bot .text {
font-weight: 300;
margin-bottom: 60px;
}
.block_collabo .block_bot .lien {
color: #fff;
text-decoration: none;
position: relative;
z-index: 10;
}
.block_collabo .block_bot .lien .title {
margin-left: 15px;
opacity: 0.57;
transition: all ease-in-out 0.3s;
}
.block_collabo .block_bot .lien .arrow {
transition: all ease-in-out 0.3s;
}
.block_collabo .block_bot .lien:hover .arrow {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.block_collabo .block_bot .lien:hover .title {
opacity: 1;
}
.block_collabo.is-style-style-2 {
background: #fff;
}
.block_collabo.is-style-style-2 .top {
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.block_collabo.is-style-style-2 .top_right {
color: #810270;
margin-bottom: 20px;
}
.block_collabo.is-style-style-2 .top_left {
color: #810270;
}
.block_collabo.is-style-style-2 .owl-carousel-collabo .collabo .bot {
color: #810270;
}
.block_collabo.is-style-style-2 .block_bot {
display: none;
}
.block_collabo.is-style-style-3 {
background: transparent;
}
.block_collabo.is-style-style-3 .top {
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.block_collabo.is-style-style-3 .top_right {
color: #fff;
margin-bottom: 20px;
}
.block_collabo.is-style-style-3 .top_left {
color: #fff;
}
.block_collabo.is-style-style-3 .owl-carousel-collabo .collabo .bot {
color: #fff;
}
.block_collabo.is-style-style-3 .block_bot {
display: none;
}
@media (max-width: 1199px) {
.block_collabo .owl-carousel-collabo .collabo .img_wrapper {
height: 450px;
}
}
@media (max-width: 991px) {
.block_collabo .top {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
grid-gap: 50px;
gap: 50px;
}
.block_collabo .owl-carousel-collabo .collabo .img_wrapper {
height: 400px;
}
}
@media (max-width: 767px) {
.block_collabo .owl-carousel-collabo .collabo .img_wrapper {
height: 350px;
}
}
@media (max-width: 575px) {
.block_collabo .owl-carousel-collabo .collabo .img_wrapper {
height: 300px;
}
}