
@media only screen and (min-width: 1224px) {

        .mon-container{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10px;            
            margin: 20px;
        }
        
        .one {
            width:100%;
            grid-column: 1 / 3;
            grid-row: auto;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
            padding : 5px;
        }
       
        .two {
            grid-column: 3;
            grid-row: auto;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
        }

        .off{
            display: none;
        }

        .menu {
            background-color: rgb(22, 102, 177);
        }

        .alert1 {
            background-color: rgb(238, 88, 108);
            margin : 20px;
            padding : 20px;
            color : white;
        }

        .alert2 {
            background-color: rgb(236, 207, 127);
            margin : 20px;
            padding : 20px;
            color : white;
        }

        .menu-a {
            color:white !important;
        }

        .fiche-art{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10px;            
            margin: 20px;
        }

        .art0{
            grid-column: 1/3;
            grid-row: 1;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
            padding : 5px;
        }

        .art1{
            grid-column: 1;
            grid-row: 2/3;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
            padding : 5px;
        }

        .art2{
            grid-column: 2 / 3;
            grid-row: 2/3;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
            padding : 5px;
        }

        .art3{
            grid-column: 3 / 3;
            grid-row: 1/2;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
            padding : 5px;
        }

        .art4{
            grid-column: 3 / 3;
            grid-row: 2/3;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 8px 0px;
            padding : 5px;
        }

        [aria-current="page"] {
            background-color: rgb(12, 61, 107);
          }

          .double{
            background-color:#ede9fe;
            color: #4a5565;
          }
        
            }

            