/* CSS Document */


@media screen and (max-width: 1023px) {
    .planning47-bloc-home-admin-acces .btns-planning-base{
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 900px) {

    .pos-photo-3,
    .pos-photo-4 {
        flex-direction: column-reverse;
    }

    .pos-photo-3 .para-desc,
    .pos-photo-4 .para-photos {
        width: 100%;
        margin-right: 0;
    }

    .pos-photo-3 .para-photos {
        width: 100%;
    }

    .pos-photo-4 .para-desc {
        width: 100%;
    }

}

@media screen and (max-width: 800px) {
    .block-connexioninscription{
        flex-wrap: wrap;
    }
    .block-connexioninscription .planning47-connexion,
    .block-connexioninscription .planning47-inscription{
        flex: 0 1 100%;
    }
    .block-connexioninscription .planning47-connexion{
        padding-right: 0;
        padding-bottom: 30px;
    }
    .block-connexioninscription .planning47-inscription{
        border-left: 0;
        border-top: 1px solid #E0E0E0;
        padding-left: 0;
        padding-top: 30px;
    }
    
    header .region-header{
        height: 65px;
    }
    .layout-container {
        padding-top: 65px !important;
    }
    header .region-header .block-logoheader .logo img{
        max-height: 60px;
    }
    header .region-header .block-logoheader .titre-baseline{
        display: none;
    }
    
    form.planning47-md-form .planning47-form-fields .form-item.form-type-textfield,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-number,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-password,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-select,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-email{
        flex: 0 1 50%;
    }
    
    .planning47-bloc-infos-compte .infos .mes-infos .coordonnees{
        column-count: 1;
    }
    .planning47-projets-page .projets .projet{
        flex: 0 1 50%;
    }
    
    .planning47-message-declic{
        flex-wrap: wrap;
    }
    .planning47-message-declic .lien{
        width: 100%;
        text-align: center;
        margin: 10px 0 0 0;
    }
    
    .planning47-bloc-home-admin-acces .btns-planning{
        flex-wrap: wrap;
    }
    .planning47-bloc-home-admin-acces .btns-planning-base {
        flex-wrap: wrap;
    }
    .planning47-bloc-home-admin-acces .btns-planning .btn-grand{
        margin-bottom: 15px;
    }
    .planning47-bloc-home-admin-acces .btns-planning-base .base{
        flex: 1 1 100%;
    }
    .planning47-bloc-home-admin-actions .btns-planning{
        flex-wrap: wrap;
    }
    .planning47-bloc-home-admin-actions .btns-planning .btn-grand:first-child{
        margin-bottom: 15px;
    }
    
    .region-content{
        padding: 0 5px;
    }
    .btn-page-back{
        top: -60px;
    }
    .planning47-bloc-espace {
        padding: 30px 10px;
        margin-top: 30px;
    }
    .btn-page-back a{
        text-indent: -9999px;
        padding: 2px 20px 20px;
        background-position: 50%;
    }
    .path-espace .block-page-title-block h1{
        text-align: center;
    }
    .block-page-title-block{
        margin-top: 30px;
    }
}

@media screen and (max-width: 600px) {

    .pos-photo-1 .para-photos,
    .pos-photo-2 .para-photos {
        flex-direction: column;
    }

    .pos-photo-1 .para-photos .para-photo,
    .pos-photo-2 .para-photos .para-photo {
        margin: 5px 0;
        display: flex;
    }

    .pos-photo-1 .para-photo-img,
    .pos-photo-2 .para-photo-img {
        width: 100%;
    }

    .pos-photo-1 .para-photos .para-photo a,
    .pos-photo-1 .para-photos .para-photo img,
    .pos-photo-2 .para-photos .para-photo a,
    .pos-photo-2 .para-photos .para-photo img {
        display: inline-block;
        width: auto;
        height: auto;
    }
    
    
    form.planning47-md-form .planning47-form-fields .form-item.form-type-textfield,
    form.planning47-md-form .planning47-form-fields .planning47-form-type-radios,
    form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-number,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-password,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-select,
    form.planning47-md-form .planning47-form-fields .form-item.form-type-email{
        flex: 0 1 100%;
        padding-right: 0;
    }
    .planning47-inscription-form .planning47-inscription-bloc-haut{
        padding: 150px 0 0 0;
        background-position: 50% 0;
    }

    .planning47-bloc-infos-compte .infos .mes-infos{
        padding: 0px 0 0 0;
        background-image: none;
    }
    .planning47-bloc-espace .titre-section{
        margin-bottom: 20px;
        width: 100%;
    }
    .planning47-bloc-programmes .programmes .prog{
        flex: 0 1 100%;
    }
    .planning47-bloc-programmes .programmes .prog a{
        background-position: 50% 15px;
        background-size: auto 70px;
        padding-top: 100px;
    }
    .planning47-projets-page .projets .projet{
        flex: 0 1 100%;
    }
    .path-inscription .block-blocheadernonconnecte{
        flex-wrap: wrap;
    }
    .path-inscription .block-blocheadernonconnecte .planning47-logo{
        width: 100%;
        border: 0;
        padding: 0;
    }
    .path-inscription .block-blocheadernonconnecte .planning47-titre{
        width: 100%;
        padding-left: 0;
    }
    .path-inscription .block-blocheadernonconnecte .planning47-titre h1,
    .path-inscription .block-blocheadernonconnecte .planning47-titre .planning47-subtitle{
        text-align: center;
    }
    
    .planning47-bloc-home-admin-acces .btns-planning-employe .line2 .btn-grand {
        background-position: 50% 8px;
        background-size: 35px auto;
        text-align: center;
        padding: 40px 0 0 0;
    }
    .planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand.mon-planning {
        height: 60px;
        background-position: 30px 50%;
        padding: 0 0 0 90px;
    }
    
}

@media screen and (max-width: 480px) {
    header .planning47-menu-header .user{
        display: none;
    }
    
    form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes .form-checkboxes .form-type-checkbox{
        flex: 0 1 100%;
    }
}