@media (max-width:1200px) {

	* {
		max-width: 100% !important;
	}

	.mobile {
		display: block !important;
	}	

	#wrapper_header {
		height: auto !important;
		padding: 0 !important;
		min-height: 80px !important;
	}
	#wrapper_width_header {
		width: 100%;
		height: auto;
		padding: 10px 0;
		text-align: left;
	}

	#wrapper_width_header a.logo-site {
		display: block;
		margin: 0 auto;
		left: auto;
		padding-left: 10px;
		width: 200px !important;
		padding-top: 15px;
	}

	#wrapper_width_header a.logo {
		height: 50px;
		top: auto;
		display: inline-block;
	}
	#wrapper_width_header a.logo img {
		height: 90%;
		margin: auto;
		margin-right: 8px;
	}
	#wrapper_width_header  a.logo-harley {
		display: none;
	}

	#wrapper_width_header a.logo span.name-site {
		display: inline-block;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		font-size: 16px !important;
		line-height: 20px;
	}

	#wrapper_width_header .logo-harley,
	#wrapper_width_header .social-links {
		display: none;
	}

	#wrapper_header_menu {
		display: none;
		clear: both;
		padding: 20px 0;
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		right: auto;
		margin: 0;
		height: auto;
	}
	#wrapper_header_menu a {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}


	#wrapper_width_header .triger-menu-mobile {
		display: block;
		float: right;
		margin-right: 20px;
		color: #444;
		font-size: 25px;
		margin-top: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		z-index: 999999999999999999;
	}
	#wrapper_width_header .triger-menu-mobile:active,
	#wrapper_width_header .triger-menu-mobile:focus {
		background: #ddd;
		border-radius: 50%;
	}


	#footer .row>div {
		text-align: center !important;
		margin: 5px 0;
		padding: 0 !important;
		height: auto !important;
		border-bottom: 1px solid #111;
	}

	#wrapper_header_menu span.submenu {
		display: none;
	}
	#wrapper_header_menu a:hover span.submenu {
		display: none;
	}



	#formRegenerate {
		padding: 5px 10px;
	}
	#formRegenerate .form-group {
		margin: 5px auto !important;
	}


	/* Home */

    #page_accueil #page_content {
    	padding: 0 !important;
    }

	#page_accueil .bloc_wrapper {
		height: auto !important;
	}
	#page_accueil .b1 {
		height: 300px !important;
		width: 100% !important;
	}
	#page_accueil .divide-bar {
		padding: 10px !important;

	}
	#page_accueil .bloc-text .bloc-text-titre {
		font-size: 30px !important;
	}
	#page_accueil .bloc_wrapper_50 {
		height: auto !important;
	}
	#page_accueil .bloc_50 {
		background-size: 100% !important;
		width: 100% !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		height: 300px !important;
	}
	#page_accueil .bloc_title {
		right: 50px !important;
		bottom: 50px !important;
		font-size: 30px !important;
	}

	#page_content {
		padding: 10px 15px !important;
		min-height: 400px !important;
	}





	/* Events */
	.list-event a {
		height: auto !important;
		border-bottom: 1px solid orange;
		margin: 10px 0;
	}
	.list-event a div {
		line-height: 30px !important;
		height: auto !important;
	}
	.list-event a div.date {
		width: 100% !important;
		text-align: left;
		height: auto !important;
	}	
	.list-event a div.date span {
		display: inline !important;
		margin-right: 8px;
	}
	.list-event a div.title {
		padding-left: 0 !important;
		margin-left: 0;
		font-size: 12px;
	}
	.list-event .nb_users {
		display: inline;
	}




	/* Login */
	.login-div {
		padding: 5px !important;
	}
	.login-form {
		width: 100% !important;
	}	



}