@import url("prosilver_tweaks.css?v=3.3");

/* lmdi33.css
(c) Pierre Duhem - LMDI - 2015-2022
Éléments  de style extérieurs aux feuilles de style de base de prosilver
*/
/* Styles des logos du bandeau supérieur lmdi */
#ban a {
	text-indent: -5000px;
	height: 180px;
	}

#logo1 {
	background: url("./images/hd/top_leftleft.jpg");
	position: relative;
	width: 234px;
	height: 180px;
	margin-top: 0px;
	padding: 0;
	display: block;
	}

#logo1:hover {
	background: url("./images/hd/top_leftleftover.jpg");
	}

#logo2 {
	background: url("./images/hd/top_left.jpg");
	position: relative;
	width: 162px;
	height: 180px;
	margin-top: -180px;
	margin-left: 234px;
	padding: 0;
	display: block;
	}

#logo3 {
	background: url("./images/hd/gal.jpg");
	position: relative;
	width: 108px;
	height: 180px;
	margin-top: -180px;
	margin-left: 396px;
	padding: 0;
	display: block;
   }

#logo3:hover {
	background: url("./images/hd/galover.jpg");
	}

#logo4 {
	background: url("./images/hd/top_mid.jpg");
	position: relative;
	width: 90px;
	height: 180px;
	margin-top: -180px;
	margin-left: 504px;
	padding: 0;
	display: block;
	}

#logo5 {
	background: url("./images/hd/for.jpg");
	position: relative;
	width: 90px;
	height: 180px;
	margin-top: -180px;
	margin-left: 594px;
	padding: 0;
	display: block;
	}

#logo5:hover {
	background: url("./images/hd/forover.jpg");
	}

#logo6 {
	background: url("./images/hd/top_right.jpg");
	position: relative;
	width: 400px;
	height: 180px;
	margin-top: -180px;
	margin-left: 684px;
	padding: 0;
	display: block;
	}
.bouton-pap {
	z-index:100;				/* Pour être au-dessus de tout */
	position:absolute;			/* Pour ne pas prendre de place dans la page */
	visibility:hidden;			/* Élément normalement invisible */
	text-align:left;			/* Alignement à gauche */
	}

/* Description du site */
#site-description, #site-description2 {
	position: relative;
	top: -50px;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}
#site-description h1 {
	margin-right: 0;
	margin-left: 0;
	text-align: center;
	overflow: hidden;
	}
#site-description2 p {
	margin-right: 0;
	text-align: center;
	text-overflow: ellipsis;
	}

/*	La largeur de l'écran d'affichage tombe au-dessous de 700 pixels.
	*/
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#ban {
		background: #C8DBC7;
		text-align: center;
		height: 80px;
		}
	#ban a {
		font-size: 1.2em;
		background: none;
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0 10px;
		text-indent: 0;
		position: static;
		padding: 8px;
		}
	#ban #logo2, #ban #logo4, #ban #logo5, #ban #logo6 {
		display: none;
		}
	#ban a:hover {
		background: none;
		}
	#site-description h1 {
		margin-top: 45px;
		text-overflow: ellipsis;
		text-overflow: "…";
		/* white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		*/
		}
	#site-description2 {
		display: none;
		}
	.navbar ul.linklist {
		padding: 0;
		list-style-type: none;
		}

	.bouton-pap {
		visibility: visible;
		text-align:left;
		}
}