html {
  scroll-behavior: smooth;
}

/* --------------------* STANDARD ------------------***** */

.texte_retrait {
  margin-left: 20px;
}

.texte_retrait h3 {
  margin-top: 20px;
  margin-bottom: 25px;
  color: rgb(10, 102, 119);
}


.texte_defauts {
  border: none;
  margin-top: -25px;
}

.container_points {
  margin: 0 auto;
  max-width: 500px;
  width: 90%;
  height: auto;
  margin-bottom: -15px;
  align-content: center;
}

.container_points h2 {
  font-size: 1.3em;
  padding-top: 2rem;
}

.container_points li {
  font-size: 1em;
}

.container_points .list_none_2 li:nth-child(2) {
  list-style-type: none;
}

.container_points .list_none_3 li:nth-child(3) {
  list-style-type: none;
}

@media screen and (min-width: 768px) {
  .container_points h2 {
    font-size: 1.8em;
  }
  .container_points ul li {
    font-size: 1.3em;
  }
}

/* --------------------* Page mâles ------------------*** */

.titre_nom {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
  height: auto;
  text-align: center;
  border: none;
}

.titre_nom h2 {
  margin-top: 20px;
  font-size: 5vmin;
  color: #251f21;
  text-shadow: 1.4px 2.1px #d8c988;
  font-family: "Gentium Book Plus", sans-serif;
  border: none;
}

.titre_nom h3 {
  margin-top: -10px;
  font-size: 4vmin;
  color: #251f21;
  border: none;
}

.container_photos {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 1100px;
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border: none;
}

.boite_photo_444w {
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 444px;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border: none;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 5px solid #cef4f7;
}

.boite_photo_444w p {
  text-align: center;
}

.borderwhite {
  border-bottom: 5px solid white;
}

.info_texte_444w {
  margin: 0 auto;
  max-width: 444px;
  width: 100%;
  height: auto;
  font-family: "Gentium Book Plus", sans-serif;
}

.info_texte_444w p {
  font-size: 1.5em;
}

.info_texte_444w .is-size_2 {
  font-size: 0.9em;
}

.info_texte_444w .is-size_3 {
  font-size: 1.3em;
  line-height: 1.1em;
  padding-top: 0.625rem;
}

.container_info {
  margin: 0 auto;
  padding-bottom: 0;
  max-width: 1200px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  box-shadow: none;
  border: none;
}

.boite_description {
  margin-left: 20px;
  margin-top: 30px;
  width: 30%;
  /* width: 360px; */
  height: auto;
  text-align: left;
  color: #251f21;
  font-family: "Gentium Book Plus", sans-serif;
  border: none;
}

.boite_description ul {
  margin-top: 20px;
  margin-left: 20px;
}

.boite_description h3 {
  margin-left: 20px;
  font-size: 1.8em;
  font-family: "Satisfy", cursive;
}

.boite_description ul li {
  margin-left: 10px;
  padding-bottom: 5px;
  font-size: 1em;
}

.boite_description .bolder {
  font-weight: bolder;
}

.boite_description .list_none li:nth-child(7) {
  list-style: none;
}

.boite_description .list_none li:nth-child(8) {
  list-style: none;
  margin-left: -10px;
}

.boite_description .list_none li:nth-child(9) {
  list-style: none;
  margin-left: -10px;
}

.boite_description .list_none .is-size_1 {
  font-size: 1.3em;
  color: rgb(10, 102, 119);
}

.description .style-lettre,
.description .style-disc {
  font-size: 1.1em;
}

.boite_tests {
  margin-top: 20px;
  width: 30%;
  /* width: 360px; */
  height: auto;
  text-align: left;
  color: #251f21;
  font-family: "Gentium Book Plus", sans-serif;
}

.boite_tests ul {
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 20px;
}

.boite_tests h3 {
  margin-left: 20px;
  font-size: 1.8em;
  font-family: "Satisfy", cursive;
  border: none;
}

.boite_tests ul li {
  margin-left: 10px;
  padding-bottom: 5px;
  font-size: 1em;
}

.boite_tests .bolder {
  font-weight: bolder;
}

@media screen and (min-width: 768px) {
  .container_info {
    box-shadow: 2px -2px 13px 4px #176572;
  }
}

/* ------------------ Page femelles Shetland ------------------ */

