/* CSS Document */
/* ------------------------------
ma feuille de style
------------------------------ */
 <style>
        table
        {
        margin: auto;
        }
        td
        {
        text-align :center;
        }

.container{position:fixed;
              border:solid 0px;
              border-radius:0px;
              height:100%;
              top:0px
              bottom:0px;
              left:0px;
              right:0px;
              display:block;
              text-align: center;
              font-size: 20px;
              background:#e2f6ff url('./mesPhotos/background1280_1024.png') center top no-repeat;
              background-size: 100% 100%; 
              }
.header {     position:fixed;
              overflow:auto;
              border:solid 1px;
              border-color: red;
              border-radius:15px;
              margin-left: auto;
              margin-right: auto;
              left:20%;
              right:20%;
              top: 9%;
              height: 30px;  
              display:block;
              background-color:#FFFFEE;
              text-align: center;
              font-size: 20px;}
.main{        position:fixed;
              overflow:auto;
                border:solid 1px;
                border-color: red;
                border-radius:15px;
                margin-left: auto;
                margin-right: auto;
                top:15%;
                left:20%;
                bottom:10%;
                right:20%;
               font-size: 15px; 
              display:block;
              background-color:white;
              text-align :center;
              /*background-image:url(mesPhotos/anni03.jpg);
              background-repeat: round;*/}

.footer{     position:fixed;
              border:solid 0px;
              border-radius:5px;
              border:solid 1px;
              border-color: red;
              height:60px;                                     
              left:20%;
              right:20%;
              bottom:2%;
              display:block;
              font-size: 25px;
              padding-top:2px;
              background-color:#FFFFEE;}
.anniDuJour{  position:fixed;
              border:solid 1px;
              border-radius:15px;
              height: 100px;                                     
              left:32px;
              bottom:10px;
              display:block;} 
.anniDuJour:hover
{             color: #00FFFF;
} 
.btnRetour{     position:fixed;
              border:solid 0px;
              border-radius:15px;
                height:75px;
              right:32px;
              bottom:10px;
              display:block;} 
.btnRetour:hover
{             color: #00FFFF;
}            
.cadreMaison
{  position:fixed;
              border:solid 1px;
              border-radius:15px;

              width: 120px;                                     
              right:34px;
              bottom:10px;
              display:block;
}             
.cadreMaison:hover
{             color: #00FFFF;
}
.texte
{
    color : black;
    text-decoration: underline;
    font-size: 15px;
}
 
.texte:hover
{
    text-decoration: underline;
    color: #3366FF;
}
.aucunAnniPopup
{   position:relative;
    color : blue;
    top:10%;
    text-align: center;
    font-size: 30px;
    display:block;
}
.containerPopup
{position:fixed;
              border:solid 0px;
              border-radius:15px;
              height:98%;
              top:15px
              bottom:15px;
              left:15px;
              right:15px;
              display:block;
              text-align: center;
              font-size: 20px;
               background-color:white;
}
.headerPopup 
{     position:fixed;
              border:solid 0px;
              border-radius:15px;
              height: 40px;
              left:200px;
              right:200px;
              top: 30px;  
              display:block;
              background-color:#FFFFCC;
              text-align: center;
              font-size: 25px;
}
.mainPopup
{        position:fixed;
                overflow:auto;
                border:solid 0px;
                border-radius:15px;
                top:100px;
                left:20px;
                bottom:10px;
                right:20px;
                font-size: 15px; 
                display:block;
                background-color:white;
}
.joyAnniPopup
{  position:relative;
              border:solid 0px;
              border-radius:15px;
              display:block;
              height: 140px;
              bottom:5px;
              margin-left: auto;
              margin-right: auto;  
}
.pasJoyAnniPopup
{  position:relative;
              border:solid 0px;
              border-radius:0px;
              display:block;
              top:30%;
              height: 300px;
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              width:auto;  
}
.animation{   position:relative;
              left:10px;
              bottom: 100%;
              transform: rotateZ(90deg);  
    animation-name: taille;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes taille{
    from{width: 10%;}
    50%{width: 50%;}
    to{width: 10%;}
}
</style>


*/