/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/



.first-part-h1 {
	font-size: 63px!important;
}
.big-blue {
	color: #4298B5!important;
	font-weight: 900!important;
}
.tiret-txt {
	margin-right: 15px;
	margin-top: 14px;
}

.hero-dot-inner-col > .fusion-column-wrapper {
	gap: 45px!important;
}
.blurred-bg > .fusion-column-wrapper, .blurred-bg2 > .fusion-column-wrapper  {
	backdrop-filter: blur(5px)!important;
}
.btn-with-frevo-arrow i::before{
	font-size: 13px!important;
}

.number-tag {
	background: #fff;
    box-shadow: 0px 3px 10px 0px #00000047;
    padding: 3px 14px;
    display: inline-block;
    border-radius: 5px;
}

.fixed-container {
	z-index: 99989 !important;
	width: 100% !important;
	bottom: -70px;
	position: fixed!important;
	transition: bottom 0.3s ease-in-out!important; /* <<< animation fluide */
}
.fixed-container.sticky {
	bottom: 0;
}

.pb-txt img {
	height: fit-content!important;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
	margin-top: 5px;
	margin-right: 15px;
	max-width: 23px;
}

/* HEADER RESPONSIVE */
@media screen and (min-width: 1025px) and (max-width: 1150px) {
	.header-col1 {
		width: 20%!important;
	}
	.header-col2 {
		width: 46%!important;
	}
	.header-col3 {
		width: 34%!important;
	}
	.header-btn {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.header-btn .fusion-button-text {
		font-size: 17px!important;
	}
}
@media screen and (max-width: 640px) {
	.header-date {
		font-size: 13px!important;
	}
	.header-date img {
		margin-top: 4px!important;
    	margin-right: 7px!important;
    	max-width: 6px!important;
	}
}




/* LP RESPONSIVE */
@media screen and (min-width: 1025px) and (max-width: 1400px) {
	.hero-col > .fusion-column-wrapper {
		padding-left: 8%!important;
		padding-right: 27%!important;
		background-size: 25%!important;
	}
	.hero-container {
		background-position: left top!important;
	}
	.hero-inner-col > .fusion-column-wrapper {
		padding-top: 50px!important;
	}
	.h1-title {
		font-size: 35px!important;
		padding-bottom: 24px;
	}
	.first-part-h1 {
    	font-size: 50px !important;
	}
	.hero-inner-btn-col > .fusion-column-wrapper {
		padding-top: 50px!important;
	}
	.blurred-bg > .fusion-column-wrapper {
		margin-left: 17%!important;
		margin-right: 17%!important;
	}
	
	.a-qui-container {
		padding-left: 8%!important;
		padding-right: 8%!important;
	}
	.a-qui-col1 {
		width: 42%!important;
	}
	.a-qui-col1 > .fusion-column-wrapper {
		padding-right: 15%!important;
	}
	.a-qui-col2, .a-qui-col3 {
		width: 29%!important;
	}
	.about-us-container {
		padding-left: 8%!important;
		padding-right: 8%!important;
	}
	.aboutus-col1 > .fusion-column-wrapper {
		padding-bottom: 45px!important;
	}
	.methode-col2 > .fusion-column-wrapper, .methode-col3 > .fusion-column-wrapper {
		padding-left: 6%!important;
		padding-right: 6%!important;
	}
	.methode-col1 > .fusion-column-wrapper {
		padding-bottom: 50px!important;
	}
	
	.pb-col1 > .fusion-column-wrapper {
		padding-left: 15%!important;
		padding-right: 15%!important;
	}
}


@media screen and (min-width: 641px) and (max-width: 1024px) {
	.hero-col {
		--awb-bg-image: url()!important;
	}
	.hero-dot-inner-col > .fusion-column-wrapper {
		justify-content: center!important;
	}
	
	.h1-title {
		font-size: 33px!important;
		padding-bottom: 24px;
	}
	.first-part-h1 {
    	font-size: 45px !important;
	}
	.hero-dot-inner-col > .fusion-column-wrapper {
    	gap: 26px !important;
	}
	.methode-inner-col-last > .fusion-column-wrapper {
		flex-direction: column !important;
	}
	.wide-btn {
		width: 100%!important;
	}
	.wide-btn i {
		margin-top: -5px!important;
	}
}

@media screen and (max-width: 640px) {
	.hero-col {
		--awb-bg-image: url()!important;
	}
	.hero-dot-inner-col > .fusion-column-wrapper {
		justify-content: center!important;
	}
	.h1-title h1 {
		font-size: 24px!important;
	}
	.first-part-h1 {
		font-size: 35px!important;
	}
	.hero-dot-inner-col > .fusion-column-wrapper {
    	gap: 10px !important;
	}
	.hero-inner-col-txt {
		font-size: 16px!important;
	}
	.hero-inner-col-txt p {
		margin-bottom: 0!important;
	}
	.hero-btn {
		padding-left: 15px!important;
		padding-right: 15px!important;
		width: 100%!important;
	}
	.hero-btn .fusion-button-text {
		font-size: 16px!important;
		letter-spacing: 0.4px!important;
	}
	.hero-btn i::before {
		font-size: 14px!important;
	}
	.hero-btn i {
		margin-top:-4px!important;
		margin-left: 8px!important;
	}
	.hero-mini-txt {
		font-size: 13px!important;
	}
	.hero-scd-title {
		font-size: 20px!important;
	}
	.hero-scd-txt {
		font-size: 15px!important;
		line-height: 1.4 !important;
	}
	.tiret-txt {
		max-width: 11px;
		margin-right: 9px;
    	margin-top: 9px;
	}
	.h2-title {
		font-size: 25px!important;
	}
	.txt-bloc {
		font-size: 16px!important;
	}
	.apprendre-icon img {
		max-height: 35px!important;
	}
	.btn-with-frevo-arrow {
		width: 100%!important;
	}
	.aqui-txt {
		font-size: 16px!important;
		letter-spacing: 0.5px !important;
	}
	.apropos-logo {
		max-width: 130px!important;
	}
	.number-tag {
    	padding: 5px 9px;
		font-size: 36px!important;
	}
	.number-hashtag {
		margin-bottom: 15px!important;
	}
	.apropos-txt-bloc {
		font-size: 15px!important;
	}
	.methode-fleche {
		max-width: 50px!important;
	}
	.qualiopi-logo {
		max-width: 130px!important;
	}
	.qualiopi-txt {
		font-size: 11px!important;
	}
	.avis-txt {
		font-size: 14px!important;
	}
	.avis-author {
		font-size: 14px!important;
	}
	.avis-stars {
		max-width: 100px!important;
	}
	.pb-txt {
		font-size: 16px!important;
		line-height: 1.4!important;
	}
	.pb-txt p {
		display: flex!important;
	}
	.pb-txt img {
		max-width: 20px!important;
		box-shadow: none!important;
	}
	.fleche-pb {
		max-width: 45px!important;
	}
	.last-title {
		font-size: 28px!important;
	}
	#last-btn {
		font-size: 15px!important;
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	#last-btn i::before {
		font-size: 10px!important;
	}
	#last-btn i {
		margin-top: -2px!important;
	}
	.footer-logo {
		max-width: 140px!important;
	}
	.footer-txt {
		font-size: 12px!important;
	}
	

}




