/*	responsive.css
	(c) lmdi - Pierre Duhem 2015-2025
	Feuille de style commandant les largeurs d'écran réduites (tablettes, téléphones).
	*/

/*	Éléments de style modifiés lorsque la largeur de l'écran d'affichage tombe
	au-dessous de 830 pixels.
	*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 830px)
{
.bouton-pap {
	visibility: visible;
	text-align:left;
	}
#ban {
	background: #C8DBC7;
	text-align: center;
	height: 55px;
	}
#ban a {
	font-size: 0.7em;
	background: none;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 5px;
	text-indent: 0;
	position: static;
	padding: 5px;
	}
#ban #logo1, #ban #logo2, #ban #logo4,  #ban #logo6  {
	display: none;
	}
#ban a:hover {
	background: none;
	}
#logo7 {
	display: inline-block;
	}
#nav_recherche {
	display: none;
	}
/*  Page entière */
.wrapper {
	top: 70px;
	}
/* Bandeau supérieur */
.bande-chemin {
	position: relative;
	top: -28px;
	}
.nav2z {
	top: -30px;
	width: 150px;
	}
/*  Colonne de droite */
.droite {
	display: none;
	float: none;
	}
.maj {
	display: none;
	}
#nav2 .nav1 {
	display: none;
	}
/* Partie centrale */
.accueil {
	margin: 0px 2px;
	}
.accueil .introduction {
	margin: 0px 2px;
	}
.descriptif {
	margin: 0px 2px;
	}
.derniers-articles .introduction {
	margin: 0px;
	}
.web_gal .site_gal {
	margin: 0px;
	padding: 2px
	}
.web_gal .site_acc {
	margin: 2px 0px;
	}
a.actitrenews {
	display: block;
	}
.centre {
	width: 100%;
	}
.contenu {
	margin: 5px;
	}
.contenu .rubrique {
	margin: 0px 5px 5px 5px;
	}
.derniers-articles {
	margin: 5px;
	padding: 5px;
	}
.derniers-articles .detail {
	float: none;
	}
.articles-freres {
	padding: 3px;
	margin: 3px;
	}
.article .texte {
	margin: 0px 3px 0px 3px;
	}
.plan {
	margin: 0px 5px 0px 5px;
	}
.recherche {
	margin: 0px 5px 5px 5px;
	}
.indentation {
	padding: 3px;
	}
} /* Fin du bloc de 900 pixels */


/* Idem, au-dessous de 600 pixels */
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px)
{
a.article {
	margin: 5px !important;
	font-size: 13px !important;
	}
#logo1 {
	display: none;
	}
.article blockquote {
	padding: 10px 3px 10px 3px;
	margin-left: 15px;
	margin-right: 15px;
	}
.plan ul {
	padding: 3px;
	}
.plan .a-propos {
	font-size: 12px;
	}

}	/* Fin du bloc 500 */