/*======= RESPONSIVE =======*/
@media screen and (max-width:1024px){
	
	
}


@media screen and (max-width:980px){
	#footer{
		display:none;
	}
	
			
	#fb{
		bottom:10px;
		right:auto;
		left:20px;
		top:auto;
		}
		
	#g{
		bottom:10px;
		right:auto;
		left:60px;
		top:auto;
	}
		
			
	#slogan2, #slogan3{
		display:none;	
	}
	
	#tel{
		position:relative;
		float:none;
		top:auto;
		right:auto;
	}
			
	#btMenu{
		display: block;
		cursor: pointer;
	}
		
	
	
	#nav{
		position: fixed;
		z-index:10001;
		left: 0;
		top: 0;
		width: 230px !important;
		height: 100%;
		background: #293241;
		margin: 0;
		padding: 5px;
		border:none;
		-webkit-box-shadow: 0 0 2px 0 #000;
		box-shadow: 0 0 2px 0 #000;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-transition: all 75ms ease-out;
		-moz-transition: all 75ms ease-out;
		-ms-transition: all 75ms ease-out;
		-o-transition: all 75ms ease-out;
		transition: all 75ms ease-out;
		
		-moz-transform: translateX(-230px);
		-webkit-transform: translateX(-230px);
		-o-transform: translateX(-230px);
		-ms-transform: translateX(-230px);
		transform: translateX(-230px);
	}
	
	#nav > ul{
		display: block;
		widtth: 100%;
		height: 100%;
	}
	
	#nav > ul > li{
		display: block !important;
		width: 100%;
		margin: 0 0 8px 0;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#nav > ul > li > span > a, #nav > ul > li > span > span{
		border: none;
		padding: 15px 8px;
		font-size: 1.3em;
		margin: 0;
		background: none !important;
		height: auto;
		line-height: normal;
		color: #313131;
	}
	
	#nav > ul > li + li > span > a, #nav > ul > li + li > span > span{ color: #eb6e0f;}
	
	#nav > ul > li + li + li > span > a, #nav > ul > li + li + li > span > span{ color: #b7bec8;}
	
	#nav > ul > li + li + li + li > span > a, #nav > ul > li + li + li + li > span > span{ color: #b1d8a1;}
	
	#nav > ul > li + li + li + li + li > span > a, #nav > ul > li + li + li + li + li > span > span{ color: #313131;}
	
	
	
	body.ie #nav > ul > li > ul, #nav > ul > li > span > ul{
		display: block !important;
	}
	
	
	/* SOUS RUBRIQUE */
	#nav > ul > li > span > ul, #nav > ul > li > a > ul{
		position: relative;
		visibility: visible;
		opacity:1;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		overflow: auto;
		background: #293241;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	#nav > ul > li > span > ul > li{
		box-shadow: 2px 2px 2px #eaeaea;
	}
		
	#nav > ul > li > span > ul > li > span > a{
		position: relative;
		display: block;
		width: auto;
		height: auto;
		line-height: normal;
		padding: 15px 5px;
		margin: 0;
		color: #313131;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#nav > ul > li > span > ul > li > span > a:before{
		content: "";
		display: block;
		position: absolute;
		width: 30%;
		left: 35%;
		height: 1px;
		bottom: 0;
		background: #313131;
	}
	
	#nav > ul > li > span > ul > li:last-child > span > a:before{ display: none; }
	
	#nav > ul > li > span > ul > li:hover > span > a{
		background: #606060;
		color: #fff;
		margin: 0;
	}
		
	body.active #nav{
		-webkit-transition: all 75ms ease-out;
		-moz-transition: all 75ms ease-out;
		-ms-transition: all 75ms ease-out;
		-o-transition: all 75ms ease-out;
		transition: all 75ms ease-out;
	
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}	
}


@media screen and (max-width:800px){
	#header > .centrage{
		border:none;
		text-align:center;
		height:auto;
		}
	.mono .annonce_contenu .txt_contenu{
		float:none; width:auto;
	}
	
	.mono .annonce_contenu .gauche{
		float:none; width:auto;
	}
	
	.mono .annonce_contenu .bt, .mono .annonce_contenu a.bt+a.bt{
		float:none; width:auto; text-align:center;
		margin: 0  0 5px 0 !important
	}
	
	
	#footer #zoneCachee{
		display:none;
	}
	
	.colonne_2, .colonne_2-3, .colonne_1-3, .colonne_3-4, .colonne_1-4, form.contact .colonne_2, form.contact .colonne_2 + .colonne_2, .fx .annonce, .miniatures .img_medium, .lu .annonce{
		width:auto; float:none !important; margin:0 0 20px 0; clear:both;
	}
	
	.tetris{
		width:100% !important;
		}
		
	form.floatleft{
		float:none;
	}
	
	form.floatleft > .floatleft{
		float:none;
	}
	
	form{float:none !important; width:auto !important;}
	
	.tetris{
		width:49%;
		width:calc(50% - 15px);
	}
	
	

}

@media screen and (max-width:640px){
	#slogan{
		position:relative;
		float:none;
		bottom:auto;
		width:auto;
		display:inline-block;
		margin:10px auto 0 auto;
	}
}


@media screen and (max-width:480px){
	#logo > img, #slogan > img{
		width:100%;
	}
}


@media screen and (max-width:320px){

}