/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.gform_button,
input[type=submit],
[class*="btn-"]{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: auto;
	text-align: center;
	padding: 10px 35px;
	font-family: 'poppins', sans-serif;
	font-weight: 600;
	font-style: italic;

	-webkit-transition: 0.2s;

	-o-transition: 0.2s;

	transition: 0.2s;
	cursor: pointer;
	position: relative;
    z-index: 1000;
	border-radius: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
[class*="btn-icon-"]{
	padding:0 10px;
}
[class*="btn-small-"]{
}
[class*="btn-big-"]{
}




/*Bouton1 jaune*/
.gform_button,
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
input[type=submit]
{
	background: transparent;
	/* background: -webkit-gradient(linear, left top, right top, from(rgba(219,0,18,1)), color-stop(50%, rgba(255,51,67,1)));
	background: -o-linear-gradient(left, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	background: linear-gradient(90deg, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db0012",endColorstr="#ff3343",GradientType=1); */
	color: var(--color-primary)!important;
	border: 1px solid var(--color-primary)!important;

}

.gform_button:hover, 
.btn-primary:hover,
.btn-primary:focus,
input[type=submit]:hover
{
	
	background: var(--color-primary);
	color: var(--white)!important;
/* background: -webkit-gradient(linear, left top, right top, from(rgba(255,51,67,1)), to(rgba(219,0,18,1)));
background: -o-linear-gradient(left, rgba(255,51,67,1) 0%, rgba(219,0,18,1) 100%);
background: linear-gradient(90deg, rgba(255,51,67,1) 0%, rgba(219,0,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3343",endColorstr="#db0012",GradientType=1); */
}




/*Bouton2 vert*/
.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited
{
	background: var(--white);
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary);
}

.btn-secondary:hover,
.btn-secondary:focus{
	background: var(--color-primary);
	/* background: -webkit-gradient(linear, left top, right top, from(rgba(219,0,18,1)), color-stop(50%, rgba(255,51,67,1)));
	background: -o-linear-gradient(left, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	background: linear-gradient(90deg, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db0012",endColorstr="#ff3343",GradientType=1); */
	color: var(--white) !important;
}


/*Bouton3 blanc*/
.btn-tertiary,
.btn-tertiary:link,
.btn-tertiary:visited{
	background: #ffffff33;
	color: var(--white) !important;
	
}

.btn-tertiary:hover,
.btn-tertiary:focus{
	background: var(--color-secondary-grey);
	color: var(--white) !important;
}

/*Bouton4 avec flèche bleue*/
.btn-fourth,
.btn-fourth:link,
.btn-fourth:visited{
	padding: 0;
	border-radius: 0;
	color: var(--color-secondary) !important;
	font-family: 'lato bold', sans-serif;
	font-size: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	text-align: left;
	
}

.btn-fourth::after,
.btn-arrow-blue::after{
	content: '';
    display: inline-block;
    min-width: 25px;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/sprite-site.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -100px -99px;
    background-color: var(--white);
    border: 2px solid var(--color-secondary);
    border-radius: 50%;
	margin-left: 1rem;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.btn-fourth:hover::after{
	margin-left: 1.2rem;
}
.btn-fourth.doc::after{
	border: none;
	border-radius: 0;
	background-position: -54px -183px;
}
.kiosque .btn-fourth{
	margin-top: 1rem;
}
.kiosque .btn-fourth.doc::after{
	border-radius: 50%;
	background-position: -34px -122px;
	background-size: 270px auto;
	border: 2px solid var(--color-secondary);
}
.btn-fourth.see{
	color: var(--color-primary) !important;
}
.btn-fourth.see::after{
	border: none;
	border-radius: 0;
	background-position: -101px -185px;
}
.kiosque .btn-fourth.see::after{
	border-radius: 50%;
	border: 2px solid var(--color-primary);
}
.usefull-links .btn-fourth{
	padding: 3rem 0;
}
.btn-fourth:hover,
.btn-fourth:focus{

}




/* Lien spécifique */

.btn-fifth.back{
    color: var(--color-primary) !important;
    font-family: 'lato bold', sans-serif;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	margin-bottom: 1rem;
	padding: 1rem;
	z-index: 0;
}
.btn-fifth.back::before{
	content: '';
    display: inline-block;
    min-width: 25px;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/mediapilote/img/charte/sprite-site.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -100px -185px;
    background-color: var(--white);
    border: 2px solid var(--color-primary);
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
    border-radius: 50%;
    margin-right: 1rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.btn-fifth.back:hover::before{
	-webkit-transform: translateX(-5px) rotate(180deg);
	    -ms-transform: translateX(-5px) rotate(180deg);
	        transform: translateX(-5px) rotate(180deg);
}

[class*="link-"]{
	margin: 5px 5px 0 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 110%;
}


.link-primary{
	font-size: 1.5rem;
	font-family: var(--font-primary), sans-serif;
}

footer .btn-link{
	color: var(--white) !important;
	padding-left: 0;
}
#header .btn-phone{
	background: var(--color-primary);
	/* background: -webkit-gradient(linear, left top, right top, from(rgba(219,0,18,1)), color-stop(50%, rgba(255,51,67,1)));
	background: -o-linear-gradient(left, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	background: linear-gradient(90deg, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db0012",endColorstr="#ff3343",GradientType=1); */

}
#footer .btn-phone{
	font-size: 3rem;
	margin-left: 0;
	background-color: #ffffff44;
}
#footer .phone-svg{
	/* background: rgb(219,0,18);
	background: -webkit-gradient(linear, left top, right top, from(rgba(219,0,18,1)), color-stop(50%, rgba(255,51,67,1)));
	background: -o-linear-gradient(left, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	background: linear-gradient(90deg, rgba(219,0,18,1) 0%, rgba(255,51,67,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db0012",endColorstr="#ff3343",GradientType=1); */
	width: 60px;
    height: 60px;
}
.btn-phone{
	/* margin-left: 20px;
	padding: 5px 15px; */

	color: var(--white) !important;

}



@media screen and (max-width: 780px), (max-device-width: 780px){
	#footer .btn-phone{
		font-size: 2rem;
		margin-top: 2rem;
	}
}