@media screen and (max-width: 478px) 	{
	h1 { font-size: 26px; padding: 1px; }
	h2 { font-size: 24px; padding: 1px; }
	h3 { font-size: 22px; padding: 1px; }
	h4 { font-size: 21px; padding: 1px; }
	h5 { font-size: 20px; padding: 1px; }
	h6 { font-size: 19px; padding: 1px; }
	body { font-size: 18px;}
	sup { font-size: 13px; }
	sub { font-size: 13px; }
	.corps1 { width: 100%;}
	.sidebar { width: 100%; }
	.logo1 { display: none; }
         .logo { width: 100%; }
        .statistiques { width: 100%; }
	.statistiques2 { width: 100%; }
}


@media screen and (max-width: 740px)   	{
	.corps1 { width: 100%; }
	.sidebar { width: 100%; }

	#entete		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
	#corps		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
	.haut		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
    .menu		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
    .menubas	{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
	#pied1		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
}

@media screen and (max-width: 980px) and (min-width: 740px)	{
	.corps1 { width: 65%; }
	.sidebar { width: 33%; }
	.corps1 { width: 100%; }
	.sidebar { width: 100%; }
	#entete		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
	#corps		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
	.haut		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
    .menu		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
    .menubas	{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
	#pied1		{  margin: 0px auto; max-width: 100%;  padding: 0px 0;}
}

@media screen and (max-width: 480px) {


}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}