@media(max-width:1000px){
	#menu li:last-child{
		padding-left:25px;
		transition:all 0.5s;
	}
}



@media(max-width:900px){
	nav{
		z-index:100;
	}
	.Logo{
		top:-49px;
		transition:all 0.5s;
	}
	.CommandeSpeciale .NotMobil{
		display:inline;
	}
	.CommandeSpeciale .Mobil{
		display:none;
	}
	
	.W50{
		width:100%;
		padding:0;
	}
	.Full p{
		padding:0 10px;
	}
	.W33, .Vente .W33{
		width:49.6%;
	}
	.Vente .W33:first-child{
		width:100%;
	}
	.Vente .W33{
		display:inline-block;
		width:49.6%;
		border:0;
	}
	.Vente .Full{
		display:inline-block;
	}
	
	.ButtonCTA{
		margin-bottom:20px;
	}
	
	
	.Footer .W33{
		        width: 100%;
        text-align: center !important;
        padding: 10px 0;
	}
	
}


@media(max-width:850px){
	.ListProduits li{
		width:49%;
	padding:0.5%;
	}
	.DescProjet{
		        position: relative;
        width: 94%;
        top: 50px;
        padding: 1% 3%;
		height:auto;
	}
	.PicsProjet{
		width:100%;
		margin:0;
        margin-top: 55px;
	}
	
	
	
	.prestations .W33{
		display: block;
        width: 100%;
	}
	.prestations .W33 h2 {
		margin-left:0;
	}
	.prestations .W33 .Smaller {
		position:relative;
		padding:0%;
		margin-bottom:40px;
	}
	
	.Footer .container .W33{
		display:block;
		text-align:center;
		width:100%;
	}
	.Footer .container{
		display:block;
	}
}



@media(max-width:600px){
	.NotMobil{
		display:none;
	}
	.Mobil{
		display:inline-block;
	}
	.ContactMob{
	    display: block;
        position: absolute;
        width: 20%;
        min-width: 105px;
        margin: 0 auto;
        text-align: center;
        right: 30%;
        top: 18px;
	}
	.ContactMob a{
		display:inline-block;
		width:25px;
		
		margin:0 3px;
	}
	.ContactMob a img{
		display:block;
	}
	
	.ContactMob a:last-child img{
		margin-top:-5px;
		margin-bottom:5px;
	}
	
	.ListItemProjet{
		margin-bottom:3%;
		width:99%;
	}
	#menu ul {
    position: sticky;
    display: table;
    right: auto;
    float: none;
    margin: 0 auto;
    padding: 0px;
    width: 94%;
    margin-top: 10px;
	}
	#menu li {
    font-size: 1.2em;
    list-style: none;
    display: table-cell;
    vertical-align: bottom;
    padding: 10px 0;
    width: 33.3333%;
	text-align:center;
    text-transform: none;
	}
	#menu li:first-child {
		text-align:left;
	}
	#menu li:nth-child(3) {
		text-align:right;
	}
	
	#menu{
		background: #efefef;
	}#menu li a{
		position:relative;
	}
	#menu li:hover div.Bottom{
		width:50%;
	}
	
	#menu div.Bottom {
		position:absolute;
		right:0;
	}
	#menu div.Bottom:first-child {
		left:0;
	}
	
	.ReseauSociaux {
		margin-top:5px;
	}
	.clear{
		margin-bottom:0px;
	}
	
	

.TitleDiapo {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    color: #6d766a;
    bottom: 15px;
    text-align: left;
    padding: 1%;
    width: 92%;
}
	
	
	.TitleListProjet{
		    position: relative;
    bottom: auto;
    right: auto;
	top:-1px;
    background-color: #fff;
    width: 98%;
    padding: 1%;
    padding-left: auto;
    z-index: 10;
	}
	.TitleListProjet span:last-child {
    font-size: 0.7em;
	}
	#menu li:last-child{
		display:none;
	}
	.ListProduits li{
		width:99%;
	padding:0.5%;
	}
	
	.CommandeSpeciale .NotMobil{
		display:none;
	}
	.CommandeSpeciale .Mobil{
		display:inline;
	}
	.W33, .Vente .W33{
		width:100%;
	}
	.Elodie{
		display:block;
	}
	.Elodie div{
		width:100%;
		display:inline-block;
	}
	.Elodie div:first-child{
		width:60%;
	}
	
	.PicsProjet img{
		width:100%;
	}
	.MargeMe{
	margin-left:0%!important;
	}
	.Decouvrir{
		max-width:94%;
	}
}


@media(max-width:500px){
	.Logo img {
    height: 70px;
	transition:all 0.5s;
	}
	.Logo img:first-child {
    height: 35px;
	transition:all 0.5s;
	}
	.Logo img:last-child {
    margin-left: 30px;
	transition:all 0.5s;
	}
	    .ContactMob {
        display: block;
        position: absolute;
        width: 20%;
        min-width: 105px;
        margin: 0 auto;
        text-align: center;
        right: 15%;
        top: 18px;
    }
	
	.BarTop img {
    width: 20px;
	}
/*	.ContactMob{
	   display: block;
        position: absolute;
        width: auto;
        min-width: auto;
        margin: 0 auto;
        text-align: center;
        right: 3%;
        top: 35px;
	}
	.ReseauSociaux a.IconReseau{
	margin-top: -3px;
    display: ruby-text;
	}*/
	
}