/*
 Theme Name:   Attraptemps 2019
 Theme URI:    http://attraptemps.fr/
 Description:  Thême 2019 propulsé par Attraptemps
 Author:       attraptemps
 Template:     twentyseventeen
 Version:      1.0.0
*/


/* *** Font Face *** */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('./font/BebasNeueRegular.eot');
    src: url('./font/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('./font/BebasNeueRegular.woff2') format('woff2'),
        url('./font/BebasNeueRegular.woff') format('woff'),
        url('./font/BebasNeueRegular.ttf') format('truetype'),
        url('./font/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueBold';
    src: url('./font/BebasNeueBold.eot');
    src: url('./font/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('./font/BebasNeueBold.woff2') format('woff2'),
        url('./font/BebasNeueBold.woff') format('woff'),
        url('./font/BebasNeueBold.ttf') format('truetype'),
        url('./font/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MoonstoneRegular';
    src: url('./font/Moonstone-Regular.eot');
    src: url('./font/Moonstone-Regular.eot?#iefix') format('embedded-opentype'),
        url('./font/Moonstone-Regular.woff2') format('woff2'),
        url('./font/Moonstone-Regular.woff') format('woff'),
        url('./font/Moonstone-Regular.ttf') format('truetype'),
        url('./font/Moonstone-Regular.svg#Moonstone-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('./font/Roboto-Regular.eot');
    src: url('./font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('./font/Roboto-Regular.woff2') format('woff2'),
        url('./font/Roboto-Regular.woff') format('woff'),
        url('./font/Roboto-Regular.ttf') format('truetype'),
        url('./font/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('./font/Roboto-Bold.eot');
    src: url('./font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('./font/Roboto-Bold.woff2') format('woff2'),
        url('./font/Roboto-Bold.woff') format('woff'),
        url('./font/Roboto-Bold.ttf') format('truetype'),
        url('./font/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* *** COLOR *** */
:root {
  --robinBlue: #b1dddf;
  --tiffanyBlue: #5fd0df;
  --darkTeal: #003c51;
  --pinkish: #e36386;
  --grey: #666666;
  --lightGrey: #d8d8d8;
  --white: #FFFFFF;
}

/* *** BODY *** */
html.js { margin-top:0!important; }
#page { position: relative; }
h3 { font-family: 'MoonstoneRegular',sans-serif; font-size: 65px; color:var(--robinBlue); margin-bottom: 15px; line-height: 70px; }
p { font-family: 'RobotoRegular',sans-serif; font-size:14px; color:var(--darkTeal); line-height: 25px;  }
.button a { font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; text-decoration: none; letter-spacing: 2px; line-height: normal; }
.tooltip { position: relative; }
.tooltip-text { background-color: rgba(0, 0, 0, .7); color: white; left: 0; padding: 5px; position: absolute; top: 0; transform: translateX(-100%); }
a:hover { opacity: .7; transition:.3s ease-in-out; }
b, strong { font-family: 'RobotoBold',sans-serif; }


/* Langue Switch */
.nwa-widget {
  position: absolute;
  z-index: 7;
  top: 20px;
  left: 50px;
  width: 70px;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag {
  width: 26px;
  height: 17px;
}

.wpml-ls-legacy-dropdown a,
.wpml-ls-sidebars-langue-switch {
  background-color: transparent !important;
  border: none;
}


/* *** NAVIGATION TOP *** */
#masthead .logo-mobile { display:none; }
#navtop { position:absolute; top:68px; height:91px; z-index: 6; }
#navtop > .wrap { padding:0; margin:0; max-width: none; }
#navtop > .wrap > #site-navigation { height:91px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; }
#navtop > .wrap > #site-navigation .menu-scroll-down { display:none; }
#navtop > .wrap > #site-navigation::before { content:''; width:100%; position: absolute; top:8px; border: 1px dashed var(--robinBlue); }
#navtop > .wrap > #site-navigation::after { content:''; width:100%; position: absolute; bottom:8px; border: 1px dashed var(--robinBlue); }
#navtop > .wrap > #site-navigation > div { position:relative; }
#navtop > .wrap > #site-navigation > div::after { content:''; pointer-events: none; background-image: url('./img/i_love_couture.png'); background-repeat: no-repeat; background-size: 120px 39px; position: absolute; bottom:-93px; left:50%; transform: translateX(-50%); width:120px; height:39px; }
#navtop > .wrap > #site-navigation #top-menu { height:91px; width:65vw; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
#navtop > .wrap > #site-navigation #top-menu li { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; width:165px; max-height:91px; text-align: center; }
#navtop > .wrap > #site-navigation #top-menu li a { padding:0; font-family: 'BebasNeueRegular',sans-serif; font-size: 24px; color:var(--darkTeal); line-height: 30px; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(4)::before { content:''; pointer-events: none; display: inline-block; width:125px; height:125px; background-color: var(--darkTeal); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 2; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(4)::after { content:''; pointer-events: none; display: inline-block; width:138px; height:138px; border:solid 3px var(--darkTeal); background-color: var(--white); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 1; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(4) a { color:var(--white); font-size: 30px; letter-spacing: 3px; z-index: 3; padding-top: 24px; line-height:27px; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(4) a span { font-size: 42px; letter-spacing: 6px; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(4) a::before { content:''; background-image: url('./img/icon-logo.png'); background-repeat: no-repeat; background-size: 35px; position: absolute; top:-14px; left:50%; transform: translateX(-50%); width:35px; height:35px; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(5) a span,
#navtop > .wrap > #site-navigation #top-menu li:nth-child(6) a span { color:var(--robinBlue); }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(5) a i,
#navtop > .wrap > #site-navigation #top-menu li:nth-child(6) a i { color:var(--robinBlue); padding-right: 5px; font-size: 22px; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(5) i.fa-angle-right,
#navtop > .wrap > #site-navigation #top-menu li:nth-child(6) i.fa-angle-right { display:none; }
#navtop > .wrap > #site-navigation #top-menu li.menu-item:nth-child(1),
#navtop > .wrap > #site-navigation #top-menu li.menu-item:nth-child(7),
#navtop > .wrap > #site-navigation #top-menu li.menu-item:nth-child(8) { display:none; }
#navtop > .wrap > #site-navigation #top-menu li:nth-child(5) i.fa-angle-down,
#navtop > .wrap > #site-navigation #top-menu li:nth-child(6) i.fa-angle-down { display:none; }
#navtop #hidemenu { height:91px; width:45px; position:absolute; right:-46px; pointer-events: none; }
#navtop #hidemenu2 { height: 60px; width: 165px; position: absolute; right: 0; bottom: -60px; pointer-events: none; }
#navtop > .wrap > #site-navigation.cat-tricot > div::after { content:''; pointer-events: none; background-image: url('./img/i_love_tricot.png'); background-repeat: no-repeat; background-size: 120px 39px; position: absolute; bottom:-93px; left:50%; transform: translateX(-50%); width:120px; height:39px; }

.lamaille {
  position: absolute; 
  left: 50%;
  top: 95%;
  z-index: 90;
  transform: translateX(-50%);
}

#masthead { width:100%; position:initial; }

#masthead .headtop-menu { position: absolute; top:0; height:68px; width:100%; background-color: rgba(177,221,223,.7); z-index: 1; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end; }
#masthead .headtop-menu form { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#masthead .headtop-menu form input { background: transparent; border:none; }
#masthead .headtop-menu form input::placeholder { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); }
#masthead .headtop-menu i { width:68px; height:100%; background-color: var(--darkTeal); color:var(--white); font-size: 22px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; }
#masthead .headtop-menu form > i { width:68px; height:100%; background-color: transparent; color:var(--darkTeal); font-size: 22px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; }
#masthead .headtop-menu a > i { border-left:1px solid var(--white); }

#masthead > .submenu-couture { display:none; position:absolute; z-index: 5; background-color: var(--robinBlue); top:158px; left:50%; max-width:1200px; width:65vw; transform:translateX(-50%); overflow: hidden; box-shadow: inset 0 0 0 5px var(--darkTeal); }
#masthead > .submenu-couture .close { position:absolute; width:30px; margin: 20px 0 0 17px; cursor: pointer; }
#masthead > .submenu-couture .close::before { content:''; pointer-events: none; display: inline-block; width:225px; height:225px; background-color: var(--darkTeal); position: absolute; top:-110px; left:-215px; transform: rotate(45deg); z-index: -1; }
#masthead > .submenu-couture .close i { font-size: 28px; color:var(--white); }
#masthead > .submenu-couture .section-produits { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 900px; margin:92px auto 15px;}
#masthead > .submenu-couture .section-produits .sub-bloc { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: flex-start; justify-content: center; width: 425px; }
#masthead > .submenu-couture .section-produits .sub-bloc:nth-child(odd) { margin:12px 12px 0 0;  }
#masthead > .submenu-couture .section-produits .sub-bloc:nth-child(even) { margin:12px 0 0 12px;  }
#masthead > .submenu-couture .section-produits .sub-bloc .icon { height:60px; width:60px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: flex-start; justify-content: center; }
#masthead > .submenu-couture .section-produits .sub-bloc .icon img { height:70%; width:auto; max-width: 88%; }
#masthead > .submenu-couture .section-produits .sub-bloc .content { width:85%; padding-left:0; margin-top:0; }
#masthead > .submenu-couture .section-produits .sub-bloc .content h4 { margin-bottom:6px; padding:0; font-size: 20px; line-height: 1; }
#masthead > .submenu-couture .section-produits .sub-bloc .content a:hover { background-color: rgba(255,255,255,.5); }
#masthead > .submenu-couture .section-produits .sub-bloc .content p { line-height: 1; }
#masthead > .submenu-couture .section-produits .sub-bloc .content p > a:hover { background-color: rgba(255,255,255,.5); }

#masthead > .submenu-tricot { display:none; position:absolute; z-index: 5; background-color: var(--robinBlue); top:159px; left:50%; max-width:1200px; width:65vw; transform:translateX(-50%); overflow: hidden; box-shadow: inset 0 0 0 5px var(--darkTeal); }
#masthead > .submenu-tricot .section-produit { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 900px; margin:105px auto 28px;}
#masthead > .submenu-tricot .section-produit .sub-bloc { width:35%; display: flex; margin-bottom: 1.5rem; }
#masthead > .submenu-tricot .section-produit .sub-bloc .top-cadre { width:auto; height:auto; display:flex; align-items: center; }
#masthead > .submenu-tricot .section-produit .sub-bloc .top-cadre > a { margin:0 1rem; }
#masthead > .submenu-tricot .section-produit .sub-bloc .top-cadre img { width:42px; height:42px; }
#masthead > .submenu-tricot .section-produit .sub-bloc h4 { margin-bottom:6px; padding:0; font-size: 20px; line-height: 1; }
#masthead > .submenu-tricot .close { position:absolute; width:30px; margin: 20px 0 0 17px; cursor: pointer; }
#masthead > .submenu-tricot .close::before { content:''; pointer-events: none; display: inline-block; width:225px; height:225px; background-color: var(--darkTeal); position: absolute; top:-110px; left:-215px; transform: rotate(45deg); z-index: -1; }
#masthead > .submenu-tricot .close i { font-size: 28px; color:var(--white); }
#masthead > .submenu-tricot .section-produits { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 900px; min-height:200px; margin:52px 12px 0; }
#masthead > .submenu-tricot .section-produits h3.temp { font-family: 'RobotoRegular',sans-serif; padding:30px 0; font-size: 24px; color:var(--darkTeal); line-height: inherit; }
#masthead > .submenu-tricot .section-produits img { width:80px; height:80px; }

/* ** SEARCH *** */
body.search-results #content .wrap { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; padding-top:26px; padding-bottom:26px; }
body.search-results #content > .page-header { background-color: var(--robinBlue); padding-top:200px; padding-bottom:20px; width:100% }
body.search-results #content > .page-header h3 { color: var(--darkTeal); font-size:35px; text-align: center; }
body.search-results #content .wrap #primary article { padding:0; float:left; width: 100%; }
body.search-results #masthead > .submenu-couture { display:none; }
body.search-no-results #content { padding-top: 18rem; display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; margin-bottom: 2rem; }
body.search-no-results #content header.page-header { width:50%; }

/* *** SLIDERS *** */
.bx-wrapper { margin:0; border:0; box-shadow: none; }
.bx-wrapper > .bx-viewport > .slider > .slide { background-color: var(--robinBlue); }
.bx-wrapper > .bx-viewport > .slider > .slide > img { max-width: none;  height: 100%; width:100vw; }
.bx-wrapper > .bx-viewport > .slider > .slide .button a { border:solid 4px; padding:10px 20px 8px 20px; }
.bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a { background: var(--white); }
.bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a.active { background: var(--tiffanyBlue); }

/* *** HEADER *** */
#header {  }
#header > .bx-wrapper > .bx-viewport { max-height:680px!important; } /* !important pour passer par dessus le script JS */
#header > .bx-wrapper > .bx-viewport > .slider > .slide { width:100vw!important; } /* !important pour passer par dessus le script JS */
#header > .bx-wrapper > .bx-viewport > .slider > .slide > .vignette-slider { position:absolute; width:400px; height:auto; right:110px; top:400px; transform:translateY(-50%); background-color:rgba(255, 255, 255, .9); padding:30px 40px; }
#header > .bx-wrapper > .bx-controls > .bx-pager { bottom:40px; z-index: 0; }

/* *** BLOCS *** */
.bloc-head { max-width:1200px; margin:0 auto; }
.bloc-head > .bloc-name { padding-top:30px; font-family: 'BebasNeueRegular', sans-serif; color:var(--pinkish); letter-spacing: 4px; font-size: 15px; }
.bloc-head > .bloc-title { font-family: 'MoonstoneRegular', sans-serif; color:var(--darkTeal); font-size: 80px; padding-top:0; margin-bottom: 0; }
.bloc-head > p.bloc-subtitle a { font-family: 'BebasNeueBold', sans-serif; color:var(--pinkish); font-size: 20px; letter-spacing: 2px; text-decoration: underline; }
.bloc-head > p,
.bloc-head > h1,
.bloc-head > h2,
.bloc-content p,
.bloc-content h4,
.bloc-content h2 { text-align:center; }
.bloc-content { max-width:1200px; margin:0 auto; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; }
.bloc-content > div { max-width:385px!important; } /* !important pour passer par dessus le script JS */
.white-content { background-color: var(--white); }
.blue-content { background-color: var(--robinBlue); }
.body-content { padding-bottom:58px; }

/* *** CADRES *** */
h2.cadre-title { position: absolute; top:50%; left:50%; font-family: 'MoonstoneRegular',sans-serif; color: var(--darkTeal); font-size: 35px; margin:0; transform: translateX(-50%) translateY(-50%); width:270px; text-align: center; }
p.cadre.button { position: absolute; top:65%; left:50%; margin:0; transform: translateX(-50%); }
.top-cadre { position: relative; width:385px; height:385px; }
.top-cadre img { width:385px; height:385px; }
.bottom-cadre { text-align: center; }
.top-cadre > .content-top-cadre {  }
.top-cadre > .content-top-cadre:before { content:''; pointer-events: none; display: inline-block; width:225px; height:225px; opacity:.7; background-color: var(--white); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0; }
.top-cadre > .content-top-cadre:after { content:''; pointer-events: none; display: inline-block; width:240px; height:240px; opacity:.7  ; border:solid 3px var(--white); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0; }
.white-content .top-cadre > .content-top-cadre:before { content:''; pointer-events: none; display: inline-block; width:225px; height:225px; background-color: var(--robinBlue); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0; }
.white-content .top-cadre > .content-top-cadre:after { content:''; pointer-events: none; display: inline-block; width:240px; height:240px; border:solid 3px var(--robinBlue); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0; }
.content { max-width:1200px; margin:0 auto; }
h4.sub-bloc-title { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); padding-top:20px; line-height: 35px; }
.cadre-content { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); }

/* *** BLOC BANNER VIDEO / SLIDER *** */
.banner-video { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; padding-top:200px; justify-content: center; background-color: var(--robinBlue); }
.banner-video > .vignette-video { max-width:1200px; width:100%; }
.banner-video-slider { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; padding-top:200px; justify-content: center; }
.banner-video-slider > .vignette-video { width:811px; }
.banner-video-slider > .bx-wrapper { width:385px; }
.banner-video-slider > .bx-wrapper .image-mini-slider { width: 385px; height: 428px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; background-color: var(--darkTeal); }
.banner-video-slider > .bx-wrapper > .bx-controls > .bx-pager { bottom:50px; }
.banner-video-slider > .bx-wrapper .bx-controls-direction a { top:47%; z-index: 4; }
.button-video { position: relative; }
.button-video > a::before { content:''; pointer-events: none; background-image: url('./img/icone-play.png'); background-repeat: no-repeat; background-size: 158px; position: absolute; width:158px; height:158px; top:50%; left:50%;  transform: translateX(-50%) translateY(-50%); }
.button-video.button-video-small > a::before { content:''; pointer-events: none; background-image: url('./img/icone-play.png'); background-repeat: no-repeat; background-size: 40px; position: absolute; width:40px; height:50px; top:45px; left:50%;  transform: translateX(-50%) translateY(-50%); }
.mobile { display:none; }

/* *** BLOC MINI-SLIDER *** */
.mini-slider-wrapper > .bx-wrapper { width:385px; }
.mini-slider-wrapper > .bx-wrapper > .bx-viewport { background: var(--robinBlue); }
.mini-slider-wrapper > .bx-wrapper .image-mini-slider { width: 385px; height: 385px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; background-color: var(--darkTeal); }
.mini-slider-wrapper > .bx-wrapper > .bx-controls > .bx-pager { top:325px; }
.mini-slider-wrapper > .bx-wrapper .bx-controls-direction a { top:195px; z-index: 4; }

/* *** HOME *** */
#front-page .vignette-slider > p.button { margin-bottom:0; margin-top:20px; }
#front-page .vignette-slider > p.button a { text-decoration: none; }
#front-page .sub-bloc-content { color:var(--grey); }
#front-page #tutos-et-astuces .top-cadre > .content-top-cadre:before { content:''; pointer-events: none; display: inline-block; width:225px; height:225px; opacity:.9; background-color: var(--robinBlue); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0; }
#front-page #tutos-et-astuces .top-cadre > .content-top-cadre:after { content:''; pointer-events: none; display: inline-block; width:240px; height:240px; opacity:.9; border:solid 3px var(--robinBlue); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0;  }

/* *** CONTENT PRODUCTS *** */
#single-product { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#single-product .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#single-product .content { position: relative; margin-left:auto; margin-right: auto; margin-top: -24px; padding-left:50px; max-width:1200px; }
#single-product .head-content { border-top: 2px solid var(--robinBlue); padding:12px 0 0 12px; max-width:1148px; width:100%; background-color: var(--white); }
#single-product .category { padding:16px 0; }
#single-product .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#single-product .body-content { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; }
#single-product .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#single-product .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#single-product .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:8px 0; }
#single-product .body-content .contenu { width:761px; }
#single-product .body-content .nous-trouver { width:385px; padding:32px; }
#single-product .body-content .videos { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; padding:16px 0; }
#single-product .body-content .videos .video { margin-right: 25px; max-width:170px; }
#single-product .body-content .videos .video p { text-align: center; font-size: 18px; font-family: 'BebasNeueRegular',sans-serif; color:var(--darkTeal); text-transform: uppercase; padding-top: 10px; }
#single-product .body-content .videos .video img { width:170px; max-height:90px; }
#single-product .body-content .plus-de-produits { padding:26px 0 0 0; }
#single-product .body-content .share { font-family: 'RobotoBold',sans-serif; font-size: 16px; color:var(--grey); display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: flex-end; margin-bottom:58px; }
#single-product .body-content .share .jssocials-share-link { border-radius: 50%; }
#single-product .body-content .share #share { padding-left:8px; }
#single-product .articles-relatifs { background-color: var(--robinBlue); }
#single-product .articles-relatifs > ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-evenly; padding:68px 0 78px 0; margin-bottom: 0;}

/* *** CONTENT TUTOS *** */
#single-tutos { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#single-tutos h2.cadre-title { position: absolute; top: 50%; left: 50%; font-family: 'MoonstoneRegular',sans-serif; color: var(--darkTeal); font-size: 35px; margin: 0; transform: translateX(-50%) translateY(-50%); width: 270px; text-align: center; }
#single-tutos .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#single-tutos .content { position: relative; margin-left:auto; margin-right: auto; margin-top: -24px; max-width:1200px; }
#single-tutos .head-content { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; border-top: 2px solid var(--robinBlue); padding:12px 0 0 12px; margin:0 auto; width:1148px;  background-color: var(--white); }
#single-tutos .category { padding:16px 0; }
#single-tutos .body-content { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; width:1148px; margin:0 auto; }
#single-tutos .contenu > .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding: 15px 0 28px; }
#single-tutos .difficulty { padding-right:12px; }
#single-tutos .difficulty .difficulty-label { font-family: 'BebasNeueRegular', sans-serif; font-size: 20px; letter-spacing: 5.3px; color:var(--robinBlue); padding-right:12px; }
#single-tutos .difficulty > i { font-size: 12px; color:var(--lightGrey); }
#single-tutos .difficulty.easy > i:nth-of-type(-n + 1) { color:var(--pinkish); }
#single-tutos .difficulty.medium > i:nth-of-type(-n + 2) { color:var(--pinkish); }
#single-tutos .difficulty.hard > i { color:var(--pinkish); }
#single-tutos .body-content .contenu { padding-right: 35px; padding-top:35px; }
#single-tutos .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#single-tutos .body-content .contenu hr { margin:54px 0; }
#single-tutos .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }
#single-tutos .body-content .share { font-family: 'RobotoBold',sans-serif; font-size: 16px; color:var(--grey); display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: flex-end; margin-bottom:58px; }
#single-tutos .body-content .share .jssocials-share-link { border-radius: 50%; }
#single-tutos .body-content .share #share { padding-left:8px; }
#single-tutos .sidebar {  }
#single-tutos .sidebar #materiel {  }
#single-tutos .sidebar #materiel .materiel-label { font-family: 'MoonstoneRegular',sans-serif; font-size: 50px; color:var(--darkTeal); display: inline-block; width:100%; text-align: center; }
#single-tutos .sidebar #materiel hr { border-top:5px solid var(--darkTeal); }
#single-tutos .sidebar #materiel li { list-style: none; padding-left:12px; font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--grey); }
#single-tutos .sidebar .mini-slide-label { font-family: 'MoonstoneRegular',sans-serif; font-size: 38px; color:var(--robinBlue); text-align: center; background-color: var(--darkTeal); padding-top:30px; display: inline-block; width:100%; }
#single-tutos .sidebar .mini-slider-wrapper > .bx-wrapper { margin-bottom:75px; }
#single-tutos .sidebar .mini-slider-wrapper > .bx-wrapper > .bx-viewport { background: var(--darkTeal); }
#single-tutos .sidebar .mini-slider-wrapper > .bx-wrapper .bx-controls-direction a { top:inherit; bottom:180px; }
#single-tutos .sidebar .mini-slider-wrapper > .bx-wrapper > .bx-controls > .bx-pager { top:inherit; bottom:25px; }
#single-tutos .articles-relatifs { background-color: var(--robinBlue); }
#single-tutos .articles-relatifs > ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-evenly; padding:68px 0 78px 0; margin-bottom: 0;}

/* *** CATEGORY TUTOS *** */
#our-tutos { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#our-tutos #header { padding-top:200px; }
#our-tutos .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#our-tutos p.cadre.button { top:70%; }
#our-tutos .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); }
#our-tutos .bloc-head .button { padding:30px 0; }
#our-tutos .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#our-tutos .button.more { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#our-tutos .button.more p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#our-tutos .category { padding:16px 0; }
#our-tutos .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
.section-tutos { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; justify-content: center; }
.section-tutos .sub-bloc { display:none; margin:33px 7px 0 7px; }
#our-tutos .body-content { max-width:1200px; width:100%; margin:0 auto; padding-top:28px; }
#our-tutos .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#our-tutos .body-content h2.cadre-title { top:54%; width:240px; }
#our-tutos .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#our-tutos .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#our-tutos .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }
.category-tutos-astuces .top-category-content { display:flex; justify-content: center; }
.category-tutos-astuces .top-category-content .select-category { width: 365px; padding-right:1.5rem; margin-right:1.5rem; border-right:1px solid var(--robinBlue); display:flex; align-items: center; }
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown { padding: .78571429em 1em .78571429em 2.1em; width: 100%; border-radius: 1px; }
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown > .delete.icon,
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown > .dropdown.icon,
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown > .search.icon { left:1em; right:inherit; }
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown .default.text { font-family: 'RobotoRegular',sans-serif; color: var(--grey); }
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown .item { margin-left:1.5rem; }
.category-tutos-astuces .top-category-content .select-category .ui.selection.dropdown .item.all { margin-left:initial; }
.category-tutos-astuces .top-category-content .search-form { width: 365px; }
.category-tutos-astuces .top-category-content .search-form #searchform-tuto { position: relative; }
.category-tutos-astuces .top-category-content .search-form #searchform-tuto > i { position: absolute; top:50%; transform: translateX(100%) translateY(-50%); }
.category-tutos-astuces .top-category-content .search-form #searchform-tuto input[type="text"] { padding: 0.7em 0.7em 0.7em 3em; border-radius:50px; border: 1px solid rgba(34,36,38,.15); font-family: 'RobotoRegular',sans-serif; color: var(--grey); }
.category-tutos-astuces .top-category-content .search-form #searchform-tuto input[type="text"]::placeholder { font-family: 'RobotoRegular',sans-serif; color: var(--grey); }

/* *** CATEGORY PRODUCT *** */
#sewing-product { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#sewing-product #header { padding-top:200px; }
#sewing-product .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#sewing-product .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); }
#sewing-product .bloc-head .button { padding:30px 0; }
#sewing-product .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#sewing-product .button.more { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#sewing-product .button.more p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#sewing-product .category { padding:16px 0; }
#sewing-product .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#sewing-product .top-cadre .content-top-cadre img { width:auto; height:auto; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; }
#sewing-product .white-content .top-cadre .content-top-cadre:before { width: 115px; height: 115px; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
#sewing-product .white-content .top-cadre .content-top-cadre:after { width: 130px; height: 130px; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.category-nos-produits-tricot #sewing-product .white-content .top-cadre .content-top-cadre:before { width: 115px; height: 115px; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.category-nos-produits-tricot #sewing-product .white-content .top-cadre .content-top-cadre:after { width: 130px; height: 130px; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.category-nos-produits-tricot #sewing-product .body-content h2.cadre-title { top:50%; }
.category-nos-produits-tricot #sewing-product .top-cadre .content-top-cadre img { width:65px; }
.category-nos-produits-tricot #sewing-product .category-content .section-produit .sub-bloc { position:relative; max-width:385px; margin-top: 33px; }
.category-nos-produits-tricot #sewing-product .category-content .section-produit .sub-bloc .title-cadre { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color: var(--darkTeal); padding-top: 20px; line-height: 35px; text-align: center; }
.category-nos-produits-tricot #sewing-product .category-content .section-produit .sub-bloc .text-cadre { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color: var(--grey); text-align: center; }
#sewing-product .section-produits { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; }
#sewing-product .section-produits .sub-bloc { margin-top:33px; max-width: 385px;}
#sewing-product .bottom-cadre > p.post-title { font-family: 'RobotoBold',sans-serif; font-size: 14px; color:var(--darkTeal); }
#sewing-product .body-content { max-width:1200px; width:100%; margin:0 auto; padding-top:28px; }
#sewing-product .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#sewing-product .body-content h2.cadre-title { top:54%; width:240px; }
#sewing-product .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#sewing-product .body-content .post-title a { color:var(--darkTeal); }
#sewing-product .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#sewing-product .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }

/* *** SUBCATEGORY PRODUCTS *** */
.category #content { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
.category #header { padding-top:200px; margin-bottom: 30px; }
.category .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
.category .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); max-width:800px; margin:0 auto; }
.category .bloc-head .button { padding:30px 0; }
.category .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
.category .button.more { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
.category .button.more p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
.category .category { padding:16px 0; }
.category .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
.category .section-produit { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; }
.category .section-produit > .sub-bloc { margin-bottom:1rem; }
.category .body-content { max-width:1200px; width:100%; margin:0 auto; padding-top:28px; }
.category .body-content .breadcrumbs { margin:auto auto 18px 28px; }
.category .body-content h2.cadre-title { top:50%; left:50%; transform: translateX(-50%) translateY(-50%); width:240px; }
.category .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
.category .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
.category .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }

/* *** DEFAULT PAGE *** */
.page-template-default.page-id-1387 #content,
.page-template-default.page-id-1440 #content,
.page-template-default.page-id-1402 #content,
.page-template-default.page-id-3189 #content,
.page-template-default.page-id-7801 #content,
.page-template-default.page-id-7798 #content, 
.page-template-default.page-id-7827 #content,
.page-template-default.page-id-7830 #content, 
.page-template-default.page-id-3181 #content, 
.page-template-default.page-id-5571 #content { background-color: var(--robinBlue); }

.page-template-default.page-id-1387 #content h3,
.page-template-default.page-id-3189 #content h3,
.page-template-default.page-id-7801 #content h3,
.page-template-default.page-id-7827 #content h3,
.page-template-default.page-id-7830 #content h3,
.page-template-default.page-id-3181 #content h3,
.page-template-default.page-id-7798 #content h3 { font-family: 'RobotoRegular',sans-serif; font-size: 35px; }

.page-template-default.page-id-1387 #content #main #header,
.page-template-default.page-id-1440 #content #main #header,
.page-template-default.page-id-1402 #content #main #header,
.page-template-default.page-id-3189 #content #main #header,
.page-template-default.page-id-7801 #content #main #header,
.page-template-default.page-id-7827 #content #main #header,
.page-template-default.page-id-7830 #content #main #header,
.page-template-default.page-id-3181 #content #main #header,
.page-template-default.page-id-7798 #content #main #header, .page-template-default.page-id-5571 #content #main #header { padding-top:200px; margin-bottom:28px; }

.page-template-default.page-id-1387 #content #main .body-content,
.page-template-default.page-id-1440 #content #main .body-content,
.page-template-default.page-id-1402 #content #main .body-content,
.page-template-default.page-id-3189 #content #main .body-content,
.page-template-default.page-id-7801 #content #main .body-content,
.page-template-default.page-id-7827 #content #main .body-content,
.page-template-default.page-id-7830 #content #main .body-content,
.page-template-default.page-id-3181 #content #main .body-content,
.page-template-default.page-id-7798 #content #main .body-content, .page-template-default.page-id-5571 #content #main .body-content { margin:28px auto; max-width: 1200px; padding-top: 28px; }


/* *** ABOUT *** */
#about-us { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#about-us #header { padding-top:200px; }
#about-us .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#about-us .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); max-width: 800px; text-align: center; margin:0 auto; }
#about-us .bloc-head { position:relative; padding-bottom:100px; background-color: var(--robinBlue); }
#about-us .bloc-head > img { position:absolute; left:50%; transform: translateX(-50%); }
#about-us .bloc-head .button { padding:30px 0; }
#about-us .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#about-us .button.more { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#about-us .button.more p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#about-us .category { padding:16px 0; }
#about-us .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#about-us .bloc-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 100px; color:var(--darkTeal);  text-align: center; padding: 48px 0; margin:0; }
#about-us .timeline { max-width:800px; margin:0 auto; padding-top:550px; }
#about-us .timeline > .bloc-timeline { position: relative; width:333px; height:333px; margin-top:-140px; }
#about-us .timeline > .bloc-timeline:nth-child(odd) { margin-right:0; margin-left:auto; }
#about-us .timeline > .bloc-timeline:nth-child(even) > p.year { text-align: right; margin-right: 20px; }
#about-us .timeline > .bloc-timeline > p { position: relative; z-index: 1; line-height: normal; }
#about-us .timeline > .bloc-timeline > img { position: relative; z-index: 1; }
#about-us .timeline > .bloc-timeline:before { content:''; display: inline-block; width:225px; height:225px; background-color: var(--robinBlue); position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: 0; }
#about-us .timeline > .bloc-timeline:nth-child(odd):after { content:''; display: inline-block; width:1px; height:178px; background-color: var(--darkTeal); position: absolute; top:60px; left:-65px; z-index: 0; }
#about-us .timeline > .bloc-timeline:nth-child(even):after { content:''; display: inline-block; width:1px; height:178px; background-color: var(--darkTeal); position: absolute; top:60px; right:-70px; z-index: 0; }
#about-us .timeline > .bloc-timeline:last-child:after { display:none; }
#about-us .timeline > .bloc-timeline > p.year { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--pinkish); margin: 10px 12px; }
#about-us .timeline > .bloc-timeline > p.year:after { content:''; display: inline-block; width:120px; height:120px; background-color: var(--darkTeal); position: absolute; top:50%; transform: translateX(-82%) translateY(-50%) rotate(45deg); z-index: -1; }
#about-us .timeline > .bloc-timeline:nth-child(odd) > p.year:before { content:''; display: inline-block; width:20px; height:20px; background-color: var(--darkTeal); position: absolute; top:50%; left:-77px; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: -1; }
#about-us .timeline > .bloc-timeline:nth-child(even) > p.year:before { content:''; display: inline-block; width:20px; height:20px; background-color: var(--darkTeal); position: absolute; top:50%; right:-109px; transform: translateX(-50%) translateY(-50%) rotate(45deg); z-index: -1; }
#about-us .timeline > .bloc-timeline > div.icon { position:relative; z-index: 1; width:100%; height:auto; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
#about-us .timeline > .bloc-timeline > div.icon > img { width:10%; height:10%; }
#about-us .timeline > .bloc-timeline > p.title { font-family: 'BebasNeueBold',sans-serif; font-size: 20px; color:var(--darkTeal); text-align: center; margin:0; padding-top:12px; line-height: normal; }
#about-us .timeline > .bloc-timeline > p.desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); text-align: center; margin:0 auto; max-width: 190px; line-height: normal; }
#about-us .our-values .bloc-content { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; justify-content: space-evenly; }
#about-us .our-values .bloc-content .bloc-value { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: center; width:385px }
#about-us .our-values .bloc-content .bloc-value .title { font-family: 'MoonstoneRegular',sans-serif; font-size: 40px; color:var(--darkTeal); padding-top:20px; }
#about-us .our-values .bloc-content .bloc-value .desc { max-width: 300px; font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); }
#about-us .our-community .bloc-desc  { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); }
#about-us .our-community .social-link { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
#about-us .our-community .social-link i { font-size: 40px; color:var(--pinkish); text-align: center; margin: 0 20px; }
#about-us .our-community .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#about-us .our-community .button a { text-decoration: none; }
#about-us .our-community .button p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#about-us .body-content { max-width:1200px; width:100%; margin:0 auto; padding-top:400px; }
#about-us .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#about-us .body-content h2.cadre-title { top:54%; width:240px; }
#about-us .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#about-us .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#about-us .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }

/* *** FAQ *** */
#faq { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#faq h3 { color:var(--robinBlue); font-size: 40px; padding-top:60px; font-family: 'RobotoRegular',sans-serif; }
#faq h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 24px; color:var(--darkTeal); text-transform: uppercase; }
#faq hr { opacity:.3; }
#faq .bloc-question { position:relative; }
#faq .bloc-question .question::after { content:'+'; font-family: 'RobotoBold',sans-serif; position:absolute; font-size: 25px; width:38px; height:38px; background-color: var(--robinBlue); border-radius: 25px; color:var(--white); text-align: center; right:0; top:0;}
#faq .bloc-question .question.open::after { content:'-'; font-family: 'RobotoBold',sans-serif; position:absolute; font-size: 25px; width:38px; height:38px; background-color: var(--robinBlue); border-radius: 25px; color:var(--white); text-align: center; right:0; top:0;}
#faq .question:hover { cursor: pointer; }
#faq .bloc-question > div.answer { display:none; color:var(--grey); }
#faq #header { padding-top:200px; }
#faq .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#faq .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); max-width: 800px; text-align: center; margin:0 auto; }
#faq .bloc-head { position:relative; padding-bottom:100px; }
#faq .bloc-head > img { position:absolute; left:50%; transform: translateX(-50%); }
#faq .bloc-head .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
#faq .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#faq .button.more { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#faq .button.more p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#faq .category { padding:16px 0; }
#faq .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#faq .bloc-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 100px; color:var(--darkTeal);  text-align: center; padding: 48px 0; margin:0; }
#faq .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#faq .button a { text-decoration: none; }
#faq .button p { width:auto; cursor:pointer; display:inline-block; margin: 40px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#faq .body-content { max-width:1200px; width:100%; margin:0 auto; }
#faq .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#faq .body-content h2.cadre-title { top:54%; width:240px; }
#faq .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#faq .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#faq .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }

/* *** CONTACT *** */
#contact-us { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#contact-us h3 { color: var(--darkTeal); font-size: 60px; padding-top:60px; }
#contact-us h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); text-transform: uppercase; }
#contact-us hr { opacity:.3; }
#contact-us .bloc-question { position:relative; }
#contact-us .bloc-question .question::after { content:'+'; font-family: 'RobotoBold',sans-serif; position:absolute; font-size: 25px; width:38px; height:38px; background-color: var(--robinBlue); border-radius: 25px; color:var(--white); text-align: center; right:0; top:0;}
#contact-us .bloc-question .question.open::after { content:'-'; font-family: 'RobotoBold',sans-serif; position:absolute; font-size: 25px; width:38px; height:38px; background-color: var(--robinBlue); border-radius: 25px; color:var(--white); text-align: center; right:0; top:0;}
#contact-us p.answer { display:none; color:var(--grey); }
#contact-us #header { padding-top:200px; }
#contact-us .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#contact-us .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); max-width: 800px; text-align: center; margin:0 auto; }
#contact-us .bloc-head { position:relative; }
#contact-us .bloc-head > img { position:absolute; left:50%; transform: translateX(-50%); }
#contact-us .bloc-head .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
#contact-us .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#contact-us .choice { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  justify-content: center; align-items: center; height:150px; }
#contact-us .choice hr { width:2px; height: 80px; margin:auto 5%; }
#contact-us .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; }
#contact-us .button a { width:auto; cursor:pointer; display:inline-block; margin:auto; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#contact-us .forms {  }
#contact-us .forms .form { margin-bottom:78px; display:none; }
#contact-us .forms .form .form-shortcode { position: relative; }
#contact-us .forms .form .gform_footer { position: absolute; padding:0; margin:0; right:0; bottom:0; width: auto; }
#contact-us .forms .form input[type="submit"] { background-color: inherit; width:auto; cursor:pointer; display:inline-block; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#contact-us .forms .form > .title { max-width: 1200px; margin:0 auto; font-family: 'RobotoBold',sans-serif; font-size: 22px; color:var(--darkTeal); text-align: center; }
#contact-us .forms .form .content-form { padding-bottom: 62px; }
#contact-us .forms .form .content-form > .desc { padding-top:48px; }
#contact-us .forms .form .content-form > .desc > p { font-family: 'RobotoBold',sans-serif; font-size: 16px; color:var(--grey); text-align: center; }
#contact-us .forms .form .content-form > .form-shortcode { max-width:790px; margin:0 auto; }
#contact-us .forms .form .content-form > .form-shortcode form { max-width: 1200px; margin:0 auto; }
#contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
#contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li { width:100%; }
#contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_2,
#contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_6 { width:50%; }
#contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_2 input,
#contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_6 input { width:100%; }
#contact-us .forms .form .content-form > .form-shortcode form #input_1_2 { width:100%; }
#contact-us .forms .form .content-form > .form-shortcode form #field_2_5 { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; width:100%; }
#contact-us .forms .form .content-form > .form-shortcode form #field_2_5 > .gfield_label { width:50%; font-family: 'RobotoRegular', sans-serif; font-size: 16px; color:var(--grey); display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end; align-items: center; padding-right: 32px; margin: 0; }
#contact-us .forms .form .content-form > .form-shortcode form #field_2_5 > .ginput_container { width:50%; }
#contact-us .forms .form .content-form > .form-shortcode form #field_2_5 > .ginput_container > #input_2_5 { width:100%; }
#contact-us .last-word { font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--grey); text-align: center; }
#contact-us .last-word a { font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--darkTeal); }
#contact-us .category { padding:16px 0; }
#contact-us .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#contact-us .bloc-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 100px; color:var(--darkTeal);  text-align: center; padding: 48px 0; margin:0; }
#contact-us .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#contact-us .button p { text-align: center; width:auto; cursor:pointer; display:inline-block; margin: 78px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#contact-us .body-content { margin:0 auto; }
#contact-us .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#contact-us .body-content h2.cadre-title { top:54%; width:240px; }
#contact-us .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#contact-us .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#contact-us .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }

/* *** SHARE CREATIONS *** */
#share-creation { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#share-creation h3 { color: var(--darkTeal); font-size: 60px; padding-top:60px; }
#share-creation h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); text-transform: uppercase; }
#share-creation hr { opacity:.3; }
#share-creation #header { padding-top:200px; }
#share-creation .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#share-creation .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); max-width: 800px; text-align: center; margin:0 auto; }
#share-creation .bloc-head { position:relative; }
#share-creation .bloc-head > img { position:absolute; left:50%; transform: translateX(-50%); }
#share-creation .bloc-head .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
#share-creation .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#share-creation .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; }
#share-creation .button a { width:auto; cursor:pointer; display:inline-block; margin:auto; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#share-creation .forms {  }
#share-creation .forms .form { margin-bottom:78px; margin:0 auto; }
.ginput_container_fileupload input { margin:0 auto; }
#share-creation .forms .form .form-shortcode { position: relative; }
#share-creation .forms .form .gform_footer { position: absolute; padding:0; margin:0; right:0; bottom:0; width: auto; }
#share-creation .forms .form input[type="submit"] { background-color: inherit; width:auto; cursor:pointer; display:inline-block; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#share-creation .forms .form > .title { max-width: 1200px; margin:auto; padding-top:22px; font-family: 'RobotoBold',sans-serif; font-size: 22px; color:var(--darkTeal); text-align: center; }
#share-creation .forms .form .content-form { padding-bottom: 62px; }
#share-creation .forms .form .content-form > .desc { padding-top:18px; }
#share-creation .forms .form .content-form > .desc > p { font-family: 'RobotoBold',sans-serif; font-size: 16px; color:var(--grey); text-align: center; }
#share-creation .forms .form .content-form > .form-shortcode { max-width:790px; margin:0 auto; }
#share-creation .forms .form .content-form > .form-shortcode form { max-width: 1200px; margin:0 auto; }
#share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
#share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul > li { width:100%; }
#share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_2,
#share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_6 { width:50%; }
#share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_2 input,
#share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_6 input { width:100%; }
#share-creation .forms .form .content-form > .form-shortcode form #gform_browse_button_3_5 { margin:0 auto; }
#share-creation .forms .form .content-form > .form-shortcode form #input_1_2 { width:100%; }
#share-creation .forms .form .content-form > .form-shortcode form #field_2_5 { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; width:100%; }
#share-creation .forms .form .content-form > .form-shortcode form #field_2_5 > .gfield_label { width:50%; font-family: 'RobotoRegular', sans-serif; font-size: 16px; color:var(--grey); display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end; align-items: center; padding-right: 32px; margin: 0; }
#share-creation .forms .form .content-form > .form-shortcode form #field_2_5 > .ginput_container { width:50%; }
#share-creation .forms .form .content-form > .form-shortcode form #field_2_5 > .ginput_container > #input_2_5 { width:100%; }
#share-creation .last-word { font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--grey); text-align: center; }
#share-creation .last-word a { font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--darkTeal); }
#share-creation .category { padding:16px 0; }
#share-creation .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#share-creation .bloc-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 100px; color:var(--darkTeal);  text-align: center; padding: 48px 0; margin:0; }
#share-creation .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#share-creation .button p { width:auto; cursor:pointer; display:inline-block; margin: 78px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#share-creation .body-content { margin:0 auto; }
#share-creation .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#share-creation .body-content h2.cadre-title { top:54%; width:240px; }
#share-creation .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#share-creation .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#share-creation .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }
#share-creation .gchoice_3_7_1,
#share-creation .gchoice_3_7_2 { display:flex; align-items: flex-start; }
#share-creation .gchoice_3_7_1 br { display:none; }

/* *** TROUVEZ NOUS *** */
#find-us .image-footer > img { margin:0 auto; display:block; }
#find-us { max-width:100%; margin:0 auto; background-color: var(--robinBlue); }
#find-us h3 { color: var(--darkTeal); font-size: 60px; padding-top:60px; }
#find-us h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); text-transform: uppercase; }
#find-us hr { opacity:.3; }
#find-us #header { padding-top:200px; }
#find-us .header { position:relative; z-index: 0; max-width:1200px; margin:0 auto; }
#find-us .bloc-desc { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--darkTeal); max-width: 800px; text-align: center; margin:0 auto; }
#find-us .bloc-head { position:relative; }
#find-us .bloc-head > img { position:absolute; left:50%; transform: translateX(-50%); }
#find-us .bloc-head .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
#find-us .bloc-head .button a { border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; }
#find-us .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; }
#find-us .button a { width:auto; cursor:pointer; display:inline-block; margin:auto; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#find-us .forms {  }
#find-us .forms .form { margin-bottom:78px; }
#find-us .forms .form .form-shortcode { position: relative; }
#find-us .forms .form .gform_footer { position: absolute; padding:0; margin:0; right:0; bottom:0; width: auto; }
#find-us .forms .form input[type="submit"] { background-color: inherit; width:auto; cursor:pointer; display:inline-block; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#find-us .forms .form > .title { max-width: 1200px; margin:auto; padding-top:22px; font-family: 'RobotoBold',sans-serif; font-size: 22px; color:var(--darkTeal); text-align: center; }
#find-us .forms .form .content-form { padding-bottom: 62px; }
#find-us .forms .form .content-form > .desc { padding-top:18px; }
#find-us .forms .form .content-form > .desc > p { font-family: 'RobotoBold',sans-serif; font-size: 16px; color:var(--grey); text-align: center; }
#find-us .forms .form .content-form > .form-shortcode { max-width:790px; margin:0 auto; }
#find-us .forms .form .content-form > .form-shortcode form { max-width: 1200px; margin:0 auto; }
#find-us .forms .form .content-form > .form-shortcode form > .gform_body > ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
#find-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li { width:100%; }
#find-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_2,
#find-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_6 { width:50%; }
#find-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_2 input,
#find-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li#field_2_6 input { width:100%; }
#find-us .forms .form .content-form > .form-shortcode form #gform_browse_button_3_5 { margin:0 auto; }
#find-us .forms .form .content-form > .form-shortcode form #input_1_2 { width:100%; }
#find-us .forms .form .content-form > .form-shortcode form #field_2_5 { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; width:100%; }
#find-us .forms .form .content-form > .form-shortcode form #field_2_5 > .gfield_label { width:50%; font-family: 'RobotoRegular', sans-serif; font-size: 16px; color:var(--grey); display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end; align-items: center; padding-right: 32px; margin: 0; }
#find-us .forms .form .content-form > .form-shortcode form #field_2_5 > .ginput_container { width:50%; }
#find-us .forms .form .content-form > .form-shortcode form #field_2_5 > .ginput_container > #input_2_5 { width:100%; }
#find-us .last-word { font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--grey); text-align: center; }
#find-us .last-word a { font-family: 'RobotoRegular',sans-serif; font-size: 16px; color:var(--darkTeal); }
#find-us .category { padding:16px 0; }
#find-us .category > a { font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; color: var(--pinkish); letter-spacing: 4px; }
#find-us .bloc-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 100px; color:var(--darkTeal);  text-align: center; padding: 48px 0; margin:0; }
#find-us .button { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
#find-us .button p { width:auto; cursor:pointer; display:inline-block; margin: 78px auto 78px; border:solid 4px; padding:10px 20px 8px 20px; text-decoration: none; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--pinkish); text-transform: uppercase; letter-spacing: 2px; line-height: normal; }
#find-us .body-content { margin:0 auto; }
#find-us .body-content .breadcrumbs { margin:auto auto 18px 28px; }
#find-us .body-content h2.cadre-title { top:54%; width:240px; }
#find-us .body-content .post-title { font-family: 'MoonstoneRegular',sans-serif; font-size: 60px; color:var(--darkTeal); padding-bottom: 15px; }
#find-us .body-content .contenu p { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); line-height: 20px; margin:0; }
#find-us .body-content .contenu h4 { font-family: 'BebasNeueRegular',sans-serif; font-size: 30px; color:var(--darkTeal); line-height: 20px; text-transform: uppercase; margin:0; }
#find-us .gchoice_3_7_1,
#find-us .gchoice_3_7_2 { display:flex; align-items: flex-start; }
#find-us .gchoice_3_7_1 br { display:none; }

/* *** BREADCRUMBS *** */
.breadcrumbs { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
.breadcrumbs i { color:#99b5d2; font-size: 22px; padding:0 12px; }
.breadcrumbs a,
.breadcrumbs span { font-family: 'RobotoRegular',sans-serif; font-size: 14px; color:var(--grey); vertical-align:top; line-height: 26px; }

.page-id-5571 .body-content .breadcrumbs { margin:0 20px;}
.breadcrumb li {
  display: inline-block;
  margin-right: 15px;
}

.breadcrumb li::before {
  content: '>';
  margin-right: 10px;
  color: #B1DDDF;
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 10px;
}

.breadcrumb li.active {
  color: #a4a4a4;
}

.breadcrumb li:first-child::before {
  content: none;
}

/* *** BACK TO TOP *** */
#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: var(--pinkish); color: var(--white); cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; }
#back-to-top:hover { background: #e9ebec; }
#back-to-top.show { opacity: 1; }

/* *** BLOC TUTOS & ASTUCES *** */
#tutos-et-astuces { padding-bottom: 50px; }

/* *** BLOC INSTAGRAM *** */
#instagram { background-color: var(--robinBlue); padding-bottom: 50px; }
#instagram .bloc-name { margin-bottom: 0; }
#instagram .bloc-name .fa-instagram { font-size:70px; }
#instagram .bloc-subtitle.hashtag { text-decoration: none; font-size: 30px; letter-spacing: 5.3px; font-family: 'BebasNeueRegular',sans-serif; color:var(--pinkish); font-weight: bold;}
#instagram .sb_instagram_header { display:none; }
#instagram .instafeed { margin: 3rem 0 4rem; }
#instagram .instafeed #sb_instagram.sbi_col_4 #sbi_images .sbi_item { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
#instagram .instafeed #sb_instagram.sbi_col_4 #sbi_images .sbi_item:nth-child(1) { transform: translateX(8%); }
#instagram .instafeed #sb_instagram.sbi_col_4 #sbi_images .sbi_item:nth-child(2) { transform: translateX(4%) translateY(-8%); }
#instagram .instafeed #sb_instagram.sbi_col_4 #sbi_images .sbi_item:nth-child(3) { transform: translateX(-4%); }
#instagram .instafeed #sb_instagram.sbi_col_4 #sbi_images .sbi_item:nth-child(4) { transform: translateX(-8%) translateY(-8%); }

/* *** BLOC STYLE COUTURE *** */
#style-couture { padding-bottom: 50px; background-color: var(--robinBlue); }
#style-couture > .bloc-content > .bx-wrapper { background-color: var(--robinBlue); }
#style-couture > .bloc-content > .bx-wrapper .image-mini-slider { width: 385px; height: 385px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; background-color: var(--darkTeal); }
#style-couture > .bloc-content > .bx-wrapper h4.sub-bloc-title { padding-top:28px; }
#style-couture > .bloc-content > .bx-wrapper .sub-bloc-content { color:var(--grey); }
#style-couture > .bloc-content > .bx-wrapper > .bx-controls > .bx-pager { bottom:190px; }
#style-couture > .bloc-content > .bx-wrapper .bx-controls-direction a { top:34%; }


/* TROUVEZ NOUS */
#find-us .body-content {
  max-width: none !important;
}

#find-us .map-content {
  display: flex;
}

#find-us #map {
  width: 50%;
  padding: 0 15px;
  height: 650px;
  z-index: 4;
}

#find-us .map-left-content {
  width: 50%;
}

#find-us .map-search {
  background-color: #b1dddf;
  padding: 17px 45px;
  color: white;
}

#find-us .map-search-listing {
  max-height: 540px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#find-us .map-search .form-group label{
  text-transform: uppercase;
  color: white;
  font-size: 0.9em;
}

#find-us .map-search .input-group {
  position: relative;
}

#find-us .map-search .input-group .clear-button {
  position: absolute;
  top: 0;
  left: 15px;
  color: #000;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

#find-us .map-search .input-group .map-search-button {
  position: absolute;
  top: 50%;
  right: 15px;
  height: 70%;
  transform: translateY(-50%);
  background-color: #fff;
  border: 4px solid #e36386;
  color: #e36386;
  padding: 0 15px;
  text-transform: uppercase;
  font-size: 1.3em;
  font-family: 'BebasNeueBold';
}

