/* CSS Document */
.h1exposer h1{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 64px !important;
	line-height: 77px !important;	
	text-transform: uppercase !important;
	color: #FFFFFF !important;
}
.h1pagecontenu h1{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 300 !important;
	font-size: 40px !important;
	line-height: 48px !important;
	text-transform: uppercase !important;
	color: #002350 !important;
}
.h2whitetrait h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 40px !important;
	line-height: 48px !important;	
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	}
.h1pagecontenu h1 strong{
	font-family: 'AzoSansbold' !important;
	font-size: 40px !important;
	line-height: 48px !important;
	text-transform: uppercase !important;
	color: #002350 !important;
	display: contents !important;
	font-weight: 700;
}
.h1pagecontenuv2 h1{
	font-family: 'AzoSansbold' !important;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	text-transform: uppercase !important;
	color: #002350 !important;
	
}
.titre_trait h1 strong:before{
	content: none !important
}
.titre_trait h1 strong:after, 
.titre_trait_v2 strong:after, .titre_trait_v3 h2:after{
	display: inline-block;
    vertical-align: middle;
    content: "\A";
    width: 97px;
    height: 2px;
    background: -webkit-linear-gradient(129deg, #2F8FB4 -9.28%, #23B49B 22.59%, #F39038 59.02%, #FFE426 97.15%);
    margin: 0px 0px 0px 0px;
    margin-left: 20px;
}

.arx_img_absolute_lame1{
	    position: absolute;
    bottom: 0px;
    right: 150px;
}
.arx_text_p p, .arx_text_p p span{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #343434 !important;
}
.arx_titre_h2 h2{
	font-family: 'AzoSansbold'  !important;
	font-style: normal  !important;
	font-weight: 700  !important;
	font-size: 40px  !important;
	line-height: 48px  !important;
	text-transform: uppercase  !important;
	color: #002350  !important;
}
.arx_titre_h2 h2 strong{
	font-family: 'AzoSans'  !important;
	font-style: normal  !important;
	font-weight: 400  !important;
}
.arx_titre_concept p strong{
	font-family: 'AzoSansbold'  !important;
	font-style: normal  !important;
	font-weight: 700  !important;
	font-size: 32px  !important;
	line-height: 38px  !important;
	color: #001A3E  !important;
}

.arx_titre_concept p span{
	font-family: 'AzoSans'  !important;
	font-style: normal  !important;
	font-weight: 700  !important;
	font-size: 32px  !important;
	line-height: 38px  !important;
	color: #001A3E  !important;
}

.arx_slogan_concept p{
	font-family: 'AzoSansbold' !important;
	font-style: italic !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 38px !important;
	text-align: center !important;
	color: #23B49B !important;
}

.arx_content_concept{
	background: #FFFFFF !important;
	box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.15) !important;
	border-radius: 25px !important;
	padding: 62px 116px 89px 116px !important
}
.arx_slogan_img_flex .wpb_wrapper .img1{
	margin-right: 35px !important
}
.arx_slogan_img_flex .wpb_wrapper{
	display: flex;
    justify-content: center;
    align-items: center;
}
.arx_lame_newsletter{
z-index:2 !important
}
.arx_img_absolute_lame2{
	
  position: absolute;
 left:290px;
  bottom:0px;
	z-index: 000000;
}

.arxbackgroundinput#responsive-form input:not([type='submit']){
	background: #122A4C !important;
}

.arx_search_inspiration input#gusta-search{
	background: #FFFFFF !important;
    box-shadow: 4px 4px 60px rgb(0 0 0 / 5%) !important;
    border-radius: 15px;
    border: none !important;
    padding: 33px 0px 33px 58px !important;
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
	text-transform: uppercase !important;
	color: #C5C5C5 !important;
}
.arx_search_inspiration form .form-group input[placeholder="Recherche..."]:placeholder{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
	text-transform: uppercase !important;
	color: #C5C5C5 !important;
}
.arx_search_inspiration .fa-search:before{
	    content: url(/wp-content/uploads/2022/12/search-normal.svg) !important;
}

.gusta-search-form.arx_search_inspiration .search-icon-button{
	top: 25% !important;
	right: 5% !important
}

