/*

Theme Name: Josephine 

Theme URI: http://quarktheme.com

Author: Philippe Morlhon

Author URI: http://maddisondesigns.com/

Description: Quark is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom theme options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. Quark is WooCommerce compatible, Multilingual Ready (WPML) and translated into Spanish, German and French.

Version: 1.3.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, gray, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

Text Domain: josephine

*/

/* ==========================================================================

   Fonts declaration

   ========================================================================== */


/*@font-face {
	font-family: 'omnesmedium';
	src: url('fonts/omnesmedium-roman-webfont.eot');
	src: local('?'), url('fonts/omnesmedium-roman-webfont.woff') format('woff'), url('fonts/omnesmedium-roman-webfont.ttf') format('truetype'), url('fonts/omnesmedium-roman-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'omnes';
    src: url('fonts/omnes_light-webfont.eot');
    src: url('fonts/omnes_light-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('fonts/omnes_light-webfont.woff2') format('woff2'),
         url('fonts/omnes_light-webfont.woff') format('woff'),
         url('fonts/omnes_light-webfont.ttf') format('truetype'),
         url('fonts/omnes_light-webfont.svg#omneslight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/* ==========================================================================

   Default stylings from HTML5 Boilerplate

   ========================================================================== */

html { height: 100%; }

/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }



/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */

body { margin: 0; font-size: 18px; font-family: 'Lato', sans-serif; }

::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }


a { color: #400d27; text-decoration: none; outline: none; transition: all 0.5s ease; }
a:visited { color: #400d27; text-decoration: none; }
a:hover { color: #870174; text-decoration: none; }

menu { padding: 0; }

td { vertical-align: top; }


/* ==========================================================================

   Basic page styles

   ========================================================================== */



body { margin: 0 auto; padding: 0; min-height: 100%; text-align: left; }

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */

canvas { -ms-touch-action: double-tap-zoom; }

/* Make sure videos and embeds fit their containers */

embed, iframe, object, video { max-width: 100%; }

.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }

/* Responsive images */

img { border: 0; max-width: 100%; height: auto; vertical-align: top; }
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0;  }

/* Header */

h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: 400; margin-top: 0; }

h1 { margin-bottom: 10px; font-size: 200%; }
h2 { margin-bottom: 8px; font-size: 180%; }
h3 { margin-bottom: 6px; font-size: 160%; }
h4 { margin-bottom: 5px; font-size: 140%; }
h5 { margin-bottom: 5px; font-size: 120%; }
h6 { margin-bottom: 5px; font-size: 110%; }

