@media only screen and (max-width: 1024px) 
{
	.container 
	{
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.btnCenterTwo
	{
		overflow: auto;
		width: 357px;
		margin-left: auto;
		margin-right: auto;
		height: 44px;
		padding-top: 12px;
	}

	.subscribeBtnConnect
	{
		float:left;
	}
}

@media only screen and (max-width: 1023px) 
{
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.col3
	{
		width:97% !important;
	}
	
	.form-newsletter
	{
		margin-right: 0px;
		width: 63%;
	}
	
	.mini-box-newsletter
	{
		width: 23% !important;
		margin-bottom: 20px;
	}
	
	.menu-bar
	{
		display:none;
	}
	
	.dpt-annonce
	{
		display:none;
	}
	
	.text-margin-box img
	{
		width:30%;
	}
	
	.search-section-box
	{
		float: none;
		width: 100%;
	}
	
	.block-annonce
	{
		float:left;
		width:32%;
		min-height:none;
		max-height:none;
	}
	
	.searchIcon
	{
		width:100%;
	}
	
	.logo 
	{
		float: none;
		padding-top: 27px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
		background-color: #e9e4d8;
		border-top: 1px solid #7f7f7f;
	}
	
	.menuMobile img
	{
		width:40px;
	}
	
	.btnCenterTwo 
	{
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		height: auto;
		padding-top: 0px;
		overflow: inherit;
	}
	
	.subscribeBtnConnect
	{
		float:none;
		margin-bottom:25px;
	}
	
	.vignette-urgente
	{
		width:180px;
	}
	
	.vignette-urgente img
	{
		width:100%;
		height:auto;
	}
	
	.float-bar-social
	{
		display:none;
	}
	
	.btnConfirm
	{
		width: 100%;
	}
	
	.boxsubscribe-login 
	{
		float:none;
		margin-top: 0px;
		text-align: initial;
	}
	
	.btn-separate-login
	{
		float:none;
		margin-right:0px;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.nav
	{
		font-size: 18px;
		text-align: center;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.logo 
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxcenter 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxrigth
	{
		display:none;
	}
	
	.col3,.col2,.col1,.col4
	{
		width: 100%;
		text-align: center;
	}
	
	.block-annonce 
	{
		padding:20px;
	}
}

@media only screen and (max-width: 960px) 
{
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.col3
	{
		width:97% !important;
	}
	
	.form-newsletter
	{
		margin-right: 0px;
		width: 63%;
	}
	
	.mini-box-newsletter
	{
		width: 23% !important;
		margin-bottom: 20px;
	}
	
	.menu-bar
	{
		display:none;
	}
	
	.dpt-annonce
	{
		display:none;
	}
	
	.text-margin-box img
	{
		width:30%;
	}
	
	.search-section-box
	{
		float: none;
		width: 100%;
	}
	
	.block-annonce
	{
		float:left;
		width:48%;
		min-height:none;
		max-height:none;
	}
	
	.searchIcon
	{
		width:100%;
	}
	
	.logo 
	{
		float: none;
		padding-top: 27px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
		background-color: #e9e4d8;
		border-top: 1px solid #7f7f7f;
	}
	
	.menuMobile img
	{
		width:40px;
	}
	
	.btnCenterTwo 
	{
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		height: auto;
		padding-top: 0px;
		overflow: inherit;
	}
	
	.subscribeBtnConnect
	{
		float:none;
		margin-bottom:25px;
	}
	
	.vignette-urgente
	{
		width:160px;
	}
	
	.vignette-urgente img
	{
		width:100%;
		height:auto;
	}
	
	.float-bar-social
	{
		display:none;
	}
	
	.btnConfirm
	{
		width: 100%;
	}
	
	.boxsubscribe-login 
	{
		float:none;
		margin-top: 0px;
		text-align: initial;
	}
	
	.btn-separate-login
	{
		float:none;
		margin-right:0px;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.nav
	{
		font-size: 13px;
		text-align: center;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxcenter 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxrigth
	{
		display:none;
	}
	
	.col3,.col2,.col1,.col4
	{
		width: 100%;
		text-align: center;
	}
	
	.block-annonce 
	{
		padding:20px;
	}
	
	.searchtext 
	{
		width: 100%;
		box-sizing: border-box;
		margin-bottom:5px;
	}
	
	.categorybox 
	{
		width: 100%;
		margin-bottom:5px;
	}
}

@media only screen and (max-width: 640px) 
{
	body
	{
		font-size: 0.8em;
	}
	
	.col3
	{
		width:97% !important;
	}
	
	.form-newsletter
	{
		margin-right: 0px;
		width: 100%;
	}
	
	.mini-box-newsletter
	{
		width: 85% !important;
		margin-bottom: 20px;
	}
	
	.menu-bar
	{
		display:none;
	}
	
	.dpt-annonce
	{
		display:none;
	}
	
	.text-margin-box img
	{
		width:100%;
	}
	
	.search-section-box
	{
		float: none;
		width: 100%;
	}
	
	.block-annonce
	{
		float:none;
		width:100%;
	}
	
	.logo 
	{
		float: none;
		padding-top: 27px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
		background-color: #e9e4d8;
		border-top: 1px solid #7f7f7f;
	}
	
	.menuMobile img
	{
		width:40px;
	}
	
	.border-right 
	{
		padding-right: 10px;
		border-right: 1px solid #dddddd;
	}
	
	.col-70 
	{
		margin-top: 20px;
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	
	.col-30 
	{
		margin-top: 10px;
		float: none;
		width: 100%;
		box-sizing: border-box;
		font-size: 13px;
	}
	
	.border-left 
	{
		padding-left: 0px;
	}
	
	.iconmaison 
	{
		position: absolute;
		margin-top: -172px;
		margin-left: 178px;
		animation: rotate 3s infinite linear;
	}
	
	.iconvoiture 
	{
		display:none;
	}
	
	.iconcadeau 
	{
		position: absolute;
		margin-top: -200px;
		margin-left: 396px;
		animation: rotateInverse 3s infinite linear;
	}
	
	.input404 
	{
		float: none;
		height: 35px;
		width: 100%;
		padding-left: 10px;
		border: 1px solid #ddd;
		margin-right: 5px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	.iconmp3 
	{
		display:none;
	}
	
	.social-box 
	{
		float: none;
		padding-top: 6px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.social-bar-top 
	{
		width: 100%;
		height: auto;
		background-color: #404040;
		overflow: auto;
		padding-bottom: 5px;
	}
	
	.btnCenterTwo 
	{
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		height: auto;
		padding-top: 0px;
		overflow: inherit;
	}
	
	.subscribeBtnConnect
	{
		float:none;
		margin-bottom:25px;
	}
	
	.vignette-urgente
	{
		width:140px;
	}
	
	.vignette-urgente img
	{
		width:100%;
		height:auto;
	}
	
	.float-bar-social
	{
		display:none;
	}
	
	.btnConfirm
	{
		width: 100%;
	}
	
	.boxsubscribe-login 
	{
		float:none;
		margin-top: 0px;
		text-align: initial;
	}
	
	.btn-separate-login
	{
		float:none;
		margin-right:0px;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.nav
	{
		font-size: 13px;
		text-align: center;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxcenter 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxrigth
	{
		display:none;
	}
	
	.col3,.col2,.col1,.col4
	{
		width: 100%;
		text-align: center;
	}
	
	.photo
	{
		width: 100%;
		height: auto;
	}
	
	.block-annonce 
	{
		padding:20px;
	}
	
	.nav
	{
		font-size: 11px;
		text-align: center;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.searchtext 
	{
		width: 100%;
		box-sizing: border-box;
		margin-bottom:5px;
	}
	
	.categorybox 
	{
		width: 100%;
		margin-bottom:5px;
	}
}

@media only screen and (max-width: 320px) 
{
	body
	{
		font-size:9px;
	}
	
	.col3
	{
		width:97% !important;
	}
	
	.form-newsletter
	{
		margin-right: 0px;
		width: 100%;
	}
	
	.mini-box-newsletter
	{
		width: 85% !important;
		margin-bottom: 20px;
	}
	
	.menu-bar
	{
		display:none;
	}
	
	.dpt-annonce
	{
		display:none;
	}
	
	.text-margin-box img
	{
		width:100%;
	}
	
	.search-section-box
	{
		float: none;
		width: 100%;
	}
	
	.block-annonce
	{
		float:none;
		width:100%;
	}
	
	.border-right 
	{
		padding-right: 10px;
		border-right: 1px solid #dddddd;
	}
	
	.col-70 
	{
		margin-top: 20px;
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	
	.col-30 
	{
		margin-top: 10px;
		float: none;
		width: 100%;
		box-sizing: border-box;
		font-size: 13px;
	}
	
	.border-left 
	{
		padding-left: 0px;
	}
	
	.iconmaison 
	{
		position: absolute;
		margin-top: -172px;
		margin-left: 23px;
		animation: rotate 3s infinite linear;
	}
	
	.iconvoiture 
	{
		display:none;
	}
	
	.iconcadeau 
	{
		position: absolute;
		margin-top: -200px;
		margin-left: 215px;
		animation: rotateInverse 3s infinite linear;
	}
	
	.input404 
	{
		float: none;
		height: 35px;
		width: 100%;
		padding-left: 10px;
		border: 1px solid #ddd;
		margin-right: 5px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	.iconmp3 
	{
		display:none;
	}
	
	.social-box 
	{
		float: none;
		padding-top: 6px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.social-bar-top 
	{
		width: 100%;
		height: auto;
		background-color: #404040;
		overflow: auto;
		padding-bottom: 5px;
	}
	
	.btnCenterTwo 
	{
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		height: auto;
		padding-top: 0px;
		overflow: inherit;
	}
	
	.subscribeBtnConnect
	{
		float:none;
		margin-bottom:25px;
	}
	
	.vignette-urgente
	{
		width: 120px;
	}
	
	.vignette-urgente img
	{
		width:100%;
		height:auto;
	}
	
	.float-bar-social
	{
		display:none;
	}
	
	.btnConfirm
	{
		width: 100%;
	}
	
	.boxsubscribe-login 
	{
		float:none;
		margin-top: 0px;
		text-align: initial;
	}
	
	.btn-separate-login
	{
		float:none;
		margin-right:0px;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
		background-color: #e9e4d8;
		border-top: 1px solid #a8a8a8;
	}
	
	#francemap
	{
		margin-top: -60px !important;
	}
	
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.logo 
	{
		float: none;
		padding-top: 28px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.big-block-gauche h1 
	{
		line-height: 22px;
		margin-bottom: 16px;
		font-size: 18px;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
		font-size: 13px;
	}
	
	.col3,.col2,.col1,.col4
	{
		width: 100%;
		text-align: center;
	}
	
	.nav
	{
		font-size: 9px;
		text-align: center;
	}
	
	.homeboxcenter 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.homeboxrigth
	{
		display:none;
	}
	
	.photo
	{
		width: 100%;
		height: auto;
	}
	
	.block-annonce 
	{
		padding:20px;
	}
	
	.searchtext 
	{
		width: 100%;
		box-sizing: border-box;
		margin-bottom:5px;
	}
	
	.categorybox 
	{
		width: 100%;
		margin-bottom:5px;
	}
	
	.col4 
	{
		float: none;
		width: 100%;
		text-align: center;
	}
}