#gusta-load-more-post-listing-arx.load-more-button{
	background: #FFFFFF !important;
    border: 1px solid #29AB93 !important;
    border-radius: 15px !important;
    font-family: 'AzoSansbold' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 19px !important;   
    text-align: center !important;
    text-transform: uppercase !important;
    color: #23B49B !important;
    width: auto !important;
	padding: 20px 74px !important
}

.arx_custom_titlte_single{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 40px !important;
	line-height: 48px !important;	
	text-transform: uppercase !important;
	color: #002350 !important;
}

.arx_custom_titlte_single_contenu p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #343434 !important;

}
.arx_custom_titlte_single_contenu h3{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #29AB93 !important;
	text-transform: uppercase !important

}
.arx_custom_titlte_single_contenu h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 30px !important;
	line-height: 36px !important;	
	text-transform: uppercase !important;
	color: #002350 !important;
}

.arx_name_single_categorie .ss-element-item{
	font-size: 20px !important;
	line-height: 24px !important;
}

.arx_chiffres p{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 36px !important;
	line-height: 43px !important;	
	text-align: center !important;
	color: #F39038 !important;

}

.arx_chiffre_bleu{
	color: #001A3E !important;
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
}

.arx_position_absolutepageexposer{
	position: absolute;
	    right: -280px;
    top: 25%;
}

.arx_colum_proprio{
	background: #29AB93 !important;
	box-shadow: 4px 4px 50px rgba(41, 171, 147, 0.2) !important;
	border-radius: 14px !important;
	overflow: hidden;
	width: 19%;
	padding: 0px 0px 22px 46px
}

.arx_colum_proprio .vc_column-inner{
	padding-top: 16px !important
}

.petitchiffre{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 38px !important;
	color: #F39038 !important;
	margin: 0px !important
}

.petittextchiffre{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #343434 !important;

}

.chiffreborder{
	    border-left: 1px solid #29AB93 !important;
    margin-left: 35px !important;
    padding-left: 15px !important;
    margin-top: 15px !important;
}

.arx_lame_visiteur_expo{

	background: #FFFFFF !important;
	box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.1) !important;
	border-radius: 15px !important;
	padding: 49px 59px !important
}

.arx_container_info_pratique{
	    bottom: 0;
    position: absolute;
    width: 55%;
    background: #F39038;
    padding: 45px !important;
    left: -250px;
}
.slickvillesimg .slick-list{
	width: 100% !important
}
.arxslicklabo .wpb_single_image img{
	width: 100% !important;
	height: 100% !important
}
.arxslicklabo .slick-list{
	width: 100% !important
}
.slickavis .slick-list{
	width: 100% !important
}

.arxslickvideo .slick-list{
	width: 100% !important
}

.slickavis .slick-next{
	    background: #193961;
    box-shadow: 4px 4px 50px rgb(0 0 0 / 25%);
    border-radius: 5px;
    width: 96px;
    height: 68px;
	    right: -150px;
}
 .arx_slick_video_ordi .slick-next {
    background: #193961;
    box-shadow: 4px 4px 50px rgb(0 0 0 / 25%);
    border-radius: 5px;
    width: 56px;
    height: 48px;
    right: -90px;
    top: 50%;
}
.arx_slick_video_ordi .slick-prev{
	background: #193961;
    box-shadow: 4px 4px 50px rgb(0 0 0 / 25%);
    border-radius: 5px;
    width: 56px;
    height: 48px;
    left: -90px;
    top: 50%;
}
.slickavis .slick-prev {
	background: #193961;
    box-shadow: 4px 4px 50px rgb(0 0 0 / 25%);
    border-radius: 5px;
    width: 96px;
    height: 68px;
	left: -150px;
}
.arx_container_info_pratique{
    clip-path: polygon(0% 0%, 86% 0%, 100% 19%, 100% 85%, 100% 100%, 15% 100%, 0% 100%, 0% 15%);
}


.slickvillesimg .slick-dots li button:before{
	font-size: 25px !important;
	color :  #D9D9D9 !important;
	    opacity: 1 !important;
}

.slickvillesimg .slick-dots li.slick-active button:before{
	color :  #F39038 !important;
}