#find-us .map-search input[type=text] {
  padding: 20px 110px 20px 50px;
  font-size: 1.4em;
}

#find-us .map-search-listing .map-search-item {
  padding: 15px;
  border-bottom: 1px solid #003c51;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  width: 90%;
  min-height:120px;
}

#find-us .map-search-listing .map-search-item-img {
  margin-right: 15px;
}

#find-us .map-search-listing .map-search-item .map-search-item-title {
  font-family: 'BebasNeueRegular',sans-serif;
  color: #003c51;
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: bold;
}

#find-us .map-search-listing .map-search-item .item-cat,
#find-us .leaflet-popup-content .item-cat{
  color: #e36386;
  padding-right: 5px;
  border-right: 1px solid #003c51;
  margin-right: 5px;
}

#find-us .leaflet-popup-content .item-cat:last-child {
  border-right: none;
  padding-right: 0;
}

#find-us .map-search-listing .map-search-item .item-cat:last-child {
  border-right: none;
}

#find-us .leaflet-popup-content {
  text-align: center;
}

.leaflet-popup-content h4 {
  margin-bottom: 0;
}

.leaflet-popup-content p {
  margin: 0;
}

.our-community .social-link > a { margin:0 .25rem; }
/* *** FOOTER *** */
.footer-content { position: relative; }
.footer-content::before { content:''; width:90vw; position: absolute; top:17px; left:50%; transform: translateX(-50%); height:1px; border:dashed 1px var(--robinBlue); }
.footer-content::after { content:''; background-image: url('./img/qualite.png'); background-repeat: no-repeat; background-size: 142px; width:142px; height:142px; position: absolute; top:-30px; left:50%; transform: translateX(-50%); }
footer#colophon { margin:0; background-color: var(--darkTeal); }
footer#colophon .title-footer { font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; color:var(--white); text-transform: uppercase; letter-spacing: 1px; }
footer#colophon .content-footer { font-family: 'RobotoRegular',sans-serif; font-size: 14px; line-height: 20px; color:var(--white); }
footer#colophon .content-footer.social { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; }
footer#colophon .content-footer.social > p { padding:0 18px; }
footer#colophon .content-footer.social > p img { width:40px; margin:0 .25rem; }
/* footer#colophon .content-footer.social > p:first-child { border-right:solid 1px var(--white); } */ /* TODO: A Remettre si plus d'un logo */
footer#colophon a { color:var(--white); text-decoration: none; box-shadow: none; }
footer#colophon a img { text-decoration: none; box-shadow: none; }
footer#colophon .widget-column { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; width:100%; justify-content: space-evenly; margin-top:80px; }
footer#colophon section { text-align: center; width:18%; }
footer#colophon .widget-area  .widget-column > .widget_custom_html > .custom-html-widget > a { text-transform: uppercase; font-family: 'BebasNeueRegular',sans-serif; font-size: 15px; letter-spacing: 1px; text-decoration-color: var(--white); box-shadow: none; text-decoration: underline; }
footer#colophon .widget-area  .widget-column > .widget_custom_html > .custom-html-widget > a.button-footer { text-transform: uppercase; font-family: 'BebasNeueRegular',sans-serif; font-size: 20px; letter-spacing: 1px; box-shadow: none; text-decoration: none; border:solid 1px var(--white); padding: 8px 40px 5px 40px; }
footer#colophon .site-info { width:100%; height:70px; background-color: #01222d; margin:0; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; align-items: center; color:var(--white); }
footer#colophon .site-info .copyright .site-name { position: relative; }
footer#colophon .site-info .copyright .site-name::before { content:''; background-image: url('./img/icon-logo.png'); background-repeat: no-repeat; background-size: 25px; position: absolute; top:-45%; left:-40%; width:25px; height:25px; }
footer#colophon .site-info .signature { text-decoration: none; }


