.chargement {
font-size: 30px;
font-family: 'Archivo Narrow',Helvetica,Arial,Lucida,sans-serif;
font-weight: 800;
text-align: center;
margin-bottom: 50px;
}
.chargement span {
display: inline-block;
margin: 0 -0.075em;
-webkit-animation: animation-chargement 0.9s infinite alternate;
animation: animation-chargement 0.9s infinite alternate;
}
.chargement span:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.chargement span:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.chargement span:nth-child(4) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.chargement span:nth-child(5) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.chargement span:nth-child(6) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.chargement span:nth-child(7) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.chargement span:nth-child(8) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.chargement span:nth-child(9) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.chargement span:nth-child(10) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes animation-chargement {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes animation-chargement {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
} body{
font-weight: 500;
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}
a{
color: inherit;
text-decoration: inherit;
}
strong{
font-weight: 700; 
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
} .modal.show.modal-vue .modal-dialog .modal-content{
-webkit-box-shadow: 0 0 150px rgba(0,0,0,0.25);
box-shadow: 0 0 150px rgba(0,0,0,0.25);
}
.modal.modal-vue .modal-dialog:before{
content:'';
background: rgba(0, 0, 0, 0.35);
position: fixed;
width: 100vw;
height: 100vh;
top:0;
left:0;
opacity: 0;
}
.modal.show.modal-vue .modal-dialog:before{
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.modal-backdrop{
z-index: 1 !important;
opacity: 0;
}
header .et_builder_inner_content,
.et_builder_inner_content{
z-index: inherit;
}
.modal-title{
font-size: 1.5rem;
}
.modal-profil .liste-autres-infos li{
padding-left: 15px;
font-size: 19px;
font-weight: 400;
padding-bottom: 3px;;
}
.modal-profil .liste-autres-infos li::marker{
content:"\f058";
font-family: "Font Awesome 5 Pro";
font-size: 18px;
font-weight: lighter;
color:#e1a209;
}
.modal-footer button{
border-radius: 10px;
background-color: #e1a209;
color: #fff;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.modal-footer button:hover{
background-color: #22211e;
color: #fff;
} .liste-equipe{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 80px;
font-weight: 400;
}
.liste-equipe .profil-equipe{
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 10px;
min-width: 200px;
}
.liste-equipe .profil-equipe .profil-apercu{
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 200px;
-webkit-transition: 0.2s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.liste-equipe .profil-equipe .profil-apercu:hover .photo img{
-webkit-filter: blur(3px);
filter: blur(3px);
}
.liste-equipe .profil-equipe .profil-apercu:hover:before{
content:"\f055";
font-family: "Font Awesome 5 Pro";
position: absolute;
font-size: 30px;
z-index: 10;
color:#fff;
margin-left: 75px;
margin-top: 75px;
}
.photo img{
border-radius: 10px;
-webkit-box-shadow: 0px 12px 15px -17px rgba(0,0,0,0.3);
box-shadow: 0px 12px 15px -17px rgba(0,0,0,0.3);
}
.profil-equipe p.nom{
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 1px;
font-weight: bold;
color: #e1a209;
font-size: 18px;
line-height: 1.3em;
}
.profil-equipe h3.nom{
font-weight: 600;
font-size: 33px;
color: #e1a209!important;
padding-bottom: 0px;
}
.profil-equipe .biographie{
color: #666;
font-size: 18px;
font-weight: 300;
text-align: justify;
}
.liste-equipe p.poste,
.liste-equipe a p.poste{
margin-top: 5px;
line-height: 1.3em;
color: #888;
}
.profil-equipe .modal-body{
padding-top: 50px;
}
@media screen and (max-width: 992px){
.liste-equipe{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.liste-equipe .profil-equipe{
min-width: 250px;
}
.liste-equipe .profil-equipe .profil-apercu{
min-width: 250px;
}
.liste-equipe .profil-equipe .profil-apercu:hover:before{
margin-left: 100px;
margin-top: 100px;
}
} .liste-services .card{
box-shadow: -15px 12px 13px -15px rgba(0,0,0,0.3)!important;
border: none;
}
.liste-services p,
.liste-services li{
color: #666;
font-size: 16px;
font-weight: 400;
}
.liste-services .onglet-service a.card-header{
background-color: #e1a209;
color:#fff;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
padding: 15px 20px;
border-radius: 0px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.liste-services .onglet-service a.card-header.collapsed{
background-color: #ECECED;
color:#666;
}
.liste-services .onglet-service a.card-header.collapsed i{
color: #e1a209;
}
.liste-services .onglet-service a.card-header:after{ 
display: block;
content:'-';
font-size: 25px;
line-height: 15px;
text-align: center;
padding: 5px;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #999;
color: #ECECED;
margin-left: auto;
}
.liste-services .onglet-service a.card-header.collapsed:after{
content:'+';
}
.liste-services .onglet-service a.card-header:hover{
background-color: #fff;
color:#000;
}
.liste-services .onglet-service a.card-header:hover:after{
background-color: #e1a209;
color:#fff;
} .liste-services .profil-equipe > a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.liste-services .profil-equipe .profil-apercu{
padding: 10px 10px 10px 0px;
}
.liste-services .profil-equipe .profil-apercu .photo{
width: 50px;
height: 50px;
border-radius: 50px;
overflow: hidden;
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.liste-services .profil-equipe .profil-apercu .profil-info p{
margin-bottom: 0px;
padding-bottom: 0px;
}
.liste-services .profil-equipe .profil-apercu .profil-info p.nom{
font-weight: 700;
color: #e1a209;
}
.liste-services .profil-equipe .profil-apercu .profil-info p.poste{
font-weight: 400;
font-style: italic;
color: #666;
}.dsm_text_divider .dsm-text-divider-wrapper {
display: flex;
align-items: center;
position: relative;
margin: 0 auto;
}
.dsm-text-divider-before, .dsm-text-divider-after {
font-size: 0;
line-height: 0;
-ms-flex-positive: 1;
flex-grow: 1;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #7EBEC5;
}
.dsm-text-divider-header {
padding-bottom: 0;
-ms-flex-negative: 1;
flex-shrink: 1;
margin: 0 10px;
}
.dsm-text-divider-align-left .dsm-text-divider-before{
display: none;
}
.dsm-text-divider-align-right .dsm-text-divider-after{
display: none;
}