/*-----------Flavio.FRAU------POUR EMIGRANTE 14/04/2022 --styleEM.css--*/

        /*---------------------------------------------------------------*/
.box_shadow { 
        position: absolute; width: 98.5%; height: 97%;
        overflow:hidden; border-radius:5px; border:1px solid #5E3807;
        background-image: linear-gradient(to bottom,#777, #EEE);
        box-shadow: inset 10px 10px 85px 20px #BBB, 10px 10px 75px 09px #EEE;           
              } 
   /*---------------------------------------------------------------*/      

#book{  position: absolute; 
        width: 100%; height: 100%;     
        margin: 0px;  overflow: hidden;
        background-size:cover; border-radius: 5px;
        background-image: linear-gradient(to bottom,#555, #DDD);
        
        }

#book .page{

        width: 100% ;
        height: 100% ;
        border-radius: 5px;
        background-color: #C0C0C0;/*gris*/
        /*
        -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
        -moz-box-shadow:0 0 20px rgba(0,0,0,0.5);
        -ms-box-shadow:0 0 20px rgba(0,0,0,0.5);
        -o-box-shadow:0 0 20px rgba(0,0,0,0.5);
        box-shadow:0 0 20px rgba(0,0,0,0.5);*/
        }

        
#book .turn-page{
        background-color: #C0C0C0;
        border-radius: 5px;
        /*border:2px solid orange; z-index: 99;*/
        }
#book .cover{
        position: absolute;
        border:2px solid #6E4817; /*orange;*/
        font-family: Times New Roman,serif;
        border-radius: 5px;
        }

/*      ---------------------------------------------------*/
#book .loader{
        background-image:url(../img/loader.gif);
        width:24px; height:24px;
        display:block; position:absolute;
        top:238px; left:188px;
        }
                        /* numerotation des pages  */
#book .data{

        position:absolute;/* fixed;*/
        bottom:2%;  width:90%;      
        text-align:center;font-size:12px; color:black;

        }
      
#book .odd{  /*page blanche  impair width: 98%; margin: auto;*/
        margin-left: -2px;       
        background: -webkit-linear-gradient( right, #FFF 95%, #999 100%);
        background: -moz-linear-gradient( right, #FFF 95%, #999 100%);
        background: -ms-linear-gradient(right, #FFF 95%, #999 100%);
        background: -o-linear-gradient(right, #FFF 95%, #999 100%);
        background: linear-gradient( right, #FFF 95%, #999 100%);
       
       }

#book .even{ /* page blanche paire width: 97%; margin-left: 4px;*/
        
        background: -webkit-linear-gradient(left, #FFF 95%, #999 100%);
        background: -moz-linear-gradient(left, #FFF 95%, #999 100%);
        background: -ms-linear-gradient(left, #FFF 95%, #999 100%);
        background: -o-linear-gradient(left, #FFF 95%, #999 100%);
        background: linear-gradient( left, #FFF 95%, #999 100%);
       }


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

.titre1{position: absolute; border:1px solid black;
          border-radius:5px; width: 30%; margin: 20px 80px 0px;      
        }
  /* mots de contact et liens border:1px solid white;*/

  #t1 a{  padding: 8px,4px; color:black;
      font-family: "Times New Roman", Times, serif;
      font-size: 1.2vw; text-decoration:none; }/* 1.3vw  police de caractere generale*/

      p{  width: 85%; margin: 5px,6px; padding-left: 5px; color:black;
          font-family: Verdana, sans-serif;/*cadre interne border:1px solid cyan;*/
          font-size: 1.100vw; text-align: left;} /* 1.100vw   */

    #deb a{width: 50%;  color: red;}
   
/****************************************************************************/
        .pagina p{  font-family:Helvetica, Arial,Times New Roman, Times, sans-serif;
                    font-size: 2.12vw; width: 96%;
                    margin-left: auto; margin-right: auto;
                    text-align:left; font-style: normal;
                   /*border:1px solid blue;*/
                    }

        .pagina #num{   display:inline-block; width:8%;
                        margin-top:1px; font-size: 1vw;
                        text-decoration: underline;
                        border:1px solid #FFF;      
                        }

        .pagina #titolo{ display: inline-block; width:98%; font-size: 2.2vw;
                font-weight: bold; margin-left: auto;
                margin-right: auto;text-align:right;
               /* border:1px solid red; */  
                } 

        .pagina #paru{ font-size: 1.9vw;  font-style: italic; /* border:1px solid darkmagenta;*/  }

        .pagina #expo{ font-size: 10pt;  font-style: italic; text-align: left; text-indent: 160px; 
                /*border:1px solid darkgrey;*/}

      
        #copy{  position: fixed;       /*  Copyright 2021 All Rights Reserved  en couverture */
                bottom: 2%; width: 100%;
                color:#563000;   font-size: .95vw;  
                text-shadow: 0px 0px 20px white;               
                }
      /* entoure les textes des iFrames  */
        .pagina #centre{  font-size: 2.12vw;
                    width: 96%; text-align:center;
                    margin-left: auto; margin-right: auto;
                   /* border:1px solid blue;  border-radius: 5px;  */    
                }
        .pagina #gauche{  font-size: 2.12vw;
                    width: 96%; text-align:left;
                }
        .pagina #droite{  font-size: 2.12vw;
                    width: 96%; text-align:right;
                }
            
/*******************************************************************/

iframe{
        width: 99%; /*height: 92vh; ok sauf firefox*/

        height:516px;  height: 92vh;
       /* height: calc(95vh - 15px);*/
        margin-top: 2px;      
        border:1px solid #000;  border-radius: 5px;
        }

