body{background-color:lightgray}
    .imgZoneH21{position:fixed; top:15%; left:15%;width:84%; background-color:black;}
    .imgZoneH32{position:fixed; top:1%; left:15%;width:84%; background-color:black;}
    .imgZoneH43{position:relative; top:1%; left:17%;width:80%; background-color:black;}
    .imgZone11{position:relative; top:1%; left:30%;width:60%; background-color:black;}
    .imgZoneV43{position:relative; top:1%; left:32%;width:45%; background-color:black;}
    .imgZoneV32{position:relative; top:1%; left:35%;width:40%; background-color:black;}
    .imgZoneV21{position:relative; top:1%; left:40%;width:35%; background-color:black;margin-right:auto}
    #image{width:100%;}
    #buttonBox{margin-left:auto;margin-right:auto;width:70px}
    #navigation{position:fixed;top:5%;left:0%;width:15%}
    .imgTitle{background-color:black; color:white; text-align:center; font-family:Arial sans-serif, sans-serif; font-size:75%; font-weight:normal}
    .imgCopyright{float:left;background-color:black; color:white; text-align:left; font-family:Vivaldi, cursive; font-weight:normal;font-size:75%}    
    .imgLabel{background-color:black; color:white; text-align:right; font-family:Vivaldi, cursive; font-weight:normal;font-size:75%}

    .vignette{background-color:#FFF; color:#AAA; padding:5px;text-align:right;width:80%;font-family:cursive; font-size:75%;
              border-width:5px; border-right:solid; border-right-color:#555; border-bottom-color:#555; border-bottom:solid;
              position:relative;top:32px;display:none;margin-left:auto; margin-right:auto; font-weight:normal}
    .button{background-color:transparent;border:none}
    .bandeauNavigation{text-align:center;position:fixed;bottom:5%;width:13%;left:1%}
    :link{text-decoration:none; font-weight:normal;color:#555}
    :visited{text-decoration:none; font-weight:normal;color:#AAA}
    a:hover{font-weight:bold;text-decoration:none}
/* common Index/sommaire */
    .MapGoogle{position:relative;left:1%;top:1%;width:98%;height:98%}
    .MapContainerGoogle{display:none; position:fixed; right:5%; bottom:5%; width:85%;height:85%;background-color:white}
/* Index page */
    .IndexTable{position:relative;left:5%;top:20px;width:90%;table-layout:fixed}
    .IndexCell{text-align:center}
    .IndexTitle{text-align:center;font-size:200%;color:black}
    .IndexDescription{text-align:justify;font-size:100%;color:#555}
    .IndexMap{text-align:center}
    .IndexImageH{width:80%;height:80%;border-color:#FFF; background-color:#FFF;padding:5%;
                 border-width:5px; border-right:solid; border-right-color:#555; border-bottom-color:#555; border-bottom:solid;}
    .IndexImageV{width:80%;height:80%;border-color:#FFF; background-color:#FFF;padding:5%;
                 border-width:5px; border-right:solid; border-right-color:#555; border-bottom-color:#555; border-bottom:solid;}
    /*
    .IndexImageV{width:60%}
    .IndexImageH{width:90%}
    */
    .MapGoogleIndex{width:80%;height:500px;position:relative;left:10%}
    .IndexBandeauNavigation{font-size:75%}
/* sommaire page */
    .SommaireVignette{text-align:center}
    .SommaireTitle{position:relative;left:13%;text-align:center;font-size:120%;color:black;width:87%}
    .SommaireDescription{position:relative;left:13%;text-align:justify;font-size:80%;color:#555;width:87%}
    .SommaireLabel{text-align:center;font-size:50%;color:black}
    .SommaireMap{text-align:center}
/*    .SommaireImageH{border-color:#AAA;width:100%}
    .SommaireImageV{border-color:#AAA;width:60%}
*/
    .SommaireImageH{border:none;width:100%} 
    .SommaireImageV{border:none;width:100%} 
    .MapContainerGoogleSommaire{position:fixed; left:1%; bottom:1%; width:87%;height:84%;background-color:white}
    #SommaireEntries{width:10%;position:absolute;left:89%;top:15%}
    .SommaireBandeauNavigation{width:10%;position:fixed;top:1%;left:1%;text-align:center;font-size:75%}