@charset "UTF-8";
/*
===========================================================
	Main info
	----------------
	
	@filename          : style.scss
	@description       : All imported SCSS files needed    
	@authors           : Guerin
	@date              : 2015-XX-XX
	@modification      : 
	
===========================================================
*/
/* BASE RULES */
/* 1280px / 1920px */
/* Rounded corners */
/* Box-shadow */
/* Box-shadow inset */
/* Transition */
/*! normalize.css 2012-08-07T21:27 UTC | MIT License | git.io/normalize */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* So 1 rem/em = 16px */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
  font-size: 1em;
  color: #000;
  background: white url(img/bg-pattern.png) top left repeat;
  overflow-x: hidden; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration: none; }

a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #000; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 10px;
  font-size: 1rem; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
ul li {
  margin: 0; }

ul li {
  list-style: none;
  list-style-image: none; }

ol {
  list-style: decimal; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* TYPOGRAPHY */
/*
===========================================================
	Main info
	----------------
	
	@filename          : typography.css
	@description       : Embeded fonts files 
	@authors           : Guerin
	@date              : 2016-XX-XX
	@modification      : 
	
===========================================================
*/
@font-face {
  font-family: "Flaticon";
  src: url("fonts/flaticon.eot");
  src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"), url("fonts/flaticon.woff") format("woff"), url("fonts/flaticon.ttf") format("truetype"), url("fonts/flaticon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-style: normal;
  padding: 0 5px 0 0; }

.flaticon-cross97:before {
  content: "\e000"; }

.flaticon-facebook55:before {
  content: "\e001"; }

.flaticon-google116:before {
  content: "\e002"; }

.flaticon-instagram12:before {
  content: "\e003"; }

.flaticon-marker20:before {
  content: "\e004"; }

.flaticon-menu53:before {
  content: "\e005"; }

.flaticon-search106:before {
  content: "\e006"; }

.flaticon-twitter35:before {
  content: "\e007"; }

.flaticon-youtube28:before {
  content: "\e008"; }

/* LAYOUTS */
/*
===========================================================
	Main info
	----------------
	
	@filename          : layouts/general.scss
	@description       : General layout
	@authors           : Guerin
	@date              : 2016-01-15
	@modification      : 
	
	Contents / Flags
	----------------
	Fluid layout            =fluid
	Fixed layout            =fixed
	
	Pre header              =preHeader
	Main header				=header
	Home content			=content
	Sidebar                 =sidebar
	Main footer				=footer
		
===========================================================
*/
.icon {
  width: 24px;
  height: 24px;
  fill: #FFF;
  cursor: pointer; }

.icon--medium {
  width: 64px;
  height: 64px; }

.icon--small {
  width: 24px;
  height: 24px; }

svg {
  fill: #072c5c; }

/*****************************************************

FLUID LAYOUT

---> Type: Object class
---> Desc: Main class used for fluid layout in pages
---> Flag: =fluid
---> Special note: If modified, KABOOM.

*****************************************************/
.o-layout--fluid {
  width: 100%;
  overflow: hidden; }

.fluid-container {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .fluid-container.t-blue {
    background: #004489; }
  .fluid-container.t-align-center {
    text-align: center; }

/*****************************************************

FIXED LAYOUT

---> Type: Object class
---> Desc: Main class used for fixed layout in pages
---> Flag: =fixed
---> Special note: If modified, KABOOM.

*****************************************************/
.o-layout--fixed {
  width: 66.66667%;
  margin: 0 auto; }
  @media (max-width: 50em) {
    .o-layout--fixed {
      width: 100%;
      padding: 0 2.5% 0 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (max-width: 37.5em) {
    .o-layout--fixed {
      padding: 0 2.5%; } }

.centerize {
  width: 66.66667%;
  margin: 0 auto; }
  @media (max-width: 50em) {
    .centerize {
      width: 100%;
      padding: 0 2.5%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

/*****************************************************

---------->>> Pre header =preHeader <<<-----------

*****************************************************/
.c-pre-header {
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 4;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25); }

.language-switcher-link {
  float: right;
  padding: 10px 0;
  margin: 0 0 0 25px;
  border-top: 5px solid white; }
  .language-switcher-link:hover {
    color: #004489; }
  @media (max-width: 64em) {
    .language-switcher-link {
      display: none; } }

.c-pre-header-social-links {
  float: right; }
  .c-pre-header-social-links li {
    display: block;
    float: left;
    padding: 12px 0;
    margin: 0 0 0 25px; }
    @media (max-width: 64em) {
      .c-pre-header-social-links li {
        margin: 0 25px 0 0; } }
  .c-pre-header-social-links [class^="flaticon-"] {
    font-size: 22px;
    color: #565656; }
    .c-pre-header-social-links [class^="flaticon-"]:hover {
      color: #004489; }
  .c-pre-header-social-links .pinterest {
    width: 18px;
    height: 22px;
    display: block;
    position: relative;
    top: 2px;
    text-indent: -9999px;
    background: url(img/pinterest-icon.png) top left no-repeat; }
    .c-pre-header-social-links .pinterest:hover {
      background-position: bottom left; }

/*****************************************************

---------->>> Main header =header <<<-----------

*****************************************************/
.c-main-header {
  width: 100%;
  padding: 4px 0 14px 0;
  float: left;
  position: relative;
  z-index: 3;
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2); }
  @media (max-width: 64em) {
    .c-main-header {
      display: none; } }

.o-header-container {
  /*width: $pageFixedWidth;
	margin: 0 auto;*/
  width: 100%;
  padding: 0 2.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 87.5em) {
    .o-header-container {
      width: 100%;
      padding: 0 2.5%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.site-title {
  position: absolute;
  z-index: 99999;
  top: -1px; }
  @media (max-width: 87.5em) {
    .site-title {
      top: 0; } }
  .site-title a {
    width: 339px;
    height: 106px;
    display: block;
    background: url(img/logo-courtepointe-quebec.png) top left no-repeat; }
    @media (max-width: 87.5em) {
      .site-title a {
        width: 60px;
        height: 50px;
        background: url(img/logo-courtepointe-quebec-small.png) top left no-repeat; } }

/*****************************************************

CONTENT

---> Type: 
---> Desc: 
---> Flag: =content

*****************************************************/
.main-content {
  width: 100%;
  position: absolute; }

.section-title {
  width: 100%;
  float: left;
  padding: 50px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.875em;
  color: #003c65; }
  @media (max-width: 48em) {
    .section-title {
      font-size: 2.000em; } }
  @media (max-width: 37.5em) {
    .section-title {
      font-size: 1.500em; } }
  .section-title.centered {
    text-align: center; }

/*****************************************************

SIDEBAR

---> Type: Component class
---> Desc: Main sidebar used on every pages
---> Flag: =sidebar

*****************************************************/
.c-page-sidebar {
  float: left;
  position: fixed;
  padding: 30px 0 0 0; }

/*****************************************************

MAIN FOOTER

---> Type: Component class
---> Desc: Main footer used on every pages
---> Flag: =footer

*****************************************************/
.ad-container,
.ad-container-mobile-bottom-content {
  width: 100%;
  float: left;
  margin: 25px 0;
  list-style: none;
  text-align: center; }
  @media (max-width: 48em) {
    .ad-container,
    .ad-container-mobile-bottom-content {
      display: none; } }
  .ad-container img,
  .ad-container-mobile-bottom-content img {
    max-width: 100%;
    height: auto; }
  .ad-container .adsanity-group,
  .ad-container-mobile-bottom-content .adsanity-group {
    text-align: center; }
    .ad-container .adsanity-group div,
    .ad-container-mobile-bottom-content .adsanity-group div {
      display: inline-block; }

.ad-container-mobile-bottom-content {
  display: none; }
  @media (max-width: 48em) {
    .ad-container-mobile-bottom-content {
      display: block; } }

.c-main-footer {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-main-footer img {
    max-width: 100%;
    height: auto; }

.address-container {
  width: 50%;
  float: left;
  padding: 90px 7% 55px 15%;
  background: #d3d9df;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 80em) {
    .address-container {
      padding: 90px 3.5% 55px 10%; } }
  @media (max-width: 50em) {
    .address-container {
      width: 100%;
      padding: 5%; } }

.c-pub-brother {
  display: block;
  margin: 30px 0; }

.c-main-footer__tagline {
  margin: 25px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.500em;
  color: #004489; }

.c-main-footer__address {
  margin: 40px 0 0 0; }
  .c-main-footer__address h3 {
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.625em;
    color: #004489; }
  .c-main-footer__address p {
    margin: 10px 0 0 0;
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 1.250em;
    color: #004489; }

.c-main-footer__copyright {
  width: 100%;
  float: left;
  margin: 90px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: .650em;
  color: #004489;
  text-transform: uppercase; }

.c-footer-sidebar {
  width: 50%;
  float: left;
  padding: 90px 15% 55px 7%;
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 80em) {
    .c-footer-sidebar {
      padding: 90px 10% 55px 3.5%; } }
  @media (max-width: 50em) {
    .c-footer-sidebar {
      width: 100%;
      padding: 5%; } }

.website-author {
  float: left;
  margin: 25px 0 0 0; }
  @media (max-width: 37.5em) {
    .website-author {
      float: none; } }
  .website-author li {
    display: block;
    float: left;
    margin-right: 25px;
    text-transform: uppercase; }
    @media (max-width: 48em) {
      .website-author li {
        display: inline-block;
        float: none;
        margin: 0 12px 0 13px; } }
  .website-author a {
    position: relative;
    top: 15px;
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #004489;
    text-transform: uppercase; }
    .website-author a:hover {
      color: #000; }

.logo-mediaconnection {
  width: 91px;
  height: 46px;
  display: block;
  position: relative;
  margin-top: -15px;
  background: url(img/logo-mediaconnection.png) top left no-repeat; }
  @media (max-width: 48em) {
    .logo-mediaconnection {
      margin-top: 0; } }
  .logo-mediaconnection:hover {
    background-position: bottom left; }

/* Grid =grid */
.col-50 {
  width: 45%;
  float: left; }

.u-half-width {
  width: 50%;
  float: left; }

.u-align-right {
  float: right; }

.u-align-center {
  text-align: center; }

.u-vertical-align {
  display: table-cell;
  vertical-align: middle; }

.u-padded {
  padding: 20px; }

.call-external-svg {
  display: none; }

/*
===========================================================
	Main info
	----------------
	
	@filename          : layouts/page.scss
	@description       : Secondary pages layout
	@authors           : Guerin
	@date              : 2016-01-15
	@modification      : 
	
	Contents / Flags
	----------------
	General Page layout       	=page
	Home layout               	=home
	About                       =about
	Communauté                  =communauté
	Événements                  =events
	Trouver un professionnel    =professionnel
	Devenir membre              =membre
	Le salon                    =salon
	Descriptions des ateliers   =prof
	Galerie                     =gallery
	Liste des guildes           =guildes
	Marchands                   =marchands
	
===========================================================
*/
/*****************************************************

GENERAL PAGE LAYOUT

---> Type: Object class with some components class
---> Desc: Basic styling used on every pages
---> Flag: =page

*****************************************************/
.o-page-layout {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.c-section-title {
  padding: 20px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  color: #cd143f;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*****************************************************

PAGE HEADER

---> Type: Component class
---> Desc: Basic styling used on every pages
---> Flag: =header

*****************************************************/
.c-page-header {
  width: 100%;
  float: left;
  position: relative;
  top: 0; }

.c-page-header__featured {
  max-width: 100%;
  height: auto;
  display: block; }
  @media (max-width: 50em) {
    .c-page-header__featured {
      display: none; } }

.c-page-header__title {
  width: 100%;
  float: left;
  margin: 25px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.625em;
  color: #565656;
  text-transform: uppercase; }

.c-page-header__subtitle {
  width: 100%;
  float: left;
  position: relative;
  padding: 20px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  color: #237546;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*****************************************************

PAGE CONTENT

---> Type: Component class
---> Desc: Basic styling used on every pages
---> Flag: =content

*****************************************************/
.c-page-content {
  width: 100%;
  float: left;
  position: relative;
  padding: 60px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 37.5em) {
    .c-page-content {
      padding: 30px 20px; } }
  .c-page-content.t-boxed {
    text-align: center;
    padding: 0; }
  .c-page-content p {
    margin: 0 0 30px 0;
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 1.313em;
    color: #004489;
    line-height: 32px; }
    @media (max-width: 37.5em) {
      .c-page-content p {
        font-size: 1.125em;
        line-height: 32px; } }

.c-page-content .c-page-salon-content p {
  width: 100%;
  float: left; }

.c-page-content__boxed-content {
  width: 66.66667%;
  display: inline-block;
  margin: -30vh 0 0 0;
  padding: 30px;
  text-align: left;
  background: white;
  border: 22px solid rgba(211, 217, 223, 0.63);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box; }
  @media (max-width: 64em) {
    .c-page-content__boxed-content {
      width: 100%;
      padding: 0 5% 30px 5%;
      margin: 0; } }

.c-page-content__boxed-content--find-professionnal {
  padding: 30px 30px 60px 30px; }

.c-page-content__boxed-content--article {
  margin: 250px 0 0 0; }

.c-page-content__entry {
  width: 100%;
  float: left; }
  .c-page-content__entry h2 {
    width: 100%;
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.313em;
    color: #004489;
    text-transform: uppercase; }
  .c-page-content__entry h3 {
    width: 100%;
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.313em;
    color: #004489;
    text-transform: uppercase; }
  .c-page-content__entry h4 {
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.563em; }
  .c-page-content__entry h5 {
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 1.313em;
    color: #004489;
    line-height: 32px;
    border-bottom: 1px solid #2a3c79; }
  .c-page-content__entry h6 {
    width: 100%;
    padding: 10px 0 10px 20px;
    margin: 0 0 25px 0;
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.313em;
    color: #004489;
    text-transform: uppercase;
    background: url(img/bg-page-section-title.png) top left no-repeat; }
  .c-page-content__entry img {
    max-width: 100%;
    height: auto;
    float: left; }
  .c-page-content__entry ul, .c-page-content__entry ol {
    width: 100%;
    float: left;
    margin: 0 0 30px 0; }
    .c-page-content__entry ul li, .c-page-content__entry ol li {
      font-family: "adelle-sans", sans-serif;
      font-weight: 400;
      font-size: 21px;
      color: #004489; }
      @media (max-width: 37.5em) {
        .c-page-content__entry ul li, .c-page-content__entry ol li {
          font-size: 1.125em;
          line-height: 32px; } }
  .c-page-content__entry a {
    font-weight: 700;
    color: #004489;
    text-decoration: underline; }

/*****************************************************

---------->>> Home layout =home <<<-----------

*****************************************************/
.c-hero-section--fullscreen {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-hero-section--fullscreen img {
    max-width: 100%;
    height: auto; }

/* Featured site sections =featured */
.c-featured-sections {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
  top: -65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 87.5em) {
    .c-featured-sections {
      top: 0; } }
  .c-featured-sections .boxed {
    width: 100%;
    float: left;
    border: 22px solid rgba(211, 217, 223, 0.63);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box; }
    @media (max-width: 50em) {
      .c-featured-sections .boxed {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }

.c-featured-sections__item {
  width: calc(100%/3);
  height: 420px;
  padding: 50px 5%;
  float: left;
  position: relative;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 80em) {
    .c-featured-sections__item {
      padding: 50px 2.5%; } }
  @media (max-width: 50em) {
    .c-featured-sections__item {
      width: 100%;
      height: auto;
      padding: 30px 5%; } }
  .c-featured-sections__item.white {
    background: white; }
  .c-featured-sections__item.blue {
    background: #004489; }
  .c-featured-sections__item.gray {
    background: #565656; }

.c-featured-sections__item-title {
  font-size: 3.625em;
  color: #565656;
  line-height: 56px;
  text-transform: uppercase; }
  @media (max-width: 78.125em) {
    .c-featured-sections__item-title {
      font-size: 2.625em;
      line-height: 48px; } }
  @media (max-width: 57.813em) {
    .c-featured-sections__item-title {
      font-size: 2.250em;
      line-height: 42px; } }
  .c-featured-sections__item-title span {
    font-weight: 700; }

.c-featured-sections__item-content {
  margin: 35px 0 0 0;
  font-size: 1.313em;
  color: #565656; }
  @media (max-width: 78.125em) {
    .c-featured-sections__item-content {
      font-size: 1.000em; } }

.c-featured-sections__item-cta,
.c-featured-sections__item.blue .c-featured-sections__item-cta,
.c-featured-sections__item.gray .c-featured-sections__item-cta {
  position: absolute;
  bottom: 65px;
  padding: 10px 20px;
  font-size: 1.125em;
  color: white;
  text-transform: uppercase;
  background: #989898;
  -webkit-transition: background .5s ease;
  -o-transition: background .5s ease;
  transition: background .5s ease; }
  @media (max-width: 78.125em) {
    .c-featured-sections__item-cta,
    .c-featured-sections__item.blue .c-featured-sections__item-cta,
    .c-featured-sections__item.gray .c-featured-sections__item-cta {
      font-size: 1.000em; } }
  @media (max-width: 50em) {
    .c-featured-sections__item-cta,
    .c-featured-sections__item.blue .c-featured-sections__item-cta,
    .c-featured-sections__item.gray .c-featured-sections__item-cta {
      float: left;
      margin: 25px 0 0 0;
      position: relative;
      bottom: 0; } }
  @media (max-width: 37.5em) {
    .c-featured-sections__item-cta,
    .c-featured-sections__item.blue .c-featured-sections__item-cta,
    .c-featured-sections__item.gray .c-featured-sections__item-cta {
      width: 100%;
      display: block;
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  .c-featured-sections__item-cta:hover,
  .c-featured-sections__item.blue .c-featured-sections__item-cta:hover,
  .c-featured-sections__item.gray .c-featured-sections__item-cta:hover {
    color: white;
    background: #000; }

.c-featured-sections__item.blue .c-featured-sections__item-title,
.c-featured-sections__item.gray .c-featured-sections__item-title {
  font-size: 2.250em;
  color: white;
  line-height: 42px; }
  @media (max-width: 78.125em) {
    .c-featured-sections__item.blue .c-featured-sections__item-title,
    .c-featured-sections__item.gray .c-featured-sections__item-title {
      font-size: 2.000em; } }
  @media (max-width: 57.813em) {
    .c-featured-sections__item.blue .c-featured-sections__item-title,
    .c-featured-sections__item.gray .c-featured-sections__item-title {
      font-size: 1.650em;
      line-height: 36px; } }
  .c-featured-sections__item.blue .c-featured-sections__item-title span,
  .c-featured-sections__item.gray .c-featured-sections__item-title span {
    font-size: 39px; }
    @media (max-width: 78.125em) {
      .c-featured-sections__item.blue .c-featured-sections__item-title span,
      .c-featured-sections__item.gray .c-featured-sections__item-title span {
        font-size: 32px; } }
    @media (max-width: 57.813em) {
      .c-featured-sections__item.blue .c-featured-sections__item-title span,
      .c-featured-sections__item.gray .c-featured-sections__item-title span {
        font-size: 28px; } }
    @media (max-width: 37.5em) {
      .c-featured-sections__item.blue .c-featured-sections__item-title span,
      .c-featured-sections__item.gray .c-featured-sections__item-title span {
        font-size: 28px; } }

.c-featured-sections__item.blue .c-featured-sections__item-content,
.c-featured-sections__item.gray .c-featured-sections__item-content {
  color: white; }

.c-featured-sections__item.blue .c-featured-sections__item-cta {
  background: #4c88be; }

.c-featured-sections__item.gray .c-featured-sections__item-cta {
  color: #565656;
  background: #e1e1d6; }

.home-main-content {
  width: 100%;
  float: left;
  padding: 0 0 70px 0; }
  @media (max-width: 80em) {
    .home-main-content {
      padding: 70px 0; } }
  @media (max-width: 48em) {
    .home-main-content {
      padding: 70px 5%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  .home-main-content h4 {
    padding: 0 0 25px 0;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.625em;
    color: #565656;
    text-transform: uppercase; }
  .home-main-content p {
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 1.313em;
    color: #004489;
    text-align: justify; }

.home-last-article,
.home-last-pinterest {
  width: 50%;
  float: left; }
  @media (max-width: 64em) {
    .home-last-article,
    .home-last-pinterest {
      width: 100%; } }
  .home-last-article img,
  .home-last-pinterest img {
    max-width: 100%;
    height: auto; }

.home-last-article p {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  color: #565656;
  text-transform: none; }
  @media (max-width: 64em) {
    .home-last-article p {
      padding: 0 2.5%; } }

.home-last-article__featured {
  width: 100%;
  float: left;
  display: block; }
  .home-last-article__featured img {
    max-width: 100%;
    height: auto; }

.home-last-article__title-container {
  width: 100%;
  height: 220px;
  float: left;
  display: table;
  padding: 0 5%;
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 64em) {
    .home-last-article__title-container {
      padding: 30px 0 25px 0; } }

.home-last-article__title,
.home-last-pinterest__title {
  padding: 30px 0 10px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.500em;
  color: #565656;
  text-transform: uppercase; }
  @media (max-width: 64em) {
    .home-last-article__title,
    .home-last-pinterest__title {
      width: 100%;
      text-align: center; } }
  .home-last-article__title span,
  .home-last-pinterest__title span {
    font-weight: 700; }

.home-last-article__title {
  color: #004489; }

@media (max-width: 37.5em) {
  .home-last-article__title-link {
    padding: 0 2.5%; } }

.home-last-pinterest__title-container {
  width: 100%;
  height: 220px;
  padding: 0 0 0 60px;
  float: left;
  display: table;
  background: #d3d9df;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 64em) {
    .home-last-pinterest__title-container {
      padding: 0; } }

.home-last-pinterest__title {
  padding: 0 0 10px 0;
  display: table-cell;
  vertical-align: middle;
  color: #004489; }

/*****************************************************

---------->>> About =about <<<-----------

*****************************************************/
.s-entreprise-mission-content {
  width: 100%;
  min-height: 731px;
  padding: 200px 0 0 0;
  float: left;
  position: relative;
  text-align: center;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 50em) {
    .s-entreprise-mission-content {
      height: auto;
      min-height: auto;
      padding: 50px 0; } }
  .s-entreprise-mission-content h2 {
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 2.563em;
    color: white; }
  .s-entreprise-mission-content p {
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 2.563em;
    color: white;
    line-height: 48px; }
    @media (max-width: 50em) {
      .s-entreprise-mission-content p {
        font-size: 2.000em;
        line-height: 36px; } }
    @media (max-width: 37.5em) {
      .s-entreprise-mission-content p {
        font-size: 1.500em;
        line-height: 32px; } }

/*****************************************************

---------->>> Communauté =communauté <<<-----------

*****************************************************/
.c-communaute-association {
  width: 100%;
  float: left;
  margin: 0 0 65px 0;
  text-align: justify; }
  .c-communaute-association h3 {
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.313em;
    color: #004489; }
  .c-communaute-association a {
    font-size: 1.313em;
    color: #004489; }

.c-communaute-association__name {
  width: 100%;
  padding: 10px 20px;
  margin: 0 0 50px 0;
  float: left;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489;
  text-transform: uppercase;
  background: url(img/bg-page-section-title.png) top left repeat-y;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.c-communaute-association-images-container {
  width: 40%;
  float: left;
  padding: 0 0 0 50px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 64em) {
    .c-communaute-association-images-container {
      width: 100%;
      padding: 0; } }
  .c-communaute-association-images-container img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 0 25px 0; }
    @media (max-width: 64em) {
      .c-communaute-association-images-container img {
        float: left;
        margin: 0 25px 25px 0; } }

.c-communaute-association-info-container {
  width: 60%;
  float: left; }
  @media (max-width: 64em) {
    .c-communaute-association-info-container {
      width: 100%; } }

/*****************************************************

---------->>> Événements =events <<<-----------

*****************************************************/
.c-events-months {
  width: 100%;
  float: left;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #565656; }
  .c-events-months .c-events-months-nav li {
    display: block;
    float: left;
    padding: 0 7px 0 0;
    margin: 0 0 10px 7px;
    border-right: 1px solid #565656; }
    .c-events-months .c-events-months-nav li:first-child {
      margin: 0; }
    .c-events-months .c-events-months-nav li:last-child {
      border: none; }
    .c-events-months .c-events-months-nav li a {
      font-family: "adelle-sans", sans-serif;
      font-weight: 700;
      font-size: 1.250em;
      color: #004489;
      text-transform: uppercase; }
      .c-events-months .c-events-months-nav li a:hover {
        color: #565656; }
  .c-events-months .c-events-months-nav .language-link {
    display: none; }
  .c-events-months .c-events-months-nav .current-menu-item a {
    color: #565656;
    border-bottom: 5px solid #004489; }

.c-events-months__current-month {
  width: 100%;
  float: left;
  padding: 5px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.625em;
  color: #004489;
  text-transform: uppercase;
  border-bottom: 1px solid #565656; }

.c-event--excerpt {
  width: 100%;
  float: left;
  padding: 0 0 40px 0;
  margin: 40px 0 0 0;
  border-bottom: 16px solid #d3d9df; }

.c-event--excerpt__date {
  width: 18%;
  float: left; }
  @media (max-width: 50em) {
    .c-event--excerpt__date {
      width: 100%;
      padding: 0 0 0 5%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.c-event--excerpt__date-day {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 9.063em;
  line-height: 125px;
  color: #004489; }
  @media (max-width: 50em) {
    .c-event--excerpt__date-day {
      width: 100%;
      font-size: 2.000em;
      line-height: 32px; } }

.c-event--excerpt__date-month {
  position: relative;
  top: 15px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.625em;
  color: #004489;
  text-transform: uppercase; }
  @media (max-width: 50em) {
    .c-event--excerpt__date-month {
      top: 0; } }

.c-event--excerpt__title {
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 2.375em;
  color: #004489;
  text-transform: uppercase; }
  .c-event--excerpt__title a {
    color: #004489; }

.c-event--excerpt__content {
  width: 80%;
  float: left; }
  @media (max-width: 80em) {
    .c-event--excerpt__content {
      padding: 0 0 0 5%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (max-width: 50em) {
    .c-event--excerpt__content {
      width: 100%; } }

.c-event--excerpt__read-more {
  padding: 10px 20px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  color: #f9f9f9;
  text-transform: uppercase;
  background: #565656; }

/*****************************************************

---------->>> Le salon =salon <<<-----------

*****************************************************/
.c-page-salon-content {
  width: 66%;
  float: right; }
  @media (max-width: 48em) {
    .c-page-salon-content {
      width: 100%;
      float: left; } }
  .c-page-salon-content .disclaimer {
    font-size: 1.125em;
    color: #565656; }

.c-page-salon-content__title {
  width: 100%;
  padding: 10px 0 10px 20px;
  margin: 0 0 25px 0;
  float: left;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489;
  text-transform: uppercase;
  background: url(img/bg-page-section-title.png) top left repeat-y; }

/* Ateliers et conférences =ateliers */
.accordion-toggle {
  padding: 0 0 0 20px;
  cursor: pointer;
  background: url(img/payment-right-arrow.png) center left no-repeat; }
  .accordion-toggle.is-active {
    padding: 0 0 0 20px;
    background: url(img/payment-down-arrow.png) center left no-repeat; }

.accordion-content {
  display: none;
  margin: 0 0 25px 0; }

.accordion-content.default {
  display: block; }

.choose-payment-title {
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489; }

.payment-choice-title {
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  color: #004489; }

.btn-pay-with-paypal {
  padding: 12px 30px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background: #004489;
  border: none; }
  .btn-pay-with-paypal:hover {
    background: #565656; }
  @media (max-width: 50em) {
    .btn-pay-with-paypal {
      width: 100%; } }

.c-page-salon-content__inscription-poste {
  width: 100%;
  float: left;
  margin: 80px 0 0 0; }
  .c-page-salon-content__inscription-poste h6 {
    width: 100%;
    padding: 10px 0 10px 20px;
    margin: 0 0 25px 0;
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.313em;
    color: #004489;
    text-transform: uppercase;
    background: url(img/bg-page-section-title.png) top left repeat-y; }
  .c-page-salon-content__inscription-poste ol {
    width: 100%;
    float: left;
    margin: 0 0 45px 20px; }
    .c-page-salon-content__inscription-poste ol li {
      font-family: "adelle-sans", sans-serif;
      font-weight: 400;
      font-size: 1.313em;
      color: #004489; }
  .c-page-salon-content__inscription-poste a {
    color: #004489; }

/* Descriptions des ateliers =prof */
.c-atelier-prof {
  width: 100%;
  float: left; }

.c-atelier-prof__title {
  width: 100%;
  float: left;
  padding: 10px 20px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.063em;
  color: white;
  text-transform: uppercase;
  background: #565656;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-atelier-prof__title a {
    font-weight: 400;
    color: white; }

.c-prof-course {
  width: 230px;
  height: 245px;
  padding: 25px 20px;
  float: left;
  border-right: 1px solid #004489;
  border-bottom: 1px solid #004489;
  border-left: 1px solid #004489;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-prof-course:nth-child(odd) {
    border-left: none; }
  .c-prof-course:last-child {
    border-left: none; }
  @media (max-width: 50em) {
    .c-prof-course {
      width: 100%; } }
  .c-prof-course ul {
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 1.063em;
    color: #004489;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .c-prof-course span {
    font-weight: 700; }

.c-prof-course__date {
  font-weight: 700;
  text-transform: uppercase; }

.c-prof-course__name a {
  color: #004489; }

.c-prof-course__local {
  margin: 10px 0 0 0; }
  .c-prof-course__local a {
    font-size: .875em; }

/*****************************************************

---------->>> Devenir membre =membre <<<-----------

*****************************************************/
.c-become-member h2 {
  width: 100%;
  padding: 10px 0 10px 20px;
  margin: 0 0 25px 0;
  float: left;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489;
  text-transform: uppercase;
  background: url(img/bg-page-section-title.png) top left repeat-y; }

.c-become-member h3 {
  text-transform: none; }

.c-become-member__form-adhesion {
  width: 100%;
  float: left;
  margin: 40px 0 0 0; }
  .c-become-member__form-adhesion a {
    color: #004489;
    text-decoration: underline; }

/*****************************************************

---------->>> Trouver un professionnel =professionnel <<<-----------

*****************************************************/
/* Search */
.professionnels-dropdown-container {
  float: left;
  margin: 25px 0 0 0; }
  .professionnels-dropdown-container select {
    background: transparent url("img/bg-select-ateliers.png") repeat-x scroll left top;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    height: 45px;
    padding: 0 0 0 15px;
    width: 350px; }

/* Listing des professionnels */
.c-professionnals-listing-container {
  margin: 60px 0 0 0; }

.professionnals-listing-title {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 2.938em;
  color: #565656;
  text-transform: uppercase; }
  @media (max-width: 37.5em) {
    .professionnals-listing-title {
      font-size: 2.000em; } }

.c-professionnal-member {
  width: 100%;
  float: left;
  margin: 45px 0 0 0;
  padding: 0 0 30px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.313em;
  word-wrap: break-word;
  color: #004489;
  background: url(img/border-professionnal-member.png) bottom left repeat-x; }
  @media (max-width: 64em) {
    .c-professionnal-member {
      padding: 0 2.5% 30px 2.5%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.c-professionnal-member__section-title {
  margin: 40px 0 0 0;
  font-weight: 700;
  color: #004489; }

.c-professionnal-member__name {
  width: 100%;
  padding: 0 0 0 20px;
  float: left;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.750em;
  color: #004489;
  text-transform: uppercase;
  background: url(img/bg-professionnal-member-name.png) top left no-repeat; }

.c-professionnal-member__photo {
  max-width: 20%;
  height: auto;
  float: left;
  margin: 0 40px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 64em) {
    .c-professionnal-member__photo {
      max-width: 100%; } }

.c-professionnal-member__basic-info {
  width: 30%;
  float: left;
  padding: 0 30px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 64em) {
    .c-professionnal-member__basic-info {
      width: 40%; } }
  @media (max-width: 37.5em) {
    .c-professionnal-member__basic-info {
      width: 100%; } }

.c-professionnal-member__member-info {
  width: 45%;
  float: right;
  text-align: justify; }
  @media (max-width: 64em) {
    .c-professionnal-member__member-info {
      width: 100%;
      float: left; } }
  .c-professionnal-member__member-info ul li {
    padding: 0 0 0 30px;
    background: url(img/professionnal-services-arrow.png) center left no-repeat; }

.c-professionnal-member__email {
  color: #004489; }

.c-professionnal-member__website {
  color: #004489; }

.c-professionnal-member__fb {
  padding: 15px 20px 15px 50px;
  float: left;
  margin: 40px 0 0 0;
  font-size: .750em;
  line-height: 1.000em;
  background: white url(img/professionnal-fb-icon.png) 5% 50% no-repeat;
  border: 1px solid #004489; }

/*****************************************************

---------->>> Galerie =gallery <<<-----------

*****************************************************/
.c-gallery-excerpt {
  width: 50%;
  float: left;
  margin: 30px 0 10px 0; }

.c-gallery-excerpt__featured {
  max-width: 100%;
  height: auto; }

.c-gallery-excerpt__name {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489; }

.c-gallery-excerpt__desc {
  width: 100%;
  float: left; }

.c-page-content .c-gallery-excerpt p {
  margin: 5px 0 0 0; }

.c-gallery-excerpt__page-link, .btn-go-back {
  float: left;
  margin: 15px 0 0 0;
  padding: 10px 20px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  color: white;
  text-transform: uppercase;
  background: #004489; }
  .c-gallery-excerpt__page-link:hover, .btn-go-back:hover {
    background: #565656; }

.c-gallery-full {
  width: 100%;
  float: left; }

.btn-go-back {
  margin: 0 0 20px 0; }

/*****************************************************

---------->>> Contact =contact <<<-----------

*****************************************************/
/* Membres du personnel =membre */
.c-contact-membres-personnel-container {
  width: 100%;
  float: left;
  padding: 0 0 35px 0; }

.c-contact-membre-personnel {
  float: left;
  margin: 0 1% 20px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400; }
  .c-contact-membre-personnel a {
    font-size: .875em;
    color: #004489; }
  .c-contact-membre-personnel img {
    width: 278px; }

.c-contact-membre-personnel__name {
  font-weight: 700;
  font-size: 1.250em;
  color: #004489; }

.c-contact-membre-personnel__title {
  font-size: 1.000em;
  color: #004489; }

/*****************************************************

---------->>> Liste des guildes =guildes <<<-----------

*****************************************************/
.c-guilde {
  width: 100%;
  float: left;
  padding: 0 0 10px 0;
  margin: 40px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #004489;
  border-bottom: 1px solid #004489; }
  .c-guilde:first-child {
    margin: 0 0 0; }

.c-guilde__name {
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  color: #004489;
  text-transform: uppercase; }

/*****************************************************

---------->>> Marchands =marchands <<<-----------

*****************************************************/
.c-marchand {
  width: 100%;
  float: left;
  padding: 30px 15px 0 15px;
  border-bottom: 1px solid #004489;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.c-marchand__title {
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: em(21);
  color: #004489;
  text-transform: uppercase; }

.c-marchand__description p {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: em(21);
  color: #565656; }

.c-marchand__address {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: em(21);
  color: #004489; }
  .c-marchand__address a {
    color: #004489; }

/*
===========================================================
	Main info
	----------------
	
	@filename          : layouts/posts.scss
	@description       : Articles posts layouts
	@authors           : sssandbox
	@date              : 2016-01-18
	@modification      : 
	
	
	Contents / Flags
	----------------
	Article excerpt		=excerpt
	Full article        =full
	Pagination			=pagination
	Share article       =share
	Category page       =categoryPage
	Comments            =comments

===========================================================
*/
.c-page-header__blog-featured {
  position: absolute;
  top: 0;
  left: 0; }

.c-article__choose-categories {
  float: right;
  margin: -60px 0 0 0; }
  @media (max-width: 50em) {
    .c-article__choose-categories {
      width: 100%;
      float: left;
      margin: 0; } }
  .c-article__choose-categories select {
    padding: 15px 20px;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1.188em;
    color: #004489;
    text-transform: uppercase;
    background: none;
    border: 1px solid #004489; }
    @media (max-width: 50em) {
      .c-article__choose-categories select {
        width: 100%;
        font-size: 1.000em; } }

/*****************************************************

---------->>> Article excerpt  =excerpt <<<-----------

*****************************************************/
.c-article-excerpts-listing {
  width: 100%;
  float: left; }

.c-article--excerpt {
  width: 100%;
  float: left;
  padding: 20px 0;
  border-bottom: 1px solid #004489;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-article--excerpt img {
    max-width: 100%;
    height: auto; }

.c-article--excerpt__title a {
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.875em;
  color: #004489; }
  @media (max-width: 37.5em) {
    .c-article--excerpt__title a {
      font-size: 1.5em; } }
  .c-article--excerpt__title a a {
    display: block; }

.c-article--excerpt__content {
  width: 100%;
  float: left;
  margin: 25px 0 0 0; }

.c-article--excerpt__categories,
.c-article--excerpt__pub-date {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #004489; }
  @media (max-width: 50em) {
    .c-article--excerpt__categories,
    .c-article--excerpt__pub-date {
      font-size: 18px; } }
  .c-article--excerpt__categories a,
  .c-article--excerpt__pub-date a {
    font-weight: 400;
    font-size: 24px; }
    @media (max-width: 50em) {
      .c-article--excerpt__categories a,
      .c-article--excerpt__pub-date a {
        font-size: 18px; } }

.c-article--excerpt__pub-date {
  text-transform: uppercase; }
  @media (max-width: 50em) {
    .c-article--excerpt__pub-date {
      text-transform: none; } }

.c-article--excerpt__read-more {
  padding: 15px 30px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.188em;
  color: #004489;
  text-transform: uppercase;
  border: 1px solid #004489; }

/*****************************************************

---------->>> Article full default =full <<<-----------

*****************************************************/
.c-article--full {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-article--full img {
    max-width: 100%;
    height: auto; }

@media (max-width: 64em) {
  .c-article--full__header {
    margin: 25px 0 0 0; } }

.c-article--full__title {
  width: 100%;
  margin: 25px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  color: #004489;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 2em; }
  @media (max-width: 37.5em) {
    .c-article--full__title {
      font-size: 1.5em; } }

.c-article--full__content {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-article--full__content h2, .c-article--full__content h3 {
    width: 100%;
    float: left;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 2em; }
  .c-article--full__content p, .c-article--full__content li {
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    color: #000;
    line-height: 36px; }
    @media (max-width: 50em) {
      .c-article--full__content p, .c-article--full__content li {
        font-size: 1.250em; } }

.c-article--full__metas {
  width: 100%;
  float: left;
  padding: 10px 0;
  margin: 1.5% 0;
  font-family: "adelle-sans", sans-serif;
  font-size: .875em;
  text-transform: uppercase;
  border-top: 1px solid #004489;
  border-bottom: 1px solid #004489; }

.c-article-full__publication-date {
  color: #004489; }

.c-article-full__categories {
  float: right; }
  @media (max-width: 48em) {
    .c-article-full__categories {
      width: 100%;
      float: left;
      margin: 5px 0 0 0; } }
  .c-article-full__categories a {
    font-weight: 700;
    color: #004489; }

/*****************************************************

---------->>> Pagination =pagination <<<-----------

*****************************************************/
.c-article-pagination {
  width: 100%;
  float: left; }
  .c-article-pagination .page-numbers {
    float: left;
    margin-right: 10px;
    padding: 5px 15px;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #FFF;
    background-color: #4d4e53; }
    .c-article-pagination .page-numbers:hover {
      background-color: #073674; }
  .c-article-pagination .current {
    background-color: #073674; }

/*****************************************************

---------->>> Category page  =categoryPage <<<-----------

*****************************************************/
.c-page-category-header {
  width: 100%;
  padding: 50px 0;
  position: relative;
  float: left;
  text-align: center;
  background: #004489; }

.c-page-category-header__title {
  margin: 5px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.500em;
  color: white;
  text-transform: uppercase; }

/*****************************************************

---------->>> Comments =comments <<<-----------

*****************************************************/
.comments-area {
  width: 66.66667%;
  margin: 30px auto; }
  .comments-area .comment-reply-title {
    padding: 0 0 10px 0;
    color: #004489; }

/* COMPONENTS */
/*
===========================================================
	Main info
	----------------
	
	@filename          : components/navigation.scss
	@description       : Navigation components
	@authors           : Guerin
	@date              : 2016-01-15
	@modification      : 
	
	
	Contents / Flags
	----------------
	Primary navigation         =primary
	Sub navigation             =sub
	Secondary menu             =secondary
	Footer menu                =footer
	Vertical menu              =menu
	
===========================================================
*/
.c-nav-primary__item > a, .c-nav-vertical li a, .sub-menu li a {
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.000em;
  color: #004489;
  text-transform: uppercase; }

.language-switcher-link, .c-nav-secondary li > a {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: .938em;
  color: #565656;
  text-transform: uppercase; }

/*****************************************************

---------->>> Primary navigation =primary <<<-----------

*****************************************************/
nav[role=navigation] {
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.c-nav-primary {
  float: right; }
  @media (max-width: 64em) {
    .c-nav-primary {
      display: none; } }

.c-nav-primary__item {
  display: block;
  float: left;
  margin: 11px 0 0 23px; }
  .c-nav-primary__item > a {
    padding: 10px 0;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease; }
    .c-nav-primary__item > a:hover {
      color: #565656; }
    .c-nav-primary__item > a:focus {
      outline: none; }

.c-nav-primary__item.is-active a {
  color: #565656;
  border-top: 5px solid #004489; }

.c-nav-primary__toggle-menu {
  float: right;
  display: none;
  margin: 8px 0 0 0;
  cursor: pointer; }
  @media (max-width: 64em) {
    .c-nav-primary__toggle-menu {
      display: block; } }
  .c-nav-primary__toggle-menu .flaticon-menu53,
  .c-nav-primary__toggle-menu .flaticon-cross97 {
    font-size: 32px;
    color: #004489; }
  .c-nav-primary__toggle-menu .flaticon-cross97 {
    position: relative;
    top: 4px;
    font-size: 24px; }

.c-nav-primary-mobile {
  display: none;
  width: 100%;
  float: none;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 3; }
  .c-nav-primary-mobile .c-nav-primary__item {
    width: 100%;
    float: none;
    margin: 0; }
    .c-nav-primary-mobile .c-nav-primary__item > a {
      width: 100%;
      display: block;
      padding: 15px 2.5%;
      color: #004489;
      background: white;
      border-top: 1px solid #004489;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .c-nav-primary-mobile .c-nav-primary__item a:hover {
      color: white;
      background: #004489;
      border-top: 1px solid white; }
  .c-nav-primary-mobile .c-nav-primary__item.is-active a {
    color: #FFF;
    background: #004489; }

.c-nav-primary__item.language-link {
  display: none; }
  @media (max-width: 64em) {
    .c-nav-primary__item.language-link {
      display: block; } }

/*****************************************************

SECONDARY MENU (often used as dropdown)

---> Type: Component class
---> Desc: Secondary navigation used on every pages
---> Flag: =secondary

*****************************************************/
.c-nav-secondary {
  float: right; }
  @media (max-width: 64em) {
    .c-nav-secondary {
      display: none; } }
  .c-nav-secondary li {
    display: block;
    float: left;
    margin: 0 0 0 25px; }
    .c-nav-secondary li > a {
      padding: 10px 0;
      display: block;
      border-top: 5px solid white;
      -webkit-transition: color .5s ease;
      -o-transition: color .5s ease;
      transition: color .5s ease; }
      .c-nav-secondary li > a:hover {
        color: #004489; }
      .c-nav-secondary li > a:focus {
        outline: none; }

.c-nav-secondary .is-active a {
  font-weight: 700;
  color: #004489;
  border-top: 5px solid #004489; }

/*****************************************************

VERTICAL MENU (often used in sidebar)

---> Type: Component class
---> Desc: Vertical navigation
---> Flag: =vertical

*****************************************************/
.c-sidebar-menu {
  width: 30%;
  float: left; }
  @media (max-width: 48em) {
    .c-sidebar-menu {
      width: 100%;
      margin: 0 0 25px 0; } }

.c-nav-vertical {
  width: 100%;
  float: left;
  border: 1px solid #004489; }
  .c-nav-vertical li {
    width: 100%; }
    .c-nav-vertical li a {
      width: 100%;
      display: block;
      padding: 10px 15px 10px 20px;
      font-size: 1vw;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media (max-width: 64em) {
        .c-nav-vertical li a {
          font-size: 1.000em; } }
      .c-nav-vertical li a:hover {
        color: white;
        background: #004489 url(img/vertical-menu-arrow.png) 95% 50% no-repeat; }
  .c-nav-vertical .language-link {
    display: none; }

.c-nav-vertical .current-menu-item a {
  color: white;
  background: #004489 url(img/vertical-menu-arrow.png) 95% 50% no-repeat; }

/*****************************************************

FOOTER MENU

---> Type: Component class
---> Desc: Footer navigation used on every pages
---> Flag: =footer

*****************************************************/
.c-nav-footer {
  width: 70%;
  float: left;
  margin: 0 0 100px 0; }
  .c-nav-footer li {
    width: 20%;
    float: left; }
    .c-nav-footer li a {
      width: 100%;
      display: block;
      margin: 0 0 5px 0;
      font-family: "adelle-sans", sans-serif;
      font-weight: 700;
      font-size: .875em;
      color: #000;
      text-transform: uppercase; }
  .c-nav-footer .sub-menu {
    float: left; }
    .c-nav-footer .sub-menu li {
      width: auto;
      float: none;
      display: block; }
    .c-nav-footer .sub-menu a {
      font-weight: 400;
      font-size: .875em;
      text-transform: none; }

/*****************************************************

---------->>> Sub navigation (second level) =sub <<<-----------

*****************************************************/
li.c-nav-primary__item:hover ul {
  display: block; }

.sub-menu {
  width: 450px;
  padding: 5px;
  display: none;
  position: absolute;
  top: 48px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2); }
  @media (max-width: 64em) {
    .sub-menu {
      width: 100%;
      position: relative;
      top: 0; } }
  .sub-menu li {
    width: 100%;
    padding: 0 0 0 10px;
    display: block;
    margin: 5px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 64em) {
      .sub-menu li a {
        width: 100%;
        height: auto;
        padding: 15px 0; } }
    .sub-menu li a:hover {
      color: #565656; }

.c-nav-primary__item.is-active .sub-menu .c-nav-primary__item a {
  color: #565656;
  border: none; }

/*
===========================================================
	Main info
	----------------
	
	@filename          : components/breadcrumb.scss
	@description       : Breadcrumb styling
	@authors           : Guerin
	@date              : 2015-XX-XX
	@modification      : 
	
	
	Contents / Flags
	----------------
	Breadcrumb          =breadcrumb
	
===========================================================
*/
/*****************************************************

BREADCRUMB

---> Type: Component class
---> Desc: Component used for displaying breadcrumb in pages
---> Flag: =breadcrumb

*****************************************************/
.c-breadcrumb {
  width: 100%;
  float: left;
  margin: 50px 0;
  color: darkgray; }
  .c-breadcrumb a {
    color: #000; }
  .c-breadcrumb.is-active {
    color: #ce153f; }

/*
===========================================================
	Main info
	----------------
	
	@filename          : components/btn.scss
	@description       : Buttons styling
	@authors           : Guerin
	@date              : 2015-XX-XX
	@modification      : 
	
	
	Contents / Flags
	----------------
	
	
===========================================================
*/
.btn {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.250em;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: #ce153f; }

.btn--green {
  padding: 20px 40px;
  margin: 0 0 0 10px;
  font-size: 1.125em;
  text-align: center;
  background: #237546; }
  @media (max-width: 37.5em) {
    .btn--green {
      width: 100%;
      display: block;
      margin: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  .btn--green:hover {
    background: #2d965a; }

.btn--social-share {
  padding: 20px 40px;
  color: #FFF; }
  .btn--social-share:hover {
    opacity: .85; }

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004489;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white; }

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1); }

/*
===========================================================
	Main info
	----------------
	
	@filename          : components/form.scss
	@description       : Form component
	@authors           : Guerin
	@date              : 2015-XX-XX
	@modification      : 
	
	
	Contents / Flags
	----------------	
	Contact form             	=contact
	Become member               =member
	Newsletter form             =newsletter
	Placeholders                =placeholder
	Custom select               =select
	Ateliers et conférences     =ateliers
	Inscription courtepointe    =inscription
	Search professionnal form   =search

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

---------->>> Contact form =contact <<<-----------

*****************************************************/
.wpcf7-form,
.c-become-member-form,
.c-inscription-courtepointe-form,
.defi-jn-form {
  width: 100%;
  margin: 40px 0 0 0; }
  @media (max-width: 78.125em) {
    .wpcf7-form,
    .c-become-member-form,
    .c-inscription-courtepointe-form,
    .defi-jn-form {
      padding-bottom: 60px; } }
  @media (max-width: 64em) {
    .wpcf7-form,
    .c-become-member-form,
    .c-inscription-courtepointe-form,
    .defi-jn-form {
      float: left; } }
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="email"],
  .wpcf7-form textarea,
  .wpcf7-form select,
  .c-become-member-form input[type="text"],
  .c-become-member-form input[type="email"],
  .c-become-member-form textarea,
  .c-become-member-form select,
  .c-inscription-courtepointe-form input[type="text"],
  .c-inscription-courtepointe-form input[type="email"],
  .c-inscription-courtepointe-form textarea,
  .c-inscription-courtepointe-form select,
  .defi-jn-form input[type="text"],
  .defi-jn-form input[type="email"],
  .defi-jn-form textarea,
  .defi-jn-form select {
    width: 100%;
    height: 43px;
    padding-left: 15px;
    margin: 0 0 20px 0;
    font-size: 1.125em;
    color: #646464;
    background: #FFF;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="email"],
  .wpcf7-form select,
  .c-become-member-form input[type="text"],
  .c-become-member-form input[type="email"],
  .c-become-member-form select,
  .c-inscription-courtepointe-form input[type="text"],
  .c-inscription-courtepointe-form input[type="email"],
  .c-inscription-courtepointe-form select,
  .defi-jn-form input[type="text"],
  .defi-jn-form input[type="email"],
  .defi-jn-form select {
    width: 47%;
    float: left; }
    @media (max-width: 64em) {
      .wpcf7-form input[type="text"],
      .wpcf7-form input[type="email"],
      .wpcf7-form select,
      .c-become-member-form input[type="text"],
      .c-become-member-form input[type="email"],
      .c-become-member-form select,
      .c-inscription-courtepointe-form input[type="text"],
      .c-inscription-courtepointe-form input[type="email"],
      .c-inscription-courtepointe-form select,
      .defi-jn-form input[type="text"],
      .defi-jn-form input[type="email"],
      .defi-jn-form select {
        width: 100%; } }
  .wpcf7-form select,
  .c-become-member-form select,
  .c-inscription-courtepointe-form select,
  .defi-jn-form select {
    float: right; }
  .wpcf7-form textarea,
  .c-become-member-form textarea,
  .c-inscription-courtepointe-form textarea,
  .defi-jn-form textarea {
    height: 198px;
    padding: 0.938em; }
  .wpcf7-form input[type="submit"],
  .wpcf7-form input[type="button"],
  .c-become-member-form input[type="submit"],
  .c-become-member-form input[type="button"],
  .c-inscription-courtepointe-form input[type="submit"],
  .c-inscription-courtepointe-form input[type="button"],
  .defi-jn-form input[type="submit"],
  .defi-jn-form input[type="button"] {
    padding: 12px 30px;
    float: right;
    margin: 20px 0 0 0;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: white;
    text-align: center;
    text-transform: uppercase;
    background: #004489;
    border: none; }
    .wpcf7-form input[type="submit"]:hover,
    .wpcf7-form input[type="button"]:hover,
    .c-become-member-form input[type="submit"]:hover,
    .c-become-member-form input[type="button"]:hover,
    .c-inscription-courtepointe-form input[type="submit"]:hover,
    .c-inscription-courtepointe-form input[type="button"]:hover,
    .defi-jn-form input[type="submit"]:hover,
    .defi-jn-form input[type="button"]:hover {
      background: #565656; }
    @media (max-width: 50em) {
      .wpcf7-form input[type="submit"],
      .wpcf7-form input[type="button"],
      .c-become-member-form input[type="submit"],
      .c-become-member-form input[type="button"],
      .c-inscription-courtepointe-form input[type="submit"],
      .c-inscription-courtepointe-form input[type="button"],
      .defi-jn-form input[type="submit"],
      .defi-jn-form input[type="button"] {
        width: 100%;
        float: left; } }
  .wpcf7-form .fullwidth input,
  .c-become-member-form .fullwidth input,
  .c-inscription-courtepointe-form .fullwidth input,
  .defi-jn-form .fullwidth input {
    width: 100%;
    margin: 10px 0 0 0; }
  .wpcf7-form .align-right input,
  .c-become-member-form .align-right input,
  .c-inscription-courtepointe-form .align-right input,
  .defi-jn-form .align-right input {
    float: right; }
    @media (max-width: 64em) {
      .wpcf7-form .align-right input,
      .c-become-member-form .align-right input,
      .c-inscription-courtepointe-form .align-right input,
      .defi-jn-form .align-right input {
        float: left; } }

.wpcf7-response-output {
  position: relative;
  top: 20px;
  color: #000; }

span.wpcf7-not-valid-tip {
  float: left; }

::-webkit-input-placeholder {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: .875em;
  color: #646464; }

:-moz-placeholder {
  /* Firefox 18- */
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: .875em;
  color: #646464; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: .875em;
  color: #646464; }

:-ms-input-placeholder {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: .875em;
  color: #646464; }

/*****************************************************

---------->>> Become member form =member <<<-----------

*****************************************************/
.c-become-member-form h3,
.c-inscription-courtepointe-form h3 {
  color: #004489;
  float: left;
  font-family: "adelle-sans", sans-serif;
  font-size: 1.313em;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%; }

.c-become-member-form input[type="text"],
.c-become-member-form input[type="email"],
.c-become-member-form select,
.c-inscription-courtepointe-form input[type="text"],
.c-inscription-courtepointe-form input[type="email"],
.c-inscription-courtepointe-form select {
  width: 100%;
  margin: 0 0 10px 0; }

.c-become-member-form input[type="submit"],
.c-inscription-courtepointe-form input[type="submit"] {
  float: left; }

.c-become-member-form .btn-pay-with-paypal,
.c-inscription-courtepointe-form .btn-pay-with-paypal {
  float: left;
  margin: 0 0 30px 0; }

.c-become-member-personal-info,
.c-become-member-billing-address,
.c-become-member-payment-options {
  width: 100%;
  float: left; }
  .c-become-member-personal-info h3,
  .c-become-member-billing-address h3,
  .c-become-member-payment-options h3 {
    padding: 0 0 15px 0; }
  .c-become-member-personal-info p,
  .c-become-member-billing-address p,
  .c-become-member-payment-options p {
    width: 60%;
    float: left;
    margin: 15px 0 0 0;
    color: #004489;
    font-family: "adelle-sans", sans-serif;
    font-size: 1.313em;
    font-weight: 400;
    line-height: 32px; }
    @media (max-width: 50em) {
      .c-become-member-personal-info p,
      .c-become-member-billing-address p,
      .c-become-member-payment-options p {
        width: 100%; } }
  .c-become-member-personal-info input[type="text"],
  .c-become-member-personal-info input[type="email"],
  .c-become-member-billing-address input[type="text"],
  .c-become-member-billing-address input[type="email"],
  .c-become-member-payment-options input[type="text"],
  .c-become-member-payment-options input[type="email"] {
    width: 100%;
    float: left; }
    @media (max-width: 50em) {
      .c-become-member-personal-info input[type="text"],
      .c-become-member-personal-info input[type="email"],
      .c-become-member-billing-address input[type="text"],
      .c-become-member-billing-address input[type="email"],
      .c-become-member-payment-options input[type="text"],
      .c-become-member-payment-options input[type="email"] {
        width: 100%;
        float: left; } }

.c-become-member-billing-address {
  margin: 0 0 40px 0; }

.c-become-member-type-abonnement {
  width: 100%;
  float: left;
  margin: 0; }
  .c-become-member-type-abonnement .wpcf7-list-item {
    width: 100%;
    float: left; }
  .c-become-member-type-abonnement input[type="radio"] {
    margin: 25px 0 0 0; }
  .c-become-member-type-abonnement input[type="text"] {
    width: 250px;
    margin: 10px 0 0 0; }

.c-become-member-adhesion-options {
  width: 100%;
  float: left;
  margin: 0 0 20px 0; }

.c-become-member-adhesion-options-radios {
  width: 100%;
  float: left;
  padding: 30px;
  border: 1px solid #004489;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 50em) {
    .c-become-member-adhesion-options-radios {
      float: left; } }
  .c-become-member-adhesion-options-radios p {
    margin: 0;
    font-weight: 700;
    font-size: 1.000em; }
  .c-become-member-adhesion-options-radios span {
    font-weight: 400;
    font-size: 1.000em; }
  .c-become-member-adhesion-options-radios input[type="radio"] {
    margin: 0 0 0 45px; }
    @media (max-width: 50em) {
      .c-become-member-adhesion-options-radios input[type="radio"] {
        margin: 20px 0 0 0; } }
  @media (max-width: 50em) {
    .c-become-member-adhesion-options-radios .wpcf7-radio .wpcf7-list-item {
      width: 100%;
      float: left; } }

.c-become-member-payment-options label {
  width: 100%;
  float: left; }

.c-become-member-payment-options select.small {
  width: 45%;
  float: left; }
  .c-become-member-payment-options select.small.align-right {
    float: right; }

/*****************************************************

---------->>> Ateliers et conférences =ateliers <<<-----------

*****************************************************/
#ins-membre {
  width: 100%;
  float: left;
  margin: 0 0 30px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489; }
  #ins-membre input {
    margin: 0 30px 0 0; }

.ins-jourselect {
  width: 100%;
  height: 45px;
  margin: 0 0 45px 0;
  overflow: hidden;
  background-image: url(img/bg-select-arrow-ateliers.png), url(img/bg-select-ateliers.png);
  background-position: center right, top left;
  background-repeat: no-repeat, repeat-x;
  border: 1px solid #ccc;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

#ins select {
  background: transparent;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.c-page-content .ins-jourselect p,
.c-page-content #ins-jour p {
  margin: 0 0 15px 0;
  font-weight: 700;
  font-size: 1.313em;
  text-transform: uppercase; }

#ins-total {
  margin: 0 0 80px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em;
  color: #004489; }
  #ins-total span {
    font-weight: 400;
    color: #000; }

#paypalpro-container form .params {
  width: 48%;
  float: left;
  margin: 0 2% 25px 0; }

#paypalpro-container form .param_name {
  padding: 0 0 5px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  color: #000; }

#paypalpro-container form input[type="text"],
#paypalpro-container form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  background: white;
  border: 1px solid #8d8d8d;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 50em) {
    #paypalpro-container form input[type="text"],
    #paypalpro-container form select {
      width: 100%; } }

#paypalpro-container form select[name="expDateMonth"],
#paypalpro-container form select[name="expDateYear"] {
  width: 50%;
  float: left; }

#paypalpro-container form .submit {
  width: 100%;
  float: left; }

#paypalpro-container form input[type="submit"] {
  padding: 12px 30px;
  float: left;
  margin: 20px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background: #004489;
  border: none; }
  #paypalpro-container form input[type="submit"]:hover {
    background: #565656; }
  @media (max-width: 50em) {
    #paypalpro-container form input[type="submit"] {
      width: 100%; } }

#paypalpro-container .section_header {
  margin: 0 0 25px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.313em; }

/*****************************************************

---------->>> Search professionnal form =search <<<-----------

*****************************************************/
.c-search-professionnal-form input[type="text"] {
  width: 350px;
  height: 45px;
  padding: 0 0 0 15px;
  float: left;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  color: #000;
  background: url(img/bg-select-ateliers.png) top left repeat-x;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.c-search-professionnal-form input[type="submit"] {
  height: 45px;
  padding: 0 45px;
  float: left;
  margin: 0 0 0 15px;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  color: white;
  text-transform: uppercase;
  background: #989898;
  border: none; }
  .c-search-professionnal-form input[type="submit"]:hover {
    background: #000; }

/*****************************************************

---------->>> Inscription courtepointe =inscription <<<-----------

*****************************************************/
.c-inscription-courtepointe-form .field-sm {
  float: left;
  margin: 10px 0 30px 0; }
  .c-inscription-courtepointe-form .field-sm li {
    display: block;
    float: left;
    margin: 0 5px 0 0; }
    .c-inscription-courtepointe-form .field-sm li:first-child {
      margin: 10px 5px 0 0;
      color: #004489; }
    .c-inscription-courtepointe-form .field-sm li:last-child {
      margin: 0 20px 0 0; }

.rad-label {
  margin: 15px 25px 0 0; }

.rad-default {
  margin: 0 30px 0 0; }

.c-inscription-courtepointe-form .rad-choices-list {
  float: left;
  margin: 10px 0 30px 0; }
  .c-inscription-courtepointe-form .rad-choices-list li {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    font-size: 1.313em;
    color: #004489; }

.c-inscription-courtepointe-form input.txt-prix-de-vente {
  width: 150px;
  float: right; }

.defi-jn-form {
  width: 100%;
  float: left;
  margin: 15px 0 30px 0; }
  .defi-jn-form p {
    font-size: 1.125em;
    color: #000; }
  .defi-jn-form input[type="text"],
  .defi-jn-form input[type="email"] {
    width: 65%;
    float: right; }
    @media (max-width: 50em) {
      .defi-jn-form input[type="text"],
      .defi-jn-form input[type="email"] {
        width: 100%;
        float: left; } }
  .defi-jn-form .wpcf7-radio {
    width: 100%;
    color: #004489; }
    .defi-jn-form .wpcf7-radio .wpcf7-list-item-label {
      margin: 0 20px; }
  .defi-jn-form input[type="submit"] {
    float: left; }

/* Newsletter =newsletter */
.c-newsletter h2 {
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  color: #004489; }

.c-newsletter p {
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  color: #004489; }

.c-newsletter-form {
  float: left;
  margin: 0 0 21px 0; }
  .c-newsletter-form input[type="text"] {
    width: 300px;
    height: 43px;
    padding-left: 15px;
    margin: 0 0 20px 0;
    font-size: 1.125em;
    color: #646464;
    background: #FFF;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .c-newsletter-form input[type="submit"] {
    padding: 10px 30px;
    margin: 20px 0 0 0;
    font-family: "adelle-sans", sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: white;
    text-align: center;
    text-transform: uppercase;
    background: #004489;
    border: none; }
    .c-newsletter-form input[type="submit"]:hover {
      background: #565656; }

/*
===========================================================
	Main info
	----------------
	
	@filename          : components/social.scss
	@description       : Social sharing styling
	@authors           : Guerin
	@date              : 2015-XX-XX
	@modification      : 
	
	
	Contents / Flags
	----------------
	Share article           =share
	Social links            =social
	
===========================================================
*/
/*****************************************************

SHARE ARTICLE

---> Type: Component class
---> Desc: Component used for sharing a blog article.
---> Flag: =share

*****************************************************/
@media (max-width: 50em) {
  .c-social-share {
    width: 100%;
    float: left;
    margin: 40px 0 0 0; } }

.c-social-share__item {
  display: block;
  float: left;
  margin: 0 0 0 10px; }
  @media (max-width: 50em) {
    .c-social-share__item {
      margin: 0 10px 0 0; } }
  @media (max-width: 48em) {
    .c-social-share__item {
      width: 100%; } }

.c-social-share__title {
  float: left;
  margin: 5px 0 0 0;
  font-family: "adelle-sans", sans-serif;
  font-size: .875em;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px; }
  @media (max-width: 50em) {
    .c-social-share__title {
      width: 100%; } }

.c-social-share__fbButton {
  background: #3B5997; }

.c-social-share__twitterButton {
  background: #41B7D8; }

.c-social-share__gplusButton {
  background: #D64937; }

@media (max-width: 48em) {
  .c-social-share__fbButton,
  .c-social-share__twitterButton,
  .c-social-share__gplusButton {
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

/*****************************************************

SOCIAL MEDIA LINKS

---> Type: Component class
---> Desc: Component used for listing social media links
---> Flag: =social

*****************************************************/
.c-social-links {
  float: right; }
  .c-social-links ul li {
    display: block;
    float: left;
    margin: 0 10px 0 0; }
  .c-social-links a {
    font-size: 32px; }
    .c-social-links a:hover {
      opacity: .85; }
  .c-social-links [class*='fa-facebook'] {
    color: #3B5997; }
  .c-social-links [class*='fa-twitter'] {
    color: #41B7D8; }
  .c-social-links [class*='fa-linkedin'] {
    color: #000; }
  .c-social-links [class*='fa-google-plus'] {
    color: #D64937; }

/*
===========================================================
	Main info
	----------------
	
	@filename          : components/slider.scss
	@description       : Sliders styling
	@authors           : Guerin
	@date              : 2015-XX-XX
	@modification      : 
	
	
	Contents / Flags
	----------------
	Hero slider           =slider
	
===========================================================
*/
/*****************************************************

HERO SLIDER

---> Type: Component class
---> Desc: Component used for displaying content with slides
---> Flag: =slider

*****************************************************/
.c-slider-hero {
  width: 100%;
  float: left; }
  @media (max-width: 48em) {
    .c-slider-hero {
      padding: 50px 0;
      background: #004489; } }

.c-slider-hero__slide,
.c-slider-hero__slide img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 1; }
  @media (max-width: 48em) {
    .c-slider-hero__slide,
    .c-slider-hero__slide img {
      z-index: 4; } }

@media (max-width: 48em) {
  .c-slider-hero__slide img {
    display: none !important; } }

.c-slider-hero__slideTitle {
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 100px;
  padding: 0 0 45px 0;
  font-family: "adelle-sans", sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #FFF;
  text-align: center; }

.c-slider-hero__slideContent {
  width: 100%;
  position: absolute;
  top: 20%;
  z-index: 2;
  font-family: "adelle-sans", sans-serif;
  font-weight: 400;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .c-slider-hero__slideContent.alignBottomLeft {
    bottom: 25px;
    left: 0;
    text-align: left; }
  .c-slider-hero__slideContent.alignBottomRight {
    bottom: 25px;
    right: 0;
    text-align: right; }
  @media (max-width: 57.813em) {
    .c-slider-hero__slideContent {
      position: relative;
      top: 10%;
      z-index: 3; } }
  .c-slider-hero__slideContent h2 {
    font-weight: 700;
    font-size: 3.1vw;
    color: white;
    line-height: 7vh;
    text-transform: uppercase;
    text-shadow: 2px 2px #565656; }
    @media (max-width: 48em) {
      .c-slider-hero__slideContent h2 {
        font-size: 36px;
        line-height: 36px; } }
    .c-slider-hero__slideContent h2 span {
      font-weight: 700; }
    .c-slider-hero__slideContent h2.slide2 {
      margin: 0 0 45px 0;
      font-size: 2.6vw;
      line-height: 6.2vh; }
      @media (max-width: 48em) {
        .c-slider-hero__slideContent h2.slide2 {
          font-size: 36px;
          line-height: 40px; } }
    .c-slider-hero__slideContent h2.slide4 {
      margin: 0 0 25px 0;
      font-size: 2.6vw;
      line-height: 6.2vh; }
      @media (max-width: 48em) {
        .c-slider-hero__slideContent h2.slide4 {
          font-size: 36px;
          line-height: 40px; } }
  .c-slider-hero__slideContent h3 {
    font-size: 2vw;
    color: white;
    text-shadow: 2px 2px #565656; }
    @media (max-width: 48em) {
      .c-slider-hero__slideContent h3 {
        font-size: 24px; } }
  .c-slider-hero__slideContent p {
    margin: 0 0 20px 0;
    font-size: 1.5vw;
    text-shadow: 2px 2px #565656; }
    @media (max-width: 80em) {
      .c-slider-hero__slideContent p {
        margin: 0 0 25px 0; } }
    @media (max-width: 48em) {
      .c-slider-hero__slideContent p {
        font-size: 20px; } }
  .c-slider-hero__slideContent a {
    padding: 10px 20px;
    font-weight: 700;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    background: #565656; }
    .c-slider-hero__slideContent a:hover {
      background: #000; }

.c-slider-hero__previousArrow,
.c-slider-hero__nextArrow {
  width: 39px;
  height: 39px;
  display: block;
  position: absolute;
  top: 45%;
  z-index: 2; }

.c-slider-hero__previousArrow {
  left: 25px;
  background: url(img/arrow-previous.png) top left no-repeat; }

.c-slider-hero__nextArrow {
  right: 25px;
  background: url(img/arrow-next.png) top left no-repeat; }

.c-slider-hero__previousArrow:hover,
.c-slider-hero__nextArrow:hover {
  cursor: pointer; }

.c-slider-hero .slick-dots {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 80px;
  text-align: center; }
  @media (max-width: 87.5em) {
    .c-slider-hero .slick-dots {
      bottom: 25px; } }
  .c-slider-hero .slick-dots li {
    display: inline-block;
    margin: 0 5px; }
    .c-slider-hero .slick-dots li button {
      padding: 0 10px;
      text-indent: -9999px;
      background: #FFF;
      border: 1px solid #565656; }
      .c-slider-hero .slick-dots li button:hover {
        background: #565656; }
    .c-slider-hero .slick-dots li.slick-active button {
      background: #565656; }