#btn_responsive{
	display: none;
	font-size:22px;
	color:#333;
	padding:10px 20px;
	float:right;
	margin-top:35px;
	cursor: pointer;
	margin-right:20px;
}
#menu_responsive{
	display: none;
	width:100%;
	background: #333;
	position: absolute;
	top:160px;
	left:0px;
	padding-bottom:50px;
	z-index: 10
}
#menu_responsive ul,#menu_responsive ul li{
	margin:0px;
	list-style: none;
}

ul#menu_responsive li a{
	display: block;
	padding:15px 25px;
	text-transform: uppercase;
	font-size:1.2em;
	color:#fff;
}

/* bootstrap xs */
@media screen and (max-width: 768px) {
	#espace-membre{
		left:0px;
		width:100%;
	}	
	#detail-commercant .description,
	#detail-commercant .coordonnees{
		height:auto !important;
		min-height: inherit;
	}
	#nav-onglets li{
		display: block;
		padding:15px 0px;
	}
	#actualites_detail #detail-commercant{
		height:auto !important;
	}
	#btn_responsive{
		margin-top: 30px;
		font-size: 40px;
	}
}

/* bootstrap sm */
@media screen and (max-width: 991px) {
	#newsletters-bottom{
		margin:40px 20px;
	}
	#nav-onglets li a{
		font-size: 1em;
	}
	
	
}


@media screen and (max-width: 980px) {
	header#header #navigationprincipale ul#menu-principale{
		top:15px;
	}
	header#header #navigationprincipale ul#menu-principale li.logo{
		width:150px;
		text-align: center;
	}
	header#header #navigationprincipale ul#menu-principale li.logo img{
		width:140px;
	}
	#navigationprincipale ul li a{
		font-size:0.8em
	}
	#content .content{
		padding:15px;
	}
}

@media screen and (max-width: 1024px) {
	#liste-commercants .commercant .cover .coordonnees{
		bottom:0px;
	}
}

@media screen and (max-width: 770px) {
	#btn_responsive{
		display: inline-block;
	}
	#navigationprincipale ul{
		display: none;
	}
	header#header #navigationprincipale #logo-borriglione-avenue-top{
		display: block;
	}
	#slideshow_accueil_actus #alaune .slide .titre{
		top:150px;	
	}
	
	
}

/* 1: max-width */
@media screen and (max-width: 640px) {
	.hide_small_screen{
		display: none;
	}
	header#header #navtopbar .content{
		text-align: center;
	}
	header#header #navtopbar .content ul{
		top:2px;
	}
	header#header #navtopbar .content li a{
		font-size:0.6em;
	}
	#groupes-activites .titre-groupe{
		font-size:0.8em;	
	}
}

/* 2: min-width */
@media screen and (min-width: 800px) {
	
}

/* 3: min-width + max-width */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	
}

/* 4: max device width */
@media screen and (max-device-width: 480px) {
	
}

/* 5: orientation:portrait */
@media screen and (orientation:portrait) {
	
}

/* 6: orientation:paysage */
@media screen and (orientation:landscape) {
	
}

/* ACTUALITE */

/* bootstrap sm */
@media screen and (max-width: 991px) {
	#actualites_liste article .image_actualite{
		height:240px;
	}
	#actualites_liste article{
		height:350px
	}
	#actualites_liste .small_liste article .image_actualite{
		height:90px;
	}
	#actualites_liste .small_liste article{
		height:auto
	}
}
/* bootstrap xs */
@media screen and (max-width: 768px) {
	#actualites_liste article .image_actualite{
		height:340px;
	}
	#actualites_liste article{
		height:450px
	}

}