@media all and (max-width: 1024px)
{
    .bloc_page
    {
        width: auto;

    }

    .logo, .contact
    {
	display:none;
    }
}
@media all and (max-width: 1024px)
{
    .histo, .liste, .listei, .listej, .listek, .listel
    {
         width: auto;
         margin-left:10px;
         margin-right:10px;
    }
}
@media all and (max-width: 1024px)
{
    #menu
    {
        width: auto;
        text-align: left;
        padding-top:10px;
    }
    
    #menu li
    {
        display: block;
        padding-left: 4px;
    }
    
    #menu a
    {
        font-size: 1em;
    }
    #menu a:hover
    {
        font-size:1em;
    }
}

@media all and (max-width: 1024px)
{
    #banniere_image
    {
        display: none;
    }
}

@media all and (max-width: 1024px)
{
	
	article,aside, section
	{
		width: auto;
		display:block;
		margin-bottom:15px;
	}
	
	aside img
	{
		width:95px;
		float:right;
		margin-top:-60px;
	}
	
	aside p
	{
		text-align:center;
	}
	
	aside h3
	{
		text-align:left;
	}

	article h1
	{
		text-align:center;
	}
}

@media all and (max-width: 1024px)
{
	
	#copyright, #photos, #contact
	{
		display:none;
	}
}