.titreinfo p{
	font-family: 'AzoSansbold'!important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 32px !important;
	color: #001A3E !important;
}

.descriptioninfo p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #001A3E !important;
}

.descriptioninfo p strong{
	font-family: 'AzoSansbold' !important;
}
.descriptioninfo img{
	    vertical-align: middle;
}
.descriptioninfo strong, .sectiondate strong{
	font-weight: 700 !important;
}

.sectiondate p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 26px !important;
	text-align: center !important;

	color: #001A3E !important;
}

.sectiondate p strong{
	font-family: 'AzoSansbold' !important;
}
.displayflexinfo{
	align-items: center !important;
	display: flex !important
}

.arx_home_page_villes h1{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 36px !important;
	line-height: 43px !important;	
	text-transform: uppercase !important;
	color: #FFFFFF !important;
}
.arx_home_page_villes h1 strong{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 70px !important;
	line-height: 84px !important;	
	text-transform: uppercase !important;
	color: #FFFFFF !important;
}

.arx_home_page_villes img{
	vertical-align: middle !important
}

.arx_home_page_villes p{
	font-family: 'AzoSans'!important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 26px !important;
	color: #FFFFFF !important;
}

.slickvillesimg .slick-list{
	border-radius: 15px 0px ;
		box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.15) !important;
	clip-path: polygon(0% 0%, 85% 0%, 100% 15%, 100% 85%, 100% 100%, 15% 100%, 0% 85%, 0% 15%);
}

.vc_btn3-container.arx_bouton.arx_boutonville{
	width: 33%;
    margin: inherit;
}

.h2petit_homepage_ville h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 38px !important;	
	text-align: center !important;
	text-transform: uppercase !important;
	color: #001A3E !important;
}

.arx_lame_bouton_ville_home{
	background: #FFFFFF;
	box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	padding: 61px 59px !important
}

.arx_lame_bouton_ville_home .vc_column-inner{
	padding-top: 0px !important
}
.arx_expo_columns{
	background: #FFFFFF !important;
	box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.05) !important;
	border-radius: 20px !important;
	overflow-y: hidden;
	padding: 44px 37px !important
}
.arx_expo_columns .expo_img img{
	    width: 180px;
    margin: auto !important;
    display: block;
}
.arx_expo_columns_premium .expo_img img{
	    width: 180px;
    margin: auto !important;
    display: block;
}
.arx_expo_columns_premium{
	background: #FEF4EB !important;
	box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.05);
	border-radius: 20px !important;
	overflow-y: hidden;
	padding: 44px 37px !important
}

.arx_titlte_exposant, .arx_titlte_exposant a {
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 24px !important;
	text-transform: uppercase !important;
	color: #002350 !important;
	cursor: pointer;
}

.arx_stand_exposant p{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
	text-transform: uppercase !important;
	color: #29AB93 !important;

}

.arx_expo_extrait{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	color: #343434 !important;
}

.arx_premium_etoile{
	position: absolute;
	left: 18px;
    top: 15px;
}

.arx_titre_lame_espaces h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 36px !important;
	line-height: 43px !important;
	color: #001A3E !important;
}

.slogan_arx_espaces_single p{
	font-family: 'AzoSans' !important;
	font-style: italic !important;
	font-weight: 300 !important;
	font-size: 28px !important;
	line-height: 34px !important;
	color: #F39038 !important;
}

.arx_description_espaces p{
	font-family: 'AzoSans';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #343434;
}

.arx_titre_photo_espaces strong{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	color: #001A3E !important;
}

.arx_titre_photo_espaces p{
	font-family: 'AzoSans' !important;
	font-style: italic !important;
	font-weight: 300 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	color: #001A3E !important;
}

.arx_flex_espaces{
	align-items: center !important
}

.arx_titre2_lame_espaces h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 32px !important;
	line-height: 41px !important;	
	text-align: right !important;
	color: #001A3E !important;
}


.date-espaces p{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 30px !important;	
	text-align: center !important;
	color: #2F8FB4 !important;
}

.description-date-espaces p{
	font-family: 'AzoSans' !important;
	font-style: italic !important;
	font-weight: 300 !important;
	font-size: 24px !important;
	line-height: 29px !important;	
	text-align: center !important;
	color: #001A3E !important;
}