/******************************************************************/
        /*  numero des pages dans iFrame */
        .pagina #numP { position: absolute;
                        float: left; top: -1px;
                        font-family:Verdana ;
                        font-size: 10px; 
                        text-decoration: underline;
                        
                }
        .pagina #numI { position: relative;
                        float: right; top: -8px; 
                        font-family:Verdana; /* 0.625 em*/
                        font-size: 10px;
                        text-decoration: underline;
                }

/****************************************************************/
        #book .cover img{
        display:block; width: 250px;  margin-top:40px;
        margin-left: auto; margin-right: auto;
        border-radius: 5px; filter: drop-shadow(0 0 .95rem silver);       
        }

/*  titre couverture  Poesias background: #C0C0C0; border:1px solid black; margin-left: auto; margin-right: auto; */
        #book .cover p{ position: absolute;
                        font-family: "Times New Roman", Times, serif;
                        font-size: 2vw;
                        width: 100%;
                        height: 150px;
                        margin: 30% auto;                        
                        text-align: center;                       
                        text-shadow: 0px 0px 20px white;                
                        color:black ; text-align:center;                    
                                                         
                        }
     
        /*  Copyright 2021 All Rights Reserved  en Page couverture et dos en bas de page  */
        #book .cover a{ 
                        position: absolute;
                        bottom:35px; width:99%;
                        font-size: .85vw;
                        color:black; text-align:center;
                        /*border:1px solid red;*/
                }
    
/***************************************************************************************/
        #controls{
                position: absolute;  bottom: 0px;
                width:99%; height: auto; 
                margin-left: 5px; text-align:center; 
                z-index: 10000; background: transparent;
                /*border-radius:5px;border:1px solid black;*/
                }

         #controls label{
                position: relative; /*margin-left:30%;
                /*margin-left: /*73%;*/
                background: transparent;/*background-color: #AAA;*/
                font-size: 1vw; 
                border-radius: 5px;
                border: 1px solid black;
                }

        #controls input{
                position: relative;                 
                background: transparent;/*background-color: #AAA;*/
                font-size: 1vw; /*font:11px arial;*/
                border-radius: 5px;  border: 1px solid black;                  
                }

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

        #ret a{   /* HOME  */
                position:absolute; background: transparent;/*background-color: #AAA;*/
                width:4.4vw; font-size: 1.08vw; height:1.08vw;
                bottom: 2px; text-align:center; left: 35%;/*26%; /*left:8%; */
                color:black; text-decoration:none;
                background: url('../Img/icons8-up-2-50.W.png') no-repeat 100% 0;
                background-size: 14px 14px;
                border:1px solid #000;  border-radius: 5px;z-index:10000;
                
                }

                /*******Home   en bas de page ****/

        #ret a:hover {  background: url('../Img/icons8-up-2-50.G.png') no-repeat 100% 0;
                        width:4.4vw;  /*font-size: 1.8vw;/*14px;*/
                        background-size: 13px 13px;                         
                        color:white; opacity: 1;background-color: black;
                        }
 
/**********************************************************************/
         #pre{  position:absolute; background: transparent;/*background-color: #AAA;*/
                width:30px; height:1.05vw;
                bottom: 2px; left:41%;/*35%;/* right:19%;*/
                text-align:center; font-weight: bold;
                font-size: 1.05vw; color:black; text-decoration:none;
                border:1px solid #000;border-radius: 5px; z-index:10000;
              }

         #pre:hover { 

                cursor: pointer;/*progress;*/
                width:30px; font-weight: bold;
                background-size: 13px 13px; 
                background-color:black; /*#A6804F;    */                    
                color:white; opacity: 1;
                }
/*********************************************************************************/

        #der{ 
                position:absolute;
                width:30px; height:1.05vw; bottom: 2px;
                left: 56%;/*62%;/*right: 5%;*/
                background: transparent;/*background-color: #AAA;*/ 
                text-align:center; font-weight: bold;
                font-size: 1.05vw; color:black; text-decoration:none;
                border:1px solid #000; border-radius: 5px; z-index:10000;
                }

        #der:hover { 
                cursor: pointer;
                width:30px; font-weight: bold; 
                background-size: 13px 13px;                       
                color:white; opacity: 1; background-color: black;
                }
/*********************************************************************************/

        span #ind { 
                position:absolute; z-index:10000;background: transparent;/*background-color: #AAA;*/
                width:4.4vw; height:1.08vw;
                left: 60%;/*68%;/*left:16%;*/
                bottom: 2px; font-size: 1.08vw;
                color:black; text-decoration:none;text-align: center;
                background: url('../Img/icons8-up-2-50.W.png') no-repeat 100% 0;
                background-size: 14px 14px;
                border:1px solid #000;  border-radius:5px; 
                }

        #ind:hover {
                cursor: pointer;
                background: url('../Img/icons8-up-2-50.G.png') no-repeat 100% 0;
                width:4.4vw; background-size: 13px 13px;                         
                color:white; opacity: 1; background-color:black;  
                }

/*********************************************************************************/
       
       
/*****************************copyright **     sur page paire*********************/
         span #copyright  a{    float:right;
                                position:absolute; z-index:10000; opacity:1;
                                 top:3px; height:16px;
                                font-family: Times New Roman,serif;
                                font-size: .7vw; color:black; text-decoration:none;
                                              
                                }

/********************************indice*********SOMMAIRE PAGE 3*********************/

/*<!----BORD DES BOUTONS LIGNE DU SOMMAIRE----pour indice---sommaire page 2 et 3---->*/
      

        button{ background-color: transparent;
                border: none; text-align: center;
                font-size: 1vw;

        }
        
        button:hover {
          background-color: #000;/*#008CBA;444 /*bleu*/
          color: white; border-radius: 5px;
        }


/*******************************13/04/2022******************************/