.bayard-contact * {margin: 0;padding: 0;}.bayard-contact {width: 100%;padding: 30px 0 80px 0;}.bayard-contact h2 {text-align: center;width: 100%;}.bayard-contact > p {text-align: center;width: 80%;margin: 0px auto 20px;padding: 10px;font-size: 20px;}.blocs-contact {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 200px;-ms-flex-wrap: wrap;flex-wrap: wrap;}.bloc-contact {width: 22%;text-align: center;padding: 20px;margin: 10px;border: 2px solid #16ACE4;border-radius: 30px;height: 350px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;position: relative;-webkit-transition: background-color ease 1s;-o-transition: background-color ease 1s;transition: background-color ease 1s;-webkit-box-sizing: border-box;box-sizing: border-box;min-width: 300px;}.bloc-contact h6 {font-size: 28px;line-height: 35px;margin-bottom: 15px;color: #000;-webkit-transition: color ease 1s;-o-transition: color ease 1s;transition: color ease 1s;}.bloc-contact p {font-size: 20px;line-height: 35px}.bloc-contact::before {content: " ";height: 250px;width: 250px;position: absolute;left: 50%;margin-left: -125px;}.bloc-contact:first-child::before {top: -205px;}.bloc-contact + .bloc-contact::before,.bloc-contact:last-child::before {top: -185px;}.bloc-contact:nth-child(2)::before {top: -155px;}.bloc-contact:first-child::before {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/Titre-Bayard.png");}.bloc-contact:nth-child(2)::before {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/Titre-La-Croix-02.png");background-repeat: no-repeat;}.bloc-contact:nth-child(3)::before {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/Titre-Milan.png");}.bloc-contact:nth-child(4)::before {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/autres.png");top: -180px !important;}.bloc-contact .contact-picto {display: block;height: 50px;width: 50px;}.bloc-contact .pictos-contact {display: -webkit-box;display: -ms-flexbox;display: flex;width: 60%;margin: 20px auto 0;-ms-flex-pack: distribute;justify-content: space-around;}.bloc-contact:last-child .pictos-contact:nth-child(2) {display: -webkit-box;display: -ms-flexbox;display: flex;width: 60%;margin: 10px auto 10px;-ms-flex-pack: distribute;justify-content: space-around;}.bloc-contact .pictos-contact .contact-formulaire {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/page-contact.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}.bloc-contact .pictos-contact .contact-telephone {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/telephone-01.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}.bloc-contact .pictos-contact .contact-formulaire:hover {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/page-contact-hover-Blue.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}.bloc-contact .pictos-contact .contact-telephone:hover {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/telephone-hover-Blue.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}.bloc-contact .pictos-contact .contact-telephone-ON {background: url("https://static.bayard.io/librairie-bayard.com/CMS/contact/images/telephone-hover-Blue.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}.bloc-contact .bloc-telephone {width: 80%;text-decoration: none;background-color: #16ACE4;margin: 20px auto;color: #fff;text-decoration: none;}.bloc-hidden {display: none;position: relative;}.bloc-shown {display: block;}.bloc-shown:after {content: "( Appel non surtaxé )";position: absolute;left: 0;bottom: 20px;color: #000;width: 100%;font-family: arial, sans-serif;font-size: 13px}.bloc-contact .bloc-telephone a {color: #fff;text-decoration: none;font-size: 20px;display: block;padding: 5px 0;background-color: #16ACE4;border-radius: 10px;}.bloc-contact .bloc-telephone p {margin: 0;padding: 0;color: #fff;text-decoration: none;font-size: 20px;display: block;padding: 5px 0;background-color: #16ACE4;border-radius: 10px;}.bloc-height {padding-top: 50px;height: 440px !important;}.bloc-height:last-child {padding-top: 50px;height: 320px !important;}@media all and (min-width: 1024px) and (max-width: 1500px) {.bloc-contact {width: 33%;}.bloc-contact:nth-child(3),.bloc-contact:last-child {margin-top: 150px;}}@media all and (max-width: 1023px) {.blocs-contact {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;}.bloc-height {padding-top: 50px;}.bloc-contact {min-height: 250px;width: 90%;height: auto;}.bloc-contact + .bloc-contact,.bloc-contact:last-child {margin-top: 150px;}.bloc-contact:first-child h6 {margin-top: 20px}.argu-content {width: 90%;}.bloc-contact h6 {font-size: 25px;line-height: 25px;margin-top: 20px;}.bloc-contact p {font-size: 18px;line-height: 20px;}.bloc-contact:first-child::before {top: -185px;}.bloc-contact:nth-child(2)::before {top: -145px;}.bloc-contact:nth-child(3)::before {top: -160px;}.bloc-contact:nth-child(4)::before {top: -180px;}.bloc-height {padding-top: 50px;height: auto !important;}}