.arx_labo_lien a{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;	
	text-decoration-line: underline !important;
	text-transform: uppercase !important;
	color: #23B49B !important;
}

.labo_titre_arx_single h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 36px !important;
	line-height: 43px !important;	
	text-transform: uppercase !important;
	color: #001A3E !important;
}

.labo_metier_arx_single p{
	font-family: 'AzoSans' !important;
	font-style: italic !important;
	font-weight: 300 !important;
	font-size: 20px !important;
	line-height: 24px !important;
	color: #F39038 !important;
}

.labo_description_arx_single p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	color: #343434 !important;
}

.arx_photo_profil_labo img{
	border-radius: 20px;
}

.arx_photo_profil_labo:before{
	content: '';
    border-top: 80px solid white;
    border-left: 80px solid transparent;
    position: absolute;
    right: 0;
   top: 0;
    z-index: 111111;
}

.labo_titre_realisation_single h2{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 40px !important;
	line-height: 51px !important;	
	color: #002350 !important;
}

.arx_avis_temoinages{
	font-family: 'AzoSans'!important;
	font-style: italic !important;
	font-weight: 300 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
	text-align: center !important;
	color: #FFFFFF !important;

}

.arx_nom_temoinages{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 24px !important;
	line-height: 29px !important;	
	text-align: right !important;
	color: #FFFFFF !important;
}
.arx_nom_temoinages strong{
	color: #29AB93 !important;
}

.arx_img_avis_aboslute{
	    position: absolute;
    top: 45%;
    left: 30%;
}

.textbleuexposer p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	
	font-size: 24px !important;
	line-height: 29px !important;
	color: #002350 !important;
}

.textbleuexposer p strong{
	font-family: 'AzoSansbold' !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
}

.arx_titre_personnel p{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 29px !important;
	color: #F39038 !important;
}

.arx_type_personnel p{
	font-family: 'AzoSans' !important;
	font-style: italic !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #343434 !important;
}

.arx_personnel{
	display: flex;
	align-items: center
}
.arx_contact_personnel p{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #343434 !important;
}

.arx_ville_personnel p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #29AB93 !important;
}

.arx_colum_padding_expose{
	padding-left: 100px !important
}

#responsive-form .titre{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 38px !important;	
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	margin-bottom: 24px 
}
#responsive-form #progressbar{
	margin-bottom: 60px;
	margin-top: 30px;
}
#responsive-form .reponseclient input{
	margin-bottom: 19px
}
#responsive-form .reponseclient label, .arxquestionplus p{

	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 22px !important;	
	color: #FFFFFF !important;
	margin-bottom: 19px !important
}

#responsive-form .question p{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 26px !important;
	color: #FFFFFF !important;
}

#progressbar {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 13px;
  /* (height of inner div) / 2 + padding */
/*  padding: 3px;*/
}

#progressbar>div.p1 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 0%,
  hsl(49deg 98% 55%) 0%,
  hsl(47deg 97% 56%) -1%,
  hsl(44deg 95% 57%) -1%,
  hsl(41deg 94% 57%) -1%,
  hsl(38deg 93% 58%) -1%,
  hsl(34deg 91% 59%) -1%,
  hsl(32deg 85% 59%) -1%,
  hsl(33deg 69% 60%) -2%,
  hsl(37deg 52% 59%) -2%,
  hsl(45deg 35% 58%) -2%,
  hsl(67deg 22% 57%) -2%,
  hsl(112deg 20% 60%) -1%,
  hsl(151deg 30% 55%) -1%,
  hsl(166deg 49% 47%) -1%,
  hsl(172deg 68% 41%) 0%,
  hsl(175deg 70% 40%) 0%,
  hsl(178deg 72% 39%) 2%,
  hsl(182deg 74% 38%) 3%,
  hsl(185deg 78% 38%) 5%,
  hsl(187deg 82% 38%) 9%,
  hsl(190deg 87% 38%) 15%,
  hsl(191deg 100% 36%) 28%
);
  width: 10%;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}

