/*-----------Flavio.FRAU--------16.06.2020------style.css--*/

body {  background-color: #000;  }
.box_shadow {
        position: absolute; width: 99%; height: 98%;
        overflow:hidden; border-radius:15px; border:1px solid #0C0;
        background-image: linear-gradient(to bottom,#C60, #999);
        box-shadow: inset 10px 10px 85px 20px #C60, 10px 10px 75px 09px #C60;              
              }
/*-----logo sorcier effet--double helice------*/

.logore{ position: fixed; z-index: 99; height: 80px; width: 80px;}
.logore div{ position: absolute; }
.Orea{  background: url("../Img/logo/sorcier.11.png") no-repeat;  
        width:80px; height: 80px; }
.cercl1{  background: url("../img/logo/cercle.B2.png");
          width: 110px; height: 110px; margin:-22px;
          -webkit-animation: logAnim 14s linear reverse infinite;
          animation: logAnim 14s linear reverse infinite; }
.cercl2{  background: url("../Img/logo/cercle.J2.png");
          width: 110px; height: 110px; margin: -22px;
          -webkit-animation: logAnim 10s linear infinite;
          animation: logAnim 10s linear infinite; }

@-webkit-keyframes logAnim{
from{ -webkit-transform: rotate(0deg); }to{-webkit-transform: rotate(360deg);} }
@keyframes logAnim{
from{ transform: rotate(0deg);}to{ transform: rotate(360deg); }}
/*----- fin logo sorcier effet--double helice------*/

/*------------------------Menu --------------------------*/
#menu{  padding:0;margin:15px 0 0 0; list-style:none;text-align:center;z-index: 99}
#menu ul{ padding:0;margin: 0;z-index: 99;}/* sous menu*/
#menu li{ display:inline-block; position:relative;opacity:1;z-index: 99;}/*menu opaque*/
#menu:hover li{opacity:1;color:white;}
#menu ul li{display:inherit;color:white;}
#menu ul{ position:absolute; z-index: 99; max-height:0;left: 0;right: 0; overflow:hidden;
        -webkit-transition: .4s all .2s;-moz-transition: .4s all .2s;transition: .4s all .2s;}
#menu li:hover ul{ max-height:10em;color:white;}
#menu a{text-decoration:none; display:block; padding:4px 10px; color:#FFF;
        font-family:arial; font-size: 1.200vw; text-shadow: 0px 0px 20px black; }
#menu ul a{ padding:4px 0;  }/*verticale sous menu entre eux*/
#menu li:hover li a{font-size: 1vw; color:#FFF; text-transform:inherit; }/*sous-menu*/
#menu li:hover a{color:#000;text-shadow: 0px 0px 30px white;}
#menu li li:hover a{color:#0FF;text-shadow: 0px 0px 30px black;}
#menu li.current a { color:#F00;}
#menu li.current { color:#F00;opacity: 1;visibility: visible;}
/*--------------------------------------------------------EN GRAS-----------ancien avant mars 2021
  .footer { position: absolute; bottom:1%; width:100%; color:#FFF;
            font-family:"Arial"; text-align: center;font-weight: bold; font-size: 1.250vw;/*18px;*
            text-shadow: 0px 0px 10px white; text-decoration:none; z-index: 99;}
/*-------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
.footer { position: fixed; bottom:2%; width:98.5%; 
          color:#FFF; font-family:"Arial"; text-align: center;
          font-size: 1.3vw;/*font-size: 18px;*/
          text-shadow: 0px 0px 10px white; text-decoration:none;z-index: 99;
         }
/*---------------------------------------------------------------------------*/ 
/*--------------------09-07-2020  FLAVIO FRAU -----------------------------*/