@media only screen and (min-width: 300px) {
 /* smartphones */
	body{
		background-color:#ffffff;
		padding:0;
		margin:0;
		font-family: Calibri, Arial, Sans-serif;
		overflow-y: scroll; 
		background-image: url("../images/fondpointsvertetrouge.png");
		background-attachment: fixed;
		/*background-color:#ebebeb;*/
	}
	#detailObjet > .jw-modal-body{
		background-color:#fff66b;
		padding:5px;
		/*top: 50%;
		left: 50%;*/
		margin-left: auto;
		margin-right: auto;
		min-width:300px;
		max-width:400px;
		min-height:300px;
	}
	#achatcommun {
		font-weight:bold;    
		padding: 5px 20px;
		background-color: #FF9;
		text-align: center;
		margin: 0 10px;
	}
	.page{
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:20px;
		background-color:#FFFFFF;
		border-radius: 0 0 10px 10px;
		/*height:92vh;*/
	}
	.page img{		
		max-height: 100%;
		max-width: 100%;
	}
	.page h1{
		color:#318326;
		font-size:4em;
		letter-spacing:-0.06em;
		margin-top :0em;
		margin-bottom :-0.3em;
	}
	.page h2{
		color:#318326;
		font-size:3em;
		margin-top :0.3em;
		margin-bottom :0em;
	}
	.page h3{
		color:#318326;
		font-size:2em;
		margin-top :0.3em;
		margin-bottom :0em;
	}
	.page b{
		color:#318326;
		font-size:larger;
		letter-spacing:-0.06em;
	}
	.page p{
		text-align:justify;
	}
	.page p.exergue{
		text-align:center;
		font-style:italic;
	}
	.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;
	}
	.page .session{
		text-align:right;
		font-size:0.8em;
		font-weight:bold;
		color:#318326;
	}
	.page .avertissement{
		color:Red;
	}
	.page .confirmation{
		background-color:#fff66b;
		position :absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		min-width:300px;
		max-width:400px;
		min-height:300px;
		display: block;
		padding:5px;
	}
	.page .logwindow{
		width:200px;		
		margin-top:50px;
		margin-left: auto;
		margin-right: auto;
		padding: 45px;
		border:1px solid;
		border-color: #318326;
		color: #318326;
		text-align:center;
		border-radius: 30px;
	}
	ul{
	margin-top:2px;
	}
	a{
		color:#547fcf;
		font-weight:bold;
	}
	a:hover{
		background-color:#fff66b;
	}
	a img{/*évite un liseret de la couleur du hover background sous les images*/
		vertical-align:text-bottom;
	}
	table#resultat{
		width:100%;
	}
	table#resultat th{
		background-color:#318326;
		color:#ffffff;
	}
	table#resultat tr:hover{
		cursor: pointer;
	}
	table#resultat tr:nth-child(odd) {
	  background-color: #efffba;
	}
	table#resultat tr:nth-child(even) {
	  background-color: #faffda;
	}
}


@media only screen and (min-width: 600px) {
  /* tablettes: */
	.page{
		width:600px;		
		margin-left: auto;
		margin-right: auto;
		padding-left: 45px;
		padding-right: 45px;
	}
}

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