#progressbar>div.p2 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 0%,
  hsl(49deg 98% 55%) 0%,
  hsl(47deg 97% 56%) 0%,
  hsl(44deg 95% 57%) 1%,
  hsl(41deg 94% 57%) 1%,
  hsl(38deg 93% 58%) 2%,
  hsl(34deg 91% 59%) 2%,
  hsl(32deg 85% 59%) 3%,
  hsl(33deg 69% 60%) 4%,
  hsl(37deg 52% 59%) 6%,
  hsl(45deg 35% 58%) 7%,
  hsl(67deg 22% 57%) 9%,
  hsl(112deg 20% 60%) 12%,
  hsl(151deg 30% 55%) 14%,
  hsl(166deg 49% 47%) 18%,
  hsl(172deg 68% 41%) 22%,
  hsl(175deg 70% 40%) 27%,
  hsl(178deg 72% 39%) 33%,
  hsl(182deg 74% 38%) 40%,
  hsl(185deg 78% 38%) 49%,
  hsl(187deg 82% 38%) 61%,
  hsl(190deg 87% 38%) 77%,
  hsl(191deg 100% 36%) 100%
);
  width: 20% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}

#progressbar>div.p3 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 2%,
  hsl(49deg 98% 55%) 4%,
  hsl(47deg 97% 56%) 6%,
  hsl(44deg 95% 57%) 8%,
  hsl(41deg 94% 57%) 10%,
  hsl(38deg 93% 58%) 13%,
  hsl(34deg 91% 59%) 15%,
  hsl(32deg 85% 59%) 18%,
  hsl(33deg 69% 60%) 20%,
  hsl(37deg 52% 59%) 23%,
  hsl(45deg 35% 58%) 26%,
  hsl(67deg 22% 57%) 30%,
  hsl(112deg 20% 60%) 34%,
  hsl(151deg 30% 55%) 38%,
  hsl(166deg 49% 47%) 42%,
  hsl(172deg 68% 41%) 47%,
  hsl(175deg 70% 40%) 52%,
  hsl(178deg 72% 39%) 58%,
  hsl(182deg 74% 38%) 65%,
  hsl(185deg 78% 38%) 72%,
  hsl(187deg 82% 38%) 81%,
  hsl(190deg 87% 38%) 90%,
  hsl(191deg 100% 36%) 100%
);
  width: 35% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}

#progressbar>div.p4 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 4%,
  hsl(49deg 98% 55%) 7%,
  hsl(47deg 97% 56%) 11%,
  hsl(44deg 95% 57%) 14%,
  hsl(41deg 94% 57%) 18%,
  hsl(38deg 93% 58%) 22%,
  hsl(34deg 91% 59%) 26%,
  hsl(32deg 85% 59%) 30%,
  hsl(33deg 69% 60%) 34%,
  hsl(37deg 52% 59%) 38%,
  hsl(45deg 35% 58%) 42%,
  hsl(67deg 22% 57%) 46%,
  hsl(112deg 20% 60%) 51%,
  hsl(151deg 30% 55%) 55%,
  hsl(166deg 49% 47%) 60%,
  hsl(172deg 68% 41%) 64%,
  hsl(175deg 70% 40%) 69%,
  hsl(178deg 72% 39%) 74%,
  hsl(182deg 74% 38%) 79%,
  hsl(185deg 78% 38%) 84%,
  hsl(187deg 82% 38%) 89%,
  hsl(190deg 87% 38%) 95%,
  hsl(191deg 100% 36%) 100%
);
  width: 45% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}

#progressbar>div.p5 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 6%,
  hsl(49deg 98% 55%) 12%,
  hsl(47deg 97% 56%) 18%,
  hsl(44deg 95% 57%) 24%,
  hsl(41deg 94% 57%) 30%,
  hsl(38deg 93% 58%) 35%,
  hsl(34deg 91% 59%) 40%,
  hsl(32deg 85% 59%) 45%,
  hsl(33deg 69% 60%) 50%,
  hsl(37deg 52% 59%) 55%,
  hsl(45deg 35% 58%) 59%,
  hsl(67deg 22% 57%) 63%,
  hsl(112deg 20% 60%) 67%,
  hsl(151deg 30% 55%) 71%,
  hsl(166deg 49% 47%) 75%,
  hsl(172deg 68% 41%) 78%,
  hsl(175deg 70% 40%) 82%,
  hsl(178deg 72% 39%) 85%,
  hsl(182deg 74% 38%) 88%,
  hsl(185deg 78% 38%) 91%,
  hsl(187deg 82% 38%) 94%,
  hsl(190deg 87% 38%) 97%,
  hsl(191deg 100% 36%) 100%
);
  width: 55% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}
