/* Styles généraux */
body {
    position: absolute;                      /* enleve les marges internes */ 
    width: 1920px;                           /* largeur de la page */
    height: 1080px;                          /* hauteur de la page */
    margin: 0;                               /* enleve les marges exterieure */
    padding: 0;                              /* enleve les marges internes */ 
    font-family: Verdana, Geneva, sans-serif;/* definis la fonte utilisee par default*/
}

main {
    position: absolute;   /*fixe le main a la meme taille que le body (pour eviter d avoir des blanc dans la page)*/
    width: 1920px;        /* largeur de la page */
    height: 1080px;       /* hauteur de la page */
    margin: 0;            /* enleve les marges exterieure */
    padding: 0;           /* enleve les marges internes */ 
}

/* Sidebar */
.side {
    width: 250px;                                         /* largeur de le barre laterale */
    height: 830px;                                        /* hauteur de le barre laterale */
    margin: 0;                                            /* enleve les marges exterieure */
    padding: 0;                                           /* enleve les marges internes */ 
    background: linear-gradient(55deg, #94a41c, #dbcd00); /* couleur du degrader de fond */ 
    opacity: 100%;                                        /* opacite de la side barre  */ 
    position: absolute;                                   /* fixe l emplacement de la section */ 
    top: 0;                                               /* bloque la section en haut  */ 
    left: 0;                                              /* bloque la section  a gauche */
    font-size: 33px;                                      /* definit la taille de la police*/
    text-align: center;
}


/* alternative qui peut etre trouvee dans d autre css du site 


  background: linear-gradient(40deg,#bbd03d,#f0f0b2, #f0f0b2, #f4aacc);    /* couleur du degrader de fond */ 
/*background-color: rgba(0, 0, 0, 0.7);                                    /* Couleur de fond avec opacité à 70 %
  color: rgba(0, 0, 0, 1);                                                 /*   Texte complètement opaque */



/* heure de la sidbar */
.time {
   
   font-size:50px ;                                       /* taille de l horloge de la sidebar  */
}

/* date , jours , heure(sauf taille de police) */
 .clock {
            font-size: 24px;                              /* definit la taille de la police */
            font-family: Arial, sans-serif;               /* definis la fonte utilisee */
        }



/* Vidéo */
video {
    position: absolute;                                                   /* fixe l emplacement de la section */
    top: 0;                                                               /* bloque la section en haut  */
    right: 0;                                                             /* bloque la section a droite  */
    width: 1670px;                                                        /* largeur de la page */
    height: 945px;                                                        /* hauteur de la page */
    background: linear-gradient(135deg, #dbcd00,#ffffff,#ffffff, #004b88);/* couleur du degrader de fond */ 
    opacity:70%;                                                          /* opacite de la side barre  */ 
}


/* Logo animé */
.logo {
    position: absolute;                      /* fixe l emplacement de la section */
    bottom: 0;                               /* bloque la section en bas  */
    left: 0;                                 /* bloque la section a gauche  */
    width: 250px;                            /* largeur du logo */
    height: 250px;                           /* hauteur du logo */
}



.h2  {
   font-size: 45px;                          /* definit la taille de la police */
    }

/* Flux RSS */
.rss {
    width: 1670px;                          /* largeur de la page */
    height: 135px;                          /* hauteur de la page */
    background-color: #004b88;              /* definit la couleur du fond de la section*/
    opacity: 96%;                           /* opacite de la side barre  */ 
    color: white;                           /*couleur de la police*/ 
    font-size: 32px;                        /* definit la taille de la police */
    text-align: right;                      /* definit la position de depart du texte defilant */
    position: absolute;                     /* fixe l emplacement de la section */
    bottom: 0;                              /* bloque la section en bas */ 
    right: 0;                               /* bloque la section  a droite */
    font-family: "verdana"                  /* definis la fonte utilisee par default(doit etre repeter , je sais pas pourquoi)*/
}
.p2 {
 white-space: nowrap;      /* parametres de defilements */
    overflow: hidden;      /* parametres de defilements */
    animation: scroll      /* parametres de defilements */
} 
@keyframes scroll-left {                           /* parametres de defilements */
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }