@font-face{
    font-family : Raleway;
    src : url("fonts/Raleway-Bold.ttf");
}
    
body{
    background-image: url('img/cascade.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right;
    background-size: 3000px 1200px;
}

/* body{
    background-image: url('img/fondtours.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right;
    background-size: 3000px 1200px;
} */

.leftmoyen{
    margin : -8;    
    width : 23%;
    height : 200%;
    padding-left : 3%;
    position: absolute;
    background: #4c0003;
}

.leftlong{
    margin : -8;    
    width : 23%;
    height : 300%;
    padding-left : 3%;
    position: absolute;
    background: #4c0003;
}

.lefttreslong{
    margin : -8;    
    width : 23%;
    height : 600%;
    padding-left : 3%;
    position: absolute;
    background: #4c0003;
}

.leftcourt{
    margin : -8;    
    width : 23%;
    height : 100%;
    padding-left : 3%;
    position: absolute;
    background: #4c0003;
}


#img1{
    max-width: 20%;
    margin-top: 7%;
    margin-left: 7%;
    display: block;
    position: relative;
    margin-bottom: 20%;
}


h1{
    font-family : Raleway;
    font-size : 100%;
    color: black;
    margin-top: 10%;
    margin-left: 2%;
}

hh{
    font-family : Raleway;
    font-size : 100%;
    color: black;
    margin-left: 2%;
}

.player2{
    position: absolute;
    bottom: 0;
    margin-top: 100%;
    margin-left: 20%;
}

a:link{color : white;text-decoration: none;}
a:active{color : white;text-decoration: none;}
a:visited{color : white;text-decoration: none;}
a:hover{color : orangered;text-decoration: none;}


a.bla:link{color:black;}
a.bla:visited{color:black;}
a.bla:hover{color:red;text-decoration:underline;}

a.exp:link{color:black;text-decoration:underline;}
a.exp:visited{color:black;text-decoration:underline;}
a.exp:hover{color:red;text-decoration:underline;}

a.lec:link{color:black;text-decoration:underline}
a.lec:visited{color:black;text-decoration:underline}
a.lec:hover{color:red;text-decoration:underline;}


a.arc:link{color:#ae0101;text-decoration:underline}
a.arc:visited{color:#ae0101;text-decoration:underline}
a.arc:hover{color:red;text-decoration:underline;}

a.fil:link{color:white;}
a.fil:visited{color:white;}
a.fil:hover{color:black;}

.menu{
    margin-top: 40%;    
    font-family: Raleway;
    font-size : 200%;
    display: grid;
    text-align: right;
    margin-left: -17%;
    margin-right: 10%;
    line-height: 200%;
}

table {width: 98%;margin-left:1%;border-collapse: collapse;}
td {width: 50%; vertical-align: top; padding: 3px}

#entt{width: 100%; margin-left:5px}
#entc{width:80%;text-align:left;padding:8px;}
#entp{width:20%;text-align:right;padding:8px;}



#rezos{width:40%;text-align:center;padding:0px;}
#rezo{width: 20%; vertical-align: top; padding: 3px}


#lecons{width: 98%;margin-left:auto; margin-right:auto;margin-bottom:1% }
#lecc{
    font-family:arial;
    width: 50%;
    border: 1px solid #000000;
    text-align: left;
    padding: 1px;
  }
#lecl:nth-child(even) { background-color: #ffebeb;  }

#pause{color:green}

ul.cours{
    font-family:arial;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.cours2{
    font-family:arial;
  list-style-type: none;
  margin: 0;
  margin-left: 1%;
  padding: 0;
}
li{font-family:arial;}

#seance{font-family: arial;padding:3px;}

#title{
    font-family: Raleway;
    font-weight: bold;
    margin-left : 0%;
    font-size: 250%;
    text-align: center;
    color: #0f1b98;
}

#sstitre{
    font-family: arial;
    margin-left : 0%;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}