#progressbar>div.p6 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 9%,
  hsl(49deg 98% 55%) 17%,
  hsl(47deg 97% 56%) 24%,
  hsl(44deg 95% 57%) 31%,
  hsl(41deg 94% 57%) 38%,
  hsl(38deg 93% 58%) 44%,
  hsl(34deg 91% 59%) 50%,
  hsl(32deg 85% 59%) 55%,
  hsl(33deg 69% 60%) 60%,
  hsl(37deg 52% 59%) 64%,
  hsl(45deg 35% 58%) 68%,
  hsl(67deg 22% 57%) 72%,
  hsl(112deg 20% 60%) 76%,
  hsl(151deg 30% 55%) 79%,
  hsl(166deg 49% 47%) 82%,
  hsl(172deg 68% 41%) 85%,
  hsl(175deg 70% 40%) 87%,
  hsl(178deg 72% 39%) 90%,
  hsl(182deg 74% 38%) 92%,
  hsl(185deg 78% 38%) 94%,
  hsl(187deg 82% 38%) 96%,
  hsl(190deg 87% 38%) 98%,
  hsl(191deg 100% 36%) 100%
);
  width: 64% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}

#progressbar>div.p7 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 13%,
  hsl(49deg 98% 55%) 24%,
  hsl(47deg 97% 56%) 34%,
  hsl(44deg 95% 57%) 43%,
  hsl(41deg 94% 57%) 50%,
  hsl(38deg 93% 58%) 57%,
  hsl(34deg 91% 59%) 62%,
  hsl(32deg 85% 59%) 67%,
  hsl(33deg 69% 60%) 71%,
  hsl(37deg 52% 59%) 75%,
  hsl(45deg 35% 58%) 79%,
  hsl(67deg 22% 57%) 81%,
  hsl(112deg 20% 60%) 84%,
  hsl(151deg 30% 55%) 86%,
  hsl(166deg 49% 47%) 89%,
  hsl(172deg 68% 41%) 91%,
  hsl(175deg 70% 40%) 92%,
  hsl(178deg 72% 39%) 94%,
  hsl(182deg 74% 38%) 95%,
  hsl(185deg 78% 38%) 97%,
  hsl(187deg 82% 38%) 98%,
  hsl(190deg 87% 38%) 99%,
  hsl(191deg 100% 36%) 100%
);
  width: 74% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}

#progressbar>div.p8 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 32%,
  hsl(49deg 98% 55%) 49%,
  hsl(47deg 97% 56%) 59%,
  hsl(44deg 95% 57%) 66%,
  hsl(41deg 94% 57%) 71%,
  hsl(38deg 93% 58%) 75%,
  hsl(34deg 91% 59%) 79%,
  hsl(32deg 85% 59%) 82%,
  hsl(33deg 69% 60%) 84%,
  hsl(37deg 52% 59%) 86%,
  hsl(45deg 35% 58%) 88%,
  hsl(67deg 22% 57%) 89%,
  hsl(112deg 20% 60%) 91%,
  hsl(151deg 30% 55%) 92%,
  hsl(166deg 49% 47%) 93%,
  hsl(172deg 68% 41%) 94%,
  hsl(175deg 70% 40%) 95%,
  hsl(178deg 72% 39%) 96%,
  hsl(182deg 74% 38%) 97%,
  hsl(185deg 78% 38%) 98%,
  hsl(187deg 82% 38%) 99%,
  hsl(190deg 87% 38%) 99%,
  hsl(191deg 100% 36%) 100%
);
  width: 85% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}
