@media screen and ( min-width: 782px ){
		body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
			top: 32px!important;
		}
				body.admin-bar .mobmenu-search-holder {
				top: 86px!important;
		}
}

@media screen and ( max-width: 782px ){
	body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
		top: 46px!important;
	}

	body.admin-bar .mob-menu-header-banner {
		top: 0px!important;
	}
		body.admin-bar .mobmenu-search-holder {
		top: 100px!important;
	}
	body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
		top: 54px!important;
	}

}

@media screen and ( max-width: 479px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 5%;
	}
}

@media screen and ( max-width: 782px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 10%;
	}
}


@media only screen and (min-width:5001px){
	.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
		display: none!important;
	}
}
/* Our css Custom Options values */
@media only screen and (max-width:5000px){
	.et_pb_menu {
		display:none !important;
	}
}


@media only screen and (max-width:5000px) {

			
	.mobmenur-container i {
		color: #FFF;
	}
	.mobmenul-container i {
		color: #274095;
	}
	.mobmenul-container img {
		max-height:  47px;
		float: left;
	}
	.mobmenur-container img {
		max-height:  44px;
		float: right;
	}
	.mob-expand-submenu i {
		font-size: 25px;
	}
	#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
		color: #ffffff;

	}
	.mob-cancel-button {
		font-size: 30px!important;
	}

	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}
	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
		background-color: #274095;
	}
	.mobmenu-content #mobmenuright li:hover  {
		background-color: #666 ;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}

		.mobmenu-content #mobmenuleft .sub-menu {
		background-color: #1c2f73 ;
		margin: 0;
		color: #ffffff ;
		width: 100%;
		position: initial;
		height: 100%;
	}
	.mob-menu-left-bg-holder {
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size:  cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.mob-menu-right-bg-holder { 
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size:  cover;
	}
		.mobmenu-content #mobmenuleft .sub-menu a {
		color: #ffffff ;
	}
	.mobmenu-content #mobmenuright .sub-menu  a {
		color: #fff ;
	}
	.mobmenu-content #mobmenuright .sub-menu .sub-menu {
		background-color: inherit;
	}
	.mobmenu-content #mobmenuright .sub-menu {
		background-color: #3a3a3a ;
		margin: 0;
		color: #fff ;
		position: initial;
		width: 100%;
	}
	#mobmenuleft li:hover a, #mobmenuleft li:hover i {
		color: #d80909;
	}
	#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
		color: #666 ;
	}
	#mobmenuright li a:hover {
		color: #FFF ;
	}
	.mobmenul-container {
		top: 7px;
		margin-left: 10px;
		margin-top: 0px;
		height: 54px;
		float: left;
	}
	.mobmenur-container {
		top: 10px;
		margin-right: 5px;
		margin-top: 0px;
	}
		.mob-menu-logo-holder {
		margin-top:   0px;
		text-align:   center;
		margin-left:  0;
		margin-right: 0;
		height:       54px;
			}
	.mob-menu-header-holder {
		width:  100% ;
		background-color: #ffffff ;
		height: 54px ;
		position:fixed;
	}
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
		padding-top: 54px;
	}
		.mobmenul-container, .mobmenur-container{
		position: absolute; 
	}
	.mobmenu-left-panel {
		background-color:#274095;;
		width:  400px;  
	}
	.mobmenu-right-panel {
		background-color:#F7F7F7;		width:  270px; 
	}
	.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
		background: rgba(0,0,0,0.6);
	}
	.mob-menu-slideout-top .mobmenu-overlay {
		display:none!important;
	}
	.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
		-webkit-transform: translateX(400px);
		-moz-transform: translateX(400px);
		-ms-transform: translateX(400px);
		-o-transform: translateX(400px);
		transform: translateX(400px);
	}
	.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
		-webkit-transform: translateX(-270px);
		-moz-transform: translateX(-270px);
		-ms-transform: translateX(-270px);
		-o-transform: translateX(-270px);
		transform: translateX(-270px);
	}
	.mob-menu-slideout-top .mobmenu-panel {
		width:  100%;
		height: 100%;
		z-index: 1;
		position: fixed;
		left: 0px;
		top: 0px;
		max-height: 100%;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 300000;
	}
	.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
		overflow: hidden;
	}
	.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
		z-index: 300000;
	}
	/* Hides everything pushed outside of it */
	.mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
		position: fixed;
		top: 0;
		height: 100%;
		overflow-y: auto;
		overflow-x: auto;
		z-index: 10000;
		opacity: 1;
	}
	/*End of Mobmenu Slide Over */
	.mobmenu .headertext { 
		color: #274095 ;
		text-decoration: none;
	}
	.headertext span {
		position: initial;
		line-height: 54px;
	}
	.mobmenu-search-holder {
		top: 54px;
	}
	/*Premium options  */
	
	/* Mobile Menu Frontend CSS Style*/
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
		overflow-x: hidden;
	}
	
	.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
		padding-left: 6%;
		padding-right: 6%;
	}
	.mobmenu-content li > .sub-menu li {
		padding-left: calc(6*1%);
	}

	.mobmenu-right-panel li, .rightmbottom, .rightmtop{
		padding-left: 10%;
		padding-right: 10%;
	}
	.mobmenul-container i {
		line-height: 40px;
		font-size: 40px;
		float: left;
	}
	.left-menu-icon-text {
		float: left;
		line-height: 40px;
		color: #222;
	}
	.mobmenu-left-panel .mobmenu-display-name {
		color: #ffffff;
	}
	.right-menu-icon-text {
		float: right;
		line-height: 30px;
		color: #222;
	}
	.mobmenur-container i {
		line-height: 30px;
		font-size: 30px;
		float: right;
	}
	.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
		display: none!important;
	}
	
	.mob-standard-logo {
		display: inline-block;
		height: auto; max-height:54px;	}
	.mob-retina-logo {
		height: auto; max-height:54px;	}
	.mobmenu-content #mobmenuleft > li > a:hover {
		background-color: #274095;
	}

	.mobmenu-content #mobmenuright > li > a:hover {
		background-color: #666;
	}
	.mobmenu-left-panel .mob-cancel-button {
		color: #ffffff;
	}
	.mobmenu-right-panel .mob-cancel-button {
		color: #666;
	}	
	
}


