Marges rebelles avec mediaquery

Bonjour,
J'ai un problème de marges sur des blocs que j'essaye de changer avec mediaquery pour l'affichage sur portable, et rien ne marche : mes marges restent là ou elle sont comme pour la version desktop....

#wrap {     /* ~~~~~~~~ conteneur principal ~~~~~ */
	background: #ffffff;
	color: #303030;
	margin: 0 auto;
	width: 965px;
	position: relative;
}
#content {
	margin: 10px 8px 8px 210px;
	border: 1px solid #999;
	padding: 0 10px 0 10px;
	text-align: left;
	position: relative;
	clear: right;
	background: #FFF;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#wrap 
	{
		width:auto;
	}
	
	#content
	{
		margin-left:2px;
	}

C'est ce margin left à 210px qui refuse de bouger
J'ai tout essayer : auto, 0px...
le site : www.mandelieu.fr

Si une bonne âme pouvais me venir en aide
Merci !
Fred

Bonjour,
il semble que ta page ne contient pas d'élément avec l'id "content".

Par contre il y a un "content_index".

Bonjour,
Si, si, il est dans les pages intérieures, pour l'index, j'ai un div un peu différent (pas de marge gauche par exemple)...

Ce serait bien de le préciser au départ.

Sinon pour ton problème, le pense que tu devrais mettre ta media query après la déclaration générale de #content et non avant.
Modifié par loicbcn (23 Oct 2015 - 13:47)

Haaaaaa, super ça marche !!!
Il me semblais l'avoir testé ça, mais bon, au bout d'un moment on ne vois plus rien...
En tout cas un grand merci, et promis la prochaine fois je donnerais une Url plus précise