.formation-certificat{
background-color:#FFF;
border: 1px solid #F1F1F1;
box-shadow: 0 2px 14px rgba(5,6,6,.08);
margin: 0 0 15px;
line-height:25px;
}
.formation-certificat-top {
background-color: #2d173b;
position: relative;
min-height: 60px;
}
.formation-certificat-top h3 {
font-style: normal;
font-weight: 700;
font-family: Ubuntu,sans-serif;
font-size: 23px;
color: #FFF;
}
.formation-certificat-top .cert {
text-align: center;
}
.formation-certificat-top .cert-image {
height: 119px;
width: 123px;
border-radius: 50%;
background-color: #FFF;
line-height: 119px;
display: inline-block;
margin: 0 auto 5px;
}
.formation-certificat-top .cert-image img {
max-width: 55px;
display: inline-block;
vertical-align:middle;
}
.formation-certificat-top .cert-text {
display: block;
font-size: 20px;
letter-spacing: -.023em;
}
.formation-certificat-bottom .duration, .formation-certificat-top .cert-text {
font-style: italic;
font-weight: 500;
font-family: Ubuntu,sans-serif;
}
.formation-certificat-bottom {
border-top: 1px solid #F1F1F1;
min-height: 77px;
display: flex;
}
.formation-certificat-bottom>div {
flex: auto;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #F1F1F1;
border-width: 0 1px 0 0;
}
.formation-certificat-bottom .vc_icon_element-icon {
font-size: 30px;
line-height: 20px;
white-space: nowrap;
margin-right:12px;
}
.formation-certificat-bottom .duration, .formation-certificat-bottom .session {
font-size: 20px;
line-height: 20px;
white-space: nowrap;
}
.formation-certificat-bottom .session {
color: #9D9D9D;
font-size: 20px;
line-height: 21px;
position: relative;
}
.formation-certificat-bottom .session .value-session {
display: block;
font-weight: 700;
color: #333;
}
.formation-certificat-bottom .ref {
color: #9D9D9D;
font-style: italic;
text-transform: uppercase;
font-size:20px;
font-weight:400;
}
.formation-certificat-bottom>div:last-child {
border-width: 0;
}
.formation-certificat-bottom .link a {
font-style: normal;
font-weight: 700;
font-family: Ubuntu,sans-serif;
font-size: 16px;
color: #FFF;
line-height: 13px;
padding: 11px 30px;
background-color: #AC2218;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background-image: -webkit-linear-gradient(left,#C11C10 20%,#D6411D 100%);
background-image: linear-gradient(to right,#e06721 20%,#e06721 100%);
display: inline-block;
}
@media screen and (min-width: 768px) {
.formation-certificat-top {
padding: 20px 30px 20px 0;
display: flex;
}
.formation-certificat-top h3 {
order: 2;
margin: 0 10px 0 calc(22% + 25px);
align-self: center;
max-width: 500px;
line-height: 28px;
}
.formation-certificat-top .cert {
order: 1;
width: 22%;
position: absolute;
left: 0;
top: 20px;
}
.formation-certificat-middle {
padding: 16px 0 20px calc(22% + 17px);
zoom: 1;
}
.formation-certificat-middle::after, .formation-certificat-middle::before {
content: "";
display: table;
}
.formation-certificat-middle:after {
content: '';
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.formation-certificat-middle ul {
padding: 0 16px;
width: 46%;
float: left;
font-size:16px;
}
.formation-certificat-middle ul:nth-child(>2n) {
float: right;
}
.formation-certificat-middle ul>li {
padding: 0 20px 10px 0;
line-height:20px;
}
}