#info{
    margin-left : 2%;
    font-size: 105%;
    text-align: left;
    }

#infoo{
    margin-left : 3%;
    margin-top:-25px;
    font-size: 75%;
    text-align: left;
}

#title25{
    text-decoration: underline;
    font-family: Raleway;
    font-weight: bold;
    margin-left : 3%;
    font-size: 250%;
    color:  #b85f00;
}

#title2{
    font-family: Raleway;
    font-weight: bold;
    margin-left : 3%;
    font-size: 170%;
    color:  #b85f00;
}


#title3{
    font-family: Raleway;
    font-weight: bold;
    margin-left : 3%;
    font-size: 120%;
    color:  #b85f00;
}


#txt{
    font-family: arial;
    font-size: 100%;
    margin : 2%;
    text-align: justify;
}

#txtcopy{
    font-family: arial;
    font-size: 50%;
    margin : 0.5%;
    text-align: justify;
    display:block;
    position:absolute;
    bottom:0;
    right:0;
}

#minic{
    font-family: arial;
    font-size: 125%;
    margin : 2%;
    text-align: justify;
}



#matronche{
    max-width : 150;
    margin-bottom: 28;
    margin-left: 1%;
}

#idp{
    max-width : 125;
    margin-bottom: 25;
    margin-left: 1%;
}

#cnrs{
    max-width : 75;
    margin-bottom: 10;
    margin-left: 1%;
}

#tophs{
    max-width : 70%;
    margin-bottom: 10;
    margin-left: 1%;
}

#logorezo{
    max-height : 50;
    margin-bottom: 15;
    margin-left: 1%;
    vertical-align:bottom;
}



.main{
    background-color: white;
    width: 70%;
    margin-left : 15%;
    padding: 0.2%;
    padding-bottom: 0.2%;
    position: sticky;
    margin-top: 2%;
    margin-bottom: 2%;
}



#imgp2{
    max-width: 3%;
    display:block;
    position:absolute;
    bottom:0;
    right:0;
}


.player2{
    position: absolute;
    bottom:0;
}


/* Pour les menus déroulant (dropdown dans la langue de Shelley) */


.dropbtn {
    font-family:arial;
    text-decoration:underline;
    font-size:100%;
    background-color: white;
    color: black;
    border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 570px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {background-color: #49b64d;}



/* Pour les menus déroulants mais pas les mêmes (accordion dans la langue de pokimane)*/
  button.accordion {
    background-color: #eeeeee;
    color: #000000;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size:16px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}


div.panel {
    padding: 0 18px;
    /*background-color: white;*/
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
}

div.panel.show {
    max-height: 500px;  
}


/* Boutons pour les articles */

.buttonarxiv {background-color: #B31B1B;
    border-radius: 8px;
    transition-duration: 0.4s;
    border: 2px solid #B31B1B;
    color :#eeeeee;
    padding : 3px;}

.buttonarxiv:hover {
    background-color: white; 
    color: #000; 
    border: 2px solid #B31B1B;}


.buttonhal {background-color: #00005c;
    border-radius: 8px;
    transition-duration: 0.4s;
    border: 2px solid #00005c;
    color :#eeeeee;
    padding : 3px;}

.buttonhal:hover {
    background-color: white; 
    color: #000; 
    border: 2px solid #00005c;}


.buttonfile {background-color: #1BB31B;
    border-radius: 8px;
    transition-duration: 0.4s;
    border: 2px solid #1BB31B;
    color :#eeeeee;
    padding : 3px;}

.buttonfile:hover {
    background-color: white; 
    color: #000; 
    border: 2px solid #1BB31B;}



.buttonjourn {background-color: #CEC216;
    border-radius: 8px;
    transition-duration: 0.4s;
    border: 2px solid #CEC216;
    color :#eeeeee;
    padding : 3px;}

.buttonjourn:hover {
    background-color: white; 
    color: #000; 
    border: 2px solid #CEC216;}