/*///////////////////////////////////////*/
/* ///// STYLE GLOBAL ///////////////// */
/*/////////////////////////////////////*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
*/

html{
    min-height: 100%;
    position: relative;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #393939;
    background-color: #F6F6F6;
    margin-bottom: 140px;
}

body p {
    line-height: 30px;
    margin-bottom: 15px;
    color: #242424;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

main {
    clear: both;
}

.wrapper {
    width: calc(100% - 50px);
    max-width: 1364px;
    margin: 0 auto;
}

.flex-center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.default-btn,
.form-submit,
.ui-widget .form-submit{
    border: none;
    width: auto;
    max-width: 300px;
    padding: 8px 20px 6px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 2px;
    background-color: #009688;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    transition: all 200ms ease-in-out;
}
.default-btn.disabled{
    opacity: 0.5;
    pointer-events: none;
}
.default-btn.delete{
    background-color: #FF1A00;
}

.form-submit {
    max-width: 200px;
}

.default-btn.primary-color {
    color: #fff;
    background: #007668;
}

.default-btn.primary-color:hover {
    color: #007668;
    background: #fff;
}

.default-btn.secondary-color,
.form-submit {
    color: #fff;
    background: #009688;
}

.default-btn:hover,
.form-submit:hover {
    color: #fff;
    background: #007668;
}
.default-btn.delete:hover{
    background-color: #dF0A00;
}

.planning47-form-actions{
    text-align: center;
    padding: 10px 0 0 0;
}

.region-content{
    padding: 0 20px;
}
.form-item input.error, .form-item textarea.error, .form-item select.error{
    border: 1px dashed red;
}

/*///////////////////////////////////////*/
/* ///// HEADER /////////////////////// */
/*/////////////////////////////////////*/

.layout-container{
    padding-top: 93px !important;
}
.layout-container.not-connected,
.layout-container.frontpage {
    padding-top: 0px !important;
}
.block-blocheadernonconnecte{
    text-align: center;
    margin: 40px auto 40px auto;
    display: flex;
    justify-content: center;
    max-width: 1088px;
}
.path-inscription .block-blocheadernonconnecte,
.path-mot-de-passe-oublie .block-blocheadernonconnecte{
    max-width: 810px;
}
.block-blocheadernonconnecte .planning47-logo{
    border-right: 1px solid #E0E0E0;
    padding: 0 40px 0px 0;
    display: flex;
    align-items: center;
}
.block-blocheadernonconnecte .planning47-logo img{
    max-width: 100px;
}
.block-blocheadernonconnecte .planning47-titre{
    padding: 20px 0 0 30px;
}
.block-blocheadernonconnecte h1{
}
.block-blocheadernonconnecte .planning47-subtitle{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
    margin: 10px 0;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

header .region-header {
    height: 93px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}
header .region-header .block-logoheader{
    display: flex;
}
header .region-header .block-logoheader .logo img{
    max-width: 115px;
}
header .region-header .block-logoheader .logo{
    margin: 0 25px 0 0;
}
header .region-header .block-logoheader .titre-baseline{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
header .region-header .block-logoheader .titre{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
    text-transform: uppercase;
    margin: 0 0 4px 0px;
}
header .region-header .block-logoheader .baseline{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
}

header .planning47-menu-header{
    display: flex;
    align-items: center;
}
header .planning47-menu-header .user .bonjour{
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    text-align: right;
    color: #003645;
}
header .planning47-menu-header .user .username{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    color: #003645;
}

/*header .block-superfish {
    width: auto;
}

Navigation principale
#superfish-main {
    display: flex;
}

#superfish-main li {
    display: inline-block;
    float: none;
}

#superfish-main li a {
    color: #393939;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 25px;
    line-height: 75px;
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

#superfish-main li a:hover,
#superfish-main li a.is-active:hover {
    color: #009688;
}

#superfish-main li a.is-active {
    color: #393939;
}

#superfish-main li#main-standardfront-page a {
    text-indent: 1000px;
    overflow: hidden;
    max-width: 80px;
    background: url('../images/svg/homepage-link.svg') no-repeat center;
}*/

/*///////////////////////////////////////*/
/* ///// ACCUEIL //////////////// */
/*/////////////////////////////////////*/
.block-connexioninscription,
.planning47-password-lost,
.planning47-inscription-form,
.planning47-bloc-form,
.planning47-bloc-espace{
    margin: 50px auto 120px;
    width: 1088px;
    max-width: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 40px 30px;
}
.planning47-bloc-espace.planning47-direction-inscriptions-page{
    width: 1190px;
}
.block-connexioninscription{
    margin: 40px auto 50px;
    max-width: 450px;
    width: 100%;
}
.planning47-bloc-espace{
    position: relative;
    margin: 50px auto 50px;
    padding: 30px 30px;
    box-shadow: none;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}
.planning47-bloc-espace-admin,
.planning47-bloc-espace-planning{
    width: 100%;
}
.block-connexioninscription .planning47-connexion{
    flex: 1 1 100%;
    padding-right: 0px;
    display: flex;
    justify-content: center;
}
.block-connexioninscription .planning47-connexion .planning47-connexion-content{
    max-width: 330px;
    width: 100%;
}
.block-connexioninscription .planning47-inscription{
    flex: 0 1 60%;
    border-left: 1px solid #E0E0E0;
    padding-left: 30px;
    display: flex;
    justify-content: center;
}
.block-connexioninscription .planning47-inscription .planning47-inscription-content{
    max-width: 540px;
}
.block-connexioninscription .planning47-inscription .planning47-bloc-content{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 30px 0 0 0;
}
.block-connexioninscription .planning47-inscription .insc-btn{
    width: 33.33%;
    min-width: 170px;
    padding: 0 8px 20px;
}
.block-connexioninscription .planning47-inscription .insc-btn a{
    display: block;
    text-decoration: none;
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #3e3e3e;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 148px 0 14px 0;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    background-image: url(../images/interface/insc-enseignant.png);
}
.block-connexioninscription .planning47-inscription .insc-btn a.insc-directeur{
    background-image: url(../images/interface/insc-directeur.png);
}
.block-connexioninscription .planning47-inscription .insc-btn a.insc-structure{
    background-image: url(../images/interface/insc-structure.png);
}
.block-connexioninscription .planning47-inscription .insc-btn a span{
    display: block
}
.block-connexioninscription .planning47-inscription .insc-btn a .type{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #003645;
    text-transform: uppercase;
}
.block-connexioninscription .planning47-inscription .insc-btn a .sstype{
    font-style: italic;
}
.block-connexioninscription .planning47-inscription .insc-btn a:hover{
    background-color: #f0f0f0;
}


.planning47-bloc-home .planning47-bloc-titre{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #003645;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.planning47-bloc-home .planning47-bloc-desc{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #3e3e3e;
}
.planning47-password-lost-link{
    padding: 30px 0 0 0;
    text-align: center;
}
.planning47-password-lost-link a{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #009688;
}

.planning47-password-lost{
    width: 810px;
}
.planning47-password-lost .planning47-password-lost-content{
    width: 100%;
}

.planning47-inscription-form,
.planning47-bloc-form{
    width: 810px;
}
.planning47-inscription-form .planning47-inscription-form-content,
.planning47-bloc-form .planning47-bloc-form-content{
    width: 100%;
}
.planning47-inscription-form .planning47-inscription-bloc-haut{
    width: 100%;
    min-height: 130px;
    padding: 0 0 0 150px;
    background-repeat: no-repeat;
    background-position: 25px 50%;
    background-image: url(../images/interface/insc-enseignant.png);
    margin: 0 0 20px 0;
}
.planning47-inscription-form .planning47-inscription-directeur-form .planning47-inscription-bloc-haut{
    background-image: url(../images/interface/insc-directeur.png);
}
.planning47-inscription-form .planning47-inscription-structure-form .planning47-inscription-bloc-haut{
    background-image: url(../images/interface/insc-structure.png);
}
.planning47-inscription-form .planning47-inscription-bloc-haut .planning47-bloc-titre{
    text-align: left;
}
.planning47-inscription-form .planning47-inscription-bloc-haut .planning47-bloc-desc{
    text-align: left;
}
.planning47-inscription-form form .form-item-niveaux label,
.planning47-bloc-form form .form-item-niveaux label{
    z-index: 9;
}

.planning-legende {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #3e3e3e;
    margin: 30px 0 0 0;
}

/*///////////////////////////////////////*/
/* ///// TITRE DE PAGE //////////////// */
/*/////////////////////////////////////*/
.block-page-title-block {
    position: relative;
    width: calc(100% - 50px);
    max-width: 1088px;
    margin: 60px auto 10px;
}

.block-page-title-block h1,
.block-blocheadernonconnecte h1{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #003645;
    text-transform: uppercase;
}
.block-blocheadernonconnecte h1{
    text-align: left;
}
.planning47-bloc-espace.planning47-projet-detail{
    margin-top: 76px;
}
.btn-page-back-container{
    position: relative;
    width: 810px;
    max-width: 100%;
    margin: 0 auto;
}
.planning47-page-top{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.btn-page-back{
    position: absolute;
    top: -80px;
    right: 0;
}
.page-node-type-projet .btn-page-back,
.planning47-bloc-espace.planning47-projet-detail .btn-page-back{
    top: -56px;
}
.btn-page-back a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../images/svg/picto-retour.svg);
    background-repeat: no-repeat;
    background-position: 15px 47%;
    padding: 2px 15px 0 40px;
}
.btn-page-back a:hover{
    background-color: #f6f6f6;
}

/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/
.block-system-breadcrumb-block {
    width: calc(100% - 50px);
    max-width: 1364px;
    margin: 0 auto 50px;
}

.block-system-breadcrumb-block li,
.block-system-breadcrumb-block li a {
    font-size: 12px;
    line-height: 16px;
    color: #242424;
    text-decoration: none;
}

.block-system-breadcrumb-block li a:hover {
    text-decoration: underline;
}

.block-system-breadcrumb-block li:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 8px;
    background: url('../images/svg/arrow-breadcrumbs.svg') no-repeat center;
}


/*///////////////////////////////////////*/
/* ///// CONTACT FORM ///////////////// */
/*/////////////////////////////////////*/

.contact-form {
    width: calc(100% - 50px);
    max-width: 1364px;
    margin: 40px auto 0;
}

.contact-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form form .field--type-list-string,
.contact-form form .field--type-string,
.contact-form form .field--type-email {
    width: 32%;
}

.contact-form form .field--type-list-string .form-radios {
    display: flex;
    flex-wrap: wrap;
}

.contact-form form .field--type-list-string .form-radios .form-type-radio:not(:last-of-type) {
    margin-right: 40px;
}

.contact-form form .form-item {
    margin-bottom: 0;
}

.contact-form form label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    color: #242424;
}

