.logo {
  display: flex;
  width: 100%;
  height: 200px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.chevronLeft {
  width: 60px;
  height: 100px;
  clip-path: polygon(
    100% 25%,
    25% 50%,
    100% 75%,
    100% 100%,
    0 75%,
    0 25%,
    100% 0
  );
  background-color: rgb(29, 74, 101);
  transform-origin: center center;
  transform: rotate(9deg);
  transform-origin: center center;
  animation: toTop 1s forwards;
  position: absolute;
}

.slash {
  width: 60px;
  height: 120px;
  clip-path: polygon(50% 0, 75% 0, 50% 100%, 25% 100%);
  background-color: rgb(22, 162, 133);
  transform: rotate(0deg);
  opacity: 0;
  animation: showSlash 0.5s 0.5s forwards;
  position: absolute;
}

.chevronRight {
  width: 60px;
  height: 100px;
  clip-path: polygon(0 25%, 75% 50%, 0 75%, 0 100%, 100% 75%, 100% 25%, 0 0);
  background-color: rgb(29, 74, 101);
  transform-origin: center center;
  transform: rotate(0deg);
  animation: toBottom 1s forwards;
  z-index: 10;
  position: absolute;
  animation: toBottom 1s forwards;
}

@keyframes toTop {
  from {
    opacity: 0;
    transform: translate(0px, -32px) rotate(11deg);
  }
  to {
    opacity: 1;
    transform: translate(0px, 0px) rotate(11deg);
  }
}
@keyframes toBottom {
  from {
    opacity: 0;
    transform: translate(-28px, 32px) rotate(11deg);
  }
  to {
    opacity: 1;
    transform: translate(-28px, 10px) rotate(11deg);
  }
}
@keyframes showSlash {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*suppression du soulignement des liens */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
  text-decoration: none !important;
}
/*ajout du border-left*/
ul.has-text-color > .wp-block-navigation-item > a > span {
  padding-left: 5px;
  border-left: solid 1px #16a285;
}

/*titre strong page d'accueil*/
.strong {
  font-weight: bold;
  text-align: center;
}

.strong > strong,
.about > strong {
  color: #16a285;
}

/*border footer*/
.has-global-padding:last-child > div {
  border-top: solid 1px #16a285 !important;
  padding: 1rem !important;
}
/*fond */
.fond {
  width: 200px;
  height: 250px;
  background-color: rgb(29, 74, 101);
}

.fondPhoto > div {
  justify-content: end;
  display: flex;
  position: relative;
}
.photo {
  position: absolute !important;
  right: -5%;
}

/*page formation */
html
  body.wp-singular.page-template.page-template-wp-custom-template-formation.page.page-id-17.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
  div.wp-site-blocks
  div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
  div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-ce155fab.wp-block-group-is-layout-flex
  p {
  min-width: 61%;
  border-radius: 5px;
}

html
  body.wp-singular.page-template.page-template-wp-custom-template-formation.page.page-id-17.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
  div.wp-site-blocks
  div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
  div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-ce155fab.wp-block-group-is-layout-flex
  div.wp-block-buttons.has-accent-background-color.has-background.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-a89b3969.wp-block-buttons-is-layout-flex {
  min-width: 79% !important;
}
html
  body.wp-singular.page-template.page-template-wp-custom-template-formation.page.page-id-17.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
  div.wp-site-blocks
  div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
  div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-ce155fab.wp-block-group-is-layout-flex
  div.wp-block-buttons.has-accent-background-color.has-background.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-a89b3969.wp-block-buttons-is-layout-flex
  div.wp-block-button {
  width: 100%;
}
html
  body.wp-singular.page-template.page-template-wp-custom-template-formation.page.page-id-17.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
  div.wp-site-blocks
  div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
  div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
  border-left: solid 1px #16a285;
}
/*contact */
html
  body.wp-singular.page-template.page-template-wp-custom-template-contact.page.page-id-19.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
  div.wp-site-blocks
  div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained
  div#wpforms-248.wpforms-container.wpforms-container-full.wpforms-block.wpforms-block-e54c40d9-c1d7-4e6b-a776-33ce841121e2.wpforms-render-modern
  form#wpforms-form-248.wpforms-validate.wpforms-form.wpforms-ajax-form
  div.wpforms-submit-container {
  display: flex;
  justify-content: center;
}

html
  body.wp-singular.page-template.page-template-wp-custom-template-formation.page.page-id-17.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
  div.wp-site-blocks
  div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
  div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-ce155fab.wp-block-group-is-layout-flex
  div.wp-block-buttons.has-accent-background-color.has-background.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-a89b3969.wp-block-buttons-is-layout-flex
  div.wp-block-button.btn-green
  a.wp-block-button__link.has-accent-background-color.has-background.has-text-align-center.wp-element-button:hover {
  background-color: #149278 !important;
}
/* version mobile **************************************************************************************************************************************************************/
@media screen and (max-width: 764px) {
  /*page accueil */
  .wp-site-blocks {
    padding: 10px;
  }
  .wp-block-image:has(.wp-image-98) {
    display: flex;
    justify-content: center;
  }
  .wp-container-core-columns-is-layout-52be2989 > div:nth-child(2) {
    padding-left: 0px !important;
  }

  #modal-1 {
    background-color: #122c3c;
  }

  /*page service */
  div.is-content-justification-space-between:nth-child(3) {
    flex-direction: column !important;
  }

  /*page a propos */

  div.wp-block-columns:nth-child(4) > div:nth-child(2) {
    text-align: center;
  }

  /*page formation */
  div.wp-block-columns:nth-child(4) {
    width: 100%;
    align-items: center !important;
  }
  .fondPhoto {
    width: 100%;
    align-items: center !important;
  }
  .is-nowrap {
    display: flex !important;
    justify-content: center !important;
  }
  .photo {
    right: 5%;
  }
  html
    body.wp-singular.page-template.page-template-wp-custom-template-formation.page.page-id-17.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfour.wp-child-theme-twentytwentyfour-child
    div.wp-site-blocks
    div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
    div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
    div.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-ce155fab.wp-block-group-is-layout-flex
    p {
    min-width: 75%;
    border-radius: 5px;
  }
}