/*************************/
/* *** MEDIA QUERIES *** */
/*************************/

@media all and (max-width:1300px){
  h3 { font-size: 44px; }
  .bx-wrapper > .bx-viewport > .slider > .slide > img { min-height: 560px; }
  #masthead > .submenu-couture .section-produits .sub-bloc { max-width:39%; }
  #masthead > .submenu-couture,
  #masthead > .submenu-tricot { width:100%; }
  #navtop > .wrap > #site-navigation > div { width:100%; }
  #navtop > .wrap > #site-navigation #top-menu { width:100%; justify-content: space-around; }
}

@media all and (max-width:1200px){
  .bloc-content { flex-wrap: wrap; justify-content: center; }
  .bloc-content > div { margin:0 12px; }
  .category .body-content { width:auto; }
  .banner-video-slider > .vignette-video img { object-fit: none; width: 100%; height: 100%; }
  #single-product .articles-relatifs > ul { flex-wrap: wrap; justify-content: center; }
  #single-product .articles-relatifs > ul > div { margin:12px; }
  #single-tutos .articles-relatifs > ul { flex-wrap: wrap; justify-content: center; }
  #single-tutos .articles-relatifs > ul > div { margin:12px; }
  #single-tutos .body-content { flex-direction: column; width:90%; }
  #single-tutos .body-content .contenu { padding-top: 0; }
  #single-tutos .sidebar { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding-top:35px; }
  #single-tutos .sidebar #materiel { width:55%; }
  #header > .bx-wrapper > .bx-viewport > .slider > .slide > .vignette-slider { width: 500px; right: 50px; top: 400px; }
  .bx-wrapper > .bx-viewport > .slider > .slide > img { max-height:inherit; object-fit: none; }
  #faq .body-content { width:90%; }
  #single-tutos .head-content,
  #single-product .head-content,
  .page-template-default.page-id-1402 #content #main .body-content,
  .page-template-default.page-id-1440 #content #main .body-content,
  .page-id-1160 .body-content,
  .page-id-1175 .body-content,
  #about-us .our-community .bloc-desc { max-width: 90%; min-height: 25px; }
  #single-product .head-content { margin:0 auto; }
  #single-product .content { padding-left: 0; max-width:90%; }
}

