/* Theme Name: Cartographe Master Author: Cereal Concept Author URI: http://www.cerealconcept.com Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: cartographe ________ _______ ________ _______ ________ ___ ________ ________ ________ ________ _______ ________ _________ |\ ____\ |\ ___ \ |\ __ \ |\ ___ \ |\ __ \ |\ \ |\ ____\ |\ __ \ |\ ___ \ |\ ____\ |\ ___ \ |\ __ \ |\___ ___\ \ \ \___| \ \ __/| \ \ \|\ \\ \ __/| \ \ \|\ \\ \ \ \ \ \___| \ \ \|\ \\ \ \\ \ \\ \ \___| \ \ __/| \ \ \|\ \\|___ \ \_| \ \ \ \ \ \_|/__\ \ _ _\\ \ \_|/__\ \ __ \\ \ \ \ \ \ \ \ \\\ \\ \ \\ \ \\ \ \ \ \ \_|/__\ \ ____\ \ \ \ \ \ \____ \ \ \_|\ \\ \ \\ \|\ \ \_|\ \\ \ \ \ \\ \ \____ \ \ \____ \ \ \\\ \\ \ \\ \ \\ \ \____ \ \ \_|\ \\ \ \___| \ \ \ \ \_______\\ \_______\\ \__\\ _\ \ \_______\\ \__\ \__\\ \_______\ \ \_______\\ \_______\\ \__\\ \__\\ \_______\\ \_______\\ \__\ \ \__\ \|_______| \|_______| \|__|\|__| \|_______| \|__|\|__| \|_______| \|_______| \|_______| \|__| \|__| \|_______| \|_______| \|__| \|__| */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Général # Header # Navigation # HP # A Propos # Inscriptions # Pages Normales # Footer # Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Général --------------------------------------------------------------*/ @font-face { font-family: 'League Gothic'; src: url("leaguegothic-condenseditalic-webfont.woff2") format('woff2'), url("leaguegothic-condenseditalic-webfont.woff") format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'League Gothic'; src: url("leaguegothic-condensedregular-webfont.woff2") format('woff2'), url("leaguegothic-condensedregular-webfont.woff") format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'League Gothic'; src: url("leaguegothic-italic-webfont.woff2") format('woff2'), url("leaguegothic-italic-webfont.woff") format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'League Gothic'; src: url("leaguegothic-regular-webfont.woff2") format('woff2'), url("leaguegothic-regular-webfont.woff") format('woff'); font-weight: 400; font-style: normal; } a { text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; outline: none; } .site-content a { text-decoration: none; border-bottom: 1px dotted; font-weight: 600; color: #222; } html { position: relative; width: 100%; height: 100%; overflow-y: scroll; } body { position: relative; width:100%; height: 100%; background: url("background10.png") repeat-y center center; background-size: contain; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, button, input, select, textarea { font-family: 'Lato', 'Open Sans', sans-serif; } button:focus, input:focus, select:focus, textarea:focus button:active, input:active, select:active, textarea:active button:hover, input:hover, select:hover, textarea:hover { outline: none; } h1, h2 { font-family: 'League Gothic', 'Open Sans', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; letter-spacing: 0px; } h5, h6, h4, h3 { font-family: 'Lato', 'Open Sans', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; } h1 { font-size: 4.2em; font-weight: 500; margin-bottom: 0; letter-spacing: 1px; line-height: 1.3; text-transform: uppercase; } h2 { font-size: 40px; font-weight: 900; } h3 { font-size: 35px; font-weight: 500; margin-top: 10px; margin-bottom: 20px; font-weight: 300; font-style: italic; } h4 { font-size: 21px; font-weight: 700; font-weight: 900; margin: 20px 0 0; } h5 { font-size: 16px; font-weight: 900; } h6 { font-size: 16px; } .admin-bar .site-header { top: 32px; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], input[type=number], input[type=search], textarea { border-radius: 0; border: 1px dotted #d6d6d6; border-top: 0; border-right: 0; padding: 5px 15px; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } @media (max-width: 992px) { h1 { font-size: 3.4em; } h2 { font-size: 34px; } h3 { font-size: 30px; } h4 { font-size: 18px; } h5 { font-size: 15px; } h6 { font-size: 14px; } } @media (max-width: 767px) { h1 { font-size: 2.8em; } h2 { font-size: 30px; } h3 { font-size: 27px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 14px; } } @media (max-width: 565px) { h1 { font-size: 2.4em; } h2 { font-size: 28px; } h3 { font-size: 25px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 14px; } body, button, input, select, textarea { font-size: 0.95rem; } } /*-------------------------------------------------------------- # Wordpress Core --------------------------------------------------------------*/ .alignnone { margin: 15px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 15px auto 5px auto; } .alignright { float:right; margin: 15px 0 20px 20px; } .alignleft { float: left; margin: 15px 20px 20px 0; } a img.alignright { float: right; margin: 15px 0 20px 20px; } a img.alignnone { margin: 15px 20px 20px 0; } a img.alignleft { float: left; margin: 15px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header { position: absolute; top: 0; right: 0; left: 0; height: 50px; width: 100%; padding-top: 20px; z-index: 99; } .header-content { width: 1170px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .header-logo { -webkit-box-flex:1; -ms-flex:1; -webkit-flex:1; flex:1; padding: 0 30px; height: 50px; max-width: 220px; } .header-logo img { position: relative; top: 0; height: auto; width: auto; } .menu-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .home.page .menu-header { } .menu-header.left { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .menu-header.right { } .menu-header ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; list-style:none; padding:0; margin: 0; } .menu-header li { margin-left: 5px; text-align: center; } .menu-header li:first-child { margin-left: 0; } .menu-header li a { color: #2b2e31; font-weight: 600; font-size: 16px; line-height: 18px; display: block; padding: 3px 15px; } .menu-header li a:hover, .menu-header li a:focus, .menu-header li a:active { color: #6f6648; outline: none; } .menu-header li.inscription a { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); color: #000; -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); border: 2px solid #fadc73; border-radius: 5em; padding: 12px 30px; -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out; -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out; } .menu-header li.inscription a:hover { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); /*border-color:#fff;*/ color: #000; -webkit-box-shadow: 0 2px 3px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 2px 3px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out; -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out; } .has-submenu { position: relative; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } ul.submenu { display: none; position: absolute; left: 15px; margin-top: 0; background: #fff; border-radius: 5px; box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); padding: 0.5rem 0rem; width: 175px; } ul.submenu li { text-align: left; } .has-submenu:hover > ul.submenu { display: block; } .menu-responsive { display: none; } .menu-responsive .liste-menu { display: none; } .toggle-menu-responsive { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; list-style: none; padding: 0; margin: 0; } .toggle-menu-responsive a { border: 2px solid; border-radius: 5em; color: #fadc73; border-color: #fadc73; padding: 8px 24px; background: rgba(0,0,0,0.1); font-size: 13px; line-height: 16px; font-weight: 600; text-transform: uppercase; display: block; background: #2b2e31; -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out; } .toggle-menu-responsive a:hover { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); border-color: #fadc73; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out; } .menuresponsive { display: none; position: fixed; top: 5%; right: 5%; left: 5%; bottom: 5%; background: #fff; z-index: 999999; text-align: center; } .menuresponsive .menubox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; } .menuresponsive .menuinner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .menuresponsive ul { display: block; } .menuresponsive li { margin-bottom: 15px; display: block; } .menuresponsive li a { text-shadow: none; color: #333; text-transform: uppercase; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .menuresponsive li.inscription a { border: 0; border-radius: 0; color: #333333; background: transparent; display: inline-block; padding: 0; -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out; } .menuresponsive li.inscription a:hover { background:transparent; color: #333; text-shadow: none; } .menuresponsive li a:hover, .menuresponsive li a:focus, .menuresponsive li a:active { text-decoration: none; opacity: 0.9; color: #333; } .menuresponsive li.active a { font-weight: 900; color: #212121; } .menu-header ul.liste-menu-responsive { list-style:none; padding:0; } .menuresponsive hr { width: 30%; } .menuresponsive .logo { text-align: left; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .menuresponsive .logo h2 { color: #333; } .menuresponsive .logo img { max-height: 90px; margin: 25px 25px 0; } .menuresponsive .footer-social { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; padding-bottom: 25px; } .menuresponsive .closebutton { position: absolute; z-index: 9999; top: 0; right: 0; line-height: 50px; width: 50px; height: 50px; cursor: pointer; text-align: center; font-family: Arial,sans-serif; background: #fff; background: rgba(255,255,255,.3); color: #000; } .menuresponsive .closebutton::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; background: url("closeinfo-red.png") no-repeat center center, #fff; } /* Responsive */ @media (max-width: 1200px) { .header-logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0; margin-left: 15px; margin-right: 15px; min-width: 115px; padding-top: 5px; } .menu-header.left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .menu-header.right { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (min-width: 992px) and (max-width: 1200px) { .header-content { width: 970px; } .header-logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .menu-header.left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .menu-header.right { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (max-width: 992px) { .header-logo { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } .site-header { margin-top: 35px; background: #f7d978; padding-top: 0; } .menu-header li a { font-size: 13px; line-height: 16px; padding: 2px 12px; } .menu-header li.inscription a { padding: 8px 24px; } .menu-header.right { padding-right: 15px; -webkit-box-flex: 5; -ms-flex: 5; -webkit-flex: 5; flex: 5; } .header-content { padding: 5px 0; } .menu-header.left { -webkit-box-flex: 5; -ms-flex: 5; -webkit-flex: 5; flex: 5; } } @media (min-width: 768px) and (max-width: 992px) { .header-content { width: 750px; } .menu-header.right { position: absolute; top: -35px; right: 0; background: #6f6648; height: 35px; border-radius: 5em 0 0 0; padding-left: 25px; padding-top: 10px; } .menu-header.right li a { color: #fff; font-size: 12px; } .menu-header.right li.inscription a { padding: 6px 18px; } } @media (max-width: 767px) { .menu-responsive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; list-style: none; padding: 0 15px 0 0; margin: 0; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .menu-header.left { display: none; } } @media (min-width: 565px) and (max-width: 767px) { .header-content { width: auto; } } @media (max-width: 565px) { .header-content { width: auto; } .menu-header.right { display: none; } .menu-responsive { -webkit-box-flex: 5; -ms-flex: 5; -webkit-flex: 5; flex: 5; } .menuresponsive .footer-social { margin-top: 0px; padding-bottom: 10px; } .menuresponsive hr, .menuresponsive .footer-social hr { width: 30%; margin-bottom: 15px; margin-top: 15px; } .menuresponsive .footer-social-title { margin-bottom: 5px; } .menuresponsive li { margin-bottom: 10px; display: block; } .menuresponsive ul li:last-child { margin-bottom: 0px; } .menu-header li.inscription a { padding: 0; } .menume .logo img { max-height: 50px; margin: 25px 25px 0; } } /*-------------------------------------------------------------- # Cookie Consent Stuff --------------------------------------------------------------*/ #catapult-cookie-bar { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 0; opacity: 0; z-index: 99999; overflow: hidden; color: #ddd; position: fixed; left: 0; top: 0; width: 100%; background-color: #212121; } .ctcc-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .ctcc-right-side { margin-left: 20px; } button#catapultCookie { display: inline-block; padding: 4px 12px !important; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 18px; border-radius: 6em !important; border: 2px solid !important; color: #fadc73; background: rgba(0,0,0,0.1); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /*-------------------------------------------------------------- # HP --------------------------------------------------------------*/ /* LANDING */ .landing { position: relative; height: 85vh; background:url("backMap.jpg") no-repeat center center; background-size:cover; } .landing-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: -webkit-linear-gradient(#f5f5f5 0%, #f7d978); background-image: -o-linear-gradient(#f5f5f5 0%, #f7d978); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f7d978)); background-image: linear-gradient(#f5f5f5 0%, #f7d978); opacity: 0.92; } .landing-content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 55vh; padding-top: 100px; color: #2b2e31; text-align: center; width: 100%; margin: 0 auto; } .landing-content-inner { padding-bottom: 4.5em; } .landing-title { margin-top: 0; margin-bottom: 0; font-family: 'Lato', 'Open Sans', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-style: normal; text-transform: inherit; letter-spacing: 0; font-size: 30px; line-height: 1.1; text-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); } .landing-soustitle { margin-top: 0; margin-bottom: 1em; font-weight: 300; font-style: italic; font-size: 30px; } a.landing-button { display: inline-block; padding: 12px 30px; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 18px; border-radius: 6em; border: 2px solid; color: #fadc73; background: rgba(0,0,0,0.1); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } a.landing-button:hover { background: #fadc73; border-color:#fadc73; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .landing-down { display: block; margin: 0px auto 30px; width: 50px; height: 50px; padding: 0 10px; border-radius: 50%; } .landing-down img { height: 50px; -o-object-fit: contain; object-fit: contain; } .landing .modal-videoModal { display: none; } .featherlight-iframe .featherlight-content { border-bottom: 0; padding: 25px 20px 15px; background: #000; } #landing-autocomplete > .AutocompleteSlave { width: 50%; margin: auto; } #landing-autocomplete > .AutocompleteSlave .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 5em; -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); } #landing-autocomplete > .AutocompleteSlave label { display: block; text-align: left; padding: 0 0 0 70px; font-weight: 900; text-transform: uppercase; font-size: 14px; color: #2b2e31; margin-bottom: 0.5em; } #landing-autocomplete input { position: relative; z-index: 1; width: 85%; /*height: 40px;*/ padding: 5px 20px; border-radius: 5em 0em 0em 5em; border:none; } #landing-autocomplete input { width: 100%; padding: 14px 50px; background: #fff 20px 15px no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAALVBMVEX////MzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMxkerMOAAAADnRSTlMAECBAUGBwgJCgsMDg8BP4JusAAABmSURBVHjafc5BEoAgDEPRgFaB0tz/uFJ0YXHGN1n9VXBLSmrCW+VQQ+IUUvfSQzo8HQjETLBQxW8qOohvKPMl3al60vnfPabdj8dU/WVMHcicTIpxyhA+zXgTNC4ajAsDP5C3Rb4AV/QKDBVN6jkAAAAASUVORK5CYII=); border: 1px solid #e4e9ec; border-right: none; border-radius: 5em 0em 0em 5em; outline: 0; font-size: 18px; line-height: 1.2; font-weight: 400; color: #292e31; text-rendering: optimizeLegibility; -webkit-transition: border-color,-webkit-box-shadow; transition: border-color,-webkit-box-shadow; -o-transition: border-color,box-shadow; transition: border-color,box-shadow; transition: border-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-appearance: textfield; -moz-appearance: textfield; -ms-appearance: textfield; appearance: textfield; } #landing-autocomplete input:focus ~ .AutocompleteSlave-actions .button-text { border-color: #e8c264; -webkit-box-shadow: -4px 0 0 -1px white, 0 0 0 3px rgba(247, 217, 120, 0.5); box-shadow: -4px 0 0 -1px white, 0 0 0 3px rgba(247, 217, 120, 0.5); -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } #landing-autocomplete input:focus { border-color: #e5ba4f; -webkit-box-shadow: 0 0 0 3px rgba(247, 217, 120, 0.5); box-shadow: 0 0 0 3px rgba(247, 217, 120, 0.5); -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } #landing-autocomplete .AutocompleteSlave-actions { border-radius: 0em 5em 5em 0em; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #landing-autocomplete .AutocompleteSlave-actions .button-text { border-radius: 0em 5em 5em 0em; border: 1px solid #e4e9ec; border-left: none; background: #f7d978; text-rendering: optimizeLegibility; -webkit-transition: border-color,-webkit-box-shadow; transition: border-color,-webkit-box-shadow; -o-transition: border-color,box-shadow; transition: border-color,box-shadow; transition: border-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-box-sizing: content-box; box-sizing: content-box; width: 18px; padding: 10px 20px; } #landing-autocomplete .AutocompleteSlave-actions .button-text img { opacity: 0.7; } #landing-autocomplete .AutocompleteSlave-actions > a { position: absolute; left: -40px; width: 40px; top: 0; bottom: 0; padding: 10px; border: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #landing-autocomplete .AutocompleteSlave-actions > a { position: absolute; left: -40px; width: 40px; top: 0; bottom: 0; padding: 10px; border: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzMzM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5nZW9sb2M8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iOC45OTgiIGN5PSI4Ljk5OCIgcj0iMi42OTkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy42MzUsOC4xaC0xLjVBNy4yLDcuMiwwLDAsMCw5LjksMS44NjN2LTEuNUEwLjM2MSwwLjM2MSwwLDAsMCw5LjUzNywwSDguNDU2YTAuMzYxLDAuMzYxLDAsMCwwLS4zNjEuMzYxdjEuNUE3LjIsNy4yLDAsMCwwLDEuODYsOC4xaC0xLjVBMC4zNjEsMC4zNjEsMCwwLDAsMCw4LjQ2VjkuNTRBMC4zNjEsMC4zNjEsMCwwLDAsLjM2MSw5LjloMS41QTcuMiw3LjIsMCwwLDAsOC4xLDE2LjEzN3YxLjVBMC4zNjEsMC4zNjEsMCwwLDAsOC40NiwxOEg5LjU0QTAuMzYxLDAuMzYxLDAsMCwwLDkuOSwxNy42Mzl2LTEuNUE3LjIsNy4yLDAsMCwwLDE2LjEzNyw5LjloMS41QTAuMzYxLDAuMzYxLDAsMCwwLDE4LDkuNTRWOC40NkEwLjM2NCwwLjM2NCwwLDAsMCwxNy42MzUsOC4xWk05LDE0LjRBNS40LDUuNCwwLDEsMSwxNC40LDksNS40MDcsNS40MDcsMCwwLDEsOSwxNC40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 60%; opacity: 0.6; } #landing-autocomplete .AutocompleteSlave-actions > a > img { opacity: 0; visibility: hidden; } #landing-autocomplete > .AutocompleteSlave .input-group::before { content: ""; position: absolute; top: -65px; left: -50px; width: 130px; height: 120px; background: url("landingMarkers_yellowAndBlue.png"); background-size: contain; background-repeat: no-repeat; z-index: 0; } #landing-autocomplete > .AutocompleteSlave .input-group::after { content: ""; position: absolute; top: -65px; right: -50px; width: 82px; height: 120px; background: url("landingMarkers_red.png"); background-size: contain; background-repeat: no-repeat; z-index: 0; } .carrousel.slick-slider > .slick-list::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 90%; z-index: 1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.65)),to(rgba(0,0,0,0))); background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAZCAYAAADT59fvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNrsmuENgjAQRtH4XzawG8gGsoGO6Ai4AW6AG+AGOAFa09NLE6PEorW+l3xpCAkJ9OXoUSZ932fwEsbF0lzS8UgeM/uz+80vKdSYqWM5v3zj+icnnVC7sXXpvPPJMkm0YpWqwpQBhAnN0Ykmla9W8iFWRBWodKPN4ofvRyqeH8QaGZGoTECiobLVKogVUCSbOcviKwdPtA6xnndeVqANIg1i7wSrYnl1xiCWFmmJI0FenZUSrfsXsXIl04aqNDo7JVmbmli5EmnNXH91bbb9hGRjimWUTCvmNNoGoBqj0wwplvE6uAVz91PrMt1lNt8Sy2T3D5IFHVyynaZ8oG2HVjVfLL2HJgIZ1b3FtjUCn0W2oiT+3uft2IrF7w0QnCmPABALEAsQCwCxALEAsQAQCxALEAsgIGcBBgBtIHH8KUDPpgAAAABJRU5ErkJggg==) repeat-x bottom, rgba(0,0,0,0.5);*/ } .carrousel.slick-slider > .slick-list { -webkit-clip-path: polygon(0% 0%, 20% 1%, 50% 10%, 80% 1%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 20% 1%, 50% 10%, 80% 1%, 100% 0%, 100% 100%, 0% 100%); } /*.carrousel .slick-list::before { content: ""; position: absolute; top: 0; right: 92%; left: 0; bottom: 0; background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(hsla(0,0%,100%,0))); background: -webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0)); background: -o-linear-gradient(left,#fff 0,hsla(0,0%,100%,0)); background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0)); mix-blend-mode: color; z-index: 1; opacity: .99; } .carrousel .slick-list::after { content: ""; position: absolute; top: 0; left: 92%; right: 0; bottom: 0; background: -webkit-gradient(linear,right top,left top,color-stop(0,#fff),to(hsla(0,0%,100%,0))); background: -webkit-linear-gradient(right,#fff,hsla(0,0%,100%,0)); background: -o-linear-gradient(right,#fff 0,hsla(0,0%,100%,0)); background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0)); mix-blend-mode: color; z-index: 1; opacity: .99; }*/ .carrousel .slick-slide { position: relative; overflow: hidden; } .carrousel .slick-slide img { max-height: 100%; height: 30vh; } .carrousel .slick-slide .slide-content { position: absolute; z-index: 2; right: -5px; left: -5px; bottom: 0; background: rgba(0, 0, 0, 0.75); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10%; -webkit-clip-path: polygon(0% 10%, 20% 9%, 50% 0%, 80% 9%, 100% 10%, 100% 100%, 0% 100%); clip-path: polygon(0% 10%, 20% 9%, 50% 0%, 80% 9%, 100% 10%, 100% 100%, 0% 100%); opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .carrousel .slick-slide:hover .slide-content { opacity: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .carrousel .slick-slide .slide-content .slide-content-inner { position: relative; top: 15px; opacity: 0; padding: 20px; padding-top: 0; -webkit-transition: opacity 0.2s linear, top 0.2s ease; -o-transition: opacity 0.2s linear, top 0.2s ease; transition: opacity 0.2s linear, top 0.2s ease; } .carrousel .slick-slide:hover .slide-content .slide-content-inner { opacity: 1; top: 0; -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .carrousel .slide-content .slide-nom { font-weight: bold; line-height: 1; font-size: 15px; margin-bottom: 10px; } .carrousel .slide-content .slide-univers { line-height: 1.2; } .carrousel .slide-content .slide-univers { color: #b9b9b9; font-size: 13px; line-height: 1; font-weight: 600; margin-bottom: 10px; } .carrousel .slide-content .slide-cta { text-align: right; } .carrousel .slide-content .slide-cta a.incitations-button { padding: 4px 12px; font-weight: 600; font-size: 11px; } .carrousel .slick-prev, .carrousel .slick-next { width: auto; height: auto; } .carrousel .slick-prev { left: 25px; z-index: 3; } .carrousel .slick-next { right: 25px; z-index: 3; } .carrousel .slick-next::before, .carrousel .slick-prev::before { display: block; } .carrousel .slick-next::before { content: url("arrow_right.png"); } .carrousel .slick-prev::before { content: url("arrow_left.png"); } /* SECTION PRESENTATION */ .introduction { padding: 40px 0; background: #fff; } .introduction-content { text-align: center; font-size: 18px; } .presentation { padding: 60px 0 30px; text-align: center; background: #f9f9f9; } .presentation-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0 15px; } .presentation-content p { color: #777; line-height: 1.4; } .presentation-box-titre { display: inline-block; font-size: 22px; font-style: italic; font-weight: 900; margin: 20px 0 0; color: #444; } .presentation-box-titre::after { content: ''; display: block; width: 80%; margin: auto; border-bottom: 2px solid; } .presentation-icon { height: 100px; width: 100px; border-radius: 100%; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-image: url("backPresentation.png"); background-repeat: no-repeat; background-position: center center; background-size: 150%; background-blend-mode: multiply; } .search .presentation-icon { background-color: rgba(119, 184, 214, 0.8); -webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.60), 0px 0px 0px 7px rgba(119, 184, 214, 1); box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.60), 0px 0px 0px 7px rgba(119, 184, 214, 1); } .search .presentation-box-titre::after { border-color: rgba(119, 184, 214, 1); } .eye .presentation-icon { background-color: rgba(247, 217, 120, 0.9); -webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.90), 0px 0px 0px 7px rgba(247, 217, 120, 1); box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.90), 0px 0px 0px 7px rgba(247, 217, 120, 1); padding: 5px; } .eye .presentation-box-titre::after { border-color: rgba(247, 217, 120, 1); } .boutique .presentation-icon { background-color: rgba(228, 97, 78, 0.8); -webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.60), 0px 0px 0px 7px rgba(228, 97, 78, 1); box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.60), 0px 0px 0px 7px rgba(228, 97, 78, 1); } .boutique .presentation-box-titre::after { border-color: rgba(228, 97, 78, 1); } .logo .presentation-icon { background: transparent; padding: 5px; } .logo .presentation-box-titre::after { border-color: #333; } .presentation-icon.logo img { opacity: 1; } .presentation-icon img { opacity: 1; max-height: 100%; } #map-createurs { height: 600px; height: 95vh; } @media (max-width: 1200px) { .landing-title { font-size: 30px; } .landing-soustitle { font-size: 28px; } .landing-down { height: 30px; } #landing-autocomplete > .AutocompleteSlave { width: 75%; } } @media (min-width: 992px) and (max-width: 1200px) { } @media (max-width: 992px) { .landing-title { font-size: 28px; } .landing-soustitle { font-size: 26px; } } @media (min-width: 768px) and (max-width: 992px) { } @media (max-width: 767px) { .landing-title { font-size: 26px; } .landing-soustitle { font-size: 24px; } .landing-down { margin: 0px auto 10px; } .landing-down img { height: 30px; width: 20px; } a.landing-button { padding: 8px 24px; } .landing { overflow: hidden; } #landing-autocomplete input { width: 100%; padding: 14px 35px 14px 15px; background: #fff; background-image: none; } #landing-autocomplete > .AutocompleteSlave label { padding: 0 70px 0 70px; font-size: 12px; text-align: center; } #landing-autocomplete > .AutocompleteSlave .input-group::after, #landing-autocomplete > .AutocompleteSlave .input-group::before { top: -40px; } #landing-autocomplete > .AutocompleteSlave { width: 100%; } .carrousel .slick-slide .slide-content .slide-content-inner { top: 0; opacity: 1; } .carrousel .slick-slide .slide-content { opacity: 1; } } @media (min-width: 565px) and (max-width: 767px) { } @media (max-width: 565px) { .landing-title { font-size: 20px; } .landing-soustitle { font-size: 18px; } .landing-down { margin: -5px auto 5px; } } /*-------------------------------------------------------------- # APP // TODO : Régler la question du double style dans app et ici. --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Single Adresses --------------------------------------------------------------*/ .single .menu-header { -webkit-box-flex:5; -ms-flex:5; -webkit-flex:5; flex:5; } .adresse-header { position: relative; height: 450px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .adresse-header-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; } .adresse-header-background::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 125px; z-index: 1; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */ } .adresse-header-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.90); } .adresse-header-content-title, .adresse-header-content-profilpic { z-index: 2; } .adresse-header-content-title h1 { color: #2b2e31; font-style: italic; margin-bottom: 15px; } .adresse-header-content-profilpic { position: relative; width: 20%; margin-bottom: -75px; margin-right: 5%; background: #fff; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .adresse-header-content-profilpic::before { content: ''; display: block; padding-top: 100%; float: left; } .adresse-header-content-profilpic img { display: block; padding: 5%; border-radius: 0; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .adresse-header-content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; width: 1170px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .adresse-taxonomy { padding-top: 15px; padding-bottom: 15px; margin-bottom: 25px; } .adresse-taxonomy-link, .adresse-taxonomy-link:visited { color: #444; font-size: 13px; font-weight: 600; border-bottom: 1px dotted; border-bottom-color: #dfdfdf; } .adresse-taxonomy-title { color: #bbb; font-size: 13px; display: block; } .adresse-taxonomy-link:hover, .adresse-taxonomy-link:focus { color: #222; border-bottom-color: #444; } .adresse-description { background: #f5f5f5; padding: 10px 15px; margin: 0 -15px 25px; } .adresse-description-title { margin-top: 0; } .infos-pratiques > h4:first-child { margin-top: -2px; } .infos-pratiques { word-break: break-word; } .infos-pratiques-content { max-width: 100%; overflow: hidden; } .infos-pratiques-contacts { list-style: none; padding: 0; margin:0; } .infos-pratiques p { margin:2px 0 4px; } .infos-pratiques .adresse a { font-weight: 600; font-size: 13px; color: #000; border-bottom: 1px dotted #999; margin-bottom: 4px; display: inline-block; } .infos-pratiques .adresse a:hover { border-bottom-style: solid; } .social-networks h4 { margin-bottom: 15px; } .social-networks a { border-bottom: none; } .social-network { display: inline-block; margin-right: 10px; } .map { height: 180px; } .sidebar-single-adresse { padding-top: 100px; } .infos-content { background:#fff; } .realisations { margin-bottom: 25px; width: 100%; } .realisation { min-height: 180px; width: 33.333333333%; position: relative; float: left; } .realisation video { min-height: 100%; min-width: 100%; max-width: 100%; max-height: 100%; } .realisation-background.video { background: #212121; } .realisation-background.video::before { content: ""; position: absolute; top: 45%; right: 45%; width: 25px; height: 25px; background: url("https://lescaledescreateurs.com/wp-content/themes/Cartographe2/img/play2.png") center center no-repeat; background-size:contain; } .realisation-full video { max-width: 100%; height: auto; position: relative; z-index: 9; } .realisation-full { display: none; } .realisation a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .realisation-background { position: absolute; top: 2px; right: 2px; left: 2px; bottom: 2px; } .realisation-infos { display: none; position: absolute; right: 2px; left: 2px; bottom: 2px; height: auto; color: #fff; word-break: break-word; padding: 10px 20px; opacity: 0.0; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .realisation-infos .realisation-titre { text-transform: uppercase; font-size: 14px; font-weight: 900; color: #e9e9e9; } .realisation-infos .realisation-description { font-size: 12px; font-weight: 900; color: #e9e9e9; } .realisation:hover .realisation-infos { opacity: 1; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .realisation-full { position: relative; } .realisation-full .realisation-infos { opacity: 1; right: 0; left: 0; bottom: 0; z-index: 1; } .realisation .realisation-background::after { content:''; opacity: 0; position: absolute; top: 50%; right: 0px; left: 0px; bottom: 0px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.55))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .realisation-full::after { content:''; opacity: 1; position: absolute; z-index: 0; top: 50%; right: 0; left: 0; bottom: 0px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.55))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); } .realisation-full.video::after { display: none; } .realisation:hover .realisation-background::after { opacity: 0; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .realisation a { border-bottom: none; } .realisation:hover { cursor: pointer; } .single-adresses .featherlight .featherlight-content { border-bottom: 0; padding: 25px 20px 0; } .single-adresses span.featherlight-next { bottom: 16px; right: 20px; } .single-adresses span.featherlight-previous { left: 20px; right: 80%; bottom: 16px; } .single-adresses .addresse-ville { color: #999; } .single-adresses .img-focus { width: 22px; height: 22px; opacity: 0.5; position: relative; top: 5px; } .single-evenements .date { padding: 10px 20px; margin: 10px 0; background: rgba(119, 184, 214, 0.2); } .single-evenements .date img { width: auto; height: 20px; margin-right: 10px; } #comments { clear: both; padding: 2em 0 0.5em; } .comments-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 1.5em; } .comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; } .comment-list li:before { display: none; } .comment-body { margin-left: 65px; } .comment-author { font-size: 16px; font-size: 1rem; margin-bottom: 0.4em; position: relative; z-index: 2; } .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } .comment-author .says { display: none; } .comment-meta { margin-bottom: 1.5em; } .comment-metadata { color: #767676; font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase; } .comment-metadata a { color: #767676; } .comment-metadata a.comment-edit-link { color: #222; margin-left: 1em; } .comment-body { color: #333; font-size: 14px; font-size: 0.875rem; margin-bottom: 4em; } .comment-reply-link { font-weight: 800; position: relative; } .comment-reply-link .icon { color: #222; left: -2em; height: 1em; position: absolute; top: 0; width: 1em; } /* Responsive */ @media (min-width: 992px) and (max-width: 1200px) { .adresse-header-content { width: 970px; } } @media (min-width: 768px) and (max-width: 992px) { .adresse-header-content { width: 750px; } } @media (max-width: 767px) { .adresse-header-content { width: 100%; } .adresse-header-content-profilpic { position: relative; width: 140px; min-width: 140px; margin-bottom: -70px; } .row.frontpage-content-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .adresse-header-content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .adresse-header-content-profilpic { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-right: 0; } .adresse-header-content-title { text-align: center; display: block; width: 100%; } .adresse-header { margin-bottom: 70px; } .adresse-taxonomy-taxline { text-align: center; margin-bottom: 15px; } } @media (max-width: 565px) { .autres-adresses-row { display: none; } .sidebar-single-adresse { padding-top: 25px; text-align: center; } } /*-------------------------------------------------------------- # FEATHERLIGHT --------------------------------------------------------------*/ .featherlight .featherlight-close-icon { background: transparent; } .featherlight-close-icon::after { content:""; position: absolute; top: 0; bottom: 0; right:0; left: 0; z-index: 2; background: url("closeinfo-red.png") no-repeat center center; } .featherlight-next { opacity: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)),color-stop(82%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1a1a', endColorstr='#1a1a1a',GradientType=1 ); -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease; } .featherlight-previous { opacity: 0; background: -webkit-gradient(linear, left top, right top, color-stop(18%, rgba(0,0,0,0)),to(rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#001a1a1a',GradientType=1 ); -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease; } .featherlight-previous span::before, .featherlight-next span::before { font-family: "linea-arrows-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; font-size: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .featherlight-previous span::before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAYAAAD+4+QTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKpJREFUeNpi/P//PwORwAGIPwDxBQZSAcgSIvCC/xBwgEj1KJiJCHcsAOJ4KJt0XxDhE5gP/kPZDORgmluAzxKqWYDLEqpagM0SqluAbglNLEC2hGYWgDAjkJgATMn50BT9EYgnMFAXbABZcgDIsGegHfjIAs3FyJYcpLIlC+gSJ3RNXXTLJ3TL8XQru+hWCtOtPsFm0QRaWUJxHc9CZK5NAOIH5GZ5gAADAG6RQURONecYAAAAAElFTkSuQmCC); } .featherlight-next span::before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAYAAAAV1F8QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpi/P//PwOZIAGIBYB4AlGqQRaRiQ/8h4AFxKhnYiAfXIDS8UC8gJY+YoD65j8xPqPUIqIto4ZFRFlGLYsIWkZNi/BaRm2LcFpGC4uwWsYCTeUGQBzAQD3wAIg/AjE/NJ99YIQWQR+ggrQCB1mQyi0DKhtegOT4C3SLoyGb6uiSj+hSMtClrKNL6U2X+mgCsZZQahFJbQZGerWCAAIMANAuco/8r3r0AAAAAElFTkSuQmCC); } .featherlight-next:hover { opacity: 1; background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)),color-stop(82%, rgba(0,0,0,0.50))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 82%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 82%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1a1a', endColorstr='#1a1a1a',GradientType=1 ); -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease; } .featherlight-previous:hover { opacity: 1; background: -webkit-gradient(linear, left top, right top, color-stop(18%, rgba(0,0,0,0.50)),to(rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.50) 18%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.50) 18%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.50) 18%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#001a1a1a',GradientType=1 ); -webkit-transition:opacity 250ms ease; -o-transition:opacity 250ms ease; transition:opacity 250ms ease; } .featherlight-next:hover span, .featherlight-previous:hover span { opacity: 1; -webkit-transition:opacity 1000ms ease; -o-transition:opacity 1000ms ease; transition:opacity 1000ms ease; } .featherlight-next span, .featherlight-previous span { display: inline-block; opacity: 0; -webkit-transition:background 1000ms ease; -o-transition:background 1000ms ease; transition:background 1000ms ease; } /*-------------------------------------------------------------- # Pages --------------------------------------------------------------*/ .page .menu-header { } .page-header { position: relative; overflow: hidden; height: 350px; } .page-header-content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 350px; color: #fff; text-align: center; width: 100%; margin: 0 auto; } .page-header-title { margin-top: 0; margin-bottom: 0; font-family: 'Lato', cursive; font-weight: 900; font-style: italic; text-transform: none; line-height: 1.5; color: #2b2e31; text-shadow: 0px -5px 20px rgb(255, 255, 255); display: inline-block; border-bottom: 10px solid #f7d978; padding: 0 30px; } .page-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; } .page-background::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 125px; z-index: 1; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */ } .page-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.90); } .page-overlay::after { content: ""; display: block; width: 100%; height: 10px; position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgba(119,184,214,1)),color-stop(51%, rgba(228,97,78,1))); background: -webkit-linear-gradient(left, rgba(119,184,214,1) 49%,rgba(228,97,78,1) 51%); background: -o-linear-gradient(left, rgba(119,184,214,1) 49%,rgba(228,97,78,1) 51%); background: linear-gradient(to right, rgba(119,184,214,1) 49%,rgba(228,97,78,1) 51%); } .page-content { min-height: calc(100vh - 250px - 1.5em - 26px); } .frontpage-content-row { background:#fff; -webkit-box-shadow: 0 0 50px 25px #fff; box-shadow: 0 0 50px 25px #fff; } .page-content-row { background:#fff; padding-top: 50px; padding-bottom: 100px; -webkit-box-shadow: 0 0 50px 25px #fff; box-shadow: 0 0 50px 25px #fff; } .comments-row { background:#fff; padding-top: 50px; padding-bottom: 100px; -webkit-box-shadow: 0 0 50px 25px #fff; box-shadow: 0 0 50px 25px #fff; } .page iframe { display: block; margin: 20px auto; } .page blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 1em 10px 1.2em; quotes: "\201C""\201D""\2018""\2019"; } .page blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .page blockquote p { display: inline; color: #444; } .page .colonne-row { padding-top: 50px; padding-bottom: 50px; } .page .colonne h4 { display: inline-block; font-style: italic; font-weight: 900; margin: 20px 0 0; color: #444; } .page .colonne h4::after { content: ''; display: block; width: 80%; margin: auto; border-bottom: 2px solid; } .page .colonne { text-align: center; } .page .colonne p { text-align: justify; } .sidebar-inner { position: relative; background: url("back-sidebarinscription.jpg") no-repeat center center; background-size: cover; padding: 40px 20px 0; border-top: 20px solid #fadc73; } .sidebar-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); } .sidebar-inner .block-title { text-align: center; background: rgb(250, 220, 115); color: #444; display: inline-block; padding: 4px 20px; margin-top: 0; margin-bottom: 15px; font-weight: 900; } .sidebar-inner .block-image { display: block; margin: 0; margin-bottom: 25px; } .sidebar-inner hr { position: relative; background-color: rgba(0,0,0,0.15); } .sidebar-block { padding: 0 20px 20px; margin-bottom: 30px; color: #222; font-size: 15px; position: relative; text-align: center; } .sidebar-block ul { list-style:none; padding: 0; margin: 0; } .sidebar-block li { margin-bottom: 5px; } a.sidebar-button { display: inline-block; padding: 8px 24px; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 18px; border-radius: 6em; border: 2px solid; color: #222; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } a.sidebar-button:hover { background: #222; border-color:#222; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .sidebar-bottom { position: relative; margin: 0 -20px; } .sidebar-bottom img { display: block; } .page-template-template-espritdusite iframe { width: 60%; min-height: 370px; } .visiteurs-landing { position: relative; min-height: 100vh; padding-top: 125px; } .visiteurs-landing::before { content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 130px; background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%); mix-blend-mode: hard-light; } .visiteurs-landing-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: -webkit-linear-gradient(#f5f5f5 0%, #f7d978); background-image: -o-linear-gradient(#f5f5f5 0%, #f7d978); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f7d978)); background-image: linear-gradient(#f5f5f5 0%, #f7d978); opacity: 0.2; } .visiteurs-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: calc(100vh - 125px); color: #fff; text-align: center; width: 100%; margin: 0 auto; } .visiteurs-textform { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .visiteurs-textform .form { max-width: 500px; background: rgba(255, 255, 255, 0.95); padding-top: 10px; color: #222; text-align: justify; min-width: 350px; margin-bottom: -25px; } .visiteurs-textform .text { max-width: 30%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #333; text-align: left; padding-left: 25px; padding-top: 2.5%; } .visiteurs-textform h2 { font-weight: 500; font-size: 30px; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7), 0 0 60px rgba(0, 0, 0, 0.5), 0 0 120px rgba(0, 0, 0, 0.4); color: #fff; padding: 0 10px; margin: 0 0 15px -25px; font-style: italic; display: inline-block; } .visiteurs-textform h3 { font-size: 20px; text-align: center; } .visiteurs-baseline { font-weight: 500; margin: 10px 0; } .visiteurs-textform .form .gform_wrapper .top_label input.medium { width: 100%; } .visiteurs-textform .form .gform_wrapper .top_label input.small { width: 50% } .visiteurs-footer { background: -webkit-gradient(linear,left top, right top,color-stop(0, #f5f5f5),to(#fce7c5)); background: -webkit-linear-gradient(left,#f5f5f5 0,#fce7c5); background: -o-linear-gradient(left,#f5f5f5 0,#fce7c5); background: linear-gradient(90deg,#f5f5f5 0,#fce7c5); margin: 0 -15px; color: #333; -webkit-clip-path: polygon(0% 0%, 20% 1%, 50% 20%, 80% 1%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 20% 1%, 50% 20%, 80% 1%, 100% 0%, 100% 100%, 0% 100%); position: relative; height: 100px; line-height: 100px; } .visiteurs-footer::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 90%; z-index: 1; background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0))); background: -o-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } .form::after { content: ""; display: block; width: 225px; height: 210px; background: url("visuelfooter.png") no-repeat center center; background-size: contain; position: absolute; bottom: 0; left: 90%; z-index: 0; } .visiteurs-textform .gform_wrapper .field_description_below .gfield_description, .visiteurs-textform .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; padding-bottom: 0; text-align: justify; font-size: 10px; } @media (max-width: 1200px) { } @media (min-width: 992px) and (max-width: 1200px) { } @media (max-width: 992px) { .page-template-template-espritdusite iframe { width: 80%; height: 370px; } } @media (min-width: 768px) and (max-width: 992px) { } @media (max-width: 767px) { .page-template-template-espritdusite iframe { width: 100%; height: 370px; } .sidebar-bottom { display: none; } .visiteurs-textform .text { max-width: 100%; text-align: center; padding-left: 0; } .visiteurs-footer { height: auto; line-height: auto; } } @media (min-width: 565px) and (max-width: 767px) { } @media (max-width: 565px) { } /*-------------------------------------------------------------- # Social --------------------------------------------------------------*/ .footer-social { background:#fff; padding: 0 0 20px; text-align: center; margin-top: 30px; } .footer-social-title { font-size: 16px; margin-top: 0; margin-bottom: 15px; font-style: italic; color: #ccc; } hr { background: #ccc; height: 2px; } .footer-social hr { width: 20%; margin: 10px auto 10px; } .dev-share-buttons__item--facebook span, .dev-share-buttons__item--twitter span, .dev-share-buttons__item--pinterest span, .dev-share-buttons-link--facebook span, .dev-share-buttons-link--twitter span, .dev-share-buttons-link--google span, .dev-share-buttons-link--instagram span, .dev-share-buttons-link--pinterest span { display: none; } .dev-share-buttons__item--facebook::before, .dev-share-buttons__item--twitter::before, .dev-share-buttons__item--pinterest::before, .dev-share-buttons-link--facebook::before, .dev-share-buttons-link--twitter::before, .dev-share-buttons-link--google::before, .dev-share-buttons-link--instagram::before, .dev-share-buttons-link--pinterest::before { display: inline-block; width: auto; margin-right: 10px; -o-object-fit: contain; object-fit: contain; } .dev-share-buttons__item--facebook::before, .dev-share-buttons-link--facebook::before { content: url("icon-facebook.png"); } .dev-share-buttons__item--twitter::before, .dev-share-buttons-link--twitter::before { content: url("icon-twitter.png"); } .dev-share-buttons__item--google::before, .dev-share-buttons-link--google::before { content: url("icon-google.png"); } .dev-share-buttons__item--instagram::before, .dev-share-buttons-link--instagram::before { content: url("icon-instagram.png"); } .dev-share-buttons__item--pinterest::before, .dev-share-buttons-link--pinterest::before { content: url("icon-pinterest.png"); } .dev-share-buttons a { border-bottom: none; } /*-------------------------------------------------------------- # Gforms --------------------------------------------------------------*/ .page .gform_wrapper { margin: 16px 0; max-width: 100%; border: 5px solid #f9f9f9; padding: 10px 20px; } .page .gform_wrapper .gform_footer { text-align: right; } .page .gform_wrapper .gform_footer input.button, .page .gform_wrapper .gform_footer input[type=submit], .page .gform_wrapper .gform_page_footer input.button, .page .gform_wrapper .gform_page_footer input[type=submit], .page #activateform input[type=submit] { border-radius: 4em; padding: 12px 30px; border: 0; background: -webkit-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: linear-gradient(120deg, #fadc73 0%, #fadc73 100%); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4); box-shadow: 1px 1px 3px rgba(0,0,0,.4); font-size: 13px; text-transform: uppercase; font-weight: 900; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .page .gform_wrapper .gform_footer input.button:hover, .page .gform_wrapper .gform_footer input[type=submit]:hover, .page .gform_wrapper .gform_page_footer input.button:hover, .page .gform_wrapper .gform_page_footer input[type=submit]:hover, .page #activateform input[type=submit]:hover { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .page .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border-radius: 0; border: 1px dotted #d6d6d6; border-top: 0; border-right: 0; padding: 5px 15px; } .page .gform_wrapper .top_label div.ginput_container { margin-top: 2px; } .page .gform_wrapper .top_label .gfield_label { display: -moz-inline-stack; display: inline-block; line-height: 1.3; clear: both; padding-left: 15px; color: #666; font-size: 15px; } .page .gform_wrapper ul.gfield_radio li label, .page .gform_wrapper ul.gfield_checkbox li label { display: -moz-inline-stack; display: inline-block; line-height: 1.3; clear: both; color: #999; font-size: 14px; } .page .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .page .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { color: #999; text-align: right; } .page .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html { font-size: 12px; color: #666; margin:20px 0 0; text-align: right; } .page .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html a { color: #444; text-decoration: underline; } .page .gform_wrapper .top_label li ul.gfield_radio, .page .gform_wrapper .top_label li ul.gfield_checkbox { padding: 0 15px; } .page .gform_wrapper div.gform_body .gfield_radio li { display: inline-block; margin: 0 15px 8px 0; } .page .gform_wrapper .gfield_required { color: #c00; } .page .gform_wrapper label span.tooltip { display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 18px; margin-left: 5px; background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 0.8; border-radius: 100%; border: 1px solid #999; } .page .gform_wrapper li.gfield.gfield_error, .page .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: rgba(228, 97, 78, 0.15); margin-bottom: 6px !important; border-top: 2px solid rgba(228, 97, 78, 1); border-bottom: 0; padding-bottom: 6px; padding-top: 8px; } .page .gform_wrapper .validation_message { color: rgba(228, 97, 78, 1); font-weight: 900; letter-spacing: normal; } .page .gform_wrapper .gsection .gfield_label, .page .gform_wrapper h2.gsection_title, .page .gform_wrapper h3.gform_title { font-family: 'Lato', sans-serif; font-style: italic; font-weight: inherit; font-size: 1.5em; margin-bottom: 0; margin-top: 1.5em; line-height: 1; } .page .gfield.captcha .gfield_label { display: none; } .page label:hover { cursor: pointer; } .checkBoxes .option { -ms-flex-item-align: center; -ms-grid-row-align: center; -webkit-align-self: center; align-self: center; height: 16px; } .checkBoxes img { display: none; position: relative; width: 25px; opacity: 0.8; top: 6px; } .checkBoxes .control { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; min-height: 1.5rem; padding-left: 0.5rem; margin-right: 1rem; cursor: pointer; } .checkBoxes .control-input { position: absolute; z-index: -1; opacity: 0; } .checkBoxes .control-indicator { position: relative; left: -6px; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .checkBoxes .checkbox .control-input:checked~.control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .checkBoxes .control-input:checked~.control-indicator { color: #fff; background-color: #77b8d6; } /* OTHER FORMS */ /* Error in Front End Submission */ #message.error, .page .gform_wrapper div.validation_error, .error { border-top: 5px solid rgba(228, 97, 78, 1); border-bottom: 0; padding: 15px 15px; background: rgba(228, 97, 78, 0.15); color: rgba(228, 97, 78, 1); font-weight: 900; text-align: center; margin-bottom: 25px; } #message.error p, .page .gform_wrapper div.validation_error p, .error p { margin: 0; } .page input.error, .page textarea.error, .page select.error { border-color: rgba(228, 97, 78, 1) !important; background: rgba(228, 97, 78, 0.15) !important; } .page label.error { color: rgba(228, 97, 78, 1); margin-left: 15px; font-weight: 900; } .page .rwmb-confirmation, .page .gform_confirmation_wrapper { border:none; border-top: 5px solid #3c763d; padding: 15px 15px; background: #dff0d8; border-radius: 0; color: #3c763d; font-weight: 900; text-align: center; margin-bottom: 25px; } .page .rwmb-label > label { position: relative; display: inline; line-height: 1.2; color: #999; text-transform: uppercase; font-size: 13px; } .page .rwmb-label.required { position: relative; } .page .rwmb-label.required > span { display: none; } .page .rwmb-label.required::after { content: "*"; display: inline-block; top: 0; color: #c00; font-weight: bold; margin-left: 3px; } .page .rwmb-label > label span.tooltip { content: "i"; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 18px; margin-left: 5px; background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 0.8; border-radius: 100%; border: 1px solid #999; } .page .rwmb-map-field button, .page .rwmb-media-add a { display: inline-block; padding: 8px 24px; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 18px; border-radius: 6em; border: 2px solid; color: #222; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .page .rwmb-map-field button:hover, .page .rwmb-media-add a:hover { cursor: pointer; background: #222; border-color:#222; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .page .rwmb-input-list, .page .rwmb-media-list { list-style: none; padding: 0; margin: 0 0 8px 0; } .page .rwmb-image-item.thumbnail { width: 150px; position: relative; } .page .rwmb-overlay { position: absolute; top: 0; bottom: 6px; left: 0; right: 0; } .page .rwmb-input-list li { display: inline-block; padding: 1px 15px; } .page .rwmb-input-list li input[type="checkbox"], .page .rwmb-input-list li input[type="radio"] { margin-right: 5px; } .page .rwmb-select-tree select { padding: 2px 10px; background-color: #fff; border-color: #444; border-radius: 0px; border: 1px dotted #d6d6d6; border-top: 0; border-right: 0; color: #333; cursor: default; display: table; border-spacing: 0; border-collapse: separate; height: 36px; outline: none; overflow: hidden; position: relative; width: 100%; } .page .rwmb-select-tree select:hover { cursor: pointer; } .page .rwmb-form-submit { display: block; margin-top: 25px; text-align: right; } .page .rwmb-form-submit .rwmb-button[name='rwmb_submit'] { border-radius: 4em; padding: 12px 30px; border: 0; background: -webkit-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: linear-gradient(120deg, #fadc73 0%, #fadc73 100%); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4); box-shadow: 1px 1px 3px rgba(0,0,0,.4); font-size: 13px; text-transform: uppercase; font-weight: 900; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .page .rwmb-form-submit .rwmb-button[name='rwmb_submit']:hover { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .page .rwmb-image-actions a { color: #fff; } /*-------------------------------------------------------------- # PAGE CONNEXION --------------------------------------------------------------*/ .page-template-template-login .page-content-row{ background: url("totem_backlogin.png") no-repeat 50% 30% #fff; } .formulaire-connexion { margin: 16px auto 0; max-width: 500px; border: 5px solid #f9f9f9; background-color: #fff; border-bottom: 0; padding: 10px 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } .formulaire-connexion ~ img { display: block; margin: 0 auto; } .formulaire-connexion label { display:block; line-height: 1.3; font-weight: 700; padding-left: 15px; color: #999; text-transform: uppercase; font-size: 13px; } .formulaire-connexion input[type="text"], .formulaire-connexion input[type="password"] { border-radius: 0; border: 1px dotted #d6d6d6; border-top: 0; border-right: 0; padding: 5px 15px; width: 100%; margin-top: 6px; } .formulaire-connexion input[type=radio], .formulaire-connexion input[type=checkbox] { border: 1px solid #b4b9be; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: -4px 4px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-transition: .05s border-color ease-in-out; -o-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } .formulaire-connexion input[type=checkbox]:checked:before { float: left; display: inline-block; vertical-align: middle; width: 16px; font: 400 21px/1 'dashicons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f147"; margin: -3px 0 0 -4px; color: #77b8d6; } .formulaire-connexion .login-remember label:hover { cursor: pointer; } .formulaire-connexion .login-remember label { font-size: 12px; line-height: 19px; text-transform: none; } .login-submit { text-align: right; } .formulaire-connexion input[type="submit"] { border-radius: 4em; padding: 12px 30px; border: 0; background: -webkit-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: linear-gradient(120deg, #fadc73 0%, #fadc73 100%); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4); box-shadow: 1px 1px 3px rgba(0,0,0,.4); font-size: 13px; text-transform: uppercase; font-weight: 900; } .formulaire-connexion input[type="submit"]:hover { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); } .formulaire-connexion-footer { background: #666; color: #f9f9f9; margin: 0 -25px -10px; padding: 10px 20px; } .formulaire-connexion-footer .navigation { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .formulaire-connexion-footer a { color: inherit; display: inline-block; font-size: 12px; margin-bottom: 10px; border: none; } .formulaire-connexion-footer a:hover { text-decoration: underline; } .formulaire-connexion-footer a.retour-hp { display: inline-block; } .formulaire-connexion-footer a.link-inscription { border: 1px solid; border-radius: 5em; color: #fadc73; padding: 4px 12px; background: rgba(0,0,0,0.1); -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out; } .formulaire-connexion-footer a.link-inscription:hover { text-decoration: none; background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); border-color: #fadc73; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out; } .login-error { margin: 16px auto 0; max-width: 500px; border-left: 5px solid #e4614e; background-color: #fff; border-bottom: 0; padding: 10px 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } .login-rp { margin: 16px auto 0; max-width: 500px; border-left: 5px solid #8bc34a; background-color: #fff; border-bottom: 0; padding: 10px 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } /*-------------------------------------------------------------- # Page Mon Compte --------------------------------------------------------------*/ .account-container { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; } .account-menu { position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 220px; -webkit-flex-basis: 220px; flex-basis: 220px; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; min-width: 1px; max-width: 260px; background-image: -webkit-gradient(linear, left top, right top, from(#3d92b9), to(#77b8d6)); background-image: -webkit-linear-gradient(left, #3d92b9 0%, #77b8d6 100%); background-image: -o-linear-gradient(left, #3d92b9 0%, #77b8d6 100%); background-image: linear-gradient(to right, #3d92b9 0%, #77b8d6 100%); z-index: 9; padding-top: 10px; margin-top: -10px; -webkit-box-shadow: 2px 0 10px rgba(0,0,0,0.15); box-shadow: 2px 0 10px rgba(0,0,0,0.15); } .account-content { position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; min-width: 1px; background: #fff; padding: 4rem; } .account-content-body { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .account-content-body-main { position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; min-width: 1px; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; } .account-menu a { border-bottom: none; } .account-menu-header { color: rgba(255,255,255,1); text-align: left; padding: 10px; margin-top: -10px; margin-bottom: 10px; } .account-menu-header-title { margin: 0; position: relative; padding-right: 20px; } .account-menu-header-description { margin: 0; font-size: 13px; line-height: 1; font-style: italic; font-weight: 600; color: rgba(255,255,255,0.5); } .account-menu-settings { position: absolute; opacity: 0.8; right: 0px; top: 5px; } .account-menu-settings:hover { cursor: pointer; opacity: 1; } .account-menu ul.liste-menu { list-style:none; padding: 0 0 50px; margin: 0; } .account-menu ul.liste-menu li { text-align: left; } .account-menu ul.liste-menu li a { color: rgba(255,255,255,0.8); display: block; padding:4px 15px; font-weight: 600; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .account-menu ul.liste-menu li.inactive a { color: rgba(255,255,255,0.4); font-style: italic; } .account-menu ul.liste-menu a:hover { background:rgba(0,0,0,0.3); -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .account-menu ul.liste-menu li.current-page > a, .account-menu ul.liste-menu li.current-page > a:hover { background: #f7d978; } .account-menu ul.liste-menu li.current-page > a { color: rgba(0,0,0,0.8); } .account-menu ul.liste-menu li.current-page.inactive > a { color: rgba(0,0,0,0.4); } .account-menu ul.sous-menu { padding: 0; margin: 0; list-style: none; } .account-menu ul.sous-menu li { text-align: left; } .account-menu ul.sous-menu li a { font-size: 13px; padding:2px 30px; position: relative; } .account-menu ul.sous-menu .item-edit.publish a span, .account-menu ul.sous-menu .item-edit.attente-validation a span { width: 10px; height: 10px; position: absolute; left: 10px; top: 7px; background-size: contain; background-position: center center; background-repeat: no-repeat; opacity: 0.8; border-radius: 100%; } .account-menu ul.sous-menu .item-edit.publish a span { background-color: #cddc39; } .account-menu ul.sous-menu .item-edit.attente-validation a span { background-color: #ffc107; } .account-menu ul.sous-menu .item-edit a::after { content: ''; width: 10px; height: 10px; display: inline-block; margin-left: 5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaBJREFUeNrM2TtSwzAQAFBHQ0FHbgAVbcwNfITcgOQGlFBBRwk3wDcAbpAjmJJUzg1MBZ3ZNRtGUfSxHUW7O7PjjGKPXyStPHImbdtmHPGzvlvA4RmygZyfXj5WrnMnHEgCvmhNX5CFC6oEADHOIFfwXc6OtAA/KL1QxQwsKL1QxTjEXcA8bEJQxQicEWYagh61uh1DXEI+mcOOUAQjjn7AtupzlXoOAgbXxqWnR+dG1V8cpSc9wCZwDgLftJ7EuIqO7APsU1AUS7iuVFxAquzSGPo9YNTqHgrUAod34wJGQ44FatV87gJGQUYAznzAg5EpgAchUwFHI1MCRyFTAwcjOYCDkFzA3khOYC8kNzCIlAD0IqUAnUhJQCtSGnAPKRG4g5QK/N8two1wb/EqEaj35I3RXkkB6sip0X4NiFICUEfqm3EvNDXQtgRVxu5tB8oB7JBw4yKwzeygXEBbT65cUMiaA7hF5pZ5lxPq3XgvkxzYrZPfn7cPcLwfcE1S4Jg9TnIgxkn29zfFQnuLgE+bhoa7ps9Y9TUA64whfgUYAOkQkmG3aR2XAAAAAElFTkSuQmCC') no-repeat center center; background-size: contain; } .account-menu .infinite { vertical-align: middle; line-height: 1; } .account-content-header { background-color: #f9f9f9; padding:1rem; margin-bottom: 2rem; } .account-content-header p { margin: 0; } .account-content .account-suspended { background: rgba(247, 217, 120, 0.15); padding: 15px; color: #333; font-weight: 600; margin-bottom: 2rem; } .account-content .info_icon { font-size: 20px; font-style: italic; font-weight: 900; display: inline-block; border: 2px solid; border-radius: 50%; height: 25px; width: 25px; line-height: 25px; text-align: center; padding: 2px; float: left; margin-right: 10px; color: #f7d978; } /*-------------------------------------------------------------- # Page Mon Profil --------------------------------------------------------------*/ .mon-profil .gform_wrapper { margin: 16px 0; max-width: 100%; border: none; padding: 0; } .mon-profil .gform_wrapper .top_label .gfield_label { clear: none; width: 25%; float: left; margin-top: 8px; } .gform_wrapper .top_label li.gfield.gf_left_half .gfield_label, .gform_wrapper .top_label li.gfield.gf_right_half .gfield_label { clear: none; width: 50%; float: left; margin-top: 8px; } .mon-profil .gform_wrapper .top_label div.ginput_container { margin-top: 2px; display: inline-block; width: 75%; } .mon-profil .gform_wrapper .top_label li.gfield.gf_left_half div.ginput_container, .mon-profil .gform_wrapper .top_label li.gfield.gf_right_half div.ginput_container { width: 50%; } .mon-profil li.gfield { overflow: auto; zoom: 1; } .mon-profil li.gfield::after { content:""; display:block; clear:both; } .mon-profil .gform_wrapper .gfield_description { width: 75%; margin-left: 25%; } .mon-profil .gform_wrapper .top_label li ul.gfield_radio { padding: 0; } .account-content a.link-modal, .modal-accountModal a.link-modal { display: inline-block; padding: 8px 24px; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 18px; border-radius: 6em; border: 2px solid; color: #222; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .account-content a.link-modal:hover, .modal-accountModal a.link-modal:hover { text-decoration: none; background: -webkit-linear-gradient(330deg, #1a1a1a 0%, #222 100%); background: -o-linear-gradient(330deg, #1a1a1a 0%, #222 100%); background: linear-gradient(120deg, #1a1a1a 0%, #222 100%); border-color: #222; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; -o-transition: background 150ms ease-in-out, border-color 150ms ease-in-out; transition: background 150ms ease-in-out, border-color 150ms ease-in-out; } .modal-accountModal { display: none; width: 600px; max-width: 90%; } .modal-accountModal .modal-footer { text-align: right; border-top: 1px solid #e6e6e6; padding-top: 15px; } .modal-accountModal a.link-modal.cancel { color: #3c763d; border-color: #3c763d; } .modal-accountModal a.link-modal.cancel:hover { color: #fff; border-color: #3c763d; text-shadow: none; background: #3c763d; } .modal-accountModal a.link-modal.confirm { color: rgba(228, 97, 78, 1); border-color: rgba(228, 97, 78, 1); } .modal-accountModal a.link-modal.confirm:hover { color: #fff; border-color: rgba(228, 97, 78, 1); text-shadow: none; background: rgba(228, 97, 78, 1); } .modal-loading { -webkit-animation: modal-animation-spin .4s infinite linear; animation: modal-animation-spin .4s infinite linear; height: 16px; border-radius: 50%; border: 2px solid #ccc; border-right-color: #333; display: inline-block; margin-left: 5px; } .modal-loading, .modal-loading-zone { position: relative; vertical-align: text-top; width: 16px; } @-webkit-keyframes modal-animation-spin { from {-webkit-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes modal-animation-spin { from {-webkit-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .account-content .calltoactions { margin: 4rem -4rem -4rem; } .adresses-list-title { border-bottom: 10px solid #f7d978; margin-bottom: 2rem; } .adresses-list-title h2 { margin: 0; } .adresses-list { background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .adresse-card { position: relative; border-radius: 2px; background: #fefefe; width: 270px; margin: 10px; border: 2px solid #f5f5f5; margin-bottom: 50px; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .adresse-card .imagePrincipale { position: relative; height: 150px; margin: -1rem -1rem 0 -1rem; } .adresse-card .imagePrincipale img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .adresse-card .imagePrincipale .title { position: absolute; bottom: 10px; left: 15px; right: 15px; font-weight: 400; font-size: 18px; color: #fff; margin:0; z-index: 1; } .adresse-card .imagePrincipale .title::before { content: ""; position: absolute; bottom: -10px; right: -15px; left: -15px; height: 150%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .adresse-card .content { font-size: 15px; text-align: justify; color: #444; -webkit-box-flex: 2; -ms-flex-positive: 2; -webkit-flex-grow: 2; flex-grow: 2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .adresse-card .infosHoraires { padding: 10px 0px 20px; -webkit-box-flex: 2; -ms-flex-positive: 2; -webkit-flex-grow: 2; flex-grow: 2; } .adresse-card .infosHoraires p { margin:0; } .adresse-card .univers { padding: 10px 0; text-transform: uppercase; font-weight: 500; color: #999; } .adresse-card .savoirPlus { text-align: right; margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px; border-top: 1px solid #eee; } .adresse-card .savoirPlus a { text-transform: uppercase; text-decoration: none; font-weight: 700; color: #222; border-bottom: none; } .adresse-card .savoirPlus a:hover { color: #244785; } .adresse-card .focus { float: right; width: 22px; height: 22px; opacity: 0.5; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .adresse-card .focus:hover { cursor: pointer; opacity: 1; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .adresse-card .focus img { max-width: 100%; } /** ANNONCES **/ .annonces-list-title { border-bottom: 10px solid #f7d978; margin-bottom: 2rem; } .annonces-list-title h2 { margin: 0; } .annonces-list { background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .annonce-card { position: relative; border-radius: 2px; background: #fefefe; width: 270px; margin: 10px; border: 2px solid #f5f5f5; margin-bottom: 50px; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .annonce-card .imagePrincipale { position: relative; height: 150px; margin: -1rem -1rem 0 -1rem; } .annonce-card .imagePrincipale img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .annonce-card .imagePrincipale .title { position: absolute; bottom: 10px; left: 15px; right: 15px; font-weight: 400; font-size: 18px; color: #fff; margin:0; z-index: 1; } .annonce-card .imagePrincipale .title::before { content: ""; position: absolute; bottom: -10px; right: -15px; left: -15px; height: 150%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .annonce-card .content { font-size: 15px; text-align: justify; color: #444; -webkit-box-flex: 2; -ms-flex-positive: 2; -webkit-flex-grow: 2; flex-grow: 2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .annonce-card .infosHoraires { padding: 10px 0px 20px; -webkit-box-flex: 2; -ms-flex-positive: 2; -webkit-flex-grow: 2; flex-grow: 2; } .annonce-card .infosHoraires p { margin:0; } .annonce-card .univers { padding: 10px 0; text-transform: uppercase; font-weight: 500; color: #999; } .annonce-card .savoirPlus { text-align: right; margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px; border-top: 1px solid #eee; } .annonce-card .savoirPlus a { text-transform: uppercase; text-decoration: none; font-weight: 700; color: #222; border-bottom: none; } .annonce-card .savoirPlus a:hover { color: #244785; } .annonce-card .focus { float: right; width: 22px; height: 22px; opacity: 0.5; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .annonce-card .focus:hover { cursor: pointer; opacity: 1; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .annonce-card .focus img { max-width: 100%; } /* EVENEMENTS */ .evenements-list-title { border-bottom: 10px solid #f7d978; margin-bottom: 2rem; } .evenements-list-title h2 { margin: 0; } .evenements-list { background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .evenement-card { position: relative; border-radius: 2px; background: #fefefe; width: 270px; margin: 10px; border: 2px solid #f5f5f5; margin-bottom: 50px; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .evenement-card .imagePrincipale { position: relative; height: 150px; margin: -1rem -1rem 0 -1rem; } .evenement-card .imagePrincipale img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .evenement-card .imagePrincipale .title { position: absolute; bottom: 10px; left: 15px; right: 15px; font-weight: 400; font-size: 18px; color: #fff; margin:0; z-index: 1; } .evenement-card .imagePrincipale .title::before { content: ""; position: absolute; bottom: -10px; right: -15px; left: -15px; height: 150%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .evenement-card .content { font-size: 15px; text-align: justify; color: #444; -webkit-box-flex: 2; -ms-flex-positive: 2; -webkit-flex-grow: 2; flex-grow: 2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .evenement-card .infosHoraires { padding: 10px 0px 20px; -webkit-box-flex: 2; -ms-flex-positive: 2; -webkit-flex-grow: 2; flex-grow: 2; } .evenement-card .infosHoraires p { margin:0; } .evenement-card .univers { padding: 10px 0; text-transform: uppercase; font-weight: 500; color: #999; } .evenement-card .savoirPlus { text-align: right; margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px; border-top: 1px solid #eee; } .evenement-card .savoirPlus a { text-transform: uppercase; text-decoration: none; font-weight: 700; color: #222; border-bottom: none; } .evenement-card .savoirPlus a:hover { color: #244785; } .evenement-card .focus { float: right; width: 22px; height: 22px; opacity: 0.5; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .evenement-card .focus:hover { cursor: pointer; opacity: 1; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .evenement-card .focus img { max-width: 100%; } /* Liste Evenements */ .liste-des-evenements { margin-top: 0; } .liste-des-evenements > .container-fluid { background: #f5f5f5; position: relative; } .liste-des-evenements form { background: #fff; padding: 50px 25px 15px; margin-top: 0; margin-bottom: 25px; -webkit-box-shadow: 0 15px 15px -15px #444; box-shadow: 0 15px 15px -15px #444; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .liste-des-evenements form .reset { background: #777; width: 25px; height: 25px; text-align: center; border-radius: 50%; margin-left: 15px; position: relative; top: -15px; } .liste-des-evenements form .reset a { color: #fff; border: none; height: 25px; width: 25px; display: block; line-height: 25px; font-size: 0.7rem; font-weight: 900; } .liste-des-evenements button { border-radius: 5em; border: 1px solid #e4e9ec; border-left: none; background: #f7d978; text-rendering: optimizeLegibility; -webkit-transition: border-color,-webkit-box-shadow; transition: border-color,-webkit-box-shadow; -o-transition: border-color,box-shadow; transition: border-color,box-shadow; transition: border-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-box-sizing: content-box; box-sizing: content-box; width: auto; padding: 10px 20px; font-size: 0.7rem; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .liste-des-evenements input { margin: 0 15px 15px; } .liste-des-evenements select { font-size: 18px; color: #777; line-height: 1.5; border: 1px dotted #d6d6d6; border-top: 0; border-right: 0; padding: 5px 15px; margin-bottom: 15px; } .liste-des-evenements .inscription-visiteurs { margin: auto; } .liste-des-evenements .inscription-visiteurs a { border-radius: 5em; border: 1px solid #e4e9ec; border-left: none; background: #f7d978; text-rendering: optimizeLegibility; -webkit-transition: border-color,-webkit-box-shadow; transition: border-color,-webkit-box-shadow; -o-transition: border-color,box-shadow; transition: border-color,box-shadow; transition: border-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-box-sizing: content-box; box-sizing: content-box; width: auto; padding: 10px 20px; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; } .liste-des-evenements .inscription-visiteurs.incitations { max-width: 100%; padding: 10px; margin-bottom: 15px; } .liste-des-evenements .inscription-visiteurs.incitations .inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .liste-des-evenements .inscription-visiteurs.incitations h4 { margin: 0 15px 0 0; display: inline-block; } .liste-des-evenements .evenements-list { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .liste-des-evenements .liste-evenement-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 450px; -ms-flex-preferred-size: 450px; flex-basis: 450px; margin: 0 1%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; border-radius: 2px; background: #fefefe; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 2px 2px 0 rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.08); margin-bottom: 50px; padding: 15px; } .liste-des-evenements .liste-evenement-card .imagePrincipale { position: relative; height: auto; margin: -15px 15px -15px -15px; -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .liste-des-evenements .liste-evenement-card .imagePrincipale > img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .liste-des-evenements .liste-evenement-card .imagePrincipale .title { position: absolute; bottom: 10px; left: 45px; right: 15px; font-weight: 400; font-size: 18px; color: #fff; margin:0; z-index: 1; } .liste-des-evenements .liste-evenement-card .imagePrincipale .title::before { content: ""; position: absolute; bottom: -10px; right: -15px; left: -15px; height: 150%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); } .liste-des-evenements .liste-evenement-card .title-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .liste-des-evenements .liste-evenement-card .title-container a { text-decoration: none; border-bottom: none; font-weight: inherit; color: inherit; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .liste-des-evenements .liste-evenement-card .title-container h4 { font-size: 21px; font-weight: 900; margin: 0; margin-right: 15px; text-align: left; line-height: 1.2; } .liste-des-evenements .liste-evenement-card .icon-type { background: rgba(255,255,255,0.95); position: relative; width: 20px; height: 20px; bottom: 0; left: 0; border-radius: 100%; opacity: 0.6; z-index: 9; padding: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: 22px; -ms-flex-preferred-size: 22px; flex-basis: 22px; margin-right: 10px; } .liste-des-evenements .liste-evenement-card .icon-type img { max-width: 100%; } .liste-des-evenements .liste-evenement-card .content { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; font-size: 15px; text-align: justify; color: #444; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .liste-des-evenements .liste-evenement-card .infosHoraires { padding: 10px 0px 20px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0.8rem; } .liste-des-evenements .liste-evenement-card .infosHoraires p { margin:0; } .liste-des-evenements .liste-evenement-card .univers { padding: 10px 0; text-transform: uppercase; font-weight: 500; color: #999; font-size: 0.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .liste-des-evenements .liste-evenement-card .univers .liste { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; margin-right: 10px; text-align: left; } .liste-des-evenements .liste-evenement-card .focus { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: 22px; -ms-flex-preferred-size: 22px; flex-basis: 22px; width: 22px; height: 22px; opacity: 0.5; -webkit-transition: all 500ms cubic-bezier(0, 1, 1, 1); -o-transition: all 500ms cubic-bezier(0, 1, 1, 1); transition: all 500ms cubic-bezier(0, 1, 1, 1); } .liste-des-evenements .liste-evenement-card .focus:hover { cursor: pointer; opacity: 1; -webkit-transition:all 500ms cubic-bezier(0, 1, 1, 1); -o-transition:all 500ms cubic-bezier(0, 1, 1, 1); transition:all 500ms cubic-bezier(0, 1, 1, 1); } .liste-des-evenements .liste-evenement-card .focus img { max-width: 100%; } .liste-des-evenements .liste-evenement-card .savoirPlus { text-align: right; margin: 0 -15px 0 -15px; padding: 15px 15px 0 15px; border-top: 1px solid #eee; } .liste-des-evenements .liste-evenement-card .savoirPlus a { text-transform: uppercase; text-decoration: none; font-weight: 700; color: #222; border-bottom: none; } .liste-des-evenements .liste-evenement-card .savoirPlus a:hover { color: #244785; } .liste-des-evenements .liste-evenement-card .card-type { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; top: -24px; left: 10px; height: 20px; padding: 0; z-index: 1; background: #fff; padding: 2px 10px; color: #fff; text-transform:uppercase; font-weight: 600; letter-spacing: 1px; font-size: 12px; line-height: 20px; } .liste-des-evenements .liste-evenement-card .card-type.adresse { background: #e4614e; } .liste-des-evenements .liste-evenement-card .card-type.evenement { background: #77b8d6; } .liste-des-evenements .liste-evenement-card.selected .card-type.adresse, .liste-des-evenements .liste-evenement-card.selected .card-type.evenement { background: #f7d978; color: #333333; font-weight: bold; } .liste-des-evenements .liste-evenement-card .date { font-size: 14px; line-height: 1.3; padding: 10px 0; border-bottom: 1px solid #eee; font-weight: 500; color: #666; } .liste-des-evenements .liste-evenement-card .date img { width: auto; height: 15px; margin-right: 5px; } /******************/ .account-sidebar { position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 300px; -webkit-flex-basis: 25%; flex-basis: 25%; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; min-width: 250px; z-index: 201; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 5%; } .account-sidebar-bloc { padding: 1rem; } @media (max-width: 1200px) { .account-content-body { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .account-sidebar { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1200px) { } @media (max-width: 992px) { .page .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: calc(100% - 8px); } } @media (min-width: 768px) and (max-width: 992px) { } @media (max-width: 767px) { .account-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .account-content { padding: 1rem; } .account-menu { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .account-menu ul.liste-menu li { display: inline-block; } .account-menu ul.liste-menu li[data-tooltip="Bientôt"] { display: none; } .sous-menu { display: none; } .account-menu ul.liste-menu { padding: 0 10px 0; } .page .gform_wrapper .top_label .gfield_label, .page .gform_wrapper .top_label li.gfield.gf_left_half .gfield_label, .page .gform_wrapper .top_label li.gfield.gf_right_half .gfield_label, .page .rwmb-label { clear: none; width: auto; float: none; margin-top: 8px; margin-bottom: 4px; padding-left: 0; display: block; } .page .gform_wrapper .top_label div.ginput_container, .page .rwmb-label ~ .rwmb-input, .page .rwmb-text-wrapper .rwmb-label ~ .rwmb-input input { width: 100%; } .adresse-card { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 565px) and (max-width: 767px) { } @media (max-width: 565px) { .account-menu ul.liste-menu li { display: block; text-align: center; } } /*-------------------------------------------------------------- # Archives Annonces --------------------------------------------------------------*/ .annonce-block { padding:25px; border: 1px solid #efefef; margin-bottom: 30px; } .annonce-titre { margin-top: 0; margin-bottom: 10px; } .annonce-form { text-align: right; padding: 10px 25px; margin: 0 -25px -25px; background: #efefef; } .annonce-header h2 { margin-bottom: 0; } .annonce-header h6 { border-top: 1px solid #efefef; margin-top: 0; padding-top: 10px; color: #999; text-align: right; } input[type=submit].contact-button { border-radius: 4em; padding: 12px 30px; border: 0; background: -webkit-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #fadc73 0%, #fadc73 100%); background: linear-gradient(120deg, #fadc73 0%, #fadc73 100%); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4); box-shadow: 1px 1px 3px rgba(0,0,0,.4); font-size: 13px; text-transform: uppercase; font-weight: 900; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } input[type=submit].contact-button:hover { background: -webkit-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: -o-linear-gradient(330deg, #ffd544 0%, #fadc73 100%); background: linear-gradient(120deg, #ffd544 0%, #fadc73 100%); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .calltoactions { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #f5f5f5; } .incitations { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1; -webkit-flex: 1 1; flex: 1 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 25px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; max-width: 350px; background: #f5f5f5; } .incitations.megabox { max-width: 700px; } .incitations .inner { padding: 25px; text-align: center; border-radius: 2px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -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; } .incitations h4 { font-weight: 900; margin: 0 0 15px; line-height: 1.2; } .incitations h5 { font-weight: 100; margin: 0 0 15px; line-height: 1.2; } .incitations.box:before { content: ""; width: 0px; padding-top: 100%; float: left; } .incitations.pro { background: #222; color: #fff; } .incitations.app { background: #333; color: #fff; } .incitations.box .inner { border: 2px solid rgba(0,0,0,0.2); } .incitations.megabox .inner { border: 2px solid rgba(0,0,0,0.075); } a.incitations-button { display: inline-block; padding: 8px 20px; font-weight: 600; text-transform: uppercase; font-size: 13px; line-height: 16px; border-radius: 6em; border: 2px solid; color: #fadc73; background: rgba(0,0,0,0.1); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } a.incitations-button:hover { background: #fadc73; border-color:#fadc73; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8), 2px 2px 4px rgba(0,0,0,0.4); -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .email_icon { width: 100px; max-width: 100%; margin-bottom: 25px; } .email-inscription .main { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border: 2px solid #fadc73; overflow: hidden; border-radius: 4em; margin-bottom: 10px; } .email-inscription input[type="checkbox"] { position: relative; margin-right: 10px; } .email-inscription input[type="checkbox"]::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: -3px; right: -3px; background: white; border: 2px solid #fadc73; border-radius: 100%; } .email-inscription input[type="checkbox"]:checked::before { content: "\25CF"; font-weight: 900; color: #666; font-size: 1.75rem; line-height: 10px; text-align: center; } .email-inscription label.error-required .error-info { background: #e4614e; display: inline-block; padding: 2px 4px; color: #fff; margin-left: 10px; font-size: small; font-weight: bold; border-radius: 5px; } .email-inscription .main input[type="email"] { -webkit-box-flex: 8; -ms-flex: 8; -webkit-flex: 8; flex: 8; border-radius: 2px 0 0 2px; border: 0; padding:5px 15px; } .email-inscription .main input[type="submit"] { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0 2px 2px 0; border: 0; background: #fadc73; font-size: 13px; text-transform: uppercase; font-weight: 900; } footer.site-footer::before { content: ""; display: none; /* Bug connection */ position: absolute; top: 0; right: 0; left: 0; bottom: 0; } footer.site-footer { min-height: 200px; background:#222222; color: #fff; padding:50px 0; } footer.site-footer p { margin: 0; } footer .contact { color: #999; } footer img { display: block; margin-top: 10px; } footer .contact h4 { margin: 0; color: #e9e9e9; } footer .contact ul { list-style: none; padding: 0; margin: 0; } footer .footer-menu ul { list-style: none; padding:0; margin:0; text-align: right; } footer .footer-menu li { display: inline-block; } footer .footer-menu a { color: #999; padding: 8px 16px; text-transform: uppercase; font-size: 13px; font-weight: 900; -webkit-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } footer .footer-menu a:hover { color: #f7d978; -webkit-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } footer .footer-social { background: transparent; text-align: left; } .credits { background: #202020; padding: 5px 15px; text-align: right; color: #a2a2a2; font-size: 11px; font-family: "Open Sans", sans-serif; } .credits a { color: #b8b8b8; font-weight: bold; text-transform: uppercase; } .credits a:hover { text-decoration: none; color: #f7d978; } #cookie-notice .cn-button { margin-left: 10px; display: inline-block; padding: 8px 20px; font-weight: 600; text-transform: uppercase; font-size: 13px; line-height: 16px; border-radius: 6em; border: 2px solid; color: #fadc73; background: rgba(0,0,0,0.1); } @media (max-width: 1200px) { } @media (min-width: 992px) and (max-width: 1200px) { } @media (max-width: 992px) { .footer-menu ul.liste-menu li { display: block; } } @media (min-width: 768px) and (max-width: 992px) { } @media (max-width: 767px) { .incitations.megabox { max-width: 100%; } .incitations.box:before { display: none; } .incitations { max-width: 100%; } footer .contact { color: #999; font-size: 12px; } } @media (min-width: 565px) and (max-width: 767px) { } @media (max-width: 565px) { footer .col-footer { width: 100%; text-align: center; } footer .footer-social { text-align: center; } footer .col-footer img { max-width: 100px; display: block; margin: 0 auto 20px; } footer .footer-menu ul { text-align: center; margin-top: 25px; } }