#progressbar>div.p8 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 4%,
  hsl(49deg 98% 55%) 7%,
  hsl(47deg 97% 56%) 11%,
  hsl(44deg 95% 57%) 14%,
  hsl(41deg 94% 57%) 18%,
  hsl(38deg 93% 58%) 22%,
  hsl(34deg 91% 59%) 26%,
  hsl(32deg 85% 59%) 30%,
  hsl(33deg 69% 60%) 34%,
  hsl(37deg 52% 59%) 38%,
  hsl(45deg 35% 58%) 42%,
  hsl(67deg 22% 57%) 46%,
  hsl(112deg 20% 60%) 51%,
  hsl(151deg 30% 55%) 55%,
  hsl(166deg 49% 47%) 60%,
  hsl(172deg 68% 41%) 64%,
  hsl(175deg 70% 40%) 69%,
  hsl(178deg 72% 39%) 74%,
  hsl(182deg 74% 38%) 79%,
  hsl(185deg 78% 38%) 84%,
  hsl(187deg 82% 38%) 89%,
  hsl(190deg 87% 38%) 95%,
  hsl(191deg 100% 36%) 100%
);
  width: 94% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 0px 0px 13px ;
}
#progressbar>div.p9 {
  background: linear-gradient(
  270deg,
  hsl(54deg 100% 51%) 0%,
  hsl(52deg 99% 54%) 55%,
  hsl(49deg 98% 55%) 68%,
  hsl(47deg 97% 56%) 75%,
  hsl(44deg 95% 57%) 81%,
  hsl(41deg 94% 57%) 84%,
  hsl(38deg 93% 58%) 87%,
  hsl(34deg 91% 59%) 89%,
  hsl(32deg 85% 59%) 91%,
  hsl(33deg 69% 60%) 93%,
  hsl(37deg 52% 59%) 94%,
  hsl(45deg 35% 58%) 95%,
  hsl(67deg 22% 57%) 96%,
  hsl(112deg 20% 60%) 97%,
  hsl(151deg 30% 55%) 97%,
  hsl(166deg 49% 47%) 98%,
  hsl(172deg 68% 41%) 98%,
  hsl(175deg 70% 40%) 99%,
  hsl(178deg 72% 39%) 99%,
  hsl(182deg 74% 38%) 99%,
  hsl(185deg 78% 38%) 100%,
  hsl(187deg 82% 38%) 100%,
  hsl(190deg 87% 38%) 100%,
  hsl(191deg 100% 36%) 100%
);
  width: 100% !important;
  /* Adjust with JavaScript */
  height: 8px;
border-radius: 13px 13px 13px 13px ;
}
.cf7mls_back.action-button:before{
	content: url(/wp-content/uploads/2023/01/Vector.png);
        vertical-align: middle;
	margin-right: 8px
}
.cf7mls_back.action-button{
	background-color: transparent !important;
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;	
	text-transform: uppercase !important;

	color: #23B49B !important;
}

.mon_projet_habitat .cf7mls-btns .cf7mls_next{
	background: #23B49B !important;
	border-radius: 15px !important;
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;	
	text-align: center !important;
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	padding: 20px 40px !important
}

.cf7mls_next.action-button:after{
	content: url(/wp-content/uploads/2023/01/arrow-right.png);
        vertical-align: middle;
	margin-right: 8px
}

input.hideradio{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.imgradio{
	display: flex;
    
    align-items: flex-end;
    justify-content: space-around;
    margin: 0px 200px;
    flex-wrap: wrap;
}
#responsive-form .reponseclient .imgradio label span {
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 19px !important;	
	text-align: center !important;
	color: #29AB93 !important;
	cursor:pointer;
	padding: 25px;
		    display: block;
}
.imgradio label > input + span img{ /* IMAGE STYLES */
    cursor:pointer;
    border:2px solid transparent;
	margin: auto;
	padding-bottom: 22px 
}


div[data-class="wpcf7cf_group"] .imgradio label > input + span img{ /* IMAGE STYLES */
	width: 65%
}
.imgradio label input:checked + span, .imgradio label input:hover + span{ /* (RADIO CHECKED) IMAGE STYLES */
  background: #002350;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
border-radius: 20px;

}

.arx_demande_projet{
	justify-content: flex-end !important
}

.formtextfinis{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 24px !important;
	line-height:38px !important;
	text-align: center !important;
	color: #FFFFFF !important;
}

.formtextfinisenquete{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 32px !important;
	text-align: center !important;

	color: #FFFFFF !important;

}

