@media screen and (max-width: 500px) {
	nav {
		display: none;
		}

	nav1{
		display: inline;
		}

	header ul li a:hover, header ul li a.selected {
		background-color:rgba(190, 190, 190, 0.5);
		}
            
	header {
		width: 100%;
		height: 85px;
		padding: 0px;
		position: fixed;
		border-bottom: 1px solid grey;
	}

	header ul {
		width: 100%;
		margin: 0px;
	}

	header ul li {
		width: 100%;
		height: 17px;
		text-align: center;
		margin: 0px;
		padding: 0px;
		border-top: none;
		border-left: 1px solid grey;
	}

	header #identite {
		display: none;
	}

	.top {
	position: fixed;
	bottom:5%;
	padding-left:85%;

	}

	.container {
		float: none;
		display: none;
	}

	.container1 {
		float: none;
		display: none;
	}

	.container2 {
		float: none;
		display: none;
	}

	.container3 {
		float: none;
		display: none;
	}

	#content {
		width: 100%;
	}

	#main {
		display: inline;
	}

	#main .img {
		margin-top: 85px;
		width: 100%;
	}

	#main .bloc {
		float: left;
		width: 100%;
	}

	#main .bloc1 {
		float: left;
		width: 100%;
	}

	#main .bloc2 {
		float: left;
		padding: 0 5px 15% 5px;
		width: 100%;
	}

	#main .bloc .text {
		float: left;
		padding: 20px 12px 20px 12px;
		width: 100%;
	}

	 #photos {
	line-height: 100%;   
	-webkit-column-count: 2;
	-webkit-column-gap:   1px;
	-moz-column-count:    2;
	-moz-column-gap:      1px;
	column-count:         2;
	column-gap:           1px;  
	}

	#copyright {
	text-align: center;
	}

	#copyright div {
	float: none;
	text-align: center;
	}
	footer {
	height: auto;
	font-size: 3vw;
	}

	#lirelasuite1 {
	display:none;
	}
	#lirelasuite2 {
	display:none;
	}
	#lirelasuite3 {
	display:none;
	}
/********************************/
}