@CHARSET "ISO-8859-1";
div.cadreRoqueplan, div.cadreSinhaletica, div.cadreDancador {
  width: auto;
  text-align: center;
  font-style: italic;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
/* Format général */
@media only screen
and (min-width : 500px) {
	div.cadreRoqueplan {
	  float: left;
	  width:calc(100% - 250px);
	  max-width: 190px;
	}
	div.cadreSinhaletica{
	  float: right;
	  width:calc(100% - 200px);
	  max-width: 260px;
	}
	div.cadreDancador{
	  float: left;
	  width: auto;
	  width:calc(100% - 260px);
	  max-width: 300px;
	  min-width:140px;
	}
	img.imgRoqueplan{float:center; margin-right:10px; margin-top:10px; max-width:calc(100% - 20px); height:auto;}
	img.imgSinhaletica {float:center; margin-right:10px; margin-top:10px; max-width:calc(100% - 20px); height:auto;}
	img.imgDancador{float:center; margin-right:10px; margin-top:10px; max-width:calc(100% - 20px); height:auto;}

}
/* Format réduit */
@media only screen
and (max-width : 500px) {
	div.cadreRoqueplan {
	  display: block;
	  width:100%;
	}
	div.cadreSinhaletica{
	  display: block;
	  width:100%;
	}
	div.cadreDancador{
	  display: block;
	  width:100%;
	}
	img.imgRoqueplan{float:center; margin-right:10px; margin-top:10px; max-width:200px; height:auto;}
	img.imgSinhaletica {float:center; margin-right:10px; margin-top:10px; max-width:200px; height:auto;}
	img.imgDancador{float:center; margin-right:10px; margin-top:10px; max-width:200px; height:auto;}

}