@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 992px)  {
	.arx_bouton_premierelame .vc_btn3-container.arx_bouton_homepage_lame1 a{
		width: 250px 
	}
}
@media only screen and (max-width: 1700px)  {
	.container_infos_bouton{
		margin-top: -150px !important
	}
	
	.arx_footer_2023>.vc_col-sm-6{
		width: 40%
	} 
	.arx_footer_2023 .footer_menus{
		width: 60%
	}
	
	.arx_chiffres_homepage p{
		font-size: 14px
	}
	.arx_img_absolute_lame1 {
   
    right: 0px;
}
	#responsive-form input[type=submit]{
		font-size: 13px !important
	}
	.container_salon_home1{
		height: 420px !important
	}
	.container_salon_home2{
		height: 420px !important
	}
	.container_salon_home3{
		height: 420px !important
	}
	.container_salon_home4{
		height: 420px !important
	}
	
	.container_salon_home5{
		height: 420px !important
	}
	
	.container_salon_home6{
		height: 420px !important
	}
	
	.container_salon_home7{
		height: 420px !important
	}
	
	.arx_ville_home{
		z-index: 1111
	}
		.arx_date_bouton_home a{
		padding: 15px 21px;
	}
}
@media only screen  and (max-width: 1200px)  {
	.arx_vectorimg img {
		position: absolute;
		bottom: 0px;
		left: -180px;
	}
	#arx_nav>ul>li>a{
		    font-size: 13px;
    	margin: 0px 3px !important;
	}
	
	.arx_flex_bouton_homepage .wpb_wrapper{
		flex-direction: column
	}
	.arx_bouton_homepage_lame1{
		margin-left: 0px !important;
	}
	.wpb_text_column ol li{
		list-style: none;		
		position: relative;
		margin: 20px 0;
		padding-left: 50px;
		min-height: 40px;
	}
	.wpb_text_column ol li:before{
		position: absolute !important;
		left: 0 !important
	}
}
@media only screen and  (min-width: 992px) and (max-width: 1500px)  {
	.arx_container_info_pratique{
		    left: -100px;
	}

	
	.arx_date_ville_home .date1{
		font-size: 40px !important
	}
	
	.arx_ville_home, .arx_date_ville_home .date1 , .arx_date_ville_home .date2{
		z-index: 1111
	}
	
	.arx_chiffres_homepage p{
		font-size: 11.5px
	}
		.arx_vectorimg img {
		position: absolute;
		bottom: 0px;
		left: -200px;
	}
	.vc_btn3-container.arx_bouton{
		width: 100%
	}
	.vc_btn3-container.arx_bouton a, .vc_btn3-container.arx_bouton button{
		    padding: 17px 27px !important;
	}
	.arx_footer_2023>.vc_col-sm-6{
		width: 30%
	} 
	.arx_footer_2023 .footer_menus{
		width: 70%
	}
	
}
@media only screen and (max-width: 991px)  {
	#logo-mobile .vc_figure{
		margin-right: 15px !important
	}
	
	.arx_bouton_premierelame .vc_btn3-container.arx_bouton_homepage_lame1{
		margin-left: 0px !important
	}
	.arx_pagination ul{
		width: auto
	}
	.arx_home_page_villes h1 strong{
		font-weight: 700 !important;
		font-size: 36px !important;
		line-height: 43px !important;
	}
	.arx_home_page_villes h1{
		font-size: 24px !important;
		line-height: 29px !important
	}
	.arx_exposant_filtre_container .arx_filtre_nomenclature_button{
		    font-size: 12px !important;
    line-height: 14px !important;
    padding: 10px 20px !important;
		margin-right: 10px !important
	}
	.arxfilterexposantmobile .slick-initialized .slick-slide {
    display: block;
    margin-right: 5px;
}
	.arx_footer_2023 .footer_menus{
		width: 100%
	}
	.hide_on_mobile {
		display:none !important;
	}
	.on_mobile_only {
		display:block !important;
	
	}
	.desktop_padding_right {
		padding-right:0px !important;
	}	
	.margin_negatif_80 {
		margin-top:-80px !important;
	}
	.titre_trait h1 strong, .titre_trait h2 strong, .titre_trait_p p strong{
		font-size:21px;
		line-height: 25px;
	}

	.titre_trait h1 , .titre_trait h2 , .titre_trait_p p  {
		font-size:38px;
		line-height: 42px;
	}

	.titre_trait h1 strong:before, .titre_trait h2 strong:before, .titre_trait_p p strong:before {
		display:inline-block;
		vertical-align: middle;
		content : "\A";
		width:100px !important;
		height:3px;
		margin:20px 0px 20px 0px;
		margin-right: 15px;
	}
	
	.container_avis img.alignright {
		float: right;
		margin: 0;
	}

	.padding_40_desktop .vc_column-inner {
		padding:20px !important;
	}

	h2  {
		font-size:18px;
		line-height:24px;
	}

	
	.container_reseaux_hp i {
	font-size:25px !important;
}
.container_reseaux_hp p {
	text-align:left;
	margin-top:30px !important ;
}


.vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 0px;
}	
	
	#mobile-nav-icon {
		position:absolute;
		width:60px;
		text-align: left;
		top:0px;
		z-index: 1000000001;	
	}
	
	
	#logo-mobile {
		position:absolute;
		width:100%;
		text-align: right;
		top:10px;
		z-index: 1001;
	}
	
	.desktop_padding_small, .desktop_padding_medium, .desktop_padding_large{
		padding-left:15px !important;
		padding-right:15px !important;
	}

	.site-main {
		padding-left:5px;	
		padding-right:5px;
	}
	.vc_parallax-inner {
		background-image: none !important;
	}

	/* SHORTCODE AFFICHAGE EVENT POSTIT --------------------------------------------------------- */
	.postit_event {
		margin:0;
		padding:0px 0px 20px 0px;
		float:none;
		width:100%;
	}

	/* TABLEAU HORAIRE ENFANCE --------------------------------------------------------- */	


	.center {
		text-align: center !important;
	}

	
	html, body {
	  overflow-x: hidden;
		overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;
	}
	
	
	
	.site {
    	padding-top:0px;
		margin-top:-1px;
		width:100%;
		transition: all 0.3s ease-in-out;
	}
	.site.blured {
		-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		-o-filter: blur(10px);
		-ms-filter: blur(10px);
		filter: blur(10px);
	}
	
	
	
	#logo-mobile.blured {
		-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		-o-filter: blur(10px);
		-ms-filter: blur(10px);
		filter: blur(10px);
	}
	.container-header-mobile {

		width:100%;
		margin:0px !important;
		padding:0px !important;
	}

	.container-nav-mobile {
		width:100%;
		height:100%;
		right:-100%;
		position: fixed;
		background-color: #F2F2F2;
		z-index: 10000000000000;
		padding:0px !important;
		overflow-y:scroll; 
		
	}
	
	.footer_navigation ul.gusta-navigation>li>a {
		color:#ffffff !important;
		font-size:14px;
		border:0px !important;
		font-family:WesFY !important;
	}
	.footer_navigation ul.gusta-navigation>li:first-child>a {
		color:#ffffff !important;
		font-size:14px;
		border:0px !important;
		font-family:WesFY !important;
	}
	
	.footer_navigation ul.gusta-navigation>li {
		color:#ffffff !important;
		font-size:14px;
		border:0px !important;
		font-family:WesFY !important;
	}
	
	.footer_navigation {
		text-align: center;
	}
	
	.footer_navigation>.gusta-inline {
		width:50% !important;
	}
	
	.nav-footer-mobile-right {
		margin-left:20px !important;
	}
	/*REFONTE 2023*/
	
	#nav-17332812855cc32ada584e9.arx_men_mobile>ul>li>a{
		font-family: 'AzoSansbold' !important;
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 24px !important;
/*		line-height: 29px !important;		*/
		text-transform: uppercase !important;
		color: #FFFFFF !important;
		}
	#nav-17332812855cc32ada584e9.arx_men_mobile>ul>li:hover>a,#nav-17332812855cc32ada584e9.arx_men_mobile>ul>li.current-menu-item>a{
		color: #29AB93 !important
	}
	#nav-17332812855cc32ada584e9.arx_men_mobile>ul>li{
		padding-bottom: 50px !important
	}
	#nav-17332812855cc32ada584e9.arx_men_mobile>ul>li:last-child{
		display: none !important
	}
	
	.gusta-site-logo img{
		width: 100% !important;
		height: inherit !important
	}
	.arx_flex_bouton_homepage .wpb_wrapper{		
    	flex-direction: column;
	}
	
	.arx_bouton_homepage_lame1{
		margin-left: 0px !important
	}
	
	.vc_btn3-container.arx_bouton_homepage_lame1 button{
		padding: 21px 15px !important
	}
	.arx_chiffres_homepage {
		margin-right: 2px !important;
	}
	.arx_home_page_h1 h1{
		font-size: 30px !important;
		line-height: 38px !important;
	}
	
	.arx_chiffres_homepage strong{
		font-size: 31px !important;
		line-height: 41px !important;

	}
	.arx_chiffres_homepage p{
		font-size: 12px !important
	}
	.arx_flex_chiffres_home .wpb_wrapper {
    
    justify-content: space-between;
}
	.titre_trait h2 strong, .titre_traith1 h1 strong{
		width: 100%;
		    margin-bottom: 3px !important;
	}
	.container_salon_home1:after, .container_salon_home2 .container_infos:after, .container_salon_home3:after,.container_salon_home4:after,.container_salon_home6 .container_infos:after, .container_salon_home5:after,.container_salon_home7 .container_infos:after{
		content: none !important
	}
	
	.container_salon_home1, .container_salon_home2 , .container_salon_home3 , .container_salon_home4 , .container_salon_home5, .container_salon_home6 , .container_salon_home7{
		height: 330px !important;
		margin-top: 30px 
	}
	
	.container_info .arx_ville_home{
		font-size: 31px !important
	}
	
	.arx_date_ville_home .date1{
		font-size: 50px !important;
		width: initial !important
	}
	
	.arx_date_ville_home .date2{
		font-size: 20px !important;
		width: initial !important;
		    line-height: 20px !important;
	}
	.arx_date_ville_home{
		justify-content: center;
	}
	
	.arx_date_bouton_home a{
		padding: 15px 27px;
		font-size: 14px;
    	line-height: 17px;
	}
	
	.container_infos_bouton{
		    margin-top: -89px !important
	}
	
	.container_salon_home7:after, .container_salon_home6:after, .container_salon_home4:before , .container_salon_home3:before, .container_salon_home2:after{		
		border-top: 40px solid white;
		border-left: 40px solid transparent;		
	}
	.container_salon_home7:before, .container_salon_home6:before, .container_salon_home2:before{
		border-bottom: 40px solid white;
    	border-right: 40px solid transparent;
	}
	
	.arx_radius_article:hover {
		box-shadow: none;
	}
	
	.vc_btn3-container.arx_bouton{
		width: 100%
	}
	
	.arx_radius_article{
		box-shadow: 0px 1px 5px rgb(0 35 80 / 9%);
	}
	.titre_trait h2{
		    font-size: 44px !important;
    line-height: 52px !important;
	}
	
	.arx_contact_tabs_mobile .vc_column-inner
	{
		padding: 0px!important
	}
	.vc_tta.vc_tta-tabs.arx-tabs-contact .vc_tta-tabs-container{
		display: block !important 
	}