@media all and (max-width:950px){
  footer#colophon .widget-column { flex-wrap: wrap; }
  footer#colophon section { width:40%; }
  h4.sub-bloc-title,
  #masthead > .submenu-tricot .section-produits h3.temp { font-size:22px; }
  .bloc-head > .bloc-title { font-size:60px; line-height: 1; }
  .bloc-head > .bloc-name { margin-bottom:10px; }
  .bloc-head > p.bloc-subtitle a { font-size: 18px; }
  #share-creation .bloc-title,
  #contact-us .bloc-title,
  #find-us .bloc-title,
  #faq .bloc-title,
  #about-us .bloc-title { font-size: 60px; }
  #about-us .our-values .bloc-content .bloc-value img { width:15%; }
  #about-us .our-values .bloc-content .bloc-value .title { font-size: 34px; }
  #about-us .our-community .social-link img { width:60px; }
  footer#colophon .content-footer.social > p img { width:60px; }
  .page-legal-notice #header .bloc-head { padding: 80px 0 45px; }
  .page-legal-notice #main > .white-content > .body-content { max-width:95%; margin:0 auto; }
  .page-legal-notice #main > .white-content > .body-content > h3 { font-size: 35px; line-height: 1; margin-top:25px; }
  #find-us .map-content {
  display: flex;
  flex-wrap: wrap;
}
#find-us .map-left-content {
    width: 100%;
}
#find-us #map {
    width: 100%;
    padding: 0 15px;
    height: 650px;
}
}