.boutoninspirationform{
	background: #23B49B;
	border-radius: 15px;
	padding: 20px 60px !important;
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;	
	text-transform: uppercase !important;
	color: #FFFFFF !important;
}

.arxfelicitation{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.arx_etape_chiffre .imgetape{
    margin-left: 20px !important;
	display: block !important
}

.arx_etape_chiffre .desciptionetape{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height:16px !important;
	text-align: center !important;
	color: #FFFFFF !important;
	width: 65% !important;
	margin-top:  31px; 
	margin-bottom: 0px !important
}

.arx_etape_chiffre .chiffre{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 128px !important;
	line-height: 0px !important;	
	text-transform: uppercase;
	color: #FFFFFF !important;
	opacity: 0.2 !important;
	margin: 0;
	
}

.flex_etape_chiffre>.vc_column-inner> .wpb_wrapper{
	    display: flex;
       justify-content: space-evenly;
    align-items: center;
	margin-top: 61px;
	margin-bottom: 0;

}

/*
#popupexpo>.wpb_column>.vc_column-inner>.wpb_wrapper{
	display: flex;
    flex-direction: column;
    align-items: center;
}
*/

input[type="checkbox"] {
  visibility: hidden;
}
#content_choix input{
	visibility:visible !important;
}
label {
  cursor: pointer;
}
input[type="checkbox"] + span:before {
/*  border: 1px solid #333;*/
  content: "\00a0";
  display: inline-block;
  font: 24px/1em sans-serif;
  height: 24px;
  margin: 0 .25em 0 0;
  padding: 0;
	margin-right: 15px;
    margin-bottom: 5px;
  vertical-align: top;
  width: 24px;
	background: #122A4C;
  border-radius: 5px;
}
input[type="checkbox"]:checked + span:before {
  
  color: rgba(255, 255, 255, 0.5);
  content: "\2713";
  text-align: center;
}
input[type="checkbox"]:checked + span:after {
  font-weight: bold;
}

input[type="checkbox"]:focus + span::before {
    outline: rgb(59, 153, 252) auto 5px;
}
.fieldset-cf7mls-wrapper .wpcf7-not-valid-tip{
	color: white !important;
	padding-bottom: 15px	
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	color: rgba(255, 255, 255, 0.5) !important
}
.arx_plus_inspiration img{
	    vertical-align: middle;
}
.arx_plus_inspiration a{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;	
	text-align: center !important;
	text-transform: uppercase !important;
	color: #29AB93 !important;

}

#popupexpo{
	padding: 80px 80px !important
}

.arx_popup_site a, .arx_popup_site{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	text-align: center !important;
	color: #F39038 !important;
	margin: 0px !important;
	text-align: center !important
}

.arx_stand_exposant_popup{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 24px !important;
	text-transform: uppercase !important;
	color: #29AB93 !important;
	text-align: center;
	margin: 0px !important
}

.arx_titlte_exposantpopup{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 38px !important;
	text-transform: uppercase !important;
	color: #002350 !important;
	text-align: center;
	margin: 0px !important
}

.arx_adresse_popup{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	color: #2F8FB4 !important;
/*	text-align: center !important*/
}
#popupexpo p{
	margin-bottom: 0px !important
}
#popupexpo{
	max-width: 850px !important
}
#popupexpo .expo_img{
	padding: 0px 150px !important;
	margin-bottom: 20px !important
}

.arxmapspopup i{
	color:#2F8FB4
}

.flexpopupligne1{
	    display: flex;
    flex-direction: column;
    align-items: center;
}

.mailpopup{
	font-family: 'AzoSansbold' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	color: #001A3E !important;
}

.reseaux img{
	filter: brightness(0) saturate(100%) invert(10%) sepia(36%) saturate(2658%) hue-rotate(191deg) brightness(98%) contrast(108%);
}
.flexdocument .document_item a{
	font-family: 'AzoSans' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	text-decoration-line: underline !important;
	color: #001A3E !important;
}
.flexdocument .document_item{
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 26, 62, 0.15);
	border-radius: 10px;
	padding: 15px 24px !important;
	margin-right: 9px
}
.flexdocument{
	    display: flex;
}