@charset "UTF-8";
@charset "UTF-8";
.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
 *{box-sizing:border-box;}
article{display:block;}
aside{display:block;}
details{display:block;}
figcaption{display:block;}
figure{display:block;margin:0;}
footer{display:block;}
header{display:block;}
hgroup{display:block;}
nav{display:block;}
section{display:block;}
audio{display:inline;zoom:1;}
canvas{display:inline;zoom:1;}
video{display:inline;zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#222;}
button{color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0;}
input{color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0;}
select{color:#222;font-size:100%;vertical-align:middle;margin:0;}
textarea{color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0;}
body{font-size:1em;line-height:1.4;margin:0;}::-moz-selection{background:#333;color:#fff;text-shadow:none;}::selection {
background: #333;
color: #fff;
text-shadow: none; } a{color:#00e;}
a:hover{color:#06e;outline:0;}
a:active{outline:0;}
abbr[title] {
border-bottom: 1px dotted; } b{font-weight:700;}
strong{font-weight:700;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}
pre{font-size:1em;white-space:pre-wrap;word-wrap:break-word;}
code{font-size:1em;}
kbd{font-size:1em;}
samp {
font-size: 1em; } q{quotes:none;}
q:before{content:none;}
q:after{content:none;}
small{font-size:85%;}
sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em;}
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em;}
ul{margin:1em 0;padding:0 0 0 40px;}
ol{margin:1em 0;padding:0 0 0 40px;}
dd{margin:0 0 0 40px;}
nav ul{list-style:none;list-style-image:none;margin:0;padding:0;}
nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
form{margin:0;}
fieldset{border:0;margin:0;padding:0;}
label{cursor:pointer;}
legend{border:0;margin-left:-7px;white-space:normal;padding:0;}
input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible;}
input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible;}
input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible;}
button[disabled]{cursor:default;}
input[disabled]{cursor:default;}
input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0;}
input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
button::-moz-focus-inner{border:0;padding:0;}
input::-moz-focus-inner{border:0;padding:0;}
input:invalid{background-color:#f0dddd;}
textarea:invalid{background-color:#f0dddd;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}
.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
html{font-size:100%;}
body {
background: #FFF;
color: #000;
font: 1em Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased; } a{text-decoration:none;transition:all .5s ease;}
a:hover{color:#C9B179;}
.container{clear:both;margin:0 auto;max-width:1100px;position:relative;padding:0 20px;}
img{height:auto;max-width:100%;}
img.alignright{float:right;margin:0 0 1em 1em;}
img.alignleft{float:left;margin:0 1em 1em 0;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
a img.alignright{float:right;margin:0 0 1em 1em;}
a img.alignleft{float:left;margin:0 1em 1em 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
body, html{font-family:"Montserrat", sans-serif;font-optical-sizing:auto;max-width:100vw;overflow-x:hidden;position:relative;}
html{filter:brightness(0.95) contrast(1.2);}
svg{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
p {
font-size: 18px;
line-height: 1.5; } p{display:block;width:100%;box-sizing:border-box;}
li{font-size:18px;line-height:1.2;}
h3{font-size:32px;margin:0 0 .25em;font-weight:600;}
h4{font-size:24px;font-weight:600;text-transform:uppercase;}
button, .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_style-formidable.with_frm_style input[type=submit], .frm_style_style-formidable.with_frm_style .frm_submit input[type=button], .frm_style_style-formidable.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_style-formidable.with_frm_style .frm-edit-page-btn{border:1px solid transparent;height:50px;border-radius:15px;padding:0 20px;position:relative;color:#fff;overflow:hidden;transition:all .5s ease;background-color:#000;font-size:20px;font-weight:500;font-family:"Montaga", serif;}
button:hover, .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, .frm_style_style-formidable.with_frm_style input[type=submit]:hover, .frm_style_style-formidable.with_frm_style .frm_submit input[type=button]:hover, .frm_style_style-formidable.with_frm_style .frm_submit button:hover, .frm_form_submit_style:hover, .frm_style_style-formidable.with_frm_style .frm-edit-page-btn:hover{background-color:#905a36;border-color:transparent;}
body{opacity:1;color:#000;}
body.opacity{opacity:1;}
.mwrap-wrapper{padding-bottom:0px;padding-top:0px;}
div.bg-body{background-color:#F7F7F4;background-repeat:repeat;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
div.bg-body:after{content:'';height:calc(100% - 500px);width:100%;background-color:#F7F7F4;bottom:0;left:0;z-index:0;position:absolute;}
div.bg-body:before{content:'';height:calc( 500px);width:100%;background-image:linear-gradient(to top, #F7F7F4, transparent);bottom:calc(100% - 500px);left:0;position:absolute;z-index:0;}
.fadeinbottom{position:relative;top:100px;opacity:0;transition:all .5s ease;}
.fadeinbottom.done{top:0;opacity:1;}
tooltip{visibility:collapse !important;}
div.ranger{display:flex;flex-wrap:wrap;}
div.container {
width: 100%;
max-width: 1200px;
padding: 0 25px; } a{color:#905a36;}
p > a, li > a{color:#905a36;position:relative;}
p > a:before, li > a:before{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;transition:all .5s ease;background-color:#C9B179;}
p > a:hover, li > a:hover{color:#C9B179;}
p > a:hover:before, li > a:hover:before{width:100%;}
hr{border-top:2px solid #905a36;}
.bar1, .bar2, .bar3{width:40px;height:3px;background-color:#000;margin:5px 0;transition:0.4s;border-radius:1px;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-3px, 10px);transform:rotate(-45deg) translate(-3px, 10px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-1px, -8px);transform:rotate(45deg) translate(-1px, -8px);}
.bouton-mobile{cursor:pointer;}
.slick-slide:focus, .slick-slide a{outline:none;}
h1, h2{font-size:36px;color:#905a36;margin:0 0 0.25em;font-weight:600;font-family:"Montaga", serif;}
h3{font-family:"Montaga", serif;}
.page-template-contact .rel-fixed{display:none;}
header{background-color:white;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);border:1px solid #efefef;padding:0px 0;position:fixed;left:0px;width:calc(100% - 0px);border-radius:0px;z-index:9;font-family:"Montaga", serif;}
header div.container{max-width:100%;position:relative;}
header div.container div.ranger{align-items:center;justify-content:center;}
header div.container div.ranger div.colonne:nth-child(2){width:200px;padding:0;}
header div.container div.ranger div.colonne:nth-child(2) img{width:100%;border-radius:12px;overflow:hidden;}
header div.container div.ranger div.colonne{padding:0 20px;}
header div.container .bouton-mobile{position:absolute;right:50px;top:50%;transform:translateY(-50%);display:none;}
header nav ul{display:flex;}
header nav ul > li{padding:34px 10px;position:relative;}
header nav ul > li > a{font-size:16px;padding:2px 0;color:#000;text-transform:uppercase;margin:0;}
header nav ul > li > a:hover{color:inherit;}
header nav ul > li.current-menu-item > a:before, header nav ul > li.current-menu-ancestor > a:before{width:100%;}
header nav ul > li.wpml-ls-menu-item a{color:#905a36;font-weight:700;}
header nav ul > li ul.sub-menu{display:none;position:absolute;flex-direction:column;background-color:#905a36;bottom:0;transform:translateY(100%);}
header nav ul > li ul.sub-menu li{padding:5px 10px;background-color:#905a36;}
header nav ul > li ul.sub-menu li a{color:#b3b3b3;padding:5px 20px;white-space:nowrap;font-size:14px;display:block;position:relative;}
header nav ul > li ul.sub-menu li a:before{content:none;}
header nav ul > li ul.sub-menu li.menu-item-has-children > a:after{position:absolute;right:4px;top:50%;content:'‣';transform:translateY(-50%);}
header nav ul > li ul.sub-menu li ul{display:none;right:0;top:0;transform:translateX(100%);}
header nav ul > li ul.sub-menu li:hover > a{color:#fff;}
header nav ul > li ul.sub-menu li:hover > ul{display:flex;}
header nav ul > li ul.sub-menu li.current-menu-item > a, header nav ul > li ul.sub-menu li.current-menu-ancestor > a{color:#fff;}
header nav ul > li:hover > ul{display:flex;}
div#menu-sec{display:none;position:fixed;z-index:99999999;top:0;left:0;width:100%;height:100%;background-color:#000;padding:50px;overflow-y:auto;}
div#menu-sec .bouton-mobile{position:absolute;right:75px;top:65px;}
div#menu-sec img{width:250px;}
div#menu-sec .bar1, div#menu-sec .bar2, div#menu-sec .bar3{background-color:#fff;}
div#menu-sec ul{display:flex;flex-direction:column;}
div#menu-sec ul li{padding-left:0;padding-bottom:0;}
div#menu-sec ul li:after{content:none;}
div#menu-sec ul li a{display:inline-block;padding:6px 0;font-size:32px;text-align:left;font-weight:600;color:#fff;line-height:1;margin-bottom:10px;}
div#menu-sec ul li a:before{height:4px;transition:all .2s ease;background-color:#905a36;}
div#menu-sec ul li ul.sub-menu{display:none;}
div#menu-sec ul li.current-menu-item > a, div#menu-sec ul li.current-menu-ancestor > a{color:#C9B179;}
div#menu-sec ul li.menu-item-has-children{position:relative;width:100%;}
div#menu-sec ul li.menu-item-has-children:after{content:'‣';color:#fff;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:50px;left:initial;}
div#menu-sec div.back{width:40px;height:40px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/back.svg);cursor:pointer;background-size:contain;background-position:center;}
div#menu-sec div.back.deux, div#menu-sec div.back.un{display:none;cursor:pointer;}
div#menu-sec nav.sub > a, div#menu-sec nav.sub-2 > a{font-size:32px;font-weight:600;color:#fff;margin-bottom:10px;margin-top:10px;display:block;}
div#menu-sec nav.sub li, div#menu-sec nav.sub-2 li{opacity:1;}
div#menu-sec nav.mobile{margin-top:40px;}
.rel-fixed{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10;}
.rel-fixed svg{width:90%;display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.rel-fixed svg .animated{opacity:0;}
body .bouton-facebook{position:relative;margin:10px auto;display:block;color:#fff;padding-right:20px;height:30px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/Facebook_logo.webp);background-position:top 3px right;background-repeat:no-repeat;background-size:15px;width:100px;}
footer{z-index:0;text-align:center;font-size:14px;overflow:hidden;width:100%;bottom:0;left:0;font-weight:300;background-color:transparent;color:#fff;padding:65px 0 20px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/laurentian-green-polished-granite-grifon.webp);background-repeat:repeat;}
footer div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
footer div.ranger div.col{width:25%;padding:0 25px;text-align:left;}
footer div.ranger div.col h3{text-transform:uppercase;font-size:18px;}
footer div.ranger div.col h5{color:#fff;font-weight:600;font-size:18px;margin:10px 0 0;}
footer div.ranger div.col h5:hover{color:#905a36;}
footer div.ranger div.col p.date{font-size:12px;margin:0 0 20px;}
footer div.ranger div.col p{font-size:16px;}
footer div.ranger div.col a{color:#fff;}
footer div.ranger div.col a p{color:#fff;}
footer div.ranger div.col a p.date{color:#fff;}
footer div.ranger div.col .facebook, footer div.ranger div.col .instagram, footer div.ranger div.col .linkedin{font-size:0;display:block;width:32px;margin:0;height:32px;font-size:0;border:2px solid #905a36;border-radius:50%;background-color:#fff;background-size:auto 60%;background-repeat:no-repeat;background-position:center;transition:all .5s ease;margin-right:10px;float:left;}
footer div.ranger div.col .facebook:before, footer div.ranger div.col .instagram:before, footer div.ranger div.col .linkedin:before{content:none;}
footer div.ranger div.col .facebook{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/facebook-f.svg);}
footer div.ranger div.col .instagram{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/instagram.svg);}
footer div.ranger div.col .linkedin{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/linkedin.svg);}
footer div.txt{position:relative;z-index:2;}
footer div.txt p{font-size:12px;font-weight:300;}
footer div.txt a{color:#fff;}
main{position:relative;}
section#slogan{position:fixed;top:90px;width:100%;left:0;z-index:3;}
section#slogan.opaque{display:none;}
section#slogan div.container{display:flex;justify-content:center;}
section#slogan div.bg{background-color:#000;border-radius:12px;border-top-left-radius:0;border-top-right-radius:0;padding:5px 30px 5px;display:inline-flex;margin:0 auto;}
section#slogan div.bg p{text-align:center;margin:0;color:#fff;font-size:14px;}
section#bandeau{background-color:transparent;padding:40px 0;overflow:hidden;white-space:nowrap;}
section#bandeau div.slider{position:relative;transform:rotate(180deg);animation:defilement-rtl 50s infinite linear;display:inline-block;width:initial;height:initial;}
section#bandeau ul{margin:0;padding:0;list-style:none;display:inline-flex;}
section#bandeau ul li{margin:0;padding:0;color:#000000;font-size:24px;font-weight:400;white-space:nowrap;padding-right:50px;font-weight:600;font-family:"Montaga", serif;position:relative;}
section#bandeau ul li:after{content:none;}
section#bandeau ul li a:before{content:none;}
section#bandeau ul li:before{content:'•';position:absolute;left:-23px;transform:translateX(-50%);color:#905a36;}
section#bandeau ul li strong{font-weight:700;}
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{border:1px solid transparent;height:50px;border-radius:15px;padding:0 20px;position:relative;color:#fff;overflow:hidden;transition:all .5s ease;background-color:#33333b;box-shadow:none;font-size:20px;font-weight:500;font-family:"Montaga", serif;}
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover, .frm_form_submit_style:hover, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover{background-color:#905a36;border-color:transparent;}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{color:#fff;font-size:20px;font-weight:500;}
.frm_style_formidable-style.with_frm_style p.description, .frm_style_formidable-style.with_frm_style div.description, .frm_style_formidable-style.with_frm_style div.frm_description, .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc{color:#fff;}
ul.transition{display:flex;position:fixed;z-index:9999999999999;height:100vh;width:100%;top:0;left:0;margin:0;pointer-events:none;list-style:none;margin:0;padding:0;}
ul.transition li{transform:scaleY(0);background:#C9B179;width:20%;margin:0;padding:0;}
ul.transition li:after{content:none;}
img.transition{pointer-events:none;position:fixed;z-index:121;width:50vw;height:50vh;object-fit:contain;object-position:center;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;}
section#page{margin-top:200px;margin-bottom:50px;color:#000;}
section#page.p-404 button{background-color:#905a36;}
section#page.p-404 button:hover{opacity:.5;}
section#page #cmplz-document, section#page .editor-styles-wrapper .cmplz-unlinked-mode{max-width:100%;}
#breadcrumbs{margin:0;top:88px;left:25px;color:#000;position:fixed;z-index:8;font-size:12px;padding:5px;background-color:#fff;border-radius:0 0 6px 6px;display:none;width:fit-content;}
#breadcrumbs a{color:#905a36;}
#breadcrumbs.show{display:block;}
p.share{text-align:center;margin-bottom:5px;font-size:14px;}
.socials{display:flex;justify-content:center;gap:5px;z-index:8;}
.socials div{width:32px;height:32px;font-size:0;border:2px solid #905a36;border-radius:50%;background-color:#fff;background-size:auto 60%;background-repeat:no-repeat;background-position:center;transition:all .5s ease;}
.socials div:hover{background-color:#C9B179;}
.socials div#bouton-facebook{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/facebook-f.svg);background-size:auto 80%;}
.socials div#bouton-linkedin{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/linkedin.svg);}
.socials div#bouton-x{background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/X.svg);}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{color:#000;}
.frm_forms.frm_style_style-formidable.with_frm_style{max-width:100%;direction:ltr;padding:25px;background-color:#fff;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);margin-top:45px;}
a.popup{cursor:pointer;}
div#popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:999999;display:none;}
div#popup span#x{font-size:30px;position:absolute;margin:0;padding:0;right:10px;top:10px;color:#000;cursor:pointer;line-height:1;z-index:9;}
div#popup div.content{width:calc(100% - 50px);height:auto;max-width:1000px;max-height:calc(100% - 50px);overflow-y:auto;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;}
div#popup div.content h3{text-align:center;}
div.height{width:100%;height:90px;}
@media(max-width:1279px){
header nav ul > li > a{font-size:14px;}
header nav ul > li{padding:34px 5px;}
header div.container div.ranger div.colonne:nth-child(2){width:150px;}
}
@media(max-width:1023px){
header div.container div.brdr{display:none;}
h1, h2{font-size:32px;line-height:1.1;}
h3{line-height:1.1;}
#breadcrumbs{top:58px;}
header div.container div.ranger div.colonne nav{display:none;}
header div.container .bouton-mobile{display:block;}
section#slogan{top:59px;}
section#slogan.opaque{display:none;}
section#page{margin-top:140px;margin-bottom:20px;}
footer div.ranger div.col{width:50%;margin-bottom:50px;}
div.height{height:59px;}
}
@media(max-width:767px){ p{font-size:16px;}
button, .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{padding:0 10px;font-size:16px;}
div#menu-sec img{width:175px;}
div#menu-sec ul li a{font-size:20px;}
div#menu-sec nav.sub > a, div#menu-sec nav.sub-2 > a{font-size:24px;}
div#menu-sec{padding:25px;}
header div.container div.ranger{justify-content:flex-start;}
header div.container div.ranger div.colonne{padding:0;}
div.container{padding:0 25px;}
header div.container .bouton-mobile{right:25px;}
section#bandeau ul li{font-size:24px;}
div#menu-sec .bouton-mobile{right:50px;top:50px;}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{font-size:16px;}
ul li{font-size:16px;padding-left:20px;}
ul li:after{top:1px;left:-2px;}
ul{margin-top:1em;}
footer div.ranger div.col{width:100%;}
}
body .a2a_floating_style{position:absolute;}
section{position:relative;}
div#call-us{position:fixed;bottom:25px;left:25px;width:70px;height:70px;border:4px solid #905a36;border-radius:50%;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/call.svg);cursor:pointer;background-size:60%;background-position:center;background-repeat:no-repeat;background-color:#fff;z-index:100;font-size:0;transition:all .5s ease;}
div#call-us:hover{background-color:#C9B179;}
body .cmplz-blocked-content-container .cmplz-blocked-content-notice, body .cmplz-wp-video .cmplz-blocked-content-notice{font-size:12px;padding:0px 10px;line-height:12px;}
.frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message *{color:#000;}
.otgs-development-site-front-end{display:none;}
@keyframes defilement-rtl {
from {
transform: translateX(0); }
to {
transform: translateX(-100%); } }

section#hero{margin-top:90px;background-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;}
section#hero div.ranger{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;margin-top:-4px;margin-bottom:-4px;}
section#hero div.ranger div.colonne{width:50%;}
section#hero div.ranger div.colonne div.tuile{position:relative;contain:layout paint;width:100%;padding-bottom:45%;border:4px solid #fff;}
section#hero div.ranger div.colonne div.tuile:hover button{opacity:1;}
section#hero div.ranger div.colonne img{width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover;object-position:center;}
section#hero div.ranger div.colonne button{inset-block-end:0;inset-inline:0;box-sizing:border-box;height:auto;padding:20px;color:#fff;position:absolute;bottom:0;font-size:32px;font-family:"Montaga", serif;border-radius:0;background-color:rgba(0, 0, 0, 0.5);}
section#hero div.ranger div.colonne button:hover{background-color:#905a36;}
.three_col{color:#000;padding:65px 0 0;text-align:center;}
.three_col div.container h1{text-align:center;text-transform:uppercase;color:#905a36;}
.three_col div.container h2, .three_col div.container h3{color:#905a36;}
.three_col div.container div.ranger{width:calc(100% + 50px);margin:40px 0;margin-left:-25px;margin-right:-25px;justify-content:center;}
.three_col div.container div.ranger div.colonne{width:33.333%;padding:0 25px;text-align:center;}
.three_col div.container div.ranger div.colonne img.icone{display:block;margin:25px auto;width:auto;height:40px;}
.three_col div.container div.ranger div.colonne img.full{width:100%;margin-bottom:25px;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
section.action.accueil{padding:65px 0;}
section.action.accueil div.container div.ranger{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
section.action.accueil div.container div.ranger div.colonne{width:50%;padding:0 25px;}
section.action.accueil div.container div.ranger div.colonne h3{text-align:center;}
section.action.accueil div.container div.ranger div.colonne img{width:100%;}
section.action.accueil div.container div.ranger div.colonne h4{text-align:center;}
section.full_col_image .three_col div.container h2{margin:0;font-size:24px;}
section.full_col_image{padding:65px 0;text-align:center;}
section.full_col_image div.container h2{text-align:center;text-transform:uppercase;color:#905a36;margin-bottom:30px;margin-top:90px;}
section.full_col_image div.container hr{max-width:500px;margin:0 auto;display:block;width:100%;}
section.full_col_image div.container img.full{width:100%;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
section.full_col_image div.container h3{margin:30px 0;}
section.full_col_image div.container ul{list-style:none;margin:0;padding:0;}
section.full_col_image div.container ul li{margin:0;padding:0;padding-left:20px;padding-bottom:10px;display:inline-block;position:relative;}
section.full_col_image div.container ul li:before{content:'';position:absolute;left:0;top:0;width:15px;height:15px;background-image:url(//www.grifon.ca/wp-content/themes/grifon/images/check.svg);background-size:contain;}
div.full_four{color:#000;padding:0px 50px;text-align:center;}
div.full_four h2, div.full_four h3{color:#000;font-size:24px;font-family:"Montaga", serif;transition:all .5s ease;}
div.full_four div.ranger{margin:40px 0;width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;}
div.full_four div.ranger div.colonne{width:25%;padding:0 25px;text-align:center;}
div.full_four div.ranger div.colonne:hover h2{color:#905a36;}
div.full_four div.ranger div.colonne img.icone{display:block;margin:25px auto;width:auto;height:40px;}
div.full_four div.ranger div.colonne img.full{width:100%;margin-bottom:25px;border-radius:6px;box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.05);}
@media(max-width:1023px){
section#hero{margin-top:59px;}
section#hero div.ranger div.colonne button{padding:10px 20px;font-size:20px;height:auto;}
section#hero div.ranger div.colonne div.tuile{padding-bottom:65%;}
section.three_col div.container div.ranger div.colonne{width:100%;margin-bottom:50px;}
section.full_four div.ranger div.colonne{width:100%;margin-bottom:65px;}
section.full_four{padding:0 25px;}
section.full_col_image{padding-top:0;}
div.full_four div.ranger div.colonne{width:50%;margin-bottom:50px;}
.three_col div.container div.ranger div.colonne{width:50%;margin-bottom:50px;}
.three_col div.container div.ranger{justify-content:center;}
section.action.accueil div.container div.ranger div.colonne{width:100%;text-align:center;}
section.action.accueil div.container div.ranger div.colonne:nth-child(1){margin-bottom:50px;}
}
@media(max-width:767px){
section#hero div.ranger div.colonne {
width: 100%; }
div.full_four div.ranger div.colonne {
width: 100%; }
.three_col div.container div.ranger div.colonne {
width: 100%; } }