/*
	*** Feuille de styles CSS ***

	Toute reproduction partielle ou totale de ce
	fichier ou de la charte graphique du site
	pour quelqu'usage que ce soit est totalement
	interdite sans autorisation de l'auteur.

	contact[at]lignes-oubliees.com

	Adaptation des styles CSS pour "design responsive"

*/

@media screen and (max-width: 1220px)
{
	#entete nav ul
	{
		border-right: none;
	}

	#entete nav ul li:first-child
	{
		border-left: none;
	}
}

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

	html, body
	{
		background: #fafafa;
		font-size: 0.8rem;
	}

	#entete header
	{
		padding: 3px;
	}

	#entete header a, #entete header a:hover
	{
		font-size: 1.4rem;
	}

	#entete nav ul li a
	{
		padding: 2px;
		font-size: 0.8rem;
	}

	#entete nav ul li ul li a
	{
		padding: 2px;
		font-size: 0.7rem;
	}

	#contenu
	{
		padding: 5px;
	}

	#contenu h1
	{
		margin: 3px 0px;
		border-bottom: 1px solid #ffa500;
	}

	#contenu h2
	{
		padding: 3px 5px;
		margin-bottom: 5px;
	}

	#contenu input.search
	{
		margin-right: 10px;
		padding: 5px;
	}

	#contenu input.submit
	{
		padding: 5px;
	}

	#contenu .imgd
	{
		display: none;
	}

	#contenu .imgg
	{
		display: none;
	}

	#contenu .stats
	{
		padding: 3px;
	}

}