@media all and (max-width:810px){
  .breadcrumbs { display:none; }
  #about-us #main .page-content .timeline > .bloc-timeline:after,
  #about-us #main .page-content .timeline > .bloc-timeline > p.year:before { display:none; }
}

@media all and (max-width:767px) {
    #single-tutos #header .banner-video { margin-top: 0; padding-top:25px; }
    .banner-video-slider { padding-top:0; } 
    #sewing-product #header { padding-top:0; }
    #share-creation #header,
    #about-us #header,
    #find-us #header,
    #faq #header,
    #contact-us #header { padding-top:50px; }
    #faq #main #header,
    #about-us #main #header { margin-top:0; }
    .category #header { margin-bottom:0; padding-top:0; }
  .nwa-widget { left: 80px; }
  #share-creation .forms .form { max-width:95%; }
  html #wpadminbar { display:none!important } /* TODO: A SUPPRIMER */
  .mini-slider-wrapper > .bx-wrapper .image-mini-slider { width:100%; }
  .site-content { padding: 3.5em 0 0; }
  #navtop { top:0; height:80px; background-color: transparent; border: none; width:100%; }
  .bloc-head { max-width:90%; }
  #site-navigation { align-items: baseline; }
  #site-navigation::before,
  #site-navigation::after { display:none; }
  #site-navigation .menu-toggle { z-index: 2; height:68px; margin:auto 0; color: var(--darkTeal); font-size: 0; }
  #site-navigation .menu-toggle:focus{ outline:none; }
  #site-navigation .menu-toggle > svg { margin-left:20px; font-size: 50px; }
  #site-navigation .menu-toggle > svg.icon-close { color:var(--white); }
  #site-navigation.toggled-on .menu-toggle::before { content: ''; pointer-events: none; display: inline-block; width: 225px; height: 225px; background-color: var(--darkTeal); position: absolute; top: -72px; left: -190px; transform: rotate(45deg); z-index: -1; }
  #site-navigation > div { display:none; }
  #site-navigation.toggled-on > div { display:inherit; z-index: 1; }
  #navtop > .wrap > #site-navigation { align-items: baseline; background-color: var(--white); height: 80px; justify-content: left; }
  #navtop > .wrap > #site-navigation #top-menu { position:absolute; top:0; left:-95px; width: 100vw; height: 700px; background-color: var(--robinBlue); flex-direction: column; align-items: center; justify-content: flex-start; border-bottom: 5px solid var(--darkTeal); }
  #navtop > .wrap > #site-navigation #top-menu .menu-item:nth-child(4) { display:none; }
  #navtop > .wrap > #site-navigation #top-menu li { width:250px; height:250px; border-bottom: none; }
  #navtop > .wrap > #site-navigation #top-menu li br { display:none; }
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(5) a span,
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(6) a span { color:var(--darkTeal); }
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(5) a i.fa-bars,
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(6) a i.fa-bars { display:none; }
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(5) i.fa-angle-right,
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(6) i.fa-angle-right { display:initial; color:var(--pinkish); font-size: 26px; margin-left:12px; cursor:pointer; }
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(5) i.fa-angle-down,
  #navtop > .wrap > #site-navigation #top-menu li:nth-child(6) i.fa-angle-down { display:initial; color:var(--darkTeal); padding: 12px; pointer-events: none; cursor:pointer; }
  #navtop > .wrap > #site-navigation > div::after { display: none; }
  #navtop > .wrap > #site-navigation #top-menu li.menu-item:nth-child(1),
  #navtop > .wrap > #site-navigation #top-menu li.menu-item:nth-child(7),
  #navtop > .wrap > #site-navigation #top-menu li.menu-item:nth-child(8) { display:inherit; }
  #masthead > .submenu-couture .section-produits .sub-bloc .content p { line-height: 1.5; font-size: 16px; }
  #masthead .logo-mobile { display:inherit; position: absolute; top: 5px; left: 50vw; transform: translateX(-50%); z-index: 15; text-align: center; }
  #masthead .logo-mobile img { width:50%; }
  #masthead .logo-mobile > img { transform: translateY(-170%); }
  #page::after { content: ''; z-index: 15; pointer-events: none; background-image: url(./img/i_love_couture.png); background-repeat: no-repeat; background-size: 120px 39px; position: absolute; top: 20px; right: 20px; width: 120px; height: 39px; }
  #page.in-tricot::after {
    background-image: url(./img/i_love_tricot.png);
    background-size: 120px 39px;
    width: 120px;
  }
  .lamaille {
    display: none;
  }
  .banner-video-slider { margin-top:40px; }
  #masthead .headtop-menu { display:none; }
  #about-us #header,
  .category #header,
  #faq #header,
  .page-id-1160 #header,
  .page-id-1175 #header,
  .page-template-default.page-id-1402 #content #main #header,
  .page-template-default.page-id-1440 #content #main #header,
  .banner-video { margin-top:80px; padding-bottom: 22px; }
  .category-nos-produits-couture .bottom-cadre > p.post-title { padding-bottom:0; }
  #faq .bloc-head { padding-bottom: 50px; }
  #faq .bloc-head .button a { font-size: 16px; }
  #faq h3 { font-size: 46px; }
  #faq h4 { font-size: 22px; }
  #masthead > .submenu-couture,
  #masthead > .submenu-tricot { z-index: 20; box-shadow:none; top: 0; width:100%; min-width: inherit; left:0; transform:none; border-bottom:5px solid var(--darkTeal); min-height: 100vh; }
  #masthead > .submenu-couture .section-produits { flex-direction: column; max-width: 100%; width:100%; margin: 65px auto 15px; }
  #masthead > .submenu-couture .section-produits .sub-bloc { width: 78%; max-width: 78%; margin: 0 auto!important; }
  #masthead > .submenu-couture .close,
  #masthead > .submenu-tricot .close { margin: 40px 0 0 17px; }
  #masthead > .submenu-tricot .section-produits { max-width:95%; margin:0 auto; min-height:700px; }
  #masthead > .submenu-tricot .section-produits img { margin:auto auto 0; }
  #masthead > .submenu-tricot .section-produit .sub-bloc { width:100%; }
  .button-video > a::before { background-size:70%; background-position: center center; }
  .banner-video-slider > .vignette-video img { object-fit: contain; }
  #single-tutos .body-content .contenu { text-align: center; }
  .desktop { display:none; }
  #single-product .banner-video-slider .bx-wrapper { display:none; }
  .mobile { display:inherit; }
  .mobile .bx-wrapper .image-mini-slider { max-width:385px; width: 100%; height: 428px; margin:0 auto; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; background-color: var(--darkTeal); }
  .mobile .bx-wrapper > .bx-controls > .bx-pager { max-width:385px; bottom:50px; position: absolute; width:100%; }
  body.search-no-results #content { padding-top: 10rem; }
  #single-product .content{ max-width:100%; margin-top:0; }
  #single-product .content .head-content { max-width:100%; }
  #single-product .content .body-content { padding:0 1rem; }
    .category-tutos-astuces .top-category-content { flex-direction: column; align-items: center; }
    .category-tutos-astuces .top-category-content .select-category { margin:1rem 0; border:0; padding:0; }
    .category-tutos-astuces .top-category-content .search-form { margin:1rem 0; border:0; }
    #navtop > .wrap > #site-navigation #top-menu li#menu-item-7526 > a { font-size:0; }
}

