.gform_button,
input[type=submit],
[class*="btn-"]{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: auto;
	text-align: center;
	padding: 12px 24px;
	transition: 0.2s;
	cursor: pointer;
	position: relative;
    z-index: 1000;
	border-radius: 99px;
	width: fit-content;
	font-weight: 700;
	z-index: 1;
	position: relative;
	font-family: "Barlow", sans-serif;
	font-size: 16px;
	line-height: 120%;
}


/*----------
-- BOUTON --
------------*/

/*GENERAL*/

/*large*/
.btn-primary-large,
.btn-primary-large:link,
.btn-primary-large:visited,

.btn-secondary-large,
.btn-secondary-large:link,
.btn-secondary-large:visited,

.btn-tertiary-large,
.btn-tertiary-large:link,
.btn-tertiary-large:visited, 

.btn-fourth-large,
.btn-fourth-large:link,
.btn-fourth-large:visited,

.btn-fifth-large,
.btn-fifth-large:link,
.btn-fifth-large:visited,

.btn-sixth-large,
.btn-sixth-large:link,
.btn-sixth-large:visited{
	font-size:18px;
	padding:16px 32px;
}
/*medium*/
.btn-primary-medium,
.btn-primary-medium:link,
.btn-primary-medium:visited,

.btn-secondary-medium,
.btn-secondary-medium:link,
.btn-secondary-medium:visited,

.btn-tertiary-medium,
.btn-tertiary-medium:link,
.btn-tertiary-medium:visited,

.btn-fourth-medium,
.btn-fourth-medium:link,
.btn-fourth-medium:visited,

.btn-fifth-medium,
.btn-fifth-medium:link,
.btn-fifth-medium:visited,

.btn-sixth-medium,
.btn-sixth-medium:link,
.btn-sixth-medium:visited{
	font-size:16px;
	padding:12px 24px;
}
/*small*/
.btn-primary-small,
.btn-primary-small:link,
.btn-primary-small:visited,

.btn-secondary-small,
.btn-secondary-small:link,
.btn-secondary-small:visited,

.btn-tertiary-small,
.btn-tertiary-small:link,
.btn-tertiary-small:visited,

.btn-fourth-small,
.btn-fourth-small:link,
.btn-fourth-small:visited,

.btn-fifth-small,
.btn-fifth-small:link,
.btn-fifth-small:visited,

.btn-sixth-small,
.btn-sixth-small:link,
.btn-sixth-small:visited{
	font-size:14px;
	padding:8px 16px;
}

/*BOUTON : FOND VERT + TEXTE BLEU FONCE*/
.btn-primary-large,
.btn-primary-large:link,
.btn-primary-large:visited,
.btn-primary-medium,
.btn-primary-medium:link,
.btn-primary-medium:visited,
.btn-primary-small,
.btn-primary-small:link,
.btn-primary-small:visited {
	color: var(--color-primary-dark) !important;
	background-color: var(--color-tertiary);
	border:3px solid transparent;
	transition: 0.8s all;
}
.btn-primary-large:hover,
.btn-primary-medium:hover,
.btn-primary-small:hover {
	background-color: var(--color-tertiary-hover);
	transition:0.8s all;
}

.btn-primary-large:active,
.btn-primary-medium:active,
.btn-primary-small:active {
	background-color: var(--color-tertiary-active);
	transition:0.8s all;
}
.btn-primary-large:focus,
.btn-primary-medium:focus,
.btn-primary-small:focus {
	background-color: var(--color-tertiary);
	border: 3px solid rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}
.btn-primary-large:disabled,
.btn-primary-medium:disabled,
.btn-primary-small:disabled {
	color: var(--color-secondary-light);
	background-color: var(--color-secondary-x-light);
	opacity: 0.3;
}

