#navbar 					{ overflow: hidden; background-color: #FFFFFF; min-height: 45px; width: 100%; position: fixed; margin-top: 0; border-bottom: 2px solid #f2f2f2; z-index:20; border: 0px solid #000;}
	#navbar input {padding:7px;  border-radius:5px; border:1px solid #A4A4A4;font-size:.9em;}
	.logo_phrase 			{float: left; display: block; color: #a0a0a0; margin-top: 15px;}
	.navbar_menu_picto 			{ width: 25px; cursor: pointer; float: left; padding: 10px; }
	#header_baseline 			{ display:block; float: left; width:150px;  padding: 10px; border: solid 0px red; font-size: 0.75rem; margin-top: 5px; }
	#navbar_right 				{ float: right; overflow:hidden; border: 0px solid #000;}
	#navbar_right img 			{ width: 25px;  cursor: pointer; float: left; padding: 10px; }
	#navbar_right div 			{ cursor: pointer; float: left; padding: 0px; }
	.sidenav 					{ height: 100%; width: 160px; position: fixed; z-index: 19; top: 0; left: 0; overflow-x: hidden; padding-top: 40px; background-color: #F0F0F0; }
	.sidenav .closebtn 			{ position: absolute; top: 20px; right: 0px; padding-top: 40px; font-size: 1.15rem; color: #A0A0A0; }
	.sidenav hr 					{ width: 90%; color: #ececec; margin:0; margin: 4px auto; border: solid 1px #ececec; }
	.sidenav a 					{ padding: 10px 8px 3px 15px;	text-decoration: none;	font-size: 0.8rem;	display: block;	color: #111; }
	.sidenav_user_pannel 		{ overflow: hidden; margin: -10px auto 10px; padding: 0; border-bottom: solid 0px grey;  text-align:left; }
	.sidenav_user_pannel a 		{ padding: 5px;	font-size: 0.7rem; color: #111; }
	.sidenav_user_pannel_deco 	{ vertical-align: middle; margin-right: 10px; height: 25px; }
	.sidenav_liste 				{ border-bottom: 0px #ececec solid; }	
	.sidenav_liste img 			{ vertical-align: middle; margin-right: 15px; height: 18px; }	
	.sidenav_liste:hover 		{ background: #ececec; }	

	
	.header_search {display: block; border: solid 0px black;}
	.header_search  input{margin-top: 10px;  padding:10px;  border-radius:5px; border:1px solid #A4A4A4;font-size:.9em;}
	
	
	.swiper-container { width: 100%; height: 100%; }
    .swiper-slide { text-align: center; width: 80%; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
	
 	.swiper1 {display: block;}
	.swiper1switch {display: none;}
	
    .swiper-slide2 {font-size: 0.9rem;}
	.swiper-slide2:nth-child(1n) {width: 20%;}
 	.swiper-button-next2, .swiper-button-prev2 {color:  #A0A0A0;}

    .swiper-slide3 {font-size: 14px;}
	.swiper-slide3:nth-child(1n) {width: 30%;}
 	.swiper-button-next3, .swiper-button-prev3 {color:  #A0A0A0;}	

    .swiper-slide4 {font-size: 14px;}
	.swiper-slide4:nth-child(1n) {width: 30%;}
 	.swiper-button-next4, .swiper-button-prev4 {color:  #A0A0A0;}
	
	
	.accueil_titre_partie {font-size: 0.85rem; font-weight: bold;}
	.accueil_detail_partie {color: #A0A0A0; font-size: 0.7rem;}
	.conteneur_partie {border-bottom: solid 1px #FFFFFF; margin: 10px 0 35px 0;}
	
	.conteneur_central {overflow: hidden; border: dashed 0px grey;  width: 1000px; margin: 0 auto;}
	
	.wall_cadre_a 		{margin:10px; display: inline-block; overflow:hidden; text-align:left; border: solid 1px #D8D8D8; width:300px; vertical-align:middle; background:#FFF; }
	.wall_picto_online 	{width:12px; height: 12px; position: absolute; margin-top: 33px; margin-left: 33px;}
	.wall_localisation_pro {color: grey; font-size:0.7em; display: block; }
	.wall_read_more 		{font-size:.8em; font-weight: 600;}
	.bouton_plus {border: solid 1px #FFFFFF; padding: 5px; display:block; width: 35px; margin: 10px 0; color: #A0A0A0; text-decoration: none; font-size: 0.7rem; font-weight: bold; text-align: center;}
	
	.wall_conteneur_classement {border: solid 0px blue; float: left; width: 175px; margin: 5px; background: #FFF;}
	.wall_nom_voyant_classement {margin:0; text-align:center;  line-height:22px; display: block; font-weight: bold; margin-bottom: 5px; }
	.wall_note_voyant_classement {display:block; margin-top: 5px; font-size: 0.7rem; color: #A0A0A0;}
	
	#bottom_bar_mob	{display:none; }
	#bottom_bar_mob	a{color: #A0A0A0;}

	
	
		
	@media screen and (max-width: 1350px) {	
		.sidenav					{display:none;}
	}
	
		
		
		
	@media screen and (max-width: 1024px) and  (min-width: 768px){	/* On screens that are 1024px wide or less */
	#navbar 			{ width: 100%; }
	.navbar_menu_picto 	{ width: 25px; }
	#header_baseline 	{ display:none; }
	#navbar_right img 	{ width: 25px; }	
	.sidenav 			{ padding-top: 15px; width: 100%;}
	.sidenav .closebtn 	{position: absolute; top: 15px; right: 0px; padding-top: 45px; font-size: 2.5rem; color: #A0A0A0;}
	.sidenav a 					{ padding: 12px 8px 10px 32px; font-size: 0.9rem; }
	.sidenav_logo 				{ overflow: hidden; margin-top: 0px;  background: purple; }
	.sidenav_user_pannel 		{ overflow: hidden; margin: 20px auto; padding: 0; border: solid 0px black; text-align:center; }
	.sidenav_user_pannel a 		{ padding: 10px; font-size: 1rem; }
	.sidenav_user_pannel_deco 	{ vertical-align: middle; margin-right: 10px; height: 25px; }
	.sidenav_liste 				{ border-bottom: px #ececec solid; }	
	.sidenav_liste img 			{ vertical-align: middle; margin-right: 10px; height: 25px;	}	
	
	/*.search_anime_desk {display : block; width:400px; margin:5px 0 0 50px; float:left; padding: 5px; border: solid 1px #A0A0A0;}		*/
	
	.swiper-container 			{ width: 100%;}
	.conteneur_central			{ width: 100%;}
	
 	.swiper1 {display: none;}
	.swiper1switch {display: block;}	
	
	.swiper-slide2:nth-child(1n) {width: 20%;}
	.swiper-button-next2, .swiper-button-prev2 {display: none;}
	.swiper-slide3:nth-child(1n) {width: 35%;}
	.swiper-button-next3, .swiper-button-prev3 {display: none;}	
	.swiper-slide4:nth-child(1n) {width: 35%;}
	.swiper-button-next4, .swiper-button-prev4 {display: none;}			
	} 

	
	
	
	@media screen and (max-width: 767px) {	/* On screens that are 1024px wide or less */
	.accueil_titre_partie {margin-left: 5px;}
	#navbar 			{ width: 100%; }
	.navbar_menu_picto 	{ width: 25px; }
	#header_baseline 	{ display:none; }
	#navbar_right img 	{ width: 25px; }	
	.sidenav 			{ padding-top: 15px; width: 100%;}
	.sidenav .closebtn 	{position: absolute; top: 10px; right: 0px; padding-top: 45px; font-size: 2.5rem; color: #A0A0A0;}
	.sidenav a 					{ padding: 12px 8px 10px 32px; font-size: 0.9rem; }
	.sidenav_logo 				{ overflow: hidden; margin-top: 0px;  background: purple; }
	.sidenav_user_pannel 		{ overflow: hidden; margin: 20px auto; padding: 0; border: solid 0px black; text-align:center; }
	.sidenav_user_pannel a 		{ padding: 10px; font-size: 1rem; }
	.sidenav_user_pannel_deco 	{ vertical-align: middle; margin-right: 10px; height: 25px; }
	.sidenav_liste 				{ border-bottom: px #ececec solid; }	
	.sidenav_liste img 			{ vertical-align: middle; margin-right: 10px; height: 25px;	}	
	
	.conteneur_central			{ width: 100%;}
	
 	.swiper1 {display: none;}
	.swiper1switch {display: block;}
	
	.swiper-slide2:nth-child(1n) {width: 30%;}	
	.swiper-button-next2, .swiper-button-prev2 {display: none;}

	.swiper-slide3:nth-child(1n) {width: 90%;}	
	.swiper-button-next3, .swiper-button-prev3 {display: none;}	

	.swiper-slide4:nth-child(1n) {width: 90%;}	
	.swiper-button-next4, .swiper-button-prev4 {display: none;}	
	
	.header_search {display: none; }
	.header_search  input{width: 95%;}
	
	#bottom_bar_mob	{display:block; overflow: hidden; background-color: #DDD; width: 100%; height:37px; position: fixed;	bottom: 0;	z-index: 1; color: #A0A0A0;}
	#bottom_bar_mob div {width: 25%; overflow:hidden; float: left; text-align:center; font-size: 0.6rem;}
	#bottom_bar_mob div img {width: 15px; margin: 4px 0 2px 0;}
	#bottom_bar_mob .active {background: #FFF; border-top: solid 2px purple;}
	}