@media all and (max-width:630px){
  .banner-video { margin-top:20px; }
  .banner-video-slider { margin-top:20px; flex-direction: column; }
  .banner-video-slider > .bx-wrapper { margin:0 auto; }
  #single-product .body-content { flex-direction: column; }
  #single-product .body-content .contenu { width:100%; }
  #single-product .body-content .nous-trouver { margin:0 auto; width:100%; }
  #about-us .timeline > .bloc-timeline:nth-child(odd),
  #about-us .timeline > .bloc-timeline:nth-child(even) { margin-left:auto; margin-right:auto; margin-top:0; margin-bottom: 42px; }
  #single-tutos .sidebar { align-items:center; flex-direction: column; padding-top:0; }
  #single-tutos .sidebar #materiel { width:70%; }
  #single-tutos .contenu > .post-title { font-size: 45px; line-height: 1; }
  .page-template-default.page-id-1387 #content #main .body-content,
  .page-template-default.page-id-1402 #content #main .body-content { max-width: 95%; }
  .page-template-contact-us .choice hr { margin: auto 25px; }
  #header > .bx-wrapper > .bx-viewport > .slider > .slide > .vignette-slider { width: 90%; top:300px; right:20px; }
  #header > .bx-wrapper > .bx-viewport > .slider > .slide > .vignette-slider h3 { margin:0; line-height: 1; }
  #header > .bx-wrapper > .bx-viewport > .slider > .slide > .vignette-slider p.content { line-height: 1; }
  #about-us .timeline { padding-top: 34%; }
  #faq h4 { width:85%; }
  #contact-us .forms { max-width:95%; margin:0 auto; }
  .banner-video-slider > .vignette-video { width:100%; }
  #contact-us .forms .form .gform_footer { margin:0 auto -90px auto; width:100%; text-align: center; }
  #contact-us .forms .form .content-form > .form-shortcode form > .gform_body > ul > li:last-child > div > div { margin:0 auto; }
  #share-creation .forms .form .gform_footer { margin:0 auto -90px auto; width:100%; text-align: center; }
  #share-creation .forms .form .content-form > .form-shortcode form > .gform_body > ul > li:last-child > div > div { margin:0 auto; }
  #input_1_4 > div,
  #input_3_4 > div { margin: 0 auto; }
  #single-product .body-content .post-title { font-size: 45px; }
  #single-product .body-content .contenu h4 { font-size: 26px; }
  .category .body-content { padding-top:0; }
  #single-tutos .content { margin-top: -10px; }
  .button-video > a::before { background-size:60%; }
  #single-tutos .body-content .contenu hr { margin:25px 0; }
  #single-tutos .body-content { padding-bottom: 0; }
  #single-product .articles-relatifs > ul,
  #single-tutos .articles-relatifs > ul { padding-top:0; }
  #single-tutos #content h2.cadre-title { font-size: 30px; }
  #about-us .timeline > .bloc-timeline:nth-child(even) > p.year,
  #about-us .timeline > .bloc-timeline > p.year { font-size: 46px; margin: 10px 12px 40px; text-align: center; }
  #about-us .timeline > .bloc-timeline > p.year:after { width:90px; height:90px; }
  #instagram .instafeed #sb_instagram.sbi_col_4 #sbi_images .sbi_item { transform:translateX(0)!important; margin-bottom:1rem!important; }
  #wp-realtime-sitemap-pages a, #wp-realtime-sitemap-categories a, #wp-realtime-sitemap-magasins a, #wp-realtime-sitemap-produit a, #wp-realtime-sitemap-tuto a { line-height:2; }
}