.vc_tta.vc_tta-tabs.arx-tabs-contact .vc_tta-panel-heading {
		display: none !important;
	}
	.arx-tabs-contact.vc_tta-style-classic:before{
		content: none
	}
	
	.arx-tabs-contact .vc_tta-tabs-list{
		display: flex
	}
	
	.arx-tabs-contact .vc_tta-panel-body{
		    border-width: 0px !important
	}
	.arx-tabs-contact .vc_tta-tabs-list{
		display: flex !important
	}
	.arx-tabs-contact .vc_tta-tabs-list li{
		width: 50% !important
	}
	.arx-tabs-contact .vc_tta-tab a {
		padding: 16px 30px !important;
		font-size: 18px !important
	}
	.arx-tabs-contact .vc_tta-tab.vc_active a{
		font-size: 18px !important
	}
	.arx-tabs-contact .vc_tta-tabs-container {
    border-radius: 0px 0px 0px 0px;
}
	.arx-tabs-contact .vc_tta-panel-body{
		padding: 0px 30px !important
	}
	.wpcf7-checkbox .wpcf7-list-item{
		text-align: left !important
	}
	#responsive-form input[type=submit]{
		font-size: 13px !important;
		padding: 20px 10px !important;
	}
	
	.footer_menus{
		    flex-wrap: nowrap !important;
		
	}
	.titre_trait h1 strong:after, .titre_trait_v2 strong:after, .titre_trait_v3 h2:after{
		margin-left: 3px !important
	}
	.footer_menus .vc_column-inner{
		padding: 0px !important
	}
	
	.footer_menus .arx_nav_footer.vertical>ul>li>a, .arx_footer_mention p{
		font-size: 15px !important
	}
	.arx_footer_droits .wpb_wrapper {
		flex-direction: column;
	}
	.arx_footer_droits p{
		text-align: center !important
	}
	.arx_footer_mention .wpb_wrapper, .arx_reseau_footer .wpb_wrapper {		
		justify-content: center;
	}
	.arx_reseau_footer .wpb_wrapper a{
		margin-right: 8px
	}
	
	.arxtabfooter .vc_tta-container{
		margin-bottom: 0px !important;
		background-color: #29AB93;
	}
	.arx_lame_entete_mobile{
		background-color: #001a3e !important
	}
	.arx_lame_entete_mobile {
 clip-path: polygon(0% 0%, 100% 0.3%, 100% 15%, 100% 85%, 100% 100%, 27% 100%, 0% 23.8%, 0% 15%);

}
	.h1pagecontenuv2 h1, .h1pagecontenu h1 , .h1pagecontenu h1 strong{
		color: #002350 !important
	}
	
	.titre_trait h2 strong:after, .titre_traith1 h1 strong:after{
		width: 110px !important
	}
	
	.arx_radius_article .sameheight2 .vc_custom_1671706385728{
		    padding-right: 15px !important;
			padding-bottom: 15px !important;
			padding-left: 15px !important;
	}
	.arx_post_title a{
		font-size: 16px !important;
		line-height: 19px !important;
	}
	.mon_projet_habitat .cf7mls-btns .cf7mls_next{
		padding: 20px 15px !important
	}
	.arx_name_categorie_display  .ss-element-item{
		padding: 8px 12px !important;
		font-size: 10px !important
	}
	
	.titre_trait h1 strong:after, .titre_trait_v2 strong:after, .titre_trait_v3 h2:after{
		width: 30px !important
	}
	
	.h2whitetrait h2{
		font-size: 32px !important
	}
	
	.arx_titre_h2 h2{
		font-size: 33px !important;
		line-height: 36px !important
	}
	.slickvilles .date1{
		    display: flex;
    align-items: center;
    justify-content: flex-end;
	}
	.slickvilles .slick-list{
	width: 100% !important
}
	
	.arx_content_concept {	
		padding: 25px 20px !important;
		box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.25) !important;
		margin-left: -8px !important;
		margin-right:  -8px !important
}
	.arx_bouton_telecharger{
		display: block !important
	}
	
	.arx_bouton_telecharger button{
		margin: auto;
		display: block !important
	}
	.h1exposer h1{
		font-size: 54px !important;
		text-align: center !important
	}
	.arx_lame_visiteur_expo{
		padding: 49px 20px !important
	}
	
	.arx_colum_proprio{
		width: 100% !important;
		    padding: 0px 0px 22px 10px;
	}
	.arx_colum_padding_expose{
		padding-left: 0px !important
	}
	
	.arx_lame_temoignage{
		margin-left: -8px !important;
		margin-right: -8px !important
	}
	
	.arx_ville_projet{
		padding: 0px !important;
		    border-radius: 0px
	}
	input[type="checkbox"] {
		margin-right: 0;
	}
	.slickavis .slick-next{
		top: 380px !important;
		right: -20px !important
	}
	input[type="checkbox"] + span:before{
		margin-right: 5px;
		height: 18px;
		width: 18px;
		font-size: 18px;
	}
	.slickavis .slick-prev{
		top: 380px !important;
		left: -20px !important
	}
	
	.arx_img_avis_aboslute {
    position: absolute;
    top: 22%;
    left: 15%;
}
	
	.arx_colum_text_personel{
		width: 70% !important
	}
	
	.arx_column_img{
		width: 30% !important
	}
	
	.arxcontactformexpo{
		border-radius: 0px 0px 20px 20px;
		clip-path: initial !important
	}
	.arxcontactformexpo:before{
		content: none !important
	}
	
	.arx_lame_form_exposer{
		margin: 0px -14px -20px !important;
	}
	
	.arxcontainerinfopratiquemobile, .arx_container_villenopadding, .arx_columns_iner_exposant{
		margin: 0px -14px !important;
	}
	.arx_container_info_pratique{
		position: inherit !important;
		width: 100% !important;
		    padding: 16px !important;
	}
	.displayflexinfo {
  flex-direction: column !important
}
	.vc_btn3-container.arx_bouton.arx_boutonville{
		width: 100%
	}
	
	.arx_lame_bouton_ville_home {
		padding: 30px 15px !important;
	}
	
	.h2petit_homepage_ville h2{
		font-size: 24px !important;
		    line-height: 29px !important;
	}
	
	.vc_btn3-container.arx_bouton a
	{
		    padding: 17px 15px !important;
	}
	
	.mobilefilterexposant{
		padding-left: 0px !important;
		padding-right: 0px !important
	}
	
	.arx_expo_columns_premium, .arx_expo_columns{
		padding: 13px 13px 13px 35px !important;
		border-radius: 0px !important;
		    box-shadow: none !important;
		
	}
	
	#el-185958752763b56a872d313.arx_mobile_exposant_grid.gusta-post-listing.ss-element .gusta-grid>.column.size-1of1{
		padding: 0px !important
	}
	.arx_stand_exposant{
		margin-right: 15px
	}
	.arx_premium_etoile {   
    	left: 19px;
		width: 18px !important
	}
	
	.arxflexexposant{
		display: flex !important
	}
	.exposant_item_inner{
		padding: 0px !important
	}
	.arxcolumn1exposant{
		width: 65% !important
	}
	
	.arxcolumn2exposant{
		width: 35% !important
	}
	
	.arx_columns_iner_exposant>.vc_column-inner{
		padding: 0px !important
	}
	
	.arx_bouton.arx_bouton_projet_ville_lame{
		width: 100% !important
	}
	
	.espace_slogan_2023 p{
		text-align: left !important;
		font-size: 26px !important;
		line-height: 31px !important;
	}
	
	.espace_slogan_2023 p strong{
		font-family: 'AzoSans' !important;
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 34px !important;
		line-height: 41px !important;
		color: #001A3E !important;
	}
	
	.espace_slogan_2023_texte 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_container_villenopadding .arx_ville_projet{
		padding-left: 30px !important;
		padding-right: 30px !important
	}
	.arx_temoignages{
		    box-shadow: none;
/*			border-radius: 0px;*/
			overflow: hidden;
	}
	.arx_border_home_ville_projet{
		clip-path: polygon(0% 0%, 77.5% 0%, 100% 6.5%, 100% 85%, 100% 100%, 14.3% 100%, 0% 100%, 0% 15%);


	}
	
	.arx_height_post .article_item_container{
		height:inherit
	}
	
	.arx_temoignages .wpb_video_wrapper{
		    background: #D9D9D9;
			border: 4px solid #FFFFFF;
			box-shadow: 4px 4px 50px rgb(0 0 0 / 15%);
			border-radius: 25px;
			overflow: hidden;
	}
	.display_flex_partenaire{
		width: 100% !important
	}
	.display_flex_partenaire>.vc_column-inner>.wpb_wrapper {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
	}
	
	.imgradio{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
		margin: 0px !important
	}
	.arxformprojethabitatdiv{
		padding: 0px !important;
		margin: 0px -8px !important
	}
	
	#responsive-form .reponseclient .imgradio label span{
		padding: 0px
	}
	.cf7mls_back.action-button{
		position: absolute;
		top: -10px;
		z-index: 1111111111111111111111;
	}
	
	.fieldset-cf7mls-wrapper{
		padding-top: 50px
	}
	
	.mon_projet_habitat .cf7mls-btns .cf7mls_next{
		width: 100%
	}
	
	.arxgridcheckbox{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
	}
	
	.arxgridcheckbox .wpcf7-list-item{
		margin: 0px !important
	}
	
	.arx_etape_chiffre .desciptionetape{
		margin-bottom: 44px !important
	}
	
	.flex_etape_chiffre>.vc_column-inner> .wpb_wrapper{
		flex-direction: column !important
	}
	
	.margin1.arx_etape_chiffre{
		margin-bottom: 20px !important
	}
	
	.margin2.arx_etape_chiffre{
		    margin-top: 105px !important;
		margin-bottom: 20px !important
	}
	
	.margin3.arx_etape_chiffre{
		    margin-top: 105px !important;
		
	}
	
	.arx_etape_chiffre .imgetape {
    	margin-left: 60px !important;
	}
	.arx_etape_chiffre .chiffre{
		text-align: center;
    	margin-left: -50px;
	}
	
	.arx_etape_chiffre .desciptionetape{
		width: 100% !important
	}
	
	.arxfilterexposantmobile .slick-slide:nth-child(1) .arx_filtre_nomenclature_button{
		border: 1px solid #29AB93 !important;	
		color: #29AB93 !important;
}

 .arxfilterexposantmobile .slick-slide:nth-child(2) .arx_filtre_nomenclature_button{
    border: 1px solid #F39038 !important;	
	color: #F39038 !important;
}
	
	.arx_load_article_charge .gusta-grid{
    display: block;
    
}

}
@media only screen and (max-width: 326px){
	.arx_chiffres_homepage p{
		font-size: 10.5px !important
	}
	.slickavis .slick-next{
/*		top: 450px !important;*/
		right: -20px !important
	}
	
	.slickavis .slick-prev{
/*		top: 450px !important;*/
		left: -20px !important
	}
	.footer_menus .arx_nav_footer.vertical>ul>li>a, .arx_footer_mention p{
		font-size: 13px !important
	}
	.arx_footer_droits img {
		margin-top: 15px;
		margin-left: 0px !important;
	}
	
	.h1pagecontenu h1 , .h1pagecontenu h1 strong{
		font-size: 34px !important
	}
	
}