/* Theme Name: Template Peyrugue Theme URI: https://www.peyrugue.com Description: Theme Peyrugue Version: 1.0 Author: Elodie B. Author URI: https://www.elodieberger.com/ Text Domain: site_theme */ /* WP */ .nocomments {display: none;} .alignleft {float:left; margin:0 15px 8px 0;} .alignright {float:right; margin:0 0 8px 15px;} img.aligncenter {display: block; margin: 0 auto;} .wp-caption {display: inline-block; max-width: 100%;position: relative;} .wp-caption img {margin-bottom:.5rem;line-height:1;} .wp-caption .wp-caption-text {position: absolute; right: 5px; bottom: 12px; font-size: .8em; font-style: italic; margin: 0;background-color: rgba(0,0,0,0.6); padding: 4px 8px; color: #fff;} .post-edit-link {position: fixed; bottom: 250px; left: 0;font-size: 0;z-index: 9999; text-decoration: none !important;} .post-edit-link:before {display:block; font-size: 20px; border: 1px solid #fff; width: 35px; height: 35px; background-color: #000; color: #fff; text-align: center; line-height: 35px; content: "✎";} .post-edit-link:hover:before {background-color: red;} .img-fluid img, .img-fluid source {max-width: 100%; height: auto;} .m-text picture {display: inline-block;} /* GENERAL */ html {font-size: 14px;height: 100%;} body {height: 100%; margin: 0;font-size: 16px;line-height: 1.35; color: #292929; background-color: #f5efeb; font-family: 'Montserrat', Arial, sans-serif;font-weight: 400;font-optical-sizing: auto;} a {color: #c00250; text-decoration: none;} a:hover {text-decoration: underline;} b, strong {font-weight:700;} h1 {color: #292929; font-size: 1.6em; margin-bottom: 1.5em;font-weight:700;} h2 {color: #292929; font-size: 1.6em; margin-bottom: 1.2em;font-weight:700;} h3 {color: #292929; font-size: 1.3em; margin-bottom: 1.1em;font-weight:700;} h1:after { width: 100%; height: 7px;display: block;content: ""; margin: 10px auto 0; background: url("data:image/svg+xml;charset=utf8,") repeat-x 0 0; -webkit-filter: invert(50%) sepia(74%) saturate(3619%) hue-rotate(345deg) brightness(105%) contrast(101%);filter: invert(50%) sepia(74%) saturate(3619%) hue-rotate(345deg) brightness(105%) contrast(101%); } h2:after { width: 100%; height: 7px;display: block;content: ""; margin: 10px 0 0; background: url("data:image/svg+xml;charset=utf8,") repeat-x 0 0; -webkit-filter: invert(50%) sepia(74%) saturate(3619%) hue-rotate(345deg) brightness(105%) contrast(101%);filter: invert(50%) sepia(74%) saturate(3619%) hue-rotate(345deg) brightness(105%) contrast(101%); } h2.h2--center:after {margin: 10px auto 0;} .is--green:after {-webkit-filter: invert(44%) sepia(81%) saturate(410%) hue-rotate(47deg) brightness(96%) contrast(88%); filter: invert(44%) sepia(81%) saturate(410%) hue-rotate(47deg) brightness(96%) contrast(88%);} .is--white:after {-webkit-filter: invert(91%) sepia(100%) saturate(30%) hue-rotate(196deg) brightness(108%) contrast(99%);filter: invert(91%) sepia(100%) saturate(30%) hue-rotate(196deg) brightness(108%) contrast(99%);} .no-dots:after {content: none;} @media (min-width: 768px) { h1 {font-size: 1.88em;text-align: center;} h1:after { width: 400px;} h2 {font-size: 1.88em;} h2:after { width: 400px;} h3 {font-size: 1.4em;} } p, ul, table, form {margin-bottom:1em;font-size: 1em;} hr {border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 1rem 0; clear: both;} .has-transi {-webkit-transition: all .4s 0s; transition: all .4s 0s;} .sep {clear: both; height: 3em; display: block;} table{width:100%;border:0;max-width:100%;margin-bottom:1rem} table td,table th{padding:.75rem;vertical-align:middle; border:none; border-bottom: 1px solid #19334a;} table thead th, table thead td{vertical-align: middle; background-color: #19334a;color: #fff;background: #3f3f3f; background: -moz-linear-gradient(top, #3f3f3f 0%, #242424 100%); background: -webkit-linear-gradient(top, #3f3f3f 0%,#242424 100%); background: linear-gradient(to bottom, #3f3f3f 0%,#242424 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#242424',GradientType=0 );} @media (max-width:479px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media (max-width:767px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media (max-width:991px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} @media (max-width:1199px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}} /* ******************************* CLASSES / UTILITAIRES */ .bg--white {background-color: #fff;} .alert {background-color: #f5f2ed; padding: 1em;} .alert--white {background-color: #fff;} .alert--green {background-color: #5b9123;} .alert--pink {background-color: #c00250;} .alert--orange {background-color: #ff6225;} .alert--yellow {background-color: #ffb005;} /* Listes */ .list-unstyled, .list-inline {padding-left: 0; list-style: none;} .list-inline li {display: inline-block; } .list-inline li:not(:last-child) {margin-right: 5px; } .m-text ul {padding-left: 0; list-style: none;} .m-text ul li {position: relative; padding-left: 1em;} .m-text ul li:before {position: absolute;left: 1px; top: 8px;content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #292929;} .m-text .list-custom {padding-left: 0; list-style: none;} .m-text .list-custom li {position: relative; padding-left: 1em;} .m-text .list-custom li:before {position: absolute;left: 1px; top: 8px;} .m-text .list-custom--white li:before {content: ""; width: 7px; height: 7px; border-radius: 50%;} .m-text .list-custom--white li:before {background-color: white;} .m-text .list-custom--papillon li {padding-left: 1.65em;margin-bottom: .5em;} .m-text .list-custom--papillon li:before {background: transparent url("images/papillon-nav.webp") no-repeat 0 0;width: 22px; height: 23px;left: 0; top: 0;} blockquote {font-size: 1.3em; color: #c00250; position: relative; padding:0 2em 0 1em; border-left: 3px solid #c00250; font-family: 'Nothing You Could Do', cursive;} blockquote:before {position: absolute; right: 0; bottom: 0; content: "”"; font-size: 7em; font-family: Arial, sans-serif;opacity: .2;line-height: 16px;} .btn,#submit {padding: .75em 1.7em; font-size: .9em; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border-radius: 2px; border: 0; margin-bottom: 0; text-decoration: none; display: inline-block; cursor: pointer; background-image: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background: #3f3f3f; background: -moz-linear-gradient(top, #3f3f3f 0%, #242424 100%); background: -webkit-linear-gradient(top, #3f3f3f 0%,#242424 100%); background: linear-gradient(to bottom, #3f3f3f 0%,#242424 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#242424',GradientType=0 ); } .btn:hover, #submit:hover {color: #fff;text-decoration: none;background: #000;} .btn--sm {padding: .4em 1em;font-size: .75em;} .btn--pink {background: #ca2f50; background: -moz-linear-gradient(top, #ca2f50 0%, #ac1233 100%); background: -webkit-linear-gradient(top, #ca2f50 0%,#ac1233 100%); background: linear-gradient(to bottom, #ca2f50 0%,#ac1233 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca2f50', endColorstr='#ac1233',GradientType=0 ); } .btn--pink:hover {background: #a50e2f;} .btn--green {background: #5b9123; background: -moz-linear-gradient(top, #5b9123 0%, #4c7b1c 100%); background: -webkit-linear-gradient(top, #5b9123 0%,#4c7b1c 100%); background: linear-gradient(to bottom, #5b9123 0%,#4c7b1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9123', endColorstr='#4c7b1c',GradientType=0 ); } .btn--green:hover {background: #4c7b1c;} .btn--orange {background: #ff6225; background: -moz-linear-gradient(top, #ff6225 0%, #e6541b 100%); background: -webkit-linear-gradient(top, #ff6225 0%,#e6541b 100%); background: linear-gradient(to bottom, #ff6225 0%,#e6541b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6225', endColorstr='#e6541b',GradientType=0 ); } .btn--orange:hover {background: #e6541b;} /* FORMS */ .form-group {margin-bottom: 1rem;} .form-control, #respond input[type=text], #respond input[type=email], #respond textarea {display: block; width: 100%; padding: 0.6em 0.85em; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid #c6c5c5; } .form-control::-ms-expand {background-color: transparent; border: 0; } .form-control:focus, #respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus {color: #495057; background-color: #fff; border-color: #777; outline: none;box-shadow: none; } select.form-control {height: auto !important;} .form-control::-webkit-input-placeholder {color: #495057; opacity: 1; } .form-control:-ms-input-placeholder {color: #495057; opacity: 1; } .form-control::-ms-input-placeholder {color: #495057; opacity: 1; } .form-control::placeholder {color: #495057; opacity: 1; } .form-control:disabled, .form-control[readonly] {background-color: #495057; opacity: 1; } /* Checkbox / Radios */ .wpcf7-list-item {margin-right: 0.75rem;position: relative;display: inline-block;} .form-check {position: relative; display: block; margin-bottom: 0.5rem; } .form-check-block .wpcf7-list-item {display: block;margin-right: 0;} .form-check label {padding-left: 1.25rem; margin-bottom: 0; } .form-check input {position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } /* Files */ .custom-file {position: relative; display: inline-block; max-width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file input {min-width: 14rem; max-width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file input:focus ~ .custom-file-control {box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff; } .custom-file-control {position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-control:before {position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } html:lang(fr) .custom-file-control:before {content: "Parcourir";} html:lang(en) .custom-file-control:before {content: "Browse";} html:lang(nl) .custom-file-control:before {content: "Kies bestand";} html:lang(de) .custom-file-control:before {content: "Datei auswählen";} html:lang(es) .custom-file-control:before {content: "Elegir archivo";} /* WPCF7 */ .wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7 form .wpcf7-response-output {margin: 1.5em 0; padding: 0.8em 1em; border-width: 2px; border-style: solid;} .wpcf7 form.init .wpcf7-response-output {display: none;} .wpcf7 form.sent .wpcf7-response-output {background-color: #d4e2d5;border-color: #46b450; /* Green */} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {background-color: #f1cece;border-color: #dc3232; /* Red */} .wpcf7-form-control-wrap {position: relative;} .wpcf7-not-valid-tip {color: #dc3232; font-size: .9em; font-weight: normal; display: block;padding-top: 4px;} .wpcf7-not-valid.form-control {border-color: #dc3232;} span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;} span.wpcf7-list-item.first {margin-left: 0;} .list-item-block span.wpcf7-list-item {display: block; margin: 0 0 5px 0;} span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content: " ";} span.wpcf7-list-item input {margin-right: 5px;} div.wpcf7 .ajax-loader {visibility: hidden; position: relative; display: inline-block; width: 20px; height: 20px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle;} div.wpcf7 .ajax-loader:after {background-color: #000;width: 20px;height: 20px;content: ""; opacity: .8; position: absolute; top: 0; left: 0;display: inline-block;-webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out;} div.wpcf7 .placeheld {color: #888;} div.wpcf7 .ajax-loader.is-active {visibility: visible;} div.wpcf7 div.ajax-error {display: none;} div.wpcf7 input[type="file"] {cursor: pointer;} div.wpcf7 input[type="file"]:disabled {cursor: default;} div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;} .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction: ltr;} .wpcf7-acceptance {font-size: .8em;} .wpcf7-acceptance span.wpcf7-list-item {margin-left: 0;} /* ******************************* HEADER */ .logo {position: relative;display: inline-block;padding-right: 40px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);} .logo-title {font-family: 'Nothing You Could Do', cursive;text-transform: uppercase;font-size: 2.5em;letter-spacing: .1em;line-height: 1em;} .logo-title span.sub {font-size: .55em;display: inline-block; vertical-align: top;margin-right: -.65em;margin-top: -.4em;letter-spacing: 0;} .logo-subtitle span.sub {letter-spacing: .75em;margin-left: 1.45em;margin-right: .2em;} .logo-subtitle .stars {display: flex;} .logo-subtitle .stars svg {display: inline-block; width: .8em; height: auto; margin-left: .7em;} .logo-subtitle .stars svg path {fill: #ffb005;} .logo-img {position: absolute; top: -3px; right: 0;} .page-header {background: #4d8321; z-index: 999;} .header-logo {padding: 23px 0 25px;font-size: .6em;} .header-logo .logo {color: #fff;} .header-logo a:hover {text-decoration: none;} .header-tools-top {padding: 12px 0;} .header-languages {position: relative;z-index: 998;margin-left: 10px;} .languages-listflags ul {margin: 0; padding: 0; list-style: none;} .languages-listflags ul li {display: inline-block; margin-right: 8px;} .languages-listflags ul li:last-child {margin-right: 0;} .languages-listflags a { display:inline-block; margin-right:11px;} .languages-listflags a:last-child {margin-right: 0;} .languages-listflags a img {border:1px solid #fff;} .header-contactinfos .header-phone a {color: #fff;} @media (min-width: 480px) { .header-logo {font-size: .8em;} } @media (min-width: 768px) { .page-header {background: #4d8321 url("images/bg-header.webp") repeat-x center top;} .header-logo {font-size: .8em;padding: 25px 0 35px;} .header-tools-top {padding: 25px 0 15px;} .header-contactinfos {font-size: .9em;color: #fff;} .header-contactinfos svg {height: 16px; width: auto; display: inline-block; margin-right: 4px;vertical-align: -.125em;} .header-contactinfos svg path {fill: #0f1c11;} .header-contactinfos > span {display: inline-block; white-space: nowrap;} .header-contactinfos .header-phone {margin-left: 10px;} .header-socials {margin-left: 10px;} .header-socials a {color: #0f1c11;} .header-socials a:hover {color: #fff;} } @media (min-width: 992px) { .header-logo {font-size: 1em;} .header-contactinfos {font-size: 1em;} } /* ******************************* NAV */ .main-nav {position: relative;z-index: 999;} .main-nav > .container {position: relative;} .main-nav ul {margin: 0; padding: 0;} ul.nav-menu a {display: block;} ul.nav-menu {margin: 0;} ul.nav-menu li { display:block;position: relative;} ul.nav-menu a:hover {text-decoration: none;} ul.nav-menu > li > a {font-family: 'Nothing You Could Do', cursive;color: #fff;text-align: center;font-size: 1.3em; line-height: 1em;} ul.nav-menu > li > a > strong {display: block; font-size: .75em; color: #ffb005; font-weight: 700;font-family: 'Montserrat', Arial, sans-serif;text-transform: uppercase;} ul.nav-menu .sub-menu {text-align: left;font-size: .85em;} ul.nav-menu .sub-menu li a {color: #292929;font-weight: 700;background: transparent url("images/papillon-nav.webp") no-repeat 15px center;padding: 13px 5px 12px 50px;} .nav-toggle {display: block; position: absolute; top: 35px; right: 15px;} .nav-icon {width: 40px; cursor: pointer;} .nav-icon:after, .nav-icon:before, .nav-icon div {background-color: #fff; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .nav-toggle.is-open .nav-icon:before {transform: translateY(12px) rotate(135deg); -moz-transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); } .nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -moz-transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); } .nav-toggle.is-open .nav-icon div {-moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } @media (max-width:767px) { #nav {display: none;} #nav > .container {padding: 0;} .main-nav {position: absolute; top: 98px; left: 0; right: 0; bottom: 0; overflow-y:scroll; background-color: #4d8321;} ul.nav-menu li {border-bottom: 1px solid #fff;overflow: hidden;} ul.nav-menu li a {padding: 12px 15px;} ul.nav-menu li:not(.menu-item-has-children) > a:hover {background-color: #3f6d19;} ul.nav-menu li.menu-item-has-children a {position: relative;} ul.nav-menu li.menu-item-has-children > a:after {position: absolute; right: 10px; top: 50%; margin-top: -12px; content: ""; display: inline-block; width: 19px; height: 26px; background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0; -webkit-filter: invert(84%) sepia(29%) saturate(5694%) hue-rotate(351deg) brightness(99%) contrast(108%); filter: invert(84%) sepia(29%) saturate(5694%) hue-rotate(351deg) brightness(99%) contrast(108%);} ul.nav-menu .sub-menu {background: #fff;margin:0;height: 0;} ul.nav-menu > li > a.open + ul.sub-menu {height: auto;} ul.nav-menu .sub-menu li a:hover {background-color: #f5efeb;} ul.nav-menu .sub-menu li {border-bottom: 1px solid #f5efeb;} ul.nav-menu .sub-menu li:last-child {border:none;} } @media (max-width:479px) { .main-nav {top: 86px;} } @media (min-width:768px) { .main-nav {display: block !important;font-size: .75em;} ul.nav-menu {position: relative;} ul.nav-menu:before {content: ""; width: 1px; background-color: #fff; position: absolute; bottom: 0; left: 15px; top: 5px;} ul.nav-menu > li {display: inline-block;width: 25%;} ul.nav-menu > li:after {content: ""; width: 1px; background-color: #fff; position: absolute; bottom: 0; right: 0; top: 5px;} ul.nav-menu > li > a {padding: 12px 15px; border-radius: 5px 5px 0 0;} ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none;} ul.nav-menu > li.menu-item-has-children > a.open, ul.nav-menu > li:hover > a {background: #fff url("images/bg-nav-li.webp") no-repeat center bottom;color: #5b9123;} ul.nav-menu ul.sub-menu {top: 55px; padding: 5px 5px 30px; border-radius: 0 0 5px 5px; background: #fff url("images/bg-nav-li.webp") no-repeat center bottom 25px; background-size: 160px auto; position: absolute; height: auto; left: -999em; z-index: 999;box-shadow: 0 2px 2px rgba(0,0,0,0.1);} ul.nav-menu > li > a.open + ul.sub-menu, ul.nav-menu > li:hover > a + ul.sub-menu {left: 0;right: 0;} ul.nav-menu > li:first-child > a.open + ul.sub-menu, ul.nav-menu > li:first-child:hover > a + ul.sub-menu {left: 15px;} ul.nav-menu ul.sub-menu a {border-radius: 7px;} ul.nav-menu ul.sub-menu li:hover a, ul.nav-menu ul.sub-menu a:hover {background-color: #f5efeb;} } @media (min-width:992px) { .main-nav {font-size: .9em;} ul.nav-menu ul.sub-menu {top: 61px;padding: 5px 15px 35px;background-size: 265px auto;} } @media (min-width:1200px) { .main-nav {font-size: 1em;} ul.nav-menu ul.sub-menu {top: 65px;padding: 5px 25px 40px;background-size: 275px auto;} } /* MOTEUR DISPOS */ .m-moteur {padding: 8px 0;background: rgb(203,30,65); background: -moz-linear-gradient(left, rgba(203,30,65,1) 0%, rgba(255,157,13,1) 25%, rgba(255,157,13,1) 50%, rgba(255,157,13,1) 75%, rgba(203,30,65,1) 100%); background: -webkit-linear-gradient(left, rgba(203,30,65,1) 0%,rgba(255,157,13,1) 25%,rgba(255,157,13,1) 50%,rgba(255,157,13,1) 75%,rgba(203,30,65,1) 100%); background: linear-gradient(to right, rgba(203,30,65,1) 0%,rgba(255,157,13,1) 25%,rgba(255,157,13,1) 50%,rgba(255,157,13,1) 75%,rgba(203,30,65,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb1e41', endColorstr='#cb1e41',GradientType=1 );} .m-moteur-title {font-size: .85em;font-weight: 700;text-align: center;color: #fff;text-shadow: 0px 0px 3px rgb(0, 0, 0);} @media (min-width:768px) { .m-moteur {min-height: 98px;} } /* ******************************* FOOTER */ .page-footer {position: relative; background: #292929;color: #fff;padding: 35px 0 80px;} .footer-logo {font-size: .75em;} .footer-contact-phone a {color: #5b9123;font-weight: 700;} .footer-contact-phone a:hover {color: #ffb005;text-decoration: none;} .footer-contact-phone svg {width: 16px; height: 16px;display: inline-block;vertical-align: -.125em;} .footer-contact-phone svg path {fill: #5b9123; margin-right: 5px;} .footer-contact-phone a:hover svg path {fill: #ffb005;} .footer-socials a {color: #ffb005;font-size: 1.6em; margin-right: 4px;} .footer-socials a svg {height: 26px; width: auto;} .footer-socials a svg path {fill: #ffb005;} .footer-socials a:hover svg path {fill: #fff;} .footer-newsletter .form-control {background-color: #494949;border-color: #494949;color: #bbb} .footer-newsletter .form-control:focus {background-color: #575757; color: #ddd;} .footer-newsletter .btn {padding: .75em .65em;} .footer-newsletter .form-control::-webkit-input-placeholder {color: #bbb; opacity: 1; } .footer-newsletter .form-control:-ms-input-placeholder {color: #bbb; opacity: 1; } .footer-newsletter .form-control::-ms-input-placeholder {color: #bbb; opacity: 1; } .footer-newsletter .form-control::placeholder {color: #bbb; opacity: 1; } .footer-newsletter .form-control:disabled, .form-control[readonly] {background-color: #bbb; opacity: 1; } .footer-mentions { clear:both; font-size:0.7em;color: #999;} .footer-mentions a {color: #999;} .footer-mentions a:hover {text-decoration: none;color: #fff;} @media (min-width: 992px) { .footer-logo {font-size: .6em;} .footer-mentions li:before {content:" - "; display: inline-block;margin: 0 5px 0 0;} } @media (min-width: 1200px) { .footer-logo {font-size: .75em;} } /* ******************************* */ #page {overflow: hidden;position: relative;z-index: 5;background-color: #f5efeb;} .main-content {padding-top: 40px;} .has--butterfly-grey, .has--butterfly-black, .has--butterfly-white, .has--hyphen {position: relative;} .has--butterfly-grey:before, .has--butterfly-black:before, .has--butterfly-white:before {content: ""; width: 95px; height: 57px; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: -42px; left: 50%; margin-left: -47px;} .has--butterfly-grey:before {background-image: url("images/papillon-beige.webp");} .has--butterfly-black:before {background-image: url("images/papillon-black.webp");} .has--butterfly-white:before {background-image: url("images/papillon-blanc.webp");} .has--hyphen:before {content: ""; width: 74px; height: 6px;position: absolute; top: 0px; left: 50%; margin-left: -37px; background: rgb(214,41,78); background: -moz-linear-gradient(left, rgba(214,41,78,1) 0%, rgba(255,156,13,1) 100%); background: -webkit-linear-gradient(left, rgba(214,41,78,1) 0%,rgba(255,156,13,1) 100%); background: linear-gradient(to right, rgba(214,41,78,1) 0%,rgba(255,156,13,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6294e', endColorstr='#ff9c0d',GradientType=1 ); } .m-text--color {padding: 10px 15px;} .m-text img {max-width: 100%; height: auto;} .m-text iframe, .m-text object {max-width: 100%;} .m-accordion-section {border: 1px solid #DFDFDF;margin-bottom: 1em;} .m-accordion-title {color: #fff;padding: .85em 1em;position: relative; cursor: pointer;display:block;font-size: .85em; text-transform: uppercase; font-weight: 700; background: #ca2f50; background: -moz-linear-gradient(top, #ca2f50 0%, #ac1233 100%); background: -webkit-linear-gradient(top, #ca2f50 0%,#ac1233 100%); background: linear-gradient(to bottom, #ca2f50 0%,#ac1233 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca2f50', endColorstr='#ac1233',GradientType=0 );} .m-accordion-title:hover {background-color: #000; text-decoration: none;} .m-accordion-title:after {position: absolute; right: 1em; top: 50%; margin-top: -14px; content: ""; display: inline-block;width: 22px; height: 28px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0; -webkit-filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);} .m-accordion-title.active:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);} .m-accordion-panel {border-top: 1px solid #DFDFDF;padding: 1.2em 1.4em .5em;display:none;background-color: #fff;} .m-accordion-section {border: 1px solid #333;border-radius: 2px;} .m-accordion-title {background-color: #444; color: #fff;padding: .8em 2em .8em 1.2em;position: relative; cursor: pointer;display:block;} .m-accordion-title:hover {background-color: #333; text-decoration: none;} .m-accordion-title:focus {text-decoration: none;outline: none;} .m-accordion-title:after {position: absolute; right: 1em; top: 50%; margin-top: -14px; content: ""; display: inline-block;width: 22px; height: 28px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0; -webkit-filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);} .m-accordion-title.active:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);} .m-accordion-title.active {} .m-accordion-panel {background-color: #fff; padding: 1em 1.2em 1px;display:none;border-radius: 2px;} .faq-items {border-top: 1px solid #ddd;} .faq-item {border-bottom: 1px solid #ddd;} .faq-item summary {padding: 15px 0;} .m-tabs-nav {margin: 0;position: relative;z-index: 2;width:100%;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:0;max-width:100%;} .m-tabs-link {cursor: pointer; margin: 0 5px 5px 0;display: block; white-space: nowrap; color: #fff;padding: .65em .5em;font-size: .85em; text-transform: uppercase; font-weight: 700; background: linear-gradient(to bottom, #3f3f3f 0%,#242424 100%);} .m-tabs-link.active, .m-tabs-link:hover {text-decoration: none;background: linear-gradient(to bottom, #ca2f50 0%,#ac1233 100%);} .m-tabs-panel {position: relative;z-index: 1; margin-bottom: 1em; background-color: #fff;padding: 1.2em 1.4em .5em;border: 1px solid #dfdfdf; display: none;} @media (min-width: 480px) {.m-tabs-link {margin: 0 10px 15px 0;padding: .65em;}} @media (min-width: 992px) {.m-tabs-link {margin: 0 5px 5px 0;padding: .8em; white-space: normal;}} .m-mosaic {margin: 0 -2px;} .m-mosaic a {display: block;border: 1px solid #fff;overflow: hidden;} .m-mosaic img {width: 100%; height: auto;-webkit-transition: all .4s 0s; transition: all .4s 0s;} .m-mosaic a:hover {text-decoration: none;background-color: #000;} .m-mosaic a:hover img {opacity: 0.9;-webkit-transform: scale(1.1);transform: scale(1.1);} .m-masonry {padding: 0; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em; } .m-masonry figure {display: inline-block; position: relative; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;} .m-masonry figure a {display: block;overflow: hidden;} .m-masonry figure a:hover {text-decoration: none;background-color: #000;} .m-masonry figure a:hover img {opacity: 0.9;-webkit-transform: scale(1.02);transform: scale(1.02);} .m-masonry figure a .masonry-caption { position: absolute; right: 15px; bottom: 15px; opacity: 1;background-color: rgba(0,0,0,0.6); padding: 6px 10px; color: #fff; text-align: right; font-size: .85em;} .m-masonry figure a:hover .masonry-caption {opacity: .6;} @media (min-width: 480px) {.m-masonry {-webkit-column-count: 2; column-count: 2;}} @media (min-width: 768px) {.m-masonry {-webkit-column-count: 3; column-count: 3;}} .m-band {background-color: #292929;overflow: hidden; position: relative;background-repeat: no-repeat; background-size: cover;} .m-band-text {max-width: 750px; margin: 3.5em auto;text-align: center;} @media (max-width: 767px) {.m-band {background-position: center center !important; background-size: cover;}} @media (min-width: 768px) { .m-band {background-attachment: fixed;} .m-band-text {margin: 5em auto;} } .m-promo {background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5);} .m-promo-wrap {padding: 20px 20px 20px 130px;background: url("images/icon-percent.webp") no-repeat 15px center;min-height: 77px;} .m-promo-wrap p {margin-bottom: .2em;} @media (min-width: 992px) { .m-promo {width: 936px; height: 135px;background: url("images/bg-promo.webp") no-repeat 0 0;margin: 0 auto;box-shadow: none;} .m-promo-wrap {width: 936px; height: 135px;padding: 24px 63px 36px 140px;background-position: 29px 23px; overflow: hidden;} } /* Anim */ .animhome {height: 100%;overflow: hidden;position: relative;z-index: 1;padding-top: 130px;background-color: #292929;} @media (min-width: 768px) { .animhome {-webkit-animation: Opening 6s ease-in-out; animation: Opening 6s ease-in-out;} @-webkit-keyframes Opening {0% {clip-path: circle(1px at center);} 15% {clip-path: circle(60px at center);} 35% {clip-path: circle(100% at center);} 100% {clip-path: circle(100% at center);} } @keyframes Opening {0% {clip-path: circle(1px at center);} 15% {clip-path: circle(60px at center);} 35% {clip-path: circle(100% at center);} 100% {clip-path: circle(100% at center);} } } .animhome-photo {background: url("images/animehome-photo-md.webp") no-repeat center center; background-size: cover;z-index: -1; position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto;} @media (min-width: 768px) { .animhome-video {display: block !important;z-index: -1; position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;-webkit-animation: AnimVideo 6s ease-in-out; animation: AnimVideo 6s ease-in-out;} @-webkit-keyframes AnimVideo {0% {opacity: 0;} 15% {opacity: 0;} 35% {opacity: 1;} 100% {opacity: 1;} } @keyframes AnimVideo {0% {opacity: 0;} 15% {opacity: 0;} 35% {opacity: 1;} 100% {opacity: 1;} } } .animhome-logo {color: #fff;font-size: 1em;padding-right: 0;position: relative;z-index: } @media (min-width: 768px) { .animhome-logo .logo-title {-webkit-animation: AnimLogoTitle 6s ease-in-out; animation: AnimLogoTitle 6s ease-in-out;} @-webkit-keyframes AnimLogoTitle { 0% {opacity: 0;-webkit-transform: scale(3);transform: scale(3);} 35% {opacity: 0;-webkit-transform: scale(3);transform: scale(3);} 50% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} } @keyframes AnimLogoTitle { 0% {opacity: 0;-webkit-transform: scale(3);transform: scale(3);} 35% {opacity: 0;-webkit-transform: scale(3);transform: scale(3);} 50% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} } } @media (min-width: 768px) { .animhome-logo .logo-subtitle {-webkit-animation: AnimLogoSubtitle 6s ease-in-out; animation: AnimLogoSubtitle 6s ease-in-out;} @-webkit-keyframes AnimLogoSubtitle {0% {opacity: 0;} 45% {opacity: 0;} 65% {opacity: 1;} 100% {opacity: 1;} } @keyframes AnimLogoSubtitle {0% {opacity: 0;} 45% {opacity: 0;} 65% {opacity: 1;} 100% {opacity: 1;} } } .animhome-logo .logo-img img {width: 40px;height: auto;} @media (min-width: 768px) { .animhome-logo .logo-img {top: -60px;right: 41px;-webkit-animation: AnimLogoImg 6s ease-in-out; animation: AnimLogoImg 6s ease-in-out;} @-webkit-keyframes AnimLogoImg { 0% {opacity: 0;-webkit-transform:translateY(-50px);transform:translateY(-50px);} 40% {opacity: 0;-webkit-transform:translateY(-50px);transform:translateY(-50px);} 60% {opacity: 1;-webkit-transform:translateY(0px);transform:translateY(0px);} 100% {opacity: 1;-webkit-transform:translateY(0px);transform:translateY(0px);} } @keyframes AnimLogoImg { 0% {opacity: 0;-webkit-transform:translateY(-50px);transform:translateY(-50px);} 40% {opacity: 0;-webkit-transform:translateY(-50px);transform:translateY(-50px);} 60% {opacity: 1;-webkit-transform:translateY(0px);transform:translateY(0px);} 100% {opacity: 1;-webkit-transform:translateY(0px);transform:translateY(0px);} } } .animhome-message div {margin: 0 15px 2px; text-align: center;} .animhome-message span {display: inline-block;background-color: rgba(0,0,0,0.5);font-size: 1.5em; padding: 5px 18px;} .animhome-message1 {color: #fff;font-weight: 700;font-size: .9em;} .animhome-message2 {color: #ffb005;font-family: 'Nothing You Could Do', cursive;} @media (min-width: 768px) { .animhome-message1 {-webkit-animation: AnimFromLeft 6s ease-in-out; animation: AnimFromLeft 6s ease-in-out;} .animhome-message2 {-webkit-animation: AnimFromRight 6s ease-in-out; animation: AnimFromRight 6s ease-in-out;} @-webkit-keyframes AnimFromLeft {0% {margin-left: -800px; opacity: 0;} 70% {margin-left: -800px; opacity: 0;} 80% {margin-left: 0; opacity: 1;} 100% {margin-left: 0; opacity: 1;} } @keyframes AnimFromLeft {0% {margin-left: -800px; opacity: 0;} 70% {margin-left: -800px; opacity: 0;} 80% {margin-left: 0; opacity: 1;} 100% {margin-left: 0; opacity: 1;} } @-webkit-keyframes AnimFromRight {0% {margin-right: -800px; opacity: 0;} 75% {margin-right: -800px; opacity: 0;} 85% {margin-right: 0; opacity: 1;} 100% {margin-right: 0; opacity: 1;} } @keyframes AnimFromRight {0% {margin-right: -800px; opacity: 0;} 75% {margin-right: -800px; opacity: 0;} 85% {margin-right: 0; opacity: 1;} 100% {margin-right: 0; opacity: 1;} } } .animhome-enter a {width: 125px; height: 125px; display: block;background: url("images/entree.webp") no-repeat 0 0;text-align: center;padding-top: 42px;} .animhome-enter span {display: block;font-family: 'Nothing You Could Do', cursive;color: #fff;font-size: 1.4em;} .animhome-enter svg {width: 14px; height: auto;-webkit-transition: all .4s 0s; transition: all .4s 0s;} .animhome-enter svg path {fill: #fff;} .animhome-enter a:hover {text-decoration: none;} .animhome-enter a:hover svg {margin-top: 10px;} @media (min-width: 480px) { .animhome-logo {font-size: 1.5em;} } @media (min-width: 768px) { .animhome {padding-top: 120px;} .animhome-logo {font-size: 2.2em;} .animhome-logo .logo-img {top: -87px;} .animhome-logo .logo-img img {width: auto;} .animhome-message span {font-size: 2.05em;} .animhome-message1 {font-size: 1em;} .animhome-enter {-webkit-animation: AnimEnter 6s ease-in-out; animation: AnimEnter 6s ease-in-out;} @-webkit-keyframes AnimEnter { 0% {-webkit-transform:translateY(150px);transform:translateY(150px); opacity: 0;} 90% {-webkit-transform:translateY(150px);transform:translateY(150px); opacity: 0;} 100% {-webkit-transform:translateY(0px);transform:translateY(0px); opacity: 1;} } @keyframes AnimEnter { 0% {-webkit-transform:translateY(150px);transform:translateY(150px); opacity: 0;} 90% {-webkit-transform:translateY(150px);transform:translateY(150px); opacity: 0;} 100% {-webkit-transform:translateY(0px);transform:translateY(0px); opacity: 1;} } } @media (max-width: 479px) { .animhome-message1 {margin-left: 0 !important;} .animhome-message2 {margin-right: 0 !important;} } .animhome-infos {position: absolute; left: 0; right: 0; top: 0; padding: 15px 0;background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);} .animhome-contactinfos, .animhome-contactinfos a {color: #fff;} .animhome-contactinfos svg {height: 16px; width: auto; display: inline-block; margin-right: 4px;vertical-align: -.125em;} .animhome-contactinfos svg path {fill: #fff;} .animhome-contactinfos .header-phone {margin-left: 5px;} .animhome-infos .container > div {display: inline-block; margin: 0 15px 12px;} .animhome-socials a {color: #fff; margin-right: 10px;} .animhome-socials a svg {height: 26px; width: auto;} .animhome-socials a svg path {fill: #fff;} /* Home */ .home-promo {margin-top: 10px;} .home-intro h1 {margin-bottom: .6em;} .home-intro h1:after {margin-right: 0; margin-left: 0;} .home-intro .m-text h2 {font-size: 1.5em;margin-bottom: .8em;} .home-intro .m-text h2:after {content: none;} .home-resa {background: #fff;padding: 2em 0 1em;border-top: 1px solid #e6dbd4;border-bottom: 1px solid #e6dbd4;} .home-review h2 {font-family: 'Nothing You Could Do', cursive;color: #fff;} .home-review .m-band-text {max-width: 800px;margin: 2em auto;} .home-review blockquote {font-size: 1.1em; border:none;color: #292929; font-family: 'Montserrat', Arial, sans-serif;font-weight: 700;} .home-review blockquote:before {content: none;} @media (min-width: 768px) { .home-review blockquote {font-size: 1.3em;} } @media (min-width: 992px) { .home-promo {margin-top: -56px; position: relative; z-index: 50;} } .home-heberg-item a {display: block;position: relative;border:1px solid #fff;text-align: center;} .home-heberg-item a > div {position: absolute;z-index: 20;top: 65%; left: 0; right: 0;} .home-heberg-item a span {display: inline-block;position: relative; z-index: 20;text-transform: uppercase; font-weight: 700; color: #fff; background-color: rgba(0,0,0,0.6); font-size: .85em; padding: 5px 10px;} .home-heberg-item a:hover {text-decoration: none;} .home-heberg-item a:hover span {background-color: rgba(0,0,0,0.8); transparent;font-size: .95em;padding: 10px 15px;} @media (min-width: 480px) { .home-heberg-item {width: 50%;} } @media (min-width: 768px) { .home-heberg-item {width: 20%;} } .img-homeavis img {max-width:280px; height:auto;} /* Locs */ .loc-descript .loc-descript-list li {border-bottom: 1px solid #b3b6ba;padding: 12px 0;font-weight: 700;} .loc-descript .loc-descript-list li img {margin-right: 8px;} @media (max-width: 767px) { .loc-descript .loc-descript-list li:first-child {padding-top: 0;} } @media (min-width: 768px) { .loc-descript .loc-descript-list li {border-top: 1px solid #b3b6ba;} } .loc-items li {border-bottom: 1px solid #b3b6ba;padding: 8px 0;} .loc-items li:last-child {border:none;} .loc-items li img {margin-right: 8px;} /* 404 */ .m-error {margin: 0 auto 3em; max-width: 700px;} svg.error-icon {width: 50px;margin: 20px auto 40px;} svg.error-icon path {fill: #000;} /* Sitemap */ .m-sitemap {margin-bottom: 40px;} .m-sitemap ul li.page_item {margin-bottom: 0.7em;} .m-sitemap ul li.page_item.page_item_has_children > a {display: inline-block; margin-bottom: 0.2em;} .m-sitemap ul li.page_item .children {margin: 0;} .m-sitemap ul li.page_item .children li {margin-bottom: 0.5em;} .m-sitemap ul li.page_item .children li:before {border: 1px solid #000; content: ""; background-color: transparent; border-radius: 0; width: 6px; height: 6px; border-right: none; border-top: none;} /* ************* ARTICLES */ .cat-description {margin-bottom: 2em;} .share-title {text-transform: uppercase;font-size: .9em;} /* ************* LIST ARTICLES */ .m-article {position: relative;background-color: #fff;} .m-article-title {font-size: 1.1em; margin:0.9;} .m-article-title a {color: #292929;} .m-article-title a:hover {text-decoration: none;} .m-article a:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;z-index: 99;} .m-article:hover .btn {background: #a50e2f;z-index: 70;} .m-article-thumb {position: relative;} .m-article-content {padding: 0 15px 15px;} .m-article-courtedescript {margin-bottom: 40px; font-size: .9em;} @media (max-width: 479px) {.m-article:hover .btn {position: relative;}} @media (min-width: 480px) {.m-article {height: 100%;}.m-article .m-article-content {min-height: 325px;}.m-article .btn {position: absolute; right: 15px; bottom: 15px;}} @media (min-width: 768px) {.m-article .m-article-content {min-height: 260px;}} @media (min-width: 1200px) {.m-article .m-article-content {min-height: 245px;}} @media (min-width: 480px) {.m-article--loc .m-article-content {min-height: 250px;}} .homenews-article {position: relative;} .homenews-article-title {font-size: .9em;} .homenews-article a {color: #292929;} .homenews-article a:hover {text-decoration: none;color: #c00250;} .homenews-article a:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .homenews-article .more {color: #c00250;font-family: 'Nothing You Could Do', cursive;text-transform: uppercase;} .homenews-article:hover .more {font-weight: bold;} .homenews-article:hover a {color: #c00250;} .comments .comment-edit-link, .comments .says, .comments #comments, .comments .navigation { display:none;} .commentlist {padding: 0;} .commentlist .comment { padding:1.5rem; background:#ede6e1; list-style: none;} .commentlist > .comment {margin-bottom: 30px;} .commentlist .comment-body {position: relative;} .comment-author {margin-bottom: 1.5rem;} .comment-author img {margin-right: 5px;} .comment-author .fn {font-style: normal;overflow: hidden;} .comment-meta {margin-bottom: 1.5rem;font-size: .65em;} .comment-meta a, .comment-meta a:hover {text-decoration: none; color: #444; cursor: default;} .comment-meta + p {clear: both;} .commentlist ul.children {margin: 0;padding: 0;} .commentlist ul.children .comment { background: rgba(255,255,255,0.6);margin-bottom: 1rem;} .commentlist ul.children .comment:last-child { margin-bottom: 0;} .comments .comment-awaiting-moderation {float: right;} .commentlist .reply {margin-bottom: 1rem; font-size: .8em;} @media (min-width: 768px) { .comment-author {float: left;} .comment-meta {float: right;} } .pagination {display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem;-ms-flex-pack: center; justify-content: center; } .pagination li:first-child a {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination li:last-child a {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination--lg a {padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination--lg li:first-child a {border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination--lg li:last-child a {border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination--sm a {padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination--sm li:first-child a {border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination--sm li:last-child a {border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .pagination a {color: #5b9123; background-color: #fff; border: 1px solid #ddd;position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25;} .pagination li.active a {color: #fff; background-color: #5b9123; border-color: #5b9123;z-index: 2;cursor: default;} .pagination a:hover {color: #5b9123;background-color: #e9ecef;text-decoration: none; } .m-encart-blog {background-color: #fff; padding: 20px; border-radius: 4px;box-shadow: 0 0 6px rgb(0, 0, 0, .1);} .m-encart-blog a {color: #292929;font-size: 1.1em; display: block; margin-bottom: .6em; font-weight: 700;} .m-encart-blog a:hover {text-decoration: none;} .m-encart-blog a:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;z-index: 99;} .m-encart-blog:hover .btn {background: #a50e2f;z-index: 70;} /* ******************************* SOCIALS */ .socials a {display: inline-block; vertical-align: middle;text-align: center;} .share-socials a {width: 40px;} .socials--colors a {color: #fff; border-radius: 2px;} .back-top {display: none; position: fixed; right: 20px; bottom: 20px; z-index: 9999; width: 35px; height: 35px; background-color: #ff6225; border-radius: 50%;text-align: center;} .back-top:hover {background-color: #e9561d;} .back-top svg {display: inline-block; width: 15px; height: auto;margin: 6px 0;} .back-top svg path {fill: #fff;} /* COOKIES */ #cookie-bar {background:rgba(0,0,0,0.8) !important; font-size: .9em !important; padding: 5px !important;} #cookie-bar-button {background-color: #777 !important; color: #fff !important; border: none !important;} #cookie-bar-button:hover {text-decoration: none !important;background-color: #888 !important;} /* SLIDER */ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flexslider a:focus {outline: none; } .flexslider .slides, .flexslider .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block; height: auto; -moz-user-select: none;} .flexslider .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides {display: block; } * html .flexslider .slides {height: 1%; } .no-js .flexslider .slides > li:first-child {display: block; } .flexslider {margin: 0 auto; position: relative; zoom: 1;height:auto;} .flexslider .slides {zoom: 1; z-index: 50;} .flexslider .slides > li {position:relative;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease; transition: all 1s ease; } .loading:after { background-color: #c00250; content:""; display:block; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out; } @-webkit-keyframes rotate-loading {0% { -webkit-transform: perspective(120px)} 50% { -webkit-transform: perspective(120px) rotateY(180deg)} 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)} } @keyframes rotate-loading {0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } .flex-control-paging {width: 100%; position: absolute; bottom: 5px; text-align: center; z-index: 70} .flex-control-paging li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {background-color: #fff;opacity: 0.5; font-size: 0; width: 15px; height: 15px; border-radius: 50%; display: block;cursor: pointer;} .flex-control-paging li a:hover, .flex-control-paging li a:focus {opacity: 0.75;} .flex-control-paging li a.flex-active {opacity: 1 !important;} #slider-review .flex-control-paging {bottom: -20px;} .flex-direction-nav {top: 50%; margin-top: -20px; *height: 0;position: absolute; left: 0; right: 0; z-index: 80;} .flex-direction-nav li {display: inline-block; zoom: 1; *display: inline; position: relative;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;z-index: -1;} .flex-direction-nav .flex-nav-prev {float: left;} .flex-direction-nav .flex-nav-next {float: right;} .flex-direction-nav a {font-size: 0; position: absolute;text-decoration: none !important; display: block; z-index: 10; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav .flex-nav-next a {right: 0;} .flex-direction-nav a:before {content: ""; display: inline-block; opacity: .7;width: 60px; height: 60px;background: rgba(0,0,0,0.4) url("data:image/svg+xml;charset=utf8,") no-repeat center center;} .flex-direction-nav a.flex-next:before {background-image: url("data:image/svg+xml;charset=utf8,");} .flex-direction-nav a:hover:before {opacity: 1;} @media (min-width: 480px) { .flex-control-paging {bottom: 30px;} .flex-direction-nav {margin-top: -30px;} } @media (min-width: 768px) { .flex-direction-nav .flex-nav-prev {margin-left: 20px;} .flex-direction-nav .flex-nav-next {margin-right: 20px;} } .flexslider--gallery .flex-caption {background-color: rgba(0,0,0,0.6); padding: 6px 15px; color: #fff; position: absolute; left: 15px; bottom: 15px; z-index:55;} .flexslider--slider:before {content: ""; height: 10px; width: 100%; position: absolute; left: 0;right: 0; bottom: -10px; background: rgb(203,30,65); background: -moz-linear-gradient(left, rgba(203,30,65,1) 0%, rgba(255,157,13,1) 25%, rgba(255,157,13,1) 50%, rgba(255,157,13,1) 75%, rgba(203,30,65,1) 100%); background: -webkit-linear-gradient(left, rgba(203,30,65,1) 0%,rgba(255,157,13,1) 25%,rgba(255,157,13,1) 50%,rgba(255,157,13,1) 75%,rgba(203,30,65,1) 100%); background: linear-gradient(to right, rgba(203,30,65,1) 0%,rgba(255,157,13,1) 25%,rgba(255,157,13,1) 50%,rgba(255,157,13,1) 75%,rgba(203,30,65,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb1e41', endColorstr='#cb1e41',GradientType=1 ); } .flexslider--slider .slides > li {background-position: center center; background-repeat: no-repeat;} #slider-1 .slides, #slider-1 .slides > li {background-size: auto auto; height: 400px;} #slider-1 .flex-caption {margin-top: 95px;} #slider-1 .flex-caption-text {font-size: .6em;} #slider-1 .flex-caption-text span {background-color: rgba(0,0,0,0.5);padding: 5px 10px; display:inline-block; line-height: 1em;} #slider-1 .flex-active-slide .flex-caption-text span {animation: moveslide 0.6s ease forwards;-webkit-animation: moveslide 0.6s ease forwards;-ms-animation: moveslide 0.6s ease forwards;-moz-animation: moveslide 0.6s ease forwards;} #slider-1 .flex-caption-text .flex-caption-1 {margin-bottom: 2px;} #slider-1 .flex-caption-text .flex-caption-1 span {font-size: 1.8em; color: #fff; font-weight: bold;} #slider-1 .flex-caption-text .flex-caption-2 span {font-size: 2em; color: #ffb005;font-family: 'Nothing You Could Do', cursive;} #slider-1 .flex-active-slide .flex-caption-text .flex-caption-1 span {-webkit-transform: translateX(-400px);-ms-transform: translateX(-400px);-moz-transform: translateX(-400px);transform: translateX(-400px);} #slider-1 .flex-active-slide .flex-caption-text .flex-caption-2 span {-webkit-transform: translateX(400px);-ms-transform: translateX(400px);-moz-transform: translateX(400px);transform: translateX(400px);} @media (min-width: 768px) { .flexslider--slider .slides > li {background-size: cover;} #slider-1 .slides, #slider-1 .slides > li {height: 560px;} #slider-1 .flex-caption {margin-top: 290px;} #slider-1 .flex-caption-text {font-size: 1.2em;} } @keyframes moveslide {to {transform: translateX(0);}0% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes moveslide {to { -webkit-transform: translateX(0);opacity: 1;}0% {opacity: 0;} 100% {opacity: 1;}} /* FANCYBOX */ .fancybox-enabled {overflow: hidden; } .fancybox-enabled body {overflow: visible; touch-action: none; } .fancybox-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; backface-visibility: hidden; } .fancybox-container ~ .fancybox-container {z-index: 99992; } .fancybox-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(.55,.06,.68,.19); backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg {opacity: 0.87; transition-timing-function: cubic-bezier(.22,.61,.36,1); } .fancybox-controls {position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls {opacity: 1; } .fancybox-infobar {display: none; } .fancybox-show-infobar .fancybox-infobar {display: inline-block; pointer-events: all; } .fancybox-infobar__body {display: inline-block; width: 70px; line-height: 44px; font-size: 13px; text-align: center; color: #ddd; background-color: rgba(30,30,30,0.7); pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons {position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons {display: block; } .fancybox-slider-wrap {overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; backface-visibility: hidden; } .fancybox-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-slide::before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * {display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image {overflow: hidden; } .fancybox-slide--image::before {display: none; } .fancybox-content {display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; } .fancybox-iframe {display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {background: transparent; } .fancybox-placeholder {position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder {cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder {cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder {cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder {cursor: grabbing; } .fancybox-spaceball {z-index: 1; } .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error {position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p {margin: 0; padding: 0;} .fancybox-close-small {position: absolute; top: 4px; right: 4px; padding: 0; margin: 0; width: 30px; height: 30px; font-size: 21px; line-height: 1; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; cursor: pointer; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus {outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small {top : -36px; right : -36px; background: transparent; } .fancybox-close-small:hover {color: #555; background: #eee; } .fancybox-caption-wrap {position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap {opacity: 1; } .fancybox-caption {padding: 30px 0; text-align: center; font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button {pointer-events: all; } .fancybox-caption a {color: #fff; text-decoration: underline; } .fancybox-button {display: inline-block; position : relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled {cursor: default; pointer-events: none; } .fancybox-button.fancybox-button--fullscreen:before {left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;display: block;height:20px;width:20px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs {display: none !important;} .fancybox-infobar__body, .fancybox-button {background: rgba(30,30,30,0.6); } .fancybox-button:hover {background: rgba(0,0,0,0.8); } .fancybox-button::before, .fancybox-button::after {content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after {opacity: 0.5; } .fancybox-button--left::after {left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(-135deg); } .fancybox-button--right::after {right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(45deg); } .fancybox-button--left {border-bottom-left-radius: 5px; } .fancybox-button--right {border-bottom-right-radius: 5px; } .fancybox-button--close {float: right; } .fancybox-button--close::before, .fancybox-button--close::after {content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before {transform: rotate(45deg); } .fancybox-button--close::after {transform: rotate(-45deg); } .fancybox-loading {border: 6px solid rgba(100, 100, 100, .4); border-top: 6px solid rgba(255, 255, 255, .6); border-radius: 100%; height: 50px; width: 50px; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @keyframes fancybox-rotate {from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @media all and (max-width: 800px) {.fancybox-controls {text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {display: none !important; } .fancybox-caption {padding: 20px 0; margin: 0; } } /* GUESTAPP General */ #guestapp-reviews {position: relative; border-radius: 5px !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 100 !important; width:100% !important; } #guestapp-reviews p {margin: 8px 0; } #guestapp-reviews ul {list-style: none; list-style-type: none; padding: 0; margin: 0; } #guestapp-reviews table {margin: auto; width: 100%; } #guestapp-reviews table td {border: 0; vertical-align: top; padding: 0 5px; font-size: 12px; } .guestapp-criterias {padding: 0 15px; } .guestapp-comment {padding: 10px; border-radius: 5px; } .guestapp-center {text-align: center; } .guestapp-right {text-align: right; } .guestapp-bold {font-weight: bold; } .guestapp-scale {border-top: 1px solid white; font-size: 28px; padding: 0 8px; } .guestapp-mb3 {margin: 3px; } .guestapp-mb10 {margin-bottom: 10px; } .guestapp-big2 {font-size: 1.5em; } .guestapp-big3 {font-size: 3em; line-height: 1.2em; } .guestapp-bar {background-color: white; border: 1px solid #999; height: 10px; display: block; width: 100%; overflow: hidden; position: relative; margin: auto; } .guestapp-progress {display: block; height: 100%; width: 0; } .guestapp-rating-bar {position: absolute; } .guestapp-link {color: grey; font-weight: 300; font-size: 10px; } .guestapp-link:hover {color: #da3768; } .guestapp-see-more {cursor: pointer; } .guestapp-infos {padding: 20px; } /* GUESTAPP Review aggregate */ .guestapp-aggregate h1 {margin: 0; text-transform: uppercase; font-size: 20px; /*float: left;*/ width: auto; } .guestapp-aggregate .guestapp-language {top: 15px; width: auto; position: absolute; right: 15px; } .guestapp-aggregate > .guestapp-title {width: 100%; padding: 10px; box-sizing: border-box; } .guestapp-details {margin: 0; padding: 0 10px 10px 10px; } .guestapp-title {text-align: center; } .guestapp-aggregate .guestapp-average {box-sizing: border-box; border-radius: 50%; color: white; height: 90px; padding-top: 8px; text-align: center; width: 90px; margin: 20px auto 0 auto; } /* GUESTAPP Review */ .guestapp-review {padding: 10px; } .guestapp-rating {height: 31px; text-align: center; margin: 0 auto 15px auto; } .guestapp-review table {font-size: inherit; } .guestapp-review .ga-review-footer li:nth-child(2) {text-align: right; } .guestapp-review .guestapp-authenticity {text-align: right; } .guestapp-review .guestapp-authenticity img {height: 30px !important; width: auto; } .guestapp-footer {padding: 10px 0 0 0; font-size: 10px; } .guestapp-footer img {height: 40px !important; margin-bottom: 5px; } .guestapp-criterias-rating td {display: none; } .guestapp-criterias-rating.open td {display: table-cell; } .guestapp-review i {font-size: 12px; } .guestapp-content-reviews {max-height: 475px; overflow: auto; } .guestapp-response-container {margin-top:10px; } .guestapp-comment-response {padding: 0 10px; border-left: 1px dashed; } .guestapp-globals-criterias {display: none; } .guestapp-globals-criterias.open {display: table; margin-top: 10px !important; } .guestapp-show-globals-criterias {border-radius: 5px; padding: 5px; font-size: 12px; } /* GUESTAPP Responsive */ @media (min-width: 480px) { .guestapp-average {position: absolute; left: 20px; } .guestapp-infos {max-width: 300px; margin: auto; } } /* GUESTAPP Theme sombre */ .guestapp-widget-obscur {background-color: #262f34; border: 1px solid #000; color: #f7f7f7; overflow: hidden; } .guestapp-widget-obscur table {color: #f7f7f7; } .guestapp-widget-obscur .guestapp-review {border-bottom: 1px solid #000; } .guestapp-widget-obscur .guestapp-aggregate > .guestapp-title {background-color: #262f34; } .guestapp-widget-obscur .guestapp-details {background-color: #262f34; border-bottom: 1px solid #000; } .guestapp-widget-obscur .guestapp-stars {color: #f7f7f7; } .guestapp-widget-obscur .guestapp-rate {color: #da3768; } .guestapp-widget-obscur .guestapp-comment {background: #2B282F; border: 1px solid black; } .guestapp-widget-obscur .guestapp-footer {border-top: 1px solid black; } .guestapp-widget-obscur .guestapp-show-globals-criterias {border: 1px solid #A0264B; background-color: #da3768; border-bottom: 2px solid #A0264B; color: white; cursor: pointer; } .guestapp-widget-obscur .guestapp-details {color: white; } .guestapp-widget-obscur .guestapp-scale {border-top: 1px solid white; } .guestapp-widget-obscur .guestapp-progress {background-color: #da3768 !important; } .guestapp-widget-obscur .guestapp-aggregate .guestapp-average {background-color: #da3768; } /* GUESTAPP Theme bright */ .guestapp-widget-bright {background-color: #f5f5f5; color: #333; overflow: hidden; } .guestapp-widget-bright table {color: #333; } .guestapp-widget-bright .guestapp-review {border-bottom: 1px solid #ccc; } .guestapp-widget-bright .guestapp-aggregate > .guestapp-title {background-color: #f5f5f5; } .guestapp-widget-bright .guestapp-details {background-color: #f5f5f5; border-bottom: 1px solid #ccc; } .guestapp-details {color: #333; } .guestapp-widget-bright .guestapp-stars {color: #333; } .guestapp-widget-bright .guestapp-rate {color: #da3768; } .guestapp-widget-bright .guestapp-comment {background: #fff; border: 1px solid #ccc; } .guestapp-widget-bright .guestapp-comment-response {border-color: #ccc; } .guestapp-widget-bright .guestapp-show-globals-criterias {border: 1px solid #A0264B; background-color: #da3768; border-bottom: 2px solid #A0264B; color: white; cursor: pointer; } .guestapp-widget-bright .guestapp-scale {border-top: 1px solid #ccc; } .guestapp-widget-bright .guestapp-progress {background-color: #da3768 !important; } .guestapp-widget-bright .guestapp-aggregate .guestapp-average {background-color: #da3768; } /* GUESTAPP SIMPLE General */ #guestapp-reviews-simple.guestapp-simple-widget {position: relative; border-radius: 5px !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 100 !important; width:100% !important; } #guestapp-reviews-simple p {margin: 5px 0; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-scale {border-top: 1px solid white; font-size: 28px; padding: 0 8px; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-mb3 {margin: 3px; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-mb10 {margin-bottom: 10px; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-big2 {font-size: 1.5em; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-big3 {font-size: 3em; line-height: 1.2em; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-cta {border-radius: 5px; padding: 5px; font-size: 12px; width: auto !important; cursor: pointer; } /* GUESTAPP SIMPLE Review aggregate */ #guestapp-reviews-simple.guestapp-simple-widget .guestapp-aggregate h1 {margin: 0; text-transform: uppercase; font-size: 20px; width: auto; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-aggregate .guestapp-average {background-color: #da3768; border-radius: 50%; box-sizing: border-box; color: white; height: 90px; padding-top: 8px; text-align: center; width: 90px; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-footer img {height: 40px; } /* GUESTAPP SIMPLE Widget Simple */ #guestapp-reviews-simple.guestapp-simple-widget {position: relative; max-width: 450px; min-height: 120px; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-average {position: relative; display: inline-block; vertical-align: top; margin: 20px; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-infos {display: inline-block; text-align: left;padding-right: 50px;} #guestapp-reviews-simple.guestapp-simple-widget .guestapp-footer {position: absolute; bottom: 0; right: 0; border:0; text-align: right; margin: 0 5px 5px 0; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-link-reviews {border-radius: 5px; padding: 5px; font-size: 12px; text-decoration: none; } /* GUESTAPP SIMPLE Responsive */ @media (max-width: 480px) { #guestapp-reviews-simple.guestapp-simple-widget .guestapp-average {margin: 10px auto; display: block; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-infos {display: block; text-align: center; } #guestapp-reviews-simple.guestapp-simple-widget .guestapp-footer {position:relative; text-align: center; margin-top: 15px; } } /* GUESTAPP SIMPLE Theme sombre */ #guestapp-reviews-simple.guestapp-widget-obscur {background-color: #262f34; border: 1px solid #000; color: #f7f7f7; overflow: hidden; } .guestapp-widget-obscur .guestapp-link-reviews {border: 1px solid #A0264B; background-color: #da3768; border-bottom: 2px solid #A0264B; color: white; cursor: pointer; } #guestapp-reviews-simple.guestapp-widget-obscur .guestapp-scale {border-top: 1px solid white; } #guestapp-reviews-simple.guestapp-widget-obscur .guestapp-cta {border: 1px solid #A0264B; background-color: #da3768; border-bottom: 2px solid #A0264B; color: white; cursor: pointer; } /* GUESTAPP SIMPLE Theme bright */ #guestapp-reviews-simple.guestapp-widget-bright {background-color: #f5f5f5; border: 1px solid #ccc; color: #333; overflow: hidden; } .guestapp-widget-bright .guestapp-link-reviews {border: 1px solid #A0264B; background-color: #da3768; border-bottom: 2px solid #A0264B; color: white; cursor: pointer; } #guestapp-reviews-simple.guestapp-widget-bright .guestapp-scale {border-top: 1px solid #ccc; } #guestapp-reviews-simple.guestapp-widget-bright .guestapp-cta {border: 1px solid #A0264B; background-color: #da3768; border-bottom: 2px solid #A0264B; color: white; } #guestapp-reviews-simple {margin: 0 auto;} #guestapp-reviews-simple .guestapp-title p {font-size: 1.3em;font-weight: bold;text-transform: uppercase;} .pum.pum-overlay.popmake-overlay {opacity: 1 !important;} @media (min-width: 992px) {.pum-container.pum-responsive.pum-responsive-medium {left: 50%;top: 30%;}} .pum-close.popmake-close {display: block !important;} .pum-content, .pum-theme-lightbox .pum-content {font-weight: 400 !important;} /* Cookies */ #cookie-notice {position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; line-height: 20px; left: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cookie-notice.cn-animated {-webkit-animation-duration: 0.5s !important; animation-duration: 0.5s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #cookie-notice.cn-animated.cn-effect-none {-webkit-animation-duration: 0.001s !important; animation-duration: 0.001s !important; } #cookie-notice .cookie-notice-container {display: block; } #cookie-notice.cookie-notice-hidden .cookie-notice-container {display: none; } #cookie-notice .cookie-revoke-container {display: block; } #cookie-notice.cookie-revoke-hidden .cookie-revoke-container {display: none; } .cn-position-top {top: 0; } .cn-position-bottom {bottom: 0; } .cookie-notice-container {padding: 15px 79px 15px 15px; text-align: left; width: 100%; z-index: 2; } .cookie-revoke-container {padding: 15px; width: 100%; z-index: 1; } .cn-close-icon {position: absolute; right: 0; top: 0; bottom: 0; width: 60px; opacity: 0.8; background-color: rgba(0, 0, 0, .2);} .cn-close-icon:hover {opacity: 1; } .cn-close-icon:before, .cn-close-icon:after {position: absolute; content: ' '; top: 50%; left: 50%; margin-top: -10px; height: 20px; width: 2px; background-color: #fff; } .cn-close-icon:before {transform: rotate(45deg); } .cn-close-icon:after {transform: rotate(-45deg); } #cn-notice-text {margin-right: 8px;} #cookie-notice .cn-revoke-cookie {margin: 0; } #cookie-notice .cn-buttons-container {} .cn-button.wp-default, .cn-button.wp-default:hover, .cn-button.bootstrap, .cn-button.bootstrap:hover {box-shadow: none; text-decoration: none; } #cookie-notice .cn-button {margin-right: 10px;} .cn-button.wp-default {font-family: sans-serif; line-height: 18px; padding: 2px 12px; background: linear-gradient(to bottom, #FEFEFE, #F4F4F4) repeat scroll 0 0 #F3F3F3; border-color: #BBB; color: #333; text-shadow: 0 1px 0 #FFF; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-size: 12px; font-style: normal; text-decoration: none; white-space: nowrap; outline: none; } .cn-button.wp-default:hover {background: linear-gradient(to bottom, #FFFFFF, #F3F3F3) repeat scroll 0 0 #F3F3F3; border-color: #999; color: #222; } .cn-button.bootstrap {font-family: sans-serif; display: inline-block; *display: inline; padding: 4px 12px; margin-right: .3em; margin-bottom: 0; *margin-left: .3em; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); font-style: normal; vertical-align: middle; cursor: pointer; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #006dcc; *background-color: #04c; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-style: solid; border-width: 1px; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); padding: 2px 10px; font-size: 12px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } .cn-button.bootstrap:hover {color: #fff; background-color: #04c; *background-color: #003bb3; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #cookie-notice.cookie-notice-visible.cn-effect-none, #cookie-notice.cookie-revoke-visible.cn-effect-none {-webkit-animation-name: fadeIn; animation-name: fadeIn; } #cookie-notice.cn-effect-none {-webkit-animation-name: fadeOut; animation-name: fadeOut; } #cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade {-webkit-animation-name: fadeIn; animation-name: fadeIn; } #cookie-notice.cn-effect-fade {-webkit-animation-name: fadeOut; animation-name: fadeOut; } #cookie-notice.cookie-notice-visible.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name: slideInUp; animation-name: slideInUp; } #cookie-notice.cn-effect-slide {-webkit-animation-name: slideOutDown; animation-name: slideOutDown; } #cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {-webkit-animation-name: slideInDown; animation-name: slideInDown; } #cookie-notice.cn-position-top.cn-effect-slide {-webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @media all and (max-width: 900px) {.cookie-notice-container #cn-notice-text {display: block; margin-bottom: 5px; } } @-webkit-keyframes fadeIn {from {opacity: 0; } to {opacity: 1; } } @keyframes fadeIn {from {opacity: 0; } to {opacity: 1; } } @-webkit-keyframes fadeOut {from {opacity: 1; } to {opacity: 0; } } @keyframes fadeOut {from {opacity: 1; } to {opacity: 0; } } @-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .cookie-notice-container #cn-notice-text a {color: #fff; text-decoration: underline;} #cookie-notice a {line-height: 1em;border-radius: 2px; padding: 6px 10px;border: 0;text-shadow: none; color: #fff !important; display: inline-block; font-weight: bold;} #cookie-notice a:hover, #cookie-notice a:focus {text-decoration: none;} #cn-accept-cookie {background:#288f32 !important;} #cn-accept-cookie:hover, #cn-accept-cookie:focus {background:#46b450 !important;} #cn-refuse-cookie {background:#dc3232 !important;} #cn-refuse-cookie:hover, #cn-refuse-cookie:focus {background:#f33a3a !important;} #cn-more-info {background:#666 !important;} #cn-more-info:hover, #cn-more-info:focus {background:#777 !important;}