ol, ul { list-style: none outside none; }
p, ol, ul, dl, address { margin: 0; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

dt { font-style: normal; font-weight: 700; }

ins { background: none repeat scroll 0 0 #FFF9C0; text-decoration: none; }

.alignleft { display: inline; float: left; margin: 0 20px 16px 0; }
.alignright { display: inline; float: right; margin: 0 0 16px 20px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 16px; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote { border-left: 5px solid #333; margin: 0 0 18px 20px; padding: 0 0 0 16px; }
blockquote.pull-right { border-left: 0 none; border-right: 5px solid #333; margin: 0 20px 18px 0; padding: 0 16px 0 0; float: none; }
blockquote p { font-style: italic; font-weight: 400; font-size: 24px; margin-bottom: 0; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right; }
blockquote cite:before { content: "\2014 "; }
blockquote cite { font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.125; color: #999; display: block; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; }

code, pre { border-radius: 3px; color: #555; font-size: 12px; font-size: 0.75rem; padding: 0 3px 2px; }
code { background-color: #f7f7f9; border: 1px solid #e1e1e8; padding: 2px 4px; }

abbr, dfn, acronym { border-bottom: 1px dotted #666; cursor: help; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -15px; }
sub { bottom: -5px; }

.wp-caption { max-width: 100%; padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-weight: 400; font-size: 14px; color: #777; text-align: center; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; }
#primary .entry-content [id^="gallery-"] img { border: none; }

/* Text meant only for screen readers */

.assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.menu-toggle, button, input { font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.25; margin: 0; font-size: 100%; vertical-align: middle; }
.menu-toggle, button, input { *overflow: visible; line-height: normal; }
.menu-toggle::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="button"] { width: auto; }
.menu-toggle, .btn, input[type="submit"] { display: inline-block; *display: inline; padding: 8px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 16px; line-height: 1.25; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.menu-toggle, a.btn { color: #333333; text-decoration: none; }
.menu-toggle:hover, .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; }
.btn:first-child { *margin-left: 0; }
.menu-toggle:hover, .btn:hover, input[type="submit"]:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.menu-toggle:focus, .btn:focus, input[type="submit"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.menu-toggle:active, .btn.active, .btn:active, input[type="submit"]:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); position:relative;
 top:1px; }
.btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn.disabled:active, .btn[disabled]:active { top:0; }
button.btn, input[type="submit"].btn { *padding-top: 2px; *padding-bottom: 2px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
.btn-large, input[type="submit"].btn-large { padding: 10px 15px; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-small, input[type="submit"].btn-small { padding: 5px 9px; font-size: 13px; }

/* Form fields */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { font-family: inherit; padding: 8px; font-family: inherit; border: 1px solid #ccc; border-radius: 3px; }
/*select { max-width: 100%; }*/

/* Small headers */

.archive-title, .page-title, .entry-content th, .comment-content th { font-style: normal; font-weight: 700; font-size: 14px; line-height: 2; text-transform: uppercase; }


/* ==========================================================================

   Site specific styles

   ========================================================================== */

#wrapper { width: 100%; position: relative; text-align: left; }

#headercontainer { width: 100%; }

.site-header { clear: both; width: 100%; font-size: 16px; margin: 0 auto; padding: 10px 30px; position: relative; color: #000; text-align: center; } 
.site-title h1 { }
.site-title img { vertical-align: text-bottom; }
.site-title a { color: #333; font-size: 64px; text-decoration: none; }

#bannercontainer { width: 100%; margin-top: 10px; }

.banner { color: #eaeaea; width: 90%; max-width: 1200px; margin: 0 auto; padding: 15px 0; min-height: 75px; }
.home .banner .widget { margin: 24px 0; }
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 { color: #eaeaea; }
.banner h1 { font-size: 56px; }
.banner h2 { font-size: 32px; }

#maincontentcontainer .home-sidebar .widget { background-color: #fcfcfc; border: 1px solid #bbb; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px; }
#maincontentcontainer { width: 100%; height: 100%; }

.site-content { clear: both; width: 100%; margin: 0 auto; padding: 0; color: #04252c; position: relative; }

.home-sidebar { width: 90%; max-width: 1200px; margin: 0 auto; padding-bottom: 32px; }

.home.page .site-content { padding-bottom: 0; }
.home.page .site-content article { margin-bottom: 0; }

/* Social Media icons */

.social-media-icons { float: right; height: auto; }
.social-media-icons ul { list-style: none; margin: 6px 0 0 0; padding: 0; }
.social-media-icons li { display: inline-block; font-size: 0.6rem; text-align: left; }
.social-media-icons a { color: #333; text-decoration: none; }
.social-media-icons a:visited { color: #333; }
.social-media-icons a:hover, .social-media-icons a:active { color: #2997ab; }

/* ==========================================================================

   Main Content

   ========================================================================== */

.entry-meta { clear: both; }

.comments-link { font-style: italic; font-weight: 400; font-size: 14px; float: right; }

.entry-header { margin-bottom: 16px; }

.entry-header .entry-title a { text-decoration: none; }

.entry-header h1 a:visited { color: #333; }
.entry-header h1 a:hover { 	color: #2997ab; }

article.sticky .featured-post { font-style: normal; font-weight: 400; border-top: 4px double #aaa; border-bottom: 4px double #aaa; color: #777; font-size: 16px; line-height: 3; margin-bottom: 24px; text-align: center; }
article.sticky { border-bottom: 4px double #aaa; } 

.site-content article { margin-bottom: 40px; -ms-word-wrap: break-word; -webkit-hyphens: auto; word-wrap: break-word; }

.header-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 5px 0; *zoom: 1; }
.header-meta:before, .header-meta:after { content: ""; display: table; }
.header-meta:after { clear: both; } 
.header-meta a { text-decoration: none; }
.header-meta a:visited { color: #333; }
.header-meta a:hover { color: #2997ab; }
.entry-content { margin-bottom: 20px; *zoom: 1; }
.entry-content:before, .entry-content:after { content: ""; display: table; }
.entry-content:after { clear: both; } 
.post-categories a, .post-tags a { font-size: 14px; background-color: #333; color: #fff; padding: 0 5px; margin: 0 3px 0 0; display: inline; text-decoration: none; }
.post-categories a:visited, .post-tags a:visited { color: #fff; }
.post-categories a:hover, .post-tags a:hover { background-color: #2997ab; color: #fff; }
.entry-header address, .comment-content address { font-style: italic; font-weight: 400; display: block; }
.entry-header address { display: inline; }
.entry-header time, .entry-header address { font-style: italic; font-weight: 400; font-size: 14px; margin: 0 20px 0 0; }

.page-links { clear: both; line-height: 1.75; color: #333; }
.page-links .page-numbers { background-color: #333; border: 1px solid #333; padding: 2px 4px; color: #fff; }
.page-links a { text-decoration: none; }
.page-links a .page-numbers { background-color: transparent; color: #333; }
.page-links a:hover .page-numbers { background-color: #2997ab; color: #fff; }

.more-link { text-decoration: none; }
.post-edit-link { text-decoration: none; }

.entry-content dl, .comment-content dl { margin: 0 24px; }
.entry-content dt, .comment-content dt { font-style: normal; font-weight: 700; line-height: 1.5; }
.entry-content dd, .comment-content dd { line-height: 1.5; margin-bottom: 24px; }

.entry-content table, .comment-content table { border-bottom: 1px solid #ccc; font-size: 14px; line-height: 2; margin: 0 0 24px; width: 100%; }
.entry-content table caption, .comment-content table caption { font-size: 16px; margin: 24px 0; }
.entry-content td, .comment-content td { border-top: 1px solid #ccc; padding: 6px 10px 6px 0; }
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul { margin: 0 0 24px; line-height: 1.5; padding: 0; }
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; }
.entry-content ul, .comment-content ul { list-style: disc outside; }
.entry-content ol, .comment-content ol { list-style: decimal outside; }
.entry-content li, .comment-content li { margin: 0 0 0 28px; }


/* ==========================================================================

   Post Formats

   ========================================================================== */



.entry-media { margin: 0 auto 16px; max-width: 792px; width: 100%; }
.entry-media .wp-caption, .entry-media .wp-caption-text, .entry-media [class*="align"] { margin: 0 auto; }

/* Aside */

.format-aside .entry-content { margin: 20px 0 18px 0; }
.format-aside .entry-content p:last-child { margin-bottom: 0; }

/* Status */

.format-status .entry-content { border-left: 5px solid #ddd; margin: 20px 0 18px 0; padding: 0 0 0 15px; }
.format-status .entry-content p { font-size: 20px; font-style: italic; }
.format-status .entry-content p:last-child { margin-bottom: 0; }

/* Quote */

.format-quote .entry-content blockquote:before { font-weight: normal; font-style: normal; speak: none; vertical-align: top; font-size: 40px; content: "\f10d"; color: #ddd; top: -15px; left: 0; position: absolute; z-index: -1; }
.format-quote .entry-content { margin-top: 24px; position: relative; }
.format-quote .entry-content blockquote { border: none; margin-left: 40px; }

/* Audio */

.format-audio .wp-audio-shortcode { margin-bottom: 16px; }


/* ==========================================================================

   Archives

   ========================================================================== */



.archive-header, .page-header { margin-bottom: 32px; border-bottom: 1px solid #CCCCCC; }
.archive-meta { font-style: italic; font-weight: 400; color: #777; font-size: 14px; line-height: 2; margin-top: 16px; }



/* ==========================================================================

   Widgets

   ========================================================================== */

.widget-area ul { list-style: none outside none; padding-left: 0; }
.widget-area .widget { -moz-hyphens: auto; -ms-word-break: break-all; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; word-break: break-word; margin-bottom: 48px; }
.widget select { margin-left: 1px; }
.widget-area .widget ul ul { margin-left: 12px; }
.widget_rss li { margin: 12px 0; }
.widget_recent_entries .post-date, .widget_rss .rss-date { font-size: 12px; margin-left: 12px; }

#wp-calendar { margin: 0; width: 100%; font-size: 14px; line-height: 2; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: center; }
#wp-calendar thead { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#wp-calendar caption { font-style: normal; font-weight: 700; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background-color: #ddd; }
#wp-calendar tfoot { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#wp-calendar #next { padding-right: 24px; text-align: right; }

.widget_search label { display: block; font-size: 14px; line-height: 1.5; }
.widget_twitter li { list-style-type: none; }
.widget_twitter .timesince { display: block; text-align: right; }


/* ==========================================================================

   Content Navigation

   ========================================================================== */

.site-content nav { clear: both; line-height: 2; overflow: hidden; display: inline-block; }

#nav-above { padding: 24px; }
#nav-above { display: none; }

.paged #nav-above { display: block; }

.nav-previous, .previous-image { float: left; width: 50%; line-height: 1.3; }
.nav-previous a, .nav-next a { text-decoration: none; }

.nav-next, .next-image { float: right; text-align: right; width: 50%; line-height: 1.3; }
.nav-single + .comments-area, #comment-nav-above { margin: 48px 48px 48px 0; }

ul.page-numbers { padding: 0; margin: 0; text-align: center; line-height: 2; }

li a.page-numbers, li span.page-numbers { padding: 5px; border: 1px solid #333; text-decoration: none; }
li a:visited.page-numbers { color: #333; }
li a:hover.page-numbers { background-color: #2997ab; color: #fff; }
li a:hover.prev, li a:hover.next { background-color: transparent; color: #2997ab; }

.page-numbers li { display: inline; }
li span.current { background-color: #333; color: #fff; }
li a.prev, li a.next, li span.dots { border: none; }



/* ==========================================================================

   Main Navigation

   ========================================================================== */

.main-navigation { text-align: left; }

.nav-menu { font-style: normal; font-size: 100%; }
.main-navigation ul { list-style: none; margin: 15px 0 0 0; padding: 0; overflow: hidden; float: right; }
.main-navigation li { float: left; position: relative; margin: 0; padding: 0px 10px 6px 10px; }
.main-navigation li:first-child { padding: 0px 10px 6px 80px; }


.main-navigation ul ul li { margin: 0; }
.main-navigation li.menu-parent-item > a:after { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; content: " \f078"; }
.main-navigation ul li li.menu-parent-item > a:after { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; content: " \f054"; }
.main-navigation ul a { padding: 0; }
.main-navigation ul ul a { padding: 0 5px; }
.main-small-navigation a, .main-navigation a { display: block; text-decoration: none; color: #FFFFFF; font-size: 90%; font-weight: normal; transition: all 0.5s ease; }
.main-small-navigation a:hover, .main-navigation a:hover { color: #b8bbd3; font-weight: normal; }
.main-navigation ul ul { display: none; position: absolute; left: 0; z-index: 99999; line-height: 1.7; background-color: #333; -webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); }
.main-navigation ul ul ul { left: 100%; top: 0; }
.main-navigation ul ul a { color: #fff; }
.main-navigation ul ul li { }

/*.main-navigation li:hover > a { color: #b8bbd3; }*/
.main-navigation ul ul :hover > a { color: #333; background-color: #fff; }
.main-navigation ul ul a:hover { color: #48A529; }
.main-navigation ul li:hover > ul { display: block; }
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_parent > a { color: #400d27; }
.main-navigation ul .divider { border-bottom: 1px solid #aaa; height: 0; line-height: 0.0625; overflow: hidden; }

.main-navigation ul li.dropdown-header a, .main-navigation ul li.current-menu-item ul .dropdown-header a { color: #aaa; background-color: #333; }

/* Small menu toggle for mobile devices */

.menu-toggle { cursor: pointer; }
.main-small-navigation .nav-menu { display: none; }


/* ==========================================================================

   WPML translation plugin

   ========================================================================== */


#lang_sel { width: 65%; height: 35px; }
#lang_sel li { width: 100%; }
#lang_sel ul ul { top: 35px; width: 100%; }
#lang_sel a.lang_sel_sel { border-radius: 3px; }
#lang_sel a, #lang_sel a:visited { font-size: 16px; padding: 5px 0 5px 10px; }

.main-navigation .menu-item-language .iclflag { margin-top: 7px; }
#lang_sel .iclflag { margin-top: 2px; }
#lang_sel .lang_sel_sel .iclflag { margin-top: 6px; }
#lang_sel_footer .iclflag, #lang_sel_footer .icl_lang_sel_current { margin-top: 6px; }


/* ==========================================================================

   Non-semantic helper classes from HTML5 Boilerplate

   Please define your styles before this section.

   ========================================================================== */

/* For image replacement */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }


/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==========================================================================

   Print styles from HTML5 Boilerplate

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

}


/* ==========================================================================

   CUSTOM

   ========================================================================== */

body { background-color: #FFFFFF; }
#primary { padding-top: 50px; }
#wrapper { width: 100%; padding: 0; margin: 0; }
.center_cont { width: 1200px; max-width: 100%; margin: 0 auto; padding: 0; }
.center_cont_mid { width: 1300px; max-width: 100%; margin: 0 auto; padding: 0; }
.center_cont_full { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; }

img.fullimage { display: block; width: 100%; max-width: 100%; height: auto; }

a.roundlink { display: inline-block; margin-top: 20px; color: #400d27; border: 2px solid #400d27; background: transparent; font-size: 100%; padding: 6px 14px; border-radius: 18px; transition: all 0.5s ease; }
a.roundlink:hover { background: #400d27; color: #FFFFFF; }

a.roundlink2 { display: inline-block; margin-top: 20px; color: #FFFFFF; border: 2px solid #400d27; background: #400d27; font-size: 100%; padding: 6px 14px; border-radius: 18px; transition: all 0.5s ease; }
a.roundlink2:hover { background: transparent; color: #400d27; }

/*a.textlink { color: #5a5a5b; }*/

/* header */

/*#headercontainer { display: block; position: fixed!important; z-index: 999999; top: 0; width: 100%; max-width: 100%; min-height: 150px; overflow: hidden; background: url('../../uploads/2018/02/Header.png') no-repeat 50% 0%; background-size: 100% auto; }*/
#headercontainer { display: block; position: fixed!important; z-index: 999999; top: 0; width: 100%; max-width: 100%; min-height: 150px; overflow: hidden; background: url('../../uploads/2020/12/Header2.png') no-repeat 50% 0%; background-size: 100% auto; }

#headercontainer_inner { }
#headercontainer_inner header { overflow: hidden; padding-top: 30px; }
#headercontainer_inner header h1 { display: block; float: left; }
#headercontainer_inner header #header_menu { display: block; float: left; padding: 0; }

#menu-item-732 { padding: 10px 20px; /*color: #01887E;*/ border-radius: 5px; margin-left: 10px; /*animation: pulse 2s infinite;*/ background-color: #400d27; color: #FFFFFF; }
#menu-item-732 a { /*color: #01887E;*/ color: #FFFFFF; }

@keyframes pulse {
  0% {
    background-color: #FFFFFF;
  }
  50% {
    background-color: #93D6D1;
  }
  100% {
    background-color: #FFFFFF;
  }

}


/* footer */

/*#footercontainer { display: block; min-height: 160px; padding: 40px 0; background: #400d27; overflow: hidden; }*/
#footercontainer { display: block; min-height: 160px; padding: 40px 0; background: #400d27; overflow: hidden; }
#footercontainer footer { padding: 0; width: 100%; overflow: hidden; }
#footer_inner { overflow: hidden; }
#footer_col1, #footer_col2, #footer_col3 { display: block; float: left; width: 33.33%; text-align: left; padding: 0; margin: 0; }
#footer_col2, #footer_col3 { padding-left: 20px; }
#footer_col1 a, #footer_col2 a, #footer_col3 a { display: inline-block; color: #FFFFFF!important; font-size: 90%; line-height: 120%; transition: all 0.5s ease; }
#footer_col1 a:hover, #footer_col2 a:hover, #footer_col3 a:hover { color: #b8bbd3!important; }
#footer_col2 a { margin-bottom: 5px; }
#footer_col3 li { text-align: right; }
#footer_col3 li:first-child a { display: inline-block; font-size: 180%; margin: 0 0 40px 20px; } 
#footer_col3 li:last-child span { display: block; font-size: 80%; color: #FFFFFF; }

a#donfooter2 { display: inline-block; margin-top: 30px; color: #FFFFFF; border: 2px solid #FFFFFF; background: #400d27; font-size: 100%; padding: 6px 14px; border-radius: 18px; transition: all 0.5s ease; }
a#donfooter2:hover { background: #FFFFFF; color: #400d27!important; }


/* homepage */

#header_home { display: block; overflow: hidden; background: #b8bbd3; }
#header_home_img { display: block; overflow: hidden; width: 100%; position: relative; padding-bottom: 40px; }
#header_home_img img { display: block; position: relative; width: 100%; height: auto; }
#header_home_img h2 { display: block; position: absolute; z-index: 10; width: 1200px; max-width: 100%; left: 15%; top: 20%; color: #FFFFFF; font-size: 200%; }
#header_home_cont { display: block; width: 100%; padding: 60px 0 100px 0; }
#header_home_intro { display: block; text-align: center; font-size: 120%; color: #400d27; padding: 30px 100px; }
.showbottom { display: block; position: absolute; z-index: 20; width: 88px; height: 88px; top: 100%; left: 50%; margin-left: -44px; margin-top: -110px; cursor: pointer; }

.part_home { display: block; overflow: hidden; }
.part_home_cont { padding: 100px 0; overflow: hidden; }
.part_home_cont h3 { display: block; width: 30%; float: left; color: #400d27; font-size: 200%; }
.part_home_cont_inner { display: block; width: 70%; float: left; color: #5A5A5B; padding-left: 50px; font-size: 120%; }

#parcours_home { background: #FFFFFF; }
#parcours_home .salon_level2 ul { padding-left: 80px; }
#parcours_home .salon_level2 li { width: 20%; text-align: center; padding-bottom: 15px; }
#parcours_home .salon_level2 li a { font-size: 75%; line-height: 120%; display: block; }
#parcours_home .salon_level2 li img { display: block; margin: 0 auto; }

#compteurs_home { display: none; background: #dbc69b; padding: 100px 0; }
#compteurs_home_cont { display: block; overflow: hidden; padding: 0; list-style-type: none; }
#compteurs_home_cont li { display: block; float: left; width: 33.33%; text-align: center; }
#compteurs_home_cont li .compteurs_home_cont_chiffre { display: block; width: 100%; text-align: center; padding: 0 0 20px 0; font-size: 250%; color: #400d27; background: url('../../uploads/2018/03/bg-compteurs.png') no-repeat 50% 100%; }
#compteurs_home_cont li .compteurs_home_cont_texte { display: block; width: 230px; margin: 20px auto 0 auto; text-align: center; color: #5A5A5B; }

#salons_home { background: #FFFFFF; }
#home_salons_liste { display: block; overflow: hidden; padding: 0; list-style-type: none; }
#home_salons_liste li { display: inline-block; padding: 0 20px 0 0; }

#actus2_home { background : #dbc69b; }
.actus2_home_slider_element { position: relative; }
.actus2_home_slider_element a { position: absolute; left: 50%; bottom: 30px; transform: translate(-50%); word-wrap: normal; min-width: 60%; text-align: center; }


/* pages common */

#header_pages { display: block; overflow: hidden; }
.header_pages_img { display: block; overflow: hidden; width: 100%; position: relative; padding-bottom: 40px; }
.header_pages_img img { display: block; position: relative; width: 100%; height: auto; }
.header_pages_img h1 { display: inline-block; color: #400d27; position: absolute; max-width: 52%; z-index: 10; left: 6%; top: 40%; transform: translate(0, -40%); font-size: 240%; padding: 3px 10px; border-radius: 5px;  background: rgba(255,255,255,0.5); }
.header_pages_cont { display: block; padding: 60px 0 100px 0; color: #5a5a5b; }

.part_pages { display: block; overflow: hidden; }
.part_pages_cont { padding: 100px 0; overflow: hidden; color: #5a5a5b; }
.part_pages_cont h2 { color: #400d27; margin-bottom: 30px; font-weight: bold; }
.part_pages_cont h3, .header_pages_cont h3 { color: #400d27; font-size: 140%; }
.smalltexte { font-size: 90%; }
.midwidthtexte { width: 750px; max-width: 100%;  }

/* beauté */

.header_beaute { background-color: #dbc69b; }
.beaute_edito h2 { color: #400d27; margin-bottom: 30px; }
#parcours_beaute { background: #b8bbd3 url('../../uploads/2019/04/Parcours.png') no-repeat 100% 0%; background-size: auto 400px; }
#accueils_beaute { /*background: #dbc69b;*/ }
#orienter_beaute { background: #dbc69b url('../../uploads/2019/04/orienter-une-femme.png') no-repeat 100% 0%; background-size: auto 400px; }
#orienter_beaute_cont_inner ul { margin: 30px 0; padding: 0; }
#orienter_beaute_cont_inner ul li { display: block; margin-bottom: 15px; background: url('../../uploads/2019/05/pink-dot.png') no-repeat 0% 8px; padding: 0 0 0 30px; }
#orienter_beaute_cont_inner ul+p { font-size: 90%; }
#elem_beaute .part_pages_cont { padding: 0 0 100px 0; } 
#elem_beaute_liste { display: block; width: 100%; padding: 0; margin: 0; }
#elem_beaute_liste li { display: block; width: 100%; overflow : hidden; padding: 60px 0; margin: 40px 0; border-top: 2px solid #400d27; }
#elem_beaute_liste li:first-child { border-top: none; padding: 0; }
#elem_beaute_liste li:nth-child(2) { border-top: none; padding: 40px 0; }

#elem_beaute_liste li:last-child { padding: 60px 0 0 0; }
.elem_beaute_liste_item_left { width: 50%; float: left; }
.elem_beaute_liste_item_right { width: 50%; float: left; }
.elem_beaute_liste_item_right h3 { color: #400d27; margin-bottom: 30px; }
.elem_beaute_liste_item_right .elem_beaute_liste_item_accroche { margin-bottom: 30px; font-weight: bold; }
.elem_beaute_liste_item_right .elem_beaute_liste_item_content { font-size: 90%; }

#accueils_beaute_cont_inner .salon_level2 ul { padding-left: 80px; }
#accueils_beaute_cont_inner .salon_level2 li { width: 20%; text-align: center; padding-bottom: 15px; }
#accueils_beaute_cont_inner .salon_level2 li a { font-size: 75%; line-height: 120%; display: block; }
#accueils_beaute_cont_inner .salon_level2 li img { display: block; margin: 0 auto; }

/* amis */
.header_amis { background-color: #dbc69b; }
.amis_edito h2 { color: #400d27; }
#elem_amis { background-color: #b8bbd3; }
#partenaires_intro, #partenaires { margin-bottom: 40px; }
#partenaires { margin-top: 40px; }
#partenaires2 { margin-top: 40px; }
.liste_partenaires { display: block; width: 100%; padding: 0; margin: 20px 0 40px 0; overflow: hidden; }
.liste_partenaires li { display: inline-block; padding: 0 10px; }
.liste_partenaires li img { height: 80px; width: auto; opacity: 1; transition: all 0.5s ease; margin-bottom: 30px; }
.liste_partenaires li img:hover { opacity: 0.8; }

.liste_partenaires2 { display: block; width: 100%; padding: 0; margin: 20px 0 40px 0; overflow: hidden; }
.liste_partenaires2 li { display: inline-block; padding: 0 10px; }
.liste_partenaires2 li img { width: auto; opacity: 1; transition: all 0.5s ease; }
.liste_partenaires2 li img:hover { opacity: 0.8; }

#reseau_amis { background-color: #FFFFFF; }
#merci_amis { background: #dbc69b url('../../uploads/2019/04/Benevoles.png') no-repeat 100% 0%; background-size: auto 400px; }

/* soins */
.header_soins { background-color: #dbc69b; }
.soins_edito h2 { color: #400d27; }
#elem_soins_liste { display: block; width: 100%; padding: 0; margin: 0; }
#elem_soins_liste li { display: block; width: 100%; overflow : hidden; padding: 60px 0; margin: 40px 0; border-top: 2px solid #400d27; }
#elem_soins_liste li:first-child { border-top: none; padding: 40px 0; }
#elem_soins_liste li:last-child { padding: 60px 0 0 0; }
.elem_soins_liste_item_left { width: 50%; float: left; position: relative; }
.elem_soins_liste_item_left .pastille_picto { display: block; position: absolute; width: 180px; height: 180px; border-radius: 90px; top: 0; right: 80px; padding: 10px; }
.elem_soins_liste_item_left .pastille_picto img { }
.elem_soins_liste_item_right { width: 50%; float: left; }
.elem_soins_liste_item_right h3 { color: #400d27; font-weight: normal; margin-bottom: 30px; }
.elem_soins_liste_item_right ul { display: block; margin: 20px 0 0 0; padding: 0; font-size: 90%; }
.elem_soins_liste_item_right p { margin: 0 0 30px 0; font-size: 120%; }
.elem_soins_liste_item_right ul li { display: block; border-top: none!important; padding: 0 0 0 40px!important; background: url('../../uploads/2019/04/arrow-grey.png') no-repeat 0% 4px; background-size: auto 16px; margin: 0 0 15px 0!important; line-height: 20px; }
#ateliers_soins { background: #b8bbd3 url('../../uploads/2019/09/ateliers-Image.png') no-repeat 100% 0%; background-size: auto 400px; }
#ateliers_soins_cont_inner ul { margin: 30px 0; padding: 0; }
#ateliers_soins_cont_inner ul li { display: block; margin-bottom: 15px; background: url('../../uploads/2019/05/pink-dots2.png') no-repeat 0% 8px; padding: 0 0 0 30px; font-size: 90%; }

/* formations */
.header_formations { background-color: #dbc69b; }
.formations_edito h2 { color: #400d27; }
#atelier_formations { background: #b8bbd3 url('../../uploads/2019/05/atelier-talents.png') no-repeat 100% 0%; background-size: auto 400px; }
a.link_plaquette { display: block; font-size: 90%; margin-top: 20px; }
a.link_plaquette img { display: block; max-width: 150px; height: auto; margin: 0 0 15px 0; box-shadow: 10px 10px 11px -4px rgba(204,204,204,1); opacity: 1; transition: all 0.5s ease; }
a.link_plaquette img:hover { opacity: 0.8; }
#formation_formations { background: #ffffff url('../../uploads/2019/05/formation-beaute.png') no-repeat 100% 0%; background-size: auto 400px; }
.formation_formations_cont_liste { display: block; width: 100%; overflow: hidden; }
.formation_formations_cont_liste_left { display: block; float: left; width: 50%; padding: 30px 20px 0 0; font-size: 90%; color: #400d27; }
.formation_formations_cont_liste_right { display: block; float: left; width: 50%; padding: 30px 0 0 20px; font-size: 90%; color: #400d27; }
.formation_formations_cont_liste_left ul, .formation_formations_cont_liste_right ul { color: #5a5a5b; padding: 0; margin: 20px 0 0 0; border-left: 1px solid #400d27; }
.formation_formations_cont_liste_left ul li, .formation_formations_cont_liste_right ul li { display: block; padding: 0 0 10px 20px; }
#ecoles_formations { background: #dbc69b; }
#ecoles_formations_cont_inner { color: #400d27; font-size: 120%; }

/* association */ 
.header_association { background-color: #dbc69b; }
.association_edito { width: 900px; max-width: 100%; background-size: 80px auto; background: url('../../uploads/2019/04/edito.png') no-repeat top left; padding-left: 180px; }
.association_edito h2 { color: #400d27; font-weight: bold; }
#action_association { background: #FFFFFF url('../../uploads/2019/05/impact.png') no-repeat 100% 0%; background-size: auto 400px; }
#action_association_more { display: none; width: 100%; overflow: hidden; margin-top: 40px; font-size: 90%; }
#action_association_left, #action_association_right { width: 50%; float: left; }
#action_association_left img, #action_association_right img { max-width: 100%; height: auto; }
#action_association_left { padding: 0 20px 0 0; }
#action_association_right { padding: 0 0 0 20px; }
#action_association_right h3 { color: #400d27; font-size: 120%; }
#chiffres_association { background-color: #b8bbd3; }
.chiffres_level { display: block; width: 100%; overflow: hidden; padding: 60px 0; }
#chiffres_level1 { padding-top: 0; }
#chiffres_level1 ul { display: block; width: 50%!important; float: left; margin: 0; padding: 0; font-size: 400%; color: #b8bbd3; overflow: hidden; } 
#chiffres_level1 ul li { display: block; float: left; background-color: #400d27; border-right: 4px solid #b8bbd3; padding: 10px 20px; }
#chiffres_level1 ul li:first-child { padding: 10px 20px 10px 50px; border-radius: 50px 0 0 50px; }
#chiffres_level1 ul li:last-child { padding: 10px 50px 10px 20px; border-radius: 0 50px 50px 0; border-right: none; }
#chiffres_level1 p { width: 50%; float: left; font-size: 200%; color: #400d27; padding-top: 10px; }
#chiffres_level2 { border-top: 2px solid #FFFFFF; }
#chiffres_level2 ul { display: block; width: 100%; margin: 0; padding: 0; overflow: hidden; }
#chiffres_level2 ul li { display: block; width: 15%; float: left; text-align: left; }
#chiffres_level2 ul li span { display: block; color: #400d27; font-size: 300%; margin-bottom: 10px; }
#chiffres_level2 ul li:first-child { width: 40%; font-weight: bold; font-size: 140%; text-align: left; }
#chiffres_level2 ul li:first-child img { display: block; margin-bottom: 20px; }
#chiffres_level3 { border-top: 2px solid #FFFFFF; }
#chiffres_level3 ul { display: block; width: 100%; margin: 0; padding: 0; overflow: hidden; }
#chiffres_level3 ul li { display: block; width: 20%; float: left; text-align: left; }
#chiffres_level3 ul li img { display: inline-block; margin-bottom: 10px; }
#chiffres_level3 ul li span { display: block; color: #400d27; font-size: 140%; margin-bottom: 10px; }
#chiffres_level3 ul li:first-child { width: 40%; font-weight: bold; font-size: 140%; text-align: left; }
#chiffres_level3 ul li:first-child img { display: block; margin-bottom: 20px; }

#historique_association { background: #FFFFFF url('../../uploads/2019/05/bg-historique1.png') repeat-y 50% 0%; }
#historique_association .part_pages_cont { padding: 100px 0 0 0; }
#historique_association ul { display: block; width: 100%; padding: 0; margin: 0; background: #FFFFFF url('../../uploads/2019/05/bg-historique1.png') repeat-y 50% 0%; }
#historique_association ul li { display: block; width: 100%; padding: 20px 0 0 0; margin: 0; overflow: hidden; background: transparent url('../../uploads/2019/05/bg-historique2.png') no-repeat 50% 0%; }
#historique_association ul li:last-child { background: transparent url('../../uploads/2019/05/bg-historique3.png') no-repeat 50% 0%; padding-bottom: 100px; }
.historique_association_inner { display: block; width: 50%; }
.historique_association_inner h3 { color: #FFFFFF; padding : 16px 0 12px 60px; margin: 0; }
#historique_association ul li:nth-child(even) .historique_association_inner h3 { padding : 16px 0 12px 20px; }
.historique_association_inner_body { font-size: 90%; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-radius: 0 0 40px 40px; padding: 20px 20px 40px 20px; }
#historique_association ul li:nth-child(odd) .historique_association_inner { float: right; padding-left: 40px; }
#historique_association ul li:nth-child(odd) .historique_association_inner .historique_association_inner_header { background : url('../../uploads/2019/05/tetiere-historique2.png') no-repeat 0% 0%; background-size: cover; }
#historique_association ul li:nth-child(odd) .historique_association_inner .historique_association_inner_body { margin-left: 39px; }

#historique_association ul li:nth-child(even) .historique_association_inner { float: left; padding-right: 40px; }
#historique_association ul li:nth-child(even) .historique_association_inner .historique_association_inner_header { background : url('../../uploads/2019/05/tetiere-historique.png') no-repeat 0% 0%; background-size: cover; }
#historique_association ul li:nth-child(even) .historique_association_inner .historique_association_inner_body { margin-right: 38px; }
#historique_association ul li:first-child .historique_association_inner_body em { display: block; font-size: 120%; color: #400d27; padding: 30px 0 70px 20px; }

#team_association { background-color: #dbc69b; }
#team_association_liste { display: block; width: 100%; margin: 0; padding: 0; overflow: hidden; }
#team_association_liste li { display: block; padding: 30px 0; overflow: hidden; }
.team_association_item_left { width: 30%; float: left; padding: 0 30px 0 0; }
.team_association_item_left img { max-width: 100%; height: auto; }
.team_association_item_right { width: 70%; float: left; }
.team_association_item_right h3 { color: #400d27; font-size: 140%; }
.team_association_item_right .team_associatione_item_fonction { font-weight: bold; font-size: 120%; margin-bottom: 30px; }
.team_association_item_right .team_associatione_item_content { margin-bottom: 30px; font-size: 90%; }
.team_association_item_right .team_associatione_item_email {}

#groupesos_association { background-color: #FFFFFF; }
#groupesos_association_cont { overflow: hidden; }
#groupesos_association_cont_inner { width: 60%; float: left; }
#groupesos_association_cont_inner b, #groupesos_association_cont_inner strong { color: #400d27; font-size: 120%; font-weight: normal; }
#groupesos_association_logo { width: 40%; float: left; text-align: center; }

/* salons */
.header_salons { background-color: #dbc69b; }
.header_salons .header_pages_cont { position: relative; }
.edito_salons h2 { color: #400d27; }
.edito_salons h4 { color: #400d27; font-size: 120%; }
.salons_submenu { display: block; position: absolute; top: 0; left: 800px; width: 280px; }
.salons_submenu ul { display: block; width: 100%; margin: 70px 0 0 0; padding: 40px 0 0 0; background: url('../../uploads/2019/05/bg-salonssubmenu1.png') repeat-y 0% 0%; }
.salons_submenu ul li { display: block; width: 100%; padding: 0 0 20px 40px; font-size: 90%; background: url('../../uploads/2019/05/bg-salonssubmenu2.png') no-repeat 0% 0%; }
.salons_submenu ul li:last-child { background: url('../../uploads/2019/05/bg-salonssubmenu3.png') no-repeat 0% 0%; }

#liste_salons_cont {}
#liste_salons_liste { display: block; width: 100%; margin: 0; padding: 0; }
#liste_salons_liste li.elem_salon { display: block; width: 100%; padding: 30px 0 60px 0; margin: 30px 0; border-bottom: 2px solid #400d27; }
#liste_salons_liste li.elem_salon:last-child { padding: 30px 0 30px 0; border-bottom: none; }
p.video { display: block; min-height: 44px; color: #400d27; padding: 0 0 0 60px; width: 250px; background: url('../../uploads/2019/05/picto-video.png') no-repeat 0% 0%; margin-bottom: 20px; }

.salon_level1 { display: flex; width: 100%; overflow: hidden; }
.salon_level1_slider_outer { width: 800px; float: left; padding: 50px 0; }
.salon_level1_infos_outer { flex: 1; max-width: 370px; margin: 10px 0; }
.salon_level1_infos { height: 100%; background: #6b9fad; border-radius: 40px; padding: 40px; box-shadow: 5px 5px 5px 0px rgba(102,102,102,0.6); }
.salon_level1_infos h5 { margin-bottom: 20px; }
.salon_level1_infos .coordonees { font-size: 90%; margin-bottom: 30px; }
.salon_level1_infos .horaires { font-size: 90%; margin-bottom: 30px; }
.salon_level1_infos .telephone { font-size: 90%; margin-bottom: 10px; }
.salon_level1_infos .link_plaquette { margin-top: 30px; }
.salon_level1_infos .rs { display: block; margin-top: 10px; margin-bottom: 10px; }
.salon_level1_infos .rs p { display: inline-block; }
.salon_level1_infos .rs a { display: inline-block; margin-right: 10px; }

.salon_level2 { width: 100%; overflow: hidden; margin-top: 30px; }
.salon_level2 ul { display: block; width: 100%; padding: 0; margin: 20px 0 0 0; overflow: hidden; }
.salon_level2 ul li { display: block; width: 62px; float: left; text-align: center; margin-right: 18px; }
.salon_level2 ul li:last-child { margin-right: 0; }
.salon_level2 ul li img { width: 62px; height: auto; }
.soins_complement { margin-top: 20px; }
.salon_level3 { width: 100%; overflow: hidden; margin-top: 30px; }
.salon_level3 ul { display: block; width: 100%; padding: 0; margin: 20px 0 0 0; overflow: hidden; }
.salon_level3 ul li { display: block; width: 120px; float: left; text-align: center; margin-right: 40px; }
.salon_level3 ul li:last-child { margin-right: 0px; }
.salon_level3 ul li img { display: block; width: 120px; height: auto; }
.salon_level3 ul li p { display: block; margin: 10px 0 0 0; font-size: 80%; width: 120px; text-align: left; }
.salon_level3 ul li p b { display: block; color: #400d27; font-size: 120%; font-weight: normal; }
.salon_level3 ul li.equipe_complement { color: #400d27; font-size: 120%; }

/* contact */

#header_contact { display: block; overflow: hidden; }
#header_contact_img { display: block; overflow: hidden; width: 100%; position: relative; padding-bottom: 40px; }
#header_contact_img img { display: block; position: relative; width: 100%; height: auto; }
#header_contact_img h2 { display: block; position: absolute; z-index: 10; width: 1200px; max-width: 100%; left: 20%; top: 60%; color: #FFFFFF; font-size: 200%; }
#contact_main_inner { overflow: hidden; }
#contact_left { display: block; width: 50%; float: left; padding-bottom: 30px; }
#contact_right { display: block; width: 50%; float: left; }


/* page salon paris */
.sectionparis { min-height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; font-size: 120%; }
.sectionparis_inner { padding: 0 20px; overflow: hidden; position: relative; } 

.section_paris_left { width: 50%; float: left; padding: 0 20px 0 0; overflow: hidden; }
.section_paris_right { width: 50%; float: left; padding: 0 0 0 20px; }

#sectionparis_home { padding-top: 200px; }
#sectionparis_home .section_paris_left img { max-width: 75%; display: block; margin: 0 auto; }
#sectionparis_home .section_paris_right h1 { font-size: 70px; color: #e0457a; margin-bottom: 50px; }
.sectionparis_home_texte { text-align: left; color: #e0457a; font-size: 100%; }
.visite { display: block; margin-bottom: 80px; margin-top: 80px; }
.visite a { display: inline-block; color: #e0457a; border: 1px solid #e0457a; vertical-align: middle; padding: 12px 33px; font-size: 15px; font-weight: 300; background-color: #FFFFFF; line-height: 2em; letter-spacing: .18em; transition: all 0.5s ease; }
.visite a:hover { color: #FFFFFF; background-color: #e0457a; }
.edgtf-btn.edgtf-btn-icon>i, .edgtf-btn.edgtf-btn-icon>span:not(.edgtf-btn-text) { position: relative; display: inline-block; vertical-align: top; margin: 0 0 0 4px; font-size: 1.142857142857143em; line-height: inherit; }
.edgtf-btn.edgtf-btn-icon>i:before, .edgtf-btn.edgtf-btn-icon>span:not(.edgtf-btn-text):before { display: block; line-height: inherit; }
.arrow_carrot-down:before { content: "\25bc"; }

.sectionparis_title { display: block; width: 50%; text-align: left; margin-bottom: 40px; margin-left: 29%; padding-left: 5px; }
.section_paris_left_plan { width: 60%; float: left; }
.section_paris_left_plan img { max-width: 80%; display: block; margin: 0 auto; }
.section_paris_left_texte { width: 40%; float: left; color: #54585a; font-weight: 300; height: 100%; }
.section_paris_left_texte_inner { display: flex; justify-content: center; align-items: center; }


.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 1200px) { 

	#sectionparis_home { padding-top: 80px; }
	
}

@media only screen and (max-width: 900px) { 

	.sectionparis { font-size: 110%; }
	.section_paris_left { width: 100%; float: none; padding: 0 0 20px 0; }
	.section_paris_right { width: 100%; float: none; padding: 0 0 20px 0; }
	.sectionparis { min-height: 150vh; }
	.sectionparis_title { display: block; width: 100%; text-align: center; margin-left: 0; padding-left: 0; }
	.section_paris_left_plan { width: 50%; float: left; }
	.section_paris_left_plan img { max-width: 75%; }
	.section_paris_left_texte { width: 50%; }
	.section_paris_right iframe { display: block; margin: 40px auto 0 auto; }
	
}

@media only screen and (max-width: 580px) { 

	.sectionparis { min-height: 110vh; }

	#sectionparis_home { padding-top: 40px; }
	#sectionparis_home .section_paris_left img { max-width: 100%; }

	#sectionparis_home .section_paris_right h1 { font-size: 40px; margin-top: 40px; }
	.section_paris_left_plan { width: 100%; float: none; }
	.section_paris_left_texte { width: 100%; float: none; margin-top: 20px; }


}

body.page-id-20 .pastille_picto { display: none; }
.elem_soins_liste_item_left .pastille_picto { top: -10px; right: 20px; }
.elem_soins_liste_item_left .pastille_picto img { width: 80px; }

img.roundedimage { border-radius: 50%; }

.page-id-22 a.link_plaquette { display: none; }

.page-id-18 #salon_67 .salon_level1_infos h5 + div + h5 + div + h5 { display: none; }