.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
	font-family:Dosis;
	font-size:20px;
	font-weight:inherit;
	font-style:normal;
	letter-spacing:normal;
	text-transform:none;
}

.left-menu-icon-text {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

.right-menu-icon-text {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
	font-family:Dosis;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}


/* Barre du haut : look du menu desktop (blanc, bordure bleue, ombre) */
.mob-menu-header-holder{left:50%!important;right:auto!important;transform:translateX(-50%);width:90%!important;max-width:1106px;margin-top:18px;background:#fff!important;border:2px solid #274095;box-shadow:6px 6px 0 0 rgba(0,0,0,.75)!important}
.mob-menu-header-holder .mob-menu-logo-holder,.mob-menu-header-holder .mob-menu-logo-holder a,.mob-menu-header-holder .headertext,.mob-menu-header-holder .headertext span{font-family:'Raleway',sans-serif!important;font-weight:700!important;text-transform:uppercase;color:#274095!important}
/* Marge à droite du bouton fermer (comme ap-media.fr) */
.mobmenu-left-panel > a.mobmenu-left-bt{right:20px!important}
/* Panneau : texte agrandi */
.mobmenu-left-panel .mobmenu-content{padding-top:215px!important;padding-bottom:150px!important}
.mobmenu-left-panel .mobmenu-content li a,.mobmenu-left-panel .mobmenu-content li a:visited{font-family:'Anton',sans-serif!important;font-size:26px!important;line-height:1.7em!important;letter-spacing:.03em;text-transform:uppercase!important;color:#fff!important}
.mobmenu-left-panel .mobmenu-content .sub-menu li a{font-size:20px!important}
/* Panneau : logo du salon + titre en haut, logo AP Média cliquable en bas (éléments ajoutés par le script) */
.mobmenu-left-panel .mobmenu-content{display:flex!important;flex-direction:column;min-height:calc(100% - 45px);box-sizing:border-box;padding-top:200px!important;padding-bottom:36px!important}
.smed-mm-top{position:absolute;top:20px;left:0;right:0;text-align:center;padding:0 24px;z-index:2}
.smed-mm-logo{display:block}
.smed-mm-logo img{display:block;width:120px;height:auto;margin:0 auto 10px}
.smed-mm-title{display:block;font-family:'Anton',sans-serif;font-size:18px;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;color:#fff!important;text-decoration:none}
.smed-mm-ap{display:block;width:160px;margin:auto auto 0;padding-top:24px}
.smed-mm-ap img{display:block;width:100%;height:auto;}
/* Barre du haut : titre entier du site */
.mob-menu-header-holder .mob-menu-logo-holder{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;display:flex!important;align-items:center;justify-content:center;width:auto!important;max-width:none!important;margin:0!important;padding:0 76px!important;box-sizing:border-box;text-align:center;pointer-events:none}.mob-menu-header-holder .mob-menu-logo-holder a,.mob-menu-header-holder .mob-menu-logo-holder .headertext{pointer-events:auto;text-align:center!important}
.mob-menu-header-holder .mob-menu-logo-holder .headertext,.mob-menu-header-holder .mob-menu-logo-holder .headertext span,.mob-menu-header-holder .mob-menu-logo-holder a{display:block;white-space:normal!important;line-height:1.2!important;font-size:clamp(11px,1.3vw,16px)!important;text-align:center}

/* Barre du haut mobile */
@media (max-width:600px){.mob-menu-header-holder .mob-menu-logo-holder{padding:0 60px!important}.mob-menu-header-holder .mob-menu-logo-holder .headertext,.mob-menu-header-holder .mob-menu-logo-holder .headertext span,.mob-menu-header-holder .mob-menu-logo-holder a{font-size:10.5px!important;line-height:1.18!important}}

/* === FORMAT AP MEDIA : icones collantes (myStickyElements) et retour en haut === */
.mystickyelements-fixed li.mystickyelements-social-icon{width:60px!important;height:60px!important;background:#d80909!important;border-radius:0!important;box-shadow:inset 0 .5px 0 #fff,inset .5px 0 0 #fff,inset -.5px 0 0 #fff!important;transition:background .2s ease}
.mystickyelements-fixed li.mystickyelements-social-icon a{display:flex!important;align-items:center;justify-content:center;width:60px!important;height:60px!important;line-height:60px!important}
.mystickyelements-fixed li.mystickyelements-social-icon i{font-size:20px!important;line-height:60px!important;color:#fff!important}
.mystickyelements-fixed li.mystickyelements-social-icon:hover{background:#274095!important}
.et_pb_scroll_top{right:0!important;bottom:20px!important;width:60px!important;height:60px!important;line-height:60px!important;background:#d80909!important;border:0!important;border-radius:0!important;box-shadow:inset 0 0 0 .5px #fff!important;transition:background .2s ease}
.et_pb_scroll_top:before{font-size:20px!important;line-height:60px!important;color:#fff!important}
.et_pb_scroll_top:hover{background:#274095!important}
/* === Icones reseaux sociaux du pied de page aux couleurs du site, sans X === */
.et-l--footer .et_pb_social_media_follow li a.icon{background-color:#274095!important;border-radius:0!important;transition:background .2s ease}
.et-l--footer .et_pb_social_media_follow li a.icon:before{color:#fff!important}
.et-l--footer .et_pb_social_media_follow li a.icon:hover{background-color:#d80909!important}
.et-l--footer .et_pb_social_media_follow li.et-social-twitter,.et-l--footer .et_pb_social_media_follow li.et-social-x{display:none!important}

/* === RETOUR EN HAUT CENTRE + liens reseaux du panneau === */
.et_pb_scroll_top{display:block;text-align:center!important;overflow:hidden}
.et_pb_scroll_top:before{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;line-height:1!important;font-size:22px!important;width:auto!important;height:auto!important}

/* Ligne « Les réseaux du salon » (comme un lien du menu) */
.smed-mm-social{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0 20px 0 17px}
.smed-mm-social .smed-mm-sl{font-family:'Anton',sans-serif;font-size:26px;line-height:1.7em;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.smed-mm-social .smed-mm-icons{display:flex;gap:10px}
.smed-mm-social .smed-mm-icons a{width:38px;height:38px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}
.smed-mm-social .smed-mm-icons a:hover{background:#d80909;border-color:#d80909}
.smed-mm-social svg{width:18px;height:18px;fill:#fff;stroke:none}
/* Pas de bande blanche sous la barre : le header commence en haut de page */
body{padding-top:0!important}

/* reglage-tablette-mobile : panneau plus compact pour que le logo AP Media reste visible */
.mobmenu-left-panel .mobmenu-content{padding-top:178px!important}
.smed-mm-top{top:14px}
.smed-mm-logo img{width:96px;margin-bottom:6px}
.smed-mm-title{font-size:16px}
.smed-mm-social{margin-top:6px}
.smed-mm-ap{padding-top:18px}

/* Bloc AP Média : « Un évènement » + logo + signature (tous appareils) */
.smed-mm-ap-kicker{display:block;margin:auto auto 0;padding-top:20px;text-align:center;font-family:'Raleway',sans-serif;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.mobmenu-left-panel .smed-mm-ap{margin:8px auto 0!important;padding-top:0!important}
.smed-mm-ap-tag{display:block;margin-top:10px;text-align:center;font-family:'Raleway',sans-serif;font-weight:600;font-size:14px;line-height:1.4;color:#fff}
@media (max-width:420px){.smed-mm-ap-kicker{font-size:12px;letter-spacing:.12em;padding-top:14px}.smed-mm-ap-tag{font-size:12.5px;margin-top:6px}}
/* Ordinateur : entrées du menu un peu plus petites, titre du salon un peu plus grand */
@media (min-width:981px){.mobmenu-left-panel .mobmenu-content li a,.mobmenu-left-panel .mobmenu-content li a:visited{font-size:23px!important}.smed-mm-social .smed-mm-sl{font-size:23px}.smed-mm-title{font-size:20px!important;line-height:1.25}}

/* ecrans-bas : panneau plus compact sur les ecrans de faible hauteur pour garder le bloc AP Media accessible */
@media (max-height:860px){.mobmenu-left-panel .mobmenu-content{padding-top:150px!important}.smed-mm-logo img{width:78px;margin-bottom:4px}.smed-mm-title{font-size:15px!important}.mobmenu-left-panel .mobmenu-content li a,.mobmenu-left-panel .mobmenu-content li a:visited{line-height:1.45em!important}.smed-mm-social .smed-mm-sl{line-height:1.45em}.smed-mm-ap-kicker{padding-top:12px}.smed-mm-ap{width:132px!important}}

/* survol-texte-rouge : au survol, pas de fond rouge, uniquement le texte en rouge */
.mobmenu-left-panel .mobmenu-content li:hover,.mobmenu-left-panel .mobmenu-content li:hover>a,.mobmenu-left-panel .mobmenu-content li a:hover,.mobmenu-left-panel .mobmenu-content li a:focus,.mobmenu-left-panel .mobmenu-content li.current-menu-item>a,.mobmenu-left-panel .mobmenu-content .menu-item:hover,.mobmenu-left-panel .mobmenu-content .menu-item:hover>a{background:transparent!important;background-color:transparent!important}
.mobmenu-left-panel .mobmenu-content li:hover>a,.mobmenu-left-panel .mobmenu-content li a:hover,.mobmenu-left-panel .mobmenu-content li a:focus,.mobmenu-left-panel .mobmenu-content li:hover>.mobmenu-sub-menu-arrow-wrap{color:#d80909!important}
.mobmenu-left-panel .mobmenu-content li a,.mobmenu-left-panel .mobmenu-content li a:visited{transition:color .2s ease}
.mobmenu-left-panel .mobmenu-content li:hover .mob-expand-submenu i,.mobmenu-left-panel .mobmenu-content li:hover .mob-expand-submenu{color:#d80909!important}
.smed-mm-social .smed-mm-sl:hover{color:#d80909}
.smed-mm-social .smed-mm-icons a:hover{background:transparent!important;border-color:#d80909!important}
.smed-mm-social .smed-mm-icons a:hover svg{fill:#d80909}

/* marges-bloc-ap : texte, logo et signature AP Media plus serres */
.smed-mm-ap-kicker{margin:auto auto -4px!important;padding-top:14px!important}
.mobmenu-left-panel .smed-mm-ap{margin:0 auto!important}
.smed-mm-ap-tag{margin-top:-4px!important}

/* bouton-fermer-ajuste : croix de fermeture un peu plus bas et plus pres du bord droit */
.mobmenu-left-panel > a.mobmenu-left-bt{top:20px!important;right:14px!important}
.smed-mm-social .smed-mm-sl{white-space:nowrap}

/* logo-ap-couleur : logo AP Media en couleurs dans le panneau */
.smed-mm-ap img{filter:none!important}

/* croix-rouge-ombre-barre : croix de fermeture rouge au survol, panneau avec ombre decalee, barre du haut visible seulement apres le header sur ordinateur */
.mobmenu-left-panel .mobmenu-left-bt i{transition:color .2s ease}
.mobmenu-left-panel .mobmenu-left-bt:hover,.mobmenu-left-panel .mobmenu-left-bt:hover i,.mobmenu-left-panel .mobmenu-left-bt:focus i{color:#d80909!important}
.mobmenu-left-panel{box-shadow:none!important}
body.show-nav-left .mobmenu-left-panel,body.mob-menu-slideout.show-nav-left .mobmenu-left-panel{box-shadow:none!important}
.show-nav-left .mobmenu-left-panel,.mobmenu-left-panel.mobmenu-panel-opened{box-shadow:6px 6px 0 0 rgba(0,0,0,.75)!important}
@media (min-width:981px){.mob-menu-header-holder{margin-top:-160px!important;opacity:0;pointer-events:none;transition:margin-top .35s ease,opacity .35s ease}
body.smed-bar-on .mob-menu-header-holder{margin-top:18px!important;opacity:1;pointer-events:auto}}

/* ombre-panneau-ouvert : ombre decalee visible seulement quand le panneau est ouvert (plus de trait sombre au bord quand il est ferme) */
body.mob-menu-slideout.show-nav-left .mobmenu-left-panel.show-panel,body.show-nav-left .mobmenu-left-panel.show-panel{box-shadow:6px 6px 0 0 rgba(0,0,0,.75)!important}

/* reseaux-mobile-deux-lignes : sur petit ecran le panneau tient dans l'ecran, le titre des reseaux passe sur deux lignes et les icones ne touchent plus le bord droit */
@media (max-width:600px){.mobmenu-left-panel{width:88vw!important;max-width:400px!important}
.mobmenu-left-panel .smed-mm-social{padding-right:26px!important;justify-content:space-between;align-items:center;gap:12px}
.mobmenu-left-panel .smed-mm-social .smed-mm-sl{white-space:normal!important;line-height:1.05!important;font-size:24px!important;max-width:58%}
.mobmenu-left-panel .smed-mm-icons{flex:0 0 auto}}

/* saut de ligne apres "Le salon" visible seulement sur petit ecran */
.smed-mm-br{display:none}
@media (max-width:600px){.smed-mm-br{display:inline}.mobmenu-left-panel .smed-mm-social .smed-mm-sl{max-width:none!important;font-size:23px!important}}

/* titre-mobile-reglages : mobile = titre de la barre du haut plus grand et centre, titre du panneau de gauche sur 2 lignes */
.smed-mm-br3{display:inline}
@media (max-width:600px){.smed-mm-br3{display:none}
body .mobmenu-left-panel .smed-mm-title{font-size:clamp(12px,3.9vw,16px)!important;line-height:1.25!important;letter-spacing:0.1px!important;hyphens:none!important;-webkit-hyphens:none!important}
body .mobmenu-left-panel .smed-mm-top{padding-left:10px!important;padding-right:10px!important}
.mob-menu-header-holder .mob-menu-logo-holder a.headertext,.mob-menu-header-holder .mob-menu-logo-holder a.headertext span{font-size:12.5px!important;line-height:1.15!important;text-align:center!important}
.mob-menu-header-holder .mob-menu-logo-holder{padding:0 10px 0 76px!important}
.mob-menu-header-holder .mob-menu-logo-holder{justify-content:center!important;align-items:center!important;text-align:center!important}}

/* liens-menu-mobile-plus-haut : sur petit ecran les liens du panneau de gauche remontent sous le titre */
@media (max-width:600px){.mobmenu-left-panel .mobmenu-content{padding-top:104px!important}}

/* liens-menu-mobile-moins-gros : liens du panneau un peu plus petits sur petit ecran (26 px -> 22 px, sous-menus 20 px -> 17 px) */
@media (max-width:600px){body .mobmenu-left-panel .mobmenu-content .wp-mobile-menu li.menu-item>a,body .mobmenu-left-panel .mobmenu-content .wp-mobile-menu li.menu-item>a:visited{font-size:22px!important;line-height:1.3!important}body .mobmenu-left-panel .mobmenu-content .wp-mobile-menu .sub-menu li.menu-item>a{font-size:17px!important}}

/* espace-reseaux-mobile : un peu d'air entre le dernier lien et le titre des reseaux */
@media (max-width:600px){body .mobmenu-left-panel .smed-mm-social{margin-top:38px!important}}

/* reseaux-label-moins-gros : meme reduction que les liens (26 -> 22 px, soit environ 15 %) : 23 -> 19.5 px */
@media (max-width:600px){body .mobmenu-left-panel .smed-mm-social .smed-mm-sl{font-size:19.5px!important;line-height:1.1!important}}

/* barre-flottante-sous-header : sur ordinateur la barre est visible des le bas du header, avec une marge haute reduite (18 -> 10 px) */
@media (min-width:981px){body.smed-bar-on .mob-menu-header-holder{margin-top:10px!important;opacity:1!important;visibility:visible!important}}

/* reseaux-aligne-gauche : le texte "Le salon sur les reseaux" commence au meme x que les titres du menu (20 px) */
body .mobmenu-left-panel .smed-mm-social{padding-left:20px!important}

/* reseaux-interligne-exact : le titre "Sur les reseaux" est a 49 px sous "Contact", comme l'ecart entre deux titres du menu */
@media (max-width:600px){body .mobmenu-left-panel .smed-mm-social{margin-top:6px!important}}

/* logo-menu-gauche-desktop : sur ordinateur, le logo du salon dans le menu de gauche passe de 96 a 120 px ; les liens descendent d'autant */
@media (min-width:981px){body .mobmenu-left-panel .smed-mm-logo img{width:120px!important;height:auto!important}body .mobmenu-left-panel .mobmenu-content{padding-top:174px!important}}