/* POP-UP INSCRIPTION */
.conference-form input, .conference-form select {
	border: 2px solid #bcbcbc!important;
    border-radius: 5px!important;
	font-family: Lato!important;
	color: #626262!important;
	font-size: 19px!important;
}
.conference-form input::placeholder {
	color: #626262!important;
	font-family: Lato!important;
	font-size: 19px!important;
}

.conference-form .form-group {
    margin-bottom: 12px!important;
}

.phone-wrapper #indicatif {
    flex: 0 0 25%!important;
}
.conference-form button {
	width: 100%;
    background: #4298B5;
    border: none;
    font-family: 'Lato';
    color: white;
    font-weight: bold;
    padding: 16px 20px;
    font-size: 20px;
	border-radius: 7px;
	cursor: pointer;
}
.conference-form button:hover {
    background: #2F85A2!important;
	transition: 0.3s ease!important;
}


.conference-form button img {
	margin-left: 15px!important;
    margin-top: 5px!important;
	transition: transform 0.3s ease;
	display: inline-block;
}
.conference-form button:hover img {
    transform: translateX(4px)!important;
}

.progress-inscription .progress {
	background: linear-gradient(90deg, #154468, #4298B5)!important;
}




@media screen and (max-width: 640px) {
	.conference-form input, .conference-form select {
		font-size: 15px!important;
		height: 47px!important;
	}
	.conference-form input::placeholder {
		font-size: 15px!important;
	}
	
	.popup-title {
		font-size: 27px!important;
	}
	.off-canvas-close {
		font-size: 17px!important;
		margin-right: 10px!important;
		margin-top: 15px!important;
	}
	
	.popup-progress-var-txt {
		font-size: 15px!important;
	}
	.conference-form .form-group {
    	margin-bottom: 12px!important;
	}
	.conference-form button {
    	padding: 12px 10px;
    	font-size: 16px;
		letter-spacing: 0px!important;
	}
	.conference-form button img {
		display: none!important;
	}
	.telephone-valide-txt {
		font-size: 13px!important;
	}
}


/* PAGE MERCI RESPONSIVE */

@media screen and (max-width: 640px) {
	
	.logo-main {
		width: 150px !important;
	}
	
	.icone-mrc {
		width: 60px !important;
	}
	
	.titre-mrc h1{
		font-size: 26px !important;
	}
	
	.texte-rp p{
		font-size: 13px !important;
	}
	
	.button-rp span {
		font-size: 13px !important;
	}
	.merci-arrow i {
		margin-top: -5px !important;
	}
	.merci-arrow i::before {
		font-size: 11px!important;
	}
}



.cta-whatsapp .fa-whatsapp {
	font-size: 22px!important;
}