/* Theme Name: Koté Thème Theme URI: http://wordpress.org/themes/kote-theme Text Domain: kote-theme This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 4.1 - Site Header * 4.2 - Navigation * 5.0 - Content * 5.1 - Entry Header * 5.2 - Entry Meta * 5.3 - Entry Content * 5.4 - Galleries * 5.5 - Post Formats * 5.6 - Attachments * 5.7 - Post/Paging Navigation * 5.8 - Author Bio * 5.9 - Archives * 5.10 - Search Results/No posts * 5.11 - 404 * 5.12 - Comments * 5.13 - Multisite * 6.0 - Sidebar * 6.1 - Widgets * 7.0 - Footer * 8.0 - Media Queries * 9.0 - Print * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "Source Sans Pro", Helvetica, sans-serif; } body { color: #A7A7A7; font-size: 18px; line-height: 32px; margin: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } a { color: #005A6C; text-decoration: none; } a:visited { color: #005A6C; } a:focus { outline: inherit; } a:active, a:hover { color: #005A6C; outline: inherit; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Poppins', sans-serif; font-weight: normal; line-height: 1.3; color: #005A6C; } h1 { font-size: 48px; margin: 32px 0;font-family: 'Dancing Script', cursive; font-weight: bold; } h2 { font-size: 32px; margin: 24px 0;font-family: 'Dancing Script', cursive;font-weight: bold; } h3 { font-size: 24px; margin: 24px 0; } h4 { font-size: 20px; margin: 25px 0; } h5 { font-size: 18px; margin: 30px 0; } h6 { font-size: 16px; margin: 36px 0; } address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p { margin: 0 0 24px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } ul { list-style-type: square; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ .genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; vertical-align: text-bottom; } /* Clearing floats */ .clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after { clear: both; } .clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after { content: ""; display: table; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Form fields, general styles first. */ button, input, textarea { border: 2px solid #d4d0ba; font-family: inherit; padding: 5px; } input, textarea { color: #141412; } input:focus, textarea:focus { border: 2px solid #c3c0ab; outline: 0; } /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { background: #917377; /* Old browsers */ border: 0; border-bottom: 3px solid #b93207; border-radius: 0; color: #fff; display: inline-block; padding: 11px 24px 10px; text-decoration: none; } button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { background: #B10059; /* Old browsers */ } .post-password-required input[type="submit"] { padding: 7px 24px 4px; vertical-align: bottom; } .post-password-required input[type="submit"]:active { padding: 5px 24px 6px; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7d7b6d; } :-moz-placeholder { color: #7d7b6d; } ::-moz-placeholder { color: #7d7b6d; } :-ms-input-placeholder { color: #7d7b6d; } /* * Responsive images * * Fluid images for posts, comments, and widgets */ .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; margin: 0 0 24px; } div.wp-caption.alignright img[class*="wp-image-"] { float: right; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /** * 3.0 Basic Structure * ---------------------------------------------------------------------------- */ .site { background-color: #fff; border-left: inherit; border-right: inherit; margin: 0 auto; max-width: inherit; width: 100%;overflow: hidden; } .site-main { position: relative; } .site-main .sidebar-container { height: 0; position: absolute; top: 40px; width: 100%; z-index: 1; } .site-main .sidebar-inner { margin: 0 auto; max-width: 1040px; } /** * 4.0 Header * ---------------------------------------------------------------------------- */ /** * 4.1 Site Header * ---------------------------------------------------------------------------- */ .site-header { position: absolute; margin: 40px 5%; padding: 0; top: auto; left: 0; width: 90%; z-index: 999; background-image: inherit; } .site-header .home-link { color: inherit; display: table; margin: 0; max-width: inherit; min-height: inherit; padding: 0; text-decoration: none; width: auto; position: absolute; top: -4px; z-index: 1; left: 0; } .site-header .site-title:hover { text-decoration: underline; } .site-title { font-size: 60px; font-weight: bold; line-height: 1; margin: 0; padding: 58px 0 10px; } .site-description { font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif; margin: 0; } /** * 4.2 Navigation * ---------------------------------------------------------------------------- */ .main-navigation { clear: both; margin: 0 auto; max-width: inherit; min-height: 45px; position: relative; } ul.nav-menu, div.nav-menu > ul { margin: 0; padding: 0; } .nav-menu li { display: inline-block; position: relative; } .nav-menu li a {color: #ffffff;text-transform: inherit;display: block;letter-spacing: 1Px;font-size: 23px;line-height: 1;padding: 12px 24px;text-decoration: none;} .nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus { background-color: transparent; color: #fff; } .nav-menu .sub-menu, .nav-menu .children { background-color: #220e10; border: 2px solid #f7f5e7; border-top: 0; padding: 0; position: absolute; left: -2px; z-index: 99999; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0; } ul.nav-menu ul a, .nav-menu ul ul a { color: #fff; margin: 0; width: 200px; } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus { background-color: #00B6BD; } ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul { clip: inherit; overflow: inherit; height: inherit; width: inherit; } /* .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #bc360a; font-style: italic; } */ /* Small menu */ .menu-toggle { cursor: pointer; display: inline-block; margin: 0; padding: 0; letter-spacing: 1px; text-transform: uppercase; font-size: 17px; vertical-align: middle; } .menu-toggle svg {position: relative;top: 0;margin-left: 0;display: block;} .menu-toggle:after { content: "\f502"; font-size: 12px; padding-left: 8px; vertical-align: -4px; display: none; } .toggled-on .menu-toggle:after { content: "\f500"; vertical-align: 2px; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { background-color: transparent; display: block; float: none; margin-left: 0; position: relative; padding: 40px; left: auto; top: 50%; transform: translateY(-50%); width: 100%; height: auto; border: 0; } .toggled-on li, .toggled-on .children { display: block; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 0; position: relative; left: auto; top: auto; text-align: center; width: 100%; height: 100%; clip: inherit; } .toggled-on .nav-menu li > ul a { color: #141412; width: auto; } .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a { background-color: transparent; color: #141412; } .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover { background-color: transparent; color: #00B6BD; text-decoration: none; } ul.nav-menu, div.nav-menu > ul { display: none; } .menu-menu-1-container {height: 100%;width: 100%;position: fixed;z-index: 9999;top: -100vh;left: 0;background-color: #005A6C !important;overflow-x: hidden;transition: 0.5s;background-position: center center;background-size: cover;opacity: 0;} .toggled-on .menu-menu-1-container { width: 100%; text-align: center; top: 0;opacity: 1;} .menu-menu-1-container .closebtn { position: relative; top: 0; display: table; right: 0; font-size: 60px; left: 0; margin: 0 auto 40px; z-index: 999; color: #00B6BD; } .menu-menu-1-container .closebtn:hover {color: #fff;} #navbar #menu-item-304, #navbar #menu-item-314 {display: block;margin: 0 auto;border-radius: 8px;width: 280px;text-transform: uppercase;font-weight: bold;} #navbar #menu-item-304 a, #navbar #menu-item-314 a {font-size: 18px;padding: 12px 24px; color: #fff;} #navbar #menu-item-304 {background-color: #B10059;margin-bottom: 8px;margin-top: 24px;} #navbar #menu-item-314 {background-color: #04B6BD; margin-bottom: 24px;} #navbar #menu-item-49275 a, #navbar #menu-item-49276 a {font-size: 18px;text-transform: uppercase;} .home .site-header {position: relative;} section#Slider-2025 {width: 90%;display: table;margin: auto;} section#Slider-2025 #Encart-Slide {overflow: hidden;border-radius: 24px;height: 600px;width: 100%;background: #F2F2F2;} section#Slider-2025 #Encart-Slide video {width: 100%; height: 100%; object-fit:cover;} section#Slider-2025 #Les-CTA-Slider {gap:24px;margin-top: -18px;position: relative;z-index: 1;} section#Slider-2025 #Les-CTA-Slider a {color: #ffffff;text-transform: uppercase;display: block;letter-spacing: 1Px;font-size: 18px;border-radius: 8px;line-height: 1;padding: 12px 24px;text-decoration: none;font-weight: bold;min-width: 200px;text-align: center;} section#Slider-2025 #Les-CTA-Slider a:nth-of-type(1) {background-color: #B10059;} section#Slider-2025 #Les-CTA-Slider a:nth-of-type(2) {background-color: #04B6BD;} section#Slider-2025 h1 {font-size: 75px;margin: 0 0 16px;line-height: 60px;} section#Slider-2025 h2 {font-size: 24Px;color: #00B6BD;display: block;text-transform: uppercase;font-family: 'Poppins', sans-serif;font-weight: normal;margin-top: 16px;line-height: 32px;} section#Slider-2025 #Content-text-Slider {max-width: 680px;margin: 40px auto;} /* Navbar */ .navbar { background-color: inherit; margin: 0 auto; max-width: inherit; text-align: right; width: 100%; } .site-header .search-form { position: absolute; right: 20px; top: 1px; } .site-header .search-field { background-color: transparent; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; border: none; cursor: pointer; height: 37px; margin: 3px 0; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; } .site-header .search-field:focus { background-color: #fff; border: 2px solid #c3c0ab; cursor: text; outline: 0; width: 230px; } /** * 5.0 Content * ---------------------------------------------------------------------------- */ .hentry { padding: 40px 0; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0 auto; max-width: 604px; width: 100%; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { max-width: 1040px; padding: 0 376px 0 60px; } /** * 5.1 Entry Header * ---------------------------------------------------------------------------- */ .sidebar .entry-header .entry-meta { padding: 0; } .entry-thumbnail img { display: block; margin: 0 auto 10px; } .entry-header { margin-bottom: 30px; } .entry-title { font-weight: normal; margin: 0 0 5px; } .entry-title a { color: #141412; } .entry-title a:hover { color: #ea9629; } /** * 5.2 Entry Meta * ---------------------------------------------------------------------------- */ .entry-meta { clear: both; font-size: 14px; } .entry-meta a { color: #bc360a; } .entry-meta a:hover { color: #bc360a; } .entry-meta > span { margin-right: 20px; } .entry-meta > span:last-child { margin-right: 0; } .featured-post:before { content: "\f308"; margin-right: 2px; } .entry-meta .date a:before { content: "\f303"; } .comments-link a:before { content: "\f300"; margin-right: 2px; position: relative; top: -1px; } .entry-meta .author a:before { content: "\f304"; position: relative; top: -1px; } .categories-links a:first-child:before { content: "\f301"; } .tags-links a:first-child:before { content: "\f302"; position: relative; top: -1px; } .edit-link a:before { content: "\f411"; position: relative; top: -1px; } .single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; } /** * 5.3 Entry Content * ---------------------------------------------------------------------------- */ .entry-content { -webkit-hyphens: inherit; -moz-hyphens: inherit; -ms-hyphens: inherit; hyphens: inherit; word-wrap: inherit; } .entry-content a, .comment-content a { color: #bc360a; } .entry-content a:hover, .comment-content a:hover { color: #ea9629; } .entry-content blockquote { font-size: 24px; } .entry-content blockquote cite, .entry-content blockquote small { font-size: 16px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } footer.entry-meta { margin-top: 24px; } .format-standard footer.entry-meta { margin-top: 0; } /* Page links */ .page-links { clear: both; font-size: 16px; font-style: italic; font-weight: normal; line-height: 2.2; margin: 20px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; } .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a { background: #e63f2a; border: 1px solid #e63f2a; color: #fff; } .format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover { background: #fff; color: #e63f2a; } .format-status .entry-content .page-links > span, .format-quote .entry-content .page-links > span { background: none; } .page-links .page-links-title { background: transparent; border: none; margin-right: 20px; padding: 0; } /* Mediaelements */ .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #220e10; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #ea9629; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 5.5 Post Formats * ---------------------------------------------------------------------------- */ /* Aside */ .format-aside { background-color: #f7f5e7; } .blog .format-aside:first-of-type, .single .format-aside:first-of-type, .format-aside + .format-aside, .format-aside + .format-link, .format-link + .format-aside { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2); } .format-aside .entry-meta { margin-top: 0; } .format-aside blockquote { font-size: 100%; font-weight: normal; } .format-aside cite { font-size: 100%; text-transform: none; } .format-aside cite:before { content: "\2014"; margin-right: 5px; } /* Audio */ .format-audio { background-color: #db572f; } .format-audio .entry-title { font-size: 28px; font-weight: bold; } .format-audio .entry-content:before { content: "\f109"; float: left; font-size: 64px; position: relative; top: 4px; } .format-audio .entry-content a, .format-audio .entry-meta a, .format-audio .entry-content a:hover, .format-audio .entry-meta a:hover { color: #fbfaf3; } .format-audio .audio-content { background: url(images/dotted-line.png) repeat-y left top; background-size: 4px 4px; float: right; padding-left: 35px; width: 80%; width: -webkit-calc(100% - 85px); width: calc(100% - 85px); } .format-audio .wp-audio-shortcode { height: 30px !important; /* Override mediaelement.js style */ margin: 20px 0; max-width: 400px !important; /* Override mediaelement.js style */ } .format-audio audio { max-width: 100% !important; /* Avoid player width overflow. */ } /* Chat */ .format-chat { background-color: #eadaa6; } .format-chat .entry-title { font-size: 28px; font-weight: bold; } .format-chat .entry-meta a, .format-chat .entry-content a { color: #722d19; } .format-chat .entry-meta .date a:before { content: "\f108"; margin-right: 2px; } .format-chat .entry-meta .author { display: none; } .format-chat .chat { margin: 0; } .format-chat .chat .chat-timestamp { color: #722d19; float: right; font-size: 12px; font-weight: normal; margin: 5px 10px 0; } .format-chat .chat .fn { font-style: normal; } /* Gallery */ .format-gallery { background-color: #fbca3c; } .format-gallery .entry-header { margin-bottom: 15px; } .format-gallery .entry-title { font-size: 50px; font-weight: 400; margin: 0; } .format-gallery .entry-meta a, .format-gallery .entry-content a { color: #722d19; } /* Image */ .format-image .entry-title { font-size: 28px; font-weight: bold; } .format-image .categories-links, .format-image .tags-links { display: none; } /* Link */ .format-link { background-color: #f7f5e7; } .blog .format-link:first-of-type, .single .format-link:first-of-type { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2); } .format-link .entry-header, .format-link .entry-content p:last-child { margin-bottom: 0; } .format-link .entry-title { color: #ca3c08; display: inline; font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin-right: 20px; } .format-link .entry-title a { color: #bc360a; } .format-link div.entry-meta { display: inline; } /* Quote */ .format-quote { background-color: #210d10; } .format-quote .entry-content, .format-quote .entry-meta { color: #f7f5e7; } .format-quote .entry-content blockquote { font-size: 28px; margin: 0; } .format-quote .entry-content a, .format-quote .entry-meta a, .format-quote .linked { color: #e63f2a; } .format-quote .entry-content cite a { border-bottom: 1px dotted #fff; color: #fff; } .format-quote .entry-content cite a:hover { text-decoration: none; } .format-quote blockquote small, .format-quote blockquote cite { display: block; font-size: 16px; } .format-quote blockquote { font-style: italic; font-weight: 300; padding-left: 75px; position: relative; } .format-quote blockquote:before { content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8; padding-right: 25px; position: absolute; left: -15px; top: -3px; } .format-quote .entry-meta .author { display: none; } /* Status */ .format-status { background-color: #722d19; padding: 0; } .format-status .entry-content, .format-status .entry-meta { padding-left: 35px; position: relative; } .format-status .entry-content a { color: #eadaa6; } .format-status .entry-meta a { color: #f7f5e7; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 95px; } .format-status .entry-content:before, .format-status .entry-meta:before { background: url(images/dotted-line.png) repeat-y left bottom; background-size: 4px 4px; content: ""; display: block; height: 100%; position: absolute; left: 10px; top: 0; width: 1px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 70px; } .format-status .categories-links, .format-status .tags-links { display: none; } /* Ensures the dots in the dot background are in lockstep. */ .format-status .entry-meta:before { background-position: left top; } .format-status .entry-content { color: #f7f5e7; font-size: 24px; font-style: italic; font-weight: 300; padding-bottom: 30px; padding-top: 40px; position: relative; } .format-status .entry-content p:first-child:before { background-color: rgba(0, 0, 0, 0.65); content: ""; height: 3px; margin-top: 13px; position: absolute; left: 4px; width: 13px; } .sidebar .format-status .entry-content > p:first-child:before { left: 64px; } .format-status .entry-content p:last-child { margin-bottom: 0; } .format-status .entry-meta { margin-top: 0; padding-bottom: 40px; } .format-status .entry-meta .date a:before { content: "\f105"; } /* Video */ .format-video { background-color: #db572f; } .format-video .entry-content a, .format-video .entry-meta a, .format-video .entry-content a:hover, .format-video .entry-meta a:hover { color: #fbfaf3; } .format-video .entry-title { font-size: 50px; font-weight: 400; } .format-video .entry-meta { color: #220e10; } /** * 5.6 Attachments * ---------------------------------------------------------------------------- */ .attachment .hentry { background-color: #e8e5ce; margin: 0; padding: 0; } .attachment .entry-header { margin-bottom: 0; max-width: inherit; padding: 30px 0; } .attachment .entry-title { display: inline-block; float: left; font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif; margin: 0; } .attachment .entry-title:before { content: "\f416"; font-size: 32px; margin-right: 10px; } .attachment .entry-meta { clear: none; color: inherit; float: right; max-width: 604px; padding: 9px 0 0; text-align: right; } .hentry.attachment:not(.image-attachment) .entry-meta { max-width: 104px; } .attachment footer.entry-meta { display: none; } .attachment-meta:before { content: "\f307"; } .full-size-link a:before { content: "\f402"; } .full-size-link:before { content: none; } .attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before { color: #ca3c08; } .attachment .entry-content { background-color: #fff; max-width: 100%; padding: 40px 0; } .image-navigation { margin: 0 auto; max-width: 1040px; position: relative; } .image-navigation a:hover { text-decoration: none; } .image-navigation .nav-previous, .image-navigation .nav-next { position: absolute; top: 50px; } .image-navigation .nav-previous { left: 0; } .image-navigation .nav-next { right: 0; } .image-navigation .meta-nav { font-size: 32px; font-weight: 300; vertical-align: -4px; } .attachment .entry-attachment, .attachment .type-attachment p { margin: 0 auto; max-width: 724px; text-align: center; } .attachment .entry-attachment .attachment { display: inline-block; } .attachment .entry-caption { text-align: left; } .attachment .entry-description { margin: 20px auto 0; max-width: inherit; } .attachment .entry-caption p:last-child, .attachment .entry-description p:last-child { margin: 0; } .attachment .site-main .sidebar-container { display: none; } .attachment .entry-content .mejs-audio { max-width: 400px; margin: 0 auto; } .attachment .entry-content .wp-video { margin: 0 auto; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } /** * 5.7 Post/Paging Navigation * ---------------------------------------------------------------------------- */ .navigation .nav-previous { float: left; } .navigation .nav-next { float: right; } .navigation a { color: #bc360a; } .navigation a:hover { color: #ea9629; text-decoration: none; } .paging-navigation { background-color: #e8e5ce; padding: 40px 0; } .paging-navigation .nav-links { margin: 0 auto; max-width: 604px; width: 100%; } .sidebar .paging-navigation .nav-links { max-width: 1040px; padding: 0 376px 0 60px; } .paging-navigation .nav-next { padding: 13px 0; } .paging-navigation a { font-size: 22px; font-style: italic; font-weight: 300; } .paging-navigation .meta-nav { background-color: #e63f2a; border-radius: 50%; color: #fff; display: inline-block; font-size: 26px; padding: 3px 0 8px; text-align: center; width: 50px; } .paging-navigation .nav-previous .meta-nav { margin-right: 10px; padding: 17px 0 23px; width: 80px; } .paging-navigation .nav-next .meta-nav { margin-left: 10px; } .paging-navigation a:hover .meta-nav { background-color: #ea9629; text-decoration: none; } .post-navigation { background-color: #fff; color: #ca3c08; font-size: 20px; font-style: italic; font-weight: 300; padding: 20px 0; } .post-navigation .nav-links { margin: 0 auto; max-width: 1040px; } .sidebar .post-navigation .nav-links { padding: 0 376px 0 60px; } .post-navigation a[rel="next"] { float: right; text-align: right; } /** * 5.8 Author Bio * ---------------------------------------------------------------------------- */ .author-info { margin: 0 auto; max-width: 604px; padding: 30px 0 10px; text-align: left; /* gallery & video post formats */ width: 100%; } .author.sidebar .author-info { max-width: 1040px; padding: 30px 376px 10px 60px; } .single .author-info { padding: 50px 0 0; } .author-avatar .avatar { float: left; margin: 0 30px 30px 0; } .single-format-status .author-description { color: #f7f5e7; } .author-description .author-title { clear: none; font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin: 0 0 8px; } .author-link { color: #ca3c08; margin-left: 2px; } .author.archive .author-link { display: none; } /** * 5.9 Archives * ---------------------------------------------------------------------------- */ .archive-header { background-color: #e8e5ce; } .archive-title, .archive-meta { font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif; margin: 0 auto; max-width: 1040px; padding: 30px 0; width: 100%; } .archive-meta { font-size: 16px; font-style: normal; font-weight: normal; margin-top: -15px; padding: 0 0 11px; } .sidebar .archive-meta { padding-right: 316px; } /** * 5.10 Search Results/No posts * ---------------------------------------------------------------------------- */ .page-header { background-color: #e8e5ce; } .page-title { font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif; margin: 0 auto; max-width: 1040px; padding: 30px 0; width: 100%; } .page-content { margin: 0 auto; max-width: 604px; padding: 40px 0; width: 100%; } .sidebar .page-content { margin: 0 auto; max-width: 1040px; padding: 40px 376px 40px 60px; } /** * 5.11 404 * ---------------------------------------------------------------------------- */ .error404 .page-header { background-color: #fff; } .error404 .page-title { line-height: 0.6; margin: 0; padding: 300px; position: relative; text-align: center; width: auto; } .error404 .page-title:before { color: #e8e5ce; content: "\f423"; font-size: 964px; line-height: 0.6; overflow: hidden; position: absolute; left: 7px; top: 28px; } .error404 .page-wrapper { background-color: #e8e5ce; } .error404 .page-header, .error404 .page-content { margin: 0 auto; max-width: 1040px; padding-bottom: 40px; width: 100%; } /** * 5.12 Comments * ---------------------------------------------------------------------------- */ .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; max-width: 604px; width: 100%; } .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } .comments-title { font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 20px; } .comment-list > li:after, .comment-list .children > li:before { background: url(images/dotted-line.png) repeat left top; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 24px 0; position: relative; } .comment-author { float: left; max-width: 74px; } .comment-author .avatar { display: block; margin-bottom: 10px; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #bc360a; font-size: 14px; font-style: normal; font-weight: normal; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; width: 79%; width: -webkit-calc(100% - 124px); width: calc(100% - 124px); word-wrap: break-word; } .comment-meta, .comment-meta a { color: #a2a2a2; font-size: 13px; } .comment-meta a:hover { color: #ea9629; } .comment-metadata { margin-bottom: 20px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: "\f414"; margin-right: 5px; position: relative; top: -2px; } .comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 3px; } /* Comment form */ .comment-respond { background-color: #f7f5e7; padding: 30px 0; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title { font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 16px; overflow: hidden; width: 16px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: "\f406"; vertical-align: top; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 8px; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; width: 120px; } .comment-form .required { color: #ed331c; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { max-width: 270px; width: 60%; } .comment-form textarea { width: 100%; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; text-align: center; } .sidebar .no-comments { padding-left: 60px; padding-right: 376px; } /** * 5.13 Multisite * ---------------------------------------------------------------------------- */ .site-main .mu_register { margin: 0 auto; max-width: 604px; width: 100%; } .mu_alert { margin-top: 25px; } .site-main .mu_register input[type="submit"], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 270px; } .site-main .mu_register input[type="submit"] { width: auto; } /** * 6.0 Sidebar * ---------------------------------------------------------------------------- */ .site-main .widget-area { float: right; width: 300px; } /** * 6.1 Widgets * ---------------------------------------------------------------------------- */ .widget { background-color: rgba(247, 245, 231, 0.7); font-size: 14px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 24px; padding: 20px; word-wrap: break-word; } .widget .widget-title { font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin: 0 0 10px; } .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0; } .widget li { padding: 5px 0; } .widget .children li:last-child { padding-bottom: 0; } .widget li > ul, .widget li > ol { margin-left: 20px; } .widget a { color: #bc360a; } .widget a:hover { color: #ea9629; } /* Search widget */ .search-form .search-submit { display: none; } /* RSS Widget */ .widget_rss .rss-date { display: block; } .widget_rss .rss-date, .widget_rss li > cite { color: #a2a2a2; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border: 0; border-collapse: separate; border-spacing: 1px; } .widget_calendar caption { font-size: 14px; margin: 0; } .widget_calendar th, .widget_calendar td { padding: 0; text-align: center; } .widget_calendar a { display: block; } .widget_calendar a:hover { background-color: rgba(0, 0, 0, 0.15); } .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.5); } .site-footer .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.05); } .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad { background-color: transparent; } /** * 7.0 Footer * ---------------------------------------------------------------------------- */ .site-footer a { color: inherit; } .site-info { margin: 0 auto; max-width: 1040px; padding: 30px 0; width: 100%; } #wpstats { display: block; margin: -10px auto 0; } /** * 8.0 Media Queries * ---------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media (max-width: 1599px) { .site { border: 0; } } @media (max-width: 1580px) { html section#Presentation .Width1200 + svg {display: none;} html #BgSecondPart svg {display: none;} } @media (max-width: 1440px) { /* SLIDER ORDI PORTABLE */ html section.Slider .ColonneBulleSlide {width: 100%;margin: 0;} html section.Slider .ColonneBulleSlide .RondCentral {margin-top: 0;} html section.Slider .Width1200 .ColonneHalf:nth-of-type(1) {padding-top: 0;} html section.Slider .swiper-container{margin-top: 140px;} html section.Slider .Width1200 .ColonneHalf {vertical-align: middle;} html section.Slider .swiper-slide {padding: 24px 0;} html section.Slider .ColonneBulleSlide .RosaceeSlide {bottom: -24px; width: 300px;} html section.Slider .Star1 {display: none;} html section.Slider .swiper-button-next {right: -4vw;} html section.Slider .swiper-button-prev {left: -4vw;} html section#SuivezNous #LesPhotosInsta .UnePhotoInsta, html section#SuivezNous #LesPhotosInsta .UnePhotoInsta:nth-of-type(2n + 1) { width: 20%;margin: 0;padding-bottom: 20%;} html section#SuivezNous #LesPhotosInsta { display: flex;flex-wrap: wrap;} html section#SuivezNous {padding-bottom: 0;} html #PanierHeader {right: -20px;} } @media (max-width: 1350px) { html section#ContactezNous .Width1200 + svg {display: none;} html section#ContactezNous .Width1200 {display: flex; flex-wrap: wrap; justify-content: center;} html section#ContactezNous .ColonneHalf:nth-of-type(2) {order: 1;width: 100%; padding: 0;} html section#ContactezNous .ColonneHalf:nth-of-type(1) {order: 2;width: 100%;padding: 0;} html section#ContactezNous .ColonneHalf:nth-of-type(1) #PhotoContact {display: none;} html section#ContactezNous .ColonneHalf:nth-of-type(1) iframe {position: relative;width: 100%;height: 400px;top: inherit;transform: inherit;margin-top: 40px;} html section#ContactezNous {padding-bottom: 0;} html section#LesRubriques.EtSivous .EncartColor {width: 100%;display: block;margin-right: 0;} html #LaPageProduit .ColonneD {width: 440px;padding-left: 0;margin-left: 80px;} html #LaPageProduit .ColonneG { width: calc(100% - 440px - 80px);} } @media (max-width: 1300px) { html section#Presentation #DoubleEncartPresentation .UnEncartPres { width: 100%;padding: 0 120px 0 80px;text-align: center;} html #LesEncartTarifsBloc .UnEncartRapideTarifs {margin: 8px auto;display: block;width: 100%;max-width: 780px;} html #LesEncartTarifsBloc {display: block;width: 100%;} html #LesEncartTarifsBloc .UnEncartRapideTarifs .EncartColor {width: 100%;} html #LesEncartTarifsBloc .EncartColor .FleurEncartColor {display: none;} html #LesEncartTarifsBloc .EncartColor .ContenuEncart {padding: 24px;} html #LesEncartTarifsBloc .UnEncartRapideTarifs h2 {margin: 0 auto 32px;} html .page-template-tarifs #ProduitCompletmentaires h2#TitreProdComp {margin-top: 40px;} html .page-template-tarifs #ProduitCompletmentaires {margin-bottom: 0;} } @media (max-width: 1270px) { /* SLIDER IPAD */ html section.Slider .Width1200 { display: flex; flex-wrap: wrap; justify-content: center;align-items: center;} html section.Slider .Width1200 .ColonneHalf:nth-of-type(1) {width: 580px;} html section.Slider .Width1200 .ColonneHalf:nth-of-type(2) {width: calc(100% - 580px);} } @media (max-width: 1160px) { /* SLIDER */ html section.Slider .swiper-container {margin-top: 180px;} html section.Slider .Width1200 .ColonneHalf h1, html section.Slider .Width1200 .ColonneHalf h2, html h1.Classique, html .TitreMain {font-size: 52px;line-height: 40px; margin: 0 0 24px;} html section.Slider .Width1200 .ColonneHalf h1 span, html section.Slider .Width1200 .ColonneHalf h2 span {font-size: 22Px;} html .ContenuPage h2 {font-size: 32px;} html section.Slider .ColonneBulleSlide .RosaceeSlide {width: 20vw;} /* CHAMGEMENT COLONNE CENTRALE ET DROITE */ html #ContenuPrincipal .ColonneCentrale, html #ContenuPrincipal .ColonneCentrale + .ColonneDroite {display: block;width: 100%;padding: 0;margin: auto;max-width: 780px;} html .EncartColor {width: 100%; display: block;} html .home #DoubleEncartPresentation .EncartColor { width: 360px;} html .home #DoubleEncartPresentation .EncartColor .ContenuEncart {padding: 80px 40px;} html .ColonneDroite .EncartColor .FleurEncartColor {display: none;} html .EncartColor .ContenuEncart, html #ContenuPrincipal .ColonneDroite .EncartColor:nth-of-type(2n + 2) .ContenuEncart { padding:24px 10%; text-align: center;} html #ContenuPrincipal .ColonneDroite .EncartColor li {list-style: none;} html #ContenuPrincipal .ColonneDroite .EncartColor ul {padding: 0;} html #ContenuPrincipal .ColonneDroite .EncartNeutre img {margin: auto; display: block;} html #ProduitCompletmentaires {text-align: center;} } @media (max-width: 1120px) { html section#Presentation #DoubleEncartPresentation {width: 100%;} html section#Presentation #DoubleEncartPresentation .UnEncartPres { margin: 0;width: 50%;padding: 40px;} html section#Presentation .EncartColor { display: none;} html section#Presentation {margin-bottom: 0;} html section#BandeauNewsletter {margin-top: 0;} html #LaPageProduit .ColonneD {display: block;width: 100%;max-width: 440px;margin: 64px auto 0;} html #LaPageProduit .ColonneG { display: inline-block;width: 100%;max-width: 480px; margin: auto;} html .single-product #ContenuPageInterne #TriProduct h1 {text-align: left;} html #LaPageProduit .ColonneD table.variations {display: flex;justify-content: center;} html #LaPageProduit .ColonneD table.variations td.label {text-align: center;} html .woocommerce div.product form.cart div.quantity {float: inherit;display: inline-block;margin: 4px;} html #LaPageProduit .ColonneD .single_add_to_cart_button[type="submit"] {float: inherit;display: block;vertical-align: top;} html #LaPageProduit .ColonneD p.price {text-align: center;} html #LaPageProduit #PaiementSecur-Logo {margin: 32px auto 0;} html #LaPageProduit #Texte-Complet {max-width: 440px;margin: 64px auto 0;} } @media (max-width: 1080px) { html footer {padding-top: 40px;} html section#DiapoPhoto .slick-slide, html #DiapoPhoto .slick-slide .UnePhotoDiapo {height: 400px;} html #DiapoPhoto .slick-slide .UnePhotoDiapo img {} html section#Slider-2025 #Encart-Slide {height: 0;padding-bottom: 66%;position: relative;} html section#Slider-2025 #Encart-Slide video {position: absolute;} } @media (max-width: 1069px) { .sidebar img.alignleft, .sidebar .wp-caption.alignleft { margin-left: 0; } .sidebar img.alignright, .sidebar .wp-caption.alignright { margin-right: 0; } .error404 .page-header { margin-left: auto; max-width: 604px; width: 100%; } .archive-header, .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area { padding-left: 20px; padding-right: 20px; } .error404 .page-title { font-size: 24px; padding: 180px; } .error404 .page-title:before { font-size: 554px; } .attachment .image-navigation { max-width: 724px; } .image-navigation .nav-previous, .image-navigation .nav-next { position: static; } .site-main .widget-area { margin-right: 60px; } } @media (max-width: 1040px) { /* SLIDER IPHONE */ html section.Slider .Width1200 {} html section.Slider .Width1200 .ColonneHalf:nth-of-type(1) {order: 2;text-align: center;padding-top: 24px;width: 100%;max-width: 480px;padding: 8px 0 0;} html section.Slider .Width1200 .ColonneHalf:nth-of-type(2) {order: 1;width: 100%;} html section.Slider .ColonneBulleSlide {max-width: 380px; margin: auto;} html section.Slider .ColonneBulleSlide .RosaceeSlide {width: 45%;bottom: calc(60px - 6vw);} html section.Slider .swiper-container {margin-top: 120px;} html section.Slider .swiper-button-next {right: 0;top: calc(50% + 60px);} html section.Slider .swiper-button-prev {left: 0;top: calc(50% + 60px);} html section#LesRubriques {margin: 0;} html section#LesRubriques .Width1200 + svg {display: none;} html section#BonCadeau .ColonneHalf:nth-of-type(2) {display: none;} html section#BonCadeau .ColonneHalf:nth-of-type(1) {width: 100%;} html section#BonCadeau {margin-top: 0; padding: 0;} html .page-template-bon-cadeau section.Slider + #SecondePartie > .ContenuPage #ContenuPrincipal, html .page-template-infos-pratique #ContenuPrincipal {margin-top: 0;} html #BlocTri {display: block;width: 100%;text-align: center;padding: 24px; margin-bottom: 40px;} html #BlocTri + #ListingProducts { margin: 0;padding: 0;width: 100%;} html .page-template-infos-pratique section#BandeauNewsletter {margin-bottom: 0;} } @media (max-width: 999px) { .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info { max-width: 604px; padding-left: 0; padding-right: 0; } .sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title { max-width: 604px; } .sidebar .archive-meta, .attachment .entry-header, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .site-info, .sidebar .comments-title, .sidebar .no-comments { padding-left: 0; padding-right: 0; } .attachment .entry-meta { float: left; text-align: left; width: 100%; } .attachment .entry-content { max-width: 100%; padding: 40px 0; } .format-status .entry-content { padding-top: 40px; } .format-status .entry-meta { padding-bottom: 40px; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 35px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 10px; } .sidebar .format-status .entry-content p:first-child:before { left: 4px; } .sidebar .paging-navigation .nav-links { padding: 0 60px; } .site-main .sidebar-container { height: auto; margin: 0 auto; max-width: 604px; position: relative; top: 20px; } .site-main .widget-area { float: none; margin: 0; width: 100%; } .sidebar .site-footer .widget-area { max-width: 100%; left: 0; } } @media (max-width: 980px) { html section#SuivezNous #LesPhotosInsta .UnePhotoInsta, html section#SuivezNous #LesPhotosInsta .UnePhotoInsta:nth-of-type(2n + 1) {width: 33.33%;padding-bottom: 33.33%;} html section#SuivezNous #LesPhotosInsta .UnePhotoInsta:nth-of-type(4), html section#SuivezNous #LesPhotosInsta .UnePhotoInsta:nth-of-type(5) {display: none;} html footer .Width1200 {display: flex;flex-wrap: wrap;} html footer .RubFooter:nth-of-type(1) {order: 2; margin-bottom: 0;} html footer .RubFooter:nth-of-type(2) {order: 1; margin-bottom: 0;} html footer .RubFooter:nth-of-type(3) {order: 3; margin: 0;} html footer .RubFooter {width: 100%;margin: 0 0 40px;} html footer .RubFooter:nth-of-type(1) .ColonneHalf { display: block; width: 100%;} html section#SuivezNous #BandeBleu {display: none;} } @media (max-width: 900px) { html section#LesRubriques .UneRubrique {margin: 16PX;} html section#LesRubriques .UneRubrique .ContentRubrique p { display: none;} html section#LesRubriques .EncartColor {margin-bottom: 40px;} html .home section#LesRubriques {padding: 24px 0;} html .home section#LesRubriques .UneRubrique {width: 33.33%;margin: 0;padding: 0 24px;} html section#FormulaireContact .Col1Form, html section#FormulaireContact .Col2Form { display: block;padding: 0;width: 100%;margin: auto;max-width: 480px;} html .cf7sr-g-recaptcha {text-align: center;} html .cf7sr-g-recaptcha div {display: inline-block;} html #LesphotosGalerie img {display: inline-block;margin: 1%;width: calc(50% - 3%);} } @media (max-width: 830px) { html .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(2) svg {right: 0;top: 29px;} html .woocommerce ul.order_details {} html .woocommerce ul.order_details li { float: inherit;margin-right: 0;text-transform: uppercase;font-size: .715em;line-height: 1;border-bottom: 1px dashed #d3ced2;margin: 0;padding: 8px 0;list-style-type: none;} html section#BandeauNewsletter {padding: 24px;} html section#BandeauNewsletter .ColonneHalf { padding: 0;display: block;width: 100%;margin: 0;} html section#BandeauNewsletter .ColonneHalf:nth-of-type(1) {margin-bottom: 24px;} } @media (max-width: 780px) { html section#Presentation #DoubleEncartPresentation .UnEncartPres {display: block;width: 100%;max-width: 480px;padding: 0;margin: 40px auto 56px;} } /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width: 767px) { .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .attachment .image-navigation, .attachment .entry-attachment .attachment { max-width: 604px; padding: 0; width: 100%; } .gallery-caption { display: none; } html .woocommerce table.shop_table_responsive tr td::before, html .woocommerce-page table.shop_table_responsive tr td::before {float: inherit;} html .woocommerce td dl.variation dt {} html .woocommerce td dl.variation {margin: 0;} html .woocommerce table.shop_table_responsive tr td, html .woocommerce-page table.shop_table_responsive tr td {text-align: left !important;} } @media (max-width: 750px) { html .woocommerce-message::before {display: none;} html .woocommerce-message {text-align: center; padding: 24px;} html .woocommerce-page .woocommerce-message .button {float: inherit;display: table;margin: auto;} html #LetGoNewsletter { padding: 40px 40px 24Px;} } @media (max-width: 720px) { html section#DiapoPhoto .slick-slide, html #DiapoPhoto .slick-slide .UnePhotoDiapo {height: 300px;} html section#DiapoPhoto {margin: 16px auto 40px;} html section#PictoPunchline #PunchPhrase p {font-size: 32px;line-height: 40px; max-width: 380px;} html #PanierHeader {right: -5px;top: -16px;} html .home section#LesRubriques .UneRubrique .ContentRubrique h3 {font-size: 18px;} html .home section#LesRubriques .UneRubrique .BulleRubrique .FleurRubrique {display: none;} html .home section#LesRubriques .UneRubrique {padding: 0 8px;} html .home section#LesRubriques { padding: 0 0 24Px;} } @media (max-width: 643px) { .site-title { font-size: 30px; } #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px; } #content .format-status .entry-content, #content .format-status .entry-met { padding-left: 35px; } #content .featured-gallery { padding-left: 24px; } .gallery-columns-1 .gallery-item { margin-right: 0; width: 100%; } .entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title { font-size: 22px; font-weight: bold; } .format-quote blockquote, .format-status .entry-content { font-size: 18px; } .format-quote blockquote small, .format-quote blockquote cite { font-size: 13px; } .error404 .page-title { padding: 40px 0 0; } .error404 .page-title:before { content: normal; } .comment-author { margin-right: 30px; } .comment-author .avatar { height: auto; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 70%; width: -webkit-calc(100% - 104px); width: calc(100% - 104px); } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } .comment-form textarea { height: 80px; /* Smaller field for mobile. */ } /* Audio */ .format-audio .entry-content:before { display: none; } .format-audio .audio-content { background-image: none; float: none; padding-left: 0; width: auto; } } @media (max-width: 680px) { html .UnProduit {width: calc(50% - 8px);margin: 12px 4px;} html .UnProduit h3 {font-size: 17px;} } @media (max-width: 640px) { /* OUTIL RESA 2023 */ html .page-template-Reservation #BackTop {display: none;} html #reservation-app #reservation-steps {padding: 40px 16px; margin: 40px auto;} html #admin-search input[type='text'] {width: 100%;display: block;margin: 0 auto 4px;} html #admin-search button {display: block; width: 100%;} html #reservation-app #calendar-toolbar select, html #reservation-app #calendar-toolbar select#reservation-calendar-year {color: #005A6C;text-align: center;border-radius: 8px;display: block;width: 100%;} html #reservation-app #liste-creneaux .une-colonne { margin: 0 auto;} html #navigation-step {position: fixed;bottom: 0;background-color: #fff;width: 100%;left: 0;z-index: 9;} /* STICKY CONTROL*/ html #navigation-step button, html #navigation-step button.next-step.Allow {width: 50%;margin: 0;padding: 24px 8px;} html p.RecapResa { padding: 8px 32px; margin: 8px auto;} html #reservation-contact > * {width: 100% !important;} html #reservation-app section#FormulaireContact { margin-top: 8px;} } @media (max-width: 600px) { html #BackTop {bottom: 102px;} html section.Slider .Width1200 {width: 100%; padding: 0 24px;} html section.Slider .Width1200 .ColonneHalf:nth-of-type(1) {max-width: 100%;} html section.Slider .swiper-button-prev {top: 34vw; left: 16px;} html section.Slider .swiper-button-next {top: 34vw; right: 16px;} html section#BonCadeau .ColonneHalf:nth-of-type(1) svg {width: 240px;height: auto;} html #LesMenus .UnMenu {padding: 24px; margin: 24px auto 0;} html #BlocTri a {width: 100%; margin: 4px 0;} html .Listing-Produit-Coche {padding: 40px 0;} html #LetGoNewsletter {padding: 64px 16px 24Px;} } @media (max-width: 580px) { html #reservation-app #calendar-toolbar button.prev-month {order: 1;} html #reservation-app #calendar-toolbar button.next-month {order:2;} html #reservation-app #calendar-toolbar #calendar-toolbar-month {order:3;} html #reservation-app #calendar-toolbar #calendar-toolbar-year {order:4;} html #reservation-app #calendar-toolbar {flex-wrap: wrap; gap:8px; padding-top: 8px;} html #reservation-app #calendar-toolbar button {width: auto;} html #reservation-app #calendar-toolbar #calendar-toolbar-month, html #reservation-app #calendar-toolbar #calendar-toolbar-year {width: 100% !important;margin: 0 !important;} } @media (max-width: 520px) { footer p#Mentions span:nth-of-type(1), footer p#Mentions span:nth-of-type(3) {display: block;} footer p#Mentions span:nth-of-type(2) {display: none;} html section#DiapoPhoto .slick-slide, html #DiapoPhoto .slick-slide .UnePhotoDiapo {height: 200px;} html section#DiapoPhoto .slick-slide {margin: 0 4px;} html footer h4 {margin-bottom: 12px;} html #LesboutonsResaSlider span { width: 100%;margin: 4px auto;} html #vue-date-current img {width: 32px;} html section.Slider .swiper-button-prev:after, html section.Slider .swiper-button-next:after {font-size: 32px;} } @media (max-width: 480px) { html section#Slider-2025 #Encart-Slide {padding-bottom: 54%;} html section#Slider-2025 #Content-text-Slider {margin: 24px auto;font-size: 16px;line-height: 1.3;} html section#Slider-2025 h1 {font-size: 40px;line-height: normal;margin: 0;} html section#Slider-2025 h2 {font-size: 18px;line-height: 1.3;margin: 0 0 16px;} html section#Slider-2025 #Les-CTA-Slider {gap:8px;} html section#Slider-2025 #Les-CTA-Slider a {min-width: inherit; flex: inherit; font-size: 14px;} html .site-header { position: relative; margin: 24px 5%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} html .site-header .home-link svg {width: 70%;display: table;margin: 0 auto;} html .site-header .home-link {width: calc(100% - 80px);order: 2;position: relative;padding: 0 24px;} html section#LesRubriques .UneRubrique .ContentRubrique {margin-top: 16px;} html .home section#LesRubriques .UneRubrique .ContentRubrique h3 {font-size: 16px;} html .navbar {position: relative;width: 40px;order: 3;} html .navbar .menu-toggle svg {width: 100%; height: auto; display:block;} html #PanierHeader {width: 40px; order: 1;right: 0;top: 0; position: relative;} html section.Slider .swiper-container {margin-top: 0;} html section.Slider a.LinkStandard { display: block;margin: 24px auto;max-width: 280px;} html section.Slider .Width1200 .ColonneHalf:nth-of-type(2) { width: /* 85%; */ 70%;} html section.Slider .ColonneBulleSlide .RosaceeSlide {width: 36vw;bottom: 2vw;} html .nav-menu li a {font-size: 20px;padding: 8px 24px;} html section#PictoPunchline #PunchPhrase p {font-size: 27px;line-height: 34px;max-width: 80%;} html .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(1) {width: calc(100% - 120px);padding-right: 24px;} html .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(2) {width: 120px;} html .RecevoirParCourrier_parent label { font-size: 15px;} html .LesTarifs #ExplainDuo { width: 100%;height: auto;} html section#Infos-Complementaires #EncartTarifsDroite.EncartColor .ContenuEncart {padding: 40px 24px;} } /* Mobile devices */ @media (max-width: 359px) { .gallery { margin-left: 0; } .gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item { max-width: none; width: 49%; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item { text-align: center; width: 98%; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); } .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 4px; } .gallery br { display: none; } .gallery .gallery-item:nth-of-type(even) { margin-right: 0; } /* Comments */ .comment-author { margin: 0 0 5px; max-width: 100%; } .comment-author .avatar { display: inline; margin: 0 5px 0 0; max-width: 20px; } .comment-metadata, .comment-content, .comment-list .reply { width: 100%; } } /** * 9.0 Print * ---------------------------------------------------------------------------- */ /* Retina-specific styles. */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .site-header .search-field { background-image: url(images/search-icon-2x.png); } .format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before { background-image: url(images/dotted-line-2x.png); } } @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-header .home-link { max-width: none; min-height: 0; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } .comment-author .fn, .comment-reply-link, .comment-reply-login { color: #333; } } /* °°°°°°°°°° ADD °°°°°°°°° */ .Width1200 {width: 90%; max-width: 1200px; position: relative;margin: auto; z-index: 1;} .Cover {background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: transparent;} @-webkit-keyframes textAppear{0%{transform:translateY(10px);opacity:0}100%{transform:translateY(0px);opacity:1}} .ApearK {opacity: 0;transform: translateY(24px);} .ApearOK {animation: textAppear 0.5s ease-out forwards; animation-delay: 0.1s;} .Zoom {transform: scale(1); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .Zoom:hover { transform: scale(1.05); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .Animation { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .Flex {display: flex; flex-wrap: wrap; justify-content: center;} .Shadow {box-shadow: 0 0 19px 0 rgba(120,120,120,0.50);} .ColonneHalf {display: inline-block; vertical-align: top; position: relative; width: 50%;} a.LinkStandard {background-color: #005A6C;color: #fff;padding: 8px 56px;font-weight: 600;font-size: 14Px;text-transform: uppercase;} a.LinkStandard:hover {background-color: #00B6BD; text-decoration: none;} .TitreMain {font-size: 75px;margin: 0;line-height: 60px;} .SousTitreMain {font-size: 24Px;color: #00B6BD;display: block;text-transform: uppercase;font-family: 'Poppins', sans-serif;font-weight: normal;margin-top: 16px;line-height: 32px; margin-bottom: 32px;} .site-header .home-link svg {width: 214px; display: block; height: auto;} html footer .RubFooter:nth-of-type(2) > svg {width: 214px; display: block; height: auto;margin: auto;} body.Menu-Sticky-Actif footer {margin-bottom: 72px;} #Menu-Sticky-Bottom {background: #005A6C;position: fixed;bottom: 0;gap: 8px;align-items: end;width: 100%;z-index: 99;text-align: center;padding: 16px 8px;color: #fff;opacity: 0;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;} #Menu-Sticky-Bottom.Actif {opacity: 1;} #Menu-Sticky-Bottom.Flex > * {flex: inherit;width: calc(25% - 6px);} #Menu-Sticky-Bottom a {position: relative;} #Menu-Sticky-Bottom #sticky-cart-count {background: #B10059;display: flex;width: 24px;color: #fff;justify-content: center;align-items: center;border-radius: 80px;aspect-ratio: 1/1;line-height: normal;font-weight: bold;font-size: 14px;padding: 4px;position: absolute;top: 0;right: inherit;left: calc(50% + 16px);transform: translateX(-50%);} body.page-template-Reservation #Menu-Sticky-Bottom {display: none !important;} /* ACCUEIL */ section { position: relative; z-index: 0;} section.Slider {width: 100%;background-position: center top;height: auto;background-repeat: no-repeat;padding-bottom: 0;background-color: inherit;background-image: url(https://oreade-balneo-restaurant.fr/wp-content/themes/kote-theme/images/bg-footer.svg);overflow: hidden;} section.Slider .Star1 { position: absolute;top: 0;left: 0;} section.Slider .Star1 svg {display: block;} section.Slider .Width1200 {} section.Slider .Width1200 .ColonneHalf {vertical-align: top;} section.Slider .Width1200 .ColonneHalf:nth-of-type(1) {padding: 200px 80px 0;} section.Slider .Width1200 .ColonneHalf h1, section.Slider .Width1200 .ColonneHalf h2, h1.Classique {font-size: 75px;margin: 0 0 32px;line-height: 60px;} section.Slider .Width1200 .ColonneHalf h1 span, section.Slider .Width1200 .ColonneHalf h2 span {font-size: 24Px;color: #00B6BD;display: block;text-transform: uppercase;font-family: 'Poppins', sans-serif;font-weight: normal;margin-top: 16px;line-height: 32px;} section.Slider .ColonneBulleSlide {width: 920px;padding-bottom: 60px;margin-left: 5vw;position: relative;} section.Slider .ColonneBulleSlide .RondCentral {background-color: transparent;width: 100%;padding-bottom: 100%;border-radius: 50%;margin-top: -240px;position: relative;right: 0;overflow: hidden; z-index: 1;} section.Slider .ColonneBulleSlide .RosaceeSlide {position: absolute;bottom: calc(-3vw + 10vh);left: 0vw; z-index: 0;width: 453px;} section.Slider .ColonneBulleSlide .CercleSlide {position: absolute;bottom: -20px;left: inherit;right: -20px;width: calc(100% + 40px);height: calc(100% + 40px);z-index: 0;} section.Slider .ColonneBulleSlide .RosaceeSlide svg, section.Slider .ColonneBulleSlide .CercleSlide svg { display: block; width: 100%; height: auto;} .Rosace-Img {width: 100%; height: auto; display: block;} section.Slider .LesBoutonsSlider {} section.Slider .LesBoutonsSlider.Appear {animation: Appear 1.2s ease-out forwards; animation-delay: 0s; opacity: 1;} @-webkit-keyframes Appear{0%{transform:translateY(24px);opacity:0}100%{transform:translateY(0px);opacity:1}} section.Slider a.LinkBonCadeau {display: inline-block; vertical-align: middle;} section.Slider a.LinkBonCadeau svg {display: block;} section.Slider a.LinkStandard {display: inline-block; vertical-align: middle; margin-right: 32px;} section.Slider video {position: absolute;width: 100%;height: 100%;object-fit: cover;left: 50%;transform: translate(-50%, -50%);top: 50%;} section.Slider .swiper-container {width: 100%;height: 100%;} section.Slider .swiper-slide { width: 100% !important; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } section.Slider .swiper-button-prev:after, section.Slider .swiper-button-next:after {color: #005A6C;font-weight: bold;} section.Slider .swiper-button-prev { left: -40px;} section.Slider .swiper-button-next { right: -40px;} section#LesRubriques {margin: 0;} section#LesRubriques .Width1200 {display: flex;flex-wrap: wrap;justify-content: center;} section#LesRubriques .UneRubrique { width: 300px;margin: 48px;text-align: center; position: relative;} section#LesRubriques .UneRubrique a {color: inherit;} section#LesRubriques .UneRubrique a:hover {text-decoration: none;} section#LesRubriques .UneRubrique .BulleRubrique { position: relative;} section#LesRubriques .UneRubrique .BulleRubrique .CoverRubrique { width: 87%;padding-bottom: 87%;position: relative;height: 0;border-radius: 100%; display: block;margin: auto; z-index: 1;} section#LesRubriques .UneRubrique .BulleRubrique .CoverRubrique .BoutonPlusRub {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.7);opacity: 0;} section#LesRubriques .UneRubrique:hover .BulleRubrique .CoverRubrique .BoutonPlusRub { transform: translate(-50%, -50%) scale(1);opacity: 1;} section#LesRubriques .UneRubrique .BulleRubrique .CercleRubrique {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);} section#LesRubriques .UneRubrique .BulleRubrique .CercleRubrique svg { display: block;width: 100%;} section#LesRubriques .UneRubrique .BulleRubrique .FleurRubrique { position: absolute;top: 0;left: 0;} section#LesRubriques .UneRubrique .BulleRubrique .FleurRubrique svg {display: block;width: 100%;} section#LesRubriques .UneRubrique .ContentRubrique { margin-top: 32px;} section#LesRubriques .UneRubrique .ContentRubrique h3 {margin: 0 0 16px;text-transform: uppercase;} section#LesRubriques .UneRubrique .ContentRubrique p { text-align: justify;font-size: 16px;line-height: 28px;} section#LesRubriques .Width1200 + svg {position: absolute;top: 50%;right: 0;transform: translateY(-50%);} section#LesRubriques .UneRubrique:nth-of-type(1) .BulleRubrique .FleurRubrique { top: inherit;bottom: -28px;left: inherit;right: 0;} section#LesRubriques .UneRubrique:nth-of-type(2) .BulleRubrique .FleurRubrique {left: inherit;right: 0;top: -24px;} section#LesRubriques .UneRubrique:nth-of-type(3) .BulleRubrique .FleurRubrique { top: inherit;bottom: 0px;left: -28px;} section#LesRubriques .EncartColor p a {color: inherit;} section#Presentation {margin: 0px 0 64px;padding-top: 0;} section#Presentation .Width1200 {} section#Presentation .Width1200 + svg {position: absolute;top: 50%;left: 0;transform: translateY(-50%);} section#Presentation .PhotoPano {background-image: url(https://oreade-balneo-restaurant.fr/wp-content/uploads/2021/03/bains.jpg);width: 100%;padding-bottom: 56%;background-position: center top;} section#Presentation #DoubleEncartPresentation { position: relative; width: calc(100% - 360px - 24px);} section#Presentation #DoubleEncartPresentation .UnEncartPres { width: 300px;display: inline-block;vertical-align: top;margin: 40px 40px 24Px;} section#Presentation #DoubleEncartPresentation .UnEncartPres h3 {margin: 0 0 16px;color: #00B6BD;font-weight: 600; text-transform: uppercase;} section#Presentation #DoubleEncartPresentation .UnEncartPres p { text-align: justify;font-size: 16px;line-height: 28px; margin: 0;} section#Presentation .EncartColor {position: absolute;top: inherit;right: -360px;bottom: 0;} .EncartColor .ContenuEncart a.BoutonEncartColor + a {border: 2px solid #fff;color: #fff;text-transform: uppercase;font-weight: 600; padding: 8px 40px;border-radius: 80px;margin: 16px auto 0;max-width: 250px;display: table;width: 100%; font-size: 15px;} .EncartColor {position: relative;width: 360px;} .EncartColor .FleurEncartColor { position: absolute;top: -92px;right: 0;} .EncartColor .FleurEncartColor svg {display: block;} .EncartColor .ContenuEncart {width: 100%;background-color: #005A6C;color: #fff;padding: 80px 40px;text-align: center;position: relative;} .EncartColor .ContenuEncart h2 {position: relative;color: #fff;font-size: 48px;line-height: 46px; margin: 0 0 32px;} .EncartColor .ContenuEncart h2:after {content: '';display: block;width: 40px;height: 1px;background-color: #ffffff;margin: 32px auto;} .EncartColor .ContenuEncart p { font-size: 26px;line-height: 28px;margin: 0 0 32Px;} .EncartColor .ContenuEncart a.BoutonEncartColor {font-size: 15px; background-color: #00B6BD;color: #fff;text-transform: uppercase;font-weight: 600;padding: 8px 40px;border-radius: 80px;margin: 0 auto;max-width: 250px;display: table;width: 100%;} .ColonneDroite .EncartColor + .EncartColor .FleurEncartColor svg {display: none;} section#BandeauNewsletter {background-color: #005A6C;color: #fff;overflow: visible;padding: 40px 0;margin: 64px 0;z-index: 10;} section#BandeauNewsletter .Width1200 {} section#BandeauNewsletter .Width1200 + svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 75%;width: auto;display: block;} section#BandeauNewsletter .ColonneHalf {padding: 0 80px; text-align: center;} section#BandeauNewsletter h2 {color: #fff;margin: 0 0 -4px;} section#BandeauNewsletter h2 + p { text-transform: uppercase;letter-spacing: 1Px;font-weight: 600;margin: 0 0 8px;} section#BandeauNewsletter .ColonneHalf:nth-of-type(2) a svg { margin: 4px;} section#BandeauNewsletter .ColonneHalf:nth-of-type(2) a {display: inline-block;} section#BandeauNewsletter #ButtonNewsletter {background-color: rgb(177, 0, 89);line-height: 1;border-radius: 8px;padding: 12px 40px;text-transform: uppercase;font-weight: bold;display: table;margin: 16px auto 0;} /* POP UP NEWSLLETER */ #LetGoNewsletter {border-radius: 24Px;display: none;position: absolute;z-index: 999;background-color: #00B6BD;top: 80px;left: 50%;transform: translateX(-50%);padding: 40px 104px 24px;box-shadow: 6px 6px 0px 0px #005A6C;width: 90%;max-width: 640px;text-align: center;font-size: 22px;line-height: 30px;color: #fff;} #LetGoNewsletter span {font-size: 56px;font-weight: 500;position: absolute;top: 12px;right: 24px;cursor: pointer;} #LetGoNewsletter p {margin-bottom: 0;max-width: 330px;margin-left: auto;margin-right: auto;} #LetGoNewsletter p.Little {font-size: 16px;} #LetGoNewsletter p#MentionNewsletter {font-size: 14px;line-height: 20Px;max-width: 240px;margin-left: auto;margin-right: auto;} #LetGoNewsletter p#MentionNewsletter a {color: var(--bleu-fonce);} #LetGoNewsletter input[type="email"] { width: 100%;margin: 12px auto;} #LetGoNewsletter .sib-multi-lists {font-size: 24px;font-weight: 500;} .pas-form {background-color: transparent !important;} .pas-form .pas-optin-text {color: #fff !important;} #page.Blur {filter: blur(4px);} section#BonCadeau {padding: 64px 0;margin: 120px 0 0;} section#BonCadeau .ColonneHalf {} section#BonCadeau #PhotoBonCadeau { width: 87%;padding-bottom: 87%;border-radius: 100%;position: relative;z-index: 1; display: block;margin: auto;} section#BonCadeau .ColonneHalf:nth-of-type(2) svg:nth-of-type(1) {position: absolute;top: -140px;right: 32px;left: inherit;width: auto;transform: inherit;z-index: 0;} section#BonCadeau .ColonneHalf:nth-of-type(2) svg:nth-of-type(2) {position: absolute;top: 50%;left: 50%;width: 93%;transform: translate(-50%, -50%); z-index: 0;} section#BonCadeau .ColonneHalf:nth-of-type(1) {text-align: center;} section#BonCadeau .ColonneHalf:nth-of-type(1) svg {} section#BonCadeau .ColonneHalf:nth-of-type(1) h3 { color: #B10059;font-weight: 600;margin: 0 0 8px;} section#BonCadeau .ColonneHalf:nth-of-type(1) p {max-width: 280px;margin: 0 auto 32px;} section#BonCadeau .ColonneHalf:nth-of-type(1) a.LinkGreen {background-color: #A5CF4D;display: table;color: #fff; text-transform: uppercase;font-weight: 600;padding: 8px 40px;margin: auto;} section#ContactezNous {padding: 64px 0;} section#ContactezNous .ColonneHalf {vertical-align: middle;} section#ContactezNous .ColonneHalf:nth-of-type(1) {padding-right: 80px;} section#ContactezNous .ColonneHalf:nth-of-type(1) #PhotoContact {width: 100%;position: relative;padding-bottom: 100%;z-index: 1;} section#ContactezNous .ColonneHalf:nth-of-type(1) iframe {position: absolute;top: 50%;transform: translateY(-50%);width: 50%;height: 65%;right: 0;filter: grayscale(1);z-index: 2;} section#ContactezNous .ColonneHalf:nth-of-type(1) svg {position: absolute;z-index: 0;bottom: -50px;right: -23%;} section#ContactezNous .ColonneHalf:nth-of-type(2) { padding: 0 80px; text-align: center;} section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix {} section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix a {background: #00B6BD;color: #fff;text-transform: uppercase;padding: 8px 24px;display: inline-block;margin: 4px;} section#ContactezNous .Width1200 + svg {position: absolute;top: 50%;right: 0;transform: translateY(-50%);} section#SuivezNous { text-align: center;padding: 64px 0;} section#SuivezNous #BandeBleu {width: 100%;background-color: #005A6C;height: 80px;position: absolute;top: calc(50% + 70px);transform: translateY(-50%);} section#SuivezNous #LesPhotosInsta {position: relative;width: 100%;max-width: 1600px;margin: auto; z-index: 1;} section#SuivezNous #LesPhotosInsta .UnePhotoInsta {width: calc(25% - 185px);margin: 0 24px;height: 50px;display: inline-block;vertical-align: middle;padding-bottom: 16%;} section#SuivezNous #LesPhotosInsta .UnePhotoInsta:nth-of-type(2n + 1) {padding-bottom: 8%;} /* PAGE INTERNE */ .ContenuPage {margin: 0 auto;max-width: inherit;} .ContenuPage h2 {font-family: 'Poppins', sans-serif;font-weight: normal;text-transform: uppercase;font-size: 40px;margin: 0;max-width: 480px;} .ContenuPage h3 {color: #00B6BD;font-weight: 600;} .ContenuPage h4 { font-size: 22px;line-height: 1.5;} .ContenuPage h2, .ContenuPage h3 { clear: inherit;} .ContenuPage p + h2, .ContenuPage ul + h2{margin-top: 80px;} .ContenuPage ul + h3, .ContenuPage p + h3{ margin-top: 64px;} .ContenuPage a {color: #005A6C;} .ColonneCentrale .ContenuPage p a {font-weight: 600;} .ContenuPage li, .single-product li { color: inherit; position: relative;list-style: none;line-height: 32px;} #navbar li:before {display: none;} .ContenuPage li:before, .single-product li:before{content:'';width: 8px;height: 8px;display: inline-block;background: #005A6C;vertical-align: middle;margin-right: 16px;border-radius: 4px;} .ContenuPage ul, .single-product ul{ padding: 0;margin: 0 0 24px;} .ContenuPage ul + p, .single-product ul + p{ margin-top: 24px;} #ContenuPrincipal {margin-top: 64px;} section.Slider + #SecondePartie > .ContenuPage #ContenuPrincipal {margin-top: 64px;} #ContenuPrincipal .ColonneCentrale {width: 100%} .LesTarifs {display: none; margin-top: 64px;} .LesTarifs #ExplainDuo { margin: 40px 0 -32px;} .LesTarifs .UnBlocTarif {margin: 64px 0;} .LesTarifs .UnBlocTarif > h3 {margin: 0 0 8px;} .LesTarifs .UnBlocTarif > h3 + p {color: #005A6C;line-height: 28px;max-width: 580px;} .LesTarifs .UneLigneTarifs:first-child {margin-top: 32px;} .LesTarifs .UneLigneTarifs { color: #5E5E5E; margin: 16px 0; max-width: 680px;} .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(1){width: calc(100% - 120px); padding-right: 80px;} .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(1) p {font-size: 20px;line-height: 24px;margin: 0;} .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(1) p span{display: block;font-size: 17px;margin-top: 4px;font-weight: 300;line-height: 22px;} .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(2){ width: 120px; text-align: right;font-size: 20px;} .LesTarifs .UneLigneTarifs .ColonneHalf:nth-of-type(2) svg {position: absolute; top: 0;right: -64px;} .LesTarifs .UneLigneTarifs .ColonneHalf a {color: inherit;} section#LesRubriques.EtSivous .EncartColor { margin-top: 40px; margin-right: 48px;} #ContenuPrincipal .ColonneDroite .EncartColor:nth-of-type(2n + 1) .ContenuEncart a {color: #fff; font-weight: bold;} #ContenuPrincipal .ColonneDroite .EncartColor:nth-of-type(2n + 2) {} #ContenuPrincipal .ColonneDroite .EncartColor:nth-of-type(2n + 2) .FleurEncartColor { display: none;} #ContenuPrincipal .ColonneDroite .EncartColor:nth-of-type(2n + 2) .ContenuEncart {background-color: inherit;color: #A7A7A7;padding: 64px 40px;border: 1px solid #005A6C;margin: 24px 0;} #ContenuPrincipal .ColonneDroite .EncartColor:nth-of-type(2n + 2) .ContenuEncart h3 { color: #00B6BD;} #ContenuPrincipal .ColonneDroite .EncartNeutre {} #ContenuPrincipal .ColonneDroite .EncartNeutre .ContenuEncart {text-align: left;} #ContenuPrincipal .ColonneDroite .EncartNeutre h3 {margin: 0 0 24Px;color: #ffffff;font-weight: 600;} #ContenuPrincipal .ColonneDroite .EncartNeutre p {font-size: 18px;} #ContenuPrincipal .ColonneDroite .EncartNeutre p:last-child {margin-bottom: 0;} #ContenuPrincipal .ColonneDroite .EncartNeutre img {max-width: 100%;} #ContenuPrincipal .ColonneDroite #EncartTarifsDroite a { border: 0;} /* LES MENUS */ #LesMenus {margin-top:0px; text-align: center;} #LesMenus .UnMenu {width: 90%;max-width: 300px;margin: 24px;text-align: center;padding: 24px 32px;border: 2px solid #7D427B;border-radius: 8px;display: inline-block;vertical-align: top;} #LesMenus .UnMenu h3 {color: #7D427B;font-weight: normal;} #LesMenus .UnMenu h4 {color: #A5CF4D;} #LesMenus .UnMenu ul {padding: 0;} #LesMenus .UnMenu ul li {list-style: none; margin: 0 0 24px;} #LesMenus .UnMenu ul li:before {display: none;} #LesDistinctionsLogos { text-align: center; margin: 0px;} #LesDistinctionsLogos h3, h3#TitreMenu {color: #ffffff;font-weight: lighter;text-transform: uppercase;letter-spacing: 1Px;margin-bottom: 0;background-color: #7D427B;display: table;margin: 40px auto 0;padding: 8px 40px;font-size: 20px; border-radius: 80px;} #LesDistinctionsLogos img {display: inline-block;vertical-align: middle;margin: 40px 0;max-height: inherit;max-width: 690px;width: 90%;} #LesDistinctionsLogos a:hover {text-decoration: none;} /* CAROUSEL */ section#DiapoPhoto { margin: 64px 0; background-color: #fff; position: relative; z-index: 1;} section#DiapoPhoto .slick-slide {width: auto;height: 594px;padding-bottom:inherit;background-size: cover;position: relative;margin: 0 16px; outline: none; opacity:0.2; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } section#DiapoPhoto .slick-slide.slick-current, section#DiapoPhoto .slick-slide:hover { opacity:1; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} #DiapoPhoto .slick-slide .UnePhotoDiapo { width:auto; height:594px; padding-bottom: 0; background-size: cover;background-position: center center; position:relative;} #DiapoPhoto .slick-slide .UnePhotoDiapo img { height: 100%;} #SecondePartie {position: relative;} #BgSecondPart {position: absolute;top: 50%;right: 0;transform: translateY(-50%);} #BgSecondPart svg {display: block;} section#PictoPunchline {} section#PictoPunchline #PunchPhrase p {color: #005A6C;margin: 0 auto;max-width: 480px;text-align: center;font-size: 40px;line-height: 48px;} section#PictoPunchline #PunchPhrase + #LesPictosPunchline {margin-top: 24px;} #LesPictosPunchline {max-width: 1200px;margin: 0 auto 64px;display: flex; flex-wrap: wrap;justify-content: center;} #LesPictosPunchline .UnPictoPunchline {width: 300px;margin: 24px;text-align: center;font-size: 15px;line-height: 24px;} #LesPictosPunchline .UnPictoPunchline svg {display: block; margin: auto; height: 56px; width: auto;} #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg g, #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg path {fill:#005A6C;} #LesPictosPunchline .UnPictoPunchline h4 { margin: 16px auto;font-weight: bold;} #LesPictosPunchline .UnPictoPunchline p {margin: 0;} /* HACK COLOR */ .ColorBalneo {} .ColorBalneo .menu-menu-1-container {background-color: rgba(15,186,192, 0.9);} .ColorBalneo section.Slider .Width1200 .ColonneHalf h1, .ColorBalneo section.Slider .Width1200 .ColonneHalf h2, .ColorBalneo section.Slider .swiper-button-prev:after, .ColorBalneo section.Slider .swiper-button-next:after{color: #00B6BD;} .ColorBalneo section.Slider .Width1200 .ColonneHalf h1 span, .ColorBalneo section.Slider .Width1200 .ColonneHalf h2 span, .ColorBalneo .menu-menu-1-container .closebtn:hover, .ColorBalneo .toggled-on .nav-menu li a:hover, .ColorBalneo .toggled-on .nav-menu ul a:hover {color: #005A6C;} .ColorBalneo section.Slider a.LinkStandard, .ColorBalneo .EncartColor .ContenuEncart {background-color: #00B6BD;} .ColorBalneo section.Slider a.LinkStandard:hover {background-color: #005A6C; } .ColorBalneo .EncartColor .FleurEncartColor svg path {stroke:#005A6C;} .ColorBalneo .EncartColor .ContenuEncart a.BoutonEncartColor {background-color: #005A6C;} .ColorBalneo .menu-toggle svg path#FondBulle, .ColorBalneo #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg g, .ColorBalneo #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg path, .ColorBalneo .site-header .home-link svg g, .ColorBalneo .site-header .home-link svg path {fill:#00B6BD;} .ColorRestaurant {} .ColorRestaurant .menu-menu-1-container {background-color: rgba(125,66,123, 0.9);} .ColorRestaurant section.Slider .Width1200 .ColonneHalf h1, .ColorRestaurant section.Slider .Width1200 .ColonneHalf h2, .ColorRestaurant section#PictoPunchline #PunchPhrase p, .ColorRestaurant #LesPictosPunchline .UnPictoPunchline h4, .ColorRestaurant .ContenuPage h2, .ColorRestaurant .LesTarifs .UnBlocTarif > h3 + p, .ColorRestaurant .ContenuPage h4, .ColorRestaurant #ContenuPrincipal .EncartColor:nth-of-type(2n + 2) a, .ColorRestaurant section.Slider .swiper-button-prev:after, .ColorRestaurant section.Slider .swiper-button-next:after, .ColorRestaurant .ColonneCentrale .ContenuPage p a, .ColorRestaurant #ContactezNous .TitreMain {color: #7D427B;} .ColorRestaurant section.Slider .Width1200 .ColonneHalf h1 span, .ColorRestaurant section.Slider .Width1200 .ColonneHalf h2 span, .ColorRestaurant .menu-menu-1-container .closebtn:hover, .ColorRestaurant .toggled-on .nav-menu li a:hover, .ColorRestaurant .toggled-on .nav-menu ul a:hover, .ColorRestaurant #ContenuPrincipal .EncartColor:nth-of-type(2n + 2) .ContenuEncart h3, .ColorRestaurant .ContenuPage h3, .ColorRestaurant #ContactezNous .SousTitreMain{color: #A5CF4D;} .ColorRestaurant section.Slider a.LinkStandard, .ColorRestaurant .EncartColor .ContenuEncart, .ColorRestaurant #SecondePartie + section#LesRubriques .EncartColor .ContenuEncart a.BoutonEncartColor, .ColorRestaurant section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix a:nth-of-type(1) {background-color: #7D427B;} .ColorRestaurant .EncartColor .FleurEncartColor svg path {stroke:#A5CF4D;} .ColorRestaurant .EncartColor .ContenuEncart a.BoutonEncartColor, .ColorRestaurant #SecondePartie + section#LesRubriques .EncartColor .ContenuEncart, .ColorRestaurant section.Slider a.LinkStandard:hover, .ColorRestaurant section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix a:nth-of-type(2) {background-color: #A5CF4D;} .ColorRestaurant .menu-toggle svg path#FondBulle, .ColorRestaurant section.Slider .Star1 svg g, .ColorRestaurant #BgSecondPart svg path, .ColorRestaurant .site-header .home-link svg g, .ColorRestaurant .site-header .home-link svg path, .ColorRestaurant #BackTop rect {fill:#7D427B;} .ColorRestaurant #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg g, .ColorRestaurant #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg path {fill:#A5CF4D;} .ColorRestaurant #SecondePartie + section#LesRubriques .EncartColor .FleurEncartColor svg path {stroke:#7D427B;} .ColorRestaurant #SecondePartie + section#LesRubriques .EncartColor .ContenuEncart a.BoutonEncartColor + a {background-color: #B10059;border: 0;} .ColorRestaurant section#ContactezNous .ColonneHalf:nth-of-type(1) svg path {stroke:#7D427B;} .ColorSoin {} .ColorSoin .menu-menu-1-container {background-color: rgba(145,115,119, 0.9);} .ColorSoin section.Slider .Width1200 .ColonneHalf h1, .ColorSoin section.Slider .Width1200 .ColonneHalf h2, .ColorSoin .ContenuPage h2, .ColorSoin .LesTarifs .UnBlocTarif > h3 + p, .ColorSoin #ContactezNous .TitreMain {color: #917377;} .ColorSoin section.Slider .Width1200 .ColonneHalf h1 span, .ColorSoin section.Slider .Width1200 .ColonneHalf h2 span, .ColorSoin .menu-menu-1-container .closebtn:hover, .ColorSoin .toggled-on .nav-menu li a:hover, .ColorSoin .toggled-on .nav-menu ul a:hover, .ColorSoin #ContenuPrincipal .EncartColor:nth-of-type(2n + 2) .ContenuEncart h3, .ColorSoin .ContenuPage h3, .ColorSoin section#PictoPunchline #PunchPhrase p, .ColorSoin #LesPictosPunchline .UnPictoPunchline h4, .ColorSoin .ColonneCentrale .ContenuPage p a, .ColorSoin section.Slider .swiper-button-prev:after, .ColorSoin section.Slider .swiper-button-next:after, .ColorSoin #ContactezNous .SousTitreMain {color: #B10059;} .ColorSoin section.Slider a.LinkStandard, .ColorSoin .EncartColor .ContenuEncart, .ColorSoin #SecondePartie + section#LesRubriques .EncartColor .ContenuEncart a.BoutonEncartColor, .ColorSoin section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix a:nth-of-type(2){background-color: #917377;} .ColorSoin .EncartColor .FleurEncartColor svg path {stroke:#B10059;} .ColorSoin .EncartColor .ContenuEncart a.BoutonEncartColor, .ColorSoin #SecondePartie + section#LesRubriques .EncartColor .ContenuEncart, .ColorSoin section.Slider a.LinkStandard:hover, .ColorSoin section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix a:nth-of-type(1) {background-color: #B10059;} .ColorSoin .menu-toggle svg path#FondBulle, .ColorSoin section.Slider .Star1 svg g, .ColorSoin #BgSecondPart svg path {fill:#917377;} .ColorSoin #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg g, .ColorSoin #LesPictosPunchline .UnPictoPunchline .PictoSVGPunchline svg path {fill:#917377;} .ColorSoin #SecondePartie + section#LesRubriques .EncartColor .FleurEncartColor svg path, .ColorSoin section#ContactezNous .ColonneHalf:nth-of-type(1) svg path {stroke:#917377;} .ColorSoin #SecondePartie + section#LesRubriques .EncartColor .ContenuEncart a.BoutonEncartColor + a {background-color: #A5CF4D;border: 0;} .ColorSoin .site-header .home-link svg g, .ColorSoin .site-header .home-link svg path, .ColorSoin #BackTop rect {fill:#B10059;} /* ET SI VOUS RESTIEZ */ .page-id-26 section#LesRubriques .UneRubrique:nth-of-type(2) {display: none;} .page-id-49 section#LesRubriques .UneRubrique:nth-of-type(3) {display: none;} .page-id-51 section#LesRubriques .UneRubrique:nth-of-type(4) {display: none;} /* PAGE INFOS PRATIQUES */ .page-template-infos-pratique #LesPictosPunchline .UnPictoPunchline {background-color: #F6F6F6;padding: 40px 40px 64px;position: relative;} .page-template-infos-pratique #LesPictosPunchline .UnPictoPunchline a {color: inherit;} .page-template-infos-pratique #LesPictosPunchline .UnPictoPunchline a:hover {text-decoration: none;} .page-template-infos-pratique #LesPictosPunchline .UnPictoPunchline h4 { color: #00B6BD;} .page-template-infos-pratique #LesPictosPunchline .UnPictoPunchline h4 + p + svg {display: block;margin: 0;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);} /* PAGE BON CADEAUX */ #BlocTri {background: #0FBAC0;color: #fff;text-align: center;padding: 40px 24px;position: relative;z-index: 9;top: inherit;vertical-align: top;right: inherit;display: table;width: 100%;transform: none;margin: 40px auto;} #BlocTri h2 {font-family: 'Dancing Script', cursive;font-weight: bold;text-align: center;text-transform: inherit;font-size: 48px;margin-left: auto;margin-right: auto; margin-bottom: 24px; color: #fff;} #BlocTri .Flex, section#Infos-Complementaires #EncartTarifsDroite .Flex {max-width: 800px;margin: auto;} #BlocTri a {border-bottom: inherit;padding: 12px 40px;border-radius: 8px;display: inline;font-size: 16px;margin: 8px;line-height: 1;color: #fff;width: 200px;background-color: #01586A;text-transform: uppercase;font-weight: bold;letter-spacing: 0;} #BlocTri > a { font-weight: 600;} #BlocTri ul.megaSubCat { padding:0; margin: 0; display: none;} #BlocTri ul.megaSubCat li {list-style: none;padding-left: 16px;} #BlocTri a.Filtred, #BlocTri a:hover { background-color: #B10059; text-decoration: none;} #BlocTri h3 {color: #fff;} #BlocTri li:before {display: none;} #BlocTri #Rose-Filtre {position: absolute;right: -94px;top: -84px;width: 183px;} #ListingProducts {text-align: center;position: relative; padding:0;} h2#TitreNosProduits { text-align: center;margin: 0 auto 40px;} .UnProduit {width: 90%; max-width: 260px; display: none; margin: 24px 16px; text-align: center; position: relative;} .UnProduit.EnCours {display: inline-block;} .UnProduit .CoverProduit {width: calc(100% - 32px);padding-bottom: calc(100% - 32px);border-radius: 800px;margin: auto; position: relative;} .UnProduit .CoverProduit:after {content: '';width: calc(100% + 16px);display: block;height: calc(100% + 16px);border: 1px solid #005A6C;position: absolute;border-radius: 800px;top: 50%;left: 50%;transform: translate(-50%,-50%);} .UnProduit h3 {margin: 24px 0 0;font-size: 20px;color: #005A6C;font-weight: 600;} .UnProduit .ResumeProduit p {line-height: 1;margin: 4px 0 0;color: #A7A7A7;text-transform: none;font-size: 18px;display: block;} .UnProduit span.ApartirDe {font-size: 13px;} .UnProduit p.price, .woocommerce div.product p.price, .woocommerce div.product span.price {color: #00B6BD;font-size: 18px;margin: 0;font-weight: 500;letter-spacing: 0Px;} .UnProduit a, .UnProduit h2 {color: #010101 !important;} .UnProduit:hover a {text-decoration: none;} .UnProduit:hover {z-index: 9;} .UnProduit:hover .CoverProduit {opacity: 0.8;} .Listing-Produit-Coche {padding: 80px 0;} .Listing-Produit-Coche h2 {font-family: 'Dancing Script', cursive;font-weight: bold;text-align: center;text-transform: inherit;font-size: 48px !important;margin-left: auto;margin-right: auto;margin-bottom: 40px;} #Essentiel-Produit {background-color: #F9F9F9; } #Decouvrez-Produit {padding-top: 0;} #Offres-St-Valentin {} #Offres-St-Valentin h2 {color: #B10059;} #Offres-St-Valentin .Width1200 { border: 3px solid #B10059; padding: 40px 0;border-radius: 40px;} section#Infos-Complementaires #EncartTarifsDroite { width: 100%;} section#Infos-Complementaires #EncartTarifsDroite.EncartColor .ContenuEncart a.BoutonEncartColor + a {border: 0;} section#Infos-Complementaires #EncartTarifsDroite.EncartColor .ContenuEncart a.BoutonEncartColor {;padding: 12px 40px;border-radius: 8px;display: inline;font-size: 16px;margin: 8px;line-height: 1;color: #fff;width: 260px;} section#Infos-Complementaires #EncartTarifsDroite.EncartColor .ContenuEncart a.BoutonEncartColor.Rose {background-color: #B10059;} section#Infos-Complementaires #EncartTarifsDroite.EncartColor .ContenuEncart {padding: 40px;margin-bottom: 40px;} section#Infos-Complementaires #Listing-Produit-Phare h2 {font-size: 40px !important;text-align: center;} /* PAGE PRODUIT */ .single-product h1#TitrePage, .single-product article .entry-header { display:none;} #ContenuPageInterne #TriProduct h1 {margin: 0 0 120px 0;} .single-product #ContenuPage {margin-top: 0;} .single-product #ContenuPage .entry-content { width:100%;} .single-product #ContenuPage h1#TitreProduit { border-bottom: 1px solid #DDDDDD;font-size: 32px;margin-top: 0;padding-bottom: 5px;} .single-product #ContenuPage .woocommerce-product-details__short-description {color: #9B9B9B; margin: 32px 0;} #LaPageProduit {max-width: 1200px;margin: 64px auto 0;text-align: center;} #LaPageProduit .ColonneG, #LaPageProduit .ColonneD { display:inline-block; vertical-align:top; position:relative; text-align: left;} #LaPageProduit .ColonneG { height:auto;width:40%;} #LaPageProduit .ColonneD {padding-left: 64px;width: 60%;max-width: 540px;} #LaPageProduit .ColonneD p.price {display: block !important; font-size: 45px; width: 100%;} #LaPageProduit .ColonneD .product_meta, #LaPageProduit .ColonneD a.reset_variations { display:none !important;} #LaPageProduit .ColonneD table.variations {margin: 0 0 32px;border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;padding: 8px 0 16px;display: block; font-size: 16px;} #LaPageProduit .ColonneD table.variations tr { display: block;width: auto; margin: 24px 0;} #LaPageProduit .ColonneD table.variations td.label { padding: 0;display: block;width: 100%;} #LaPageProduit .ColonneD table.variations td.value {display: table;width: 100%;} #LaPageProduit .ColonneD table.variations li.variable-item:before {display: none;} #LaPageProduit .ColonneD span.price { font-size: 45px;width: 100%;} #LaPageProduit .ColonneD span.amount {color: #005A6C; font-weight: bold;} #LaPageProduit .ColonneD .woocommerce-variation-add-to-cart { margin-top: 10px;} #LaPageProduit .ColonneD .quantity input {border: 2px solid #005A6C;color: #005A6C;font-weight: bold;text-align: center;padding: 5px 0;width: 100Px; box-shadow: 0 2px 4px 0 hsla(0,0%,87%,.6);} #LaPageProduit .ColonneD .woocommerce-variation-add-to-cart button[type="submit"], #LaPageProduit .ColonneD .single_add_to_cart_button[type="submit"] {background: #005A6C;width: 100%;border: 1px solid #005A6C;text-transform: uppercase;font-size: 18px;height: auto;padding: 16px;border-radius: 8px;} #LaPageProduit #Texte-Complet {margin-top: 40px; text-align: left;} #LaPageProduit .voucher-fields-wrapper {margin-top: 32px;} #LaPageProduit p.Alerte-CE {color: #B10059;} #LaPageProduit #SliderGalerie {width: 100%;} #LaPageProduit #SliderGalerie li {list-style: none;} #LaPageProduit #SliderGalerie li:before {display: none;} #LaPageProduit #SliderGalerie div {width: 100%;padding: 0;margin: 3px 0 0; height: auto;} #LaPageProduit .LePRixProduit { color: #005A6C;font-size: 30px;font-weight: bold;} #LaPageProduit .woocommerce-variation-description {color: #B10059;} #LaPageProduit #ContenuProduitTexte {clear: both;display: block;position: relative; margin: 80px 0;text-align: left;} #ProduitCompletmentaires {text-align: left; margin-bottom: 72px;} #ProduitCompletmentaires h2#TitreProdComp {border-bottom: 1px solid #DDDDDD;padding-bottom: 16px;color: #005A6C;font-size: 48px;} #ContenuPage #LaPageProduit #ProduitCompletmentaires .UnProduit h2 { font-size: 17px; color: inherit;} #SliderGalerie .woo-variation-product-gallery { max-width: 100% !important;float: inherit;display: block;} #SliderGalerie .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {border-radius: 50%;overflow: hidden;width: 56px;height: 56px;margin: 0 4Px;float: inherit;} #SliderGalerie .woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-slider { margin-top: 24px; text-align: center;} #ShareSocial { border-top: 1px solid #DDDDDD;padding-top: 16px; margin-top: 24px;} #ShareSocial a { display: inline-block;vertical-align: top;margin: 0 8px 0 0;} html .tawcvs-swatches .swatch-label {width: auto;padding: 8px 16px;display: inline-block;height: auto;border-radius: 8px;margin: 8px;} .single-product #BandeauPage .FiltreRubHome {display: none;} #BandeauPage h3.Ariane, #BandeauPage h3.Ariane a {color: #909090;margin: 0;font-size: 15px;} #BandeauPage {padding: 16px;text-align: center;background: #FAFAFA;} .single-product #ContenuPageInterne #TriProduct h1 {text-align: left;margin: 0 0 8px;font-size: 56px;line-height: 56px;} .single-product #ContenuPageInterne #TriProduct .TitreRub { margin-bottom: 0;} .single-product #ContenuPageInterne #TriProduct .woocommerce-product-details__short-description h3 {font-size: 24Px;color: #00B6BD;display: block;text-transform: uppercase;font-weight: normal;margin:0 0 32Px;line-height: 32px;} .single-product #ContenuPageInterne #TriProduct .gc_span {background: #005A6C;border: 0;box-shadow: none;color: #fff;border-radius: 12px;padding: 24px;} .single-product #ContenuPageInterne #TriProduct .gc_span td {border: 0;margin: 0;padding: 0;display: block;text-align: left;width: 100%;} .single-product #ContenuPageInterne #TriProduct .gc_span table {margin: auto;border: 0;max-width: 300px;} .single-product #ContenuPageInterne #TriProduct .gc_span tr {margin: 8px 0;} .single-product #ContenuPageInterne #TriProduct .gc_span h2 {margin: 0 0 32Px;font-family: 'Poppins', sans-serif;font-weight: normal;font-size: 20px; display: none;} .single-product #ContenuPageInterne #TriProduct .gc_span input, .single-product #ContenuPageInterne #TriProduct .gc_span textarea {border: 0;border-radius: 8px;padding: 8px 16px;} .single-product #ContenuPageInterne #TriProduct .gc_span textarea {min-height: 150px; max-height: 150px; height: 150px;} .single-product #ContenuPageInterne #TriProduct .gc_span .form-error {color: red; font-weight: 600;} #CestPour { border: 2px solid #005A6C;border-radius: 8px;padding: 24px 8px;text-align: center; margin-bottom: 32px;} #CestPour p {margin-bottom: 0;text-transform: uppercase;font-weight: bold; color: #005A6C;} #CestPour .BoutonCestPour { display: inline-block;background-color: #00B6BD;color: #fff;padding: 5px 2px;margin: 8px 8px 8px 0;text-transform: uppercase;width: 122px;text-align: center; cursor: pointer;font-size: 16px;font-weight: 600;} #CestPour .BoutonCestPour:hover {background-color: #005A6C;} .single-product #ContenuPageInterne #TriProduct .gc_span:nth-of-type(2), .single-product #ContenuPageInterne #TriProduct .gc_span:nth-of-type(3) { display: none;} #LaPageProduit .ColonneD .single_add_to_cart_button[type="submit"] { margin: 24px auto 0;} html .woocommerce div.product form.cart {margin-bottom: 24px;} .product-type-variable #LaPageProduit .ColonneD p.price {display: none !important;} html .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item { min-width: 88px;background-color: #F6F6F6;} #LaPageProduit #Image-Infographie-BC {margin: 80px auto;max-width: 100%;} #PaiementSecur-Logo {display: block;margin: 24px 0; max-width: 220px;} /* BON CADEAU DANS PAGE PRODUIT -- ANCIEN PLUGIN */ #LaPageProduit .ColonneD .voucher-image-options { display: none;} #LaPageProduit .wcpa_form_outer {padding: 8px 24px;background-color: #005A6C;color: #fff;} #LaPageProduit .wcpa_form_outer .wcpa_form_item .wcpa_radio .wcpa_check {border: 1px solid #fff;} #LaPageProduit .wcpa_form_outer .wcpa_form_item .wcpa_radio input[type=radio]:checked+label .wcpa_check::before { background-color: #00B6BD;width: 9px;height: 9px;top: 2px;left: 2px;} #LaPageProduit .adresse-courrier { border: 0;height: 93px;padding: 8px 24Px;} /* BON CADEAU DANS PAGE PRODUIT -- NOUVEAU PLUGIN */ html .fpf-fields-config-wrapper, html .fpf-totals dl, html .woocommerce form .fpf-fields fieldset label span {display: none;} html .woocommerce form .fpf-fields fieldset {padding: 8px 24px;background-color: #005A6C;color: #fff;} html .woocommerce form .fpf-fields fieldset input[type=radio] {width: 10px;height: 10px;top: 2px;left: 2px; border: 1px solid #00B6BD;border-radius: 80px;margin-right: 4px;} html .woocommerce form .fpf-fields fieldset input[type=radio]:checked {background-color: #00B6BD; } html .woocommerce form .fpf-fields fieldset legend { background-color: #00B6BD;padding: 2px 24px;} /* PAGES SANS SLIDES */ .single-product .site-header, .woocommerce-cart .site-header, .page-template-sans-slide .site-header, .page-template-galerie .site-header, .page-template-tarifs .site-header, .page-template-contact .site-header {position: relative;} /* FORMULAIRE*/ section#FormulaireContact { margin-top: 64px; text-align: center;} section#FormulaireContact input, section#FormulaireContact textarea, section#FormulaireContact select {background: #F9F9F9;border:inherit;color: #323232;width: 100%;box-shadow: 0px 1px 3px rgba(0,0,0,.08);margin-bottom: 15px;padding: 10px 20px;} section#FormulaireContact textarea {max-height: 217px;height: 217px;min-height: 217px;} section#FormulaireContact input[type="submit"] {background: #00B6BD;color: #fff;text-transform: uppercase;padding: 8px 24px;display: inline-block;margin: 4px;} section#FormulaireContact .Col1Form, section#FormulaireContact .Col2Form { width:45%; display:inline-block; vertical-align:top; text-align: left;} section#FormulaireContact .Col2Form { margin-left:4%;} section#FormulaireContact div.wpcf7-validation-errors { opacity:0; z-index:-10; display:none !important;} section#FormulaireContact span.wpcf7-not-valid-tip {color: #ca4144;font-size: 14px;display: block;text-align: left;position: relative;z-index: 9;right: 0;width: 100%; padding-right: 0;top: 0;} section#FormulaireContact div.wpcf7-mail-sent-ok {border: inherit;background: #caa841;color: #fff;width: 80%;text-align: center;margin: 32px auto 0;} section#FormulaireContact #FormulaireDiv {margin: 80px 0 0;} section#FormulaireContact input[type="radio"], section#FormulaireContact input[type="checkbox"] {width: 16px;height: 16px;padding: 0;display: block;margin: auto; background-color: #fff;} section#FormulaireContact .wpcf7-acceptance .wpcf7-list-item {margin: 0;vertical-align: bottom;position: relative;top: -15px;} section#FormulaireContact input[type="checkbox"] { border: 2px solid #005A6C;} section#FormulaireContact input[type="radio"]:checked, section#FormulaireContact input[type="checkbox"]:checked{ background: #005A6C;} section#FormulaireContact .LabelCochage, section#FormulaireContact span[data-name="mailjet-opt-in"] .wpcf7-list-item-label {font-size: 14px; line-height: 17px;font-weight: bold;display: inline-block; vertical-align: top; width: calc(100% - 16px); padding-left: 8px;} section#FormulaireContact .Acceptation .wpcf7-form-control-wrap[data-name="mailjet-opt-in"] {width: 100%;} section#FormulaireContact .Acceptation .wpcf7-form-control-wrap[data-name="mailjet-opt-in"] input[type="checkbox"] {display: inline-block;} section#FormulaireContact .Acceptation .wpcf7-form-control-wrap[data-name="mailjet-opt-in"] .wpcf7-list-item { margin: 0;} section#FormulaireContact .Acceptation { margin: 4Px 0;} section#FormulaireContact .Acceptation .wpcf7-form-control-wrap {display: inline-block; vertical-align: top; width: 16px;} /* PANIER */ #PanierHeader {background: #B10059;position: absolute;top: 0;right: -56px;color: #fff;padding: 8px;border-radius: 80px;} #PanierHeader svg {display: block;margin: auto;} #PanierHeader a {color: #fff;} #PanierHeader span {background-color: #00B6BD;position: absolute;top: -5px;right: -16px;padding-top: 5px;border-radius: 80px;width: 24px;height: 24px;line-height: 1;font-size: 12px;text-align: center;} h1.Classique {text-align: center; margin-bottom: 64px;} .woocommerce .cart_item td.product-name .variation-Value {display: none;} .giftcard.coupon {display: none;} .cart_totals > h2 {margin: 40px auto 24px;} .woocommerce a.button.checkout-button, html .woocommerce button.button.alt {background-color: #B10059;} .woocommerce a.button.checkout-button:hover, html .woocommerce button.button.alt:hover {background-color: #00B6BD;} .woocommerce .cart_item .product-name a {font-weight: bold;} .page-id-290 .cart_totals table.shop_table {background-color: #005A6C;color: #fff;font-size: 17px; padding: 8px;} html .page-id-290 .woocommerce ul#shipping_method li input:checked, html .page-id-291 .woocommerce ul#shipping_method li input:checked{background: #00B6BD; border-color: #00B6BD;} html .page-id-290 .woocommerce ul#shipping_method li input, html .page-id-291 .woocommerce ul#shipping_method li input{border-color: #00B6BD;vertical-align: top;position: relative;top: 3px;} .page-id-290 tr.order-total > * {border: 0 !important;} .page-id-290 tr.order-total, .page-id-291 tr.order-total{font-size: 22px;} .page-id-290 .woocommerce-cart-form table {font-size: 17px;} .page-id-290.woocommerce-cart table.cart img {width: 64Px;} .page-id-290 .cart_totals > h2 {display: none;} .page-id-290 td[data-title="Total"], .page-id-291 .order-total th + td {text-align: right;} .page-id-290 tr.woocommerce-shipping-totals, .page-id-290 tr.cart-subtotal {display: none;} /*HACK QUANTITE */ .woocommerce div.product #LaPageProduit form.cart div.quantity, table .product-quantity input {border: 0; text-align: center;} /* COORDONNES COMMANDE */ .page-id-291 .woocommerce form .form-row input, .page-id-291 .woocommerce form .form-row textarea, .voucher-fields input, .voucher-fields textarea { background: #F6F6F6;border: 0;padding: 8px 16px;border-radius: 16px;} .page-id-291 .woocommerce td.product-name dt.variation-Appeler, .page-id-291 .woocommerce td.product-name dt.variation-pourEnvoyer, .page-id-291 .woocommerce td.product-name dt.variation-Message { display: none;} html #payment li:before { display: none !important;} html .woocommerce-checkout #payment ul.payment_methods li input, html .woocommerce form .form-row .input-checkbox, html .woocommerce ul#shipping_method li input{border: 1px solid #B10059;width: 12px;height: 12px;border-radius: 90px;background: transparent;display: inline-block;} html .woocommerce-checkout #payment ul.payment_methods li input:checked, html .woocommerce form .form-row .input-checkbox:checked, html .woocommerce-shipping-fields input:checked, html .woocommerce ul#shipping_method li input:checked {border: 1px solid #B10059;background: #B10059;} html .woocommerce-checkout #payment {background: #F6F6F6;} html .woocommerce-checkout #payment div.payment_box {background-color: #EEEEEE;} html .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #EEEEEE;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;} html .woocommerce-error {border: 0;background-color: #B10059;color: #fff;padding: 24px;} html .woocommerce-error li:before, html .woocommerce-error::before {display: none;} .page-id-291 .woocommerce-order-details > h2, .page-id-291 .woocommerce-customer-details > h2 { font-size: 28px;margin: 0 0 16px;} html .woocommerce .woocommerce-customer-details adress {background: #F6F6F6;} .page-id-291 table.shop_table {background-color: #005A6C;color: #fff;font-size: 16px; padding: 8px;} .page-id-291 .woocommerce #payment #place_order, .page-id-291 .woocommerce-page #payment #place_order {float: inherit;width: 100%;text-transform: uppercase;padding: 16px;font-size: 20px;} .page-id-291 td.product-name {color: #00B6BD; font-weight: bold;} .page-id-291 td.product-name .variation {color: #fff; font-size: 14px; font-weight: normal;} /* PAGE COMMANDE */ form.checkout #customer_details, form.checkout #order_review {padding: 0 24px;width: 100%;max-width: 600px;margin-bottom: 40px;} /* CACHE L'ADRESSE D'EXPEDITION DANS LE TABLEAU CART */ html tr.woocommerce-shipping-totals.shipping td[data-title="Expédition"] p.woocommerce-shipping-destination, html tr.woocommerce-shipping-totals.shipping td[data-title="Expédition"] form, html tr.woocommerce-shipping-totals.shipping td[data-title="Expédition"] li:before { display: none;} html tr.woocommerce-shipping-totals.shipping td[data-title="Expédition"] li {margin: 0 !important;} /* MERCI */ ul.order_details li:before {display: none;} html .wc-item-meta li:before {display: none;} ul.order_details {background-color: #B10059; color: #fff;padding: 24px;} /* PAGE CONTACT */ #MapContact {margin: 40px 0 0;} #MapContact iframe { width: 100%; height: 400px;filter: saturate(0.6);} /* GALLERIE PHOTO */ #LesphotosGalerie {margin: 64px 0;height: auto !important;} #LesphotosGalerie img { display: inline-block; margin: 1%;width: 30%;} /* PAGE TARIFS */ #LesEncartTarifsBloc {margin: 40px 0;} #LesEncartTarifsBloc .UnEncartRapideTarifs { margin: 8px;} #LesEncartTarifsBloc .UnEncartRapideTarifs h2 {font-family: 'Dancing Script', cursive; text-transform: none;} .ContenuPage .LesTarifs.ColorSoin h2, .LesTarifs.ColorSoin .UnBlocTarif > h3 + p {color: #917377;} .LesTarifs.ColorSoin .UnBlocTarif > h3 {color: #B10059;} .page-template-tarifs #ProduitCompletmentaires h2#TitreProdComp { font-family: 'Dancing Script', cursive;text-transform: none;text-align: center;margin: 80px auto 24px;font-weight: 600;} /* FOOTER */ footer {text-align: center;background: transparent;padding: 80px 0 24px;overflow: hidden;position: relative;z-index: 0;background-image: url(https://oreade-balneo-restaurant.fr/wp-content/themes/kote-theme/images/bg-footer.svg);background-size: 100% auto;background-position: center bottom;} footer h4 {margin-top: 24px;color: #00B6BD;text-transform: uppercase;font-weight: 600;} footer .RubFooter { display: inline-block;vertical-align: top;width: 29%;text-align: center;margin: 0 2%;} footer .RubFooter:nth-of-type(2) h3 {text-transform: uppercase;font-size: 15px;margin: 8px 0 16px;} footer #SociauxFooter svg { margin: 4px;} footer #SociauxFooter a { display: inline-block;} footer p#Mentions {margin: 0px auto 0;position: relative;opacity: 0.7;} footer > svg {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 0;} #LogoAURA {max-width: 240px; position: relative; margin-bottom: 24px;} html h3#ship-to-different-address label {background: #005A6C;color: #fff;text-transform: uppercase;font-size: 16px;padding: 8px 40px;cursor: pointer;} html h3#ship-to-different-address label:hover { background: #00B6BD;} html h3#ship-to-different-address label input#ship-to-different-address-checkbox { width: 10px;height: 10px;background-color: #fff;border: 0;border-radius: 80px;margin-right: 8px;} #BackTop {display: block;position: fixed;background: inherit;width: 52px;height: 52px;text-align: center;padding: 0;opacity: 0;z-index: 99;bottom: 16px;right: 16px; cursor: pointer; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #BackTop rect { fill: #005A6C;} html #resa_account {text-align: center;} html #resa-form .resa_enabled {background-color: #B10059 !important;} html .resa-datepicker .resa_enabled .btn {color: #fff;} html #resa-form .resa-timeslot {background-color: #917377;color: #fff;border-color: #917377;border-radius: 30px;margin: 8px 4px;} html #resa-form .resa-timeslot:hover, html #resa-form .resa-timeslot.selected{background-color: #B10059; border-color:#B10059;} html #resa-form p.resa-date_picked {background-color: #B10059;color: #fff;font-size: 17px;padding: 24px;margin: 40px;text-transform: uppercase;} html #resa-form .resa-btn:hover , html #resa-form input[type="submit"]:hover {background-color: #B10059 !important; border-color:#B10059 !important;} html #resa-form input[type="checkbox"], html .woocommerce form.login input[type="checkbox"] {width: 20px;height: 20px;padding: 0;cursor: pointer;margin: 0;vertical-align: middle;flex: none;} html #resa-form input[type="radio"]:checked, html #resa-form input[type="checkbox"]:checked, html .woocommerce form.login input[type="checkbox"]:checked {background-color: #B10059;border-color: #B10059;} html .resa-datepicker tbody .btn {padding: 8px; margin: 0;} /* PAGE RECRUTEMENT */ .UnPoste {background-color: #fff;border: 2px solid #B10059;color: #917377;width: 100%;max-width: 480px;margin: 24px;font-size: 16px;line-height: 24px;text-align: center;padding: 24px;border-radius: 4px;} .UnPoste h3 {color: #B10059;margin: 24px 0 8px;} .UnPoste p {} .UnPoste a {background-color: #917377;color: #fff;line-height: 1;padding: 8px 24Px;border-radius: 24px;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;display: table;margin: 24px auto 0;} /* PAGE MON COMPTE 2021*/ .page-id-292 #ro_front_formulaire {display: none;} .logged-in.page-id-292 #ro_front_formulaire {display: block;} form.login input, .page-id-292 #ro_front_formulaire .input_wide, html #resa-form #resa-step-account input[type="text"], html #resa-form #resa-step-account input[type="email"], html #resa-form #resa-step-account input[type="password"] {box-sizing: border-box;margin: 0;outline: 0;line-height: normal;background: #F9F9F9;border: inherit;width: 100%;box-shadow: 0px 1px 3px rgb(0 0 0 / 8%);margin-bottom: 15px;padding: 10px 20px;height: auto;} html .woocommerce form.login {border: 0;padding: 32px;background-color: inherit;max-width: 500px;margin: 40px auto;box-shadow: 0 0 20px 10px rgb(64 74 91 / 15%);} .page-id-292 .woocommerce-notices-wrapper + h2 {display: none;} .page-id-292 .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { background-color: #00B6BD;color: #fff;text-transform: uppercase;font-weight: normal;display: table;width: 100%;} html .woocommerce-account .woocommerce-MyAccount-navigation { background-color: #B10059;padding: 40px 24px;border-radius: 16px;margin-bottom: 40px;} html .woocommerce-account .ContenuPage li.woocommerce-MyAccount-navigation-link:before {background: #fff;} html .woocommerce-account .woocommerce-MyAccount-navigation li a { color: #fff;} html .woocommerce-account #personal_informations .edit_infos_client form input[type='checkbox'] { margin-right: 8px;vertical-align: middle;} html .woocommerce-account #resa_account #personal_informations {border: 2px solid #B10059;margin: 40px auto 0;max-width: 480px;border-radius: 16px;padding: 24px;} html .woocommerce-account #resa_account h3 {color: #B10059;} html .woocommerce-account #ro_front_formulaire button.input_wide {background-color: #B10059;color: #fff;margin: 16px auto;text-transform: uppercase;} html .woocommerce-account .woocommerce-MyAccount-content { padding-left: 40px;} html #resa-form #resa-step-account input:not([type="submit"]) {} html #ro_front_formulaire .resa_clients #cart { box-shadow: 0 0 20px 10px rgb(64 74 91 / 15%);padding: 32px; background-color: #fff;} html .woocommerce-account #cart h5.ng-binding {margin-top: 0;} html #resa-connexion {box-shadow: 0 0 20px 10px rgb(64 74 91 / 15%);padding: 40px;max-width: 480px;margin: 40px auto;} html #resa-connexion h4 { color: #B10059;font-size: 22px;} html #resa-connexion p {margin-bottom: 0;} html #resa-form .login_client { margin: 40px auto;} html #resa-form .login_client input {display: block;margin: 8px auto;width: 100%;max-width: 380px;background: #F9F9F9;border: inherit;box-shadow: 0px 1px 3px rgb(0 0 0 / 8%);margin-bottom: 15px;padding: 10px 20px;height: auto;} html #resa-form .login_client button {} /* HACK DE L'ANCIEN SITE.. */ #ro_front_formulaire .btn.AnnuleReservation { margin: 2px 5px 24px;padding: 11px 10px;background: #e74c3c;border: 1px solid #e74c3c;height: auto;} html #resa-step-date.activity1 .resa-dates .resa-timeslots-morning h4, html #resa-step-date.activity1 .resa-dates .resa-timeslots-afternoon h4 { display: none;} html #resa-step-date.activity1 .resa-dates .resa-timeslots-morning:before, html #resa-step-date.activity1 .resa-dates .resa-timeslots-afternoon:before {display: block;color: black;font-size: 24px;font-weight: bold;letter-spacing: 2px;} html #resa-step-date.activity1 .resa-dates .resa-timeslots-morning:before {content: ' ';} html #resa-step-date.activity1 .resa-dates .resa-timeslots-afternoon:before {content: 'Midi - Soir';} html h3.resa-recap-title, html h3.resa-talign-center {letter-spacing: 0;} /* Cacher les prix */ html #resa-form .resa-price p.resa-price-value, html .resa-cart-prices-amount, html .resa-cart-total, html .cart_total, html .btn_resa_paiement, html .btn_resa_reciept, html .order_recap_price_title, html .order_recap_price_total {display: none;} /* Cacher le coupon */ html .add-coupon {display: none;} html .resa-cart-total, html .cart_total, html #ro_front_formulaire .resa_clients button.btn_resa_paiement, html #ro_front_formulaire .resa_clients button.btn_resa_reciept, html .creneau_sous_total, html .rdv_state {display: none;} html .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--bookings {display: none;} /* Retirer bouton RESERVATION de l'ancien plugin */ html .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--bookings {display: none;} html #resa-form .resa-activity, html .navigation-step.selected{ background-color: #917377;cursor: pointer;} html #resa-form .resa-category .resa-btn:hover, html #resa-form .resa-activity:hover {background-color: #B10059;border-color: #B10059;} html #resa-steps-content p { padding: 0 24px; font-size: 15px;line-height: 22px;} html #Content .resa-activity img.category-image {max-width: 100%;height: 29%;object-fit: cover;} html #MessageAnnulationResa { background-color: #B10059;color: #fff;text-align: center;font-weight: bold;padding: 24px 80px;border-radius: 24px; display: table;margin: 0 auto 40px;} @media (max-width: 960px) { html .activities-col .resa-category, html .activities-col .resa-activity { width: 100%;display: block;max-width: 335px; margin: 24px auto;} html #resa-form h3 {line-height: 32Px;} html .resa-datepicker table tr { display: table; width: 100%;} html .resa-datepicker table tr th.ng-scope, html .resa-datepicker table tr td.uib-day {border: 1px solid white;width: auto;margin: 0;padding: 0;text-align: center;} html .resa-datepicker table tr th[ng-if="showWeeks"], html .resa-datepicker table tr td[ng-if="showWeeks"] {display: none;} html .resa-step-account-registrations {display: block;} html #Content .resa-already_client {} html .navigation-step.selected, html #resa-form .resa-activity {} html #resa-form .category-image {} html .resa-datepicker button {background-color: #917377;} html .resa-datepicker button:hover {background-color: #B10059;} } @media (max-width: 767px) { html .resa-datepicker table {min-width: 100%;} html .resa-timeslots-2col { display: table;width: 100%;max-width: 380px;margin: auto;} html .resa-timeslots-column {margin: 24px auto;} html .woocommerce-account .woocommerce-MyAccount-content {padding-left: 0px;margin-bottom: 64px;} } @media (max-width: 400px) { html #resa_account {text-align: center;min-width: inherit;padding: 24px;width: 100%;} } /* HACK AMELIA */ /* #am-event-calendar-page .am-event-header .am-event-header__right .am-event-header__right-inner:nth-of-type(2) {display: none;} Button qui fait apapraitre les filtres de recherches */ html .amelia-app-booking #amelia-booking-wrap #am-event-calendar-page .am-event-header__right {display: none;} /* Button qui fait apapraitre les recherches */ #LesboutonsResaSlider {justify-content: flex-start;} #LesboutonsResaSlider span {background-color: #00B6BD;color: #fff;padding: 16px 8px;font-weight: 600;font-size: 14Px;text-transform: uppercase;display: block;width: calc(33.33% - 16px);margin: 8px;text-align: center; line-height: 18px;cursor: pointer;} #LesboutonsResaSlider span:nth-of-type(2) {background-color: #7D427B;} #LesboutonsResaSlider span:nth-of-type(3) {background-color: #917377;} #LesContentResa {margin-top: 64px;} .ContentResaAmelia.Hide {visibility: hidden;height: 0;} .page-template-Reservation section#ContactezNous .ColonneHalf:nth-of-type(2) #DoubleChoix a:nth-of-type(2) {display: none;} html #am-modal.am-modal.am-in-body .am-event-modal__header-title-status.canceled, html #am-modal.am-modal.am-in-body .am-event-modal__header-booking-btn.is-disabled {display: none;} /* RESA 2023 - ROMARIC / KOTE*/ .page-template-resa-2023 .site-header, .page-template-mon-compte .site-header{ position: relative;} /* STEP 1 */ #reservation-app {margin: 40px auto;} #reservation-app button {border: 0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} #reservation-app #reservation-steps {box-shadow: 0 0 20px 10px rgb(64 74 91 / 15%);text-align: center;padding: 40px;border-radius: 16px;} #reservation-app #calendar-toolbar {background-color: #005A6C;padding: 16px; display: flex;justify-content: center;color: #005A6C;text-align: center;} #reservation-app #calendar-toolbar select, #reservation-app #calendar-toolbar button {color: #005A6C;border-radius: 8px;width: 100%;} #reservation-app #calendar-toolbar select {padding: 8px 16px;text-align: center;border: 0;margin: 4px;} #reservation-app #calendar-toolbar button {background-size: 10px;background-position: center center;background-repeat: no-repeat;border: 0;background-color: inherit;color: transparent; cursor: pointer;} #reservation-app #calendar-toolbar button.prev-month { background-image: url(https://oreade-balneo-restaurant.fr/wp-content/themes/kote-theme/images/arrow-left.svg);width: 58px;} #reservation-app #calendar-toolbar button.next-month { background-image: url(https://oreade-balneo-restaurant.fr/wp-content/themes/kote-theme/images/arrow-right.svg);width: 58px;} #reservation-app #calendar-days-name {color: #005A6C; font-weight: bold;} #reservation-app #calendar {width: 100%;max-width: 480px;display: block;margin: 40px auto;border: 1px solid #005A6C;border-radius: 8px;overflow: hidden;} #reservation-app .calendar-week {} #reservation-app #calendar-days-name div, #reservation-app .calendar-week .day { width: calc((100% / 7) - 9Px); margin: 4Px; padding: 3px; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #reservation-app .calendar-week .calendar-day span {text-align: center;position: relative;left: inherit;top: inherit;transform: inherit;width: 32px;height: 32px;border-radius: 80px;padding: 0Px;font-weight: normal; font-size: 16px;} #reservation-app .calendar-week .calendar-day:hover span {color: #fff;} #reservation-app .calendar-week .calendar-noday { cursor: default;opacity: 0.3;} #reservation-app .calendar-week .calendar-day {border: 1px solid #005A6C;color: #005A6C;border-radius: 8px;font-weight: normal; cursor: pointer; position: relative;} #reservation-app .calendar-week .calendar-day:hover {background-color: #005A6C;} #reservation-app .calendar-week .calendar-day .day-balneo {position: absolute; top: 4px; left: 4px;width: auto;height: auto;line-height: 0;} #reservation-app .calendar-week .calendar-day .day-resto {position: absolute; top: 4px; right: 4px;width: auto;height: auto;line-height: 0;} #reservation-app .calendar-week .calendar-day .day-low svg g {fill: #6DDB10;} #reservation-app .calendar-week .calendar-day .day-medium svg g {fill: #EF9A26;} #reservation-app .calendar-week .calendar-day .day-high svg g {fill: #E04736;} #reservation-app .calendar-week .calendar-noday .day-balneo, #reservation-app .calendar-week .calendar-noday .day-resto {display: none;} #reservation-app #calendar-days-selector { padding: 16px;} /* STEP 2 */ #reservation-step-2 > h2 + p, #admin-step-1 > h2 + p, #vue-date-current {font-size: 20px;font-weight: bold;background-color: #005A6C;color: #fff;padding: 24px;margin: 8px auto; position: relative;} #vue-date-current p {cursor: pointer;margin: 0;} #vue-date-current img {position: absolute; top: 50%; transform: translateY(-50%); right: 24px;cursor: pointer;} button#set-mode-planning { width: 100%;margin: 8px auto;} #reservation-app #liste-creneaux {} #reservation-app #liste-creneaux .une-colonne {margin: 32Px;width: 100%;max-width: 280px;} #reservation-app #liste-creneaux .une-colonne h3 + p {text-align: justify;font-size: 16px;line-height: 24px;} #reservation-app #liste-creneaux .une-colonne h3 {position: relative;} #reservation-app #liste-creneaux .une-colonne .colonne-creneau {border-radius: 8px;margin: 8px 0;display: block; color: #fff;cursor: pointer;padding: 8px 0;} .creneaux-reservation-period h4 { display: flex; justify-content: space-between; margin-top: 2rem; margin-bottom: 1rem; } body.backdropping { overflow: hidden; height: 100vh; width: 100vw; } .reservation-page { #SecondePartie, .Width1200 { position: initial; } } #backdrop { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.5); } #waiting-list-modal { position: absolute; top: 20vh; z-index: 2; background-color: #fff; padding: 24px; border-radius: 8px; width: 100%; max-width: 480px; left: calc(50vw - 240px); display: flex; flex-direction: column; gap: 16px; } #reservation-app #liste-creneaux .une-colonne .colonne-creneau .creneau--hour {font-size: 20px;font-weight: 600;vertical-align: middle;} #reservation-app #liste-creneaux .une-colonne .colonne-creneau .creneau--capacite { font-size: 16px;vertical-align: middle;} #reservation-app #liste-creneaux .une-colonne .colonne-creneau.colonne-creneau--close {cursor: default;} #reservation-app #liste-creneaux .une-colonne .colonne-creneau.colonne-creneau--open, #reservation-app.reservation-app--admin #liste-creneaux .une-colonne .colonne-creneau.colonne-creneau--close {cursor: pointer;} #reservation-app.reservation-app--admin #liste-creneaux .une-colonne .colonne-creneau.colonne-creneau--close > span {} #reservation-app.reservation-app--reservation #liste-creneaux .une-colonne .colonne-creneau.colonne-creneau--close {opacity: 0.5;} #reservation-app.reservation-app--reservation #liste-creneaux .une-colonne .colonne-creneau.colonne-creneau--close > span span {text-transform: uppercase;font-weight: lighter;letter-spacing: 0px;font-size: 16px;} #reservation-app.reservation-app--reservation #liste-creneaux .une-colonne .colonne-creneau > span {font-weight: bold;} #reservation-app #liste-creneaux .une-colonne .colonne-creneau--close .creneau--capacite {font-weight: bold;opacity: 1;} #reservation-app #liste-creneaux .une-colonne.balneo .colonne-creneau.colonne-creneau--close .creneau--capacite {color: #005A6C;} #reservation-app #liste-creneaux .une-colonne.resto .colonne-creneau.colonne-creneau--close .creneau--capacite {color: #A5CF4D;} #reservation-app #liste-creneaux .une-colonne.balneo > h3 {color: #00B6BD;} #reservation-app #liste-creneaux .une-colonne.balneo .colonne-creneau {background: #00B6BD;} #reservation-app #liste-creneaux .une-colonne.resto > h3 { color: #7D427B;} #reservation-app #liste-creneaux .une-colonne.resto .colonne-creneau {background: #7D427B;} #reservation-app #liste-creneaux .une-colonne.soin > h3 {color: #917377;} #reservation-app #liste-creneaux .une-colonne.soin > h3:before {content:"Soins,";font-size: 17px;display: block;position: absolute;top: -17px;left: 50%;transform: translateX(-50%);} #reservation-app #liste-creneaux .une-colonne.soin > h3:after {content:"et forfaits";font-size: 16px;display: block;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);} #reservation-app #liste-creneaux .une-colonne.soin .colonne-creneau {background: #917377;} #reservation-app #liste-creneaux .une-colonne .colonne-creneau.full {opacity: 0.3;} #reservation-app #liste-creneaux .creneau-reservation {padding: 8px; position: relative;border-bottom: 1px dashed #fff;} #reservation-app #liste-creneaux .creneau-reservation-warning { font-size: 14px; background-color: #eb897e; margin-top: 8px; margin-bottom: -8px; border-radius: 4px; line-height: 20px; padding: 8px; color: #000; } #reservation-app #liste-creneaux .creneau-reservation h4 {} #reservation-app #liste-creneaux .creneau-reservation p.nb-place-dispo {font-size: 14px;margin: 0 0 8px;} #reservation-app #liste-creneaux .creneau-reservation input, #reservation-app #liste-creneaux .creneau-reservation select {border: 0;border-radius: 8px;font-size: 16px; width: 100%;} #reservation-app #liste-creneaux .creneau-reservation select {padding: 8px;} #reservation-contact-edit--code-postal, #reservation-contact-edit--comments { margin-top: 8px;} #reservation-app #liste-creneaux .creneau-reservation button {text-transform: uppercase;font-size: 16Px;display: inline-block;margin: 8px 0;padding: 4px 8px;height: inherit;border-radius: 8px;width: 100%;position: relative;} #reservation-app #liste-creneaux .une-colonne.balneo .creneau-reservation button {background-color: #00B6BD;} #reservation-app #liste-creneaux .une-colonne.resto .creneau-reservation button {background-color: #A5CF4D;} #reservation-app #liste-creneaux .une-colonne.soin .creneau-reservation button {background-color: #B10059;} #reservation-app .actions-creneau {padding: 8px 8px 0;} #reservation-app .actions-creneau button {background-color: inherit;font-size: 13px;padding: 0;margin: 12px auto;text-transform: uppercase;font-weight: 600;letter-spacing: 1Px;display: table;width: 100%;line-height: 1;opacity: 0.8;} #reservation-app .actions-creneau button:hover {text-decoration: underline;} #reservation-app .actions-creneau input[type="number"] {border: 0;width: 100%;display: block;padding: 8px;margin: 8px auto;font-size: 16px;} #navigation-step { margin: 40px auto 0; display: table;} #navigation-step button {background-color: #005A6C; margin: 4px;} #navigation-step button.prev-step {opacity: 0.8;} #navigation-step button.next-step {} /* #navigation-step button.next-step.Allow {background: #B10059;position: fixed;bottom: 0;z-index: 99999999; width: 100%;left: 0;font-weight: bold;margin: 0;padding: 24px;} */ #navigation-step button.next-step.Allow {background: #B10059;position: relative;bottom: 0;z-index: 99999999;width: auto;left: inherit;font-weight: bold;margin: 0;padding: 11px 24px 10px;display: inline-block;} /* STEP 3 */ #reservation-step-3 > h2 + p {text-transform: uppercase;letter-spacing: 1Px;font-size: 20px;color: #005A6C;} p.RecapResa {color: #fff;line-height: 1;padding: 8px 24px;font-size: 20px;} p.RecapResa.balneo {background-color: #00B6BD;} p.RecapResa.resto {background-color: #7D427B;} p.RecapResa.soin {background-color: #917377;} p.RecapSoin {border: 2px solid #e74c3c;color: #e74c3c;font-size: 16px;line-height: 24Px;padding: 16px;} p.RecapSoin a {color: #e74c3c;} #reservation-contact {align-items: start; justify-content: flex-start;} #reservation-contact .input-half {width: calc(50% - 16px);margin: 8px 4Px;} #reservation-contact #reservation-contact--bonCadeau input[type="checkbox"], #reservation-contact #reservation-contact--newsletter input[type="checkbox"]{border: 2px solid #005A6C;background-color: #fff;width: 16px;position: relative;top: -5px;} #reservation-contact #reservation-contact--bonCadeau input[type="checkbox"][value="oui"], #reservation-contact #reservation-contact--newsletter input[type="checkbox"][value="oui"]{background-color: #005A6C;} #reservation-contact #reservation-contact--bonCadeau label, #reservation-contact #reservation-contact--newsletter label {width: calc(199% - 16px); padding-left: 16px;} #reservation-contact #reservation-contact--bonCadeau p, #reservation-contact #reservation-contact--sexe p, #reservation-contact #reservation-contact--newsletter p {margin: 0;width: calc(100% - 16Px);text-align: left;padding-left: 8px;} #reservation-app button:disabled {opacity: 0.3;} #reservation-app button:disabled:hover {text-decoration: none;} #reservation-contact #reservation-contact--bonCadeau {} #radio-sexe, #radio-bonCadeau, #radio-newsletter {width: 100%;text-align: left; padding-left: 16px;} section#FormulaireContact #radio-bonCadeau input[type="radio"], section#FormulaireContact #radio-sexe input[type="radio"], section#FormulaireContact #radio-newsletter input[type="radio"]{display: inline-block; border: 2px solid #005A6C;border-radius: 80px;} section#FormulaireContact #radio-bonCadeau input[type="radio"]:checked {} #radio-bonCadeau label, #radio-sexe label, #radio-newsletter label{padding: 0 24px 0 8px !important;} #reservation-response {background-color: #005A6C;display: block;margin: 24px auto;padding: 40px 24px;color: #fff;} #reservation-response p {margin-bottom: 0;} #reservation-response a {color: #fff;} #reservation-response button {display: block; margin: 24px auto 0;} /* CÖTE ADMIN */ #ajout-creneau {background-color: inherit;color: #fff;padding: inherit;display: table;margin: 8px auto;width: 100%;} #ajout-creneau #ajout-creneau-header {} #ajout-creneau #ajout-creneau-header h3 {color: #fff;margin: 0;display: block;text-align: center;} #ajout-creneau #ajout-creneau-header p {} #ajout-creneau #ajout-creneau-header button {background: inherit;border: 0;width: 100%;padding: 0;color: #B10059;text-decoration: underline;font-size: 16px;} #ajout-creneau.ajout-creneau--programmation-initiale #ajout-creneau-header button {background-color: #B10059;color: #fff;text-decoration: none;padding: 8px 24px;display: table;width: auto;margin: auto;} #ajout-creneau #ajout-creneau-body {background-color: #B10059;padding: 8px;} #ajout-creneau #ajout-creneau-body select, #ajout-creneau #ajout-creneau-body input[type="number"] {border: 0;width: 100%;display: block;padding: 8px;margin: 8px auto;font-size: 16px;} #ajout-creneau #ajout-creneau-body button {width: 100%; background-color: #B10059;} button.creneau-reservation--delete {background-color: #c0392b;} button#create-exception-jour {width: 100%; color: #c0392b;background-color: inherit;border: 1px solid #c0392b;font-size: 16px;} button.create-exception-jour-activite {font-size: 14px;background-color: transparent;color: #b93207; text-decoration: underline;padding: 0;} button#create-exception-jour:hover {background-color: #c0392b; color: #fff;} #reservation-app .exception-jour-activite {font-size: 14px;} #reservation-app .exception-jour-activite p {margin: 0;} #reservation-app .exception-jour-activite button {background-color: inherit;color: #A7A7A7;width: 100%;text-decoration: underline;padding: 0;margin: 0;border-radius: 8px;} #reservation-app .creneau-reservation-contact {position: relative;z-index: 1;top: 0;left: 0;font-size: 16px;padding: 16px;text-align: left;width: 100%;box-shadow: 0 0 20px 10px rgb(64 74 91 / 15%);opacity: 0.9;border: 1px solid #fff;overflow-wrap: break-word;} #reservation-app .balneo .creneau-reservation-contact {background: #00B6BD;} #reservation-app .resto .creneau-reservation-contact {background: #7D427B;} #reservation-app .soin .creneau-reservation-contact {background: #917377;} #reservation-app .creneau-reservation-contact span {display: block;} #reservation-app .creneau-reservation-summary {font-size: 16px;width: 100%;display: flex;justify-content: start;flex-wrap: wrap;position: relative; align-items: center;} #reservation-app .creneau-reservation-summary .creneau-reservation--personnes {padding: 0;opacity: 0.7;order: 1;width: 24px;text-align: left;} #reservation-app .creneau-reservation-summary .creneau-reservation--client {font-weight: bold;order: 2;width: calc(100% - 24px); text-align: left;} #reservation-app #liste-creneaux .creneau-reservation .control {display: block;width: 100%;order: 3;text-align: right;margin-top: 8px;} #reservation-app #liste-creneaux .creneau-reservation .control button {max-width: calc(33.33% - 8px);width: 32px;height: 28px;margin: 4px;position: relative;box-shadow: 0 0 8px 2px rgb(64 74 91 / 10%); opacity: 0.5;display: inline-block;vertical-align: middle;} #reservation-app #liste-creneaux .creneau-reservation .control button:hover {opacity: 1;} #reservation-app #liste-creneaux .creneau-reservation .control button.creneau-reservation--select {text-align: center; background-color: #A5CF4D !important;} #reservation-app #liste-creneaux .creneau-reservation .control button.creneau-reservation--edit {background-color: #00B6BD !important;} #reservation-app #liste-creneaux .creneau-reservation .control button.creneau-reservation--move {background-color: #B10059 !important;} #reservation-app #liste-creneaux .creneau-reservation .control button.creneau-reservation--delete {background-color: #c0392b !important;} #reservation-app #liste-creneaux .creneau-reservation button img {width: 16px;height: auto;filter: invert(1); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #reservation-app #loader {width: 100%; max-width: 580px;} #reservation-app .creneau-reservation-edit {} .reservation-edit-form-mail { margin-bottom: 0; margin-top: 8px; } .creneau-reservation--edit-mail { filter: invert(1); height: 16px; margin-left: 12px; margin-top: -4px; } #reservation-app .creneau-reservation-edit #reservation-contact-edit--massage {margin: 16px 0;} #reservation-app .creneau-reservation-edit #reservation-contact-edit--massage label { font-size: 14px;vertical-align: middle;display: inline-block;line-height: 1.6;} #reservation-app .creneau-reservation-edit #reservation-contact-edit--massage input[type="checkbox"], #reservation-app #add-reservation--massage-edit[type="checkbox"], #reservation-app #add-reservation--bonCadeau-edit[type="checkbox"] {width: 20px;height: 20px;background-color: #fff;border: 1px solid #005A6C;padding: 0;display: inline-block;vertical-align: middle;margin-right: 8px;border-radius: 4px;} #reservation-app .creneau-reservation-edit #reservation-contact-edit--massage input[type="checkbox"][value="on"], #reservation-app #add-reservation--massage-edit[type="checkbox"][value="on"], #reservation-app #add-reservation--bonCadeau-edit[type="checkbox"][value="oui"] {background-color: #005A6C;} #reservation-app .resto .creneau-reservation-edit #reservation-contact-edit--massage input[type="checkbox"], #reservation-app .resto #add-reservation--massage-edit[type="checkbox"] {border-color: #A5CF4D;} #reservation-app .resto .creneau-reservation-edit #reservation-contact-edit--massage input[type="checkbox"][value="on"], #reservation-app .resto #add-reservation--massage-edit[type="checkbox"][value="on"] {background-color: #A5CF4D;} #reservation-app #liste-creneaux .creneau-reservation .creneau-reservation-edit button {height: auto;border: 1px solid #fff;padding: 8px;width: 100%;display: block;} #reservation-app .reservation-move-form {} #reservation-app .reservation-move-form .reservation-move-form--loading { font-size: 13px;} #reservation-app .reservation-move-form .reservation-move-form--time {width: 100%;padding: 4px 24px;margin: 8px 0;border: 0;background-position: center right 10px;background-repeat: no-repeat;background-size: 12px;background-image: url(https://oreade-balneo-restaurant.fr/wp-content/themes/kote-theme/images/arrow-down.svg);} #reservation-app .reservation-move-form .reservation-move-form--confirm {margin-top: 8px;} #reservation-app .reservation-move-form .reservation-move-form--confirm, #reservation-app .reservation-move-form .reservation-move-form--cancel { padding: 0 !important;margin: 0 !important;} #reservation-app .actions-creneau--capacite-save { background-color: #A5CF4D !important;padding: 8px 24Px !important;} #reservation-app section.add-reservation {} #reservation-app section.add-reservation input {width: 100%;border: 0;margin: 4Px 0;font-size: 16px;padding: 8px;border-radius: 4px;} #reservation-app section.add-reservation > select {position: relative;width: 100%;padding: 8px;border-radius: 4Px;font-size: 16px;background-color: #DEE1E6;border: 0;margin: 4px auto;} #reservation-app section.add-reservation button.add-reservation--save {background-color: #005A6C;width: 100%;padding: 12px;display: table;margin-bottom: 24Px;} #reservation-app .balneo section.add-reservation button.add-reservation--save { background-color: #005A6C;} #reservation-app .resto section.add-reservation button.add-reservation--save { background-color: #A5CF4D;} #reservation-app [name='email'] { display: none;} /* RECHERCHE ADMIN */ #admin-search {box-shadow: 0 0 20px 10px rgb(64 74 91 / 15%);text-align: center;padding: 40px;border-radius: 16px;margin-bottom: 40px;} #admin-search input[type='text'] {width: calc(100% - 140px - 8px);margin-right: 8px;height: 47px;border: 1px solid #A7A7A7;} #admin-search button {background-color: #B10059;height: 48px;padding: 12px 24px 12px;line-height: 1;width: 140px;} #admin-search button#admin-search-close {width: 100%;padding: 12px 24px;margin-top: 16px;line-height: 1;height: auto;} #admin-search-input, #admin-search-results div a {display: flex; flex-wrap: wrap; justify-content: center;} #admin-search-results {font-weight: bold;margin-top: 24px;} #admin-search-results div {border-bottom: 1px solid #A7A7A7;padding: 8px 0;} #admin-search-results a {color: #A7A7A7;} #admin-search-results span { padding: 0 8px;} #admin-search-results span:nth-of-type(1) { width: 100px;} #admin-search-results span:nth-of-type(2) { width: 80px;} #admin-search-results span:nth-of-type(3) {width: 100px;} #admin-search-results span:nth-of-type(4) {} #admin-search-results span:nth-of-type(5) {} /* VUE PLANNING */ #planning .planning-activite {position: relative;} #planning .planning-activite h3 {max-width: 800px;margin: 40px auto;color: #000;font-weight: bold;} #planning .planning-activite h3 input[value="Imprimer"] {border: 0;background-color: #B10059;font-size: 18px;text-transform: uppercase;padding: 8px 32px;line-height: 1;position: absolute;right: 0;} #planning .planning-activite .planning-activite-reservation { display: block;border-bottom: 1px solid #A7A7A7;padding: 12px 0; font-weight: bold;} #planning .planning-activite .planning-activite-reservation a {display: flex; flex-wrap: wrap; justify-content: start;} #planning .planning-activite .planning-activite-reservation a {color: #A7A7A7;} .planning-activite-reservations h4 { display: flex; justify-content: center; font-weight: bold; margin-top: 3rem; margin-bottom: 1rem; > :first-child { width: 200px; text-align: left; } } #planning .planning-activite .planning-activite-reservation .planning-reservation--creneau {display: inline-block;vertical-align: top;text-align: left;} #planning .planning-activite .planning-activite-reservation .planning-reservation--contact, #planning .planning-activite .planning-activite-reservation .planning-reservation--details {display: inline-block;vertical-align: top;text-align: left;padding: 0 12px;overflow-wrap: break-word;} #planning .planning-activite .planning-activite-reservation .planning-reservation--creneau {width: 10%;} #planning .planning-activite .planning-activite-reservation .planning-reservation--personnes {width: 8%;} #planning .planning-activite .planning-activite-reservation .planning-reservation--contact {width: 36%;} #planning .planning-activite .planning-activite-reservation .planning-reservation--details {width:46%;} #planning .planning-activite .planning-activite-reservation .planning-reservation--contact {} #planning .planning-activite .planning-activite-reservation .planning-reservation--contact span {display: block;width: 100%;} #planning .planning-activite .planning-activite-reservation .planning-reservation--contact span:nth-of-type(2) {font-weight: normal;line-height: 1.3;font-size: 16px;} #planning .planning-activite .planning-activite-reservation .planning-reservation--contact span:nth-of-type(3){display: none;} #planning .planning-activite .planning-activite-reservation .planning-reservation--details span {width: 100%; display: block;} #planning .planning-activite .planning-activite-reservation .next-seven { position:relative; display: flex; gap: 16px; margin-top: 16px; } #planning .planning-activite .planning-activite-reservation .next-seven:before {content: '🧐'; display: block;} /* PAGE MON COMPTE RESA */ #liste-reservations-client {margin-bottom: 80px;} #liste-reservations-client button {background-color: #c0392b; border: 0;} #mon-compte-app .reservations-filter { margin-bottom: 24px;} #mon-compte-app .reservations-filter button {padding: 12px 24px;line-height: 1;} @media print { #admin-search, .navbar, #planning .planning-activite h3 input[value="Imprimer"], html #PanierHeader, button#set-mode-planning, #admin-step-1 > h2:first-child, #vue-date-current, #navigation-step, html section.Slider {display: none;} .site-header .home-link {position: relative;margin: 0 auto 24px;} #reservation-app #reservation-steps {box-shadow: inherit; padding: 0;} #planning .planning-activite h3 {color: #000;font-weight: bold;margin: 0;font-size: 32px;padding: 6px 24px;} #planning .planning-activite:nth-of-type(2) h3 { background-color: #7D427B;} html header {display: none;} html #planning, html #planning .planning-activite .planning-activite-reservation .planning-reservation--contact span:nth-of-type(2) {font-size: 12pt !important;line-height: 14pt;} .planning-activite-reservations h4 { margin-top: 24px; margin-bottom: 12px; } } body { scroll-behavior: smooth; }