/*BOUTON : FOND BLEU + TEXTE BLANC */
.btn-secondary-large,
.btn-secondary-large:link,
.btn-secondary-large:visited,
.btn-secondary-medium,
.btn-secondary-medium:link,
.btn-secondary-medium:visited,
.btn-secondary-small,
.btn-secondary-small:link,
.btn-secondary-small:visited {
	color: var(--white) !important;
	background-color: var(--color-primary-dark);
	transition: 0.8s all;
}
.btn-secondary-large:hover,
.btn-secondary-medium:hover,
.btn-secondary-small:hover {
	background-color: var(--color-primary);
	transition:0.8s all;
}

.btn-secondary-large:active,
.btn-secondary-medium:active,
.btn-secondary-small:active {
	background-color: var(--color-primary-active);
	transition:0.8s all;
}

.btn-secondary-large:focus,
.btn-secondary-medium:focus,
.btn-secondary-small:focus {
	background-color: var(--color-primary);
	box-shadow: 0px 0px 0px 3px rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}

.btn-secondary-large:disabled,
.btn-secondary-medium:disabled,
.btn-secondary-small:disabled {
	color: var(--color-primary-light);
	background-color: var(--color-primary-x-light);
	opacity: 0.3;
}


/*BOUTON 3 : FOND BLANC + TEXTE BLEU*/
.btn-tertiary-large,
.btn-tertiary-large:link,
.btn-tertiary-large:visited,
.btn-tertiary-medium,
.btn-tertiary-medium:link,
.btn-tertiary-medium:visited,
.btn-tertiary-small,
.btn-tertiary-small:link,
.btn-tertiary-small:visited {
	color: var(--color-primary-dark) !important;
	background-color: var(--white);
	transition: 0.8s all;
}
.btn-tertiary-large:hover,
.btn-tertiary-medium:hover,
.btn-tertiary-small:hover {
	background-color: var(--color-primary-light);
	transition:0.8s all;
}

.btn-tertiary-large:active,
.btn-tertiary-medium:active,
.btn-tertiary-small:active {
	background-color: var(--color-primary-x-light);
	transition:0.8s all;
}

.btn-tertiary-large:focus,
.btn-tertiary-medium:focus,
.btn-tertiary-small:focus {
	background-color: var(--white);
	box-shadow: 0px 0px 0px 3px rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}

.btn-tertiary-large:disabled,
.btn-tertiary-medium:disabled,
.btn-tertiary-small:disabled {
	color: var(--color-primary-light);
	background-color: var(--color-primary-x-light);
	opacity: 0.3;
}


/*BOUTON 4 : BORDURE BLEU + TEXTE BLEU*/
.btn-fourth-large,
.btn-fourth-large:link,
.btn-fourth-large:visited,
.btn-fourth-medium,
.btn-fourth-medium:link,
.btn-fourth-medium:visited,
.btn-fourth-small,
.btn-fourth-small:link,
.btn-fourth-small:visited {
	color: var(--color-primary-dark) !important;
	background-color: transparent;
	border: 1px solid var(--color-primary-dark);
	transition: 0.8s all;
}
.btn-fourth-large:hover,
.btn-fourth-medium:hover,
.btn-fourth-small:hover {
	background-color: var(--color-primary-dark);
	color: var(--white)!important;
	transition:0.8s all;
}

.btn-fourth-large:active,
.btn-fourth-medium:active,
.btn-fourth-small:active {
	background-color: var(--color-primary-hover);
	border: 1px solid var(--color-primary-hover);
	color: var(--white)!important;
	transition:0.8s all;
}
.btn-fourth-large:focus,
.btn-fourth-medium:focus,
.btn-fourth-small:focus {
	color: var(--color-primary-dark);
	background-color: var(--color-primary-x-light);
	border: 3px solid rgba(0, 82, 204, 0.20);
	transition:0.8s all;
	
}
.btn-fourth-large:disabled,
.btn-fourth-medium:disabled,
.btn-fourth-small:disabled {
	background-color: transparent;
	border: 1px solid var(--neutral-200);
	color: var(--neutral-200);
	opacity: 0.3;
}


