/* Surcharges pour la version statique "Le site fait peau neuve" */

body {background-color: #d9d2cc !important;}

/* Menu simplifié : un seul lien, visible sur toutes les tailles d'écran */
#menu {margin: 47px 0 0 300px;}

/* Footer statique : pas de panneau dépliant */
#footer {height: auto; overflow: visible;}
#footer:hover {background-color: #e3dfdb;}
#footer .row.aCenter {flex-direction: column; align-items: center;}
.ftrCalque {cursor: default;}
.ftrCalque:hover .ftrBonjour {display: block;}

/* Bandeau d'information */
.peauNeuve {width: 100%; float: left; clear: left; padding: 40px 0 10px; text-align: center;}
.peauNeuve-box {max-width: 760px; margin: 0 auto; padding: 36px 40px 32px; background-color: #fff; position: relative;}
.peauNeuve-box:after {content: ''; width: 26px; height: 12px; position: absolute; left: 50%; bottom: -12px; margin-left: -13px;
    border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 12px solid #fff; box-sizing: border-box;}
.peauNeuve h1 {font-size: 44px; color: #4BAFA3; line-height: 1.05;}
.peauNeuve p {font-size: 15px; line-height: 23px; margin-top: 16px;}
.peauNeuve p.peauNeuve-sub {font-family: 'moonflower_bold', sans-serif; font-size: 24px; line-height: 28px; color: #E46E32; margin-top: 22px;}
.peauNeuve-link {display: inline-block; margin-top: 18px; padding: 12px 22px; background-color: #4BAFA3; color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: .5px;
    -webkit-transition: background-color .15s ease-in; transition: background-color .15s ease-in;}
.peauNeuve-link:hover {background-color: #3a9488; color: #fff;}

@media only screen and ( max-width: 1182px ) {
    #menu {margin: 47px 0 0 260px;}
}

@media only screen and ( max-width: 1070px ) {
    #main {padding-top: 125px;}
    #menu {margin: 70px 0 0;}
    #menu > ul#menu-top-menu {display: block; position: static; width: auto;}
    #menu > ul li {width: auto; clear: none; border-top: 0; text-align: left;}
    #menu > ul li a {width: auto; height: 42px; line-height: 42px; padding: 0 10px 0 0; background-color: transparent;}
}

@media only screen and ( max-width: 760px ) {
    .peauNeuve {padding-top: 20px;}
    .peauNeuve-box {padding: 26px 20px 24px;}
    .peauNeuve h1 {font-size: 34px;}
    .peauNeuve p {font-size: 14px; line-height: 21px;}
    .peauNeuve p.peauNeuve-sub {font-size: 21px; line-height: 25px;}
}

@media only screen and ( max-width: 450px ) {
    #socialmedia {display: none;}
    #menu > ul li a {font-size: 12px; padding-right: 14px;}
}

/* Encart boutique (après la frise) */
.peauNeuve-shop {padding: 0 0 40px;}
.peauNeuve-shop .peauNeuve-box:after {display: none;}
.peauNeuve-shop h2 {font-size: 38px; color: #E46E32; line-height: 1.05;}
.peauNeuve-shop .peauNeuve-link {background-color: #E46E32;}
.peauNeuve-shop .peauNeuve-link:hover {background-color: #c95a22;}

/* Lien boutique dans le header et le footer */
.menu li.menu-shop a {color: #E46E32;}
.menu li.menu-shop a:hover {color: #4cb0a3;}
.ftrShop {margin-top: 10px; font-size: 13px; text-transform: uppercase;}
.ftrShop a {color: #6F6963;}
.ftrShop a:hover {color: #4BAFA3;}

@media only screen and ( max-width: 760px ) {
    .peauNeuve-shop h2 {font-size: 30px;}
    .peauNeuve-shop p br {display: none;}
}

@media only screen and ( max-width: 360px ) {
    #menu > ul li a {font-size: 11px; padding-right: 8px;}
}

/* Lien de langue FR / EN (remplace le sélecteur WPML) */
#language {padding: 8px 0;}
#language:hover {background-color: transparent;}
#language a {display: block; font-size: 14px; color: #6F6963; text-transform: uppercase; text-align: center;}
#language a:hover {color: #4BAFA3;}