@CHARSET "ISO-8859-1";
#cadreFaciada, #cadreJube, #cadreTombel {
  width: auto;
  text-align: center;
  font-style: italic;
  text-indent: 0;
  margin: 5px;
  padding: 5px;
}
/* Dans le cas où on positionne une légende avec l'image, on insère l'image dans un cadre */
/* La largeur du cadre détermine celle de l'image */
/* Pour que l'image soit redimensionnée dynamiquement, on définit la largeur relativement au conteneur */
/* On se base sur un % du conteneur pour cette image, mais on ajoute une valeur fixe qui permet de définir un seuil mini */
/* On peut éventuellement indiquer un max-width pour limiter la taille maxi de l'image.
/* En l'absence de légende pour l'image, on applique le même procédé à l'image */
#cadreFaciada {
    display: block;
    float: left;
    width:calc(50px + 25%); 
    max-width:210px;
    text-align: center;
    margin: 10px;
    padding: 4px;
    border: 0px;
}
#cadreFaciada img {width:100%; margin: 0px; padding: 0px;}
#imgMapa {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:400px; width:calc(20px + 65%);  height:auto;}
#cadreJube {
    display: block;
    float: left;
    width:calc(50px + 30%); 
    text-align: center;
    margin: 10px;
    padding: 4px;
    border: 0px;
}
#cadreJube img {width:100%; margin: 0px; padding: 0px;}
#cadreTombel {
    display: block;
    float: left;
    width:calc( 50px + 12%); 
    text-align: center;
    margin: 10px;
    padding: 4px;
    border: 0px;
}
#cadreTombel img {width:100%; margin: 0px; padding: 0px;}
#imgEstalas {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; width:calc( 50px + 30%); height:auto;}
#imgClemenc {float:right; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; width:calc( 80px + 20%); height:auto;}
#imgAutar {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; width:calc( 50px + 20%); height:auto;}
#imgDanca {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:122px; width:calc( 50px + 20%); height:auto;}
#imgPanel1, #imgPanel2, #imgPanel3 {margin-right:10px; margin-left:10px; margin-top:0px; margin-bottom:10px;  max-width:440px; width:calc( 20px + 80%); height:auto;}
#imgTapissaria {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:366px; width:calc( 80px + 25%); height:auto;}
#imgClaustra {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:253px; width:calc( 80px + 25%); height:auto;}
#imgLavabo {float:right; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:254px; width:calc( 80px + 25%); height:auto;}
#imgChapela {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:202px; width:calc( 80px + 25%); height:auto;}
#imgScriptorium {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px;  max-width:180px; width:calc( 80px + 25%); height:auto;}
#imgSalaPicasso {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px;  max-width:360px; width:calc( 80px + 25%); height:auto;}
#imgTor1 {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:226px; width:calc( 80px + 25%); height:auto;}
#imgTor2 {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:226px; width:calc( 80px + 25%); height:auto;}
#imgSalaResson {float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:150px; width:calc( 80px + 15%); height:auto;}
#imgCAOC { margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:350px; width:calc( 80px + 55%); height:auto;}