/*BOUTON 5 : FOND TRANSPARENT + TEXTE BLANC + HOVER BLEU*/
.btn-fifth-large,
.btn-fifth-large:link,
.btn-fifth-large:visited,
.btn-fifth-medium,
.btn-fifth-medium:link,
.btn-fifth-medium:visited,
.btn-fifth-small,
.btn-fifth-small:link,
.btn-fifth-small:visited {
	color: var(--white) !important;
	background-color: transparent;
	border: 1px solid var(--white);
	transition: 0.8s all;
}
.btn-fifth-large:hover,
.btn-fifth-medium:hover,
.btn-fifth-small:hover {
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary-light);
	transition:0.8s all;
}

.btn-fifth-large:active,
.btn-fifth-medium:active,
.btn-fifth-small:active {
	background-color: var(--color-primary-light);
	border-color: var(--color-primary-light);
	color: var(--color-primary);
	transition:0.8s all;
}
.btn-fifth-large:focus,
.btn-fifth-medium:focus,
.btn-fifth-small:focus {
	background-color: transparent;
	box-shadow: 0px 0px 0px 3px rgba(0, 82, 204, 0.20);
	color: var(--white);
	transition:0.8s all;
}
.btn-fifth-large:disabled,
.btn-fifth-medium:disabled,
.btn-fifth-small:disabled {
	color: var(--color-primary);
	background-color: transparent;
	border: 1px solid var(--color-primary);
}

/*BOUTON 6 : FOND TRANSPARENT + TEXTE BLEU + BORDURE */
.btn-sixth-large,
.btn-sixth-large:link,
.btn-sixth-large:visited,
.btn-sixth-medium,
.btn-sixth-medium:link,
.btn-sixth-medium:visited,
.btn-sixth-small,
.btn-sixth-small:link,
.btn-sixth-small:visited {
	color: var(--color-primary-dark) !important;
	background-color: transparent;
	border: 1px solid var(--color-primary-dark);
	transition: 0.8s all;
}
.btn-sixth-large:hover,
.btn-sixth-medium:hover,
.btn-sixth-small:hover {
	background-color: var(--color-primary-light);
	transition:0.8s all;
}

.btn-sixth-large:active,
.btn-sixth-medium:active,
.btn-sixth-small:active {
	background-color: var(--color-primary-light);
	border: 1px solid var(--color-primary-light);
	transition:0.8s all;
}
.btn-sixth-large:focus,
.btn-sixth-medium:focus,
.btn-sixth-small:focus {
	background-color: var(--color-primary-x-light);
	box-shadow: 0px 0px 0px 3px rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}
.btn-sixth-large:disabled,
.btn-sixth-medium:disabled,
.btn-sixth-small:disabled {
	color: var(--neutral-200);
	background-color: transparent;
	border: 1px solid var(--neutral-200);
}


/*Bouton : Envoi CV*/
.btn-download, 
.btn-download:link,
.btn-download:visited {
	position: relative;
	background: var(--color-secondary);
	color: var(--white)!important;
	padding: 18px 32px 18px 55px;
}
.btn-download::before, 
.btn-download:link::before,
.btn-download:visited::before {
	content:"";
	position: absolute;
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-send.svg);
	left:22px;
	width: 20px;
	height: 20px;
}
.btn-download:hover {
	background-color: var(--color-secondary-hover);
}


/*Bouton : Appel */
.btn-call-primary, 
.btn-call-primary:link,
.btn-call-primary:visited {
	position: relative;
	background: var(--color-primary-dark);
	color: var(--white)!important;
	padding: 16px 32px 16px 55px;
}
.btn-call-primary::before, 
.btn-call-primary:link::before,
.btn-call-primary:visited::before {
	content:"";
	position: absolute;
	background-image: url(/wp-content/themes/mediapilote/img/charte/icon-tel.svg);
	left:22px;
	width: 20px;
	height: 20px;
}
.btn-call-primary:hover {
	background-color: var(--color-primary-hover);
}

/*Bouton : Depannage - Fond vert + Devis */
.btn-depannage, 
.btn-depannage:link,
.btn-depannage:visited,

.btn-devis, 
.btn-devis:link,
.btn-devis:visited {
	position: relative;
	background: var(--color-tertiary)!important;
	color: var(--color-primary-dark)!important;
	padding: 16px 55px 16px 32px!important;
}
.btn-depannage::after, 
.btn-depannage:link::after,
.btn-depannage:visited::after,

