table {
  z-index: 100;}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

body {
  background: radial-gradient(circle at center, 
  rgb(20, 10, 70), rgb(20, 5, 120), rgb(5, 5, 35), black);
  background-color:black;
  background-repeat:no-repeat; 
  background-position:bottom;  
  background-position:right; 
  background-attachment:bottom; 
  background-attachment:right; 
}



#title {
  width: auto ; 
  border: 0 ; 
  cellspacing: 10px ; 
  margin-left: 30px ; 
  margin-right: 30px ;
  display: grid; 
  grid-template-columns: 33% 34% 33%;
}

#title2 {
  width: auto ; 
  border: 0 ; 
  cellspacing: 10px ; 
  margin-left: 30px ; 
  margin-right: 30px ;
  margin-top: 200px ;
  display: grid; 
  grid-template-columns: 33% 34% 33%;
  font-family: 'bluu', cursive; color:#0000FF ; 
  font-size: 5vw; 
  line-height: 3vw;
}

#colophon { 
  width: 100%; border: 0px ; cellspacing: 0px; 
  text-align: center; vertical-align: bottom; 
  font-family: 'bluu', cursive; font-size:18px; color: #0000FF; 
}

/* style du titre du manifeste */

.style60 {font-family: 'bluu', cursive; 
          font-size:10vw; 
          text-align:center; 
          color: white; 
          line-height: 10vw;
          margin-top: 23vw;
        }

/* CITATION */

.style35 {font-family: 'bluu', cursive; color: white; text-align: center; 
          font-size: 2vw;           
          text-transform: uppercase;}


/* styles du manifeste */

.style30 {font-family: 'bluu', cursive; color: white; text-align: center;
          font-size:25px; 
          line-height: 30px; 
        }
.style36 {font-family: 'bluu', cursive; color: white; text-align: center;
          font-size:25px; 
          margin-top: 0px; 
          margin-bottom: 0px;  
          line-height: 30px;
        }
.style40 {font-family: 'bluu', cursive; color: white; text-align: center;
          font-size:60px;  
          margin-bottom: 0px; 
          margin-top: 0px; 
          line-height: 70px;
        }
.style11 {text-align: center; font-size: 30; }


a:link {
  color: #00F;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #009;
}
a:hover {
  text-decoration: none;
  color: #F39;
}
a:active {
  text-decoration: none;
  color: #FF8FB6;
}

.devant {
  z-index: 100;
  }

.derriere {
  z-index: -100;
  }



@media screen and (max-width: 750px){

/* CITATION */

.style35 {font-size: 3vw;}

/* styles du manifeste */

.style30 {font-size: 3vw; 
          line-height: 4vw;
        }
.style36 {font-size: 3vw; 
          margin-top: 0px; 
          margin-bottom: 0px;  
          line-height: 4vw;
        }
.style40 {font-size: 6vw;  
          margin-bottom: 0px; 
          margin-top: 0px; 
          line-height: 8vw;
        }
#colophon{font-size:15px;}

video {display:none;}

}



/* PRINT */

@media print {

  @page{
    size: A4;
    margin-bottom: 0;
  }

body {
  background: radial-gradient(circle at center, 
  white, white);
  background-color:white;
}

.noprint{display: none;}

.printpagebreak{page-break-after: always;}

.style60 {font-size:12vw;
          color: black; 
          line-height: 12vw;
          margin-top: 10vw;
        }

.style35 {color: black;  
          font-size: 2vw;           
          }


/* styles du manifeste */

.style30 {color: black;  
          font-size:20px; 
          line-height: 25px; 
        }
.style36 {color: black;  
          font-size:20px; 
          line-height: 25px;
        }
.style40 {color: black;  
          font-size:50px;  
          line-height: 60px;
        }
.style11 {text-align: center; font-size: 30; }

#colophon { 
  font-size:14px; 
  color: black; 
  margin-bottom: 5vw;
}
video {display:none;}

}