/*-----------Flavio.FRAU--------13-09-2021 ----   02/10/21  20/04/2022--style.css--*/
        html,body{ max-width: 1520px;
                   font-family:"Helvetica,Times New Roman, Arial";
                   }

        .box_shadow { position: absolute; width: 99%; height: 98%;
                      overflow:hidden; border-radius:5px; border:1px solid #00A;
                      background-image: linear-gradient(to bottom,#ddd, #999);
                      }
                /*-----logo sorcier effet--double helice------*/

        .logore{ position: fixed; z-index: 99;display: inline-block;
                 width: 3vw; height:3vw;
                 margin-left:.3vw;
                 }
        .logore div{ position: absolute;}

/*------------------------Menu ------------------------ padding:0;margin:15px 0 0 0;--------------------------------------------*/
        
        #menu{ clear: both; width: auto; text-align:center; list-style:none; z-index: 99;}
        #menu li{ display:inline-block; opacity:5;z-index: 99;  position:relative;}
        #menu a{text-decoration:none; display:block; padding:10px 6px; color:#000; font-size:1.15vw;
                text-transform: uppercase; text-shadow: 0px 0px 25px white; }
        #menu li.current a { color:#F00; opacity: .8;text-decoration: underline;} 
        #menu li a:hover {text-shadow: 0px 0px 30px red;color:darkred; text-decoration: underline;}

/**--------------------------------------menu-------------------------------------------------------**/


        .footer { position: absolute;  width:100%; text-align: center;
                  bottom:1em; color:black; font-size: 1.1vw;/*2.2vh;*/                          
                  color: black; text-decoration:none; z-index: 999;
                  text-shadow: 0px 0px 20px white;       
                }


/*----------------------------------POUR  POESIAS.HTML----------------------6666666-------------------*/ 
/*--------------------15-04-2022  FLAVIO FRAU ---------icone de retour avec flèche--------------------*/

        #ret a{ 
                position:absolute; z-index:1000;
                width:52px; height:18px;
                top:10px; right:47px;
                font-size: 14px; color:white; text-decoration:none;
                background: url('../Img/icons8-up-2-50.W.png') no-repeat 100% 0;
                background-size: 15px 15px; opacity: 1;
                 border:1px solid #F6DEAF; border-radius: 5px;
                }

        #ret a:hover {  background: url('../Img/icons8-up-2-50.G.png') no-repeat 100% 0;
                        width:55px;  font-size: 15px;
                        background-size: 15px 16px;                         
                        color: black; opacity: 1;
                        }
/*------border:1px solid #FFF;----------------------------POUR  INDEX ET A PROPOS.HTML----02.03.2022-------------------*/ 
       
        #ars {  clear: both; position: absolute;display: inline-block;
                top:65px; right:15px;
                width:13%;  font-size: .98vw;/*.95vw;*/
                font-family:"Lucida Calligraphy";/*"Algerian"; position:fixed;*/
                color: darkblue; 
                text-align:center; text-decoration: underline;
                text-shadow: 0px 1px 15px blueviolet;
                /*border:1px solid green;*/               
                }

        #hip {  clear: both; position: absolute;
                top:85px; right:42px;
                width:12%; font-family:"Arial";
                color: black; font-size: .85vw; /*.85vw;*/
                text-align:right; text-shadow: 5px 1px 15px white;
                opacity: .7; /*position:fixed;*/
               
                }
/*-------------------------Position du texte A Propos et index--------------------------------------*/
   


   #t1it a{ padding: 2px,4px; color:blue; 
          font-family: "Times New Roman", Times, serif;
          font-size: 1.14vw; text-decoration:none;
          }

   #t1it  p{  width:77%; margin:5px,6px; color: black;
          font-family:"Times New Roman",Times,Arial, sans-serif; font-size: 1.14vw;
          text-align: center; /*border:1px solid black;*/
                   
        }

        /*---------------------------------------------------------------*/
 #t1fr a,p{  width:77%; margin:5px auto; color: black;
                    font-family:"Times New Roman",Times,Arial, sans-serif; font-size: 1.14vw;
                    text-align: center; /*border:1px solid black;*/
                   
        }
 #t1it a,p{  width:77%; margin:5px auto; color: black;
                    font-family:"Times New Roman",Times,Arial, sans-serif; font-size: 1.14vw;
                    text-align: center;/*border:1px solid black;*/
                   
        }


         /*********left: 90vw;**********left:93%;**********           Drapeaux    **/
        #drap { padding:0;margin:0;  width: 3.75vw;/*45px;8vh*/
                position: fixed; top: 4%; right: 2%;
                list-style:none; text-align: left;
                z-index: 99;
            }
       /* #drap img{width: /*22px;*}*/

        #drap ul {  padding:0; margin:0;
                  list-style:none; text-align: left;
            }
        #drap li li {
                     max-height:0;  overflow: hidden;
                     transition: all .5s; margin:0;
                  }
        #drap a {   display:block;  text-decoration: none;
                  color: #fff;  padding: 1px 0 ;
                  font-family: verdana;  font-size: 1.3vw; /*1em;2.5vh*/
               }
        #drap ul li a, #drap li:hover li a {  font-size:1.3vw; }
        #drap li:hover li {  max-height:3vw; }

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


  /*---------------------------------------------------------------*/