.boite_pp {
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  border: none;
}

/* ------------------ PAGE FEMELLES & PAGE MÂLES ------------ */

.font-texte {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bolder;
  color: #176572;
}

/* ------------------**** PAGE PEDIGREE -------------------- */

.container_photos {
  margin: 0 auto;
  max-width: 1100px;
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  border: none;
}

.boite_photos_pedigree {
  margin: 0 auto;
  height: 238px;
  padding: 0;
  justify-items: space-between;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 2px -2px 13px 4px #176572;
}

.boite_photos_pedigree_1 {
  margin: 0 auto;
  height: 90px;
  padding: 0;
  justify-items: space-between;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 2px -2px 13px 4px #176572;
}

.img_133w {
  width: 133px;
}

.img_168w {
  width: 168px;
}

.img_195w {
  width: 195px;
}

.img_202W {
  width: 202px;
}

.img_210w {
  width: 210px;
}

.img_221w {
  width: 221px;
}

.img_223w {
  width: 223px;
}

.img_225w {
  width: 225px;
}

.img_238w {
  width: 238px;
}

.img_241w {
  width: 241px;
}

.img_259w {
  width: 259px;
}

.img_262w {
  width: 262px;
}

.img_264w {
  width: 264px;
}

.img_269w {
  width: 269px;
}

.img_270w {
  width: 270px;
}

.img_276w {
  width: 276px;
}

.img_287w {
  width: 287px;
}

.img_295w {
  width: 295px;
}

.img_320w {
  width: 320px;
}

.separateur {
  margin: 0 auto;
  margin-bottom: 0;
  width: 90%;
  height: auto;
  background-color: #cef4f7;
}

.espace_100 {
  margin: 0 auto;
  width: 200px;
  height: 100px;
}

/* ------------------**** ICÔNE PEDIGREE -------------------- */

.icone_pedigree {
  margin-left: 335px;
  margin-top: -90px;
  width: 100px;
  height: 79px;
  background-image: url(../img/icones/pedigree__100x79.jpg);
  position: absolute;
  border: none;
}

.icone_pedigree img:hover,
.pedigree_retour img:hover {
  cursor: pointer;
  transform: scale(1.1);
  transition: 0.6s;
}

.pedigree_retour {
  margin: 0 auto;
  width: 100%;
  height: 140px;
  background-color: #d1f4fa;
}

