/* titre sur bande verte */
        h1
        {
        margin:0;
        padding:10px;
        background-color: rgb(33, 126, 36);
        color: white;
        text-align: center;
        height:auto;
        }
        
/* trait de séparation dans les pages */        
        #trait {
            border-top: 2px solid #006633;
        }
        
/* liens en menu supérieur */        
        b.button {
            font-size: 20px;
            font-style: normal;
            text-decoration: none;
            width: 400px;
            height :auto;
            padding:30px;
            text-align: right;
            display: inline-block;
            background-image: url(/images/Logo-ACMDP.jpg);
            background-size: 15%;
            background-repeat:no-repeat;
              }
        b.retour:hover {
                color: #DE7513;
              }
        b.retour:active {
                transform: scale(0.80);
        }
/*button1 = liens BEA et SV-DGAC du menu supérieur de la page BEA*/
        b.button1 {
            font-size: 20px;
            font-style: normal;
            text-decoration: none;
            width: 200px;
            height :auto;
            padding:30px;
            text-align: left;
            display: inline-block;
            background-size: 15%;
            background-repeat:no-repeat;
        }
        
  /* affichage des résultats de requêtes sur les bases de données */      
        #tableau {
            font-family: Arial, Helvetica, sans-serif;
            border-collapse:collapse;
            width: auto;
        }
        #tableau td, th {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        #tableau tr:nth-child(even) {background-color:#f2f2f2;}
        #tableau tr:hover { background-color: #ddd;}
        #tableau tr:active { background-color: #ff8000;}
        
        
        input[type = "submit"] {
            display: block;
            font-size: 30px;
            background-color: orange;
            border: none;
            border-radius: 10px;
            color: white;
            padding: 10px 10px 10px 10px;
            margin: 20px 20px;
            cursor: pointer;
            }
        input[type = "submit"]:active {
            background-color: blue;
        }
 
 /* menus déroulants de sélection des filtres de base de données */       
        #menu {
            display: inline;
            width: 12em;
            background: hsla(80, 90%, 40%, 0.7);
            color: white;
            margin: -3em 0 0 0;
            padding: 0.5em 0.5em 0.5em 2.5em;
            font-size: 18px;
        }

/* pavés de sélection en page menu */
    #conteneur
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            align-content: space-around;
            height: auto;
            padding-top:30px;
            padding-bottom:30px;
        }
/*element = pavés de la page PageMenu */
        .element
        {
            width: 150px;
            height: 160px;
            background-color: rgb(234, 246, 247);
            border: 1px solid rgb(157, 153, 153);
            text-align: center;
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: bottom center;
        }
/* element1 = pavés de la page documents du club */
        .element1
        {
            width: auto;
            height: 50px;
            background-color: rgb(234, 246, 247);
            border: 1px solid rgb(157, 153, 153);
            text-align: center;
            color : red;
            font-size : 15px;
            padding : 20px 20px 20px 20px;
        }
        
        .element, .element1:hover{
            transform: scale(0.9);
           }
        .element, .element1:active{
            transform: scale(0.8);
           }
        .element1 :nth-child(1) {
            background-image: url(/images/ManuelSV.png);
            background-size: 10%;
        }
        .element1 :nth-child(2){
            background-image: url(/images/ConOPS.png);
            background-size: 10%;        
        }
        
        .element:nth-child(1) {
            background-image: url(/images/Documents.jpeg);
        }
        .element:nth-child(2){
            background-image: url(/images/retex.jpeg);
        }
        .element:nth-child(3){
            background-image: url(/images/BEADGAC.jpeg);
            background-size: 100%;
        }
        .element:nth-child(4){
            background-image: url(/images/menaces.png);
        }
        .element:nth-child(5){
            background-image: url(/images/flashsv.jpeg);
            background-size: 80%;
        }
        .element:nth-child(6){
            background-image: url(/images/notifier.jpeg);
        }
        
/* boutons d'option pour PAGE BEA */
    
input[type="radio"].demo2 {
  display: none;
}
input[type="radio"].demo2 + label {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  color: #808080;
  background-color: #F5F5F5;
  border: 2px solid transparent;
  transition: all 0.1s ease-in-out;
}
input[type="radio"].demo2.demoyes:hover + label {
  color: white;
  background-color: #218838;
  border-color: black;
}
input[type="radio"].demo2.demoyes:checked + label {
  color: white;
  background-color: #218838;
  border-color: black;
}

input[type="radio"].demo2.demono:hover + label {
  color: white;
  background-color: blue;
  border-color: black;
}
input[type="radio"].demo2.demono:checked + label {
  color: white;
  background-color: blue;
  border-color: black;
}