/* CSS Document */

		@media screen and (max-device-width:500px)
{
	body{
		width:99%;
	}
	
	#compte-utilisateur {
	width:100%;
	
	margin:0 auto;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:5px;
	
	font-size:11px;
	border:1px solid #C4CACE;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
}

	#menu {
		width:100%;
	}


	#logo {
		width:100%;
		background:url('../images/e-locaux.jpg') no-repeat;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-top:15px;
	}

	#liens-menu {
		width:100%;
	}

	#menu-principal {
		width:100%;
		display:inline-block;

		margin:0 auto;
		margin-top:2px;
		padding:0;
	}
	#menu-principal .a, .selected{
            width:33.33% !important;
            height:30px;
            box-sizing: border-box;
        }
	#login {
		width:900px;
		margin:0 auto;
		text-align:right;
	}

	#banniere {
		width:97%;
		
		margin:0 auto;
		padding:0;
	}
	#image-page {
		display:none;
	}
	#conteneur-corps {
		width:100%;
		
		margin:0 auto;
		margin-top:6px;
		padding:0;
	}
	#moteur-accueil{
		width:100%;
		margin:0 auto;
		margin-top:7px; /* corrigé bottom en top par JMl le 01/12/2018 pour descentre le moteur accueil dans la page d'accueil */
	}
	#texte-pub {
		width:100%;
	}
	#menu-principal li:nth-child(5),
	#menu-principal li:last-child{
		display:none;
	}
	#login {
		width:100%;
	}
	
	#sous-menu {
		width:100%;
	}
	.coups-de-coeur-modele {
		width:90%;
	}
	.texte-reponse-accueil {
		width:59%;
		margin-top:-10px;
	}
	.coups-de-coeur-modele {
		width:90%;
	}
	#services {
		display:none;
	}
	#pied-page {
    		display:none;
	}
	
	#col-droite-accueil {
		display:none;
		/* width: 180px; */
	}
	#col-droite {
		display:none;
		/* width: 180px; */
	}
	#conteneur-corps .left{
		width:100%;
	}
	#col-gaucheindex{
		width:88%;
		margin:0 auto;
	}
	.col-gauche-trame {
	width: 87%;
	margin-left: 4px;
	
}
	.prop-ligne {
		width:95%;
		margin:0 auto;
	}
	#sous-menu li:nth-child(2),
	#sous-menu li:nth-child(4){
		display:none;
	}
	.moteur-rp {
		margin-left: 5px;
		margin-bottom: 5px;
	}	
	#moteur-accueil-prov {
		width:93%;
		margin:0 auto;
		float:unset;
		margin-top:8px;
	}
	#moteur-accueil .left{
		float:unset;
	}
	.moteur-prop{
		margin:0 auto;
	}
	#moteur-accueil .left{
		width:100%;
	}
	#zone-inscription {
	width: 0 auto;
	
	}
}