/* **********************************************************

                    Site Internet TOM 2022
           Feuille de styles spécifique page Lieux

*************************************************************
Arnaud Wilhelm
Novembre 2021
*/

/*------------------------------------------------
Main
--------------------------------------------------*/
main{
    padding-left: 10px;      /* On laise de la place aux boites */
    padding-right: 10px;
} 

#zone_salles{
    display: flex;         /* La disposition des boites */
    flex-wrap: wrap;
    justify-content: space-around;
    
    margin-bottom: 30px;
}       /* La zone des boites */

#zone_salles div{
    text-align: center;
    
              /* Bordure */
    border: 2px solid;
    border-radius: 10px;
    
    margin: 2px;       /* Marges */
    margin-top: 10px;
    margin-bottom: 2px;
       
    width: 216px;       /* Taille */
    height: 270px;
}       /* Toutes les boites */

/* #zone_salles div:first-child {
    margin-left: 250px;      
    margin-right: 250px;     
} */

#zone_salles h2{
    font-family: 'kagedemoblack', Verdana, courier;   /* Police */
    font-size: 30px; 
    letter-spacing: +1px;
    margin-top: 5px;
    margin-bottom: 2px;
}       /* Titres des boites */

#vezien h2{
    font-family: 'kagedemoblack', Verdana, courier;   /* Police */
    font-size: 29px; 
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 2px;
}       /* Titres des boites */

#zone_salles h3{
    margin-top: 2px;
    margin-bottom: 15px;
}       /* Sous-titres des boites */

#zone_salles img{
    width: 140px;       /* Taille */
    height: 130px;
}       /* Les images */



#crepe{
    font-size: 
}

iframe{
    margin-top: 20px;
}       /* La carte */

#devise_occ{
    text-decoration: none;
    
    text-align: center;
    
    margin-bottom: 0px;
}                /* La devise en occitan */

#devise_fr{
    text-decoration: none;
    
    text-align: center;
    
    margin-top: 0px;
    margin-bottom: 40px;
    
    font-style: italic;
}                /* La devise en francais */

/* Pour smartphones ********************************************************** */
@media handheld , (max-width: 905px), (max-device-width: 905px){
    #zone_salles div:first-child {
        margin-left: inherit;       /* Marges */
        margin-right: inherit;       /* Marges */
    }

}