@media only screen and (min-width: 300px) {
 /* smartphones */
	body{
		/*background-color:#fffAF4;*/
		background-color:#fff;
		padding:0;
		margin:0;
		font-family: Courier New, Courier New, monospace;
		overflow-y: scroll; 
		background-image: url("images/fondpointmarron.png");
		background-attachment: fixed;
		/*background-color:#cadbfb;*/
	}
	#menubar{
		width:100%;
		text-align:center;
		position:fixed;
		color:#165a04;
		/*margin-left :-15px; /*pour décaler le minilogo*/
		font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
	}
	#menucontent{
		background-color:#ffffff;
		padding:2px;
	}
	#menubar a{
		text-decoration : none;
		color:#165a04;
		font-size:0.8em;
		font-weight:bold;
	}
	#menubar a:hover{
		text-decoration:underline;
		background-color:#ffb2e5;/*#fbf3c9;*/
	}
	#menubar a#minilogoentete{
		margin-right:15px;
		font-size:1em;
	}
	#menubar a#minilogoentete:hover{
		text-decoration:none;
	}
	.page#page01 {
		text-align:center;
		padding-bottom:30px;
	}
	.page#page01 img{
		margin: auto;
		border-radius: 28px 28px 0 0;
	}
	#logoaccueil{
		background-color:#fcf2ec;
		margin-top:30px;
		/*margin-bottom:30px;*/
		margin-left:50px;
		margin-right:50px;
		font-size:1.2em;
		letter-spacing:0.2em;
		color:#165a04;
		border:solid;
		border-width:2px;
		border-color:#165a04;
		border-radius: 30px;
		
	}
	#logoaccueil img{
		z-index:-1;
	}
	#logoaccueil a{
		text-decoration : none;
		color:#165a04;
		font-size:1em;
		font-weight:normal;
	}
	#logoaccueil a:hover{
		text-decoration:underline;
		background-color:#ffb2e5;/*#fbf3c9;*/
	}
	.page img{		
		max-height: 100%;
		max-width: 100%;
	}
	.page{
		padding-left:10px;
		padding-right:10px;
		padding-top:42px;
		display:none;  /* masqué au chargement */	
		/*background-color:#fffaF4;*/
		background-color:#fff;
		border-radius: 0 0 10px 10px;
	}
	.page h1{
		color:#165a04;
		font-size:3.5em;
		letter-spacing:-0.06em;
		line-height: 0.8;
		margin-top :0.3em;
		margin-bottom :0.3em;
		font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
	}
	.page b{
		color:#165a04;
		font-size:larger;
		letter-spacing:-0.06em;
	}
	.page p{
		text-align:justify;
	}
	.page p.exergue{
		text-align:center;
		font-style:italic;
		color:#165a04;
		font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
		font-weight:bold;
	}
	.page p.important{
		text-align:center;
		font-weight:bold;
		font-size:larger;
	}
	.page p.basdepage{
		text-align:center;
		font-family: Sans-serif;
		font-size:larger;
		padding-top : 3em;
		padding-bottom : 3em;
		color:#165a04;
	}
	ul{
	margin-top:2px;
	}
	a{
		color:#547fcf;
		font-weight:bold;
	}
	a:hover{
		/*background-color:#fbf3c9;*/
		background-color:#fea6ea;
	}
	a img{/*évite un liseret de la couleur du hover background sous les images*/
		vertical-align:text-bottom;
	}
	.gallerie{
		width:220px;
		margin-left: auto;
		margin-right: auto;
	}
	.gallerie > a{    
		display: inline-block;
		vertical-align: middle;
		margin: 2px;
	}
}


@media only screen and (min-width: 600px) {
  /* tablettes: */
	.page{
		width:600px;		
		margin-left: auto;
		margin-right: auto;
		padding-left: 45px;
		padding-right: 45px;
	}
	#logoaccueil{
		font-size:2.2em;
	}
	#menucontent{
		width:686px;
		margin-left: auto;
		margin-right: auto;
	}
	#menubar a{
		font-size:1.0em;
		font-weight:normal;
	}
	.gallerie{
		width:420px;
	}

@media only screen and (min-width: 768px) {
  /* pc: */
}