@media all and (max-width: 1024px)
{
	body {width:98% !important; margin:auto;padding:1%}

	#en_tete, #en_tete .entetetexte, #en_tete .texte,
	#menuH, #footer, #menuH li, #menuH li a
	{width:98% !important; margin:1% auto; padding:0px}

	#menuH {width:98% !important; padding:1%}

	#en_tete .entetetexte1 {width: 26%;}
	#en_tete .entetetexte2 {width: 60%}
	#en_tete .texte {text-align:left;position:absolute;top:185px;left:10px;float:left; width:28% !important;}
}
@media all and (min-width: 481px) and (max-width:1024px)
{
	#en_tete .titre_site {font-size: 2.5em;}
	#en_tete .enteteimage img {margin-top:-20px}
}

@media all and (max-width:680px)
{
	.centre, .colonne {float:none; width:96% !important; margin:1% auto; padding:2%}
	.colonne {width:100% !important; padding:0%}
}
@media all and (max-width: 480px)
{
	#en_tete .ImgNoSpam, /*#en_tete address span,*/ #en_tete .texte {display:none}
	#en_tete .titre_site {font-size: 1.7em;}
	#en_tete .enteteimage img {width:100px}
	#en_tete .numero	{font-size: 1em; text-shadow: 1px 1px rgb(0,0,0);}
	#en_tete .date {font-size: 1em; display: none;}
	#menuH {font-size: 1.5em;}
	#menuH li{line-height: 22px; margin: 2px auto;}
	#textcontact {text-align: center; line-height: 1.5em;}
	#en_tete .numero, #en_tete .mail {margin: auto 10px; font-size: 1.5em}
	#en_tete .numero span:hover {padding: 0px 2px;border-radius: 4px;}
	#Corps .cdv, #Corps .ImgNoSpam {width:100% !important; max-width:500px;}
}