/*=======GENERAL========*/
.link-white:hover{
  color:#C55756;
  text-decoration: none;
  border:1px solid #C55756;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
}
/*=======Fin - GENERAL========*/

/*=======LOGO========*/
.logo {
	background-position: left;
	background-size: auto 100%;
	background-repeat: no-repeat;
	height:100%;
}

@media (max-width:991px){
	.logo{
		background-image: url('../img/mdsl_prologiciel3.webp');
	}
}

@media (min-width:992px){
	.logo{
		background-image: url('../img/mdsl_prologiciel4.webp');
	}
}
/*=======Fin - LOGO========*/

/*Animation menu*/
.liens_menu ul li a:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.liens_menu ul li a:not(.btn-adhesion):not(.btn-tester):not(.btn-connexion):hover:after {
	width: 100%;
	background: #7dd5c9;
}
/* Fin - Animation menu*/

/*============Menu - service=============*/
.menu-service,
.menu-menucon {
	position:relative;
}

.popup-service,
.popup-menucon {
	display:none;
	position: absolute;
	background-color:white;
	border:1px solid rgb(242, 242, 242);
	width: 200%;
	top: 110%;
	left: -45%;
	right: -45%;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
	border-radius: 20px;
    padding: 5px;
}

.popup-service ul,
.popup-menucon ul {
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
}

.popup-service ul li,
.popup-menucon ul li {
	text-align: center;
	width:100%;
	display: inherit;
}

.liens_menu .popup-service ul li a,
.liens_menu .popup-menucon ul li a,
.popup-service ul li a,
.popup-menucon ul li a {
	font-size: 1em;
	color: var(--font-primary);
}
/*============Fin - menu - service=============*/

/*=======Nos 3 services========*/
.menucon:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    background-color:white;
}

.service-container:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.service a:hover,
.menucon a:hover {
  color:rgb(84, 84, 84);
}
/*=======Fin - Nos 3 services========*/

/*=======Tarifs========*/
.i-want-more:hover{
  margin:1em;
}

.i-want-more a:hover{
  text-decoration: none;
  color:white;
}

.i-want-click:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	z-index:9;
}
/*=======Fin - Tarifs========*/