.contact-form form .field--type-string-long {
    width: 100%;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form select {
    color: #4B4B4D;
    width: 100%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border: solid 1px #C8C8C8;
}

.contact-form form textarea {
    color: #4B4B4D;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #C8C8C8;
}

.contact-form form .form-actions {
    width: 100%;
    display: flex;
    justify-content: center;
}

.g-recaptcha {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Form material design */
form:not(.form-no-md) input.form-text,
form:not(.form-no-md) input.form-email,
form:not(.form-no-md) input.form-number,
form:not(.form-no-md) input.form-date,
form:not(.form-no-md) input.form-time,
form:not(.form-no-md) select,
form:not(.form-no-md) textarea{
    width: 100%;
    padding: 8px 0;
    border: none;
    outline: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.38);
    box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.38);
    min-height: 38px;
}
form input.form-date,
form select{
    padding: 7px 0;
    height: 38px;
}
form input.form-date{
    background-color: transparent;
}
form:not(.form-no-md) input.form-text:focus,
form:not(.form-no-md) input.form-email:focus,
form:not(.form-no-md) input.form-number:focus,
form:not(.form-no-md) input.form-date:focus,
form:not(.form-no-md) input.form-time:focus,
form:not(.form-no-md) select:focus,
form:not(.form-no-md) textarea:focus,
form:not(.form-no-md) .hasText input.form-text,
form:not(.form-no-md) .hasText input.form-email,
form:not(.form-no-md) .hasText input.form-number,
form:not(.form-no-md) .hasText input.form-date,
form:not(.form-no-md) .hasText input.form-time,
form:not(.form-no-md) .hasText select,
form:not(.form-no-md) .hasText textarea{
    -webkit-box-shadow:inset 0 -2px 0 0 #009688;
    box-shadow:inset 0 -2px 0 0 #009688;
}
form select{
    -moz-appearance: none;
    background-color: transparent;
}

form:not(.form-no-md) .form-type-textfield,
form:not(.form-no-md) .form-type-email,
form:not(.form-no-md) .form-type-number,
form:not(.form-no-md) .form-type-date,
form:not(.form-no-md) .form-type-time,
form:not(.form-no-md) .form-type-item,
form:not(.form-no-md) .form-type-password,
form:not(.form-no-md) .form-type-select,
form:not(.form-no-md) .form-type-textarea,
form:not(.form-no-md) .form-type-date-popup{
    padding-top: 16px;
    position: relative;
}
form:not(.form-no-md) .form-type-textfield label,
form:not(.form-no-md) .form-type-email label,
form:not(.form-no-md) .form-type-number label,
form:not(.form-no-md) .form-type-date label,
form:not(.form-no-md) .form-type-time label,
form:not(.form-no-md) .form-type-item label,
form:not(.form-no-md) .form-type-password label,
form:not(.form-no-md) .form-type-select label,
form:not(.form-no-md) .form-type-textarea label,
form:not(.form-no-md) .form-type-date-popup label{
    position: absolute;
    top: 28px;
    color: rgba(0, 0, 0, 0.38);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-transform: uppercase;
    font-size: 14px;
    pointer-events: none;
}
form:not(.form-no-md) .form-type-date label{
    background-color: #fff;
    width: calc(100% - 40px);
    height: 20px;
}
form:not(.form-no-md) .form-type-date-popup label{
    z-index: 1;
    pointer-events: none;
}
form:not(.form-no-md) .form-type-textfield.hasText label,
form:not(.form-no-md) .form-type-email.hasText label,
form:not(.form-no-md) .form-type-number.hasText label,
form:not(.form-no-md) .form-type-date.hasText label,
form:not(.form-no-md) .form-type-time.hasText label,
form:not(.form-no-md) .form-type-item.hasText label,
form:not(.form-no-md) .form-type-password.hasText label,
form:not(.form-no-md) .form-type-select.hasText label,
form:not(.form-no-md) .form-type-textarea.hasText label,
form:not(.form-no-md) .form-type-date-popup.hasText label{
    top: 0px;
    font-size: 12px;
    color: #009688;
}
form .form-type-textarea textarea{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
form .form-item .description{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    line-height: 22px;
    color: #3e3e3e;
}
form .form-item .description .dont{
    color: #FF0000;
}

form.form-no-md label {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
}
form.form-no-md select,
form.form-no-md input[type=date]{
    background: #fff;
    border: 1px solid #009688;
    padding: 0px 10px;
    font-size: 14px;
}
form.form-no-md textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #009688;
    padding: 10px 10px;
    font-size: 14px;
}
form.form-no-md fieldset .fieldset-legend {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
}

form.form-demande-conges{
    margin: 0 0 30px 0;
}
form.form-demande-conges input.add-btn {
    max-width: 320px;
    margin: 10px 0 0 0
}
form.form-demande-conges .form-actions {
    text-align: center;
}
form.user-register-form .form-submit,
form.user-form .form-submit{
    max-width: inherit;
}

/*CHECKBOX*/
input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked {
    background-color: #009688;
}

input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
    border: 2px solid #C2C2C2;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
}