.btn-devis::after, 
.btn-devis:link::after,
.btn-devis:visited::after{
	content:"";
	position: absolute;
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-urgent.svg);
	background-repeat: no-repeat;
	right:22px;
	width: 20px;
	height: 20px;
}
.btn-depannage:hover,
.btn-devis:hover {
	background-color: var(--color-tertiary-hover);
}

/*Bouton : Depannage */
/* .nested-header .btn-depannage {
	position: absolute;
    right: 0;
} */

/*Bouton : Devis*/
.btn-devis::after, 
.btn-devis:link::after,
.btn-devis:visited::after {
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-devis.svg);
	right:25px;
}
/*Lien*/

/*Bouton texte*/
.btn-text-black-large,
.btn-text-black-large:link,
.btn-text-black-large:visited,

.btn-text-black-medium,
.btn-text-black-medium:link,
.btn-text-black-medium:visited,

.btn-text-black-small,
.btn-text-black-small:link,
.btn-text-black-small:visited,

.btn-text-white-large,
.btn-text-white-large:link,
.btn-text-white-large:visited,

.btn-text-white-medium,
.btn-text-white-medium:link,
.btn-text-white-medium:visited,

.btn-text-white-small,
.btn-text-white-small:link,
.btn-text-white-small:visited {
	padding-left: 8px !important;
	position: relative; /* Nécessaire pour le positionnement du pseudo-élément */
}

.btn-text-black-large:hover,
.btn-text-black-medium:hover,
.btn-text-black-small:hover,

.btn-text-white-large:hover,
.btn-text-white-medium:hover,
.btn-text-white-small:hover {
	color: #00A5DF;
}

.btn-text-black-large::after,
.btn-text-black-medium::after,
.btn-text-black-small::after,

.btn-text-white-large::after,
.btn-text-white-medium::after,
.btn-text-white-small::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -10px;
	width: 24px;
	height: 24px;
	color: var(--white);
	background-color: #00A5DF;
	background-image: url(/wp-content/themes/mediapilote/img/charte/icon-plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid transparent;
	border-radius: 99px;
	transform: translateY(-50%); /* Centre verticalement */
	transition: 0.8s all;
}
.btn-text-black-large:hover::after,
.btn-text-black-medium:hover::after,
.btn-text-black-small:hover::after,

.btn-text-white-large:hover::after,
.btn-text-white-medium:hover::after,
.btn-text-white-small:hover::after {
	background-color: transparent;
	background-image: url(/wp-content/themes/mediapilote/img/charte/icon-plus-hover.svg);
	border: 2px solid #00A5DF;
	color: #00A5DF;
	transition: 0.8s all;
}
/*large*/
.btn-text-black-large,
.btn-text-white-large {
	font-size:18px;
}
/*medium*/
.btn-text-black-medium,
.btn-text-white-medium {
	font-size:16px;
}
/*small*/
.btn-text-black-small,
.btn-text-white-small {
	font-size:14px;
	letter-spacing: 0.5px;
	font-weight: 500;
}
/*Bouton : Texte ligne - Noir */
.btn-text-black-large,
.btn-text-black-large:link,
.btn-text-black-large:visited,

.btn-text-black-medium,
.btn-text-black-medium:link,
.btn-text-black-medium:visited,

.btn-text-black-small,
.btn-text-black-small:link,
.btn-text-black-small:visited {
	color: var(--color-primary-dark) !important;
	font-weight: 500!important;
}
/*Bouton : Texte ligne - Blanc*/
.btn-text-white-large,
.btn-text-white-large:link,
.btn-text-white-large:visited,

.btn-text-white-medium,
.btn-text-white-medium:link,
.btn-text-white-medium:visited,

.btn-text-white-small,
.btn-text-white-small:link,
.btn-text-white-small:visited {
	color: var(--white) !important;
}