@media all and (max-width: 525px){
    .nwa-widget { left:65px; top:25px; z-index: 20; }
    #site-navigation .menu-toggle { width:auto; }
    #site-navigation .menu-toggle > svg { font-size: 35px; width:60px; padding-right:25px; }
    #site-navigation.toggled-on .menu-toggle::before { left:-205px; }
    #navtop > .wrap > #site-navigation #top-menu { left:-100px; width:105vw; }
}

@media all and (max-width:425px){
  .breadcrumbs { display:none; }
  #single-tutos .head-content { min-height:25px; }
  #single-tutos .sidebar #materiel { width:100%; }
  footer#colophon .widget-column { flex-direction: column; }
  footer#colophon section { width:100%; }
  footer#colophon .site-info { flex-direction: column; }
  #about-us .our-community .bloc-desc { margin:0 12px; }
  #about-us #header { padding-top: 25px; }
  .category #header { padding-top: 0px; }
  #single-product .content { padding:0; width:95%; }
  #faq .body-content { width:95%; }
  .vignette-slider h3 { font-size: 38px; }
  .bloc-head > .bloc-title,
  #about-us .bloc-title { font-size: 44px; }
  .top-cadre { width: 95%; height: auto; margin: 0 auto; }
  .top-cadre > a > img { width: auto; height: auto; }
  .white-content .top-cadre > .content-top-cadre:after,
  #front-page #tutos-et-astuces .top-cadre > .content-top-cadre:after,
  .top-cadre > .content-top-cadre:after { width:62%; height:62%; }
  .white-content .top-cadre > .content-top-cadre:before,
  #front-page #tutos-et-astuces .top-cadre > .content-top-cadre:before,
  .top-cadre > .content-top-cadre:before { width:58%; height:58%; }
  h2.cadre-title { font-size:2em; }
  #page::after { background-size: 90px 30px; right:2%; width: 90px; height:30px; }
  .bloc-content > div { width:90%; margin:0 auto; }
  footer#colophon .content-footer { width:90%; margin:16px auto; }
  
  /*#page.in-tricot::after {*/
  /*  background-image: url(./img/lamaille_small.png);*/
  /*  background-size: 120px 27px;*/
  /*  width: 120px;*/
  /*  top: 27px;*/
  /*}*/

}

/*.page li {*/
/*  margin: 15px 0 !important;*/
/*}*/