body{
	margin-left:2%;
	margin-right:2%;
	}
p.titre{
	color: white;
	text-align: center;
	font-family:verdana,serif;
	font-weight:bold;
	font-size:2em;
	margin-top: 5px;
	margin-bottom: 5px;
	
}
p.bienvenue{
	color: blue;
	text-align: center;
	font-family:verdana,serif;
	font-weight:bold;
	font-size:2em;
	background:orange;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.w3-bar{
	margin:5px 10px 5px 10px;
	position: center;
	
}

p.ministre{
	color: black;
	text-align: center;
	font-family:verdana,serif;
	font-weight:bold;
	font-size:1em;
	margin-top: 10px;
	margin-bottom: 2px;
}

div.droite{
	border: 3px solid
}
div.pres, div.photo,div.fonction{
	overflow:auto;
	display:inline-block;
	width:100%;
	max-height:320px;
	}
	
div.w3-col,div.w3-row{
	margin-top: 5px;
	margin-bottom: 5px;
}
.journal{
	font-weight:bold;
	background-color:dodgerblue;
	color:white;
}
.info{
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
}

.utile{
	font-weight:bold;
	background-color:lemonchiffon;
	font-size:1.2em;
	width:100%;
}

.sites{
	font-weight:bold;
	background-color:lemonchiffon;
	font-size:0.8em;
	width:100%;
}
@media screen and (max-width: 792px) {
  body {
    background-color: ;
  }
  
	
  p.titre{
	width: 100%;
	color: white;
	text-align: center;
	font-family:verdana,serif;
	font-weight:bold;
	font-size:1em;
	margin-top:2px;
	margin-bottom: 2px;
}
p.bienvenue{
	color: blue;
	text-align: center;
	font-family:verdana,serif;
	font-weight:bold;
	font-size:1.2em;
	background:orange;
	margin-top: 2px;
	margin-bottom: 2px;
}
div.w3-bar{
	margin:1px 0px 0px 1px;
	text-align:center;
}
img.logolpm{
	display:none;
	width:none;
	height:none;
	
}













}