/* Header */
header{
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;    
}
/* Header */

.dn{
    display: none;;
}
.document_cart{
    padding: 20px 40px;
    display: block;
}
.document_cart img {
    max-width: 100%;
    height: auto;
}
.website_logo{
    display: block;
    max-width: auto;
    height: 100px;
    max-height: 150px;
}
main{
    background-color: #072969 ;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: calc(100vh - 160px);
}
.btn_pri{
    max-width: max-content;
}
.btn_pri button{
    display: flex;
    padding: 12px 24px;
    color: #111;
    background-color: white;
    border: 2px solid white;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    margin-bottom: 0;
}

.btn_pri button:hover {
    transition: .5s;
    background-color: #00acf0;
    color: white;
    border-color: #00acf0;
}
#admin_login form input,#user_login form input,main.admin input[type="text"]{
    padding: 15px 30px;
    border-radius: 25px;
    border: 2px solid white;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;    
}
main.admin input[type="text"],main.admin input[type="email"],main.admin input[type="password"]{
    padding: 12px 24px;
    border-radius: 0;
    border: 2px solid white;
    /* margin-bottom: 10px; */
    font-weight: 500;
    font-size: 16px;    
}
#admin_login form input[type="submit"],#user_login form input[type="submit"] {
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: .5s;
}
#admin_login form input[type="submit"]:hover,#user_login form input[type="submit"]:hover{
    transition: .5s;
    background-color: #00acf0;
    color: white;
    border-color: #00acf0;
}

#step_1 button,#steps button,#steps input[type="submit"]{
    display: flex;
    padding: 12px 24px;
    color: #111;
    background-color: white;
    border: 2px solid white;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    margin-bottom: 20px;
}
.nav_btns a{
    display: flex;
    padding: 10px 20px;
    color: #111;
    background-color: white;
    border: 2px solid white;
    transition: .5s;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    margin-bottom: 20px;
}
header input[type="submit"]{
    display: flex;
    padding: 12px 24px;
    color: #fff;
    background-color: #072969;
    border: 2px solid #072969 ;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
}

#step_1 button:hover,#steps button:hover,#steps input[type="submit"]:hover,header input[type="submit"]:hover,.nav_btns a:hover{
    transition: .5s;
    background-color: #00acf0;
    color: white;
    border-color: #00acf0;
}


#formation_steps .formation_matiere,#niveau_cours_soutien_primaire form{
    margin-right: 10px;
}
#formation_steps .formation_matiere form input[type="submit"] ,#niveau_cours_soutien_primaire form input[type="submit"],main.admin button,main.admin input[type="submit"]{
    display: flex;
    padding: 12px 24px;
    color: #111;
    background-color: white;
    border: 2px solid white;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    margin-bottom: 20px;
    max-width: max-content;
    /* margin-right: 10px; */
}
#formation_steps .formation_matiere form input[type="submit"]:hover,#niveau_cours_soutien_primaire form input[type="submit"]:hover,main.admin button:hover,main.admin input[type="submit"]:hover{
    transition: .5s;
    background-color: #00acf0;
    color: white;
    border-color: #00acf0;
}
main.admin select{
    display: flex;
    padding: 12px 24px;
    padding-left: 12px;
    color: #111;
    background-color: white;
    border: 2px solid white;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
    max-width: max-content;
}
main.admin #fileToUpload{
    color: white;
}

.inscrire_btn{
    color: white;
    text-decoration: none;
    transition: .5s;
    display: flex;
    justify-content: center;
}
.inscrire_btn:hover{
    color: #00acf0;
}
.social_links{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: white;
}
.social_links svg{
    height: 30px;
}