.pedigree_retour img {
  margin-top: 20px;
  width: 100px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* ------------------ BOÎTE PERSONNALITÉ ------------------** */

.personnalite {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 500px;
  height: auto;
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  border: 5px double #251f21;
  border-radius: 5px;
  box-shadow: 2px -2px 13px 4px #176572;
}

.personnalite p {
  text-align: left;
  font-size: 15px;
  padding-right: 10px;
  padding-left: 10px;
}

.container_personnalite {
  margin-top: -5px;
  width: 1200px;
  height: auto;
  justify-content: space-evenly;
  justify-items: right;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
  background-color: #d1f4fa;
  border: none;
  border-radius: 5px;
}

.boite_espace {
  width: 5%;
  height: auto;
}

.texte_personnalite {
  margin: 0 auto;
  padding-top: 20px;
  width: 80%;
  height: auto;
  border: none;
}

.texte_personnalite p {
  text-align: left;
  font-size: 1em;
  margin-top: 10px;
  padding-left: 10px;
}

.container_icone {
  width: 10%;
  height: auto;
  padding: 10px;
  justify-content: center;
  justify-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  border: none;
}

.boite_icone_pedigree {
  margin: 0 auto;
  margin-top: 30px;
  margin-left: 0;
  width: 100px;
  height: 79px;
  position: relative;
  justify-content: center;
  justify-items: center;
  display: flex;
  flex-wrap: wrap;
  background-image: url(../img/icones/pedigree__100x79.jpg);
  border: none;
}

.boite_icone_pedigree img:hover {
  transform: scale(1.1);
  transition: 0.6s;
}

@media screen and (max-width: 768px) {
  .texte_personnalite p {
    font-size: 0.7em;
  }

  .boite_icone_pedigree {
    padding-right: 2%;
    width: 40px;
    height: 31px;
    margin-right: 5%;
    margin-top: 40px;
    background-image: url(/img/icones/pedigree__40x31.jpg);
  }

  .boite_espace {
    width: 1%;
  }
}

@media screen and (max-width: 501px) {
  .texte_personnalite p {
    font-size: 0.7em;
  }

  .boite_icone_pedigree {
    padding-right: 2%;
    width: 40px;
    height: 31px;
    margin-right: 5%;
    margin-top: 40px;
    background-image: url(/img/icones/pedigree__40x31.jpg);
  }

  .boite_espace {
    width: 1%;
  }
}

@media screen and (max-width: 355px) {
  .texte_personnalite p {
    font-size: 0.7em;
  }

  .boite_icone_pedigree {
    width: 40px;
    height: 31px;
    margin-right: 5%;
    margin-top: 40px;
    background-image: url(/img/icones/pedigree__40x31.jpg);
  }

  .boite_espace {
    width: 1%;
  }
}

/* --------------------* CHIOTS ------------------****** */

.boite_liens_chiots {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  justify-items: center;
  border: none;
}

.boite_liens_chiots span {
  text-align: center;
  font-size: 1.1em;
}

.boite_liens_chiots a {
  text-decoration: none;
  color: rgb(10, 102, 119);
}

.texte {
  margin-right: 5px;
  margin-left: 5px;
}

.texte p {
  font-size: 1.3em;
  padding-left: 10px;
  padding-right: 10px;
}

.texte a:hover {
  text-decoration: none;
  background-color: #fefcfc;
  color: #176572;
  padding: 2px;
}

.info_chiots {
  margin: 0 auto;
  max-width: 900px;
  width: 90%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #826674;
  border-radius: 5px;
}

.info_chiots p {
  font-size: 1.2em;
  text-align: left;
  padding-left: 10px;
}

.info_chiots ul {
  list-style-type: disc;
  padding-left: 50px;
}

.info_chiots ul li {
  font-size: 1em;
}

/* ------------------* NOUVELLES PORTÉES ------------------ */

.info_portee {
  margin: 0 auto;
  max-width: 980px;
  width: 90%;
  height: auto;
  padding-bottom: 15px;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-evenly;
  justify-items: center;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #1a7e8f;
  border-radius: 5px;
}

.info_portee p {
  font-size: 3vmin;
  text-align: center;
}

.info_portee ul {
  list-style: "\1F43E";
  margin-left: 50px;
}

.info_portee li {
  font-size: 1.1em;
  line-height: 20px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.info_portee li a {
  color: #176572;
  text-decoration: none;
  padding-left: 5px;
}

.info_portee li a:hover {
  font-weight: bold;
}

.info_portee li a::after {
  color: #6d0528;
}

/* ------------------ PAGE CHAMPIONS ------------------ */

.container_champions {
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 900px;
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  justify-items: center;
  box-shadow: 2px -2px 13px 4px #176572;
  border: 5px solid #176572;
}

.container_champions_2 {
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 900px;
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  justify-items: center;
  box-shadow: 2px -2px 13px 4px #176572;
  border: 5px solid #176572;
}

.boite_info_champions {
  margin: 0 auto;
  width: 48%;
  height: auto;
  text-align: left;
  padding-left: 20px;
  border: none;
  background-size: cover;
  background-repeat: no-repeat;
}

.boite_info_champions h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.8em;
  font-family: "Poppins", sans-serif;
}

.titre_1 {
  font-size: 1.3em;
}

.sous-titre_1 {
  font-size: 1.1em;
  font-style: italic;
}

.bgr_blanc {
  background-color: #f7f6f8;
}

/* -------------------- DISPONIBLE ------------------***** */

.boite_texte {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  height: auto;
  text-align: center;
}

.boite_texte p {
  font-size: 1.5em;
  text-align: center;
}

.boite_info_dispo {
  margin: 0 auto;
  padding: 10px;
  max-width: 950px;
  width: 100%;
  height: auto;
  text-align: left;
}

/* --------------------* BOÎTE PHOTO ------------------*** */

.boite_img {
  margin: 0;
  padding: 0;
  width: 444px;
  box-shadow: 2px -2px 13px 4px #176572;
}

.boite_photo {
  margin: 0 auto;
  width: 444px;
  height: 330px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_2 {
  width: 444px;
  height: 330px;
  margin: 0;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.boite_photo_3 {
  margin: 0 auto;
  width: 444px;
  height: 430px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_4 {
  margin: 0 auto;
  width: 444px;
  height: 500px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_5 {
  margin: 0 auto;
  width: 444px;
  height: 380px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_6 {
  margin: 0 auto;
  width: 444px;
  height: 474px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_7 {
  margin: 0 auto;
  width: 444px;
  height: 400px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_8 {
  margin: 0 auto;
  margin-left: -0.05rem;
  width: 444px;
  height: 520px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_photo_9 {
  margin: 0 auto;
  width: 440px;
  height: auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
  box-shadow: 2px -2px 13px 4px #176572;
}

.boite_photo_noel {
  margin: 0 auto;
  width: 700px;
  height: 572px;
  padding: 0;
  box-shadow: 2px -2px 13px 4px #176572;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.is-w-444 {
  max-width: 444px;
  width: 100%;
}

.is-w-440 {
  max-width: 440px;
  width: 100%;
}

.is-h-110 {
  height: 110px;
}

.is-pt-5 {
  padding-top: 5px;
}

/* ------------------**** PAGE RETRAITÉS -------------------- */

.boite_info {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
  text-align: center;
}

.boite_info p {
  font-size: 1.6em;
  text-align: center;
}

.boite_nom_1 {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  height: auto;
  justify-items: center;
  text-align: center;
  box-shadow: 2px -2px 13px 4px #176572;
  border: 3px solid orange;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.boite_nom_1 h2 {
  font-size: 1.8em;
  transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.boite_nom_1 h3 {
  font-size: 2em;
  line-height: 0.3em;
  padding-bottom: 20px;
  font-style: cursive;
  font-family: "Satisfy", cursive;
}

.photo_parent {
  margin: 0 auto;
  width: 221px;
  height: 164px;
}

.photo_parent_2 {
  margin: 0 auto;
  width: 221px;
  height: 225px;
}

/* --------------------* PAGE EN MÉMOIRE --------------------******* */

.boite_nom_2 {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  height: auto;
  padding: 0;
  justify-items: center;
  text-align: center;
  box-shadow: 2px -2px 13px 4px #176572;
  border: 3px solid #176572;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-image: url(/img/ailes/wings_1200x210__2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.boite_nom_2 h1 {
  font-size: 1.8em;
  margin-bottom: -15px;
}

.boite_nom_2 h2 {
  font-size: 1.8em;
}

.boite_nom_2 h3 {
  font-size: 1.6em;
  margin-top: -10px;
  font-family: "Satisfy", cursive;
}

/* --------------------* PAGE ABRÉVIATIONS --------------------******* */

.boite_abreviations {
  margin: 0 auto;
  max-width: 900px;
  width: 90%;
  height: auto;
  border: 3px solid #6f676a;
  border-radius: 10px;
  box-shadow: 2px -2px 7px 1px #176572;
  border-right-style: hidden;
}

.boite_abreviations h2 {
  margin-left: 30px;
  padding-top: 10px;
}

.boite_abreviations ul {
  margin-left: 50px;
  line-height: 40px;
  font-size: 1.2em;
}

.boite_abreviations ul li {
  font-size: 1.1em;
  /* list-style: disc; */
}

/* .boite_abreviations ul li ul {
  margin-left: 70px;
} */

.boite_abreviations ul li ul li {
  font-size: 0.7em;
  list-style: none;
  font-style: italic;
  color: rgb(10, 102, 119);
}

.text-tabs-1 {
  margin-right: 20px;
}

@media screen and (min-width: 768px) {
  .boite_abreviations ul li {
    font-size: 0.9em;
  }

  .text-tabs-1 {
    margin-right: 10px;
    margin-left: 26px;
  }
}

@media screen and (mi-width: 568px) {
  .boite_abreviations ul li {
    font-size: 1.1em;
  }

  .text-tabs-1 {
    margin-right: 10px;
    margin-left: 26px;
  }
}

@media screen and (min-width: 355px) {
  .boite_abreviations ul li {
    font-size: 1.1em;
  }

  .text-tabs-1 {
    margin-right: 10px;
    margin-left: 26px;
  }
}

/* --------------------***** PAGE SUGGESTIONS DE LECTURE --------------------*** */

.container_lecture {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-items: center;
}

.livre_1 {
  margin-top: 10px;
  margin-left: 3%;
  width: 138px;
  height: 176px;
  background-image: url(/img/lecture/01_the_shetland_sheep_dog.jpg);
  border: none;
}

.boite_resume {
  margin-top: 10px;
  margin-left: 3%;
  max-width: 700px;
  width: 100%;
  height: auto;
  border: none;
}

.boite_resume p {
  font-size: 1em;
  padding-right: 5%;
}

.boite_resume .descriptif {
  margin-top: 0;
  color: #176572;
  border: none;
}

.livre_2 {
  margin-top: 10px;
  margin-left: 3%;
  width: 99px;
  height: 154px;
  background-image: url(/img/lecture/02_the_new_collie.jpg);
  border: none;
}

.livre_3 {
  margin-top: 10px;
  margin-left: 3%;
  width: 129px;
  height: 176px;
  background-image: url(/img/lecture/03_sheltie_talk.jpg);
  border: none;
}

.font-texte {
  font-weight: bold;
  text-transform: uppercase;
}

.livre_4 {
  margin-top: 10px;
  margin-left: 3%;
  width: 117px;
  height: 154px;
  background-image: url(/img/lecture/04_collie_concept.jpg);
  border: none;
}

.livre_5 {
  margin-top: 10px;
  margin-left: 3%;
  width: 97px;
  height: 120px;
  background-image: url(/img/lecture/05_le_colley.jpg);
  border: none;
}

.livre_6 {
  margin-top: 10px;
  margin-left: 3%;
  width: 98px;
  height: 120px;
  background-image: url(/img/lecture/06_le_sheltie.jpg);
  border: none;
}

.livre_7 {
  margin-top: 10px;
  margin-left: 3%;
  width: 124px;
  height: 154px;
  background-image: url(/img/lecture/07_les_chiens_nous_parlent.jpg);
  border: none;
}

.livre_8 {
  margin-top: 10px;
  margin-left: 3%;
  width: 168px;
  height: 200px;
  background-image: url(/img/lecture/08_un_chien_bien_eleve.jpg);
  border: none;
}

.video_1 {
  margin-top: 10px;
  margin-left: 3%;
  width: 150px;
  height: 263px;
  background-image: url(/img/lecture/09_the_american_kennel_club_video_series.jpg);
  border: none;
}

/* --------------------** PAGE NOUVELLES --------------------***** */

.nav__news {
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  max-width: 1200px;
  width: 100%;
  height: auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border: none;
  font-size: 1em;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.nav__news ul {
  margin: 0 auto;
  list-style: none;
}

.nav__news ul li {
  width: auto;
  height: auto;
  padding: 5px 10px 5px 10px;
  margin: 10px auto;
  position: relative;
  display: inline-block;
  justify-content: left;
  align-items: center;
  border: none;
  border-radius: 15px;
}

.nav__news ul li a {
  text-decoration: none;
  color: #6d0528;
}

.nav__news ul li:hover {
  background-color: #d1f4fa;
  box-shadow: 2px -2px 7px 1px #176572;
}

.nav__news ul li a:hover {
  text-decoration: none;
  color: #251f21;
}

.container_lecture_2 {
  margin: 0 auto;
  max-width: 940px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-items: center;
  border-bottom: none;
  border-radius: 10px;
}

.boite_news {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  text-align: left;
}

.boite_news ul {
  margin-left: 0;
}

.boite_news ul li {
  padding-top: 1rem;
  padding-bottom: 0.625rem;
  margin-left: -1rem;
}

.boite_news p {
  font-size: 1.1em;
}

.list-style-none {
  margin-top: -0.625rem;
  list-style-type: none;
}

.upp {
  text-transform: uppercase;
}

.font-date {
  font-weight: bold;
  font-size: 1.8em;
}

.font-style1 {
  font-size: 1.2em;
  font-style: italic;
}

.boite_news ul {
  margin-left: 30px;
  list-style: disc;
  padding-bottom: 20px;
}

.boite_news ul li {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.5;
}

.boite_img_news {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 360px;
  height: auto;
}

.boite_img_news2 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 444px;
  height: 330px;
}

.boite_img_news3 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 444px;
  height: 400px;
}

.boite_img_news4 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 444px;
  height: 500px;
}

.boite_img_news5 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 444px;
  height: 520px;
}

.boite_img_news6 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 444px;
  height: 430px;
}

.boite_img_news7 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 444px;
  height: 474px;
}

.boite_img_news8 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 340px;
  height: 300px;
}

.boite_img_news9 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 296px;
  height: 218px;
}

.boite_img_news10 {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 259px;
  height: 244px;
}
/* ajustement des marges du container */
.margin-10 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* ------------------* BOUTON BAS DE PAGE NOUVELLES --------------------**** */

.container_button_next {
  margin: 0 auto;
  max-width: 75rem;
  width: 80%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  border: none;
}

.button_next {
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  width: 160px;
  height: auto;
  padding: 5px 10px 5px 10px;
  background-color: #e1dbdd;
  border: 3px solid #176572;
  border-radius: 25px;
  color: #251f21;
  text-align: center;
}

.button_next a {
  text-decoration: none;
  color: #251f21;
}

.button_next:hover {
  box-shadow: 2px -2px 7px 1px #176572;
  background-color: #d1f4fa;
  cursor: pointer;
}

.button_next a:hover {
  text-decoration: none;
  color: #176572;
}

/* --------------------* PAGE LIENS UTILES --------------------***** */

.container_liens_utiles {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 1200px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  justify-items: center;
  border: none;
}

.boite_liens {
  max-width: 500px;
  width: 100%;
  margin: 10px;
  text-align: center;
  background-color: #e0f5f9;
  border: 5px solid #677f84;
  border-radius: 20px;
  box-shadow: 2px -2px 7px 1px #826674;
}

.boite_liens p {
  font-size: 1.1em;
}

.boite_liens a {
  color: #6d0528;
  text-decoration: none;
}

.boite_liens a:hover {
  text-decoration: none;
  font-weight: bolder;
  color: #097f94;
  transform: scale(1.1);
  transition: 0.6s;
}

/* --------------------** PAGE NOUS JOINDRE --------------------**** */

.intro a:hover {
  text-decoration: none;
  color: #097f94;
  font-weight: bold;
}

/* --------------------****** Mobile ------------------ */

@media screen and (max-width: 900px) {
  .boite_description {
    width: 50%;
    margin-left: 10%;
  }
  .boite_tests {
    width: 40%;
  }

  .boite_description,
  .boite_tests {
    margin-bottom: 20px;
  }

  .boite_info ul {
    margin-left: 30px;
    margin-right: 50px;
  }
}

@media screen and (max-width: 768px) {
  .texte p {
    font-size: 0.9em;
  }

  .gambler_img_7,
  .gambler_img_8,
  .gambler_img_9,
  .gino_mere,
  .gino_pere,
  .gino_img_7,
  .jazz_img_7_221w,
  .opale_img_7,
  .roxy_img_10,
  .topaze_img_12,
  .toutoune_img_221,
  .cadence_img_7,
  .moustou_img_6_221,
  .gambler_img_7,
  .xena_img_7,
  .zelda_img_7 {
    display: none;
  }

  .texte_personnalite {
    width: 60%;
  }

  .texte_personnalite p {
    font-size: 1em;
  }

  .container_icone {
    margin: 0 auto;
    width: 30px;
    height: 23px;
    margin-bottom: 100px;
  }

  .boite_description {
    width: 45%;
    margin-left: 5%;
  }
  .boite_tests {
    width: 45%;
  }

  #button {
    display: none;
  }

}

@media screen and (min-width: 768px) {
  .boite_info_dispo h4 {
    font-size: 1.3em;
  }

  .boite_info_dispo ul li {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 600px) {
  .boite_description {
    width: 40%;
    margin-left: 2%;
  }
  .boite_tests {
    width: 40%;
  }

  .boite_description ul,
  .boite_tests ul {
    margin-top: 10px;
  }

  .boite_description ul li,
  .boite_tests ul li {
    padding-bottom: 10px;
  }

  .texte_personnalite {
    margin: 0;
    width: 80%;
  }

  .texte_personnalite p {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .boite_espace {
    width: 1%;
  }

  .container_icone {
    width: 12%;
    height: auto;
    margin-right: 5%;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .boite_icone_pedigree img {
    width: 60px;
  }

  .titre_nom h3 {
    margin-top: 0;
    padding-bottom: 10px;
  }
}