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

	nav.menu-gauche {
		left: 10px;
	}

}
@media screen and (max-width: 1024px) {

	nav.menu-gauche {
		left: 10px;
	}

}
@media screen and (max-width: 575px) {

	nav.menu-gauche {
		opacity: 0;
	    bottom: 0;
	    top: inherit;
	    left: inherit;
	    right: 0;
	    width: 0%;
	    height: 0%;
	    overflow: hidden;
	    background-color: rgba(0, 0, 0, 0.95);
	    transition: all 0.3s;
	}
	nav.menu-gauche.ouvert {
		opacity: 1;
	    right: 0;
	    left: inherit;
	    top: inherit;
	    width: 100%;
	    height: 60%;
	    overflow-y: auto;
	}
	.menu-gauche li span {
	    opacity: 1; 
	    left: auto;
	    padding: 5px 12px;
	    border-radius: 4px;
	     position: relative; 
	    display: inline-block;
	    top:  auto;
	    color: white;
	    width: 220px;
	    height: 72px;
    	line-height: 72px;
    	overflow: inherit;
    	background-color: rgba(0, 0, 0, 0);
    	text-align: left;
	    transition: 0.3s all;
	}
	.menu-gauche li a.link:hover span {
		left: auto;
	}
	.ouvre_menu {
		z-index: 2001;
		display: block;
		color: white;
	}
	.ouvre_menu:hover {
		color: white;
	}

}


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

	#chat, #emission {
		display: none;
	}
	#contenu, #contenu.videos, #contenu.planning {
		width: 96%;
	}
	.nav_site {
	    width: calc(100% - 402px);
	}
	.espace_logo {
		width: 102px;
	}
	.nom-logo-ludisphere {
		display: none;
	}
	#lecteur-youtube {
		width: 100%;
	}
	a.link.membre {
	    width: 299px;
	}

}


@media screen and (max-width: 991px) {
	.espace_btn_player {
    	flex-direction: column;
	}
}
@media screen and (max-width: 780px) {
	.no-mobile {
		display: none;
	}
	.mobile-settings-button {
		display: flex;
	}
	.site-settings-layout {
		grid-template-columns: 1fr;
	}
	.site-settings-profile-preview {
		padding: 20px;
	}
	.site-settings-profile-column {
		position: static;
	}
	.site-settings-profile-preview img {
		width: 76px;
		height: 76px;
	}
	.site-settings-profile-preview > small {
		margin-top: 12px;
	}
}
@media screen and (max-width: 768px) {
	.notifications-dropdown {
		left: auto;
	}
}
@media screen and (max-width: 740px) {
	.site-settings-modal .modal-dialog {
		margin: 12px;
	}
	.site-settings-modal .modal-footer {
		flex-wrap: nowrap;
	}
	.site-settings-modal .modal-footer .btn {
		width: auto;
		margin-bottom: 0;
	}
	.site-settings-option {
		gap: 14px;
		padding: 15px;
	}
	.site-current-title-setting {
		grid-template-columns: 42px minmax(0, 1fr);
	}
	.site-title-picker-open {
		grid-column: 1 / -1;
		width: 100%;
	}
	.site-title-picker {
		padding: 10px;
	}
	.site-title-picker-header {
		padding: 16px;
	}
	.site-title-picker-body {
		padding: 14px 16px 16px;
	}
	.site-service-card {
		grid-template-columns: 48px minmax(0, 1fr);
	}
	.site-service-actions {
		grid-column: 1 / -1;
		width: 100%;
	}
	.site-patreon-connect,
	.site-twitch-subscribe,
	.site-twitch-status,
	.site-twitch-refresh {
		flex: 1;
	}
	.site-title-choices {
		grid-template-columns: 1fr;
		max-height: none;
	}
	.site-settings-modal .modal-body {
		padding: 16px;
	}
	.site-settings-section {
		padding: 16px;
	}

	#contenu {
		width: 93%;
	}
	.live {
		display: none;
	}
	.nav_site {
	    width: calc(100% - 210px);
	}
	.nav_membre {
	    width: 78px;
	}
	.btn {
	    display: inline-block;
	    margin: 0;
	    padding: 8px;
	    /*height: 56px;*/
	    /*line-height: 56px;*/
	    text-decoration: none;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 3px;
	}
	a.link.membre {
	    width: 107px;
	    border-left: 1px solid #4b18be;
	    cursor: pointer;
	    font-size: 1.45em;
	}
	.openCloseMenuMembre {
		right: 20px;
	}
	#menu-membre-header.close .openCloseMenuMembre {
    	right: 5px;
	}
}

@media screen and (max-width: 368px) {
	.notifications-dropdown {
		left: calc(50% - 118px);
	}
}