input[type=checkbox]:before,
input[type=radio]:before {
    font-family: 'Font Awesome 5 Free';
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    font-weight: 700;
    border-radius: 0;
    padding-left: 0.5px;
    padding-top: 2px;
    text-align: center;
    background: #fff;
    font-size: 11px;
    color: #fff;
    border: 3px solid #009688;
    border-radius: 2px;
    cursor: pointer;
    margin-left: -2px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

input[type=radio]:before {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

input[type=radio]:checked:before {
    color: #009688;
    content: "\f111";
}

input[type=checkbox]:checked:before {
    content: "\f00c";
/*    background: #009688;
    outline: solid 3px #fff;
    outline-offset: -6px;*/
    color: #fff;
    background-color: #009688;
    font-size: 14px;
    line-height: 12px;
}
form.planning47-md-form fieldset.form-item.form-composite legend {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
}
form.planning47-md-form .form-radios{
    display: flex;
    flex-wrap: wrap;
}
form.planning47-md-form .form-type-checkbox,
form.planning47-md-form .form-radios .form-type-radio{
    margin: 6px 30px 6px 2px;
}
form.planning47-md-form .form-radios .form-type-radio label{
    cursor: pointer
}
form.planning47-md-form .planning47-form-fields{
    display: flex;
    flex-wrap: wrap;
}
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-date,
form.planning47-md-form .planning47-form-fields .form-item.form-type-time,
form.planning47-md-form .planning47-form-fields .form-item.form-type-item,
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 33.33%;
    padding-right: 20px;
}
form.planning47-md-form .planning47-form-fields .form-item.form-type-checkbox,
form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes,
form.planning47-md-form .planning47-form-fields .planning47-form-type-radios,
form.planning47-md-form .planning47-form-fields .form-item.form-type-textarea{
    flex: 0 1 100%;
}
form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes .form-checkboxes{
    display: flex;
    flex-wrap: wrap;
}
form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes .form-checkboxes .form-type-checkbox{
    flex: 0 1 33.33%;
    padding-right: 20px;
}
form.planning47-md-form .planning47-form-fields .form-item.form-type-select select{
    appearance: none;
    -moz-appearance: none;
    line-height: 24px;
}
.planning47-bloc-home-admin-acces .filtre-personnel .form-item.form-type-select:after,
form.planning47-md-form .planning47-form-fields .form-item.form-type-select:after,
.dhx_cal_filtres .form-item.form-type-select:after{
    content: '';
    border-top: 8px solid #003645;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 10px;
    bottom: 14px;
}
form.planning47-md-form .planning47-form-fields .titre-section{
    width: 100%;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
    text-transform: uppercase;
    margin: 15px 0 0px 0;
}

.select2.select2-container{
    width: 100% !important;
}
.select2.select2-container .selection .select2-selection{
    box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 38%);
    border: 0;
    border-radius: 0;
    min-height: 38px;
}
.hasText .select2.select2-container .selection .select2-selection{
    box-shadow: inset 0 -2px 0 0 #009688;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice{
    background-color: #003645;
    border-radius: 3px;
    border: 0;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    padding: 0 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove{
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove:hover{
    color: #ccc;
}
form.planning47-md-form .form-type-checkbox{
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    display: flex;
    align-items: flex-start;
}
form.planning47-md-form .form-type-checkbox input{
    margin: 3px 16px 0 0;
}

.dhx_cal_filtres .form-item{
    position: relative;
}
.select2-selection--multiple{
    line-height: 1.5em !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    margin-right: 25px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}
.select2-container--default .select2-selection--single{
    border: 0px;
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 7px 0;
    line-height: 24px;
    font-family: "Open Sans";
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}


/*///////////////////////////////////////*/
/* ///// PAGE DE CONTENU ////////////// */
/*/////////////////////////////////////*/

.planning47-bloc-espace.node--type-contenu {
/*    width: calc(100% - 50px);*/
    max-width: 1364px;
    margin: 50px auto 0;
}
.planning47-bloc-espace.node--type-contenu > .node__content {
    width: 100%;
}

/*///////////////////////////////////////*/
/* ///// ESPACE CLIENT ////////////// */
/*/////////////////////////////////////*/

.user-logged-in .planning47-inscription-form{
    margin-bottom: 0px;
}
.planning47-bloc-espace .titre-section{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #003645;
    text-transform: uppercase;
}
.planning47-bloc-espace .planning47-bloc-espace-content{
    width: 100%;
}
.planning47-bloc-home-admin-acces{
    padding: 30px 15px 30px 30px;
}

.planning47-bloc-home-admin-acces .btns-planning-employe {
    display: flex;
    margin: 20px 0 0px;
    flex-wrap: wrap;
}

.planning47-bloc-home-admin-acces .btns-planning {
    display: flex;
    margin: 30px 0 20px;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand,
.planning47-bloc-home-admin-acces .btns-planning .btn-grand{
    position: relative;
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 119px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0 0 150px;
    background: url('../images/svg/logo-ouiresa.svg') no-repeat 30px 50%;
    background-size: 90px auto;
    margin: 0 15px 0 0;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand {
    height: 97px;
    background-size: 70px auto;
    padding: 0 0 0 120px;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand.mon-planning{
    flex: 1 1 100%;
    margin: 0 0 20px 0;
    background: url('../images/svg/planif-heures.svg') no-repeat 45px 50%;
}
.planning47-bloc-home-admin-acces .btns-planning .btn-grand span {
    display: block;
}
.planning47-bloc-home-admin-acces .btns-planning .btn-grand span.big {
    font-size: 22px;
}

.planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand span{
    display: block;
    font-size: 18px;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand::after,
.planning47-bloc-home-admin-acces .btns-planning .btn-grand::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    border: 5px solid #009688;
    opacity: 0;
    transition: 250ms ease all;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .btn-grand:hover::after,
.planning47-bloc-home-admin-acces .btns-planning .btn-grand:hover::after{
    opacity: 1;
}
.planning47-bloc-home-admin-acces .btns-planning-base {
    display: flex;
    margin: 20px 0 20px;
    padding: 0 5px 0 0;
    flex-wrap: wrap;
}
.planning47-bloc-home-admin-acces .btns-planning-base .base {
    flex: 1 1 33.33%;
    padding: 0 10px 10px 0;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .line2 {
    flex: 1 1 100%;
    display: flex;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .planning-base,
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 10px;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .planning-base{
    flex: 1 1 50%;
    display: flex;
    align-items: stretch;
}
.planning47-bloc-home-admin-acces .btns-planning-employe .planning-base a,
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu .titre a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    border-radius: 5px;
    background: url('../images/interface/bg-baden.png') no-repeat 50%;
    background-size: cover;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.planning47-bloc-home-admin-acces .btns-planning-base .base.arradon .contenu .titre a {
    background-image: url('../images/interface/bg-arradon.png');
}
.planning47-bloc-home-admin-acces .btns-planning-base .base.sene .contenu .titre a {
    background-image: url('../images/interface/bg-sene.png');
}
.planning47-bloc-home-admin-acces .btns-planning-employe .planning-base a {
    width: 100%;
    height: auto;
}
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu .btns {
    display: flex;
    margin: 10px 0 0px;
}
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu .btns a {
    position: relative;
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 40px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 5px 0 40px;
    background: url('../images/svg/picto-personnel.svg') no-repeat 10px 50%;
    margin: 0 15px 0 0;
}
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu .btns a.personnel {
    
}
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu .btns a.activites {
    background: url('../images/svg/picto-activites.svg') no-repeat 10px 50%;
    margin: 0 0px 0 0;
}
.planning47-bloc-home-admin-acces .btns-planning-base .base .contenu .btns a:hover{
    background-color: #F6F6F6;
}

.planning47-bloc-home-admin-acces .filtre-personnel {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    margin: 30px 0 0 0;
    padding: 0 15px 0 0;
}
.planning47-bloc-home-admin-acces .filtre-personnel .form-item{
    position: relative;
    width: 100%;
    margin: 0;
}
.planning47-bloc-home-admin-acces .filtre-personnel .form-item label {
    display: block;
    font-size: 12px;
    color: #009688;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-transform: uppercase;
    font-size: 14px;
    pointer-events: none;
    font-family: Roboto;

}
.planning47-bloc-home-admin-acces .filtre-personnel select {
    min-width: 300px;
}


.planning47-bloc-home-admin-actions{
    padding: 30px 15px 30px 30px;
}
.planning47-bloc-home-admin-actions .btns-planning {
    display: flex;
    margin: 20px 0 0px;
}
.planning47-bloc-home-admin-admin .btns-planning {
    display: flex;
    margin: 20px 0 0px;
    flex-wrap: wrap;
}
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a,
.planning47-bloc-home-admin-admin .btns-planning .btn-grand,
.planning47-bloc-home-admin-actions .btns-planning .btn-grand {
    position: relative;
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 86px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0 0 100px;
    background: url('../images/svg/validation-heures.svg') no-repeat 30px 50%;
    margin: 0 15px 0 0;
}
.planning47-bloc-home-admin-admin .btns-planning .btn-grand {
    flex: 1 1 31%;
    margin: 15px 15px 0 0;
}
.planning47-bloc-home-admin-actions .btns-planning .btn-grand.planif {
    background-image: url('../images/svg/planif-heures.svg');
}
.planning47-bloc-home-admin-actions .btns-planning .btn-grand span {
    display: block;
}
.planning47-bloc-home-admin-actions .btns-planning .btn-grand span.big {
    font-size: 22px;
}
.planning47-bloc-home-admin-admin .btns-planning .btn-grand::after,
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a::after,
.planning47-bloc-home-admin-actions .btns-planning .btn-grand::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    border: 5px solid #009688;
    opacity: 0;
    transition: 250ms ease all;
}
.planning47-bloc-home-admin-admin .btns-planning .btn-grand:hover::after,
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a:hover::after,
.planning47-bloc-home-admin-actions .btns-planning .btn-grand:hover::after{
    opacity: 1;
}

.planning47-bloc-home-admin-affectation .calendar {
    border-radius: 5px;
    background: #f3f3f3;
    border: 1px solid #e0e0e0;
    border-left: 12px solid #009688;
    margin: 30px 0 30px;
    display: flex;
    flex-wrap: wrap;
}
.planning47-bloc-home-admin-affectation .calendar .week{
    flex: 1 1 20%;
}
.planning47-bloc-home-admin-affectation .calendar .week .weekname{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 26px;
}
.planning47-bloc-home-admin-affectation .calendar .week .days{
    display: flex;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day{
    flex: 1 1 15%;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e0e0e0;
    height: 43px;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    color: #3e3e3e;
    text-decoration: none;
    padding: 0 2px;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day a.current-day {
    background-color: #009688;
    color: #fff;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day a .num{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day a.current-day .num{
    color: #fff;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day a:hover{
    background-color: #fafafa;
}
.planning47-bloc-home-admin-affectation .calendar .week .days .day a.current-day:hover {
    background-color: #20a698;
}

.planning47-bloc-home-admin-affectation .affectations .titre {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #009688;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 14px 0;
    margin: 0 0 10px 0;
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #003645;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row .personnel{
    flex: 1 1 auto;
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row .personnel .lieu {
    font-style: italic;
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row .personnel .lieu .lieu-color {
    display: inline-flex;
    width: 8px;
    height: 8px;
    background-color: #F15C23;
    border-radius: 4px;
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row .heures{
    flex: 0 1 120px;
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row .actions a {
    position: relative;
    display: flex;
    width: 42px;
    height: 40px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 8px 0 0;
    background-image: url(../images/svg/btn-calendar.svg);
}
.planning47-bloc-home-admin-affectation .affectations .personnes .row .actions a:hover {
    background-color: #F6F6F6;
}

.planning47-bloc-home-admin-mon-temps .btns-actions-employe{
    margin: 20px 0 0 0;
}
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a{
    margin: 0 0 15px 0;
    height: 57px;
    background-image: url(../images/svg/picto-declarer.svg);
    padding: 0 0 0 85px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a:last-child{
    margin: 0;
}
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a.planif-annuelle{
    background-image: url('../images/svg/planif-heures.svg');
    background-size: 30px auto;
}
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a.conges{
    background-image: url(../images/svg/picto-conges.svg);
}
.planning47-bloc-home-admin-mon-temps .btns-actions-employe a.declarer .requis {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 0 0 10px;
    background: url('../images/svg/attention.svg') no-repeat 0 0px;
    background-size: contain;
}

.heures-filtres {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px 0;
}
.heures-filtres .filtre-personnel {
    flex: 1 1 auto;
}
.heures-filtres .form-item label {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
}
.heures-filtres .filtre-personnel .form-item,
.heures-filtres .filtre-saison .form-item {
    position: relative;
    max-width: 500px;
    margin: 0;
}
.heures-filtres .form-item.form-type-select:after{
    content: '';
    border-top: 8px solid #003645;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 10px;
    bottom: 14px;
}
.heures-filtres .filtre-base {
    display: flex;
    align-items: center;
}
.heures-filtres .filtre-base .base {
    padding: 0 20px 0 0;
}
.heures-filtres .filtre-base .base a{
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
}
.heures-filtres .filtre-base .base a .check{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 3px solid #000;
    margin: 0 10px 0 0;
    transition: 250ms ease all;
}
.heures-filtres .filtre-base .base a:not(.active) .check{
    background-color: #fff !important;
}
.heures-filtres .filtre-base .base a.active .check{
    background-image: url(../images/svg/check-base.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}


.table.pl47-table {
    width: 100%;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-left: 12px solid #009688;
    margin: 0px 0 0px;
    overflow-x: auto;
}
.table.pl47-table .thead {
    background: #f3f3f3;
}
.table.pl47-table .thead tr,
.table.pl47-table .thead .tr {
    border-bottom: 1px solid #e0e0e0;
}
.table.pl47-table .tr {
    width: 100%;
    display: flex;
    align-items: stretch;
}
.table.pl47-table .th{
    background: #f3f3f3;
}
.table.pl47-table .th,
.table.pl47-table .td{
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #e0e0e0;
    white-space: normal;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
}
.table.pl47-table .th:last-child,
.table.pl47-table .td:last-child {
    border-right: 0;
    flex: 1 1 auto;
}
.table.pl47-table .th-col2{
    flex: 1 1 auto;
}

.heures-planif.disabled {
    opacity: 0.7;
}
.heures-planif.disabled .tbody{
    pointer-events: none;
}
.heures-planif .table .thead,
.heures-planif .table .tbody {
    min-width: 1100px;
}
.heures-planif .table .th-semaine {
    flex: 0 0 160px;
    font-size: 12px;
    border-right-width: 2px;
}
.heures-planif .table .th-personnel {
    height: 33px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    border-bottom: 1px solid #e0e0e0;
    border-right: 0;
}
.heures-planif .table .tr-col2 {
    width: 100%;
    display: flex;
    align-items: stretch;
}
.heures-planif .table .th.jour {
    height: 43px;
    font-weight: 700;
}
.heures-planif .table .th.total,
.heures-planif .table .th.base,
.heures-planif .table .th.com {
    font-size: 12px;
}
.heures-planif .table .tbody .tr{
    border-bottom: 1px solid #e0e0e0;
}
.heures-planif .table .tbody td,
.heures-planif .table .tbody .td {
    min-height: 37px;
    font-size: 13px;
}
.heures-planif .table .report-txt {
    flex: 0 0 160px;
    border-right-width: 2px;
}
.heures-planif .table .report-deb {
    flex: 0 0 620px;
    background-color: #f3f3f3;
    border-right-width: 2px;
}
.heures-planif .table .report-val {
    flex: 0 0 90px;
    border-right-width: 2px;
    display: flex;
    align-items: stretch;
    cursor: pointer;
    background-color: #fff;
}
.heures-planif .table .report-fin {
    flex: 1 1 90%;
    background-color: #f3f3f3;
}
.heures-planif .table .semaine {
    flex: 0 0 40px;
}
.heures-planif .table .date {
    flex: 0 0 120px;
    border-right-width: 2px;
}
.heures-planif .table .jour {
    flex: 0 0 50px;
    font-size: 14px;
}
.heures-planif .table .last-jour{
    border-right-width: 2px;
}
.heures-planif .table .total {
    flex: 0 0 90px;
    background-color: #f3f3f3;
    border-right-width: 2px;
}
.heures-planif .table .base {
    flex: 0 0 90px;
    border-right-width: 2px;
}
.heures-planif .table .date .fin {
    background: url('../images/svg/date-fin.svg') no-repeat 0 50%;
    padding: 0 0 0 10px;
    margin: 0 0 0 7px;
}
.heures-planif .table .td.jour{
    background-color: #EFEFEF;
}
.heures-planif .table .td.jour[data-date],
.heures-planif .table .td.base {
    cursor: pointer;
    background-color: #fff;
}
.heures-planif .table .td.jour.rh[data-date] {
    background-color: #A27676;
}
.heures-planif .table .td.jour.cp[data-date] {
    background-color: #8ADFF5;
}
.heures-planif .table .td.jour.cf[data-date] {
    background-color: #4BC2E1;
}
.heures-planif .table .td.jour.recup[data-date] {
    background-color: #C9B59D;
}
.heures-planif .table .td.jour.formation[data-date] {
    background-color: #d7e7be;
}
.heures-planif .table .td.jour.cet[data-date] {
    background-color: #9BD2E9;
}
.heures-planif .table .td.jour.am[data-date] {
    background-color: #FB8572;
}
.heures-planif .table .td.jour.at[data-date] {
    background-color: #FBA592;
}
.heures-planif .table .td.jour.aff-real{
    position: relative;
    padding-bottom: 10px;
}
.heures-planif .table .td.jour.aff-real::after{
    content: attr(data-real);
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #333;
    color: #fff;
    font-size: 11px;
    padding: 1px 4px;
}
.heures-planif .table .tbody .td.base{
    display: flex;
    align-items: stretch;
}
.heures-planif .table .td.ferie[data-date]{
    background-color: #FBB5BC;
    position: relative;
}
.heures-planif .table .td.ferie[data-date]::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-top : 15px solid #FBB5BC;
    border-left : 15px solid transparent;
}
.heures-planif .table .td.jour[data-date]:hover,
.heures-planif .table .td.base:hover {
    background-color: #fbfbdb;
}
.heures-planif .table .th.com,
.heures-planif .table .td.com {
    flex: 1 1 50%;
    text-align: left;
    justify-content: flex-start;
    padding: 0 10px;
}
.heures-planif .table .td.com {
    padding: 5px 10px;
}
.heures-planif .table .td.com.com-emp,
.heures-planif .table .td.com.com-gen {
    position: relative;
}
.heures-planif .table .td.jour input {
    display: none;
}
.heures-planif .table .report-val input,
.heures-planif .table .td.jour[data-date] input,
.heures-planif .table .td.base input{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    text-align: center;
}
.heures-planif .table input[type=number]::-webkit-outer-spin-button,
.heures-planif .table input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.heures-planif .table .td.com-emp textarea,
.heures-planif .table .td.com-gen textarea{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    text-align: left;
    padding: 5px 10px;
    resize: none;
}

.heures-planif .tfoot .txt-total{
    flex: 0 0 510px; 
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    text-align: right;
    color: #3e3e3e;
    border-right: 2px solid #e0e0e0;
    padding: 0 8px;
    min-height: 37px;
    justify-content: flex-end;
}

.heures-valid.disabled {
    opacity: 0.7;
    pointer-events: none;
}
.heures-valid .table .thead,
.heures-valid .table .tbody {
    min-width: 1500px;
}
.heures-valid .table .th-annee{
    flex: 0 0 49px;
    font-size: 12px;
}
.heures-valid .table .th-mois{
    flex: 0 0 49px;
    font-size: 12px;
}
.heures-valid .table .th-hebdo{
    flex: 0 0 49px;
    font-size: 12px;
}
.heures-valid .table .th-personnel{
    flex: 0 0 150px;
    font-size: 12px;
}
.heures-valid .table .th-affect{
    flex: 0 0 128px;
    font-size: 12px;
    border-right-width: 2px;
}
.heures-valid .table .th-col-jours{
    flex: 1 1 auto;
}
.heures-valid .table.pl47-table .th.th-figer{
    flex: 0 0 40px;
    font-size: 12px;
}
.heures-valid .table .th-col-jours .th-semaine {
    position: relative;
    height: 33px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    border-bottom: 2px solid #e0e0e0;
    border-right: 0;
    justify-content: space-between;
}
.heures-valid .table .th-col-jours .th-semaine .sem-prev,
.heures-valid .table .th-col-jours .th-semaine .sem-next {
    flex: 0 0 30px;
    display: flex;
    justify-content: center;
}
.heures-valid .table .th-col-jours .th-semaine .sem-prev a,
.heures-valid .table .th-col-jours .th-semaine .sem-next a {
    display: block;
    width: 30px;
    height: 28px;
    background: url('../images/svg/date-prev.svg') no-repeat 50%;
    background-size: 9px 14px;
}
.heures-valid .table .th-col-jours .th-semaine .sem-next a {
    background-image: url('../images/svg/date-next.svg')
}
.heures-valid .table .th-col-jours .tr-col-jours {
    display: flex;
    align-items: stretch;
}
.heures-valid .table .th-col-jours .tr-col-jours .th.jour {
    flex: 1 1 10%;
    flex-wrap: wrap;
    border-right-width: 2px;
}
.heures-valid .table .th-col-jours .tr-col-jours .th.jour .jour-txt {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    height: 24px;
    border-bottom: 1px solid #e0e0e0;
}
.heures-valid .table .th-col-jours .tr-col-jours .th.jour .sscol {
    flex: 1 1 100%;
    display: flex;
    align-items: stretch;
    height: 20px;
}
.heures-valid .table .th-col-jours .tr-col-jours .th.jour .sscol div {
    flex: 1 1 20%;
    border-right: 0;
    font-size: 10px;
}
.heures-valid .table .th-col-jours .tr-col-jours .th.jour .sscol div.correct {
    flex: 1 1 40%;
}
.heures-valid .table .tbody .tr {
    border-bottom: 2px solid #e0e0e0;
}
.heures-valid .table .tbody .tr:last-child {
    border-bottom: 0;
}
.heures-valid .table .tbody .annee,
.heures-valid .table .tbody .mois,
.heures-valid .table .tbody .hebdo {
    flex: 0 0 49px;
    border-bottom: 4px solid transparent;
}
.heures-valid .table .tbody .personnel {
    flex: 0 0 150px;
    border-bottom: 4px solid transparent;
    position: relative;
}
.heures-valid .table .tbody .affectation {
    flex: 0 0 128px;
    border-right-width: 2px;
    flex-direction: column;
    align-items: stretch;
}
.heures-valid .table .tbody .affectation .td{
    height: 26px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 0;
}
.heures-valid .table .tbody .affectation .td:last-child{
    border-bottom: 0;
}
.heures-valid .table .tbody .td.jours {
    flex: 1 1 auto;
    align-items: stretch;
}
.heures-valid .table .tbody .td.jour {
    flex: 1 1 10%;
    border-right-width: 2px;
    align-items: stretch;
}
.heures-valid .table .tbody .td.jour.disabled {
    background-color: #fafafa;
}
.heures-valid .table .tbody .td.jour .affectations {
    flex: 1 1 80%;
    flex-direction: column;
    align-items: stretch;
}
.heures-valid .table .tbody .td.jour .figer-day {
    flex: 1 1 20%;
    flex-direction: column;
    padding-top: 0px;
    position: relative;
}
.heures-valid .table .tbody .td.figer {
    flex: 0 0 40px;
    flex-direction: column;
    padding-top: 0px;
    position: relative;
}
.heures-valid .table .tbody .td.figer input{
    margin: 0 5px 6px 0;
}
.heures-valid .table .tbody .td.jour .affectations > .td {
    height: 26px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 0;
    align-items: stretch;
}
.heures-valid .table .tbody .td.jour .affectations .td:last-child {
    border-bottom: 0;
}
.heures-valid .table .tbody .td.jour .affectations > .td > .td {
    flex: 1 1 30%;
    border-right: 0;
    font-size: 10px;
    position: relative;
}
/*.heures-valid .table .tbody .td.jour .affectations .td.affect-tps .td.note::after {
    content: 'i';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    background-color: #009688;
    border-radius: 10px;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
}*/
.heures-valid .table .tbody .td.jour .affectations > .td > .td.correct {
    flex: 1 1 60%;
    display: flex;
    align-items: stretch;
}
.heures-valid .table .tbody .td.jour .affectations > .td > .td.correct input{
    width: 100%;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    text-align: center;
}
.heures-valid .table .tbody .td.jour .affectations > .td > .td.correct input[type=number]::-webkit-outer-spin-button,
.heures-valid .table .tbody .td.jour .affectations > .td > .td.correct input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.heures-valid .table .tbody .td.jour:not(.disabled) .affectations > .td > .td.correct input:hover {
    background-color: #fbfbdb;
}
.heures-valid .table .tbody .td.jour .figer-day input {
    margin-left: 5px;
    display: none;
    margin-bottom: 15px;
}
.heures-valid .table.is-admin .tbody .td.jour .figer-day input {
    display: block;
}
.heures-valid .table .tbody .td.jour .figer-day .comment {
    position: relative;
    margin: 0px 0 0 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/svg/picto-comment.svg') no-repeat 50%;
}
.heures-valid .table .tbody .td.jour .figer-day .comment.actif::before {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    background-color: #F15C23;
    border-radius: 5px;
}
.heures-valid .table .tbody .td.personnel .comment-employe {
    position: absolute;
    bottom: 14px;
    margin: 0px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #009688;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.ui-dialog .ui-dialog-content.p47-figer-confirm {
    padding: 16px 20px;
}
.p47-figer-confirm .question {
    margin: 10px 0 0px 0;
}
.p47-figer-confirm .ui-dialog-titlebar {
    display: none;
}
.p47-figer-confirm .ui-dialog-buttonpane {
    background: transparent;
    border: 0;
}
.p47-figer-confirm .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0 10px;
}
.p47-figer-confirm .ui-dialog-buttonpane button{
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: 3px solid #009688;
    border-radius: 2px;
    color: #009688;
    cursor: pointer;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    padding: 0 16px;
    text-transform: uppercase;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 24%);
    transition: 250ms ease all;
    text-decoration: none;
    margin: 0 10px;
}
.p47-figer-confirm .ui-dialog-buttonpane button.confirm{
    color: #ffffff;
    background-color: #009688;
    padding: 0 40px;
    border: 0;
}
.p47-figer-confirm .ui-dialog-buttonpane button:hover {
    background-color: rgba(153, 153, 153, 0.2);
}
.p47-figer-confirm .ui-dialog-buttonpane button.confirm:hover {
    background-color: #007668;
}


.heures-dupliquer {
    margin: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.heures-dupliquer .dup-personnel {
    flex: 0 1 300px;
}
.heures-dupliquer .form-item{
    position: relative;
}
.heures-dupliquer .form-item label {
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
}
.heures-dupliquer .filtre-personnel .form-item {
    position: relative;
    max-width: 500px;
}
.heures-dupliquer .form-item.form-type-select:after{
    content: '';
    border-top: 8px solid #003645;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 10px;
    bottom: 14px;
}
.heures-dupliquer .actions {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
}
.heures-dupliquer .actions a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #009688;
    padding: 0 20px 0 65px;
    border: 0;
    border-radius: 2px;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 24%);
    transition: 250ms ease all;
    background-image: url('../images/svg/picto-dupliquer.svg');
    background-repeat: no-repeat;
    background-position: 20px 50%;
    margin: 1em 20px;
}
.heures-dupliquer .actions a:hover {
    background-color: #007668;
}
.heures-dupliquer .alert-msg {
    flex: 1 1 100%;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    text-align: left;
    color: #3e3e3e;
    font-style: italic;
}

.planning47-bloc-declarer-heures .haut .attention {
    margin: 20px 0;
    background: url('../images/svg/attention.svg') no-repeat 0 0px;
    text-indent: 20px;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    color: #3e3e3e;

}

.heures-declarer .table .th-col1{
    flex: 0 0 80px;
    font-size: 12px;
    border-right-width: 2px;
}
.heures-declarer .table .th-col-jours{
    flex: 1 1 auto;
}
.heures-declarer .table .th-col-jours .th-semaine {
    position: relative;
    height: 33px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    border-bottom: 2px solid #e0e0e0;
    border-right: 0;
    justify-content: space-between;
}
.heures-declarer .table .th-col-jours .th-semaine .sem-prev,
.heures-declarer .table .th-col-jours .th-semaine .sem-next {
    flex: 0 0 30px;
    display: flex;
    justify-content: center;
}
.heures-declarer .table .th-col-jours .th-semaine .sem-prev a,
.heures-declarer .table .th-col-jours .th-semaine .sem-next a {
    display: block;
    width: 30px;
    height: 28px;
    background: url('../images/svg/date-prev.svg') no-repeat 50%;
    background-size: 9px 14px;
}
.heures-declarer .table .th-col-jours .th-semaine .sem-next a {
    background-image: url('../images/svg/date-next.svg')
}
.heures-declarer .table .th-col-jours .tr-col-jours {
    display: flex;
    align-items: stretch;
}
.heures-declarer .table .th-col-jours .tr-col-jours .th.jour {
    flex: 1 1 10%;
    flex-wrap: wrap;
    border-right-width: 2px;
}
.heures-declarer .table .th-col-jours .tr-col-jours .th.jour {
    flex-direction: column;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    color: #3e3e3e;
    height: 50px;
}
.heures-declarer .table .th-col-jours .tr-col-jours .th.jour .num {
    font-weight: bold;
    font-size: 14px;
    margin: 2px 0 0 0;
}
.heures-declarer .table .tbody{
    background-color: #f3f3f3;
}
.heures-declarer .table .td.col1{
    flex: 0 0 80px;
    font-size: 12px;
    border-right-width: 2px;
}
.heures-declarer .table .tr.temps{
    border-bottom: 1px solid #e0e0e0;
}
.heures-declarer .table .tr.temps .td.col1{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #3e3e3e;
    height: 50px;
}
.heures-declarer .table .tr.prevu .td.col1{
    height: 24px;
}
.heures-declarer .table .td.jours {
    align-items: stretch;
}
.heures-declarer .table .td.jours .td.jour{
    flex: 1 1 10%;
    align-items: stretch;
    border-right-width: 2px;
    position: relative;
}
.heures-declarer .table .td.jours .td.jour[data-required="1"]::after{
    content: '';
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    right: 3px;
    top: 3px;
    background: url('../images/svg/attention.svg') no-repeat 0 0px;
    
}
.heures-declarer .table .td.jours .td.jour input{
    width: 100%;
    border: 0;
    background-color: #fff;
    cursor: pointer;
    outline: 0;
    text-align: center;
}
.heures-declarer .table .td.jours .td.jour input[type=number]::-webkit-outer-spin-button,
.heures-declarer .table .td.jours .td.jour input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.heures-declarer .table .td.jours .td.jour .correction{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: red;
    color: #fff;
}

.heures-declarer .remarques {
    margin: 20px 0;
}
.heures-declarer .remarques label {
    display: block;
    font-family: Roboto;
    font-weight: normal;
    font-size: 10px;
    line-height: 24px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
}
.heures-declarer .remarques textarea {
    width: 100%;
    height: 80px;
    background: #fff;
    border: 1px solid #009688;
    padding: 10px 10px;
    font-size: 12px;

}
.heures-declarer .remarques .description {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
    color: #3e3e3e;
}
.heures-declarer .actions {
    display: flex;
    justify-content: center;
}
.heures-declarer .actions a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #009688;
    padding: 0 30px 0 30px;
    border: 0;
    border-radius: 2px;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 24%);
    transition: 250ms ease all;
    margin: 1em 20px;
}
.heures-declarer .actions a:hover{
    background-color: #007668;
}

.heures-declarer.disabled .table .thead .tr-col-jours,
.heures-declarer.disabled .table .tbody,
.heures-declarer.disabled .remarques {
    opacity: 0.7;
    pointer-events: none;
}
.heures-declarer.disabled .actions {
    display: none;
}
.heures-declarer .table .td.jours .td.jour.disabled {
    opacity: 0.7;
    pointer-events: none;
}
.heures-declarer .table .td.jours .td.jour.disabled input{
    display: none;
}


.planning47-bloc-declarer-heures .recap {
    margin: 40px 0 0 0;
}
.planning47-bloc-declarer-heures .recap .table {
    margin: 20px 0;
}
.planning47-bloc-declarer-heures .recap .table .tbody{
    background-color: #f3f3f3;
}
.planning47-bloc-declarer-heures .recap .table .th-col1{
    flex: 0 0 80px;
    font-size: 12px;
    border-right-width: 2px;
    height: 38px;
}
.planning47-bloc-declarer-heures .recap .table .th {
    font-size: 10px;
}
.planning47-bloc-declarer-heures .recap .table .th strong {
    font-size: 14px;
}
.planning47-bloc-declarer-heures .recap .table .td.col1{
    flex: 0 0 80px;
    font-size: 12px;
    border-right-width: 2px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #3e3e3e;
    height: 32px;
}
.planning47-bloc-declarer-heures .recap .table .th.prevu,
.planning47-bloc-declarer-heures .recap .table .th.effectue,
.planning47-bloc-declarer-heures .recap .table .td.prevu,
.planning47-bloc-declarer-heures .recap .table .td.effectue{
    flex: 1 1 50%;
}
.planning47-bloc-declarer-heures .recap .table .td.prevu{
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    color: #3e3e3e;
}
.planning47-bloc-declarer-heures .recap .table .td.prevu .val{
    font-size: 14px;
}
.planning47-bloc-declarer-heures .recap .table .td.effectue{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: #3e3e3e;
}
.planning47-bloc-declarer-heures .recap .table .td.effectue .val{
    font-size: 14px;
}


.planning47-bloc-declarer-heures .recap .desc {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
    color: #3e3e3e;
}


.planning47-bloc-conges form .container-inline{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #f0f0f0;
}
.planning47-bloc-conges form .container-inline:nth-child(2n+1){
    background-color: #f0f0f0;
}

.planning47-bloc-conges form .container-inline label::after{
    display: none;
}
.planning47-bloc-conges form .container-inline .form-item input{
    width: inherit;
}
.planning47-bloc-conges  .liste-conges .titre-section {
    margin: 40px 0 20px 0;
}

.bloc-validation-conges .accepte,
.planning47-bloc-conges table td .accepte{
    color: #009688;
    font-weight: 700;
}
.bloc-validation-conges .refuse,
.planning47-bloc-conges table td .refuse{
    color: #960000;
    font-weight: 700;
}

.planning47-bloc-espace-admin .actions a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #009688;
    padding: 0 10px 0 10px;
    border: 0;
    border-radius: 2px;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 24%);
    transition: 250ms ease all;
    margin: 1em 20px;
}
.planning47-bloc-espace-admin .actions a:hover{
    background-color: #007668;
}
.planning47-espace-admin-recherche-form .recherche-container {
    display: flex;
    align-items: flex-end;
}
.planning47-espace-admin-recherche-form .recherche-container > .form-item {
    padding: 16px 20px 0 0;
}
.planning47-bloc-espace-admin .admin-actions {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
}
.planning47-bloc-espace-admin .admin-actions a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #009688;
    padding: 0 20px 0 20px;
    border: 0;
    border-radius: 2px;
    font-family: Roboto, serif;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 24%);
    transition: 250ms ease all;
    margin: 0 20px 20px 0;
}
.planning47-bloc-espace-admin .admin-actions a:hover {
    background-color: #007668;
}
.planning47-bloc-espace-admin-petit .form-type-vertical-tabs {
    display: none;
}
.planning47-bloc-espace-admin-petit .form-actions {
    text-align: center;
}


.planning47-projet-inscription-dialog .ui-dialog-titlebar {
    border: 0;
    background: transparent;
}
.planning47-projet-inscription-dialog .ui-dialog-title{
    display: none;
}
.ui-dialog {
    border-radius: 10px;
}
.ui-dialog .ui-dialog-titlebar-close {
    margin: 6px 8px 0 0;
    z-index: 150;
    outline: none;
    top: 6px;
}
.ui-dialog .ui-button .ui-icon.ui-icon-closethick {
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/btn-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ui-widget-overlay{
    background-color: #003645;
    opacity: 0.7;
}
.ui-widget .planning47-form-actions .form-submit{
    border: 3px solid transparent;
    padding: 8px 50px 6px;
}
.ui-widget .planning47-form-actions .planning47-cancel-button{
    color: #009688;
    border: 3px solid #009688;
    background-color: #fff;
    padding: 8px 20px 6px;
}

.planning47-projet-inscription-form .infos .titre,
.planning47-etablissement-edit-form .infos .titre{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
    text-transform: uppercase;
}
.planning47-projet-inscription-form .infos .lieu{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
    margin: 5px 0 0 0;
}
.planning47-projet-inscription-form .desc{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
}
.planning47-dialog-form form .form-item label{
    top: 0px;
    font-size: 12px;
    color: #009688;
}
.planning47-dialog-form .planning47-dialog-form-content{
    padding: 10px;
}
.planning47-dialog-form form .form-item .description{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    line-height: 22px;
    color: #3e3e3e;
}
.planning47-dialog-form form .planning47-form-type-checkboxes fieldset,
.planning47-dialog-form form .planning47-form-type-radios fieldset{
    margin: 12px 0;
}
.planning47-dialog-form form .field-inscription-type-titre{
    width: 100%;
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #009688;
    text-transform: uppercase;
    margin: 12px 0 0 0;
}
.planning47-dialog-form form .field-inscription-type-descriptif{
    width: 100%;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #003645;
    margin: 0px 0 0 0;
}
.planning47-dialog-form form .field-inscription-type-descriptif p{
    margin: 0;
    line-height: 24px;
}

form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
}
form.planning47-md-form .planning47-form-fields .planning47-form-type-checkboxes .form-checkboxes .form-item {
    flex: 0 1 auto;
    padding-right: 4px;
}

.planning47-dialog-form form.planning47-md-form .planning47-form-fields .form-type-number,
.planning47-dialog-form form.planning47-md-form .planning47-form-fields .form-type-textfield,
.planning47-dialog-form form.planning47-md-form .planning47-form-fields .form-type-date,
.planning47-dialog-form form.planning47-md-form .planning47-form-fields .form-type-select{
    flex: 0 1 25%;
}


div[data-drupal-messages]{
    margin: 50px 0 0px 0;
}
form div[data-drupal-messages]{
    margin: 0px 0 25px 0;
}
.planning47-dialog-form form div[data-drupal-messages]{
    margin: 20px 0 5px 0;
}
div[data-drupal-messages] .messages {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
    box-shadow: none;
}
div[data-drupal-messages] .messages.messages--status {
    border-radius: 5px;
    background-color: #a8fcbb;
    border: 1px solid #00ac28;
    background-image: url(../images/svg/check-message.svg);
    padding-left: 40px;
}
div[data-drupal-messages] .messages.messages--notice {
    border-radius: 5px;
    background-color: #fcd8a8;
    border: 1px solid #ac3500;
}
div[data-drupal-messages] .messages.messages--error {
    border-radius: 5px;
    background-color: #FFA1A1;
    border: 1px solid #FF0000;
}


.prog-encart-alerte{
    background: #fcd8a8;
    border: 1px solid #ac3500;
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    max-width: 1088px;
    border-radius: 5px;
}
.prog-encart-alerte .msg{
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
    margin: 5px 0;
}

.planning47-programmes-selection .programmes .programme{
    margin: 0 0 40px 0;
}
.planning47-programmes-selection .programmes .programme .prog-titre,
.planning47-inscriptions-page .programmes .programme .prog-titre,
.planning47-bloc-gestion-projets .programmes .programme .prog-titre,
.planning47-bloc-gestion-enseignants .enseignants .ecole-titre{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #009688;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.planning47-programmes-selection .programmes .programme .inscriptions .infos{
    margin: 25px 0 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.planning47-programmes-selection .programmes .programme .inscriptions .infos .btn{
    margin: 5px 5px;
}
.planning47-programmes-selection .programmes .programme .no-inscription{
    display: flex;
}
.planning47-programmes-selection .programmes .programme .no-inscription .picto{
    flex: 0 0 180px;
    text-align: center;
    filter: grayscale(1);
}
.planning47-programmes-selection .programmes .programme .no-inscription .infos{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.planning47-programmes-selection .programmes .programme .no-inscription .texte{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 15px;
    text-align: left;
    color: #003645;
    margin: 20px 0;
    line-height: 20px;
}
.planning47-programmes-selection .programmes .programme .inscriptions table,
.planning47-bloc-espace .planning47-table{
    width: 100%;
    display: table;
}
.planning47-programmes-selection .programmes .programme .inscriptions table thead,
.planning47-bloc-espace .planning47-table thead{
    display: table-header-group;
}
.planning47-programmes-selection .programmes .programme .inscriptions table thead th,
.planning47-bloc-espace .planning47-table thead th{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #3e3e3e;
    border-left: 1px solid #777777;
    padding: 0 5px 0 15px;
    display: table-cell;
}
.planning47-programmes-selection .programmes .programme .inscriptions table thead th:first-child,
.planning47-bloc-espace .planning47-table thead th:first-child{
    border-left: 0;
    padding: 0 5px 0 0;
}
.planning47-bloc-espace .planning47-table.planning47-table-direction-inscriptions thead th.col-niveau{
    width: 12%;
}
.planning47-programmes-selection .programmes .programme .inscriptions table thead th.col-transport,
.planning47-bloc-espace .planning47-table thead th.col-transport{
    width: 40px;
    background-image: url(../images/svg/picto-transport.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.planning47-programmes-selection .programmes .programme .inscriptions table thead th.col-notif-email,
.planning47-bloc-espace .planning47-table thead th.col-notif-email{
    width: 40px;
    background-image: url(../images/svg/col-notif-email.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.planning47-bloc-espace .planning47-table thead th.col-planifier{
    width: 80px;
    background-image: url(../images/svg/picto-col-date.svg);
    background-repeat: no-repeat;
    background-position: 15px 50%;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody tr.ui-sortable-placeholder,
.planning47-bloc-espace .planning47-table tbody tr.ui-sortable-placeholder{
    background-color: #f6f6f6;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody td,
.planning47-bloc-espace .planning47-table tbody td{
    padding: 6px 15px;
    vertical-align: middle;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody td:first-child,
.planning47-bloc-espace .planning47-table tbody td:first-child{
    padding: 6px 5px;
}
.planning47-programmes-selection .programmes .programme .inscriptions.non-valide table tbody td:not(.col-action){
    opacity: 0.5;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody td.col-date .date,
.planning47-bloc-espace .planning47-table tbody td.col-date .date{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    text-align: left;
    color: #003645;
    white-space: nowrap;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-order,
.planning47-bloc-espace .planning47-table tbody .col-order{
    width: 50px;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-order .order,
.planning47-bloc-espace .planning47-table tbody .col-order .order{
    width: 30px;
    height: 30px;
    background: #003645;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-name{
    width: 75%;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-name .nom-projet,
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-name .nom-projet a,
.planning47-bloc-espace .planning47-table tbody .col-name .nom-projet,
.planning47-bloc-espace .planning47-table tbody .col-name .nom-projet a{
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #003645;
    text-decoration: none;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-name .nom-projet a:hover,
.planning47-bloc-espace .planning47-table tbody .col-name .nom-projet a:hover{
    text-decoration: underline;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-name .lieu,
.planning47-bloc-espace .planning47-table tbody .col-name .lieu{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-dates,
.planning47-bloc-espace .planning47-table tbody .col-dates,
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-nb-places,
.planning47-bloc-espace .planning47-table tbody .col-nb-places,
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-effectif,
.planning47-bloc-espace .planning47-table tbody .col-effectif{
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #003645;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-dates .dates,
.planning47-bloc-espace .planning47-table tbody .col-dates .dates,
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-nb-places .places,
.planning47-bloc-espace .planning47-table tbody .col-nb-places .places{
    line-height: 20px;
    font-size: 14px;
    white-space: nowrap;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-nb-places .places.plein,
.planning47-bloc-espace .planning47-table tbody .col-nb-places .places.plein{
    font-weight: 700;
    color: #C80000;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport,
.planning47-bloc-espace .planning47-table tbody .col-planifier .planifier{
    display: inline-flex;
    width: 12px;
    min-height: 12px;
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 16px;
}
.planning47-bloc-espace .planning47-table tbody .col-notif-email .a-envoyer,
.planning47-bloc-espace .planning47-table tbody .col-notif-email .envoye{
    display: inline-flex;
    width: 15px;
    height: 13px;
    background-image: url(../images/svg/picto-notif-a-envoyer.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.planning47-bloc-espace .planning47-table tbody .col-notif-email .envoye{
    width: 13px;
    height: 11px;
    background-image: url(../images/svg/picto-notif-envoye.svg);
}

.planning47-bloc-espace .planning47-table tbody .col-planifier .planifier .nb{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #003645;
    line-height: 18px;
}
.planning47-bloc-espace .planning47-table tbody .col-transport{
    text-align: center;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.oui,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.oui,
.planning47-bloc-espace .planning47-table tbody .col-planifier .planifier.oui{
    background-image: url(../images/svg/picto-oui.svg);
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.non,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.non,
.planning47-bloc-espace .planning47-table tbody .col-planifier .planifier.non{
    background-image: url(../images/svg/picto-non.svg);
}
.planning47-bloc-espace .planning47-table tbody .col-transport-valider{
    display: flex;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.demande,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.demande,
.planning47-bloc-espace .planning47-table tbody .col-transport-valider .transport-commentaire{
    width: 16px;
    height: 16px;
    background-image: url(../images/svg/picto-demande-transport.svg);
}
.planning47-bloc-espace .planning47-table tbody .col-transport-valider .transport-commentaire{
    display: flex;
    margin: 0 0 0 2px;
}
.planning47-bloc-espace .planning47-table tbody .col-transport-valider .transport-commentaire a{
    display: block;
    width: 100%;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.ctm,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.ctm{
    width: 22px;
    height: 18px;
    background-image: url(../images/svg/picto-ctm-ok.svg);
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.ctm-a-valider,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.ctm-a-valider{
    width: 22px;
    height: 18px;
    background-image: url(../images/svg/picto-ctm.svg);
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.kiceo,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.kiceo{
    width: 23px;
    height: 23px;
    background-image: url(../images/svg/picto-kiceo.svg);
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-transport .transport.a-pied,
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.a-pied{
    width: 15px;
    height: 23px;
    background-image: url(../images/svg/picto-a-pied.svg);
}
.planning47-bloc-espace .planning47-table tbody .col-transport .transport.refus{
    background-image: url(../images/svg/picto-non.svg);
}
.planning47-bloc-espace .planning47-table tbody .col-options{
    font-family: Roboto;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
    line-height: 18px;
}
.planning47-bloc-espace .planning47-table tbody .col-options .options{
    max-width: 400px;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-statut .statut,
.planning47-bloc-espace .planning47-table tbody .col-statut .statut{
    display: inline-flex;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    border-radius: 3px;
    background: #ff6803;
    padding: 0 6px;
    white-space: nowrap;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-statut .statut.statut-1,
.planning47-bloc-espace .planning47-table tbody .col-statut .statut.statut-1{
    background-color: #009688;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-statut .statut.statut-2,
.planning47-bloc-espace .planning47-table tbody .col-statut .statut.statut-2{
    background-color: #FF1A00;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action,
.planning47-bloc-espace .planning47-table tbody .col-action{
    width: 130px;
}
.planning47-bloc-espace .planning47-table tbody .col-planifier {
    width: auto;
    padding-right: 0;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action .actions,
.planning47-bloc-espace .planning47-table tbody .col-action .actions{
    display: flex;
    align-items: center;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a,
.planning47-bloc-espace .planning47-table tbody .col-action a{
    display: inline-flex;
    width: 42px;
    height: 40px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e0e0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 8px 0 0;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a:hover,
.planning47-bloc-espace .planning47-table tbody .col-action a:hover{
    background-color: #F6F6F6;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.edit,
.planning47-bloc-espace .planning47-table tbody .col-action a.edit{
    background-image: url(../images/svg/picto-edit.svg);
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.delete,
.planning47-bloc-espace .planning47-table tbody .col-action a.delete{
    background-image: url(../images/svg/picto-delete.svg);
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.order,
.planning47-bloc-espace .planning47-table tbody .col-action a.order{
    background-image: url(../images/svg/picto-order.svg);
}
.planning47-bloc-espace .planning47-table tbody .col-action a.planifier,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-planifier{
    background-image: url(../images/svg/btn-calendar.svg);
    position: relative;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.voir-detail{
    background-image: url(../images/svg/picto-voir.svg);
    position: relative;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-valider-transport{
    background-image: url(../images/svg/btn-valider-transport.svg);
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-probleme-transport{
    background-image: url(../images/svg/btn-probleme-transport.svg);
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-planifier{
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-planifier.active,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-valider-transport.active,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-probleme-transport.active{
    opacity: 1;
    pointer-events: inherit;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-valider-transport.valide{
    opacity: 1;
    pointer-events: none;
    background-image: url(../images/svg/btn-valider-transport-ok.svg);
}

.planning47-bloc-espace .planning47-table tbody .col-action a.btn-planifier .nb,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-valider-transport .nb,
.planning47-bloc-espace .planning47-table tbody .col-action a.planifier .nb{
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background-color: #f00;
    border-radius: 10px;
    font-family: Roboto;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #fff;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-planifier .nb.vert,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-valider-transport .nb.vert,
.planning47-bloc-espace .planning47-table tbody .col-action a.planifier .nb.vert{
    background-color: #00ac28;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.btn-refuser,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-refuser,
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.btn-accepter,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-accepter{
    border-radius: 2px;
    border: 1px solid #003645;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    width: 90px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 36px;
}
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-accepter.btn-transport{
    line-height: 14px;
    width: auto;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.btn-refuser.checked,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-refuser.checked,
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.btn-accepter.checked,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-accepter.checked{
    background-color: #9EFFB2;
    border-color: transparent;
    cursor: default;
}
.planning47-programmes-selection .programmes .programme .inscriptions table tbody .col-action a.btn-refuser.checked,
.planning47-bloc-espace .planning47-table tbody .col-action a.btn-refuser.checked{
    background-color: #FFA1A1;
}

.planning47-bloc-gestion-inscription-structure .programmes .programme{
    margin: 0 0 30px 0;
}


.planning47-bloc-espace .table.pl47-table .planning47-table th {
    background: #f3f3f3;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-left: 1px solid #e0e0e0;
    height: 33px;
    vertical-align: middle;
}
.planning47-bloc-espace .table.pl47-table .planning47-table th:first-child {
    border-left: 0;
}
.planning47-bloc-espace .table.pl47-table .planning47-table td {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #3e3e3e;
    border-top: 1px solid #e0e0e0;
    padding: 14px 15px;
}



.planning47-inscriptions-page .haut{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.planning47-inscriptions-page .haut .envoyer-notifs a{
    border-radius: 5px;
    background: #00ac28;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 35px;
}
.planning47-inscriptions-page .haut .envoyer-notifs a.disabled{
    pointer-events: none;
    background-color: #999;
    opacity: 0.7;
}
.planning47-inscriptions-page .haut .envoyer-notifs a:hover{
    background: #20bc48;
}
.planning47-inscriptions-page .nb-resultats{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #003645;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 5px 0;
    margin: 20px 0 15px 0;
}
.planning47-inscriptions-page .nb-resultats .nb{
    font-weight: 700;
}
.planning47-inscriptions-page .nb-resultats .nb-res-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.planning47-inscriptions-page .nb-resultats .exports{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.planning47-inscriptions-page .nb-resultats .exports a{
    border-radius: 5px;
    background: #00ac28;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 15px;
    margin: 0 0 0 8px;
}
.planning47-inscriptions-page .nb-resultats .exports a:hover{
    background-color: #20bc48;
}
.planning47-inscriptions-page .nb-resultats .exports .export-projets{
    padding: 5px 0 0 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.planning47-inscriptions-page .nb-resultats .exports .export-projets a{
    padding: 5px 8px;
}

.planning47-inscriptions-page .actions-groupees{
    display: none;
    border-bottom: 1px dashed #E0E0E0;
    padding: 0 0 10px 0;
    margin: 13px 0;
}
.planning47-inscriptions-page .actions-groupees form{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.planning47-inscriptions-page .actions-groupees form .planning47-form-fields{
    width: 100%;
    justify-content: flex-end;
}
.planning47-inscriptions-page .actions-groupees form .planning47-form-fields .form-item{
    margin: 0 0 1em 0;
}
.planning47-inscriptions-page .actions-groupees select{
    padding: 3px 10px;
}

.planning47-inscriptions-page .inscriptions .planning47-table tbody td.enseignant{
    font-family: Roboto;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #003645;
    padding: 20px 0 10px 0px;
}
.planning47-inscriptions-page .inscriptions .planning47-table tbody td.enseignant a{
    color: #003645;
    text-decoration: none;
}
.planning47-inscriptions-page .inscriptions .planning47-table tbody td.enseignant a:hover{
    text-decoration: underline;
}
.planning47-inscriptions-page .inscriptions .planning47-table tbody td.enseignant strong{
    font-weight: 700;
}
.planning47-inscriptions-page .inscriptions .row-insc{
}
.planning47-inscriptions-page .inscriptions .row-insc td:first-child{
    border-left: 4px solid #009688;
    padding-left: 14px;
}
.planning47-inscriptions-page .inscriptions .row-insc .col-name{
    position: relative;
}
.planning47-inscriptions-page.planning47-direction-inscriptions-page .inscriptions .row-insc .col-name {
    min-width: 220px;
}
.planning47-inscriptions-page .inscriptions .row-insc .col-name::before{
    content: '';
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 4px;
    border-left: 4px solid #E0E0E0;
}


form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-textfield,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .planning47-form-type-radios,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .planning47-form-type-checkboxes,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-number,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-password,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-select,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-date,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-time,
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-email{
    margin: 5px 0;
}
form.planning47-md-form.planning47-gestion-recherche-form .planning47-form-fields .form-item.form-type-time label{
    background-color: #fff;
    width: calc(100% - 40px);
    height: 20px;
}
form.planning47-md-form.planning47-gestion-recherche-form .form-actions {
    display: flex;
    align-items: flex-end;
    margin: 5px 0;
}
.planning47-gestion-recherche-form-container{
    margin: 20px 0 40px;
}
.planning47-gestion-recherche-form-container .titre-rech-form{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #009688;
}


.planning47-inscriptions-page .programmes .programme .ligne-titre,
.planning47-bloc-gestion-projets .programmes .programme .ligne-titre{
    display: flex;
    
}
.planning47-inscriptions-page .programmes .programme .ligne-titre .prog-titre,
.planning47-bloc-gestion-projets .programmes .programme .ligne-titre .prog-titre{
    flex: 1 1 auto;
    margin: 8px 10px 20px 0;
}
.planning47-inscriptions-page .programmes .programme .ligne-titre .prog-titre.projet{
    font-weight: 400;
}
.planning47-inscriptions-page .programmes .programme .prog-lien a,
.planning47-bloc-gestion-projets .programmes .programme .prog-lien a{
    border-radius: 5px;
}
.planning47-bloc-gestion-projets .programmes .programme .prog-lien a.new-projet{
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-image: url(../images/svg/picto-plus.svg);
    padding-left: 40px;
    background-color: #00AC28;
}

.planning47-dialog-form form.planning47-gestion-inscription-edit-form .form-item-etat label,
.planning47-dialog-form form.planning47-gestion-direction-planification-edit-form .form-item-etat label,
.planning47-dialog-form form.planning47-gestion-enseignant-valider-transport-form .form-item-etat label{
    border-radius: 2px;
    border: 1px solid #003645;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 24%);
    min-width: 110px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 36px;
}
.planning47-dialog-form form.planning47-gestion-inscription-edit-form .form-item-etat input,
.planning47-dialog-form form.planning47-gestion-direction-planification-edit-form .form-item-etat input,
.planning47-dialog-form form.planning47-gestion-enseignant-valider-transport-form .form-item-etat input{
    display: none;
}
.planning47-dialog-form form.planning47-gestion-inscription-edit-form .form-item-etat input:checked + label,
.planning47-dialog-form form.planning47-gestion-direction-planification-edit-form .form-item-etat input:checked + label,
.planning47-dialog-form form.planning47-gestion-enseignant-valider-transport-form .form-item-etat input:checked + label{
    background-color: #eee;
    border-color: transparent;
    cursor: default;
}
.planning47-dialog-form form.planning47-gestion-inscription-edit-form .form-item-etat input[value='1']:checked + label,
.planning47-dialog-form form.planning47-gestion-direction-planification-edit-form .form-item-etat input[value='1']:checked + label,
.planning47-dialog-form form.planning47-gestion-enseignant-valider-transport-form .form-item-etat input[value='1']:checked + label{
    background-color: #9EFFB2;
}
.planning47-dialog-form form.planning47-gestion-inscription-edit-form .form-item-etat input[value='2']:checked + label,
.planning47-dialog-form form.planning47-gestion-direction-planification-edit-form .form-item-etat input[value='2']:checked + label,
.planning47-dialog-form form.planning47-gestion-enseignant-valider-transport-form .form-item-etat input[value='2']:checked + label{
    background-color: #FFA1A1;
}

.planning47-bloc-espace.planning47-inscriptions-structure-page .programme .ligne-titre{
    margin: 30px 0 0 0;
}
.planning47-bloc-espace.planning47-inscriptions-structure-page .programme .ligne-titre .prog-titre{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #009688;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.planning47-bloc-espace.planning47-inscriptions-structure-page .planning47-table tbody .col-action{
    width: 80px;
}
.planning47-bloc-espace.planning47-inscriptions-structure-page .planning47-table tbody .col-action .actions{
    justify-content: flex-end;
}
.planning47-bloc-espace.planning47-inscriptions-structure-page .planning47-table tbody .col-action .actions a{
    margin-right: 0;
}

form.planning47-md-form .planning47-gestion-dates-table{
    margin: 15px 0 0 0;
}
.planning47-etablissement-edit-form form.planning47-md-form .planning47-gestion-dates-table{
    margin: 30px 0 30px 0;
}
form.planning47-md-form .planning47-gestion-dates-table tbody td{
    padding: 8px 10px 0 0;
}
form.planning47-md-form .planning47-gestion-dates-table input[type=date],
form.planning47-md-form .planning47-gestion-dates-table input[type=time],
form.planning47-md-form .planning47-gestion-dates-table input[type=text]{
    height: 32px;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-form-type-time{
    position: relative;
    padding-top: 16px;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-form-type-time h4{
    position: absolute;
    top: 0px;
    font-size: 12px;
    color: #009688;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-transform: uppercase;
    pointer-events: none;
    font-weight: 400;
}
form.planning47-md-form .planning47-gestion-dates-table td:nth-child(1){
    max-width: 150px;
    width: 20%;
}
form.planning47-md-form .planning47-gestion-dates-table td:nth-child(2),
form.planning47-md-form .planning47-gestion-dates-table td:nth-child(3),
form.planning47-md-form .planning47-gestion-dates-table td:nth-child(4),
form.planning47-md-form .planning47-gestion-dates-table td:nth-child(5){
    max-width: 150px;
    width: 20%;
}
form.planning47-md-form.planning47-gestion-structure-inscription-edit-form .planning47-gestion-dates-table td:nth-child(4){
    width: auto;
    max-width: 100%;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions{
    display: flex;
}
form.planning47-md-form .planning47-gestion-dates-table td .form-type-checkbox{
    position: relative;
}
form.planning47-md-form .planning47-gestion-dates-table td .form-type-checkbox label{
    position: absolute;
    top: -27px;
    left: -17px;
    font-size: 12px;
    color: #009688;
    text-transform: uppercase;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.dup-semaine-btn,
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.dup-jour-btn,
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.delete-btn{
    border-radius: 5px;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    width: auto;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #003645;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 15px 0 35px;
    height: 36px;
    background-color: #fff;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-image: url(../images/svg/picto-duplicate.svg);
    margin: 0 10px 0 0;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.dup-semaine-btn:hover,
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.dup-jour-btn:hover,
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.delete-btn:hover{
    background-color: #F6F6F6;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-liste-actions input.delete-btn{
    padding: 0;
    width: 42px;
    background-position: 50% 50%;
    background-image: url(../images/svg/picto-delete.svg);
}
form.planning47-md-form .planning47-texte-bas-dates-tructure{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #3e3e3e;
    margin: 30px 0 0 0;
}
form.planning47-md-form .planning47-texte-bas-dates-tructure img{
    vertical-align: middle;
}
form.planning47-md-form .planning47-gestion-dates-table td .planning47-col-date-item{
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #003645;
    display: inline-flex;
    align-items: center;
    height: 32px;
}
.planning47-etablissement-edit-form form.planning47-md-form .planning47-gestion-dates-table tbody td{
    padding-top: 0;
}
.planning47-etablissement-edit-form form.planning47-md-form .planning47-gestion-dates-table td:nth-child(1){
    vertical-align: bottom;
}
.planning47-etablissement-edit-form form.planning47-md-form .planning47-gestion-dates-table .col-jour{
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #003645;
}

form.planning47-md-form .planning47-horaires-etab{
    margin: 30px 0 20px 0;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #3e3e3e;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    padding: 10px 0;
}
form.planning47-md-form .planning47-horaires-etab .ligne{
    display: flex;
}
form.planning47-md-form .planning47-horaires-etab .ligne .jour{
    display: flex;
    width: 80px;
}

.planning47-bloc-gestion-enseignants .enseignants .ecole-titre{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #009688;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.planning47-bloc-espace .planning47-table tbody td.col-effectifhh {
  font-family: Roboto;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  text-align: left;
  color: #003645;
  white-space: nowrap;
}


.planning47-bloc-espace .planning47-table tbody td.col-niveaux .niveau{
    height: 22px;
    border-radius: 3px;
    background: #003645;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 0 6px;
}
.planning47-bloc-espace .planning47-table tbody td.col-demandes .demande{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #003645;
    border: 1px solid #003645;
    border-radius: 3px;
    padding: 1px 6px;
}
.planning47-bloc-espace .planning47-table tbody td.col-demandes .demande.oui{
    background-color: #9EFFB2;
    border-color: #9EFFB2;
}
.planning47-bloc-espace .planning47-table tbody td.col-demandes .demande.non{
    background-color: #FFA1A1;
    border-color: #FFA1A1;
}

.projet-contact{
    margin: 30px 0 0 0;
}
.projet-contact .personne{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #009688;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.projet-contact .contact{
    display: flex;
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #003645;
}
.projet-contact .contact .service{
    line-height: 20px;
}
.projet-contact .contact .col1{
    max-width: 50%;
    padding: 0 20px 20px 0;
}
.projet-contact .contact .col2 .tel,
.projet-contact .contact .col2 .email{
    margin: 20px 0 20px 0;
}
.projet-contact .contact .col2 .tel a{
    display: block;
    padding: 8px 20px;
    border-radius: 2px;
    background: #009688;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.projet-contact .contact .col2 .email a{
    font-family: Roboto;
    font-weight: normal;
    text-decoration: underline;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #009688;
}


.infos-inscription-bas{
    position: relative;
    margin: 50px auto 50px;
    padding: 30px 30px;
    box-shadow: none;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    bottom: 0;
}
.infos-inscription-bas.sticky{
    position: sticky;
}



/*///////////////////////////////////////*/
/* ///// PLANNING /////////////////////// */
/*/////////////////////////////////////*/




/*///////////////////////////////////////*/
/* ///// FOOTER /////////////////////// */
/*/////////////////////////////////////*/

.block-taches {
    position: fixed;
    bottom: 0;
    right: 30px;
    z-index: 1;
}
.block-taches .planning47-bloc-taches {
    position: absolute;
    bottom: -500px;
    right: 0;
    background-color: #FFFFFF;
    border-radius: 15px 15px 0 0;
    width: 360px;
    max-width: calc(100vw - 50px);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transition: 500ms ease all
}
.block-taches.open .planning47-bloc-taches {
    bottom: 0px !important;
}
.block-taches .planning47-bloc-taches .taches-header {
    border-bottom: 5px solid #009688;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.block-taches .planning47-bloc-taches .taches-header .titre {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
    text-transform: uppercase;
}
.block-taches .planning47-bloc-taches .taches-header .titre span {
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #777;
}
.block-taches .planning47-bloc-taches .taches-header .arrow {
    width: 14px;
    height: 8px;
    background: url('../images/svg/chevron-up.svg') no-repeat 50%;
}
.block-taches.open .planning47-bloc-taches .taches-header .arrow {
    background-image: url('../images/svg/chevron-down.svg');
}
.block-taches .planning47-bloc-taches .content .taches-liste {
    padding: 25px 15px 20px;
    overflow: auto;
    max-height: calc(100vh - 200px);
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache{
    display: flex;
    align-items: flex-start;
    min-height: 22px;
    margin: 8px 0;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache .drag {
    flex: 0 0 10px;
    width: 10px;
    height: 18px;
    background-image: url('../images/svg/drag-tache.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 10px 0 0;
    visibility: hidden;
    opacity: 0;
    cursor: grab;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache.hover .drag,
body.is-mobile .block-taches .planning47-bloc-taches .content .taches-liste .tache .drag {
    opacity: 1;
    visibility: visible;
}

.block-taches .planning47-bloc-taches .content .taches-liste .ui-sortable-placeholder{
    background-color: #fff;
    border: 1px dashed #ddd;
    height: 20px;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache .check {
    flex: 0 0 28px;
    margin: 1px 0 0 0;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache input[type=checkbox]:before {
    border: 1px solid #707070;
    width: 18px;
    height: 18px;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache input[type=checkbox]:checked:before {
    color: #009688;
    background-color: #fff;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache .texte {
    flex: 1 1 auto;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache .delete {
    flex: 0 0 10px;
    visibility: hidden;
    opacity: 0;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache.hover .delete,
body.is-mobile .block-taches .planning47-bloc-taches .content .taches-liste .tache .delete {
    opacity: 1;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache.hover.checked .delete,
body.is-mobile .block-taches .planning47-bloc-taches .content .taches-liste .tache.checked .delete {
    visibility: visible;
}
.block-taches .planning47-bloc-taches .content .taches-liste .tache .delete a {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url('../images/svg/sup-tache.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 3px 0 0 0;
}
.block-taches .planning47-bloc-taches .content .ajout-tache-form {
    border-top: 1px solid #E0E0E0;
}
.block-taches .planning47-bloc-taches .content .ajout-tache-form form{
    display: flex;
    align-items: center;
    height: 45px;
    padding: 5px;
}
.block-taches .planning47-bloc-taches .content .ajout-tache-form form .input {
    flex: 1 1 auto;
}
.block-taches .planning47-bloc-taches .content .ajout-tache-form form .input input{
    width: 100%;
    padding: 8px 15px;
    border: none;
    outline: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.block-taches .planning47-bloc-taches .content .ajout-tache-form form .action {
    flex: 0 0 48px;
}
.block-taches .planning47-bloc-taches .content .ajout-tache-form form .action a {
    display: block;
    width: 48px;
    height: 37px;
    border-radius: 5px;
    background: #009688;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
    background-image: url('../images/svg/picto-new-tache.svg');
    background-repeat: no-repeat;
    background-position: 50%;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    clear: both;
    color: #141414;
    background: #FFFFFF;
    margin-top: 50px;
}

.not-frontpage footer {
    margin-top: 120px;
}


/*Copyright*/
footer .gl-copy {
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
}

footer .gl-copy img {
    margin-bottom: -5px;
}

footer .gl-copy a {
    color: #141414;
}

/*///////////////////////////////////////*/
/* ///// MASQUAGE ADMIN MENU ////////// */
/*/////////////////////////////////////*/

#toolbar-administration {
    display: none;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
}

body,
.adminimal-admin-toolbar.toolbar-fixed.toolbar-vertical {
    padding: 0 !important;
}

/*///////////////////////////////////////*/
/* // MISE EN PAGE PARAGRAPHES //////// */
/*/////////////////////////////////////*/
.paragraphes .para-item,
.intro {
    clear: both;
    margin-bottom: 40px;
}
.paragraphes h2,
.paragraphes h3,
.paragraphes h4 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    text-align: left;
    color: #003645;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.paragraphes h3 {
    font-size: 20px;
    line-height: 26px;
}
.paragraphes h4 {
    font-size: 18px;
    line-height: 22px;
}
.paragraphes p,
.paragraphes li,
.intro p{
    font-family: Roboto;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #003645;
}
.paragraphes p {
    margin-bottom: 15px;
}
.para-photo-legende {
    margin: 5px 0 15px 0;
    text-align: center;
    font-size: 12px;
}
/*photo à droite*/
.pos-photo-3 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
}
.pos-photo-3 .para-photos {
    width: 30%;
}
.pos-photo-3 .para-desc {
    width:65%;
    margin-right: 5%;
}
/*photo à gauche*/
.pos-photo-4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pos-photo-4 .para-photos {
    width: 30%;
    margin-right: 5%;
}
.pos-photo-4 .para-desc {
    width:65%;
}
/*photo en haut et en bas*/
.pos-photo-1 .para-photos,
.pos-photo-2 .para-photos {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.pos-photo-1 .para-photos .para-photo,
.pos-photo-2 .para-photos .para-photo {
    margin: 10px;
}
.pos-photo-1 .para-photos .para-photo img,
.pos-photo-2 .para-photos .para-photo img {
    height: 150px;
    width: auto;
}
img[data-align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img[data-align="right"] {
    float: right;
}
img[data-align="left"] {
    float: left;
}
.paragraphes table tr td {
    padding: 10px;
    border: 1px solid #eee;
}
.paragraphes table {
    margin-bottom: 30px;
}
.paragraphes ul {
    margin-bottom: 15px;
}
/*.paragraphes ul li {
    padding-left: 15px;
}
.paragraphes ul li:before {
    content: '• ';
    color: #333;
}*/

/*Début accordéon*/
.para-item-accordeon .elements {
    overflow: hidden;
    padding-top: 10px;
}
.para-item-accordeon .titre-elem {
    cursor: pointer;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 2px;
    margin-top: 12px;
    font-family: Roboto;
    line-height: 24px;
    text-align: left;
    color: #003645;
    font-size: 17px;
    font-weight: 700;
}
.para-item-accordeon .titre-elem:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 3px;
    right: 0;
    color: #fff;
    font-weight: 700;
    background-color: #009688;
    border-radius: 15px;
    padding: 3px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.para-item-accordeon .titre-elem.active:after {
    content: "\f068";
}
.para-item-accordeon .texte-elem {
    max-height: 0;
    padding-left: 10px;
    overflow: hidden;
    line-height: 24px;
    color: #656565;
    text-align: justify;
}
.para-item-accordeon .texte-elem.active {
    max-height: 3000px;
    overflow: visible;
    margin-bottom: 20px;
    margin-top: 10px;
}
.para-item-accordeon .paragraphes-elem .pos-photo-3 .para-desc{
    width: 70%;
    padding-right: 20px;
}
/*Fin accordéon*/


/*Documents*/
.para-item-documents .documents a {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 8px 50px 8px 55px;
    line-height: 40px;
    color: #707070;
    border-bottom: solid 1px #E0E0E0;
}

.para-item-documents .documents a:last-of-type {
    border-bottom: none;
}

.para-item-documents .documents a.type-xls {
    background: url('../images/svg/picto-xls.svg') no-repeat 17px center;
}

.para-item-documents .documents a.type-doc {
    background: url('../images/svg/picto-doc.svg') no-repeat 17px center;
}

.para-item-documents .documents a.type-ppt {
    background: url('../images/svg/picto-ppt.svg') no-repeat 17px center;
}

.para-item-documents .documents a.type-pdf {
    background: url('../images/svg/picto-pdf.svg') no-repeat 17px center;
}

.para-item-documents .documents a::after{
    content: '';
    position: absolute;
    top: calc(50% - 20px);
    right: 2px;
    display: block;
    width: 42px;
    height: 40px;
    background: url('../images/svg/picto-download.svg') no-repeat 0 0;
}

.planning47-message-declic{
    background: #fcd8a8;
    border: 1px solid #ac3500;
    padding: 18px 30px;
    display: flex;
    margin: 50px auto 0;
    max-width: 1088px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
}
.planning47-message-declic .texte{
    padding: 0 20px 0 0;
}
.planning47-message-declic .texte .avis{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #003645;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}
.planning47-message-declic .texte .desc{
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #003645;
}
.planning47-message-declic .lien a{
    white-space: nowrap;
}



/* Fiche Détail */

.planning47-fiche-detail .planning47-fiche-fields{
    display: flex;
    flex-wrap: wrap;
}
.planning47-fiche-detail .planning47-fiche-fields .form-type-item{
    flex: 0 1 33.33%;
    padding-right: 20px;
}
.planning47-fiche-detail .planning47-fiche-fields .form-type-item.form-type-textarea{
    flex: 0 1 100%;
}
.planning47-fiche-detail .planning47-fiche-fields .form-type-item label{
    display: block;
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #003645;
}

.planning47-fiche-enseignant.planning47-bloc-espace{
    margin: 20px auto 5px;
}
.planning47-fiche-enseignant .infos .mes-infos .coordonnees{
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #3e3e3e;
    padding: 20px 0;
    column-count: 2;
    column-gap: 10px;
}
.planning47-fiche-enseignant .infos .mes-infos .coordonnees .ligne{
    padding: 2px 0;
}
.planning47-fiche-enseignant .infos .mes-infos .coordonnees .ligne .niveau{
    height: 22px;
    border-radius: 3px;
    background: #003645;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 0 6px;
}
.planning47-fiche-enseignant .planning47-horaires-etab{
    margin: 0px 0 10px 0;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #3e3e3e;
    padding: 10px 0;
}
.planning47-fiche-enseignant .planning47-horaires-etab .titre-section{
    padding: 0px 0 10px 0;
}
.planning47-fiche-enseignant .planning47-horaires-etab .ligne{
    display: flex;
}
.planning47-fiche-enseignant .planning47-horaires-etab .ligne .jour{
    display: flex;
    width: 80px;
}

.planning47-fiche-enseignant .infos .dates-planning{
    margin: 0 0 20px 0;
}
.planning47-fiche-enseignant .infos .reponses .ligne{
    margin: 10px 0;
}
.planning47-fiche-enseignant .infos .reponses .question{
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    color: #003645;
    line-height: 20px;
    margin: 20px 0 0 0;
}
.planning47-fiche-enseignant .infos .reponses .reponse{
    font-family: Roboto;
    font-weight: 400;
    font-style: italic;
    font-size: 15px;
    color: #003645;
    line-height: 20px;
    margin: 6px 0 0 0;
}