@font-face { font-family: 'milan' ; src: url('/src/pyreneesmagazine/fonts/milan/milan.ttf') format('ttf') ; font-weight: 300 ; font-style: normal ; font-display: swap ; }
:root{--font-color:#0b2230;--primary-color:#0b3867;--primary-cl-color:#F2F2F2;--secondary-color:#0b3867;--third-color:#757575;--bg-grey-cl:#fcfcfc;--bg-grey-fc:#f5f2e9;--bg-grey-a:#a0aab4;--bg-grey-br:#a0aab4;--white:#fff;--red-danger:#ac0505;--green-success:#339900;--orange-warning:#ec942c}
body{font-family:'milan',sans-serif}
input,select,textarea{font-family:'milan',sans-serif;}
.bl-input input{font-family:'milan',sans-serif}
.bottom-footer {border:none}
.footer {background-color:var(--primary-color)}
.navbar{background-color:var(--primary-color);height: 82px;}
.navbar .cont-profil p{font-family:inherit;font-weight:inherit;font-size:inherit}
.navbar svg{fill:#fff}
.navbar a{color:#fff}
.description-title .container-desc-title .bl-titre {text-align: justify;font-family: 'milan',sans-serif;font-size: 20px;padding-bottom: 20px}
.abonnement .container-offres .offres .box-offre .block-offre .bl-price .price {font-size: 31px; font-weight: 700; font-family: 'milan',sans-serif; color: var(--font-color);margin-bottom:5px;text-align: center;}
.abonnement .container-offres .offres .box-offre h3 {font-size: 26px;font-weight: 700; font-family:'milan',sans-serif;text-align: center; line-height: 28px; margin: 20px 0 0;color:var(--primary-color)}
.abonnement .container-offres .offres .box-offre .block-offre .bl-price .price span {font-size: 20px; font-weight: 700;font-family: 'milan',sans-serif;}
.abonnement .container-offres .offres .box-offre .block-offre .bl-price .price-crossed {font-size: 16px; font-weight: 700;font-family: 'milan',sans-serif;line-height: 18px;color: var(--font-color); text-align: center}
.btn.btn-ligne { background-color: transparent; color: var(--font-color); border: 1px solid transparent}
.btn.btn-ligne:hover { background-color: var(--bg-grey-fc);color: var(--font-color);border: 1px solid var(--secondary-color)}
.btn.btn-ac { background-color: var(--primary-color); color: var(--white)}
.btn.btn-ac:disabled {cursor: not-allowed; background-color: var(--bg-grey-br)}
.btn.btn-ac:not([disabled]):hover { background-color: var(--primary-color)}
.btn.btn-ad:not([disabled]):hover {background-color: var(--primary-color)}
.btn.btn-ad { background-color: var(--primary-color);color: var(--white);align-self: flex-start;padding: 7px 5px;min-width: 155px}
.btn.btn-ad:disabled,.btn.btn-ad:disabled:hover { cursor: not-allowed; background-color: var(--bg-grey-br)}
.container-offres .ligne{display:none}
.container-offres .presentationOffreTexte {text-align:center}
.blocpostoffre{display: grid; grid-template-columns: 40% 1fr; align-items: center; gap: 10px; width: calc(100% - 50%);margin: 0 auto; padding: 35px 0 1rem;}
.blocpostoffre ul{list-style-type: disc;list-style: inside;line-height: 1.5;}
.blocpostoffre p {line-height: 1.5;text-align: justify;}
.btnReaboHomepage {text-align:center;margin:auto;margin-bottom:2rem}
.bonnes-raisons > ul > li{display: flex;flex-direction: column;	justify-content: center;align-items: center;padding: var(5vw) 0 30vw;}
.bonnes-raisons .illustration{position: absolute;	top: 0;	left: 0;right: 0;bottom: 0;z-index: 1;cursor: default;}
.bonnes-raisons .illustration img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(45%);-webkit-filter: grayscale(45%);-moz-filter: grayscale(45%);-ms-filter: grayscale(45%);-o-filter: grayscale(45%);}
.bonnes-raisons h2{max-width: 720px;font-size: 3.5em;padding: 4rem 1rem 3rem;margin: auto;font-weight: 400;text-transform: uppercase;text-align: center;color: #fff !important;line-height: 1;}
.bonnes-raisons div{position: relative;z-index: 2;margin: 0 auto;padding: 0 auto;width: calc(100% - 400px);min-width: 930px;}
.bonnes-raisons div ul{display: flex;flex-wrap: wrap;justify-content:center;margin: 0;}
.bonnes-raisons div ul li{	position: relative;width: calc(25% - 6px);max-width: 200px;margin: 0 3px;padding: 25px 0 50px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.bonnes-raisons div ul li:hover {padding: 40px 0 35px;}
.bonnes-raisons div ul li::before{content: '';position: absolute;top: 0;left: 50%;z-index: 1;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);width: 60px;height: 60px;background: var(--primary-color);-webkit-border-radius: 60px;border-radius: 60px;text-align: center;color: #fff;font-size: 3em;}
.bonnes-raisons div ul li:nth-child(1)::before {content: '1';}
.bonnes-raisons div ul li:nth-child(2)::before {content: '2';}
.bonnes-raisons div ul li:nth-child(3)::before {content: '3';}
.bonnes-raisons div ul li:nth-child(4)::before {content: '4';}
.bonnes-raisons div ul li:nth-child(5)::before {content: '5';}
.bonnes-raisons div ul li strong{position: relative;	z-index: 2;	display: block;	width: 100%;height: 100%;padding: 10px;background: #fff;-webkit-border-radius: 3px;border-radius: 3px;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);text-align: center;font-size: 1.4em;margin-top: 2rem;color: var(--primary-color);}
@media only screen and (max-width: 930px) {.bonnes-raisons div{width: auto;min-width: 0;}
}
@media only screen and (max-width: 680px) {
.bonnes-raisons h2{font-size: 3em;}
.bonnes-raisons div ul li,.bonnes-raisons div ul li:hover {padding: 25px 0 20px;width: 100%;margin-bottom: 2rem;}
.text-contact,.content-contact-text{width:138px}
}
#mobile-menu svg {fill: #fff;}
.btn {white-space: normal;margin-left: 5px;margin-right: 5px;}
@media only screen and (max-width: 1024px) {
.blocpostoffre{display:block;width:100%;padding 1rem 2rem;text-align:justify}
}
.btn-newsletter {font-weight: bold;padding: 1rem 2rem;font-size: 18px;background-color: black;color: white;}
.titre-newsletter{ padding: 1rem; font-weight: bold;font-size: 25px;}
.newsletter-block-hp {text-align: center;padding: 2.5rem;}
.contact-titre{font-size:28px;font-weight:bold;width:100%;margin:auto;max-width:1100px}
.content-contact{display:flex;justify-content:space-around;margin:auto;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:1rem 0;gap:2rem}
.col1-contact,.col2-contact,.col3-contact{display:flex;align-items:center;gap:1rem}
.titre-contact-text{font-weight: bold;margin-bottom: 2px;}
.contact-block-hp{padding: 5px 20px 1rem;}
.content-contact-text a {text-decoration:underline}
@media only screen and (max-width: 1000px) {
.content-contact {display:grid}
.contact-titre{text-align: center;}
}
.footer-column.column-0,.logo-footer{display:none}
@media (min-width: 576px) {
.footer-container {grid-template-columns: 2.5fr 0.5fr;}
}
.footer-column{border-right: none;}
.footer-column ul li {text-align: center;margin-top: 1rem;}
.abonnement .container-offres .offres .box-offre{border-radius: 2rem;background: #F2F2F2;padding: 0 20px 20px;/*box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);*/min-width: 328px;border:none;}
.abonnement .container-offres .offres .box-offre.misenavant{background: #F2F2F2; padding: 0 20px 20px;/*box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);*/border: 3px solid #0b3867;}
.monPanier .container-panier .item-panier {display: grid; grid-template-columns: 3fr 1fr 1fr 1fr; border: none; border-radius: 18px; margin: 15px 0; align-items: center; box-shadow: 0 5px 8px 3px rgba(0, 0, 0, 0.3);}
.cart .list-cart .item-cart {color:#000;padding:1rem}
.cart .list-cart .quantity span:nth-child(2) { background-color: transparent;color:#000;}
.cart .list-cart .quantity span{display: inline-block; width: 25px; height: 25px; background-color: var(--white); color: var(--primary-color); border-radius: 50%;cursor: pointer;padding-top: 3px;}
.monPanier .container-panier .item-panier .quantite>*:not(.line-title) {display: inline-block;width: 25px; height: 24px;background-color: var(--secondary-color);color: var(--bg-grey-cl);border-radius: 50%;cursor: pointer; text-align: center; padding-top: 3px;}
.count-quantity{background-color:transparent!important;color:#000!important}
.connexion{padding-bottom:14rem}
.client-space{padding-bottom:6rem}
.cart .list-cart .item-cart{background-color: var(--primary-cl-color)}
.identification{padding-bottom:13rem}
@media (max-width: 810px) {
.monPanier .container-panier .table-title{display: none}
.monPanier .container-panier .item-panier{display: block}
.monPanier .container-panier .item-panier .line-title {display: inline-block;min-width: 100px;font-weight: 400;font-size: 16px;}
}
.navbar::after{display:none}
.navbar .block-count {background-color: var(--green-success); width: 15px; height: 15px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.navbar p.count{font-family: open-bold;color: #fff; font-size: 0.75rem;}
.footer-column.column-3 ul li a:hover {text-decoration: none}
.navbar a:hover{text-decoration:underline}
.abonnement .image-mag img{width: 15rem;}
.creation-form button{white-space: nowrap;}
.item-cart .quantity{display: flex;}
.bl-abonne { margin: 0 0 15px;}
.block-confirmation{margin:0 30px !important}
.bl-suivre-abo{width: 80%; margin: 35px auto;}
.bl-suivre-abo .selectTime { display: flex; justify-content: space-around; border: 1px solid var(--bg-grey-br); border-radius: 5px; width: auto; padding: 25px; margin: 15px auto;}
.bl-suivre-abo .list-magazines {display: flex; gap: 2.5rem;justify-content: center;}
.content-client .switch p {font-size:23px}
.client-space .container-abo .abo-switch p {font-size: 22px; cursor: pointer;font-family:'milan',sans-serif}
.sidebar .item {font-family:'milan',sans-serif}
.bl-suivre-abo .selectMagazin .list-magazines .mag {height: 230px;}
.container-abo .bl-info-abo .bl-detail-title img {width: 200px;}
.identification .container-btn-navig{padding-bottom:7rem}
.show-cart .title-cart{text-align:left !important}
.block-content2{text-align: center;}
.block-content2 h2{padding-bottom:2rem}
.block-btn{display: flex;margin: auto;justify-content: center;padding-bottom:3rem}
.numeros .container-numeros .block-numero{max-width:320px;border-radius:2rem;background:#F2F2F2;padding:20px}
.numeros .container-numeros .img-numero img{width:100%}