/* ------------div englobant le contenu du site  ------------*/
@media screen and (min-width: 279px) and (max-width: 479px){

html, body {}
body { background:#eee;  /* fond gris clair */
  	font-family:Dayrom, Arial, Helvetica, sans-serif;
}
#main_wrap { 
  max-width:100%; /* largeur maxi de l'affichage */
  margin:0 auto;
}
/* ------------ STRUCTURE DU SITE ------------*/
#header, #bloc_centre, #footer {
	position:relative;
  clear:both;

  background:#999966; /* fond vieil or*/ 
  background:#CCC666; /* fond vieil or */
  background:#FFFF99; /* fond vieil or */
  padding:10px;
  margin:1% 0;
  border-radius:5px;
  box-shadow: 0px 2px 5px #999;
}
#header {
  /*max-width:auto;*/
    text-align:center; 
	color:#FEDC52;
	font-size:1em;
	font-weight:bold;
	font-family:Dayrom,BallparkWeiner,Verdana, Arial, Helvetica, sans-serif;

}
#cadre_centre{

 position:relative;
  border-radius:5px;
  box-shadow: 0px 2px 7px #999966;
  background:#eee;

} 
#pos_image {
	position:relative;
	top:-30px;
	text-align:center;
	/*background:#FFFF99; /* fond vieil or */

}
#texte_descript, #texte_info
{
 position:relative;
 border: 1px ridge #999966;
 background-color:#F0EED2;
 color:#000;
 border-radius:5px;
	top:-40px;
 text-align:left;
 padding-left:10px;
	font-size:0.7em;
	width:auto;
	max-width:375px;
	margin-top:10px;

 }
 #h1 {
  text-align:center;
 color:#000000; 
font-size:0.9em; 
 }
  #h2 {
  text-align:left;
 color:#000000; 
font-size:0.6em; 
 }
/* ------- FOOTER : Bandeau bas ------- */
#footer { text-align:center; }
#footer .box_1
{
  /*display:inline-block;*/
  padding:1%;
  text-align:left;
}
#footer, #footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:green; text-decoration:underline; }
/* ------------------------------------ */
.img-timbre
 {
	  display:inline-block;
	  margin:5px;
	  text-align:center;
 }
.img-timbre img, .img-timbre figcaption
 { 
 display:block;
 margin:0;
 padding:3px;
 background:#000; 
 color:#fff; 
 font-weight: bold;
 }
.img-timbre figcaption
{ 
margin:2px 0 0;
font-size:0.7em; 

}

@media screen and (min-width: 480px) and (max-width: 959px){

html, body {}
body {
 /*background:#fff;  /* fond gris clair */

 background:#eee;  /* fond gris clair */
 font-family:Dayrom, Arial, Helvetica, sans-serif;
}
#main_wrap { 
  max-width:100%; /* largeur maxi de l'affichage */
  margin:0 auto;
}
/* ------------ STRUCTURE DU SITE ------------*/
#header, #bloc_centre, #footer {
/*display:block;*/
  position:relative;
  clear:both;

  background:#999966; /* fond vieil or*/ 
  background:#CCC666; /* fond vieil or */
  background:#FFFF99; /* fond vieil or */
  padding:10px;
  margin:1% 0;
  border-radius:5px;
  box-shadow: 0px 2px 5px #999;
}
#header {
  /*max-width:auto;*/
	/*max-width:100%;*/
    text-align:center; 
	color:#FEDC52;
	font-size:1em;
	font-weight:bold;
	font-family:Dayrom,BallparkWeiner,Verdana, Arial, Helvetica, sans-serif;

}
#cadre_centre{

 position:relative;
  border-radius:5px;
  box-shadow: 0px 2px 7px #999966;
  background:#eee;

} 
#pos_image {
	position:relative;
	top:-30px;
	text-align:center;
	/*background:#FFFF99; /* fond vieil or */

}
#texte_descript, #texte_info
{
 position:relative;
 border: 1px ridge #999966;
 background-color:#F0EED2;
 color:#000;
 border-radius:5px;
	top:-40px;
 text-align:left;
 padding-left:10px;
	font-size:0.7em;
	width:auto;
	max-width:375px;
	margin-top:10px;

 }
 #h1 {
  text-align:center;
 color:#000000; 
font-size:0.9em; 
 }
  #h2 {
  text-align:left;
 color:#000000; 
font-size:0.6em; 
 }
/* ------- FOOTER : Bandeau bas ------- */
#footer { text-align:center; }
#footer .box_1
{
  /*display:inline-block;*/
  padding:1%;
  text-align:left;
}
#footer, #footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:green; text-decoration:underline; }
/* ------------------------------------ */
.img-timbre
 {
	  display:inline-block;
	  margin:5px;
	  text-align:center;
 }
.img-timbre img, .img-timbre figcaption
 { 
 display:block;
 margin:0;
 padding:3px;
 background:#000; 
 color:#fff; 
 font-weight: bold;
 }
.img-timbre figcaption
{ 
margin:2px 0 0;
font-size:0.7em; 

}
