/********************************************
                    TABLETTE OU PETITS ECRANS
********************************************/
@media screen and (min-width:600px) and (max-width:1024px){
    #pratique{
       grid-template-columns:5% 20% 20% 20% 20% 5%;
       column-gap:2%;
}
}

/********************************************
                    TELEPHONE
********************************************/
@media screen and (max-width:599px){
        /*****HEADER****/
        header{
            width:auto;
            height:auto;
        }
        #titre{
            position:relative;
            margin-top:80px;
            left:12%;
        }
        #bouton{
            position:relative;
            width:50%;
            margin:auto;
            left:0;
        }
        #video{
        display:none;
        }


        /*****NAV*****/
        #barre{
            background-color:transparent;
        }
        .k_apparition{
            animation:none;
        }
        nav{
            display:inline;
            background-color:none;
            height:auto;
            width:auto;
            margin-top:0;
            right:0;
        }
        #nav{
            display:none;
            position:absolute;
        }
        .nav-mobile {
            display: inline;
            color:  white;
            font-size:8vw;
            cursor: pointer;
            }
        nav input[type=checkbox]:checked ~ #nav
         {
            display: flex;
            flex-direction:column;
            justify-content:flex-start;
            align-items:flex-start;
            background-color:#212121;
            right:0;
        }
        .choixnav{
            width:100%;
        }
        /*SECTION PRATIQUE*/
 #fond3{
    width:100%;
    height:600px;
    display:grid;
   grid-template-columns:49% 49%;
   column-gap:2%;
   grid-template-rows:5% 33% 12% 33% 12% 5% ;
   grid-template-areas:
   ". ."
   "pictoH pictoF"
   "texteH texteF"
   "pictoE pictoC"
   "texteE texteC"
   ". .";
 }

 .textepicto{
width:100%;

 }
 /*BANIERE PARTENAIRES*/

#Baniere{
    font-size:30px;
}
.bantexte{
    margin:0;
    height:20%;
    padding:0;
}
#banimage{
    height:80%;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    margin:0;
}
.Baniere1,.Baniere2,.Baniere3{
    Height:33%;
}

#Baniere1,#Baniere2,#Baniere3{
    Height:100%;
    width:auto;
}
/*LOCALISATION*/
#renseignements{
    padding-right:10px;
}

#iframe{
    width:40%;
    margin-right:50px;
}
 /*CONTACT*/
 #contact{
    flex-direction:column;
}

#infocontact{
	width:100%;
}

#form{
	width:100%;
}
    
    }