/**/
.btn-tel,
.btn-contact {
	position: relative;
	padding: 16px 32px 16px 55px!important;
}
.btn-contact::before,
.btn-tel::before {
	content:"";
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-tel.svg);
	background-repeat: no-repeat;
	position: absolute;
	left:24px;
	width:20px;
	height: 21px;
}
.btn-contact::before {
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-contact.svg);
}


/*BTN POUR PAGE SERVICE*/
.btn-contact-service {
	position: relative;
	padding-left:40px!important;
}
.btn-contact-service::before {
	content:"";
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-tel.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	position: absolute;
	left:18px;
	width:16px;
	height: 16px;
}
.btn-contact-service::before {
	background-image: url(/wp-content/themes/mediapilote/img/charte/picto-send.svg);
}

/* ------------
    LIENS
--------------*/

a, a:link, a:visited{
	color: #4d4d4d;
	text-decoration: none;
}
a:hover, a:active{
	color: var(--color03);
}
#wrapperInner p a:hover, #wrapperInner ul li a:hover{
    color: var(--color03);
}


/*RESPONSIVE*/

@media screen and (max-width: 1220px), (max-device-width: 1220px) {
	.btn-phone {
		font-size:1.6rem;
	}
}

@media (max-width: 1199px) {
	input[type=submit],
	.btn-home {
		font-size: 20px!important;
	}
}

@media (min-width:768px) and (max-width:1000px){
	.btn-primary-large, .btn-primary-large:link, .btn-primary-large:visited, .btn-secondary-large, .btn-secondary-large:link, .btn-secondary-large:visited, .btn-tertiary-large, .btn-tertiary-large:link, .btn-tertiary-large:visited, .btn-fourth-large, .btn-fourth-large:link, .btn-fourth-large:visited, .btn-fifth-large, .btn-fifth-large:link, .btn-fifth-large:visited, .btn-sixth-large, .btn-sixth-large:link, .btn-sixth-large:visited {
    	font-size: 17px;
    	padding: 14px 28px;
	}
	.btn-primary-medium, .btn-primary-medium:link, .btn-primary-medium:visited, .btn-secondary-medium, .btn-secondary-medium:link, .btn-secondary-medium:visited, .btn-tertiary-medium, .btn-tertiary-medium:link, .btn-tertiary-medium:visited, .btn-fourth-medium, .btn-fourth-medium:link, .btn-fourth-medium:visited, .btn-fifth-medium, .btn-fifth-medium:link, .btn-fifth-medium:visited, .btn-sixth-medium, .btn-sixth-medium:link, .btn-sixth-medium:visited {
    	font-size: 15px;
    	padding: 10px 22px;
	}

	.btn-text-black-large, .btn-text-white-large {
    	font-size: 17px;
	}
}

@media (max-width:768px) {
	.btn-primary-large, .btn-primary-large:link, .btn-primary-large:visited, .btn-secondary-large, .btn-secondary-large:link, .btn-secondary-large:visited, .btn-tertiary-large, .btn-tertiary-large:link, .btn-tertiary-large:visited, .btn-fourth-large, .btn-fourth-large:link, .btn-fourth-large:visited, .btn-fifth-large, .btn-fifth-large:link, .btn-fifth-large:visited, .btn-sixth-large, .btn-sixth-large:link, .btn-sixth-large:visited {
    	font-size: 16px;
    	padding: 13px 26px;
	}
	.btn-primary-medium, .btn-primary-medium:link, .btn-primary-medium:visited, .btn-secondary-medium, .btn-secondary-medium:link, .btn-secondary-medium:visited, .btn-tertiary-medium, .btn-tertiary-medium:link, .btn-tertiary-medium:visited, .btn-fourth-medium, .btn-fourth-medium:link, .btn-fourth-medium:visited, .btn-fifth-medium, .btn-fifth-medium:link, .btn-fifth-medium:visited, .btn-sixth-medium, .btn-sixth-medium:link, .btn-sixth-medium:visited {
    	font-size: 14px;
    	padding: 8px 20px;
	}

	.btn-text-black-large, .btn-text-white-large {
		font-size: 16px;
	}
}