/* Palet : #5ba7b7 - #bb5771 */
header { background:#5ba7b7; }
.headerCont { width:960px; margin:auto; height:100px; display:flex; justify-content:space-between; align-items:center; }
header section { display:flex; align-items:center; justify-content:flex-start; }
header span { margin-left:10px; display:block; line-height:1.5; }
.headerCont > a {font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    font-size: 1.5rem;}
header a { color:#fff; opacity:.75; }
header a:hover { opacity:1; }
.navBar { background:#bb5771; }
.navCont { width:960px; margin:auto; height:40px; display:flex; justify-content:space-between; align-items:center; }
nav { display:flex; justify-content:flex-start; align-items:center; }
nav li { height:40px;  display:flex; justify-content:center; align-items:center; transition:0.4s; }
nav li:hover { background:#99465c; }
nav a { color:#fff; white-space:nowrap; padding:0 10px; margin-right:10px; }
.socials { display:flex; justify-content:space-between; align-items:center; }
.socials img { width:25px; height:25px; object-fit:cover; }
.socials a { margin-left:10px; display:block; font-weight:bold; color:#fff; opacity:.75; }
.socials a:hover { opacity:1; }
main {}
.slider { height:calc(100vh - 200px); overflow:hidden; }
.slider img { width:100%; height:100%; object-fit:cover; }
.contactBox { width:960px; margin:1em auto; height:350px; display:flex; }
.contactBox article { display:flex; flex-wrap:wrap; align-items:center; background:#bb5771; color:#fff; width:55%; padding:0 2%; }
.contactBox section { height:50px; width:200px; display:inline-flex; align-self:center; align-items:center; justify-content:center; background:#d4d2d2; margin:10px 50px 10px 0; transition:0.4s; }
.contactBox section:hover { }
.contactBox a { display: block; color:#bb5771; }
.contactBox figure { width:50%; }
.contactBox figure img { width:100%; height:100%; object-fit:cover; object-position:bottom; }
.mainArticles { width:960px; margin:auto; padding-bottom:2rem; display:flex; flex-wrap:wrap; }
.mainArticles article { position:relative; flex-basis:calc(320px - 4%); min-height:250px; padding:2%; display:flex; flex-direction:column; }
.mainArticles article:nth-child(odd) { background:#e1f6fa; }
.mainArticles article:nth-child(even) { background:#f4d4dd; }
.mainArticles article h3 { color:#bb5771; font-size:125%; font-weight:bold; }
.mainArticles article span { display:block; height:125px; overflow:hidden; font-size:80%; }
.mainArticles article a { position:absolute; right:15px; bottom:15px; background:#bc8494; color:#fff; padding:2% 5%; }
.mainArticles article a:hover { background:#bb5771; }
.wrapper {  background:url(../_img/wrapper.jpg) no-repeat right center; background-size:cover; }
.wrapperCont { width:960px; margin:auto; height:250px; display:flex; justify-content:space-between; align-items:center; }
.wrapper section { width:40%; }
.wrapperNav { display:flex; }
.wrapperNav ul { margin-right:50px; }
.wrapperNav a { display:block; color:#555554; margin:-5px 0; font-size:90%; font-weight:300; }
.wrapperSocials { display:flex; align-items:center; margin:25px 0; }
.wrapperSocials a { width:30px; height:30px; margin-right:10px; display:flex; justify-content:center; align-items:center; background:#757575; }
.wrapperSocials a:hover { background:#bb5771; }
.wrapperSocials img { width:15px; height:15px; object-fit:cover; }
.wrapperAddress { padding:2% 0; color:#5ba7b7; }
.wrapperAddress h4 { font-weight:bold; margin:10px 0; }
.wrapperAddress span { line-height:20px; }
.wrapperAddress a { font-size:90%; font-weight:300; color:#5ba7b7; }
.wrapperAddress a:hover { text-decoration: underline; }
.wrapperAddress p { font-size:90%; font-weight:300; }
footer { background:#000; height:40px; display:flex; justify-content:space-between; align-items:center; padding:0 2%; }
footer span { font-size:90%; color:#939392; }
footer a { color:#939392; }
footer a:hover { color:#fff; }
/* */
.page { width:960px; margin:auto; min-height:calc(100vh - 180px); padding:0 2.5%; }
.page article { padding-bottom:1em; }
.page p { font-weight:300; padding:.5em 0; }
.page li { list-style:circle; font-weight:300; margin-left:1em; }
.contact { height:calc(100vh - 180px); display:flex; justify-content:flex-start; align-items:center; }
.address { text-align:center; margin:10px 0; left:0; }
.contact section { margin-left:25px; }
.contact a { color:#5ba7b7; }
.contact a:hover { text-decoration:underline; }
.contactForm { display:flex; flex-direction:column; }
.contact .address { text-align: left !important;}
.contactForm input { width:200px; border:none; outline:0; background:#eaeaea; padding:5px 10px; margin:5px 0; }
.contactForm textarea { width:200px; border:none; outline:0; background:#eaeaea; padding:5px 10px; margin:5px 0; resize:none; }
.contactForm button { width:220px; background:#bb5771; color:#fff; border:0; padding:5px 10px; cursor:pointer; transition:0.4s; }
.contactForm button:hover { background:#5ba7b7; }