@charset "UTF-8";
/* VARIABLE */
/* MAIN VARIABLE COLOR */
@media screen and (min-width: 1500px) {
  /* line 4, ../sass/responsive.scss */
  .adeline-millet {
    overflow: hidden;
  }
  /* line 6, ../sass/responsive.scss */
  .adeline-millet .text-adeline {
    padding: 200px 0;
  }
  /* line 9, ../sass/responsive.scss */
  .adeline-millet .citation {
    margin: 240px 0 240px 40px;
  }

  /* line 13, ../sass/responsive.scss */
  .cours-individuel {
    padding: 0 0 120px;
    overflow: hidden;
  }
  /* line 16, ../sass/responsive.scss */
  .cours-individuel .cours {
    padding: 0 0;
  }

  /* line 20, ../sass/responsive.scss */
  .balade-collective {
    padding: 230px 0;
    overflow: hidden;
  }
  /* line 23, ../sass/responsive.scss */
  .balade-collective .balade {
    padding: 150px 0;
  }
  /* line 26, ../sass/responsive.scss */
  .balade-collective .img-balade {
    padding: 0;
  }
  /* line 28, ../sass/responsive.scss */
  .balade-collective .img-balade .cercle {
    top: -5px;
  }

  /* line 33, ../sass/responsive.scss */
  .projet-adoption {
    padding: 230px 0 280px;
    overflow: hidden;
  }
  /* line 37, ../sass/responsive.scss */
  .projet-adoption .adoption .buldog {
    max-width: 60%;
  }
  /* line 40, ../sass/responsive.scss */
  .projet-adoption .adoption .btn-plus {
    margin-left: 50px;
    position: relative;
    z-index: 2;
  }

  /* line 48, ../sass/responsive.scss */
  .journee-formation .formation {
    padding: 150px 0;
  }
}
@media screen and (max-width: 998px) {
  /* line 55, ../sass/responsive.scss */
  .grid-x {
    padding: 0 20px;
  }

  /* line 59, ../sass/responsive.scss */
  .header .menu-main {
    z-index: 9999;
  }
  /* line 62, ../sass/responsive.scss */
  .header .menu-main .logo img {
    max-width: 100px;
  }
  /* line 66, ../sass/responsive.scss */
  .header .menu-main ul {
    display: none !important;
  }
  /* line 70, ../sass/responsive.scss */
  .header .menu-responsive {
    display: block;
  }
  /* line 72, ../sass/responsive.scss */
  .header .menu-responsive ul {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 170px 0;
    z-index: 999;
    opacity: 0;
  }
  /* line 82, ../sass/responsive.scss */
  .header .menu-responsive ul li {
    display: block;
    padding: 25px 0 25px 40px;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
  }
  /* line 89, ../sass/responsive.scss */
  .header .menu-responsive ul li.fb-insta a {
    color: #8E6199;
  }
  /* line 93, ../sass/responsive.scss */
  .header .menu-responsive ul li a {
    color: #1F1F1F;
  }
  /* line 99, ../sass/responsive.scss */
  .header .menu-burger {
    display: block;
  }

  /* HOME */
  /* line 105, ../sass/responsive.scss */
  .home {
    padding: 190px 0 0;
    overflow: hidden;
    height: 100%;
  }
  /* line 109, ../sass/responsive.scss */
  .home .img {
    display: none;
  }
  /* line 112, ../sass/responsive.scss */
  .home .img-mobile {
    display: block;
    margin: auto;
    width: 85%;
  }
  /* line 117, ../sass/responsive.scss */
  .home .text {
    display: block;
    width: 100%;
    padding: 80px 20px 40px;
  }
  /* line 121, ../sass/responsive.scss */
  .home .text h1 {
    font-size: 2.5rem;
  }
  /* line 124, ../sass/responsive.scss */
  .home .text p {
    display: none;
  }

  /* RÉSEAUX SOCIAUX */
  /* line 131, ../sass/responsive.scss */
  .rs {
    display: none;
  }

  /* ADELINE MILLET */
  /* line 136, ../sass/responsive.scss */
  .adeline-millet {
    overflow: hidden;
  }
  /* line 138, ../sass/responsive.scss */
  .adeline-millet .adeline {
    background-size: cover;
    background-position: 40% 100%;
  }
  /* line 142, ../sass/responsive.scss */
  .adeline-millet .text-adeline {
    padding: 100px 20px;
  }
  /* line 145, ../sass/responsive.scss */
  .adeline-millet .citation {
    display: none;
  }

  /* Adeline Millet detail*/
  /* line 152, ../sass/responsive.scss */
  .adeline-millet-detail h1 {
    font-size: 2.4rem;
  }
  /* line 155, ../sass/responsive.scss */
  .adeline-millet-detail .img-adeline {
    max-width: 100%;
    margin-top: 0;
  }
  /* line 160, ../sass/responsive.scss */
  .adeline-millet-detail .texte.t2 {
    margin-top: 40px;
    padding-top: 0;
  }

  /* Mon approche */
  /* line 170, ../sass/responsive.scss */
  .mon-approche .approche .gm {
    max-width: 130px;
    top: -90px;
    left: 180px;
  }

  /* Apprche éthique */
  /* line 179, ../sass/responsive.scss */
  .approche-ethique {
    padding: 70px 0 200px;
    background: url("../images/fond-approche-ethique-mobile.svg") no-repeat;
  }
  /* line 182, ../sass/responsive.scss */
  .approche-ethique .img-approche-ethique {
    display: none;
  }
  /* line 185, ../sass/responsive.scss */
  .approche-ethique .texte {
    padding: 30px 0 0;
  }
  /* line 188, ../sass/responsive.scss */
  .approche-ethique h1 {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }

  /* Cynologiste */
  /* line 195, ../sass/responsive.scss */
  .cynologiste {
    padding: 170px 0 100px;
    margin-top: -190px;
  }
  /* line 198, ../sass/responsive.scss */
  .cynologiste h1 {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
  /* line 202, ../sass/responsive.scss */
  .cynologiste .patte {
    right: 30px;
    bottom: 30px;
    max-width: 60px;
  }

  /* Adoption detail */
  /* line 211, ../sass/responsive.scss */
  .adoption-detail h1 {
    font-size: 2.2rem;
  }
  /* line 214, ../sass/responsive.scss */
  .adoption-detail .citation {
    background: url("../images/cadre-citation-mobile.svg") no-repeat;
    max-width: 100%;
    margin: 0 auto 40px;
  }
  /* line 219, ../sass/responsive.scss */
  .adoption-detail .citation .quote.q2 {
    bottom: 13px;
  }
  /* line 224, ../sass/responsive.scss */
  .adoption-detail .p-adoption {
    padding: 0;
    width: 100%;
  }
  /* line 228, ../sass/responsive.scss */
  .adoption-detail .img-fille-adoption {
    margin-top: 0;
  }

  /* Elevage */
  /* line 234, ../sass/responsive.scss */
  .elevage {
    padding: 80px 0 50px;
  }
  /* line 236, ../sass/responsive.scss */
  .elevage .img-elevage {
    margin-top: 40px;
  }

  /* Bilan comportemental*/
  /* line 242, ../sass/responsive.scss */
  .bilan-comportemental {
    overflow: hidden;
  }
  /* line 244, ../sass/responsive.scss */
  .bilan-comportemental .rond-violet {
    display: none;
  }
  /* line 247, ../sass/responsive.scss */
  .bilan-comportemental .rond-jaune {
    right: -90px;
  }
  /* line 250, ../sass/responsive.scss */
  .bilan-comportemental h1 {
    font-size: 2.4rem;
  }
  /* line 253, ../sass/responsive.scss */
  .bilan-comportemental p {
    max-width: 100%;
  }
  /* line 256, ../sass/responsive.scss */
  .bilan-comportemental .btn-tarif {
    margin-left: 0;
    display: inline-block;
    margin-top: 25px;
  }
  /* line 261, ../sass/responsive.scss */
  .bilan-comportemental .img-bilan {
    position: relative;
    max-width: 114%;
    margin-left: -20px;
  }

  /* Cours individuel */
  /* line 269, ../sass/responsive.scss */
  .cours-individuel {
    overflow: hidden;
    padding: 0;
  }
  /* line 272, ../sass/responsive.scss */
  .cours-individuel .lien-cours-bilan {
    display: none;
  }
  /* line 275, ../sass/responsive.scss */
  .cours-individuel .img-cours {
    display: none;
  }
  /* line 278, ../sass/responsive.scss */
  .cours-individuel .cours {
    padding: 0 0;
  }
  /* line 281, ../sass/responsive.scss */
  .cours-individuel h1 {
    font-size: 2.4rem;
  }
  /* line 284, ../sass/responsive.scss */
  .cours-individuel .btn-tarif {
    margin-left: 0;
    display: inline-block;
    margin-top: 25px;
  }

  /* Balade */
  /* line 292, ../sass/responsive.scss */
  .balade-collective {
    background: url("../images/fond-balade-mobile.svg") no-repeat;
    background-size: cover;
    padding: 120px 0 150px;
    overflow: hidden;
  }
  /* line 297, ../sass/responsive.scss */
  .balade-collective .balade {
    padding: 0;
  }
  /* line 300, ../sass/responsive.scss */
  .balade-collective h1 {
    font-size: 2.4rem;
  }
  /* line 303, ../sass/responsive.scss */
  .balade-collective .img-balade {
    display: none;
  }
  /* line 306, ../sass/responsive.scss */
  .balade-collective .patte-homme-chien {
    bottom: -20px;
    width: 170px;
  }

  /* Projet adoption */
  /* line 313, ../sass/responsive.scss */
  .projet-adoption {
    overflow: hidden;
  }
  /* line 316, ../sass/responsive.scss */
  .projet-adoption .adoption .buldog {
    margin-left: -20px;
    margin-bottom: 20px;
    position: relative;
    max-width: 100%;
    display: block;
    left: auto;
    top: auto;
  }
  /* line 325, ../sass/responsive.scss */
  .projet-adoption .adoption .text {
    max-width: 100%;
  }
  /* line 327, ../sass/responsive.scss */
  .projet-adoption .adoption .text h1 {
    font-size: 2.25rem;
  }
  /* line 330, ../sass/responsive.scss */
  .projet-adoption .adoption .text p {
    padding-left: 0;
  }

  /* Pension éducative */
  /* line 338, ../sass/responsive.scss */
  .pension-canine {
    padding-bottom: 150px;
    overflow: hidden;
  }
  /* line 341, ../sass/responsive.scss */
  .pension-canine .pension {
    padding: 80px 0 20px;
  }
  /* line 344, ../sass/responsive.scss */
  .pension-canine h1 {
    font-size: 2.4rem;
    -webkit-text-stroke: 0.8px #8E6199;
  }
  /* line 348, ../sass/responsive.scss */
  .pension-canine .text-pension {
    position: relative;
    top: auto;
    left: auto;
    max-width: 90%;
    margin-left: 20px;
    transform: unset;
  }
  /* line 356, ../sass/responsive.scss */
  .pension-canine .img-pension {
    display: none;
  }
  /* line 359, ../sass/responsive.scss */
  .pension-canine .rond-violet {
    bottom: 50px;
    right: 50px;
  }

  /* Journée de formation */
  /* line 366, ../sass/responsive.scss */
  .journee-formation {
    overflow: hidden;
    background-size: cover;
    background-position: 72% 100%;
  }
  /* line 371, ../sass/responsive.scss */
  .journee-formation .text .ligne-desktop {
    display: none;
  }
  /* line 374, ../sass/responsive.scss */
  .journee-formation .text .ligne-mobile {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
  }
  /* line 380, ../sass/responsive.scss */
  .journee-formation h1 {
    font-size: 2.4rem;
  }
  /* line 383, ../sass/responsive.scss */
  .journee-formation p {
    max-width: calc(100% - 60px);
    margin-left: 30px;
  }
  /* line 387, ../sass/responsive.scss */
  .journee-formation .btn-plus {
    margin: 20px 0 0 0;
  }

  /* PECCRAM */
  /* line 393, ../sass/responsive.scss */
  .peccram {
    overflow: hidden;
  }
  /* line 395, ../sass/responsive.scss */
  .peccram h1 {
    font-size: 2.4rem;
    -webkit-text-stroke: 0.8px #F39800;
  }

  /* line 402, ../sass/responsive.scss */
  .tarif-detail .chien-tarif {
    display: none;
  }
  /* line 405, ../sass/responsive.scss */
  .tarif-detail .nos-tarifs {
    padding: 50px 30px 50px 40px;
  }

  /* Actualites */
  /* line 411, ../sass/responsive.scss */
  .actualites {
    display: none;
  }
  /* line 413, ../sass/responsive.scss */
  .actualites.detail {
    display: block;
  }
  /* line 415, ../sass/responsive.scss */
  .actualites.detail .actu {
    display: block;
    max-width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
  }
  /* line 420, ../sass/responsive.scss */
  .actualites.detail .actu img {
    max-width: 100%;
  }
  /* line 424, ../sass/responsive.scss */
  .actualites.detail .fond-title-actu {
    margin-left: 0;
    padding: 50px;
  }
  /* line 428, ../sass/responsive.scss */
  .actualites.detail h1 {
    font-size: 2.4rem;
  }
  /* line 431, ../sass/responsive.scss */
  .actualites.detail .text {
    display: block;
    max-width: 100%;
  }
  /* line 435, ../sass/responsive.scss */
  .actualites.detail p.content {
    padding: 0;
  }

  /* Contact */
  /* line 442, ../sass/responsive.scss */
  .contact {
    background: none;
    padding: 230px 0 100px;
  }

  /* Footer */
  /* line 448, ../sass/responsive.scss */
  .footer {
    overflow: hidden;
  }
  /* line 450, ../sass/responsive.scss */
  .footer .ligne-footer {
    display: none;
  }
  /* line 453, ../sass/responsive.scss */
  .footer .ligne-footer-mobile {
    display: block;
  }
  /* line 456, ../sass/responsive.scss */
  .footer .logo {
    display: block;
    margin: 0 auto 30px;
  }
  /* line 460, ../sass/responsive.scss */
  .footer .plan-site {
    text-align: center;
    margin-bottom: 20px;
  }
  /* line 464, ../sass/responsive.scss */
  .footer .prestations {
    text-align: center;
    margin-bottom: 20px;
  }
  /* line 468, ../sass/responsive.scss */
  .footer .me-suivre {
    text-align: center;
  }
  /* line 471, ../sass/responsive.scss */
  .footer .me-retrouver, .footer .copy {
    text-align: center;
    margin-bottom: 20px;
  }
}