@media only screen and (max-width: 1170px) 
{
	.container 
	{
		width:100%;
		box-sizing: border-box;
	}
	
	.slide-title 
	{
		width:100%;
	}
	
	.slide-form 
	{
		width: 100%;
	}
	
	.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;
	}
	
	.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;
		padding-top: 8px;
		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) 
{
	body
	{
		font-size:9px;
	}
	
	.menu-box
	{
		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: #36a8a0;
		height: 55px;
	}
	
	.menuMobile img
	{
		width:45px;
		height:45px;
	}
	
	.menuMobileVolet ul li 
	{
		font-size:16px;
	}
	
	#francemap
	{
		margin-top: -60px !important;
	}
	
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.logo 
	{
		float: none;
		padding-top: 22px;
		margin-left: auto;
		margin-right: auto;
		padding-left:0px;
	}
	
	.box-connect 
	{
		width: 100%;
		background-color: #fff;
		border: 1px solid #dadada;
		border-radius: 2px;
		margin-top: 40px;
		margin-left: 5px;
		box-sizing: border-box;
		margin-right: 5px;
	}
	
	.left-connect-info 
	{
		width: 100%;
		float: none;
		padding-top: 18px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.right-connect-info 
	{
		width: 100%;
		float: none;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.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: 23%;
		margin-bottom:5px;
	}
	
	.col4 
	{
		float: none;
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 640px) 
{
	body
	{
		font-size:9px;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
		background-color: #36a8a0;
		height: 55px;
	}
	
	.menuMobile img
	{
		width:45px;
		height:45px;
	}
	
	.menuMobileVolet ul li 
	{
		font-size:14px;
	}
	
	.menu-box
	{
		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: #36a8a0;
	}
	
	.slide-title 
	{
		width: 100%;
		padding-top: 23px;
		font-size: 14px;
	}
	
	.slide-form 
	{
		padding-top: 50px;
	}
	
	.slide-background 
	{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	
	.slide-background img 
	{
		width: auto;
		height: auto;
	}
	
	.inputbox-slide 
	{
		width: 90%;
		height: 32px;
		border: 1px solid #b0b0b0;
		padding-left: 6px;
		box-sizing: border-box;
		margin-right: 1%;
		margin-bottom: 10px;
	}
	
	#francemap
	{
		margin-top: -60px !important;
	}
	
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.logo 
	{
		float: none;
		padding-top: 22px;
		margin-left: auto;
		margin-right: auto;
		padding-left:0px;
	}
	
	.box-connect 
	{
		width: 100%;
		background-color: #fff;
		border: 1px solid #dadada;
		border-radius: 2px;
		margin-top: 40px;
		margin-left: 5px;
		box-sizing: border-box;
		margin-right: 5px;
	}
	
	.left-connect-info 
	{
		width: 100%;
		float: none;
		padding-top: 18px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.right-connect-info 
	{
		width: 100%;
		float: none;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.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: 23%;
		margin-bottom:5px;
	}
	
	.col4 
	{
		float: none;
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 320px) 
{
	body
	{
		font-size:9px;
	}
	
	.menuMobile
	{
		display:block;
		width: 100%;
		box-sizing: border-box;
		background-color: #36a8a0;
		height: 55px;
	}
	
	.menuMobile img
	{
		width:45px;
		height:45px;
	}
	
	.menuMobileVolet ul li 
	{
		font-size:12px;
	}
	
	.menu-box
	{
		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: #36a8a0;
	}
	
	.slide-title 
	{
		width: 100%;
		padding-top: 23px;
		font-size: 14px;
	}
	
	.slide-form 
	{
		padding-top: 50px;
	}
	
	.slide-background 
	{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	
	.slide-background img 
	{
		width: auto;
		height: auto;
	}
	
	.inputbox-slide 
	{
		width: 90%;
		height: 32px;
		border: 1px solid #b0b0b0;
		padding-left: 6px;
		box-sizing: border-box;
		margin-right: 1%;
		margin-bottom: 10px;
	}
	
	#francemap
	{
		margin-top: -60px !important;
	}
	
	.container 
	{
		width: 100%;
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.logo 
	{
		float: none;
		padding-top: 22px;
		margin-left: auto;
		margin-right: auto;
		padding-left:0px;
	}
	
	.box-connect 
	{
		width: 100%;
		background-color: #fff;
		border: 1px solid #dadada;
		border-radius: 2px;
		margin-top: 40px;
		margin-left: 5px;
		box-sizing: border-box;
		margin-right: 5px;
	}
	
	.left-connect-info 
	{
		width: 100%;
		float: none;
		padding-top: 18px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.right-connect-info 
	{
		width: 100%;
		float: none;
	}
	
	.user
	{
		display:none;
	}
	
	.menu
	{
		display:none;
	}
	
	.homeboxleft 
	{
		float: none;
		width: 90%;
		margin: 5%;
	}
	
	.big-block-gauche 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.big-block-droit 
	{
		float: none;
		width: 90%;
		margin:5%;
	}
	
	.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: 23%;
		margin-bottom:5px;
	}
	
	.col4 
	{
		float: none;
		width: 100%;
		text-align: center;
	}
}