.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}}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
} a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
} .updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.portail-cetal.fr/core/views/a45f3eb8ee/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/lightbox2/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/lightbox2/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/lightbox2/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/lightbox2/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}html{scroll-behavior: smooth;background-color: #FFFFFF;}
*{font-family: 'Inter', sans-serif;}
a{text-decoration: none;transition: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .3s;}
svg path{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
body{overflow-x: hidden;}
.grecaptcha-badge{opacity: 0;visibility: hidden;} button.button, a.button{font-weight: 600; font-size: 16px; line-height: 20px; color: var(--bleu);padding: 10px 12px;border: 1px solid var(--bleu); border-radius: 2px;align-items: center;display: inline-flex;gap: 6px;background-color: transparent;transition: .3s;}
button.button:hover, a.button:hover{color: var(--white);background-color: var(--bleu);cursor: pointer;}
button.button:hover svg path, a.button:hover svg path{fill: var(--white);} ::-webkit-scrollbar {
width: 5px
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #ccc;
border-radius: 10px
}
::-webkit-scrollbar-thumb {
background: var(--bleu);
border-radius: 10px
}
::-webkit-scrollbar-thumb:hover {
background: #333
} @-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
@keyframes bounce {
30% {
transform: scale(1.4);
}
50% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
.bounce{
animation: bounce 1.2s cubic-bezier(.04,.4,.5,.95) 1 forwards;
} :root {
--bleu: #003149;
--bleu-hover: #0089BF;
--white: #FFFFFF ;
--grey: #505457 ;
} header{position: fixed;width: 100%;z-index: 8000;} header .header-top{width: 100%;padding: 20px 8.33333333%;background-color: var(--white);display: flex;align-items: center;min-height: 96px;transition: .3s;}
header .header-top .logo{width: 8.33333333%;max-width: 125px;}
header .header-top .logo a{display: flex;}
header .header-top .logo img{width: 100%;height: 58px;transition: .3s;}
header .header-top .menu{display: flex;align-items: center;width: 91.66666667%;justify-content: space-between;}
header .header-top .menu .left{display: flex;align-items: center;padding: 0 60px;gap: 30px;}
header .header-top .menu .left a{display: flex; align-items: center;gap: 5px;font-weight: 400;     font-size: 16px; line-height: 20px;color: var(--bleu);}
header .header-top .menu .left a:hover{color: var(--bleu-hover);}
header .header-top .menu .left a.fav.added svg path{fill: var(--bleu);}
header .header-top .menu .left a:hover svg path{fill: var(--bleu-hover);}
header .header-top .menu .left .search{width: 370px;}
header .header-top .menu .left .search form{position: relative;width: 100%;border-bottom: 1px solid #A1A1A1;display: flex;align-items: center;padding: 10px 0}
header .header-top .menu .left .search form button{padding: 0;background-color: transparent;cursor: pointer;border: none;width: 16px;}
header .header-top .menu .left .search form input{border: none;outline:  none;font-weight: 400; font-size: 16px; line-height: 20px;color: var(--bleu);width: 100%;padding: 0 0 0 5px;}
header .header-top .menu .left .search form input::placeholder{font-weight: 400; font-size: 16px; line-height: 20px; color: #A2A2A2;}
header .header-top .menu .right{display: flex;align-items: center;gap: 20px;}
header .header-top .menu .right a{line-height: 16px;}
header .header-top .mobile-menu-burger{display: none;}
header .header-top .mobile-menu-burger svg{cursor: pointer;width: 25px;height: 25px;}
header .header-top .mobile-menu-burger svg.close{display: none;}
header .header-top .mobile-menu-burger svg.open{display: block;}
header.on .header-top .mobile-menu-burger svg.close{display: block;}
header.on .header-top .mobile-menu-burger svg.open{display: none;}
header .header-top .btn-devis-mobile{display: none;    margin-left: auto; font-size: 12px; padding: 8px 10px;} header .header-bottom{width: 100%;padding: 0 8.33333333%;background-color: var(--bleu);}
header .header-bottom nav{}
header .header-bottom nav .menu-menu-principal-container{}
header .header-bottom nav .menu-menu-principal-container ul{margin: 0;padding: 0;display: flex;align-items: center;gap: 30px;}
header .header-bottom nav .menu-menu-principal-container ul li{list-style: none;padding: 10px 0;position: relative;overflow: hidden;cursor: pointer;}
header .header-bottom nav .menu-menu-principal-container ul li:after{position: absolute;width: 100%;height: 4px;background: var(--white);content: '';display: block;bottom: -4px;left: 0;transition: .3s;}
header .header-bottom nav .menu-menu-principal-container ul li:hover:after{bottom: 0px;}
header .header-bottom nav .menu-menu-principal-container ul li.current-menu-item:after{bottom: 0px;}
header .header-bottom nav .menu-menu-principal-container ul li.current-page-ancestor:after{bottom: 0px;}
header .header-bottom nav .menu-menu-principal-container ul li a{font-weight: 600; font-size: 16px; line-height: 20px; color: var(--white);}
header .header-bottom nav .menu-menu-principal-container ul li.sub-menu a{padding-right: 16px;position: relative;}
header .header-bottom nav .menu-menu-principal-container ul li.sub-menu a:after{content:'';position: absolute;right: 0;top:50%;transform:translateY(-50%); width: 10px;height: 10px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/sub-menu.svg);background-position: center;background-size: contain;background-repeat: no-repeat;} header .header-sub-menu{display: none;width: 100%;align-items: center;background: #FFFFFF; box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.25);position: absolute;padding: 0 8.33333333% 50px;gap: 15px;}
header .header-sub-menu.sub-menu-portails{    justify-content: center;}
header .header-sub-menu.sub-menu-portails .item{display: flex;flex-direction: column;align-items: center;width: 25%;}
header .header-sub-menu.sub-menu-portails .item img{margin-bottom: 15px;width: 100%;}
header .header-sub-menu.sub-menu-portails .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
header .header-sub-menu.sub-menu-portails .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
header .header-sub-menu.sub-menu-portails .item .nb-modeles{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;}
header .header-sub-menu.sub-menu-clotures{    justify-content: center;}
header .header-sub-menu.sub-menu-clotures .item{display: flex;flex-direction: column;align-items: center;width: 25%;padding-top: 30px;}
header .header-sub-menu.sub-menu-clotures .item img{margin-bottom: 15px;}
header .header-sub-menu.sub-menu-clotures .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
header .header-sub-menu.sub-menu-clotures .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
header .header-sub-menu.sub-menu-clotures .item .nb-modeles{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;}
header .header-sub-menu.sub-menu-garde-corps{}
header .header-sub-menu.sub-menu-garde-corps .item{display: flex;flex-direction: column;align-items: center;width: 33.33333333%;}
header .header-sub-menu.sub-menu-garde-corps .item img{margin-bottom: 15px;width: 100%;}
header .header-sub-menu.sub-menu-garde-corps .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
header .header-sub-menu.sub-menu-garde-corps .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
header .header-sub-menu.sub-menu-garde-corps .item .matiere{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;}
header .header-sub-menu.sub-menu-conseils{    justify-content: center;}
header .header-sub-menu.sub-menu-conseils .item{display: flex;flex-direction: column;align-items: center;width: 25%;padding-top: 30px;}
header .header-sub-menu.sub-menu-conseils .item img{margin-bottom: 25px;width: auto;}
header .header-sub-menu.sub-menu-conseils .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 25px;}
header .header-sub-menu.sub-menu-conseils .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);} header.scroll .header-top{padding: 10px 8.33333333%;min-height: 40px;}
header.scroll .header-top .logo img{height: 45px;} header .header-mobile{display: none;}
header.on .header-mobile{display: block;height: calc(100vh - 75px);background: var(--white);    overflow-x: auto; padding-bottom: 20px; }
header.on .header-mobile>.menu{display: flex;align-items: center;width: 100%;    flex-direction: column;gap: 20px;    padding-bottom: 20px; border-bottom: 5px solid #013149;}
header.on .header-mobile>.menu .left{    display: flex; gap: 20px 5px;width: 100%; padding: 0 15px;flex-wrap: wrap;}
header.on .header-mobile>.menu .left a{display: flex; align-items: center;gap: 5px;font-weight: 400;     font-size: 16px; line-height: 20px;color: var(--bleu);width: calc(50% - 10px);}
header.on .header-mobile>.menu .left a:hover{color: var(--bleu-hover);}
header.on .header-mobile>.menu .left a.fav.added svg path{fill: var(--bleu);}
header.on .header-mobile>.menu .left a:hover svg path{fill: var(--bleu-hover);}
header.on .header-mobile>.menu .left .search{width: 100%;}
header.on .header-mobile>.menu .left .search form{position: relative;width: 100%;border-bottom: 1px solid #A1A1A1;display: flex;align-items: center;padding: 0 0 5px;}
header.on .header-mobile>.menu .left .search form button{padding: 0;background-color: transparent;cursor: pointer;border: none;width: 16px;}
header.on .header-mobile>.menu .left .search form input{border: none;outline:  none;font-weight: 400; font-size: 16px; line-height: 20px;color: var(--bleu);width: 100%;padding: 0 0 0 5px;}
header.on .header-mobile>.menu .left .search form input::placeholder{font-weight: 400; font-size: 16px; line-height: 20px; color: #A2A2A2;}
header.on .header-mobile>.menu .right{display: flex; gap: 5px; width: 100%; padding: 0 15px;}
header.on .header-mobile>.menu .right a{    width: fit-content;font-size: 12px;line-height: 12px;}
header.on .header-mobile>.menu .right a:not(.cart) svg{display:none}
header.on .header-mobile .header-bottom{display: block;    background: transparent;padding-top: 20px;}
header.on .header-mobile .header-bottom nav .menu-menu-principal-container ul{gap: 10px;flex-direction: column;align-items: flex-start;}
header.on .header-mobile .header-bottom nav .menu-menu-principal-container ul li{padding: 0;}
header.on .header-mobile .header-bottom nav .menu-menu-principal-container ul li a{color: var(--bleu);font-size: 18px;}
header.on .header-mobile .header-bottom nav .menu-menu-principal-container ul li.sub-menu a:after{background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/sub-menu-mobile.svg);}
header.on .header-mobile .header-sub-menu{padding-bottom: 0;}
header.on .header-mobile .header-sub-menu{ position: relative; flex-direction: column; box-shadow: none; align-items: flex-start;gap: 10px;    padding: 10px 0px;}
header.on .header-mobile .header-sub-menu .item{width: 100%;flex-direction: row;gap: 10px;}
header.on .header-mobile .header-sub-menu.sub-menu-clotures .item{padding-top: 0;}
header.on .header-mobile .header-sub-menu.sub-menu-conseils .item{padding-top: 0;}
header.on .header-mobile .header-sub-menu.sub-menu-conseils .item a:not(.nom){display: none;}
header.on .header-mobile .header-sub-menu .item .nb-modeles{display: none;}
header.on .header-mobile .header-sub-menu .item img{display: none;}
header.on .header-mobile .header-sub-menu .item .nom{font-weight: 400; font-size: 16px; line-height: 20px;text-align: left;margin-bottom: 0;}
header.on .header-mobile .header-sub-menu .item .nom span{    font-family: 'Inter';font-weight: 400; font-size: 16px; line-height: 20px;text-align: left;}
header.on .header-mobile .header-sub-menu .item .nom br{display: none;}
header.on .header-mobile .header-sub-menu .item .matiere{display: none;}
header.on .header-mobile .header-sub-menu a.button{display: none;}
header.on .header-mobile .header-sub-menu a::after{display: none;}
header.seo.on .header-mobile .header-bottom nav .menu-menu-principal-seo-container ul{gap: 10px;flex-direction: column;align-items: flex-start;}
header.seo.on .header-mobile .header-bottom nav .menu-menu-principal-seo-container ul li{padding: 0;}
header.seo.on .header-mobile .header-bottom nav .menu-menu-principal-seo-container ul li a{color: var(--bleu);font-size: 18px;}
header.seo.on .header-mobile .header-bottom nav .menu-menu-principal-seo-container ul li.sub-menu a:after{background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/sub-menu-mobile.svg);}
header.seo.on .header-mobile .header-sub-menu{padding-bottom: 0; position: relative; flex-direction: column; box-shadow: none; align-items: flex-start;gap: 10px;    padding: 10px 0px;}
header.seo.on .header-mobile .header-sub-menu .item{width: 100%;flex-direction: row;gap: 10px;margin-left: 15px!important;}
header.seo.on .header-mobile .header-sub-menu .item .media{display: none!important;width: 0!important;}
header.seo.on .header-mobile .header-sub-menu .item .menu{width: 100%!important;}
header.seo.on .header-mobile .header-sub-menu .item .menu .subtitle{font-size: 20px!important;} footer{width: 100%;padding: 0 8.33333333%;}
footer .content{display: flex;align-items: center;border-top: 1px solid #D9D9D9;padding: 30px 0;justify-content: space-between;}
footer .content .logo{display: flex;align-items: center;gap: 20px;width: 25%;}
footer .content .menu-footer{width: 58.33333333%;}
footer .content .menu-footer ul{margin: 0;padding: 0;display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
footer .content .menu-footer ul li{list-style: none;width: calc(33.33% - 10px);}
footer .content .menu-footer ul li a{font-weight: 500; font-size: 12px; line-height: 14px; text-transform: uppercase; color: var(--bleu);}
footer .content .menu-footer ul li a:hover{color: var(--bleu-hover);}
footer .content .rs{width: 16.66666667%;text-align: right;} .page-home{padding-top: 140px;}
.page-home #hero-banner{}
.page-home #hero-banner .home-carousel{position: relative;}
.page-home #hero-banner .home-carousel .owl-nav{margin: 0;}
.page-home #hero-banner .home-carousel .owl-nav button{background-color: transparent;height: 100%;position: absolute;top: 0;margin: 0;width: 8.33333333%;}
.page-home #hero-banner .home-carousel .owl-nav button:hover svg{transform: scale(1.1);}
.page-home #hero-banner .home-carousel .owl-nav button.owl-prev{left: 0;}
.page-home #hero-banner .home-carousel .owl-nav button.owl-next{right: 0;}
.page-home #hero-banner .home-carousel .owl-nav button.owl-prev:before{position:absolute;transition:.3s;top:0;opacity:0;left:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-left.svg);background-position: center left;background-repeat: no-repeat;background-size: cover;}
.page-home #hero-banner .home-carousel .owl-nav button.owl-next:before{position:absolute;transition:.3s;top:0;opacity:0;right:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-right.svg);background-position: center right;background-repeat: no-repeat;background-size: cover;}
.page-home #hero-banner .home-carousel .owl-nav button.owl-prev:hover:before{opacity: 1;}
.page-home #hero-banner .home-carousel .owl-nav button.owl-next:hover:before{opacity: 1;}
.page-home #hero-banner .home-carousel .item{display: flex;height: 580px;}
.page-home #hero-banner .home-carousel .item .media{width: 66.66666667%;}
.page-home #hero-banner .home-carousel .item .media img{width: 100%;height: 100%;object-fit: cover;}
.page-home #hero-banner .home-carousel .item .content{position: relative;width: 33.33333333%;}
.page-home #hero-banner .home-carousel .item .content .bg-img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 2px;}
.page-home #hero-banner .home-carousel .item .content .bg-img:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 49, 73, 0.6); backdrop-filter: blur(15px);content: '';}
.page-home #hero-banner .home-carousel .item .content .bg-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.page-home #hero-banner .home-carousel .item .content .petit-image{position: absolute;width: 70px;height: auto;top: 50px;right: 100px;}
.page-home #hero-banner .home-carousel .item .content .texte{position: absolute;width: 65%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.page-home #hero-banner .home-carousel .item .content .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--white);margin-bottom: 10px;}
.page-home #hero-banner .home-carousel .item .content .texte p strong{font-weight: 600; }
.page-home #hero-banner .home-carousel .item .content .texte h3{font-family: 'Shippori Mincho';font-weight: 600; font-size: 38px; line-height: 42px; color: #FFFFFF;margin-bottom: 15px;margin-top: 0;}
.page-home #hero-banner .home-carousel .item .content .texte p .big{font-family: 'Shippori Mincho';font-weight: 600; font-size: 38px; line-height: 42px; color: #FFFFFF;margin-bottom: 15px;margin-top: 0;}
.page-home #hero-banner .home-carousel .item .content .texte p .small{font-weight: 600; font-size: 16px; line-height: 22px; color: var(--white);margin-bottom: 10px;}
.page-home #hero-banner .home-carousel .item .content .texte a{color: var(--white);border-color: var(--white);margin-top: 15px;}
.page-home #hero-banner .home-carousel .item .content .texte a:hover{background-color: var(--white);color: var(--bleu);}
.page-home #produits{padding: 80px 8.33333333%;}
.page-home #produits .produits-carousel{position: relative;}
.page-home #produits .produits-carousel .owl-nav{margin-top: 0;;position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.page-home #produits .produits-carousel .owl-stage-outer{z-index: 6;}
.page-home #produits .produits-carousel .owl-nav button{background-color: transparent;margin: 0;}
.page-home #produits .produits-carousel .owl-nav button:hover path{fill: var(--bleu);}
.page-home #produits .produits-carousel .item{background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-home #produits .produits-carousel .item.portails{background-position: bottom 30px right -50px;background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-home #produits .produits-carousel .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-home #produits .produits-carousel .item.brise-vue{background-position: bottom 30px right -50px;background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-home #produits .produits-carousel .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-home #produits .produits-carousel .item.volets{background-position: bottom right 0px;background-size: 40%;background-color: #519EDB;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-volets.png);}
.page-home #produits .produits-carousel .item.motorisation{background-size: 40%;background-color: #F2CD66;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-motorisation.png);}
.page-home #produits .produits-carousel .item h2{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-home #produits .produits-carousel .item h2 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-home #produits .produits-carousel .item .links{display: inline-flex;flex-direction: column;gap: 5px;width: fit-content;}
.page-home #produits .produits-carousel .item .links a:not(.button){font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-home #produits .produits-carousel .item .links a:not(.button):hover{color: var(--bleu);}
.page-home #produits .produits-carousel .item .links a.button{color: white;border-color: white;}
.page-home #produits .produits-carousel .item .links a.button:hover{border-color: var(--bleu);}
.page-home #creativite{background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-home #creativite .content{padding: 80px 0;display: flex;align-items: center;}
.page-home #creativite .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-home #creativite .content .media img{width: 100%;object-fit: cover;}
.page-home #creativite .content .media video{width: 100%;object-fit: cover;}
.page-home #creativite .content .texte{width: 25%;margin-left: 16.66666667%;}
.page-home #creativite .content .texte h2{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #AFAFAF;margin: 0;}
.page-home #creativite .content .texte h3{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: #FFFFFF;margin-top: 0;margin-bottom: 25px;}
.page-home #creativite .content .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.page-home #creativite .content .texte p strong{font-weight: 700; }
.page-home #creativite .content .texte a{color: var(--white);border-color: var(--white);}
.page-home #creativite .content .texte a:hover{color: var(--bleu);background-color: var(--white);}
.page-home #portails-moment{padding: 80px 0;}
.page-home #portails-moment .title{width: 100%;text-align: center;margin-bottom: 50px;}
.page-home #portails-moment .title h2{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: var(--bleu);}
.page-home #portails-moment .content{padding: 0 8.33333333%;}
.page-home #portails-moment .content .portails-list{display: flex;gap: 30px;flex-wrap: wrap;}
.page-home #portails-moment .content .portails-list .portail{width: calc(33.33333333% - 20px);transition: .3s;display: flex;flex-direction: column;padding-bottom: 42px;}
.page-home #portails-moment .content .portails-list .portail .media{width: 100%;height: 300px;transition: .3s;}
.page-home #portails-moment .content .portails-list .portail .media img{width: 100%;height: 100%;object-fit: cover;object-position: bottom center;}
.page-home #portails-moment .content .portails-list .portail .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-home #portails-moment .content .portails-list .portail .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-home #portails-moment .content .portails-list .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-home #portails-moment .content .portails-list .portail .infos .add-favori.added svg path{fill: var(--bleu);}
.page-home #portails-moment .content .portails-list .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-home #portails-moment .content .portails-list .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-home #portails-moment .content .portails-list .portail .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-home #portails-moment .content .portails-list .portail .infos h2{    margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-home #portails-moment .content .portails-list .portail .infos .battant-coulissant{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal;}
.page-home #portails-moment .content .portails-list .portail .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.page-home #portails-moment .content .portails-list .portail .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-home #portails-moment .content .portails-list .portail .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-home #portails-moment .content .portails-list .portail .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-home #portails-moment .content .portails-list .portail:hover{padding-bottom: 0;}
.page-home #portails-moment .content .portails-list .portail:hover .media{box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.20)}
.page-home #portails-moment .content .portails-list .portail:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-home #portails-moment .content .portails-list .portail:hover .infos .links{height: 42px;opacity: 1;}
.page-home #groupe{background: #FAFAFA;}
.page-home #groupe .content{padding: 80px 0;display: flex;align-items: center;}
.page-home #groupe .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-home #groupe .content .media img{width: 100%;object-fit: cover;}
.page-home #groupe .content .media video{width: 100%;object-fit: cover;}
.page-home #groupe .content .media .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.page-home #groupe .content .media .embed-container iframe, .page-home #groupe .content .media .embed-container object, .page-home #groupe .content .media .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-home #groupe .content .texte{width: 25%;margin-left: 8.33333333%;}
.page-home #groupe .content .texte h2{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #AFAFAF;margin: 0;}
.page-home #groupe .content .texte h2 .big{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu); letter-spacing: 0; text-transform: none; display: inline-block; margin-bottom: 25px;}
.page-home #groupe .content .texte h3{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);margin-top: 0;margin-bottom: 25px;}
.page-home #groupe .content .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-home #groupe .content .texte p strong{font-weight: 700; }
.page-home #addons{}
.page-home #addons .content{display: flex;gap: 20px;align-items: center;padding: 80px 8.33333333%;}
.page-home #addons .content>div{height: 320px;border-radius: 2px;}
.page-home #addons .content .motorisation{width: 33.33333333%;background-color: #E9A644;overflow: hidden;position: relative;padding: 40px;}
.page-home #addons .content .motorisation .texte{position: relative;z-index: 3;left: 50%;transform: translateX(-25%);width: fit-content;}
.page-home #addons .content .motorisation .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 30px; color: #FFFFFF;margin: 0;margin-bottom: 15px;}
.page-home #addons .content .motorisation .texte h2 .light{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-home #addons .content .motorisation .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-home #addons .content .motorisation .texte a{width: fit-content;color: white;border-color: white;}
.page-home #addons .content .motorisation .texte a:hover{color: white;border-color: var(--bleu);}
.page-home #addons .content .motorisation .somfy{position: absolute;right: 40px;bottom: 40px;}
.page-home #addons .content .motorisation .motor{position: absolute;left: 40px;bottom: -44px;transition: .3s;}
.page-home #addons .content .motorisation:hover .motor{bottom: 0px;}
.page-home #addons .content .application{width: 41.66666667%;background-color: var(--bleu);position: relative;padding: 40px;display: flex;justify-content: flex-end;}
.page-home #addons .content .application::after{  content: ""; position: absolute; bottom: -35px; left: 0; width: 100%; height: 35px; background-color: white;}
.page-home #addons .content .application .phone{position: absolute;left: 0;bottom: -35px;transition: .3s;}
.page-home #addons .content .application .texte{display: flex;flex-direction: column;position: relative;}
.page-home #addons .content .application .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 30px; color: #FFFFFF;margin: 0 ;margin-bottom: 10px;}
.page-home #addons .content .application .texte h2 span{font-weight: 200; font-size: 26px; line-height: 31px; color: #FFFFFF;}
.page-home #addons .content .application .texte h2 .light{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.page-home #addons .content .application .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.page-home #addons .content .application:hover .phone{bottom: 0px;}
.page-home #addons .content .decors{width: 33.33333333%;background-color: #46745F;overflow: hidden;position: relative;padding: 40px;}
.page-home #addons .content .decors .texte{position: relative;z-index: 3;left: 50%;width: fit-content;}
.page-home #addons .content .decors .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0;}
.page-home #addons .content .decors .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-home #addons .content .decors .texte a{width: fit-content;color: white;border-color: white;}
.page-home #addons .content .decors .texte a:hover{color: white;border-color: var(--bleu);}
.page-home #addons .content .decors .decors-img{position: absolute;left: 40px;bottom: -60px;transition: .3s;}
.page-home #addons .content .decors:hover .decors-img{bottom: 0px;}
.page-home #addons .content .bonnes-raisons{width: 33.33333333%;position: relative;overflow: hidden;padding: 40px;}
.page-home #addons .content .bonnes-raisons img.bg{transform-origin: right center;width: 100%;height: 100%;object-fit: cover;object-position: center right;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 2;transition: .3s;}
.page-home #addons .content .bonnes-raisons:hover img.bg{transform:scale(1.1);}
.page-home #addons .content .bonnes-raisons .texte{position: relative;z-index: 3;display: flex;flex-direction: column;width: 50%;}
.page-home #addons .content .bonnes-raisons .texte img.logo-cetal{width: 120px;margin-bottom: 20px;}
.page-home #addons .content .bonnes-raisons .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 30px; color: #FFFFFF;margin: 0;margin-bottom: 5px;}
.page-home #addons .content .bonnes-raisons .texte h2 span{font-family: 'Shippori Mincho'; font-size: 36px; }
.page-home #addons .content .bonnes-raisons .texte h2 .light{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
.page-home #addons .content .bonnes-raisons .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
.page-home #addons .content .bonnes-raisons .texte a{width: fit-content;color: white;border-color: white;}
.page-home #addons .content .bonnes-raisons .texte a:hover{color: white;border-color: var(--bleu);} .page-404{padding-top: 140px;height: calc(50vh + 140px);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-404 h1{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 34px; line-height: 40px; color: var(--bleu);}
.page-404 p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);} .page-volet{padding-top: 140px;}
.page-volet #content{}
.page-volet #content .content{display: flex;align-items: center;height: calc(100vh - 140px);}
.page-volet #content .content .col-left{width: 50%;}
.page-volet #content .content .col-left img{height: calc(100vh - 140px);;width:100%;object-fit: cover;object-position: center;display: block;}
.page-volet #content .content .col-right{width: 25%;margin-left: 8.33333333%;}
.page-volet #content .content .col-right #breadcrumb{position: absolute; top: 20px; left: 58.33333333%;}
.page-volet #content .content .col-right #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-volet #content .content .col-right #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-volet #content .content .col-right #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-volet #content .content .col-right img{}
.page-volet #content .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 34px; line-height: 40px; color: var(--bleu);}
.page-volet #content .content .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);} .page-decors{padding-top: 140px;}
.page-decors #header .content{display: flex;align-items: center;background: #46745F;position: relative;}
.page-decors #header .content .col-left{width: 50%;}
.page-decors #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-decors #header .content .col-right{width: 25%;margin-left: 8.33333333%;}
.page-decors #header .content .col-right img{position: absolute;top: 70px;right: 8.33333333%;}
.page-decors #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-top: 0;margin-bottom: 20px;}
.page-decors #header .content .col-right p{font-weight: 400; font-size: 14px; line-height: 20px; color: var(--white);}
.page-decors #content{padding: 100px 0;}
.page-decors #content .content{padding: 0 8.33333333%;}
.page-decors #content .content .section{margin-bottom: 60px;}
.page-decors #content .content .section:last-child{margin-bottom: 0px;}
.page-decors #content .content .section h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 40px; color: #46745F; margin-top: 0;margin-bottom: 20px;}
.page-decors #content .content .section .galerie{display: flex;flex-wrap: wrap;align-items: center;gap: 30px;}
.page-decors #content .content .section .galerie .item{width: calc(33.33333333% - 20px);}
.page-decors #content .content .section .galerie .item img{width: 100%;}
.page-decors #content .content .section p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);} .page-nouveaute{padding-top: 140px;}
.page-nouveaute #header .content{display: flex;align-items: center;background: #E95160;position: relative;}
.page-nouveaute #header .content .col-left{width: 50%;}
.page-nouveaute #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-nouveaute #header .content .col-right{width: 25%;margin-left: 8.33333333%;}
.page-nouveaute #header .content .col-right img{position: absolute;top: 70px;right: 8.33333333%;}
.page-nouveaute #header .content .col-right p{font-weight: 700; font-size: 14px; line-height: 20px; color: var(--bleu);}
.page-nouveaute #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-top: 0;margin-bottom: 0px;}
.page-nouveaute #content{padding: 80px 0;}
.page-nouveaute #content .content{display: flex;align-items: center;}
.page-nouveaute #content .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-nouveaute #content .content .col-left h3{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-nouveaute #content .content .col-left h2{margin: 0;margin-bottom: 30px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: #E95160;}
.page-nouveaute #content .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-nouveaute #content .content .col-right{width: 33.33333333%;margin-left: 8.33333333%;text-align: center;} .page-installateurs{padding-top: 140px;}
.page-installateurs #header .content{display: flex;align-items: center;background: #425363;position: relative;}
.page-installateurs #header .content .col-left{width: 50%;}
.page-installateurs #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-installateurs #header .content .col-right{width: 25%;margin-left: 8.33333333%;}
.page-installateurs #header .content .col-right img{position: absolute;top: 70px;right: 8.33333333%;}
.page-installateurs #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-top: 0;margin-bottom: 0px;}
.page-installateurs #header .content .col-right p{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
.page-installateurs #header .content .col-right #breadcrumb{position: absolute; top: 20px; left: 58.33333333%;}
.page-installateurs #header .content .col-right #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-installateurs #header .content .col-right #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-installateurs #header .content .col-right #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-installateurs #installateurs{padding: 80px 0;}
.page-installateurs #installateurs .content{display: flex;align-items: center;}
.page-installateurs #installateurs .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-installateurs #installateurs .content .col-left h3{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-installateurs #installateurs .content .col-left h2{margin: 0;margin-bottom: 30px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-installateurs #installateurs .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-installateurs #installateurs .content .col-right{width: 33.33333333%;margin-left: 8.33333333%;text-align: center;}
.page-installateurs #contact{padding-bottom: 100px;}
.page-installateurs #contact .content{display: flex;align-items: center;flex-wrap: wrap;gap: 30px;}
.page-installateurs #contact .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-installateurs #contact .content .col-full form{display: flex;gap: 20px;flex-wrap: wrap;}
.page-installateurs #contact .content .col-full form p{margin-bottom: 0;}
.page-installateurs #contact .content .col-full form .form-col{width: calc(50% - 10px);}
.page-installateurs #contact .content .col-full form .form-col-full{width: 100%;text-align: right;position: relative;}
.page-installateurs #contact .content .col-full form div.radio{    height: 40px; display: flex; align-items: center; margin-bottom: 10px;}
.page-installateurs #contact .content .col-full form div.radio p{margin-bottom: 0;}
.page-installateurs #contact .content .col-full form div[data-id='professionnel'] p{margin-bottom: 0;}
.page-installateurs #contact .content .col-full form .particulier-pro{display: flex;gap: 15px;}
.page-installateurs #contact .content .col-full form .particulier-pro .wpcf7-list-item{margin-left: 0;}
.page-installateurs #contact .content .col-full form .particulier-pro .wpcf7-list-item label{display: flex; align-items: center;gap: 5px;}
.page-installateurs #contact .content .col-full form .particulier-pro .wpcf7-list-item label input{margin-bottom: 0;}
.page-installateurs #contact .content .col-full form .particulier-pro .wpcf7-list-item label span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.page-installateurs #contact .content .col-full form input{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-installateurs #contact .content .col-full form input::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-installateurs #contact .content .col-full form textarea{width: 100%;height: 190px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-installateurs #contact .content .col-full form textarea::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-installateurs #contact .content .col-full form input[type="submit"]{width:fit-content;font-weight: 600; font-size: 16px; line-height: 20px; color: var(--bleu);padding: 10px 12px;border: 1px solid var(--bleu); border-radius: 2px;align-items: center;display: inline-flex;gap: 6px;background-color: transparent;transition: .3s;}
.page-installateurs #contact .content .col-full form input[type="submit"]:hover{color: var(--white);background-color: var(--bleu);}
.page-installateurs #contact .content .col-full form input[type="checkbox"]{width: auto;}
.page-installateurs #contact .content .col-full form input.wpcf7-quiz{width: 50px;}
.page-installateurs #contact .content .col-full form select{margin-bottom: 10px;cursor:pointer;width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-installateurs #contact .content .col-full form span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.page-installateurs #contact .content .col-full form span.wpcf7-not-valid-tip{font-weight: 400; font-size: 14px; line-height: 17px; color: #d22020;}
.page-installateurs #contact .content .col-full form .wpcf7-spinner{position: absolute;bottom: -34px;}
.page-installateurs #qui{padding: 100px 0;background: #FAFAFA;}
.page-installateurs #qui .content{display: flex;align-items: center;}
.page-installateurs #qui .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-installateurs #qui .content .col-left h2{margin: 0;margin-bottom: 30px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-installateurs #qui .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-installateurs #qui .content .col-right{width: 33.33333333%;margin-left: 8.33333333%;text-align: center;}
.page-installateurs #partenaire{padding: 100px 0;}
.page-installateurs #partenaire .content{display: flex;align-items: center;flex-wrap: wrap;gap: 30px;}
.page-installateurs #partenaire .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;columns: 2;}
.page-installateurs #partenaire .content .col-full p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-installateurs #partenaire .content .col-full p strong{font-weight: 700;}
.page-installateurs #partenaire .content .col-full h2{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);} .page-motorisation{padding-top: 140px;}
.page-motorisation #header{}
.page-motorisation #header .content{display: flex;align-items: center;background: #FAB800;position: relative;}
.page-motorisation #header .content .col-left{width: 50%;}
.page-motorisation #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-motorisation #header .content .col-right{width: 25%;margin-left: 8.33333333%;}
.page-motorisation #header .content .col-right #breadcrumb{position: absolute; top: 20px; left: 58.33333333%;}
.page-motorisation #header .content .col-right #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-motorisation #header .content .col-right #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-motorisation #header .content .col-right #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-motorisation #header .content .col-right img{position: absolute;top: 70px;right: 8.33333333%;}
.page-motorisation #header .content .col-right img.logo-afg{    width: 140px; position: absolute;     top: 180px; right: 7.7%; display: block;}
.page-motorisation #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-top: 0;margin-bottom: 20px;}
.page-motorisation #header .content .col-right p{font-weight: 400; font-size: 14px; line-height: 20px; color: #FFFFFF;}
.page-motorisation #invisio{padding: 100px 0;}
.page-motorisation #invisio .content{display: flex;align-items: center;}
.page-motorisation #invisio .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.page-motorisation #invisio .content .col-left h2{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-motorisation #invisio .content .col-left h3{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-motorisation #invisio .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-motorisation #invisio .content .col-right{width: 25%;margin-left: 8.33333333%;text-align: center;}
.page-motorisation #battants{background: #FAFAFA;padding: 100px 0;}
.page-motorisation #battants .content{display: flex;flex-wrap: wrap;}
.page-motorisation #battants .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-motorisation #battants .content .col-full h2{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-motorisation #battants .content .col-full h3{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-motorisation #battants .content .list-battants{display: flex;width: 66.66666667%;margin-left: 16.66666667%;gap: 30px;}
.page-motorisation #battants .content .list-battants .battant{width: calc(100% / 3 - 20px);}
.page-motorisation #battants .content .list-battants .battant .name{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 38px; color: var(--bleu);margin: 0;}
.page-motorisation #battants .content .list-battants .battant .ref{font-weight: 500; font-size: 14px; line-height: 17px; color: #A2A2A2;margin-bottom: 15px;}
.page-motorisation #battants .content .list-battants .battant .description p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-motorisation #battants .content .list-battants .battant img{width: auto;}
.page-motorisation #coulissants{padding: 100px 0;}
.page-motorisation #coulissants .content{display: flex;flex-wrap: wrap;}
.page-motorisation #coulissants .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-motorisation #coulissants .content .col-full h2{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-motorisation #coulissants .content .col-full h3{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-motorisation #coulissants .content .list-coulissants{display: flex;width: 66.66666667%;margin-left: 16.66666667%;gap: 30px;justify-content: space-between;}
.page-motorisation #coulissants .content .list-coulissants .coulissant{width: calc(100% / 3 - 20px);}
.page-motorisation #coulissants .content .list-coulissants .coulissant .name{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 38px; color: var(--bleu);margin: 0;}
.page-motorisation #coulissants .content .list-coulissants .coulissant .ref{font-weight: 500; font-size: 14px; line-height: 17px; color: #A2A2A2;margin-bottom: 15px;}
.page-motorisation #coulissants .content .list-coulissants .coulissant .description p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-motorisation #coulissants .content .list-coulissants .coulissant img{width: auto;}
.page-motorisation #visio{background: #FAFAFA;padding: 100px 0;}
.page-motorisation #visio .content{display: flex;flex-wrap: wrap;align-items: center;}
.page-motorisation #visio .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-motorisation #visio .content .col-full h2{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-motorisation #visio .content .col-full h3{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-motorisation #visio .content .col-left{margin-left: 16.66666667%;width: 25%;}
.page-motorisation #visio .content .col-left img{width: 100%;}
.page-motorisation #visio .content .col-right{margin-left: 8.33333333%;width: 16.66666667%;}
.page-motorisation #visio .content .col-right .name{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 38px; color: var(--bleu);margin: 0;}
.page-motorisation #visio .content .col-right .ref{font-weight: 500; font-size: 14px; line-height: 17px; color: #A2A2A2;margin-bottom: 15px;}
.page-motorisation #visio .content .col-right .description p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-motorisation #visio .content .col-right img{width: auto;}
.page-motorisation #visio{padding: 100px 0;}
.page-motorisation #visio .content{display: flex;flex-wrap: wrap;}
.page-motorisation #visio .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-motorisation #visio .content .col-full h2{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-motorisation #visio .content .col-full h3{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-motorisation #visio .content .list-visiophonie{display: flex;width: 66.66666667%;margin-left: 16.66666667%;gap: 30px;justify-content: space-between;}
.page-motorisation #visio .content .list-visiophonie .visiophonie{width: calc(100% / 3 - 20px);}
.page-motorisation #visio .content .list-visiophonie .visiophonie .name{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 38px; color: var(--bleu);margin: 0;}
.page-motorisation #visio .content .list-visiophonie .visiophonie .ref{font-weight: 500; font-size: 14px; line-height: 17px; color: #A2A2A2;margin-bottom: 15px;}
.page-motorisation #visio .content .list-visiophonie .visiophonie .description p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-motorisation #visio .content .list-visiophonie .visiophonie img{width: auto;}
.page-motorisation #logement{padding: 100px 0;} 
.page-motorisation #logement .content{display: flex;flex-wrap: wrap;}
.page-motorisation #logement .content .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-motorisation #logement .content .col-full h2{margin: 0;font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;}
.page-motorisation #logement .content .col-full h3{margin: 0;margin-bottom: 20px;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 42px; color: var(--bleu);}
.page-motorisation #logement .content .list-logement{display: flex;width: 66.66666667%;margin-left: 16.66666667%;gap: 30px;justify-content: space-between;}
.page-motorisation #logement .content .list-logement .logement{width: calc(100% / 3 - 20px);}
.page-motorisation #logement .content .list-logement .logement .name{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 38px; color: var(--bleu);margin: 0;}
.page-motorisation #logement .content .list-logement .logement .ref{font-weight: 500; font-size: 14px; line-height: 17px; color: #A2A2A2;margin-bottom: 15px;}
.page-motorisation #logement .content .list-logement .logement .description p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-motorisation #logement .content .list-logement .logement img{width: auto;} .page-login{padding-top: 140px;}
.page-login .content{display: flex;align-items: stretch;}
.page-login .content .col-left{width: 50%;}
.page-login .content .col-left img{height: 100%;width:100%;object-fit: cover;object-position: center;display: block;}
.page-login .content .col-right{width: 50%;}
.page-login .content .col-right .top{padding: 120px 16.66666667%;background-color: #92D1D8;}
.page-login .content .col-right .top h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin: 0;margin-bottom: 20px;}
.page-login .content .col-right .top p{ font-weight: 400; font-size: 14px; line-height: 20px; color: var(--bleu);}
.page-login .content .col-right .bottom{padding: 120px 33.33333333% 120px 16.66666667%;}
.page-login .content .col-right .bottom form{display: flex;flex-direction: column;}
.page-login .content .col-right .bottom form .login_form input{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-login .content .col-right .bottom form .login_form input::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-login .content .col-right .bottom form .login_form a{font-weight: 400; font-size: 14px; line-height: 17px; text-decoration-line: underline; color: var(--bleu);}
.page-login .content .col-right .bottom form button{margin-left: auto;margin-top: 20px;} .page-espace-pro{padding-top: 140px;position: relative;}
.page-espace-pro #header{height: 340px;background-color: #92D1D8;}
.page-espace-pro #header .content{display: flex;align-items: center;}
.page-espace-pro #header .content .col-left{width: 25%;margin-left: 8.33333333%;margin-right: 8.33333333%;}
.page-espace-pro #header .content .col-left h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin: 0;margin-bottom: 40px;}
.page-espace-pro #header .content .col-left a{color: var(--white);border-color: var(--white);}
.page-espace-pro #header .content .col-left a:hover{background-color: var(--white);color: #92D1D8;}
.page-espace-pro #header .content .col-right{width: 58.33333333%;}
.page-espace-pro #header .content .col-right img{height: 340px;display: block;object-fit: cover;width: 100%;}
.page-espace-pro #content{padding: 100px 8.33333333%;}
.page-espace-pro #content .products-list{display: flex;flex-wrap: wrap;gap: 30px;}
.page-espace-pro #content .products-list .card{width: calc(33.33333333% - 20px);}
.page-espace-pro #content .products-list .card.fiche-product{position: relative;overflow: hidden;padding: 30px;display: flex; flex-direction: column; justify-content: space-between;}
.page-espace-pro #content .products-list .card.fiche-product img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.page-espace-pro #content .products-list .card.fiche-product .title{font-weight: 500; font-size: 22px; line-height: 27px; color: var(--bleu);position: relative;z-index: 2;}
.page-espace-pro #content .products-list .card.fiche-product a{position: relative;z-index: 2;width: fit-content;}
.page-espace-pro #content .products-list .card.fiche-technique{position: relative;overflow: hidden;padding: 30px;display: flex; flex-direction: column; justify-content: space-between;}
.page-espace-pro #content .products-list .card.fiche-technique img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.page-espace-pro #content .products-list .card.fiche-technique .title{font-weight: 500; font-size: 22px; line-height: 27px; color: var(--bleu);position: relative;z-index: 2;}
.page-espace-pro #content .products-list .card.fiche-technique a{position: relative;z-index: 2;width: fit-content;}
.page-espace-pro #content .products-list .card.product{display: flex;flex-direction: column;}
.page-espace-pro #content .products-list .card.product .media{height: 300px;width: 100%;}
.page-espace-pro #content .products-list .card.product .media img{width: 100%;height: 100%;object-fit: cover;}
.page-espace-pro #content .products-list .card.product .content{padding: 25px;border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;height: 100%;}
.page-espace-pro #content .products-list .card.product .content .title{font-weight: 500; font-size: 20px; line-height: 26px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
.page-espace-pro #content .products-list .card.product .content .excerpt{font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: #A2A2A2; }
.page-espace-pro #content .products-list .card.product .content .excerpt a{font-weight: 500; font-size: 14px; line-height: 17px; color: #505457;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 15px;width: fit-content;    display: block;margin: 10px auto 0;}
.page-espace-pro #content .products-list .card.product .content .excerpt a:hover{background-color: #003149;color: white;}
.page-espace-pro #content .products-list .card.product .content form{display: flex;gap: 10px;align-items: center;justify-content: center;}
.page-espace-pro #content .products-list .card.product .content form input{text-align: center;height: 42px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;width: 40px;font-weight: 400; font-size: 14px; line-height: 17px; color: #A2A2A2;}
.page-espace-pro #content .products-list .card.product .content .single_add_to_cart_button.loading svg{margin: auto;}
.page-espace-pro .popup-container{position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.70);z-index: 5;}
.page-espace-pro .popup-container .popup-product { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 50px 100px; background-color: #ffffff; text-align: center; }
.page-espace-pro .popup-container .popup-product p{margin-bottom: 30px;font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; color: var(--bleu);}
.page-espace-pro .popup-container .popup-product .cross{position: absolute;right: 20px;top: 20px;cursor: pointer;}
.page-espace-pro .popup-container .popup-product .links{display: flex;align-items: center;gap: 10px;} .page-telechargements{padding-top: 140px;}
.page-telechargements #header{background-color: #778E9E;padding: 40px 8.33333333%;}
.page-telechargements #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: #FFFFFF;}
.page-telechargements #content{padding: 100px 8.33333333%;}
.page-telechargements #content .card-list{display: flex;flex-wrap: wrap;gap: 30px;}
.page-telechargements #content .card-list .card{width: calc(33.33333333% - 20px);}
.page-telechargements #content .card-list .card{display: flex;flex-direction: column;}
.page-telechargements #content .card-list .card .media{height: 300px;width: 100%;}
.page-telechargements #content .card-list .card .media img{width: 100%;height: 100%;object-fit: cover;}
.page-telechargements #content .card-list .card .content{padding: 25px;border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;height: 100%;display: flex;flex-direction: column;align-items: center;}
.page-telechargements #content .card-list .card .content .title{font-weight: 500; font-size: 20px; line-height: 26px; text-align: center; color: var(--bleu);margin-bottom: 10px;} .page-entretien-technique{padding-top: 140px;}
.page-entretien-technique #header{background-color: #778E9E;padding: 40px 8.33333333%;position: relative;}
.page-entretien-technique #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-entretien-technique #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-entretien-technique #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-entretien-technique #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-entretien-technique #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: #FFFFFF;}
.page-entretien-technique #content{padding: 100px 8.33333333%;}
.page-entretien-technique #content .card-list{display: flex;flex-wrap: wrap;gap: 30px;}
.page-entretien-technique #content .card-list .card{width: calc(33.33333333% - 20px);}
.page-entretien-technique #content .card-list .card{display: flex;flex-direction: column;}
.page-entretien-technique #content .card-list .card .media{height: 300px;width: 100%;}
.page-entretien-technique #content .card-list .card .media img{width: 100%;height: 100%;object-fit: cover;}
.page-entretien-technique #content .card-list .card .content{padding: 25px;border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;height: 100%;display: flex;flex-direction: column;align-items: center;}
.page-entretien-technique #content .card-list .card .content .title{font-weight: 500; font-size: 20px; line-height: 26px; text-align: center; color: var(--bleu);margin-bottom: 10px;} .page-fiches-produits{padding-top: 140px;position: relative;}
.page-fiches-produits #header{height: 340px;background-color: #92D1D8;}
.page-fiches-produits #header .content{display: flex;align-items: center;}
.page-fiches-produits #header .content .col-left{width: 16.66666667%;margin-left: 8.33333333%;margin-right: 16.66666667%;}
.page-fiches-produits #header .content .col-left h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin: 0;}
.page-fiches-produits #header .content .col-right{width: 58.33333333%;}
.page-fiches-produits #header .content .col-right img{height: 340px;display: block;object-fit: cover;width: 100%;}
.page-fiches-produits #content{padding: 100px 8.33333333%;}
.page-fiches-produits #content .card-list{display: flex;flex-wrap: wrap;gap: 30px;}
.page-fiches-produits #content .card-list .card{width: calc(33.33333333% - 20px);}
.page-fiches-produits #content .card-list .card{display: flex;flex-direction: column;}
.page-fiches-produits #content .card-list .card .media{height: 300px;width: 100%;}
.page-fiches-produits #content .card-list .card .media img{width: 100%;height: 100%;object-fit: cover;}
.page-fiches-produits #content .card-list .card .content{padding: 25px;border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;height: 100%;display: flex;flex-direction: column;align-items: center;}
.page-fiches-produits #content .card-list .card .content .title{font-weight: 500; font-size: 20px; line-height: 26px; text-align: center; color: var(--bleu);margin-bottom: 10px;} .page-compte{padding-top: 140px;position: relative;}
.page-compte #header{height: 340px;background-color: #92D1D8;}
.page-compte #header .content{display: flex;align-items: center;}
.page-compte #header .content .col-left{width: 25%;margin-left: 8.33333333%;margin-right: 8.33333333%;}
.page-compte #header .content .col-left h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin: 0;}
.page-compte #header .content .col-right{width: 58.33333333%;}
.page-compte #header .content .col-right img{height: 340px;display: block;object-fit: cover;width: 100%;}
.page-compte #content{padding: 100px 8.33333333%;}
.page-compte #content .woocommerce{display: flex;}
.page-compte #content .woocommerce *{color: var(--bleu);}
.page-compte #content .woocommerce a{color: var(--bleu);text-decoration: underline;}
.page-compte #content .woocommerce a:hover{color: var(--bleu-hover);}
.page-compte #content .woocommerce .woocommerce-MyAccount-navigation{width: 20%;}
.page-compte #content .woocommerce .woocommerce-MyAccount-content{width: 80%;}
.page-compte #content .woocommerce .woocommerce-MyAccount-navigation-link--downloads{display: none}
.page-compte #content .woocommerce .woocommerce-Address-title{position: relative;} .page-search{padding-top: 140px;}
.page-search #header{background-color: #778E9E;padding: 40px 8.33333333%;}
.page-search #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: #FFFFFF;}
.page-search #content{padding: 100px 8.33333333%;}
.page-search #content .content{}
.page-search #content .content .search-result{width: 100%;padding: 20px 0 10px;border-bottom: 1px solid #778E9E;}
.page-search #content .content .search-result a{color: var(--bleu);}
.page-search #content .content .search-result a:hover{color: var(--bleu-hover);}
.page-search #content .content .posts-navigation{margin-top: 50px;}
.page-search #content .content .posts-navigation a{color: var(--bleu);}
.page-search #content .content .posts-navigation a:hover{color: var(--bleu-hover);} .page-woocommerce{padding-top: 140px;position: relative;}
.page-woocommerce #header{height: 340px;background-color: #92D1D8;}
.page-woocommerce #header .content{display: flex;align-items: center;}
.page-woocommerce #header .content .col-left{width: 16.66666667%;margin-left: 8.33333333%;margin-right: 16.66666667%;}
.page-woocommerce #header .content .col-left h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin: 0;}
.page-woocommerce #header .content .col-right{width: 58.33333333%;}
.page-woocommerce #header .content .col-right img{height: 340px;display: block;object-fit: cover;width: 100%;}
.page-woocommerce #content{padding: 100px 16.66666667%;}
.page-woocommerce #content .woocommerce{}
.page-woocommerce #content .woocommerce .woocommerce-message{background-color: var(--bleu);padding: 10px;margin-bottom: 20px;color: var(--white);}
.page-woocommerce #content .woocommerce table.shop_table{border: 1px solid #eee;}
.page-woocommerce #content .woocommerce table.shop_table th{color: var(--bleu);padding: 10px 8px;    text-align: left;}
.page-woocommerce #content .woocommerce table.shop_table td { border-top: 1px solid rgba(0,0,0,.1);padding: 10px 8px;}
.page-woocommerce #content .woocommerce table.shop_table td.product-remove{text-align: center;}
.page-woocommerce #content .woocommerce table.shop_table td.product-thumbnail img{width: 50px;}
.page-woocommerce #content .woocommerce table.shop_table td.product-name{color: var(--bleu);}
.page-woocommerce #content .woocommerce table.shop_table td.product-quantity input{    text-align: center;height: 42px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;width: 60px;font-weight: 400; font-size: 14px; line-height: 17px; color: #A2A2A2;}
.page-woocommerce #content .woocommerce table.shop_table td.actions{}
.page-woocommerce #content .woocommerce table.shop_table td.actions button:disabled{cursor:not-allowed;}
.page-woocommerce #content .woocommerce .checkout .woocommerce-billing-fields__field-wrapper{display: flex;flex-wrap: wrap;gap: 20px;}
.page-woocommerce #content .woocommerce .checkout .form-row-first{width: calc(50% - 10px);margin: 0;}
.page-woocommerce #content .woocommerce .checkout .form-row-last{width: calc(50% - 10px);margin: 0;}
.page-woocommerce #content .woocommerce .checkout .form-row-wide{width: 100%;margin: 0;}
.page-woocommerce #content .woocommerce .checkout .form-row label{width: 100%;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-woocommerce #content .woocommerce .checkout .form-row input{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--grey);font-weight: 400; font-size: 14px; line-height: 17px;}
.page-woocommerce #content .woocommerce .checkout .form-row textarea{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--grey);font-weight: 400; font-size: 14px; line-height: 17px;}
.page-woocommerce #content .woocommerce .checkout h3{color: var(--bleu);}
.page-woocommerce #content .woocommerce .woocommerce-order h2{color: var(--bleu);}
.page-woocommerce #content .woocommerce .woocommerce-order p{color: var(--bleu);}
.page-woocommerce #content .woocommerce .woocommerce-order li{color: var(--bleu);} .page-classique{padding-top: 140px;}
.page-classique #header{background-color: #778E9E;padding: 40px 8.33333333%;}
.page-classique #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: #FFFFFF;}
.page-classique #content{padding: 100px 16.66666667%;}
.page-classique #content .content *{color: var(--bleu);}
.page-classique #content .content a{text-decoration: underline;}
.page-classique #content .content a:hover{color: var(--bleu-hover);} .page-contact{padding-top: 140px;}
.page-contact #header{background-color: #778E9E;padding: 40px 8.33333333%;position: relative;}
.page-contact #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-contact #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-contact #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-contact #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-contact #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: #FFFFFF;}
.page-contact #content{padding: 100px 16.66666667%;}
.page-contact #content .content form{display: flex;gap: 20px;flex-wrap: wrap;}
.page-contact #content .content form .col{width: calc(50% - 10px);}
.page-contact #content .content form .col-full{width: 100%;text-align: right;position: relative;}
.page-contact #content .content form div.radio{    height: 40px; display: flex; align-items: center; margin-bottom: 10px;}
.page-contact #content .content form div.radio p{margin-bottom: 0;}
.page-contact #content .content form div[data-id='professionnel'] p{margin-bottom: 0;}
.page-contact #content .content form .particulier-pro{display: flex;gap: 15px;}
.page-contact #content .content form .particulier-pro .wpcf7-list-item{margin-left: 0;}
.page-contact #content .content form .particulier-pro .wpcf7-list-item label{display: flex; align-items: center;gap: 5px;}
.page-contact #content .content form .particulier-pro .wpcf7-list-item label input{margin-bottom: 0;}
.page-contact #content .content form .particulier-pro .wpcf7-list-item label span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.page-contact #content .content form input{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-contact #content .content form input::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-contact #content .content form select{margin-bottom: 10px;cursor:pointer;width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-contact #content .content form textarea{width: 100%;height: 270px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-contact #content .content form textarea::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-contact #content .content form input[type="submit"]{width:fit-content;font-weight: 600; font-size: 16px; line-height: 20px; color: var(--bleu);padding: 10px 12px;border: 1px solid var(--bleu); border-radius: 2px;align-items: center;display: inline-flex;gap: 6px;background-color: transparent;transition: .3s;}
.page-contact #content .content form input[type="submit"]:hover{color: var(--white);background-color: var(--bleu);}
.page-contact #content .content form input[type="checkbox"]{width: auto;}
.page-contact #content .content form input.wpcf7-quiz{width: 50px;}
.page-contact #content .content form span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.page-contact #content .content form span.wpcf7-not-valid-tip{font-weight: 400; font-size: 14px; line-height: 17px; color: #d22020;}
.page-contact #content .content form .wpcf7-spinner{position: absolute;bottom: -34px;} .page-devis{padding-top: 140px;}
.page-devis #header{background-color: #778E9E;padding: 40px 8.33333333%;}
.page-devis #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-devis #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-devis #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-devis #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-devis #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: #FFFFFF;}
.page-devis #content{padding: 100px 8.33333333%;}
.page-devis #content form{background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 2px;}
.page-devis #content form .wpcf7-list-item{margin-left: 0;}
.page-devis #content form .step.current{display: flex;opacity: 1;}
.page-devis #content form .step{padding: 50px 8.33333333%;display: none;flex-direction: column;align-items: center;opacity: 0;transition: .3s;}
.page-devis #content form .step .number-step{display: flex;gap: 8px;align-items: center;margin-bottom: 30px;}
.page-devis #content form .step .number-step .number{display: flex;align-items: center;justify-content: center;border: 1px solid #A2A2A2;border-radius: 50%;width: 40px;height: 40px;}
.page-devis #content form .step .number-step .number.current{background-color: var(--bleu);border-color: var(--bleu);}
.page-devis #content form .step .number-step .number span{font-weight: 400; font-size: 14px; line-height: 17px; color: #A2A2A2;cursor: default;}
.page-devis #content form .step .number-step .number.current span{color: #FFF;}
.page-devis #content form .step .number-step .number p{margin-bottom: 0;}
.page-devis #content form .step h3{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 41px; color: var(--bleu);margin: 0;margin-bottom: 40px;}
.page-devis #content form .step .button-step{margin-top: 40px;}
.page-devis #content form .step .button-step p{display: flex;gap: 20px;align-items: center;}
.page-devis #content form .step .button-step button{cursor: pointer;}
.page-devis #content form .step.step-1{}
.page-devis #content form .step.step-1 .content{width: 100%;}
.page-devis #content form .step.step-1 .type_bien{display: flex;align-items: center;gap: 15px;justify-content: center;}
.page-devis #content form .step.step-1 .type_bien span{width: calc(25% - 12px);transition: .3s;}
.page-devis #content form .step.step-1 .type_bien span label input{display: none;}
.page-devis #content form .step.step-1 .type_bien span label span{width:100%;display: flex; flex-direction: column; align-items: center; gap: 20px;padding: 40px;border: 1px solid #E6E6E6; border-radius: 2px;cursor: pointer;font-weight: 600; font-size: 14px; line-height: 17px; color: var(--bleu);}
.page-devis #content form .step.step-1 .type_bien span.checked label span{border-color: var(--bleu);}
.page-devis #content form .step.step-1 .type_bien span label span:after{display: none;}
.page-devis #content form .step.step-1 .type_bien span.first label span:before{transition: .3s;content: '';display: block;width: 60px;height: 60px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/devis/construction-neuve.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
.page-devis #content form .step.step-1 .type_bien span.last label span:before{transition: .3s;content: '';display: block;width: 60px;height: 60px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/devis/renovation.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
.page-devis #content form .step.step-1 .type_bien span:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);}
.page-devis #content form .step.step-1 .type_bien span:hover label span:before{transform: scale(1.1);}
.page-devis #content form .step.step-2{}
.page-devis #content form .step.step-2 .content{width: 100%;} .page-devis #content form .step.step-2 .content .wpcf7-form-control{display: flex;gap: 15px;align-items: center;flex-wrap: wrap;}
.page-devis #content form .step.step-2 .content input{display: none;}
.page-devis #content form .step.step-2 .content br{display: none;}
.page-devis #content form .step.step-2 .content .wpcf7-list-item{width: calc(25% - 12px);transition: .3s;border: 1px solid #E6E6E6; border-radius: 2px;cursor: pointer;font-weight: 600; font-size: 14px; line-height: 17px; color: var(--bleu);text-align: center;}
.page-devis #content form .step.step-2 .content .wpcf7-list-item:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);}
.page-devis #content form .step.step-2 .content .wpcf7-list-item.checked{border-color: var(--bleu);}
.page-devis #content form .step.step-2 .content .wpcf7-list-item label{padding: 20px 0;width: 100%;display: block;cursor: pointer;} .page-devis #content form .step.step-3{}
.page-devis #content form .step.step-3 .products-list{display: flex;}
.page-devis #content form .step.step-3 .content{width: 100%;}
.page-devis #content form .step.step-3 .content p{font-weight: 600; font-size: 14px; line-height: 17px; color: var(--bleu);}
.page-devis #content form .step.step-4{}
.page-devis #content form .step.step-4 .content{width: 100%;}
.page-devis #content form .step.step-4 .echeance{display: flex;align-items: center;gap: 15px;justify-content: center;}
.page-devis #content form .step.step-4 .echeance span{width: calc(25% - 12px);transition: .3s;}
.page-devis #content form .step.step-4 .echeance span label input{display: none;}
.page-devis #content form .step.step-4 .echeance span label span{width:100%;display: flex; flex-direction: column; align-items: center; gap: 20px;padding: 40px;border: 1px solid #E6E6E6; border-radius: 2px;cursor: pointer;font-weight: 600; font-size: 14px; line-height: 17px; color: var(--bleu);}
.page-devis #content form .step.step-4 .echeance span.checked label span{border-color: var(--bleu);}
.page-devis #content form .step.step-4 .echeance span label span:after{display: none;}
.page-devis #content form .step.step-4 .echeance span:nth-child(1) label span:before{transition: .3s;content: '';display: block;width: 60px;height: 60px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/devis/au-plus-vite.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
.page-devis #content form .step.step-4 .echeance span:nth-child(2) label span:before{transition: .3s;content: '';display: block;width: 60px;height: 60px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/devis/2-6-mois.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
.page-devis #content form .step.step-4 .echeance span:nth-child(3) label span:before{transition: .3s;content: '';display: block;width: 60px;height: 60px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/devis/annee.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
.page-devis #content form .step.step-4 .echeance span:nth-child(4) label span:before{transition: .3s;content: '';display: block;width: 60px;height: 60px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/devis/pas-date-fixee.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
.page-devis #content form .step.step-4 .echeance span:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);}
.page-devis #content form .step.step-4 .echeance span:hover label span:before{transform: scale(1.1);}
.page-devis #content form .step.step-4{}
.page-devis #content form .step.step-4 .content{display: flex;gap: 20px;flex-wrap: wrap;} .page-devis #content form .step.step-4 .content .col-1{width: calc(50% - 10px);}
.page-devis #content form .step.step-4 .content .col-1 input{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-devis #content form .step.step-4 .content .col-1 input::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;} .page-devis #content form .step.step-4 .content .col-3{width: calc(50% - 20px);}
.page-devis #content form .step.step-4 .content .col-3 p{margin-bottom: 0;}
.page-devis #content form .step.step-4 .content .col-3 select{margin-bottom: 10px;cursor:pointer;width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-devis #content form .step.step-4 .content .col-3 textarea{width: 100%;height: 100px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-devis #content form .step.step-4 .content .col-3 textarea::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-devis #content form .step.step-4 .content .col-3 span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.page-devis #content form .step.step-4 .content .col-3 input.wpcf7-quiz{width: 50px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.page-devis #content form .step.step-4 .content .col-3 input.wpcf7-quiz::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.page-devis #content form .step.step-4 .content .col-4{width: 100%;}
.page-devis #content form .step.step-4 .content .col-4 input{font-weight: 600; font-size: 16px; line-height: 20px; color: var(--bleu);padding: 10px 12px;border: 1px solid var(--bleu); border-radius: 2px;align-items: center;display: inline-flex;gap: 6px;background-color: transparent;transition: .3s;}
.page-devis #content form .step.step-4 .content .col-4 input:hover{color: var(--white);background-color: var(--bleu);}
.page-devis #content form .step.step-4 .content .col-4 .button-step p{justify-content: center;position: relative;}
.page-devis #content form .step.step-4 .content .col-4 .button-step .wpcf7-spinner{position: absolute;    bottom: -34px;}
.page-devis #content .products-list{display: none;gap: 15px;flex-wrap: wrap;justify-content: center;}
.page-devis #content .products-list .card{ width: calc(25% - 12px);transition: all 0.3s ease;display: flex;}
.page-devis #content .products-list .card.deleted { opacity: 0; height: 0; margin: 0; padding: 0; transition: all 0.3s ease; overflow: hidden; }
.page-devis #content .products-list .portail{}
.page-devis #content .products-list .portail .media{width: 50%;min-height: 100px;transition: .3s;}
.page-devis #content .products-list .portail .media img{width: 100%;height: 100%;object-fit: cover;}
.page-devis #content .products-list .portail .infos{width:50%;border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;padding: 12px 20px;position: relative;transition: .3s;justify-content: center;}
.page-devis #content .products-list .portail .infos .delete-devis{position: absolute;top: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 14px; line-height: 16px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px;letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-devis #content .products-list .portail .infos h2{font-weight: 300; font-size: 22px; line-height: 26px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .portail .infos h2.creation-title{font-weight: 300; font-size: 14px; line-height: 16px;letter-spacing: 1px;margin-bottom: 10px; color: var(--grey);}
.page-devis #content .products-list .portail .infos .add-favori{position: absolute;bottom: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-devis #content .products-list .brise-vue{border: 1px solid #E6E6E6;}
.page-devis #content .products-list .brise-vue .media{width: 40%;height: 100px;transition: .3s;text-align: center;padding: 12px 20px;}
.page-devis #content .products-list .brise-vue .media img{width: auto;height: 100%;object-fit: cover;}
.page-devis #content .products-list .brise-vue .infos{width:60%; border-radius: 2px;display: flex;flex-direction: column;padding: 12px 20px;position: relative;transition: .3s;justify-content: center;}
.page-devis #content .products-list .brise-vue .infos .delete-devis{position: absolute;top: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .brise-vue .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 14px; line-height: 16px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .brise-vue .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px;letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-devis #content .products-list .brise-vue .infos h2{font-weight: 300; font-size: 20px; line-height: 26px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .brise-vue .infos .add-favori{position: absolute;bottom: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .brise-vue .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-devis #content .products-list .cloture{border: 1px solid #E6E6E6;}
.page-devis #content .products-list .cloture .media{width: 40%;height: 100px;transition: .3s;text-align: center;padding: 12px 20px;display: flex;align-items: center;}
.page-devis #content .products-list .cloture .media img{width: 100%;height: auto;object-fit: cover;}
.page-devis #content .products-list .cloture .infos{width:60%; border-radius: 2px;display: flex;flex-direction: column;padding: 12px 20px;position: relative;transition: .3s;justify-content: center;}
.page-devis #content .products-list .cloture .infos .delete-devis{position: absolute;top: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .cloture .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 14px; line-height: 16px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .cloture .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px;letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-devis #content .products-list .cloture .infos h2{font-weight: 300; font-size: 20px; line-height: 26px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .cloture .infos .add-favori{position: absolute;bottom: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .cloture .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-devis #content .products-list .garde-corps{border: 1px solid #E6E6E6;}
.page-devis #content .products-list .garde-corps .media{width: 40%;height: 100px;transition: .3s;text-align: center;padding: 10px 10px;}
.page-devis #content .products-list .garde-corps .media img{width: auto;height: 100%;object-fit: contain;}
.page-devis #content .products-list .garde-corps .infos{width:60%; border-radius: 2px;display: flex;flex-direction: column;padding: 12px 20px;position: relative;transition: .3s;justify-content: center;}
.page-devis #content .products-list .garde-corps .infos .delete-devis{position: absolute;top: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .garde-corps .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 14px; line-height: 16px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .garde-corps .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px;letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-devis #content .products-list .garde-corps .infos h2{font-weight: 300; font-size: 20px; line-height: 26px; color: var(--grey);margin: 0;}
.page-devis #content .products-list .garde-corps .infos .add-favori{position: absolute;bottom: 12px;right: 12px;cursor: pointer;}
.page-devis #content .products-list .garde-corps .infos .add-favori:hover svg path{fill: var(--bleu);} .page-favoris{padding-top: 140px;}
.page-favoris #header{}
.page-favoris #header .content{display: flex;align-items: center;}
.page-favoris #header .content .col-left{width: 25%;margin-left: 8.33333333%;}
.page-favoris #header .content .col-left h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;}
.page-favoris #header .content .col-right{width: 58.33333333%;margin-left: 8.33333333%;}
.page-favoris #header .content .col-right img{    width: 100%; height: 100%; object-fit: cover; display: block;}
.page-favoris #content .products-list{padding: 70px 8.33333333%;display: flex;gap: 15px;flex-wrap: wrap;}
.page-favoris #content .products-list h3{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 22px; line-height: 26px; color: var(--bleu);}
.page-favoris #content .products-list .card{ width: calc(25% - 12px);transition: all 0.3s ease; }
.page-favoris #content .products-list .card.deleted { opacity: 0; height: 0; margin: 0; padding: 0; transition: all 0.3s ease;overflow: hidden;}
.page-favoris #content .products-list .portail{}
.page-favoris #content .products-list .portail .media{width: 100%;height: 250px;transition: .3s;}
.page-favoris #content .products-list .portail .media img{width: 100%;height: 100%;object-fit: cover;object-position: bottom center;}
.page-favoris #content .products-list .portail .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-favoris #content .products-list .portail .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-favoris #content .products-list .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-favoris #content .products-list .portail .infos .add-favori.added svg path{fill: var(--bleu);}
.page-favoris #content .products-list .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-favoris #content .products-list .portail .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .portail .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-favoris #content .products-list .portail .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-favoris #content .products-list .portail .infos .links{display: flex;gap: 10px;align-items: center;margin-top: 10px;transition: .3s}
.page-favoris #content .products-list .portail:hover .media{box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.20)}
.page-favoris #content .products-list .portail:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-favoris #content .products-list .brise-vue{transition: .3s;}
.page-favoris #content .products-list .brise-vue .media{width: 100%;height: 250px;transition: .3s;border: 1px solid #E6E6E6; border-bottom: none;text-align: center;padding-top: 30px;}
.page-favoris #content .products-list .brise-vue .media img{width: auto;height: 100%;object-fit: cover;object-position: bottom center;}
.page-favoris #content .products-list .brise-vue .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-favoris #content .products-list .brise-vue .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-favoris #content .products-list .brise-vue .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-favoris #content .products-list .brise-vue .infos .add-favori.added svg path{fill: var(--bleu);}
.page-favoris #content .products-list .brise-vue .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .brise-vue .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-favoris #content .products-list .brise-vue .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .brise-vue .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-favoris #content .products-list .brise-vue .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-favoris #content .products-list .brise-vue .infos .links{display: flex;gap: 10px;align-items: center;margin-top: 10px;transition: .3s}
.page-favoris #content .products-list .brise-vue:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20)}
.page-favoris #content .products-list .cloture{transition: .3s;}
.page-favoris #content .products-list .cloture .media{width: 100%;height: 250px;transition: .3s;border: 1px solid #E6E6E6; border-bottom: none;text-align: center;padding: 30px 20px 0;display: flex;align-items: center;}
.page-favoris #content .products-list .cloture .media img{width: 100%;height: auto;object-fit: cover;object-position: bottom center;}
.page-favoris #content .products-list .cloture .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-favoris #content .products-list .cloture .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-favoris #content .products-list .cloture .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-favoris #content .products-list .cloture .infos .add-favori.added svg path{fill: var(--bleu);}
.page-favoris #content .products-list .cloture .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .cloture .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-favoris #content .products-list .cloture .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .cloture .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-favoris #content .products-list .cloture .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-favoris #content .products-list .cloture .infos .links{display: flex;gap: 10px;align-items: center;margin-top: 10px;transition: .3s}
.page-favoris #content .products-list .cloture:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20)}
.page-favoris #content .products-list .garde-corps{transition: .3s;}
.page-favoris #content .products-list .garde-corps .media{width: 100%;height: 250px;transition: .3s;border: 1px solid #E6E6E6; border-bottom: none;text-align: center;padding-top: 30px;}
.page-favoris #content .products-list .garde-corps .media img{width: auto;height: 100%;object-fit: cover;object-position: bottom center;}
.page-favoris #content .products-list .garde-corps .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-favoris #content .products-list .garde-corps .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-favoris #content .products-list .garde-corps .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-favoris #content .products-list .garde-corps .infos .add-favori.added svg path{fill: var(--bleu);}
.page-favoris #content .products-list .garde-corps .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .garde-corps .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-favoris #content .products-list .garde-corps .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-favoris #content .products-list .garde-corps .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-favoris #content .products-list .garde-corps .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-favoris #content .products-list .garde-corps .infos .links{display: flex;gap: 10px;align-items: center;margin-top: 10px;transition: .3s}
.page-favoris #content .products-list .garde-corps:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20)} .page-realisations{padding-top: 140px;}
.page-realisations #header{padding: 60px 8.33333333%;    display: flex; align-items: flex-end; justify-content: space-between;position: relative;}
.page-realisations #header h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 34px; line-height: 50px; color: var(--bleu);margin: 0;}
.page-realisations #header form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-realisations #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-realisations #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-realisations #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-realisations #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-realisations #content{padding: 0px 8.33333333% 100px;}
.page-realisations #content .realisations-list{display: flex;flex-wrap: wrap;gap: 15px;}
.page-realisations #content .realisations-list .realisation{width: calc(33.33333333% - 10px);height: 300px;}
.page-realisations #content .realisations-list .realisation img{width: 100%;height: 100%;object-fit: cover;}
.page-template-page-realisation .lightbox .lb-outerContainer{border-radius: 6px;background-color: var(--bleu);}
.page-template-page-realisation .lightbox .lb-data{display: flex; align-items: center; justify-content: space-between; padding: 0;}
.page-template-page-realisation .lightbox .lb-dataContainer{background-color: var(--bleu);border-radius: 6px 6px 0px 0px;    padding: 10px 20px;}
.page-template-page-realisation .lightbox .lb-image{border: 3px solid var(--bleu);border-top: none;border-radius: 0px 0px 6px 6px ;}
.page-template-page-realisation .lightbox .lb-caption{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--white);margin-right: 20px;}
.page-template-page-realisation .lightbox .lb-product a{color: white;border-color: white;    padding: 5px 10px;}
.page-template-page-realisation .lightbox .lb-product a:hover{color: var(--bleu);background-color: #fff;}
.page-realisations #content .easyPaginateNav{border: 1px solid #D9D9D9; border-radius: 30px; width: fit-content!important; margin: 80px auto 0; display: flex; gap: 5px; padding: 10px 20px;align-items: center;}
.page-realisations #content .easyPaginateNav .prev{color: rgba(169, 169, 169, 0.7);    font-size: 16px; line-height: 16px;}
.page-realisations #content .easyPaginateNav .next{color: rgba(169, 169, 169, 0.7);   font-size: 16px; line-height: 16px;}
.page-realisations #content .easyPaginateNav .prev:hover{color: var(--bleu);}
.page-realisations #content .easyPaginateNav .next:hover{color: var(--bleu);}
.page-realisations #content .easyPaginateNav .page{font-weight: 600; font-size: 14px; line-height: 14px; color: #656565;border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.page-realisations #content .easyPaginateNav .page.current{ color: #FFFFFF;background-color: var(--bleu);}
.page-realisations #content .easyPaginateNav .page:hover{color: #FFFFFF;background-color: var(--bleu);} .page-garantie-nuancier{padding-top: 140px;}
.page-garantie-nuancier #header{height: 340px;background-size: cover;background-position: center;position: relative;}
.page-garantie-nuancier #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-garantie-nuancier #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-garantie-nuancier #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-garantie-nuancier #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-garantie-nuancier #header .content{height: 100%;display: flex;align-items: center;padding: 0px 8.33333333%;}
.page-garantie-nuancier #header .content h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;}
.page-garantie-nuancier #garantie{padding: 80px 0;}
.page-garantie-nuancier #garantie .content{display: flex;align-items: center;}
.page-garantie-nuancier #garantie .content .col-left{width: 41.66666667%;margin-left: 8.33333333%;}
.page-garantie-nuancier #garantie .content .col-left .media{}
.page-garantie-nuancier #garantie .content .col-left .media img{width: 100%;}
.page-garantie-nuancier #garantie .content .col-right{width: 25%;margin-left: 8.33333333%;}
.page-garantie-nuancier #garantie .content .col-right .texte{}
.page-garantie-nuancier #garantie .content .col-right .texte h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 36px; line-height: 40px; color: var(--bleu);}
.page-garantie-nuancier #garantie .content .col-right .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);} .page-garantie-nuancier #laquage{padding: 80px 0;background: #FAFAFA;}
.page-garantie-nuancier #laquage .content{display: flex;align-items: center;}
.page-garantie-nuancier #laquage .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-garantie-nuancier #laquage .content .col-left .texte{}
.page-garantie-nuancier #laquage .content .col-left .texte h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 36px; line-height: 40px; color: var(--bleu);}
.page-garantie-nuancier #laquage .content .col-left .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-garantie-nuancier #laquage .content .col-right{width: 41.66666667%;margin-left: 8.33333333%;}
.page-garantie-nuancier #laquage .content .col-right .media{}
.page-garantie-nuancier #laquage .content .col-right .media img{width: 100%;}
.page-garantie-nuancier #labels{padding: 80px 0;}
.page-garantie-nuancier #labels .content{display: flex;align-items: center;}
.page-garantie-nuancier #labels .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-garantie-nuancier #labels .content .col-left img{width: 124px;height: 124px;margin-bottom: 40px;}
.page-garantie-nuancier #labels .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);margin-bottom: 40px;}
.page-garantie-nuancier #labels .content .col-right{width: 25%;margin-left: 16.66666667%;}
.page-garantie-nuancier #labels .content .col-right img{width: 124px;height: 124px;margin-bottom: 40px;}
.page-garantie-nuancier #labels .content .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);margin-bottom: 40px;}
.page-garantie-nuancier #nuancier{padding: 100px 0;background: #FAFAFA;}
.page-garantie-nuancier #nuancier .content{display: flex;align-items: center;}
.page-garantie-nuancier #nuancier .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-garantie-nuancier #nuancier .content .col-left h2{font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;margin: 0;}
.page-garantie-nuancier #nuancier .content .col-left h3{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 36px; line-height: 40px; color: var(--bleu);margin: 0;}
.page-garantie-nuancier #nuancier .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-garantie-nuancier #nuancier .content .col-left .nuancier{padding: 20px 0;display: flex;gap: 14px;width: 70%;flex-wrap: wrap;}
.page-garantie-nuancier #nuancier .content .col-left .nuancier .color{width: calc(100% / 5 - 12px);cursor: pointer;transition: .3s;border-radius: 14px;outline: 2px solid transparent;}
.page-garantie-nuancier #nuancier .content .col-left .nuancier .color:hover{outline: 2px solid #FFFFFF; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.4); }
.page-garantie-nuancier #nuancier .content .col-left .nuancier .color.active{outline: 2px solid #FFFFFF; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.4);}
.page-garantie-nuancier #nuancier .content .col-left .nuancier-2{padding: 20px 0;display: flex;gap: 14px;width: 70%;flex-wrap: wrap;}
.page-garantie-nuancier #nuancier .content .col-left .nuancier-2 .color{width: calc(100% / 5 - 12px);cursor: pointer;transition: .3s;border-radius: 14px;outline: 2px solid transparent;}
.page-garantie-nuancier #nuancier .content .col-left .nuancier-2 .color:hover{outline: 2px solid #FFFFFF; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.4); }
.page-garantie-nuancier #nuancier .content .col-left .nuancier-2 .color.active{outline: 2px solid #FFFFFF; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.4);}
.page-garantie-nuancier #nuancier .content .col-right{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-garantie-nuancier #nuancier .content .col-right .sample-color{display: flex;flex-direction: column;position: absolute;width: 100%;align-items: center;justify-content: center;border: 1px solid #D9D9D9; border-radius: 20px;overflow: hidden;gap: 15px;opacity: 0;transition: .3s;    top: 50%; transform: translateY(-50%);color: var(--white);}
.page-garantie-nuancier #nuancier .content .col-right .sample-color.black{color: var(--bleu);}
.page-garantie-nuancier #nuancier .content .col-right .sample-color img{position: absolute;height: 100%;width: 100%;object-fit: cover;z-index: 2;}
.page-garantie-nuancier #nuancier .content .col-right .sample-color .name{font-weight: 100; font-size: 60px; line-height: 42px;position: relative;z-index: 2;margin-bottom: 10px;}
.page-garantie-nuancier #nuancier .content .col-right .sample-color .subname{font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 2px; text-transform: uppercase;position: relative;z-index: 2;margin-bottom: 0;}
.page-garantie-nuancier #nuancier .content .col-right .sample-color .ref{font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: 2px; text-transform: uppercase;position: relative;z-index: 2;margin-bottom: 0;}
.page-garantie-nuancier #nuancier .content .col-right .sample-color.active{opacity: 1;z-index: 3;} .page-cetal{padding-top: 140px;}
.page-cetal #header{height: 340px;background-size: cover;background-position: center;position: relative;}
.page-cetal #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-cetal #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-cetal #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-cetal #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-cetal #header .content{height: 100%;display: flex;align-items: center;padding: 0px 8.33333333%;}
.page-cetal #header .content h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;}
.page-cetal #presentation{background: #FAFAFA;}
.page-cetal #presentation .content{display: flex;align-items: center;padding: 80px 0;}
.page-cetal #presentation .content .col-left{margin-left: 8.33333333%;width: 41.66666667%;}
.page-cetal #presentation .content .col-left img{width: 100%;border-radius: 2px;}
.page-cetal #presentation .content .col-right{margin-left: 8.33333333%;width: 25%;}
.page-cetal #presentation .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 36px; line-height: 40px; color: var(--bleu);margin-bottom: 20px;}
.page-cetal #presentation .content .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-cetal #environnement{background: #fff;}
.page-cetal #environnement .content{display: flex;align-items: center;padding: 80px 0;justify-content: center;}
.page-cetal #environnement .content .col-center{width: 50%}
.page-cetal #environnement .content .col-center h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 36px; line-height: 40px; color: var(--bleu);margin-bottom: 20px;}
.page-cetal #environnement .content .col-center p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-cetal #chiffres{background: var(--bleu);padding: 100px 0;}
.page-cetal #chiffres .chiffres{display: flex;align-items: center;justify-content: center;}
.page-cetal #chiffres .chiffres .chiffre{width: 16.66666667%;text-align: center;}
.page-cetal #chiffres .chiffres .chiffre p.c{margin-bottom: 5px;}
.page-cetal #chiffres .chiffres .chiffre p.c span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 60px; line-height: 42px; text-align: center; color: #FFFFFF;}
.page-cetal #chiffres .chiffres .chiffre p.texte{font-weight: 400; font-size: 16px; line-height: 30px; text-align: center; color: #FFFFFF;margin-bottom: 0;}
.page-cetal #content{}
.page-cetal #content .content-1{display: flex;padding: 80px 0;}
.page-cetal #content .content-1 .col-full{width: 66.66666667%;margin-left: 16.66666667%;}
.page-cetal #content .content-1 .col-full video{width: 100%;}
.page-cetal #content .content-1 .col-full .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.page-cetal #content .content-1 .col-full .embed-container iframe, .page-cetal #content .content-1 .col-full .embed-container object, .page-cetal #content .content-1 .col-full .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-cetal #content .content-2{display: flex;flex-wrap: wrap;padding: 50px 0 100px;}
.page-cetal #content .content-2 .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.page-cetal #content .content-2 .col-left p{font-family: 'Shippori Mincho';font-weight: 600; font-size: 22px; line-height: 30px; color: var(--bleu);}
.page-cetal #content .content-2 .col-right{width: 25%;margin-left: 8.33333333%;}
.page-cetal #content .content-2 .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-cetal #content .content-2 .col-right a{text-decoration: underline;color: var(--bleu);}
.page-cetal #content .content-2 .col-right a:hover{color: var(--bleu-hover);} .page-raisons{padding-top: 140px;}
.page-raisons #header{height: 340px;background-size: cover;background-position: center;}
.page-raisons #header .content{height: 100%;display: flex;align-items: center;width: 33.33333333%;margin-left: 8.33333333%;}
.page-raisons #header .content h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;}
.page-raisons #content{}
.page-raisons #content .content{display: flex;}
.page-raisons #content .content.side-1{padding: 80px 0;}
.page-raisons #content .content.side-1 .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.page-raisons #content .content.side-1 .col-left img{width: 100%;}
.page-raisons #content .content.side-1 .col-right{width: 25%;margin-left: 8.33333333%;}
.page-raisons #content .content.side-1 .col-right h2{margin-bottom: 20px;margin-top: 0;}
.page-raisons #content .content.side-1 .col-right h2 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 34px; line-height: 40px;}
.page-raisons #content .content.side-1 .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-raisons #content .content.side-1 .col-right p.count{font-weight: 700; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #A2A2A2;margin-bottom: 5px;}
.page-raisons #content .content.side-2{background: #FAFAFA;padding: 80px 0;}
.page-raisons #content .content.side-2 .col-right{width: 33.33333333%;margin-left: 16.66666667%;}
.page-raisons #content .content.side-2 .col-right img{width: 100%;}
.page-raisons #content .content.side-2 .col-left{width: 25%;margin-left: 8.33333333%;}
.page-raisons #content .content.side-2 .col-left h2{margin-bottom: 20px;margin-top: 0;}
.page-raisons #content .content.side-2 .col-left h2 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 34px; line-height: 40px;}
.page-raisons #content .content.side-2 .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.page-raisons #content .content.side-2 .col-left p.count{font-weight: 700; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #A2A2A2;margin-bottom: 5px;} .page-clotures{padding-top: 140px;}
.page-clotures #header .content{display: flex;background: #D1C3A7;position: relative;}
.page-clotures #header .content .col-left{width: 50%;}
.page-clotures #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-clotures #header .content .col-right{width: 25%;margin-left: 8.33333333%;padding: 40px 0}
.page-clotures #header .content .col-right #breadcrumb{position: absolute; top: 20px; left: 58.33333333%;}
.page-clotures #header .content .col-right #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-clotures #header .content .col-right #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-clotures #header .content .col-right #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-clotures #header .content .col-right img{position: absolute;top: 70px;right: 8.33333333%;}
.page-clotures #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-top: 0;margin-bottom: 15px;}
.page-clotures #header .content .col-right p{font-weight: 400; font-size: 14px; line-height: 20px; color: #003149;}
.page-clotures .menu-clotures{display: flex;width: 100%;align-items: center;justify-content: center;padding: 80px 8.33333333%;gap: 15px;}
.page-clotures .menu-clotures .item{display: flex;flex-direction: column;align-items: center;width: 25%;}
.page-clotures .menu-clotures .item img{margin-bottom: 15px;width: 100%;}
.page-clotures .menu-clotures .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
.page-clotures .menu-clotures .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
.page-clotures .menu-clotures .item .nb-modeles{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;}
.page-clotures #a-propos{background-color: #FAFAFA;}
.page-clotures #a-propos .content{display: flex;align-items: center;padding: 80px 0;}
.page-clotures #a-propos .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.page-clotures #a-propos .content .col-left img{margin: auto;}
.page-clotures #a-propos .content .col-right{width: 25%;margin-left:  8.33333333%;}
.page-clotures #a-propos .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.page-clotures #a-propos .content .col-right p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.page-clotures #a-propos .content .col-right a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.page-clotures #a-propos .content .col-right a:hover{color: var(--bleu-hover);}
.page-clotures #a-propos .content .col-right li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.page-clotures #a-propos .content .col-right a.button{text-decoration: none;}
.page-clotures #a-propos .content .col-right a.button:hover{color: var(--white);} .page-portails{padding-top: 140px;}
.page-portails #header .content{display: flex;background: #91BCCD;position: relative;}
.page-portails #header .content .col-left{width: 50%;}
.page-portails #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-portails #header .content .col-right{width: 25%;margin-left: 8.33333333%;padding: 40px 0;}
.page-portails #header .content .col-right img{position: absolute;top: 70px;right: 8.33333333%;}
.page-portails #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-top: 0;margin-bottom: 15px;}
.page-portails #header .content .col-right p{font-weight: 400; font-size: 14px; line-height: 20px; color: #003149;}
.page-portails #header .content .col-right #breadcrumb{position: absolute; top: 20px; left: 58.33333333%;}
.page-portails #header .content .col-right #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-portails #header .content .col-right #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-portails #header .content .col-right #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-portails .menu-portails{display: flex;width: 100%;align-items: center;justify-content: center;padding: 80px 8.33333333%;gap: 15px;}
.page-portails .menu-portails .item{display: flex;flex-direction: column;align-items: center;width: 25%;}
.page-portails .menu-portails .item img{margin-bottom: 15px;width: 100%;}
.page-portails .menu-portails .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
.page-portails .menu-portails .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
.page-portails .menu-portails .item .nb-modeles{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;}
.page-portails #a-propos{background-color: #FAFAFA;}
.page-portails #a-propos .content{display: flex;align-items: center;padding: 80px 0;}
.page-portails #a-propos .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.page-portails #a-propos .content .col-left img{margin: auto;}
.page-portails #a-propos .content .col-right{width: 25%;margin-left:  8.33333333%;}
.page-portails #a-propos .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.page-portails #a-propos .content .col-right p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.page-portails #a-propos .content .col-right a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.page-portails #a-propos .content .col-right a:hover{color: var(--bleu-hover);}
.page-portails #a-propos .content .col-right li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.page-portails #a-propos .content .col-right a.button{text-decoration: none;}
.page-portails #a-propos .content .col-right a.button:hover{color: var(--white);}
.page-portails #motorisation{background-color: #E9A644;padding: 100px 0;}
.page-portails #motorisation .content{display: flex;align-items: center;}
.page-portails #motorisation .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.page-portails #motorisation .content .col-left h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--white);margin-top: 0;}
.page-portails #motorisation .content .col-left p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--white);}
.page-portails #motorisation .content .col-left li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--white);}
.page-portails #motorisation .content .col-left a{color: var(--white);border-color: var(--white);}
.page-portails #motorisation .content .col-left a:hover{background-color: var(--white);color: #E9A644;}
.page-portails #motorisation .content .col-right{width: 33.33333333%;text-align: center;} .page-gamme-portails{padding-top: 140px;}
.page-gamme-portails #header{display: flex;align-items: center;justify-content: center;padding: 60px 0;}
.page-gamme-portails #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-gamme-portails #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-gamme-portails #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-gamme-portails #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-gamme-portails #header .media{width: 41.66666667%;}
.page-gamme-portails #header .texte{width: 25%;}
.page-gamme-portails #header .texte h1{font-family: 'Shippori Mincho';font-weight: 600; font-size: 48px; line-height: 48px; color: #FFFFFF;margin-bottom: 20px;margin-top: 0;}
.page-gamme-portails #header .texte h1::first-line{font-family: 'Inter';font-weight: 700; font-size: 18px; line-height: 20px; color: #FFFFFF;}
.page-gamme-portails #header .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-gamme-portails #header .texte li{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-gamme-portails #header .texte p strong{font-weight: 700;}
.page-gamme-portails #content{}
.page-gamme-portails #content .filtre{padding: 70px  8.33333333% 0; display: flex; justify-content: flex-end;}
.page-gamme-portails #content .filtre form{display: flex;gap: 20px;}
.page-gamme-portails #content .filtre form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-gamme-portails #content .portails-list{padding: 70px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-gamme-portails #content .portails-list .portail{transition: .3s; width: calc(33.33333333% - 20px);transition: .3s;padding-bottom: 42px;display: flex;flex-direction: column;}
.page-gamme-portails #content .portails-list .portail .media{width: 100%;height: 300px;transition: .3s;}
.page-gamme-portails #content .portails-list .portail .media img{width: 100%;height: 100%;object-fit: cover;object-position: bottom center;}
.page-gamme-portails #content .portails-list .portail .infos{height: 100%; border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-gamme-portails #content .portails-list .portail .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-gamme-portails #content .portails-list .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-gamme-portails #content .portails-list .portail .infos .add-favori.added svg path{fill: var(--bleu);}
.page-gamme-portails #content .portails-list .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-gamme-portails #content .portails-list .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-gamme-portails #content .portails-list .portail .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-gamme-portails #content .portails-list .portail .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-gamme-portails #content .portails-list .portail .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-gamme-portails #content .portails-list .portail .infos h2{    margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-gamme-portails #content .portails-list .portail .infos .battant-coulissant{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal;}
.page-gamme-portails #content .portails-list .portail .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.page-gamme-portails #content .portails-list .portail .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-gamme-portails #content .portails-list .portail:hover{padding-bottom: 0;}
.page-gamme-portails #content .portails-list .portail:hover .media{box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.20)}
.page-gamme-portails #content .portails-list .portail:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-gamme-portails #content .portails-list .portail:hover .infos .links{height: 42px;opacity: 1;}
.page-gamme-portails #addons{}
.page-gamme-portails #addons .content{display: flex;gap: 20px;align-items: center;padding: 60px 8.33333333% 80px;}
.page-gamme-portails #addons .content>div{height: 320px;border-radius: 2px;}
.page-gamme-portails #addons .content .motorisation{width: 33.33333333%;background-color: #E9A644;overflow: hidden;position: relative;padding: 40px;}
.page-gamme-portails #addons .content .motorisation .texte{position: relative;z-index: 3;left: 50%;transform: translateX(-25%);width: fit-content;}
.page-gamme-portails #addons .content .motorisation .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0;}
.page-gamme-portails #addons .content .motorisation .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-gamme-portails #addons .content .motorisation .texte a{width: fit-content;color: white;border-color: white;}
.page-gamme-portails #addons .content .motorisation .texte a:hover{color: white;border-color: var(--bleu);}
.page-gamme-portails #addons .content .motorisation .somfy{position: absolute;right: 40px;bottom: 40px;}
.page-gamme-portails #addons .content .motorisation .motor{position: absolute;left: 40px;bottom: -44px;transition: .3s;}
.page-gamme-portails #addons .content .motorisation:hover .motor{bottom: 0px;}
.page-gamme-portails #addons .content .application{width: 41.66666667%;background-color: var(--bleu);position: relative;padding: 40px;display: flex;justify-content: flex-end;}
.page-gamme-portails #addons .content .application::after{  content: ""; position: absolute; bottom: -35px; left: 0; width: 100%; height: 35px; background-color: white;}
.page-gamme-portails #addons .content .application .phone{position: absolute;left: 0;bottom: -35px;transition: .3s;}
.page-gamme-portails #addons .content .application .texte{display: flex;flex-direction: column;position: relative;}
.page-gamme-portails #addons .content .application .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0 ;margin-bottom: 10px;}
.page-gamme-portails #addons .content .application .texte h2 span{font-weight: 200; font-size: 26px; line-height: 31px; color: #FFFFFF;}
.page-gamme-portails #addons .content .application .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.page-gamme-portails #addons .content .application:hover .phone{bottom: 0px;}
.page-gamme-portails #addons .content .decors{width: 33.33333333%;background-color: #46745F;overflow: hidden;position: relative;padding: 40px;}
.page-gamme-portails #addons .content .decors .texte{position: relative;z-index: 3;left: 50%;width: fit-content;}
.page-gamme-portails #addons .content .decors .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0;}
.page-gamme-portails #addons .content .decors .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-gamme-portails #addons .content .decors .texte a{width: fit-content;color: white;border-color: white;}
.page-gamme-portails #addons .content .decors .texte a:hover{color: white;border-color: var(--bleu);}
.page-gamme-portails #addons .content .decors .decors-img{position: absolute;left: 40px;bottom: -60px;transition: .3s;}
.page-gamme-portails #addons .content .decors:hover .decors-img{bottom: 0px;}
.page-gamme-portails #addons .content .bonnes-raisons{width: 33.33333333%;position: relative;overflow: hidden;padding: 40px;}
.page-gamme-portails #addons .content .bonnes-raisons img.bg{transform-origin: right center;width: 100%;height: 100%;object-fit: cover;object-position: center right;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 2;transition: .3s;}
.page-gamme-portails #addons .content .bonnes-raisons:hover img.bg{transform:scale(1.1);}
.page-gamme-portails #addons .content .bonnes-raisons .texte{position: relative;z-index: 3;display: flex;flex-direction: column;width: 50%;}
.page-gamme-portails #addons .content .bonnes-raisons .texte img.logo-cetal{width: 120px;margin-bottom: 20px;}
.page-gamme-portails #addons .content .bonnes-raisons .texte h2{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 30px; color: #FFFFFF;margin: 0;margin-bottom: 5px;}
.page-gamme-portails #addons .content .bonnes-raisons .texte h2 span{font-family: 'Shippori Mincho'; font-size: 36px; }
.page-gamme-portails #addons .content .bonnes-raisons .texte h2 .light{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
.page-gamme-portails #addons .content .bonnes-raisons .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
.page-gamme-portails #addons .content .bonnes-raisons .texte a{width: fit-content;color: white;border-color: white;}
.page-gamme-portails #addons .content .bonnes-raisons .texte a:hover{color: white;border-color: var(--bleu);}
.page-gamme-portails #other-gamme{padding-bottom: 100px;}
.page-gamme-portails #other-gamme .title{width: 100%;text-align: center;margin-bottom: 50px;}
.page-gamme-portails #other-gamme .title h2{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: var(--bleu);}
.page-gamme-portails #other-gamme .content{padding: 0 16.66666667%;display: flex;align-items: center;justify-content: center;}
.page-gamme-portails #other-gamme .content .item{display: flex;flex-direction: column;align-items: center;width: 33.33333333%;}
.page-gamme-portails #other-gamme .content .item img{margin-bottom: 15px;width: 100%;}
.page-gamme-portails #other-gamme .content .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
.page-gamme-portails #other-gamme .content .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 30px; line-height: 30px; text-align: center; color: var(--bleu);}
.page-gamme-portails #other-gamme .content .item .nb-modeles{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;} .single-portail{padding-top: 140px;}
.single-portail #principal-content{}
.single-portail #principal-content .content{display: flex;align-items: center;}
.single-portail #principal-content .content .single-portail-carousel{width: 58.33333333%;position: relative;}
.single-portail #principal-content .content .single-portail-carousel .owl-dots.disabled{display: none;}
.single-portail #principal-content .content .single-portail-carousel .owl-dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;background: rgba(0, 0, 0, 0.4); border-radius: 20px;padding: 6px 10px;}
.single-portail #principal-content .content .single-portail-carousel .owl-dots button span{margin: 0; width: 8px; background: white; height: 8px; border-radius: 50%;transition: .3s;}
.single-portail #principal-content .content .single-portail-carousel .owl-dots button.active span{width: 12px; height: 12px;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav{margin: 0;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button{background-color: transparent;height: 100%;position: absolute;top: 0;margin: 0;width: 8.33333333%;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button:hover svg{transform: scale(1.1);}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button.owl-prev{left: 0;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button.owl-next{right: 0;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button.owl-prev:before{position:absolute;transition:.3s;top:0;opacity:0;left:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-left.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button.owl-next:before{position:absolute;transition:.3s;top:0;opacity:0;right:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-right.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button.owl-prev:hover:before{opacity: 1;}
.single-portail #principal-content .content .single-portail-carousel .owl-nav button.owl-next:hover:before{opacity: 1;}
.single-portail #principal-content .content .single-portail-carousel .item{}
.single-portail #principal-content .content .single-portail-carousel .item img{height: 100%;object-fit: cover;object-position: center;}
.single-portail #principal-content .content .principal-infos{width: 25%;margin-left: 8.33333333%;padding: 30px 0 60px;}
.single-portail #principal-content .content .principal-infos{display: flex;flex-direction: column;}
.single-portail #principal-content .content .principal-infos #breadcrumb{margin-bottom: 35px;}
.single-portail #principal-content .content .principal-infos #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single-portail #principal-content .content .principal-infos #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single-portail #principal-content .content .principal-infos #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.single-portail #principal-content .content .principal-infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; color: var(--grey);margin: 0;}
.single-portail #principal-content .content .principal-infos .famille{font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 1px;margin-bottom: 20px; text-transform: uppercase; color: var(--bleu);}
.single-portail #principal-content .content .principal-infos h1{color: #505457; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 300; line-height: normal;margin: 0;margin-bottom: 10px;}
.single-portail #principal-content .content .principal-infos .battant-coulissant{color: #505457; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal;margin: 0;margin-bottom: 10px;}
.single-portail #principal-content .content .principal-infos .gamme-famille{color: #505457; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.single-portail #principal-content .content .principal-infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;margin-bottom: 20px;}
.single-portail #principal-content .content .principal-infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.single-portail #principal-content .content .principal-infos .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-bottom: 30px;}
.single-portail #principal-content .content .principal-infos .links svg{width: 20px;height: 20px;}
.single-portail #principal-content .content .principal-infos .links .add-favori.add-favori.added path{fill: var(--bleu);}
.single-portail #principal-content .content .principal-infos .description{margin-bottom: 20px;}
.single-portail #principal-content .content .principal-infos .description p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #principal-content .content .principal-infos .description li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #principal-content .content .principal-infos .imgs{display: flex;gap: 10px;}
.single-portail #principal-content .content .principal-infos .imgs img{height: 90px;width: auto;}
.single-portail #description-technique{background-color: var(--bleu);padding: 100px 0;}
.single-portail #description-technique .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single-portail #description-technique .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: #FFFFFF;margin: 0;}
.single-portail #description-technique .content{padding: 0px 16.66666667%;display: flex;flex-wrap: wrap;}
.single-portail #description-technique .content .col-left{width:  50%;clear: both;}
.single-portail #description-technique .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single-portail #description-technique .content .col-left a{text-decoration: underline;color: var(--white);}
.single-portail #description-technique .content .col-left a:hover{color: var(--bleu-hover);}
.single-portail #description-technique .content .col-right{width:  50%;}
.single-portail #description-technique .content .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single-portail #description-technique .content .col-right .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-top: 15px;}
.single-portail #description-technique .content .col-right .links a{color: var(--white);border-color: var(--white);}
.single-portail #description-technique .content .col-right .links a svg path{fill: var(--white);}
.single-portail #description-technique .content .col-right .links a:hover{background: var(--white);color: var(--bleu);}
.single-portail #description-technique .content .col-right .links a:hover svg path{fill: var(--bleu);}
.single-portail #description-technique .content .text{column-count: 2;}
.single-portail #description-technique .content .text p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;break-inside: avoid;}
.single-portail #description-technique .content .text a{text-decoration: underline;color: var(--white);}
.single-portail #description-technique .content .text a:hover{color: var(--bleu-hover);}
.single-portail #description-technique .content .text .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-top: 15px;}
.single-portail #description-technique .content .text .links a{color: var(--white);border-color: var(--white);text-decoration: none;}
.single-portail #description-technique .content .text .links a svg path{fill: var(--white);}
.single-portail #description-technique .content .text .links a:hover{background: var(--white);color: var(--bleu);}
.single-portail #description-technique .content .text .links a:hover svg path{fill: var(--bleu);}
.single-portail #famille{padding: 100px 0 0;}
.single-portail #famille .title{width:  100%;padding: 0 calc(8.33333333% + 20px);margin-bottom: 40px;}
.single-portail #famille .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin: 0;}
.single-portail #famille .content{padding: 0px calc(8.33333333% + 20px);column-count: 2;}
.single-portail #famille .content p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);break-inside: avoid-column;}
.single-portail #famille .content li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #famille .content a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single-portail #famille .content-famille-carousel{position: relative;padding: 40px 8.33333333% 0;}
.single-portail #famille .content-famille-carousel .famille-carousel .owl-nav{position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.single-portail #famille .content-famille-carousel .famille-carousel .owl-stage-outer{z-index: 6;}
.single-portail #famille .content-famille-carousel .famille-carousel .owl-nav button{background-color: transparent;margin: 0;}
.single-portail #famille .content-famille-carousel .famille-carousel .owl-nav button:hover path{fill: var(--bleu);}
.single-portail #famille .content-famille-carousel .famille-carousel .portail{padding: 20px;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .media{width: 100%;height: 300px;transition: .3s;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .media img{width: 100%;height: 100%;object-fit: cover;object-position: bottom center;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .add-favori.added svg path{fill: var(--bleu);}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .single-portail #famille .content-famille-carousel .famille-carousel .portail .infos h3{    margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .battant-coulissant{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.single-portail #famille .content-famille-carousel .famille-carousel .portail:hover .media{box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.20)}
.single-portail #famille .content-famille-carousel .famille-carousel .portail:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.single-portail #famille .content-famille-carousel .famille-carousel .portail:hover .infos .links{height: 42px;opacity: 1;}
.single-portail #cloture{}
.single-portail #cloture .content{display: flex;padding: 80px 0;align-items: center;}
.single-portail #cloture .content .col-left{width: 16.66666667%;margin-left: 16.66666667%;}
.single-portail #cloture .content .col-left h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.single-portail #cloture .content .col-left p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #cloture .content .col-left li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #cloture .content .col-right{width: 41.66666667%;margin-left: 8.33333333%;}
.single-portail #a-propos{background-color: #FAFAFA;}
.single-portail #a-propos .content{display: flex;align-items: center;padding: 80px 0;}
.single-portail #a-propos .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.single-portail #a-propos .content .col-left img{margin: auto;}
.single-portail #a-propos .content .col-right{width: 25%;margin-left:  8.33333333%;}
.single-portail #a-propos .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.single-portail #a-propos .content .col-right p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #a-propos .content .col-right a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single-portail #a-propos .content .col-right a:hover{color: var(--bleu-hover);}
.single-portail #a-propos .content .col-right li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-portail #a-propos .content .col-right a.button{text-decoration: none;}
.single-portail #a-propos .content .col-right a.button:hover{color: var(--white);}
.single-portail #motorisation{background-color: #E9A644;padding: 100px 0;}
.single-portail #motorisation .content{display: flex;align-items: center;}
.single-portail #motorisation .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.single-portail #motorisation .content .col-left h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--white);margin-top: 0;}
.single-portail #motorisation .content .col-left p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--white);}
.single-portail #motorisation .content .col-left li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--white);}
.single-portail #motorisation .content .col-left a{color: var(--white);border-color: var(--white);}
.single-portail #motorisation .content .col-left a:hover{background-color: var(--white);color: #E9A644;}
.single-portail #motorisation .content .col-right{width: 33.33333333%;text-align: center;} .page-brise-vue{padding-top: 140px;}
.page-brise-vue #header{display: flex;justify-content: center;padding: 70px 0 0;}
.page-brise-vue #header .media{width: 41.66666667%;}
.page-brise-vue #header .media img{    vertical-align: bottom;}
.page-brise-vue #header .texte{width: 25%;}
.page-brise-vue #header .texte h1{font-family: 'Shippori Mincho';font-weight: 600; font-size: 48px; line-height: 48px; color: #FFFFFF;margin-bottom: 20px;margin-top: 0;}
.page-brise-vue #header .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--white);}
.page-brise-vue #header .texte li{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--white);}
.page-brise-vue #header .texte p strong{font-weight: 700;}
.page-brise-vue #content{}
.page-brise-vue #content .filtre{padding: 70px  8.33333333% 0; display: flex; justify-content: flex-end;}
.page-brise-vue #content .filtre form{display: flex;gap: 20px;}
.page-brise-vue #content .filtre form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-brise-vue #content .brise-vue-list{padding: 70px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-brise-vue #content .brise-vue-list .brise-vue{width: calc(25% - 23px);transition: .3s;padding-bottom: 42px;height: auto!important;display: flex;flex-direction: column;}
.page-brise-vue #content .brise-vue-list .brise-vue .media{width: 100%;text-align: center;margin-top: -120px;}
.page-brise-vue #content .brise-vue-list .brise-vue .media img{width: 50%;height: auto;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos{height: 100%; border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .add-favori.added svg path{fill: var(--bleu);}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .page-brise-vue #content .brise-vue-list .brise-vue .infos h2{margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .links a{font-size: 14px;}
.page-brise-vue #content .brise-vue-list .brise-vue:hover{padding-bottom: 0;}
.page-brise-vue #content .brise-vue-list .brise-vue:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-brise-vue #content .brise-vue-list .brise-vue:hover .infos .links{height: 42px;opacity: 1;}
.page-brise-vue #bloc{}
.page-brise-vue #bloc .content{display: flex;align-items: center;}
.page-brise-vue #bloc .content .col-left{width: 16.66666667%;margin-left: 8.33333333%;}
.page-brise-vue #bloc .content .col-left h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: #FFFFFF;}
.page-brise-vue #bloc .content .col-left p{font-weight: 700; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.page-brise-vue #bloc .content .col-left a{color: var(--white);border-color: var(--white);}
.page-brise-vue #bloc .content .col-left a:hover{color: var(--bleu);background-color: var(--white);}
.page-brise-vue #bloc .content .col-right{width: 66.66666667%;margin-left: 8.33333333%;height: 100%;}
.page-brise-vue #bloc .content .col-right img{width: 100%;height: 100%;object-fit: cover;object-position: center;    display: block;} .single--brise-vue{padding-top: 140px;}
.single--brise-vue #principal-content{}
.single--brise-vue #principal-content .content{display: flex;align-items: center;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel{width: 58.33333333%;position: relative;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-dots.disabled{display: none;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;background: rgba(0, 0, 0, 0.4); border-radius: 20px;padding: 6px 10px;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-dots button span{margin: 0; width: 8px; background: white; height: 8px; border-radius: 50%;transition: .3s;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-dots button.active span{width: 12px; height: 12px;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav{margin: 0;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button{background-color: transparent;height: 100%;position: absolute;top: 0;margin: 0;width: 8.33333333%;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button:hover svg{transform: scale(1.1);}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button.owl-prev{left: 0;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button.owl-next{right: 0;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button.owl-prev:before{position:absolute;transition:.3s;top:0;opacity:0;left:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-left.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button.owl-next:before{position:absolute;transition:.3s;top:0;opacity:0;right:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-right.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button.owl-prev:hover:before{opacity: 1;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-nav button.owl-next:hover:before{opacity: 1;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .item{}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .item img{height: 100%;object-fit: cover;object-position: center;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .item.principal{    display: flex; align-items: center;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .item.principal img{height: 80%;object-fit: contain;}
.single--brise-vue #principal-content .content .principal-infos{width: 25%;margin-left: 8.33333333%;    padding: 30px 0 60px;}
.single--brise-vue #principal-content .content .principal-infos{display: flex;flex-direction: column;}
.single--brise-vue #principal-content .content .principal-infos #breadcrumb{margin-bottom: 35px;}
.single--brise-vue #principal-content .content .principal-infos #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single--brise-vue #principal-content .content .principal-infos #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single--brise-vue #principal-content .content .principal-infos #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.single--brise-vue #principal-content .content .principal-infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; color: var(--grey);margin: 0;}
.single--brise-vue #principal-content .content .principal-infos .famille{font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 1px;margin-bottom: 20px; text-transform: uppercase; color: var(--bleu);} .single--brise-vue #principal-content .content .principal-infos h1{color: #505457; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 300; line-height: normal;margin: 0;margin-bottom: 20px;}
.single--brise-vue #principal-content .content .principal-infos .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-bottom: 30px;}
.single--brise-vue #principal-content .content .principal-infos .links .add-favori.add-favori.added path{fill: var(--bleu);}
.single--brise-vue #principal-content .content .principal-infos .description{margin-bottom: 20px;}
.single--brise-vue #principal-content .content .principal-infos .description p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--brise-vue #principal-content .content .principal-infos .description li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--brise-vue #principal-content .content .principal-infos .imgs{display: flex;gap: 10px;}
.single--brise-vue #principal-content .content .principal-infos .imgs img{height: 90px;width: auto;}
.single--brise-vue #description-technique{background-color: var(--bleu);padding: 100px 0;}
.single--brise-vue #description-technique .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single--brise-vue #description-technique .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: #FFFFFF;margin: 0;}
.single--brise-vue #description-technique .content{padding: 0px 16.66666667%;column-count: 2;}
.single--brise-vue #description-technique .content p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single--brise-vue #description-technique .content .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-top: 15px;}
.single--brise-vue #description-technique .content .links a{color: var(--white);border-color: var(--white);}
.single--brise-vue #description-technique .content .links a svg path{fill: var(--white);}
.single--brise-vue #description-technique .content .links a:hover{background: var(--white);color: var(--bleu);}
.single--brise-vue #description-technique .content .links a:hover svg path{fill: var(--bleu);}
.single--brise-vue #transparence{padding: 100px 0;}
.single--brise-vue #transparence .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single--brise-vue #transparence .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin: 0;}
.single--brise-vue #transparence .content{padding: 0px 16.66666667%;column-count: 2;}
.single--brise-vue #transparence .content p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);break-inside: avoid-column;}
.single--brise-vue #transparence .content li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--brise-vue #transparence .content a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single--brise-vue #transparence .content-transparence{padding: 0px 16.66666667%;display: flex;gap: 30px;flex-wrap: wrap;}
.single--brise-vue #transparence .content-transparence .transparence{width: calc(33.33333333% - 20px);transition: .3s;}
.single--brise-vue #transparence .content-transparence .transparence .media{width: 100%;text-align: center;margin-top: -25%;}
.single--brise-vue #transparence .content-transparence .transparence .media img{width: 70%;height: auto;}
.single--brise-vue #transparence .content-transparence .transparence .infos{border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.single--brise-vue #transparence .content-transparence .transparence .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.single--brise-vue #transparence .content-transparence .transparence .infos h3{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.single--brise-vue #transparence .content-transparence .transparence:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.single--brise-vue #remplissage{padding: 100px 0;}
.single--brise-vue #remplissage .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single--brise-vue #remplissage .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin: 0;}
.single--brise-vue #remplissage .content{padding: 0px 16.66666667%;column-count: 2;}
.single--brise-vue #remplissage .content p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);break-inside: avoid-column;}
.single--brise-vue #remplissage .content li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--brise-vue #remplissage .content a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single--brise-vue #remplissage .content-remplissage-carousel{position: relative;padding: 50px 8.33333333% 0;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .owl-nav{position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .owl-stage-outer{z-index: 6;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .owl-nav button{background-color: transparent;margin: 0;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .owl-nav button:hover path{fill: var(--bleu);}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage{margin: 0 20px 20px;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .media{width: 100%;text-align: center;margin-top: -120px;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .media img{width: 100%;height: auto;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos{border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos h3{font-weight: 300; font-size: 25px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.single--brise-vue #a-propos{background-color: #FAFAFA;}
.single--brise-vue #a-propos .content{display: flex;align-items: center;padding: 80px 0;}
.single--brise-vue #a-propos .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.single--brise-vue #a-propos .content .col-left img{margin: auto;}
.single--brise-vue #a-propos .content .col-right{width: 25%;margin-left:  8.33333333%;}
.single--brise-vue #a-propos .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.single--brise-vue #a-propos .content .col-right p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--brise-vue #a-propos .content .col-right a:not(.button){font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single--brise-vue #a-propos .content .col-right a:not(.button):hover{font-weight: 600;}
.single--brise-vue #a-propos .content .col-right li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}  .page-garde-corps{padding-top: 140px;}
.page-garde-corps #header{display: flex;align-items: flex-end;justify-content: center;min-height: 440px;position: relative;}
.page-garde-corps #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-garde-corps #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-garde-corps #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-garde-corps #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-garde-corps #header .media{width: 41.66666667%;}
.page-garde-corps #header .media img{    vertical-align: bottom;}
.page-garde-corps #header .texte{width: 25%;padding: 60px 0;}
.page-garde-corps #header .texte h1{font-family: 'Shippori Mincho';font-weight: 600; font-size: 46px; line-height: 50px; color: #FFFFFF;margin-bottom: 20px;margin-top: 0;}
.page-garde-corps #header .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-garde-corps #header .texte li{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-garde-corps #header .texte p strong{font-weight: 700;}
.page-garde-corps #content .filtre{padding: 70px  8.33333333% 0; display: flex; justify-content: flex-end;}
.page-garde-corps #content .filtre form{display: flex;gap: 20px;}
.page-garde-corps #content .filtre form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-garde-corps #content .garde-corps-list{padding: 70px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-garde-corps #content .garde-corps-list .garde-corps{width: calc(33.33333333% - 20px);transition: .3s;display: flex;flex-direction: column;padding-bottom: 42px;}
.page-garde-corps #content .garde-corps-list .garde-corps .media{width: 100%; text-align: center; margin-top: -120px; display: flex; align-items: flex-end;}
.page-garde-corps #content .garde-corps-list .garde-corps .media img{width: 50%;height: auto;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos{height: 100%; border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .add-favori.added svg path{fill: var(--bleu);}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .page-garde-corps #content .garde-corps-list .garde-corps .infos h2{margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .links a{font-size: 14px;}
.page-garde-corps #content .garde-corps-list .garde-corps:hover{padding-bottom: 0;}
.page-garde-corps #content .garde-corps-list .garde-corps:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-garde-corps #content .garde-corps-list .garde-corps:hover .infos .links{height: 42px;opacity: 1;} .single--garde-corps{padding-top: 140px;}
.single--garde-corps #principal-content{}
.single--garde-corps #principal-content .content{display: flex;align-items: center;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel{width: 58.33333333%;position: relative;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-dots.disabled{display: none;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;background: rgba(0, 0, 0, 0.4); border-radius: 20px;padding: 6px 10px;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-dots button span{margin: 0; width: 8px; background: white; height: 8px; border-radius: 50%;transition: .3s;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-dots button.active span{width: 12px; height: 12px;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav{margin: 0;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button{background-color: transparent;height: 100%;position: absolute;top: 0;margin: 0;width: 8.33333333%;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button:hover svg{transform: scale(1.1);}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button.owl-prev{left: 0;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button.owl-next{right: 0;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button.owl-prev:before{position:absolute;transition:.3s;top:0;opacity:0;left:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-left.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button.owl-next:before{position:absolute;transition:.3s;top:0;opacity:0;right:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-right.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button.owl-prev:hover:before{opacity: 1;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-nav button.owl-next:hover:before{opacity: 1;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .item{}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .item img{height: 100%;object-fit: cover;object-position: center;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .item.principal{    display: flex; align-items: center;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .item.principal img{height: 80%;object-fit: contain;}
.single--garde-corps #principal-content .content .principal-infos{width: 25%;margin-left: 8.33333333%;padding: 30px 0 60px;}
.single--garde-corps #principal-content .content .principal-infos{display: flex;flex-direction: column;}
.single--garde-corps #principal-content .content .principal-infos #breadcrumb{margin-bottom: 35px;}
.single--garde-corps #principal-content .content .principal-infos #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single--garde-corps #principal-content .content .principal-infos #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single--garde-corps #principal-content .content .principal-infos #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.single--garde-corps #principal-content .content .principal-infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; color: var(--grey);margin: 0;}
.single--garde-corps #principal-content .content .principal-infos .famille{font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 1px;margin-bottom: 20px; text-transform: uppercase; color: var(--bleu);} .single--garde-corps #principal-content .content .principal-infos h1{color: #505457; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 300; line-height: normal;margin: 0;margin-bottom: 20px;}
.single--garde-corps #principal-content .content .principal-infos .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-bottom: 30px;}
.single--garde-corps #principal-content .content .principal-infos .links .add-favori.add-favori.added path{fill: var(--bleu);}
.single--garde-corps #principal-content .content .principal-infos .description{margin-bottom: 20px;}
.single--garde-corps #principal-content .content .principal-infos .description p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--garde-corps #principal-content .content .principal-infos .description li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--garde-corps #principal-content .content .principal-infos .imgs{display: flex;gap: 10px;}
.single--garde-corps #principal-content .content .principal-infos .imgs img{height: 90px;width: auto;}
.single--garde-corps #description-technique{background-color: var(--bleu);padding: 100px 0;}
.single--garde-corps #description-technique .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single--garde-corps #description-technique .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: #FFFFFF;margin: 0;}
.single--garde-corps #description-technique .content{padding: 0px 16.66666667%;display: flex;flex-wrap: wrap;}
.single--garde-corps #description-technique .content .col-left{width:  50%;clear: both;}
.single--garde-corps #description-technique .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single--garde-corps #description-technique .content .col-right{width:  50%;}
.single--garde-corps #description-technique .content .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single--garde-corps #description-technique .content .col-right .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-top: 15px;}
.single--garde-corps #description-technique .content .col-right .links a{color: var(--white);border-color: var(--white);}
.single--garde-corps #description-technique .content .col-right .links a svg path{fill: var(--white);}
.single--garde-corps #description-technique .content .col-right .links a:hover{background: var(--white);color: var(--bleu);}
.single--garde-corps #description-technique .content .col-right .links a:hover svg path{fill: var(--bleu);}
.single--garde-corps #transparence{padding: 100px 0;}
.single--garde-corps #transparence .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single--garde-corps #transparence .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin: 0;}
.single--garde-corps #transparence .content{padding: 0px 16.66666667%;column-count: 2;}
.single--garde-corps #transparence .content p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);break-inside: avoid-column;}
.single--garde-corps #transparence .content li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--garde-corps #transparence .content a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single--garde-corps #transparence .content-transparence{padding: 0px 16.66666667%;display: flex;gap: 30px;flex-wrap: wrap;}
.single--garde-corps #transparence .content-transparence .transparence{width: calc(33.33333333% - 20px);transition: .3s;}
.single--garde-corps #transparence .content-transparence .transparence .media{width: 100%;text-align: center;margin-top: -25%;}
.single--garde-corps #transparence .content-transparence .transparence .media img{width: 70%;height: auto;}
.single--garde-corps #transparence .content-transparence .transparence .infos{border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.single--garde-corps #transparence .content-transparence .transparence .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.single--garde-corps #transparence .content-transparence .transparence .infos h3{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.single--garde-corps #transparence .content-transparence .transparence:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.single--garde-corps #remplissage{padding: 100px 0;}
.single--garde-corps #remplissage .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single--garde-corps #remplissage .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin: 0;}
.single--garde-corps #remplissage .content{padding: 0px 16.66666667%;column-count: 2;}
.single--garde-corps #remplissage .content p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);break-inside: avoid-column;}
.single--garde-corps #remplissage .content li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--garde-corps #remplissage .content a{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single--garde-corps #remplissage .content-remplissage-carousel{position: relative;padding: 50px 8.33333333% 0;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .owl-nav{position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .owl-stage-outer{z-index: 6;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .owl-nav button{background-color: transparent;margin: 0;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .owl-nav button:hover path{fill: var(--bleu);}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage{margin: 0 20px 20px;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .media{width: 100%;text-align: center;margin-top: -120px;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .media img{width: 100%;height: auto;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos{border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos h3{font-weight: 300; font-size: 25px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.single--garde-corps #a-propos{background-color: #FAFAFA;}
.single--garde-corps #a-propos .content{display: flex;align-items: center;padding: 80px 0;}
.single--garde-corps #a-propos .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.single--garde-corps #a-propos .content .col-left img{margin: auto;}
.single--garde-corps #a-propos .content .col-right{width: 25%;margin-left:  8.33333333%;}
.single--garde-corps #a-propos .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.single--garde-corps #a-propos .content .col-right p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single--garde-corps #a-propos .content .col-right a:not(.button){font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single--garde-corps #a-propos .content .col-right a:not(.button):hover{font-weight: 600; }
.single--garde-corps #a-propos .content .col-right li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);} .page-gamme-clotures{padding-top: 140px;}
.page-gamme-clotures #header{display: flex;align-items: center;justify-content: center;padding: 100px 0;}
.page-gamme-clotures #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-gamme-clotures #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-gamme-clotures #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-gamme-clotures #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-gamme-clotures #header .media{width: 33.33333333%;}
.page-gamme-clotures #header .texte{width: 25%;margin-left:  8.33333333%;}
.page-gamme-clotures #header .texte h1{font-family: 'Shippori Mincho';font-weight: 600; font-size: 48px; line-height: 48px; color: #FFFFFF;margin-bottom: 20px;margin-top: 0;}
.page-gamme-clotures #header .texte h1::first-line{font-family: 'Inter';font-weight: 700; font-size: 18px; line-height: 20px; color: #FFFFFF;}
.page-gamme-clotures #header .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-gamme-clotures #header .texte li{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-gamme-clotures #header .texte p strong{font-weight: 700;}
.page-gamme-clotures #content{}
.page-gamme-clotures #content .filtre{padding: 70px  8.33333333% 0; display: flex; justify-content: flex-end;}
.page-gamme-clotures #content .filtre form{display: flex;gap: 20px;}
.page-gamme-clotures #content .filtre form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-gamme-clotures #content .clotures-list{padding: 70px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-gamme-clotures #content .clotures-list .cloture{width: calc(33.33333333% - 20px);transition: .3s;}
.page-gamme-clotures #content .clotures-list .cloture .media{width: 100%;text-align: center;margin-top: -120px;padding: 0 25px 20px;}
.page-gamme-clotures #content .clotures-list .cloture .media img{width: 100%;height: auto;}
.page-gamme-clotures #content .clotures-list .cloture .infos{border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.page-gamme-clotures #content .clotures-list .cloture .infos .add-favori{position: absolute;top: 5vw;right: 25px;cursor: pointer;}
.page-gamme-clotures #content .clotures-list .cloture .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-gamme-clotures #content .clotures-list .cloture .infos .add-favori.added svg path{fill: var(--bleu);}
.page-gamme-clotures #content .clotures-list .cloture .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-gamme-clotures #content .clotures-list .cloture .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .page-gamme-clotures #content .clotures-list .cloture .infos h2{margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-gamme-clotures #content .clotures-list .cloture .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.page-gamme-clotures #content .clotures-list .cloture .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-gamme-clotures #content .clotures-list .cloture .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-gamme-clotures #content .clotures-list .cloture .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-gamme-clotures #content .clotures-list .cloture .infos .links a{font-size: 14px;}
.page-gamme-clotures #content .clotures-list .cloture:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-gamme-clotures #content .clotures-list .cloture:hover .infos .links{height: 42px;opacity: 1;}
.page-gamme-clotures #other-gamme{padding-bottom: 100px;}
.page-gamme-clotures #other-gamme .title{width: 100%;text-align: center;margin-bottom: 50px;}
.page-gamme-clotures #other-gamme .title h2{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: var(--bleu);}
.page-gamme-clotures #other-gamme .content{padding: 0 25%;display: flex;align-items: center;justify-content: space-between;}
.page-gamme-clotures #other-gamme .content .item{display: flex;flex-direction: column;align-items: center;width: 33.33333333%;}
.page-gamme-clotures #other-gamme .content .item img{margin-bottom: 15px;width: 100%;}
.page-gamme-clotures #other-gamme .content .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
.page-gamme-clotures #other-gamme .content .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 30px; line-height: 30px; text-align: center; color: var(--bleu);}
.page-gamme-clotures #other-gamme .content .item .nb-modeles{font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #505457;margin-bottom: 10px;}
.page-gamme-clotures #content-2{padding: 80px 0 140px;background-color: #FAFAFA;}
.page-gamme-clotures #content-2 .content{display: flex;align-items: center;}
.page-gamme-clotures #content-2 .content .col-left{width: 25%;margin-left: 16.66666667%;}
.page-gamme-clotures #content-2 .content .col-left h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 32px; line-height: 38px; color: var(--bleu);margin-top: 0;}
.page-gamme-clotures #content-2 .content .col-left p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.page-gamme-clotures #content-2 .content .col-left li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.page-gamme-clotures #content-2 .content .col-left .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-top: 30px;}
.page-gamme-clotures #content-2 .content .col-left .links .add-favori.add-favori.added path{fill: var(--bleu);}
.page-gamme-clotures #content-2 .content .col-right{width: 33.33333333%;margin-left: 8.33333333%;}
.page-gamme-clotures #atouts{padding: 80px 0;}
.page-gamme-clotures #atouts .content{display: flex;justify-content: center;}
.page-gamme-clotures #atouts .content h2{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: var(--bleu);margin-bottom: 30px;}
.page-gamme-clotures #atouts .content-2{display: flex;justify-content: center;align-items: flex-start;gap: 20px;}
.page-gamme-clotures #atouts .content-2 .atout{width: 16.66666667%;display: flex;flex-direction: column;gap: 15px;align-items: center;}
.page-gamme-clotures #atouts .content-2 .atout img{width: 70px;height: 70px;margin: auto;}
.page-gamme-clotures #atouts .content-2 .atout p{font-weight: 700; font-size: 14px; line-height: 22px; text-align: center; color: var(--bleu);} .single-cloture{padding-top: 140px;}
.single-cloture #principal-content{}
.single-cloture #principal-content .content{display: flex;align-items: center;}
.single-cloture #principal-content .content .single-cloture-carousel{width: 58.33333333%;position: relative;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-dots.disabled{display: none;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;background: rgba(0, 0, 0, 0.4); border-radius: 20px;padding: 6px 10px;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-dots button span{margin: 0; width: 8px; background: white; height: 8px; border-radius: 50%;transition: .3s;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-dots button.active span{width: 12px; height: 12px;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav{margin: 0;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button{background-color: transparent;height: 100%;position: absolute;top: 0;margin: 0;width: 8.33333333%;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button:hover svg{transform: scale(1.1);}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button.owl-prev{left: 0;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button.owl-next{right: 0;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button.owl-prev:before{position:absolute;transition:.3s;top:0;opacity:0;left:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-left.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button.owl-next:before{position:absolute;transition:.3s;top:0;opacity:0;right:0;content:'';width:100%;height:100%;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/carousel-arrow-hover-right.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button.owl-prev:hover:before{opacity: 1;}
.single-cloture #principal-content .content .single-cloture-carousel .owl-nav button.owl-next:hover:before{opacity: 1;}
.single-cloture #principal-content .content .single-cloture-carousel .item{}
.single-cloture #principal-content .content .single-cloture-carousel .item img{height: 100%;object-fit: cover;object-position: center;}
.single-cloture #principal-content .content .single-cloture-carousel .item.principal{    display: flex; align-items: center;justify-content: center;}
.single-cloture #principal-content .content .single-cloture-carousel .item.principal img{width: 80%;object-fit: contain;}
.single-cloture #principal-content .content .principal-infos{width: 25%;margin-left: 8.33333333%;padding: 30px 0 60px;}
.single-cloture #principal-content .content .principal-infos{display: flex;flex-direction: column;}
.single-cloture #principal-content .content .principal-infos #breadcrumb{margin-bottom: 35px;}
.single-cloture #principal-content .content .principal-infos #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single-cloture #principal-content .content .principal-infos #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.single-cloture #principal-content .content .principal-infos #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.single-cloture #principal-content .content .principal-infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; color: var(--grey);margin: 0;}
.single-cloture #principal-content .content .principal-infos .famille{font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 1px;margin-bottom: 20px; text-transform: uppercase; color: var(--bleu);} .single-cloture #principal-content .content .principal-infos h1{color: #505457; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 300; line-height: normal;margin: 0;margin-bottom: 10px;}
.single-cloture #principal-content .content .principal-infos .gamme-famille{color: #505457; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.single-cloture #principal-content .content .principal-infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;margin-bottom: 20px;}
.single-cloture #principal-content .content .principal-infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.single-cloture #principal-content .content .principal-infos .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-bottom: 30px;}
.single-cloture #principal-content .content .principal-infos .links .add-favori.add-favori.added path{fill: var(--bleu);}
.single-cloture #principal-content .content .principal-infos .description{margin-bottom: 20px;}
.single-cloture #principal-content .content .principal-infos .description p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-cloture #principal-content .content .principal-infos .description li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-cloture #principal-content .content .principal-infos .imgs{display: flex;gap: 10px;}
.single-cloture #principal-content .content .principal-infos .imgs img{height: 90px;width: auto;}
.single-cloture #description-technique{background-color: var(--bleu);padding: 100px 0;}
.single-cloture #description-technique .title{width:  100%;padding: 0 16.66666667%;margin-bottom: 40px;}
.single-cloture #description-technique .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: #FFFFFF;margin: 0;}
.single-cloture #description-technique .content{padding: 0px 16.66666667%;display: flex;flex-wrap: wrap;}
.single-cloture #description-technique .content .col-left{width:  50%;clear: both;}
.single-cloture #description-technique .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single-cloture #description-technique .content .col-right{width:  50%;}
.single-cloture #description-technique .content .col-right p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single-cloture #description-technique .content .col-right .links{display: flex;gap: 10px;align-items: center;transition: .3s;flex-wrap: wrap;margin-top: 15px;}
.single-cloture #description-technique .content .col-right .links a{color: var(--white);border-color: var(--white);}
.single-cloture #description-technique .content .col-right .links a svg path{fill: var(--white);}
.single-cloture #description-technique .content .col-right .links a:hover{background: var(--white);color: var(--bleu);}
.single-cloture #description-technique .content .col-right .links a:hover svg path{fill: var(--bleu);}
.single-cloture #portails{padding: 100px 0 0;}
.single-cloture #portails .title{width:  100%;padding: 0 calc(8.33333333% + 20px);}
.single-cloture #portails .title h2{width:  50%;font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin: 0;}
.single-cloture #portails .content-portail-carousel{position: relative;padding: 40px 8.33333333% 0;}
.single-cloture #portails .content-portail-carousel .portails-carousel .owl-nav{position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.single-cloture #portails .content-portail-carousel .portails-carousel .owl-stage-outer{z-index: 6;}
.single-cloture #portails .content-portail-carousel .portails-carousel .owl-nav button{background-color: transparent;margin: 0;}
.single-cloture #portails .content-portail-carousel .portails-carousel .owl-nav button:hover path{fill: var(--bleu);}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail{padding: 20px;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .media{width: 100%;height: 300px;transition: .3s;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .media img{width: 100%;height: 100%;object-fit: cover;object-position: bottom center;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos{border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .add-favori.added svg path{fill: var(--bleu);}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos h3{    margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .battant-coulissant{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail:hover .media{box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.20)}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail:hover .infos .links{height: 42px;opacity: 1;}
.single-cloture #a-propos{background-color: #FAFAFA;}
.single-cloture #a-propos .content{display: flex;align-items: center;padding: 80px 0;}
.single-cloture #a-propos .content .col-left{width: 33.33333333%;margin-left: 16.66666667%;}
.single-cloture #a-propos .content .col-left img{margin: auto;}
.single-cloture #a-propos .content .col-right{width: 25%;margin-left:  8.33333333%;}
.single-cloture #a-propos .content .col-right h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 28px; line-height: 34px; color: var(--bleu);margin-top: 0;}
.single-cloture #a-propos .content .col-right p{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);}
.single-cloture #a-propos .content .col-right a:not(.button){font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);text-decoration: underline;}
.single-cloture #a-propos .content .col-right a:not(.button):hover{font-weight: 600;}
.single-cloture #a-propos .content .col-right li{font-weight: 400; font-size: 16px; line-height: 20px; color: var(--bleu);} .single--revendeur{padding-top: 140px;}
.single--revendeur #header{height: 450px;}
.single--revendeur #header .content{display: flex;align-items: center;height: 100%;}
.single--revendeur #header .content .col-left{width: 41.66666667%;height: 100%;}
.single--revendeur #header .content .col-left img{width: 100%;height: 100%;object-fit: cover;}
.single--revendeur #header .content .col-right{width: 50%;margin-left: 8.33333333%;}
.single--revendeur #header .content .col-right .logo{max-width: 270px;}
.single--revendeur #header .content .col-right h1{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 38px; line-height: 40px; color: var(--bleu);margin: 25px 0;text-transform: capitalize;}
.single--revendeur #header .content .col-right p{font-weight: 700; font-size: 14px; line-height: 20px; color: var(--bleu);text-transform: uppercase;width: 50%;}
.single--revendeur #introduction{padding: 100px 0;}
.single--revendeur #introduction .content{display: flex;align-items: center;justify-content: center;gap: 8.33333333%;}
.single--revendeur #introduction .content .expert{max-width: 270px;}
.single--revendeur #introduction .content .texte{width: 33.33333333%; }
.single--revendeur #introduction .content .texte h2{font-weight: 400; font-size: 20px; line-height: 26px; color: var(--bleu);}
.single--revendeur #introduction .content .texte h3{font-weight: 400; font-size: 18px; line-height: 24px; color: var(--bleu);}
.single--revendeur #introduction .content .texte h4{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #introduction .content .texte h5{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #introduction .content .texte h6{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #introduction .content .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #introduction .content .texte p strong{font-weight: 700;}
.single--revendeur #introduction .content .texte li{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);text-align: left;}
.single--revendeur #introduction .content .texte a{color: var(--bleu);text-decoration: underline;}
.single--revendeur #introduction .content .texte a:hover{color: var(--bleu-hover);}
.single--revendeur #services{background: #FAFAFA;padding: 100px 0 0}
.single--revendeur #services .content{display: flex;flex-wrap: wrap;}
.single--revendeur #services .content .col-full{width: 100%;padding: 0 16.66666667%;}
.single--revendeur #services .content .col-full h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 30px; line-height: 35px; color: var(--bleu);margin: 0;}
.single--revendeur #services .content .col-full p{font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; color: #AFAFAF;width: 41.66666667%;margin-bottom: 0;}
.single--revendeur #services .content .services-list{display: flex;flex-wrap: wrap;width: 100%;padding: 50px 16.66666667% 100px;gap: 40px 8.33333333%}
.single--revendeur #services .content .services-list .service{width: calc(33.33333333% - 5.6%);display: flex;flex-direction: column;align-items: center;gap: 20px;}
.single--revendeur #services .content .services-list .service p{font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; color: var(--bleu);}
.single--revendeur #services .content .service-specifique{width: 100%;padding: 90px 0;background-color: var(--bleu);}
.single--revendeur #services .content .service-specifique>*{max-width: 50%;margin: auto;}
.single--revendeur #services .content .service-specifique img{margin-bottom: 40px;}
.single--revendeur #services .content .service-specifique h2{font-weight: 400; font-size: 20px; line-height: 26px; color: var(--bleu);}
.single--revendeur #services .content .service-specifique h3{font-weight: 400; font-size: 18px; line-height: 24px; color: var(--bleu);}
.single--revendeur #services .content .service-specifique h4{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #services .content .service-specifique h5{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #services .content .service-specifique h6{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #services .content .service-specifique p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single--revendeur #services .content .service-specifique li{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single--revendeur #showroom{padding: 100px 0;background: #FAFAFA;}
.single--revendeur #showroom .content{display: flex;justify-content: center;gap: 8.33333333%;}
.single--revendeur #showroom .content .col-left{width: 33.33333333%;}
.single--revendeur #showroom .content .col-left h2:first-child{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 30px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left h2{font-weight: 400; font-size: 20px; line-height: 26px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left h3{font-weight: 400; font-size: 18px; line-height: 24px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left h4{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left h5{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left h6{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #showroom .content .col-left li{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #showroom .content .col-right{width: 33.33333333%;}
.single--revendeur #showroom .content .col-right img{width: 100%;}
.single--revendeur #trouver .content{display: flex;align-items: center;background: var(--bleu);}
.single--revendeur #trouver .content .col-left{width: 25%;margin: 0 8.33333333% 0 16.66666667%;}
.single--revendeur #trouver .content .col-left h2{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 30px; line-height: 35px; color: var(--white);}
.single--revendeur #trouver .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.single--revendeur #trouver .content .col-right{width: 50%;}
.single--revendeur #gamme{padding: 100px 0;background-color: #FAFAFA;}
.single--revendeur #gamme .content{display: flex;align-items: center;gap: 8.33333333%;justify-content: center;}
.single--revendeur #gamme .content .col-left{width: 33.33333333%;}
.single--revendeur #gamme .content .col-left h2:first-child{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 26px; line-height: 30px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left h2{font-weight: 400; font-size: 20px; line-height: 26px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left h3{font-weight: 400; font-size: 18px; line-height: 24px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left h4{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left h5{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left h6{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left p{font-weight: 400; font-size: 14px; line-height: 22px; color: var(--bleu);}
.single--revendeur #gamme .content .col-left a{color: var(--bleu);text-decoration: underline;}
.single--revendeur #gamme .content .col-left a:hover{color: var(--bleu-hover);}
.single--revendeur #gamme .content .col-right{width: 33.33333333%;}
.single--revendeur #gamme .content .col-right img{width: 100%;}
.single--revendeur #contact{padding: 70px 0;}
.single--revendeur #contact .content{padding: 0 16.66666667%;}
.single--revendeur #contact .content form{display: flex;gap: 20px;flex-wrap: wrap;}
.single--revendeur #contact .content form .form-col{width: calc(50% - 10px);}
.single--revendeur #contact .content form .form-col-full{width: 100%;text-align: right;position: relative;}
.single--revendeur #contact .content form div.radio{    height: 40px; display: flex; align-items: center; margin-bottom: 10px;}
.single--revendeur #contact .content form div.radio p{margin-bottom: 0;}
.single--revendeur #contact .content form div[data-id='professionnel'] p{margin-bottom: 0;}
.single--revendeur #contact .content form .particulier-pro{display: flex;gap: 15px;}
.single--revendeur #contact .content form .particulier-pro .wpcf7-list-item{margin-left: 0;}
.single--revendeur #contact .content form .particulier-pro .wpcf7-list-item label{display: flex; align-items: center;gap: 5px;}
.single--revendeur #contact .content form .particulier-pro .wpcf7-list-item label input{margin-bottom: 0;}
.single--revendeur #contact .content form .particulier-pro .wpcf7-list-item label span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.single--revendeur #contact .content form input{width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.single--revendeur #contact .content form input::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.single--revendeur #contact .content form textarea{width: 100%;height: 300px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: var(--bleu);font-weight: 400; font-size: 14px; line-height: 17px;margin-bottom: 10px;}
.single--revendeur #contact .content form textarea::placeholder{font-weight: 400; font-size: 16px; line-height: 18px; color: #A2A2A2;}
.single--revendeur #contact .content form input[type="submit"]{width:fit-content;font-weight: 600; font-size: 16px; line-height: 20px; color: var(--bleu);padding: 10px 12px;border: 1px solid var(--bleu); border-radius: 2px;align-items: center;display: inline-flex;gap: 6px;background-color: transparent;transition: .3s;}
.single--revendeur #contact .content form input[type="submit"]:hover{color: var(--white);background-color: var(--bleu);}
.single--revendeur #contact .content form input[type="checkbox"]{width: auto;}
.single--revendeur #contact .content form input.wpcf7-quiz{width: 50px;}
.single--revendeur #contact .content form p{margin-bottom: 0;}
.single--revendeur #contact .content form select{margin-bottom: 10px;cursor:pointer;width: 100%;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.single--revendeur #contact .content form span{font-weight: 400; font-size: 14px; line-height: 17px; color: #353535;}
.single--revendeur #contact .content form span.wpcf7-not-valid-tip{font-weight: 400; font-size: 14px; line-height: 17px; color: #d22020;}
.single--revendeur #contact .content form .wpcf7-spinner{position: absolute;bottom: -34px;}
.single--revendeur #portfolio{padding: 100px 0;}
.single--revendeur #portfolio .content{display: flex;gap: 30px;padding: 0 8.33333333%;flex-wrap: wrap;}
.single--revendeur #portfolio .content .portfolio{width: calc(33.33333333% - 20px);height: 300px;overflow: hidden;}
.single--revendeur #portfolio .content .portfolio img{width: 100%;height: 100%;object-fit: cover;}
.single-revendeur .lb-product{display: none!important;} .single--creation{padding-top: 140px;}
.single--creation #principal-content .content{display: flex;align-items: center;}
.single--creation #principal-content .content .img{width: 58.33333333%;position: relative;}
.single--creation #principal-content .content .img img{height: 100%;object-fit: cover;object-position: center;display: block;}
.single--creation #principal-content .content .principal-infos{width: 25%;margin-left: 8.33333333%;padding: 60px 0;}
.single--creation #principal-content .content .principal-infos{display: flex;flex-direction: column;}
.single--creation #principal-content .content .principal-infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; color: var(--grey);margin: 0;}
.single--creation #principal-content .content .principal-infos h1{font-weight: 300; font-size: 36px; line-height: 44px;color: var(--grey);margin: 0;} .page-ope-motorisation{background-color: #000;}
.page-ope-motorisation .content{display: flex;align-items: center;height: 100vh;padding: 240px 15px 100px;}
.page-ope-motorisation .content .texte{width: 25%;margin-left: 16.6667%;}
.page-ope-motorisation .content .texte .date{color: #FFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin-bottom: 5px;width: 100%;}
.page-ope-motorisation .content .texte h1{color: #92B639; font-family: Shippori Mincho; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin-top: 0;margin-bottom: 25px;}
.page-ope-motorisation .content .texte p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;width: 80%;}
.page-ope-motorisation .content .texte a.button{color: var(--white);border-color: var(--white);}
.page-ope-motorisation .content .texte a.button:hover{background-color: var(--white);color: #000;}
.page-ope-motorisation .content .img{width: 41.66666667%;margin-left: 8.33333333%;height: 100%;}
.page-ope-motorisation .content .img img{width: 100%;height: 100%;object-fit: contain;}    header .header-bottom nav .menu-menu-principal-seo-container{}
header .header-bottom nav .menu-menu-principal-seo-container ul{margin: 0;padding: 0;display: flex;align-items: center;gap: 30px;}
header .header-bottom nav .menu-menu-principal-seo-container ul li{list-style: none;padding: 10px 0;position: relative;overflow: hidden;cursor: pointer;}
header .header-bottom nav .menu-menu-principal-seo-container ul li:after{position: absolute;width: 100%;height: 4px;background: var(--white);content: '';display: block;bottom: -4px;left: 0;transition: .3s;}
header .header-bottom nav .menu-menu-principal-seo-container ul li:hover:after{bottom: 0px;}
header .header-bottom nav .menu-menu-principal-seo-container ul li.current-menu-item:after{bottom: 0px;}
header .header-bottom nav .menu-menu-principal-seo-container ul li.current-page-ancestor:after{bottom: 0px;}
header .header-bottom nav .menu-menu-principal-seo-container ul li a{font-weight: 600; font-size: 16px; line-height: 20px; color: var(--white);}
header .header-bottom nav .menu-menu-principal-seo-container ul li.sub-menu a{padding-right: 16px;position: relative;}
header .header-bottom nav .menu-menu-principal-seo-container ul li.sub-menu a:after{content:'';position: absolute;right: 0;top:50%;transform:translateY(-50%); width: 10px;height: 10px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/sub-menu.svg);background-position: center;background-size: contain;background-repeat: no-repeat;} header.seo .header-sub-menu{padding: 65px 0 75px;align-items: flex-start;}
header.seo .header-sub-menu.sub-menu-portails .item{flex-direction: row;width: 33.33333333%;gap: 20px;    align-items: initial;}
header.seo .header-sub-menu.sub-menu-portails .item .media{width: 50%;}
header.seo .header-sub-menu.sub-menu-portails .item .media img{margin-bottom: 0;display: block}
header.seo .header-sub-menu.sub-menu-portails .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-portails .item .menu .subtitle{color: #003149; font-family: "Shippori Mincho"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 10px;}
header.seo .header-sub-menu.sub-menu-portails .item .menu nav ul{margin: 0;padding: 0;list-style: none;width: 100%;display: flex;flex-direction: column;gap: 0px;}
header.seo .header-sub-menu.sub-menu-portails .item .menu nav ul li a{color: #003149; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header.seo .header-sub-menu.sub-menu-portails .item .menu nav ul li a:hover{font-weight: 600;}
header.seo .header-sub-menu.sub-menu-clotures{ align-items: initial}
header.seo .header-sub-menu.sub-menu-clotures .item{flex-direction: row;width: 33.33333333%;gap: 20px;    align-items: initial;padding-top: 0;}
header.seo .header-sub-menu.sub-menu-clotures .item .media{width: 50%;}
header.seo .header-sub-menu.sub-menu-clotures .item .media img{margin-bottom: 0;display: block}
header.seo .header-sub-menu.sub-menu-clotures .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-clotures .item .menu .subtitle{color: #003149; font-family: "Shippori Mincho"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 10px;}
header.seo .header-sub-menu.sub-menu-clotures .item .menu nav ul{margin: 0;padding: 0;list-style: none;width: 100%;display: flex;flex-direction: column;gap: 0px;}
header.seo .header-sub-menu.sub-menu-clotures .item .menu nav ul li a{color: #003149; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header.seo .header-sub-menu.sub-menu-clotures .item .menu nav ul li a:hover{font-weight: 600;}
header.seo .header-sub-menu.sub-menu-brise-vue{}
header.seo .header-sub-menu.sub-menu-brise-vue .item{display: flex;flex-direction: column;align-items: center;width: 25%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item:first-of-type{margin-left: 16.66666667%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item img{margin-bottom: 15px;width: 100%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
header.seo .header-sub-menu.sub-menu-brise-vue .item{flex-direction: row;width: 33.33333333%;gap: 20px;    align-items: initial;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .media{width: 50%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .media img{margin-bottom: 0;display: block}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu .subtitle{color: #003149; font-family: "Shippori Mincho"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 10px;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu nav ul{margin: 0;padding: 0;list-style: none;width: 100%;display: flex;flex-direction: column;gap: 0px;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu nav ul li a{color: #003149; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu nav ul li a:hover{font-weight: 600;}
header.seo .header-sub-menu.sub-menu-garde-corps{}
header.seo .header-sub-menu.sub-menu-garde-corps .item{display: flex;flex-direction: column;align-items: center;width: 25%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item:first-of-type{margin-left: 16.66666667%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item img{margin-bottom: 15px;width: 100%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .nom{font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: var(--bleu);margin-bottom: 10px;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .nom span{font-family: 'Shippori Mincho'; font-weight: 600; font-size: 25px; line-height: 25px; text-align: center; color: var(--bleu);}
header.seo .header-sub-menu.sub-menu-garde-corps .item{flex-direction: row;width: 33.33333333%;gap: 20px;    align-items: initial;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .media{width: 50%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .media img{margin-bottom: 0;display: block}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu .subtitle{    white-space: nowrap;color: #003149; font-family: "Shippori Mincho"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal;margin-bottom: 10px;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu nav ul{margin: 0;padding: 0;list-style: none;width: 100%;display: flex;flex-direction: column;gap: 0px;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu nav ul li a{    white-space: nowrap;color: #003149; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu nav ul li a:hover{font-weight: 600;} .faq .faq-item { border-bottom: 1px solid #A7A7A7; }
.faq button {position: relative; display: flex; width: 100%; padding: 15px 0; border: none; background: none; outline: none; border-radius: 0; gap: 20px; align-items: center; }
.faq button:hover, main .page-acheter #faq .faq button:focus { cursor: pointer;}
.faq button:hover::after, main .page-acheter #faq .faq button:focus::after { cursor: pointer;}
.faq button .faq-title { text-align: left;color: var(--Color-Black, #000); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.faq button .icon { display: inline-block; position: absolute; right: 20px; width: 16px; height: 16px;transition: .3s;}
.faq button[aria-expanded='true'] .icon{ transform: rotate(180deg);}
.faq button[aria-expanded='true'] + .faq-content { opacity: 1; max-height: 5000px; transition: .3s;padding: 10px 0;}
.faq .faq-content{opacity: 0; max-height: 0px; overflow: hidden; transition: .3s;}
.faq .faq-content p {color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.faq .faq-content ul{margin-left: 0;}
.faq .faq-content li{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;} .page-portails.seo{}
.page-portails.seo #header{position: relative;width: 100%;height: 460px;background: #000;}
.page-portails.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: .7;}
.page-portails.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-portails.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-portails.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-portails.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-portails.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-portails.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-portails.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-portails.seo #introduction .content{display: flex;align-items: center;}
.page-portails.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-portails.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-portails.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-portails.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-portails.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-portails.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-portails.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-portails.seo #types-portail{padding: 80px 0;}
.page-portails.seo #types-portail .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #types-portail .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-portails.seo #types-portail .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-portails.seo #types-portail .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-portails.seo #types-portail .content .types-list .item{width: 30%;}
.page-portails.seo #types-portail .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-portails.seo #types-portail .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-portails.seo #types-portail .content .types-list .item .text{}
.page-portails.seo #types-portail .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-portails.seo #types-portail .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-portails.seo #types-portail .content .types-list .item .text .button{opacity: 0;}
.page-portails.seo #types-portail .content .types-list .item:hover .text .button{opacity: 1;}
.page-portails.seo #types-portail .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-portails.seo #avantages-portail{padding: 80px 0;}
.page-portails.seo #avantages-portail .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #avantages-portail .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-portails.seo #avantages-portail .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-portails.seo #avantages-portail .content .avantages-portail-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item{width: 30%;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .text{}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-portails.seo #gammes-portail{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-portails.seo #gammes-portail .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #gammes-portail .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-portails.seo #gammes-portail .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-portails.seo #gammes-portail .content .gammes-portail-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item{width: 30%;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item .text{text-align: center;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item .text h3{margin-top: 0;margin-bottom: 20px;color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item .text .button{opacity: 0;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item:hover .text .button{opacity: 1;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item:hover .media img{transform: scale(1.05);}
.page-portails.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-portails.seo #realisations .content{display: flex;align-items: center;}
.page-portails.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-portails.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-portails.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-portails.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-portails.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-portails.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-portails.seo #realisations .content .text p strong{font-weight: 700; }
.page-portails.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-portails.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-portails.seo #made-in-france{background: var(--Color-LightGrey, #FAFAFA);}
.page-portails.seo #made-in-france .content{display: flex;align-items: center;}
.page-portails.seo #made-in-france .content .media{width: 50%;}
.page-portails.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-portails.seo #made-in-france .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-portails.seo #made-in-france .content .text p{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-portails.seo #avantages-aluminium{padding: 80px 0;}
.page-portails.seo #avantages-aluminium .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #avantages-aluminium .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-portails.seo #avantages-aluminium .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 20px;}
.page-portails.seo #avantages-aluminium .content .title p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;margin: 0;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 8.33333333%; }
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 16.66666667%;text-align: center;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item .media{text-align: center;margin-bottom: 20px;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item .text{}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-portails.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-portails.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-portails.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-portails.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-portails.seo #garanties .content .garanties-list .item{width: 30%;}
.page-portails.seo #garanties .content .garanties-list .item .text h3{margin:0 0 20px;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-portails.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-portails.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-portails.seo #faq{padding: 80px 0;}
.page-portails.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-portails.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-portails.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-portails.seo #produits{padding: 80px 0 100px;}
.page-portails.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-portails.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-portails.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-portails.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-portails.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-portails.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-portails.seo #produits .content .produits-list .item.brise-vue{background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-portails.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-portails.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-portails.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-portails.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-portails.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-portails.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-portails.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-portails.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-type-portail.seo{ padding-top: 140px; }
.page-type-portail.seo #header{position: relative;width: 100%;height: 460px;background: #000;}
.page-type-portail.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: .7;}
.page-type-portail.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-type-portail.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-type-portail.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-type-portail.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-portail.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-portail.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-type-portail.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-portail.seo #introduction .content{display: flex;align-items: center;}
.page-type-portail.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-type-portail.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-type-portail.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-portail.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-type-portail.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-portail.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-type-portail.seo #types-portail{padding: 80px 0;}
.page-type-portail.seo #types-portail .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #types-portail .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail.seo #types-portail .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail.seo #types-portail .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-portail.seo #types-portail .content .types-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-portail.seo #types-portail .content .types-list .item .media{width: 100%;overflow: hidden;height: 250px;}
.page-type-portail.seo #types-portail .content .types-list .item .media img{width: 100%;height: 250px;object-fit: cover;display: block;transition: .3s;}
.page-type-portail.seo #types-portail .content .types-list .item .text{height: calc(100% - 250px);display: flex;flex-direction: column;}
.page-type-portail.seo #types-portail .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail.seo #types-portail .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #types-portail .content .types-list .item .text .button{opacity: 0;margin-top: auto;width: fit-content;}
.page-type-portail.seo #types-portail .content .types-list .item:hover .text .button{opacity: 1;}
.page-type-portail.seo #types-portail .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-type-portail.seo #avantages-portail{padding: 80px 0;}
.page-type-portail.seo #avantages-portail .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #avantages-portail .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail.seo #avantages-portail .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item{width: 30%;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .text{}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-portail.seo #type-configuration{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-portail.seo #type-configuration .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #type-configuration .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail.seo #type-configuration .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail.seo #type-configuration .content .type-configuration-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .media{overflow: hidden;min-height: 250px;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .text .button{opacity: 0;margin-top: auto;width: fit-content;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item:hover .text .button{opacity: 1;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item:hover .media img{transform: scale(1.05);}
.page-type-portail.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-type-portail.seo #realisations .content{display: flex;align-items: center;}
.page-type-portail.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-type-portail.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-type-portail.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-type-portail.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-type-portail.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-portail.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-type-portail.seo #realisations .content .text p strong{font-weight: 700; }
.page-type-portail.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-type-portail.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-type-portail.seo #made-in-france{background: var(--bleu);}
.page-type-portail.seo #made-in-france .content{display: flex;align-items: center;}
.page-type-portail.seo #made-in-france .content .media{width: 50%;}
.page-type-portail.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-type-portail.seo #made-in-france .content .text h2{color: var(--Color-White, #fff); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-portail.seo #made-in-france .content .text p{color: var(--Color-White, #fff); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #avantages-aluminium{padding: 80px 0;}
.page-type-portail.seo #avantages-aluminium .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #avantages-aluminium .content .title{width:50%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail.seo #avantages-aluminium .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 20px;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list{width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap;column-gap: 5%; }
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 30%;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .media{overflow: hidden;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .text li{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .text ul{margin: 0;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item:hover .media img{transform: scale(1.05);}
.page-type-portail.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-portail.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-type-portail.seo #garanties .content .garanties-list .item{width: 30%;}
.page-type-portail.seo #garanties .content .garanties-list .item .text h3{margin: 0 0 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-portail.seo #faq{padding: 80px 0;}
.page-type-portail.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-type-portail.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-type-portail.seo #produits{padding: 80px 0 100px;}
.page-type-portail.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-type-portail.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail.seo #produits .content .produits-list{position: relative; width: 83.33333333%; margin-left: 8.33333333%; } .page-type-portail.seo #produits .content .produits-list .item .media{width: 100%;overflow: hidden;}
.page-type-portail.seo #produits .content .produits-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-type-portail.seo #produits .content .produits-list .item .text{}
.page-type-portail.seo #produits .content .produits-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail.seo #produits .content .produits-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail.seo #produits .content .produits-list .item .text .button{opacity: 0;}
.page-type-portail.seo #produits .content .produits-list .item:hover .text .button{opacity: 1;}
.page-type-portail.seo #produits .content .produits-list .item:hover .media img{transform: scale(1.05);}
.page-type-portail.seo #produits .content .produits-list .owl-nav{margin-top: 0;;position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.page-type-portail.seo #produits .content .produits-list .owl-stage-outer{z-index: 6;}
.page-type-portail.seo #produits .content .produits-list .owl-nav button{background-color: transparent;margin: 0;}
.page-type-portail.seo #produits .content .produits-list .owl-nav button:hover path{fill: var(--bleu);} .page-type-portail-listing{padding-top: 140px;}
.page-type-portail-listing #header{display: flex;align-items: center;justify-content: center;padding: 60px 0;}
.page-type-portail-listing #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-type-portail-listing #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-type-portail-listing #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-type-portail-listing #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-type-portail-listing #header .media{width: 41.66666667%;}
.page-type-portail-listing #header .texte{width: 25%;}
.page-type-portail-listing #header .texte h1{font-family: 'Shippori Mincho';font-weight: 600; font-size: 48px; line-height: 48px; color: #FFFFFF;margin-bottom: 20px;margin-top: 0;}
.page-type-portail-listing #header .texte h1::first-line{font-family: 'Inter';font-weight: 700; font-size: 18px; line-height: 20px; color: #FFFFFF;}
.page-type-portail-listing #header .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-type-portail-listing #header .texte li{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-type-portail-listing #header .texte p strong{font-weight: 700;}
.page-type-portail-listing #content{}
.page-type-portail-listing #content .filtre{padding: 70px  8.33333333% 0; display: flex; justify-content: flex-end;}
.page-type-portail-listing #content .filtre form{display: flex;gap: 20px;}
.page-type-portail-listing #content .filtre form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-type-portail-listing #content .portails-list{padding: 70px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-type-portail-listing #content .portails-list .portail{transition: .3s; width: calc(33.33333333% - 20px);transition: .3s;padding-bottom: 42px;display: flex;flex-direction: column;}
.page-type-portail-listing #content .portails-list .portail .media{width: 100%;height: 300px;transition: .3s;}
.page-type-portail-listing #content .portails-list .portail .media img{width: 100%;height: 100%;object-fit: cover;object-position: bottom center;}
.page-type-portail-listing #content .portails-list .portail .infos{height: 100%; border: 1px solid #E6E6E6; border-radius: 2px;border-top: none;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;}
.page-type-portail-listing #content .portails-list .portail .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-type-portail-listing #content .portails-list .portail .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-type-portail-listing #content .portails-list .portail .infos .add-favori.added svg path{fill: var(--bleu);}
.page-type-portail-listing #content .portails-list .portail .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-type-portail-listing #content .portails-list .portail .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);}
.page-type-portail-listing #content .portails-list .portail .infos h2{font-weight: 300; font-size: 30px; line-height: 36px; text-align: center; color: var(--grey);margin: 0;}
.page-type-portail-listing #content .portails-list .portail .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-type-portail-listing #content .portails-list .portail .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-type-portail-listing #content .portails-list .portail .infos h2{    margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-type-portail-listing #content .portails-list .portail .infos .battant-coulissant{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal;}
.page-type-portail-listing #content .portails-list .portail .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.page-type-portail-listing #content .portails-list .portail .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-type-portail-listing #content .portails-list .portail:hover{padding-bottom: 0;}
.page-type-portail-listing #content .portails-list .portail:hover .media{box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.20)}
.page-type-portail-listing #content .portails-list .portail:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-type-portail-listing #content .portails-list .portail:hover .infos .links{height: 42px;opacity: 1;}
.page-type-portail-listing #addons{}
.page-type-portail-listing #addons .content{display: flex;gap: 20px;align-items: center;padding: 60px 8.33333333% 80px;}
.page-type-portail-listing #addons .content>div{height: 320px;border-radius: 2px;}
.page-type-portail-listing #addons .content .motorisation{width: 33.33333333%;background-color: #E9A644;overflow: hidden;position: relative;padding: 40px;}
.page-type-portail-listing #addons .content .motorisation .texte{position: relative;z-index: 3;left: 50%;transform: translateX(-25%);width: fit-content;}
.page-type-portail-listing #addons .content .motorisation .texte h3{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0;}
.page-type-portail-listing #addons .content .motorisation .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-type-portail-listing #addons .content .motorisation .texte a{width: fit-content;color: white;border-color: white;}
.page-type-portail-listing #addons .content .motorisation .texte a:hover{color: white;border-color: var(--bleu);}
.page-type-portail-listing #addons .content .motorisation .somfy{position: absolute;right: 40px;bottom: 40px;}
.page-type-portail-listing #addons .content .motorisation .motor{position: absolute;left: 40px;bottom: -44px;transition: .3s;}
.page-type-portail-listing #addons .content .motorisation:hover .motor{bottom: 0px;}
.page-type-portail-listing #addons .content .application{width: 41.66666667%;background-color: var(--bleu);position: relative;padding: 40px;display: flex;justify-content: flex-end;}
.page-type-portail-listing #addons .content .application::after{  content: ""; position: absolute; bottom: -35px; left: 0; width: 100%; height: 35px; background-color: white;}
.page-type-portail-listing #addons .content .application .phone{position: absolute;left: 0;bottom: -35px;transition: .3s;}
.page-type-portail-listing #addons .content .application .texte{display: flex;flex-direction: column;position: relative;}
.page-type-portail-listing #addons .content .application .texte h3{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0 ;margin-bottom: 10px;}
.page-type-portail-listing #addons .content .application .texte h3 span{font-weight: 200; font-size: 26px; line-height: 31px; color: #FFFFFF;}
.page-type-portail-listing #addons .content .application .texte p{font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF;}
.page-type-portail-listing #addons .content .application:hover .phone{bottom: 0px;}
.page-type-portail-listing #addons .content .decors{width: 33.33333333%;background-color: #46745F;overflow: hidden;position: relative;padding: 40px;}
.page-type-portail-listing #addons .content .decors .texte{position: relative;z-index: 3;left: 50%;width: fit-content;}
.page-type-portail-listing #addons .content .decors .texte h3{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 38px; color: #FFFFFF;margin: 0;}
.page-type-portail-listing #addons .content .decors .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;}
.page-type-portail-listing #addons .content .decors .texte a{width: fit-content;color: white;border-color: white;}
.page-type-portail-listing #addons .content .decors .texte a:hover{color: white;border-color: var(--bleu);}
.page-type-portail-listing #addons .content .decors .decors-img{position: absolute;left: 40px;bottom: -60px;transition: .3s;}
.page-type-portail-listing #addons .content .decors:hover .decors-img{bottom: 0px;}
.page-type-portail-listing #addons .content .bonnes-raisons{width: 33.33333333%;position: relative;overflow: hidden;padding: 40px;}
.page-type-portail-listing #addons .content .bonnes-raisons img.bg{transform-origin: right center;width: 100%;height: 100%;object-fit: cover;object-position: center right;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 2;transition: .3s;}
.page-type-portail-listing #addons .content .bonnes-raisons:hover img.bg{transform:scale(1.1);}
.page-type-portail-listing #addons .content .bonnes-raisons .texte{position: relative;z-index: 3;display: flex;flex-direction: column;width: 50%;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte img.logo-cetal{width: 120px;margin-bottom: 20px;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte h3{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 26px; line-height: 30px; color: #FFFFFF;margin: 0;margin-bottom: 5px;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte h3 span{font-family: 'Shippori Mincho'; font-size: 36px; }
.page-type-portail-listing #addons .content .bonnes-raisons .texte h3 .light{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte p{font-weight: 200; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte a{width: fit-content;color: white;border-color: white;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte a:hover{color: white;border-color: var(--bleu);}
.page-type-portail-listing #produits{padding: 80px 0 100px;}
.page-type-portail-listing #produits .content{display: flex;flex-wrap: wrap;}
.page-type-portail-listing #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-portail-listing #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-portail-listing #produits .content .produits-list{position: relative; width: 83.33333333%; margin-left: 8.33333333%; }
.page-type-portail-listing #produits .content .produits-list .item .media{width: 100%;overflow: hidden;}
.page-type-portail-listing #produits .content .produits-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-type-portail-listing #produits .content .produits-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-portail-listing #produits .content .produits-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-portail-listing #produits .content .produits-list .item .text .button{opacity: 0;}
.page-type-portail-listing #produits .content .produits-list .item:hover .text .button{opacity: 1;}
.page-type-portail-listing #produits .content .produits-list .item:hover .media img{transform: scale(1.05);}
.page-type-portail-listing #produits .content .produits-list .owl-nav{margin-top: 0;;position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.page-type-portail-listing #produits .content .produits-list .owl-stage-outer{z-index: 6;}
.page-type-portail-listing #produits .content .produits-list .owl-nav button{background-color: transparent;margin: 0;}
.page-type-portail-listing #produits .content .produits-list .owl-nav button:hover path{fill: var(--bleu);} .page-brise-vue.seo{}
.page-brise-vue.seo #header{position: relative;width: 100%;height: 460px;padding-top: 0;background: #000;}
.page-brise-vue.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: .7;}
.page-brise-vue.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-brise-vue.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-brise-vue.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-brise-vue.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-brise-vue.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-brise-vue.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-brise-vue.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-brise-vue.seo #introduction .content{display: flex;align-items: center;}
.page-brise-vue.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-brise-vue.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-brise-vue.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-brise-vue.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-brise-vue.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-brise-vue.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-brise-vue.seo #types-brise-vue{padding: 80px 0;}
.page-brise-vue.seo #types-brise-vue .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #types-brise-vue .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-brise-vue.seo #types-brise-vue .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-brise-vue.seo #types-brise-vue .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item{width: 45%;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .text{}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .text .button{opacity: 0;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item:hover .text .button{opacity: 1;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-brise-vue.seo #avantages-brise-vue{padding: 80px 0;}
.page-brise-vue.seo #avantages-brise-vue .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #avantages-brise-vue .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-brise-vue.seo #avantages-brise-vue .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item{width: 30%;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text{}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-brise-vue.seo #technique{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-brise-vue.seo #technique .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #technique .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-brise-vue.seo #technique .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-brise-vue.seo #technique .content .specificite-technique-list{    align-items: flex-start;width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item{width: 30%;display: flex;flex-direction: column;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .media{overflow: hidden;height: 100%;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item:hover .media img{transform: scale(1.05);}
.page-brise-vue.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-brise-vue.seo #realisations .content{display: flex;align-items: center;}
.page-brise-vue.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-brise-vue.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-brise-vue.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-brise-vue.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-brise-vue.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-brise-vue.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-brise-vue.seo #realisations .content .text p strong{font-weight: 700; }
.page-brise-vue.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-brise-vue.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-brise-vue.seo #made-in-france{background: var(--Color-LightGrey, #FAFAFA);}
.page-brise-vue.seo #made-in-france .content{display: flex;align-items: center;}
.page-brise-vue.seo #made-in-france .content .media{width: 50%;}
.page-brise-vue.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-brise-vue.seo #made-in-france .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-brise-vue.seo #made-in-france .content .text p{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #avantages-aluminium{padding: 80px 0;}
.page-brise-vue.seo #avantages-aluminium .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #avantages-aluminium .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-brise-vue.seo #avantages-aluminium .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 20px;}
.page-brise-vue.seo #avantages-aluminium .content .title p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;margin: 0;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 8.33333333%; }
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 16.66666667%;text-align: center;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item .media{text-align: center;margin-bottom: 20px;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item .text{}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-brise-vue.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-brise-vue.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-brise-vue.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-brise-vue.seo #garanties .content .garanties-list .item{width: 30%;}
.page-brise-vue.seo #garanties .content .garanties-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-brise-vue.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-brise-vue.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-brise-vue.seo #faq{padding: 80px 0;}
.page-brise-vue.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-brise-vue.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-brise-vue.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-brise-vue.seo #produits{padding: 80px 0 100px;}
.page-brise-vue.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-brise-vue.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-brise-vue.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-brise-vue.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-brise-vue.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-brise-vue.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-brise-vue.seo #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-brise-vue.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-brise-vue.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-brise-vue.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-brise-vue.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-brise-vue.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-brise-vue.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-brise-vue.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-brise-vue.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-type-brise-vue.seo{ padding-top: 140px; }
.page-type-brise-vue.seo #header{position: relative;width: 100%;height: 460px;background: #000;}
.page-type-brise-vue.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: 0.7;}
.page-type-brise-vue.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-type-brise-vue.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-type-brise-vue.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-type-brise-vue.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-brise-vue.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-brise-vue.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-type-brise-vue.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-brise-vue.seo #introduction .content{display: flex;align-items: center;}
.page-type-brise-vue.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-type-brise-vue.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-brise-vue.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-type-brise-vue.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-brise-vue.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-type-brise-vue.seo #modeles-brise-vue{padding: 80px 0;}
.page-type-brise-vue.seo #modeles-brise-vue .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #modeles-brise-vue .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #modeles-brise-vue .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list{padding: 0px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue{width: calc(33.3333% - 20px);transition: .3s;display: flex;flex-direction: column;padding-bottom: 42px;height: auto!important;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .media{width: 100%;text-align: center;margin-top: -120px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .media img{width: 50%;height: auto;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos{height: 100%; border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .add-favori.added svg path{fill: var(--bleu);}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos h2{margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue .infos .links a{font-size: 14px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue:hover{padding-bottom: 0;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue:hover .infos .links{height: 42px;opacity: 1;}
.page-type-brise-vue.seo #types-brise-vue{padding: 80px 0;}
.page-type-brise-vue.seo #types-brise-vue .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #types-brise-vue .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #types-brise-vue .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .text{display: flex;flex-direction: column;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .text .button{opacity: 0;margin-top: auto;width: fit-content;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item:hover .text .button{opacity: 1;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-type-brise-vue.seo #vitrage{padding: 0px 0 80px;}
.page-type-brise-vue.seo #vitrage .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #vitrage .content>.text{width: 50%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #vitrage .content>.text h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 15px;}
.page-type-brise-vue.seo #vitrage .content>.text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list{    align-items: flex-start;width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .media{overflow: hidden;height: 100%;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .media img{width: auto;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item:hover .media img{transform: scale(1.05);}
.page-type-brise-vue.seo #motifs-decoratifs{padding: 0px 0 80px;}
.page-type-brise-vue.seo #motifs-decoratifs .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #motifs-decoratifs .content>.text{width: 50%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #motifs-decoratifs .content>.text h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 15px;}
.page-type-brise-vue.seo #motifs-decoratifs .content>.text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel{    width: 83.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav{position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-stage-outer{z-index: 6;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav button{background-color: transparent;margin: 0;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav button:hover path{fill: var(--bleu);}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .media{overflow: hidden;height: 100%;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .media img{width: auto;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item:hover .media img{transform: scale(1.05);}
.page-type-brise-vue.seo #technique{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-brise-vue.seo #technique .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #technique .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #technique .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list{    align-items: flex-start;width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .media{overflow: hidden;height: 100%;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item:hover .media img{transform: scale(1.05);}
.page-type-brise-vue.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-type-brise-vue.seo #realisations .content{display: flex;align-items: center;}
.page-type-brise-vue.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-type-brise-vue.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-type-brise-vue.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-type-brise-vue.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-brise-vue.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-type-brise-vue.seo #realisations .content .text p strong{font-weight: 700; }
.page-type-brise-vue.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-type-brise-vue.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-type-brise-vue.seo #avantages-brise-vue{padding: 80px 0;}
.page-type-brise-vue.seo #avantages-brise-vue .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #avantages-brise-vue .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #avantages-brise-vue .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item{width: 30%;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text{}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-brise-vue.seo #made-in-france{background: var(--bleu);}
.page-type-brise-vue.seo #made-in-france .content{display: flex;align-items: center;}
.page-type-brise-vue.seo #made-in-france .content .media{width: 50%;}
.page-type-brise-vue.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #made-in-france .content .text h2{color: var(--Color-White, #fff); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-brise-vue.seo #made-in-france .content .text p{color: var(--Color-White, #fff); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-brise-vue.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-type-brise-vue.seo #garanties .content .garanties-list .item{width: 30%;}
.page-type-brise-vue.seo #garanties .content .garanties-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-brise-vue.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-brise-vue.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-brise-vue.seo #faq{padding: 80px 0;}
.page-type-brise-vue.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-type-brise-vue.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-type-brise-vue.seo #produits{padding: 80px 0 100px;}
.page-type-brise-vue.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-type-brise-vue.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-brise-vue.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-brise-vue.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-type-brise-vue.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-type-brise-vue.seo #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-type-brise-vue.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-type-brise-vue.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-type-brise-vue.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-type-brise-vue.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-type-brise-vue.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-type-brise-vue.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-type-brise-vue.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-type-brise-vue.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-garde-corps.seo{}
.page-garde-corps.seo #header{position: relative;width: 100%;height: 460px;padding-top: 0;background: #000;}
.page-garde-corps.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: .7;}
.page-garde-corps.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-garde-corps.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-garde-corps.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-garde-corps.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-garde-corps.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-garde-corps.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-garde-corps.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-garde-corps.seo #introduction .content{display: flex;align-items: center;}
.page-garde-corps.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-garde-corps.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-garde-corps.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-garde-corps.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-garde-corps.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-garde-corps.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-garde-corps.seo #types-garde-corps{padding: 80px 0;}
.page-garde-corps.seo #types-garde-corps .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #types-garde-corps .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-garde-corps.seo #types-garde-corps .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-garde-corps.seo #types-garde-corps .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item{width: 45%;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .text{}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .text .button{opacity: 0;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item:hover .text .button{opacity: 1;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-garde-corps.seo #avantages-garde-corps{padding: 80px 0;}
.page-garde-corps.seo #avantages-garde-corps .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #avantages-garde-corps .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-garde-corps.seo #avantages-garde-corps .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item{width: 30%;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text{}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-garde-corps.seo #technique{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-garde-corps.seo #technique .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #technique .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-garde-corps.seo #technique .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-garde-corps.seo #technique .content .specificite-technique-list{    align-items: flex-start;width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item{width: 30%;display: flex;flex-direction: column;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .media{overflow: hidden;height: 100%;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item:hover .media img{transform: scale(1.05);}
.page-garde-corps.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-garde-corps.seo #realisations .content{display: flex;align-items: center;}
.page-garde-corps.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-garde-corps.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-garde-corps.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-garde-corps.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-garde-corps.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-garde-corps.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-garde-corps.seo #realisations .content .text p strong{font-weight: 700; }
.page-garde-corps.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-garde-corps.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-garde-corps.seo #made-in-france{background: var(--Color-LightGrey, #FAFAFA);}
.page-garde-corps.seo #made-in-france .content{display: flex;align-items: center;}
.page-garde-corps.seo #made-in-france .content .media{width: 50%;}
.page-garde-corps.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-garde-corps.seo #made-in-france .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-garde-corps.seo #made-in-france .content .text p{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #avantages-aluminium{padding: 80px 0;}
.page-garde-corps.seo #avantages-aluminium .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #avantages-aluminium .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-garde-corps.seo #avantages-aluminium .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 20px;}
.page-garde-corps.seo #avantages-aluminium .content .title p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;margin: 0;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 8.33333333%; }
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 16.66666667%;text-align: center;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item .media{text-align: center;margin-bottom: 20px;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item .text{}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-garde-corps.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-garde-corps.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-garde-corps.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-garde-corps.seo #garanties .content .garanties-list .item{width: 30%;}
.page-garde-corps.seo #garanties .content .garanties-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-garde-corps.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-garde-corps.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-garde-corps.seo #faq{padding: 80px 0;}
.page-garde-corps.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-garde-corps.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-garde-corps.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-garde-corps.seo #produits{padding: 80px 0 100px;}
.page-garde-corps.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-garde-corps.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-garde-corps.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-garde-corps.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-garde-corps.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-garde-corps.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-garde-corps.seo #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-garde-corps.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-garde-corps.seo #produits .content .produits-list .item.brise-vue{background-size: 40%;background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-garde-corps.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-garde-corps.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-garde-corps.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-garde-corps.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-garde-corps.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-garde-corps.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-garde-corps.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-type-garde-corps.seo{ padding-top: 140px; }
.page-type-garde-corps.seo #header{position: relative;width: 100%;height: 460px;background: #000;}
.page-type-garde-corps.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: 0.7;}
.page-type-garde-corps.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-type-garde-corps.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-type-garde-corps.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-type-garde-corps.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-garde-corps.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-garde-corps.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-type-garde-corps.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-garde-corps.seo #introduction .content{display: flex;align-items: center;}
.page-type-garde-corps.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-type-garde-corps.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-garde-corps.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-type-garde-corps.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-garde-corps.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-type-garde-corps.seo #modeles-garde-corps{padding: 80px 0;}
.page-type-garde-corps.seo #modeles-garde-corps .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #modeles-garde-corps .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #modeles-garde-corps .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list{padding: 0px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps{width: calc(33.3333% - 20px);transition: .3s;display: flex;flex-direction: column;padding-bottom: 42px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .media{width: 100%;text-align: center;margin-top: -120px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .media img{width: 50%;height: auto;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos{height: 100%; border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .add-favori{position: absolute;top: 15px;right: 15px;cursor: pointer;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .add-favori:hover svg path{fill: var(--bleu);}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .add-favori.added svg path{fill: var(--bleu);}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos h2{margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps .infos .links a{font-size: 14px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps:hover{padding-bottom: 0;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps:hover .infos .links{height: 42px;opacity: 1;}
.page-type-garde-corps.seo #types-garde-corps{padding: 80px 0;}
.page-type-garde-corps.seo #types-garde-corps .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #types-garde-corps .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #types-garde-corps .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .text{display: flex;flex-direction: column;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .text .button{opacity: 0;margin-top: auto;width: fit-content;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item:hover .text .button{opacity: 1;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-type-garde-corps.seo #vitrage{padding: 0px 0 80px;}
.page-type-garde-corps.seo #vitrage .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #vitrage .content>.text{width: 50%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #vitrage .content>.text h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 15px;}
.page-type-garde-corps.seo #vitrage .content>.text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list{    align-items: flex-start;width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .media{overflow: hidden;height: 100%;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .media img{width: auto;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item:hover .media img{transform: scale(1.05);}
.page-type-garde-corps.seo #motifs-decoratifs{padding: 0px 0 80px;}
.page-type-garde-corps.seo #motifs-decoratifs .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #motifs-decoratifs .content>.text{width: 50%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #motifs-decoratifs .content>.text h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 15px;}
.page-type-garde-corps.seo #motifs-decoratifs .content>.text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel{    width: 83.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav{position: absolute;width: 110%;justify-content: space-between;align-items: center;top: 50%; left:50%;transform: translate(-50%, -50%);display: flex;margin-bottom: 0;z-index: 5;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-stage-outer{z-index: 6;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav button{background-color: transparent;margin: 0;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav button:hover path{fill: var(--bleu);}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .media{overflow: hidden;height: 100%;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .media img{width: auto;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .item:hover .media img{transform: scale(1.05);}
.page-type-garde-corps.seo #technique{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-garde-corps.seo #technique .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #technique .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #technique .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list{    align-items: flex-start;width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .media{overflow: hidden;height: 100%;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .text{height: 100%;display: flex;flex-direction: column;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item:hover .media img{transform: scale(1.05);}
.page-type-garde-corps.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-type-garde-corps.seo #realisations .content{display: flex;align-items: center;}
.page-type-garde-corps.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-type-garde-corps.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-type-garde-corps.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-type-garde-corps.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-garde-corps.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-type-garde-corps.seo #realisations .content .text p strong{font-weight: 700; }
.page-type-garde-corps.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-type-garde-corps.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-type-garde-corps.seo #avantages-garde-corps{padding: 80px 0;}
.page-type-garde-corps.seo #avantages-garde-corps .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #avantages-garde-corps .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #avantages-garde-corps .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item{width: 30%;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text{}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-garde-corps.seo #made-in-france{background: var(--bleu);}
.page-type-garde-corps.seo #made-in-france .content{display: flex;align-items: center;}
.page-type-garde-corps.seo #made-in-france .content .media{width: 50%;}
.page-type-garde-corps.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #made-in-france .content .text h2{color: var(--Color-White, #fff); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-garde-corps.seo #made-in-france .content .text p{color: var(--Color-White, #fff); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-garde-corps.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-type-garde-corps.seo #garanties .content .garanties-list .item{width: 30%;}
.page-type-garde-corps.seo #garanties .content .garanties-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-garde-corps.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-garde-corps.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-garde-corps.seo #faq{padding: 80px 0;}
.page-type-garde-corps.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-type-garde-corps.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-type-garde-corps.seo #produits{padding: 80px 0 100px;}
.page-type-garde-corps.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-type-garde-corps.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-garde-corps.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-garde-corps.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-type-garde-corps.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-type-garde-corps.seo #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-type-garde-corps.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-type-garde-corps.seo #produits .content .produits-list .item.brise-vue{background-size: 40%;background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-type-garde-corps.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-type-garde-corps.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-type-garde-corps.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-type-garde-corps.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-type-garde-corps.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-type-garde-corps.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-type-garde-corps.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-clotures.seo{}
.page-clotures.seo #header{position: relative;width: 100%;height: 460px;background: #000;}
.page-clotures.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: .7;}
.page-clotures.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-clotures.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-clotures.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-clotures.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-clotures.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-clotures.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-clotures.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-clotures.seo #introduction .content{display: flex;align-items: center;}
.page-clotures.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-clotures.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-clotures.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-clotures.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-clotures.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-clotures.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-clotures.seo #types-cloture{padding: 80px 0;}
.page-clotures.seo #types-cloture .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #types-cloture .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-clotures.seo #types-cloture .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-clotures.seo #types-cloture .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-clotures.seo #types-cloture .content .types-list .item{width: 30%;}
.page-clotures.seo #types-cloture .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-clotures.seo #types-cloture .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-clotures.seo #types-cloture .content .types-list .item .text{}
.page-clotures.seo #types-cloture .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-clotures.seo #types-cloture .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #types-cloture .content .types-list .item .text .button{opacity: 0;}
.page-clotures.seo #types-cloture .content .types-list .item:hover .text .button{opacity: 1;}
.page-clotures.seo #types-cloture .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-clotures.seo #technique{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-clotures.seo #technique .content{display: flex;align-items: center;}
.page-clotures.seo #technique .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-clotures.seo #technique .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-clotures.seo #technique .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-clotures.seo #technique .content .text .logo-brevete{position: absolute;top: 0;right: 0;transform: translate(100%, -100%);width: 80px;height: 80px;}
.page-clotures.seo #technique .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;}
.page-clotures.seo #technique .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #technique .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-clotures.seo #avantages-cloture{padding: 80px 0;}
.page-clotures.seo #avantages-cloture .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #avantages-cloture .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-clotures.seo #avantages-cloture .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item{width: 30%;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .text{}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-clotures.seo #gammes-cloture{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-clotures.seo #gammes-cloture .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #gammes-cloture .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-clotures.seo #gammes-cloture .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;    column-gap: 5%;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item{width: 30%;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .media{width: 100%;overflow: hidden;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .text{text-align: center;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .text h3{margin-top: 0;margin-bottom: 20px;color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .text .button{opacity: 0;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item:hover .text .button{opacity: 1;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item:hover .media img{transform: scale(1.05);}
.page-clotures.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-clotures.seo #realisations .content{display: flex;align-items: center;}
.page-clotures.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-clotures.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-clotures.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-clotures.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-clotures.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-clotures.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-clotures.seo #realisations .content .text p strong{font-weight: 700; }
.page-clotures.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-clotures.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-clotures.seo #made-in-france{background: var(--Color-LightGrey, #FAFAFA);}
.page-clotures.seo #made-in-france .content{display: flex;align-items: center;}
.page-clotures.seo #made-in-france .content .media{width: 50%;}
.page-clotures.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-clotures.seo #made-in-france .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-clotures.seo #made-in-france .content .text p{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #avantages-aluminium{padding: 80px 0;}
.page-clotures.seo #avantages-aluminium .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #avantages-aluminium .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-clotures.seo #avantages-aluminium .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 20px;}
.page-clotures.seo #avantages-aluminium .content .title p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;margin: 0;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 8.33333333%; }
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 16.66666667%;text-align: center;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item .media{text-align: center;margin-bottom: 20px;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item .text{}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-clotures.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-clotures.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-clotures.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-clotures.seo #garanties .content .garanties-list .item{width: 30%;}
.page-clotures.seo #garanties .content .garanties-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-clotures.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-clotures.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-clotures.seo #faq{padding: 80px 0;}
.page-clotures.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-clotures.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-clotures.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-clotures.seo #produits{padding: 80px 0 100px;}
.page-clotures.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-clotures.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-clotures.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-clotures.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-clotures.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-clotures.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-clotures.seo #produits .content .produits-list .item.brise-vue{background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-clotures.seo #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-clotures.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-clotures.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-clotures.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-clotures.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-clotures.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-clotures.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-clotures.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-clotures.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-type-cloture.seo{ padding-top: 140px; }
.page-type-cloture.seo #header{position: relative;width: 100%;height: 460px;background: #000;}
.page-type-cloture.seo #header img{width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: .7;}
.page-type-cloture.seo #header .text{position: absolute;top: 50%;left: 8.33333333%;transform: translateY(-50%);}
.page-type-cloture.seo #header .text h1{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 46px; font-style: normal; font-weight: 600; line-height: 50px;margin: 0;}
.page-type-cloture.seo #header #breadcrumb{position: absolute;top: 50px;left: 8.33333333%;}
.page-type-cloture.seo #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-cloture.seo #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;}
.page-type-cloture.seo #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: lightgray;} 
.page-type-cloture.seo #introduction{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-cloture.seo #introduction .content{display: flex;align-items: center;}
.page-type-cloture.seo #introduction .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-type-cloture.seo #introduction .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-type-cloture.seo #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-cloture.seo #introduction .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;}
.page-type-cloture.seo #introduction .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #introduction .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-cloture.seo #introduction .content .text .button{text-decoration: none;}
.page-type-cloture.seo #introduction .content .text .button:hover{color: var(--white);}
.page-type-cloture.seo #introduction .content .text .madeinfrance{position: absolute;    top: 0; right: 0; transform: translate(100%, -100%);}
.page-type-cloture.seo #combo{padding: 80px 0;}
.page-type-cloture.seo #combo .content{display: flex;align-items: center;}
.page-type-cloture.seo #combo .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-type-cloture.seo #combo .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-type-cloture.seo #combo .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-cloture.seo #combo .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;}
.page-type-cloture.seo #combo .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #combo .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-cloture.seo #types-cloture{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-cloture.seo #types-cloture .content{display: flex;flex-wrap: wrap;}
.page-type-cloture.seo #types-cloture .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-cloture.seo #types-cloture .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-cloture.seo #types-cloture .content .types-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;gap: 80px;}
.page-type-cloture.seo #types-cloture .content .types-list .item{width: 30%;display: flex;flex-direction: column;}
.page-type-cloture.seo #types-cloture .content .types-list .item .media{width: 100%;overflow: hidden;}
.page-type-cloture.seo #types-cloture .content .types-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;}
.page-type-cloture.seo #types-cloture .content .types-list .item .text{display: flex;flex-direction: column;}
.page-type-cloture.seo #types-cloture .content .types-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-cloture.seo #types-cloture .content .types-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #types-cloture .content .types-list .item .text .button{opacity: 0;margin-top: auto;width: fit-content;}
.page-type-cloture.seo #types-cloture .content .types-list .item:hover .text .button{opacity: 1;}
.page-type-cloture.seo #types-cloture .content .types-list .item:hover .media img{transform: scale(1.05);}
.page-type-cloture.seo #technique{padding: 80px 0;}
.page-type-cloture.seo #technique .content{display: flex;align-items: center;}
.page-type-cloture.seo #technique .content .media{width: 33.33333333%;margin-left: 8.33333333%;}
.page-type-cloture.seo #technique .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
.page-type-cloture.seo #technique .content .text{width: 33.33333333%;margin-left: 8.33333333%;position: relative;}
.page-type-cloture.seo #technique .content .text .logo-brevete{position: absolute;top: 0;right: 0;transform: translate(100%, -100%);width: 80px;height: 80px;}
.page-type-cloture.seo #technique .content .text h2{color: var(--Color-DarkBlue, #003149); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;}
.page-type-cloture.seo #technique .content .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #technique .content .text a{color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-cloture.seo #avantages-cloture{padding: 80px 0;}
.page-type-cloture.seo #avantages-cloture .content{display: flex;flex-wrap: wrap;}
.page-type-cloture.seo #avantages-cloture .content .title{width: 83.33333333%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-cloture.seo #avantages-cloture .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item{width: 30%;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .media img{width: 100px;height: 100px;object-fit: cover;display: block;transition: .3s;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .text{}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-cloture.seo #realisations{padding: 80px 0;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/bg-creativite.jpg);background-size: cover;}
.page-type-cloture.seo #realisations .content{display: flex;align-items: center;}
.page-type-cloture.seo #realisations .content .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-type-cloture.seo #realisations .content .media img{width: 100%;object-fit: cover;}
.page-type-cloture.seo #realisations .content .media video{width: 100%;object-fit: cover;}
.page-type-cloture.seo #realisations .content .text{width: 16.66666667%;margin-left: 16.66666667%;}
.page-type-cloture.seo #realisations .content .text h2{color: var(--Color-White, #FFF); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-cloture.seo #realisations .content .text p{color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.page-type-cloture.seo #realisations .content .text p strong{font-weight: 700; }
.page-type-cloture.seo #realisations .content .text a{color: var(--white);border-color: var(--white);}
.page-type-cloture.seo #realisations .content .text a:hover{color: var(--bleu);background-color: var(--white);}
.page-type-cloture.seo #made-in-france{background: var(--bleu);}
.page-type-cloture.seo #made-in-france .content{display: flex;align-items: center;}
.page-type-cloture.seo #made-in-france .content .media{width: 50%;}
.page-type-cloture.seo #made-in-france .content .text{width: 25%;margin-left: 8.33333333%;}
.page-type-cloture.seo #made-in-france .content .text h2{color: var(--Color-White, #fff); font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 800; line-height: 34px;margin-top: 0;margin-bottom: 20px;}
.page-type-cloture.seo #made-in-france .content .text p{color: var(--Color-White, #fff); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #avantages-aluminium{padding: 80px 0;}
.page-type-cloture.seo #avantages-aluminium .content{display: flex;flex-wrap: wrap;}
.page-type-cloture.seo #avantages-aluminium .content .title{width:50%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-cloture.seo #avantages-aluminium .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;margin-bottom: 20px;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list{width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap;column-gap: 5%; }
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 30%;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item .media{overflow: hidden;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .3s;margin: auto;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item .text li{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item .text ul{margin: 0;}
.page-type-cloture.seo #avantages-aluminium .content .avantages-aluminium-list .item:hover .media img{transform: scale(1.05);}
.page-type-cloture.seo #garanties{padding: 80px 0;background: var(--Color-LightGrey, #FAFAFA);}
.page-type-cloture.seo #garanties .content{display: flex;flex-wrap: wrap;}
.page-type-cloture.seo #garanties .content .title{width:41.66666667%;;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-cloture.seo #garanties .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-cloture.seo #garanties .content .garanties-list{    width: 83.33333333%; row-gap: 50px; margin-left: 8.33333333%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-type-cloture.seo #garanties .content .garanties-list .item{width: 30%;}
.page-type-cloture.seo #garanties .content .garanties-list .item .text h3{margin: 20px 0;color: var(--Color-DarkBlue, #003149); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal;}
.page-type-cloture.seo #garanties .content .garanties-list .item .text p{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}
.page-type-cloture.seo #garanties .content .garanties-list .item .text a{color: var(--Color-Black, #000); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-decoration-line: underline;}
.page-type-cloture.seo #faq{padding: 80px 0;}
.page-type-cloture.seo #faq .content{display: flex;flex-wrap: wrap;}
.page-type-cloture.seo #faq .content .title{width: 50%;margin-left: 25%;margin-bottom: 40px;}
.page-type-cloture.seo #faq .content .title h2{color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-cloture.seo #faq .content .faq{width: 50%;margin-left: 25%;}
.page-type-cloture.seo #produits{padding: 80px 0 100px;}
.page-type-cloture.seo #produits .content{display: flex;flex-wrap: wrap;}
.page-type-cloture.seo #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-cloture.seo #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-cloture.seo #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-cloture.seo #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-type-cloture.seo #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-type-cloture.seo #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-type-cloture.seo #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-type-cloture.seo #produits .content .produits-list .item.brise-vue{background-size: 40%;background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-type-cloture.seo #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-type-cloture.seo #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-type-cloture.seo #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-type-cloture.seo #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-type-cloture.seo #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-type-cloture.seo #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-type-cloture.seo #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);} .page-type-cloture-listing{padding-top: 140px;}
.page-type-cloture-listing #header{display: flex;align-items: center;justify-content: center;padding: 100px 0;}
.page-type-cloture-listing #header #breadcrumb{position: absolute; top: 20px; left: 8.33333333%;}
.page-type-cloture-listing #header #breadcrumb>*{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-type-cloture-listing #header #breadcrumb a{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);}
.page-type-cloture-listing #header #breadcrumb .current{font-weight: 300; font-size: 10px; line-height: 14px; color: var(--white);} 
.page-type-cloture-listing #header .media{width: 33.33333333%;}
.page-type-cloture-listing #header .texte{width: 25%;margin-left:  8.33333333%;}
.page-type-cloture-listing #header .texte h1{font-family: 'Shippori Mincho';font-weight: 600; font-size: 48px; line-height: 48px; color: #FFFFFF;margin-bottom: 20px;margin-top: 0;}
.page-type-cloture-listing #header .texte h1::first-line{font-family: 'Inter';font-weight: 700; font-size: 18px; line-height: 20px; color: #FFFFFF;}
.page-type-cloture-listing #header .texte p{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-type-cloture-listing #header .texte li{font-weight: 400; font-size: 16px; line-height: 22px; color: var(--bleu);}
.page-type-cloture-listing #header .texte p strong{font-weight: 700;}
.page-type-cloture-listing #content{}
.page-type-cloture-listing #content .filtre{padding: 70px  8.33333333% 0; display: flex; justify-content: flex-end;}
.page-type-cloture-listing #content .filtre form{display: flex;gap: 20px;}
.page-type-cloture-listing #content .filtre form select{cursor:pointer;width: 200px;outline:none;padding:10px;background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px;color: #A2A2A2;font-weight: 400; font-size: 14px; line-height: 17px;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/select-arrow.svg);background-repeat: no-repeat;background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none;}
.page-type-cloture-listing #content .clotures-list{padding: 70px 8.33333333%;display: flex;gap: 30px;flex-wrap: wrap;}
.page-type-cloture-listing #content .clotures-list .cloture{width: calc(33.33333333% - 20px); transition: .3s; width: calc(33.3333% - 20px); transition: .3s; display: flex; flex-direction: column; padding-bottom: 42px; height: auto !important;}
.page-type-cloture-listing #content .clotures-list .cloture:hover{padding-bottom: 0;}
.page-type-cloture-listing #content .clotures-list .cloture .media{position: relative; width: 100%;text-align: center;margin-top: -120px;padding: 0 25px 20px;}
.page-type-cloture-listing #content .clotures-list .cloture .media img{width: 100%;height: auto;}
.page-type-cloture-listing #content .clotures-list .cloture .media .add-favori{position: absolute;bottom: -5px;right: 25px;cursor: pointer;}
.page-type-cloture-listing #content .clotures-list .cloture .media .add-favori svg{display: block;}
.page-type-cloture-listing #content .clotures-list .cloture .media .add-favori:hover svg path{fill: var(--bleu);}
.page-type-cloture-listing #content .clotures-list .cloture .media .add-favori.added svg path{fill: var(--bleu);}
.page-type-cloture-listing #content .clotures-list .cloture .infos{border: 1px solid #E6E6E6; border-radius: 2px;display: flex;flex-direction: column;align-items: center;padding: 20px 0 30px;position: relative;transition: .3s;margin-top: 100px;}
.page-type-cloture-listing #content .clotures-list .cloture .infos .gamme{text-transform: capitalize;font-weight: 300; font-size: 16px; line-height: 20px; text-align: center; color: var(--grey);margin: 0;}
.page-type-cloture-listing #content .clotures-list .cloture .infos .famille{font-weight: 300; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase; color: var(--grey);} .page-type-cloture-listing #content .clotures-list .cloture .infos h2{margin-bottom: 10px;width: 80%; color: #505457; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal;}
.page-type-cloture-listing #content .clotures-list .cloture .infos .gamme-famille{color: #505457; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase;}
.page-type-cloture-listing #content .clotures-list .cloture .infos .nuancier{align-items: center;gap: 5px;border: 1px solid #E6E6E6; border-radius: 20px;padding: 5px 10px 5px 5px;width: auto;display: inline-flex;}
.page-type-cloture-listing #content .clotures-list .cloture .infos .nuancier span{font-weight: 500; font-size: 14px; line-height: 17px; color: var(--grey);}
.page-type-cloture-listing #content .clotures-list .cloture .infos .links{display: flex;gap: 10px;align-items: center;height: 0px;opacity: 0;margin-top: 10px;transition: .3s}
.page-type-cloture-listing #content .clotures-list .cloture .infos .links a{font-size: 14px;}
.page-type-cloture-listing #content .clotures-list .cloture:hover .infos{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20);}
.page-type-cloture-listing #content .clotures-list .cloture:hover .infos .links{height: 42px;opacity: 1;}
.page-type-cloture-listing #produits{padding: 80px 0 100px;}
.page-type-cloture-listing #produits .content{display: flex;flex-wrap: wrap;}
.page-type-cloture-listing #produits .content .title{width:83.33333333%;margin-bottom: 40px;margin-left: 8.33333333%;}
.page-type-cloture-listing #produits .content .title h2{text-align: center;color: #003149; font-family: "Shippori Mincho"; font-size: 28px; font-style: normal; font-weight: 600; line-height: 34px;margin: 0;}
.page-type-cloture-listing #produits .content .produits-list{width: 83.33333333%;row-gap: 50px; margin-left: 8.33333333%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-type-cloture-listing #produits .content .produits-list .item{width: 30%;background-position: bottom 30px right 0px;background-size: 50%;background-repeat: no-repeat;padding: 30px;display: flex;flex-direction: column;height: 260px;    justify-content: space-between;position: relative;border-radius: 2px;}
.page-type-cloture-listing #produits .content .produits-list .item.clotures{background-color: #D1C3A7;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-clotures.png);}
.page-type-cloture-listing #produits .content .produits-list .item.portails{background-color: #91BCCD;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-portails.png);}
.page-type-cloture-listing #produits .content .produits-list .item.garde-corps{background-size: 40%;background-color: #E3B167;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-garde-corps.png);}
.page-type-cloture-listing #produits .content .produits-list .item.brise-vue{background-size: 40%;background-color: #C2D6AE;background-image: url(//www.portail-cetal.fr/core/views/a45f3eb8ee/img/produits-home/produits-brise-vue.png);}
.page-type-cloture-listing #produits .content .produits-list .item h3{font-weight: 200; font-size: 18px; line-height: 18px; color: #FFFFFF;margin: 0;}
.page-type-cloture-listing #produits .content .produits-list .item h3 span{font-family: 'Shippori Mincho'; font-weight: 800; font-size: 30px; line-height: 22px; color: #FFFFFF;}
.page-type-cloture-listing #produits .content .produits-list .item .links{display: inline-flex;flex-direction: column;gap: 10px;width: fit-content;}
.page-type-cloture-listing #produits .content .produits-list .item .links a:not(.button){font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;display: inline;}
.page-type-cloture-listing #produits .content .produits-list .item .links a:not(.button):hover{color: var(--bleu);}
.page-type-cloture-listing #produits .content .produits-list .item .links a.button{color: white;border-color: white;}
.page-type-cloture-listing #produits .content .produits-list .item .links a.button:hover{border-color: var(--bleu);}   @media (max-width: 1680px) { header .header-top .menu .left{padding: 0 30px;gap: 15px;}
header .header-top .menu .left .search{width: 300px;}
header .header-top .menu .right{gap: 15px;} .page-home #addons .content .application .phone{left: -20px; width: 65%;} .page-gamme-portails #addons .content .application .phone{left: -20px; width: 65%;} .page-brise-vue #header{    align-items: flex-end;}
.page-brise-vue #header .texte{padding-bottom: 30px;} .page-motorisation #header .content .col-right img{top: 30px;}
.page-motorisation #header .content .col-right img.logo-afg{top: 130px;} .page-devis #content form .step{padding: 50px 15px} .page-type-portail-listing #addons .content .application .phone{left: -20px; width: 65%;} .page-type-cloture-listing #addons .content .application .phone{left: -20px; width: 65%;}
}
@media (max-width: 1550px) { header.seo .header-sub-menu.sub-menu-portails .item{width: 41.66666667%;}
header.seo .header-sub-menu.sub-menu-clotures .item{width: 41.66666667%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item{width: 41.66666667%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item{width: 41.66666667%;}
}
@media (max-width: 1450px) { header .header-top .menu .left{padding: 0 15px;} .page-home #produits .produits-carousel .item{background-size: 40%;}
.page-home #addons .content .application .phone{width: 55%;bottom: 0;}
.page-home #addons .content .decors .decors-img{width: 30%;bottom: 0px;} .page-gamme-portails #addons .content .application .phone{width: 55%;bottom: 0;}
.page-gamme-portails #addons .content .decors .decors-img{width: 30%;bottom: 0px;} .page-favoris #content .products-list .card .links .add-devis{font-size: 14px;padding: 10px 5px;} .page-type-portail-listing #addons .content .application .phone{width: 55%;bottom: 0;}
.page-type-portail-listing #addons .content .decors .decors-img{width: 30%;bottom: 0px;} .page-type-cloture-listing #addons .content .application .phone{width: 55%;bottom: 0;}
.page-type-cloture-listing #addons .content .decors .decors-img{width: 30%;bottom: 0px;}
}
@media (max-width: 1400px) { header .header-top{padding: 20px 15px;}
header.scroll .header-top{padding: 10px 15px;}
header .header-bottom{padding: 0 15px;}
header .header-sub-menu{padding: 0 15px 50px;} header.seo .header-sub-menu.sub-menu-portails{padding: 40px 15px;}
header.seo .header-sub-menu.sub-menu-portails .item{width: 50%;}
header.seo .header-sub-menu.sub-menu-portails .item .media{width: 40%;}
header.seo .header-sub-menu.sub-menu-portails .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-portails .item .menu .subtitle{font-size: 22px;}
header.seo .header-sub-menu.sub-menu-clotures{padding: 40px 15px;}
header.seo .header-sub-menu.sub-menu-clotures .item{width: 50%;}
header.seo .header-sub-menu.sub-menu-clotures .item .media{width: 40%;}
header.seo .header-sub-menu.sub-menu-clotures .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-clotures .item .menu .subtitle{font-size: 22px;}
header.seo .header-sub-menu.sub-menu-brise-vue{padding: 40px 15px;}
header.seo .header-sub-menu.sub-menu-brise-vue .item{width: 50%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item:first-of-type{margin-left: 0;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .media{width: 40%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-brise-vue .item .menu .subtitle{font-size: 22px;}
header.seo .header-sub-menu.sub-menu-garde-corps{padding: 40px 15px;}
header.seo .header-sub-menu.sub-menu-garde-corps .item{width: 50%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item:first-of-type{margin-left: 0;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .media{width: 40%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu{width: 50%;}
header.seo .header-sub-menu.sub-menu-garde-corps .item .menu .subtitle{font-size: 22px;} footer{padding: 0px 15px;} .page-home #hero-banner .home-carousel .item .media{width: 58.33333333%}
.page-home #hero-banner .home-carousel .item .content{width: 41.66666667%}
.page-home #creativite .content .texte { width: 33.33333333%; margin-left: 8.33333333%; }
.page-home #groupe .content .texte { width: 33.33333333%; margin-left: 8.33333333%; }
.page-home #addons .content .bonnes-raisons .texte{width: 100%;}
.page-home #addons .content .decors .texte{width: 100%;left:auto;}
.page-home #addons .content .decors .texte p br{display: none;}
.page-home #addons .content .decors .decors-img{display: none;} .page-gamme-portails #header .texte{width: 33.33333333%;}
.page-gamme-portails #header #breadcrumb{left: 15px;}
.page-gamme-portails #addons .content .decors .texte{width: 100%;left:auto;}
.page-gamme-portails #addons .content .decors .texte p br{display: none;}
.page-gamme-portails #addons .content .decors .decors-img{display: none;}
.page-gamme-portails #addons .content .bonnes-raisons .texte{width: 100%;} .single-portail #principal-content .content .single-portail-carousel{width: 50%;}
.single-portail #principal-content .content .principal-infos{margin: 0;padding: 40px 15px;width: 50%;}
.single-portail #description-technique .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single-portail #description-technique .content{padding: 0 8.33333333%;}
.single-portail #cloture .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.single-portail #a-propos .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.single-portail #a-propos .content .col-right{width: 41.66666667%;}
.single-portail #motorisation .content .col-left{width: 41.66666667%;margin-left: 8.33333333%;} .page-gamme-clotures #header .texte{width: 33.33333333%;}
.page-gamme-clotures #header #breadcrumb{left: 15px;}
.page-gamme-clotures #content .clotures-list .cloture .media{margin-top: -80px;}
.page-gamme-clotures #content .clotures-list .cloture .infos{margin-top: 65px;}
.page-gamme-clotures #content-2 .content .col-left{width: 41.66666667%;margin-left: 8.33333333%;}
.page-gamme-clotures #content-2 .content .col-right{width: 33.33333333%;margin-left: 8.33333333%;} .single-cloture #principal-content .content .single-cloture-carousel{width: 50%;}
.single-cloture #principal-content .content .principal-infos{margin: 0;padding: 40px 15px;width: 50%;}
.single-cloture #description-technique .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single-cloture #description-technique .content{padding: 0 8.33333333%;}
.single-cloture #a-propos .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.single-cloture #a-propos .content .col-right{width: 41.66666667%;} .page-brise-vue #header .texte{width: 33.33333333%;}
.page-brise-vue #content .brise-vue-list .brise-vue{width: calc(33.33333333% - 20px);}
.page-brise-vue #bloc .content{align-items: stretch;}
.page-brise-vue #bloc .content .col-left{width: 33.33333333%;}
.page-brise-vue #bloc .content .col-right{width: 50%;height: auto;} .single--brise-vue #principal-content .content .single-brise-vue-carousel{width: 50%;}
.single--brise-vue #principal-content .content .principal-infos{margin: 0;padding: 40px 15px;width: 50%;}
.single--brise-vue #description-technique .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single--brise-vue #description-technique .content{padding: 0 8.33333333%;}
.single--brise-vue #transparence .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single--brise-vue #transparence .content{padding: 0 8.33333333%;}
.single--brise-vue #transparence .content-transparence{padding: 0 8.33333333%;}
.single--brise-vue #remplissage .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single--brise-vue #remplissage .content{padding: 0 8.33333333%;}
.single--brise-vue #remplissage .content-remplissage-carousel{padding: 50px 8.33333333%;}
.single--brise-vue #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos h3{font-size: 20px;line-height: 25px;}
.single--brise-vue #a-propos .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.single--brise-vue #a-propos .content .col-right{width: 41.66666667%;} .page-garde-corps #header{min-height: auto;}
.page-garde-corps #header .texte{width: 33.33333333%;}
.page-garde-corps #header #breadcrumb{left: 15px;}
.page-garde-corps #content .brise-vue-list .brise-vue{width: calc(33.33333333% - 20px);}
.page-garde-corps #bloc .content{align-items: stretch;}
.page-garde-corps #bloc .content .col-left{width: 33.33333333%;}
.page-garde-corps #bloc .content .col-right{width: 50%;height: auto;} .single--garde-corps #principal-content .content .single-garde-corps-carousel{width: 50%;}
.single--garde-corps #principal-content .content .principal-infos{margin: 0;padding: 40px 15px;width: 50%;}
.single--garde-corps #description-technique .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single--garde-corps #description-technique .content{padding: 0 8.33333333%;}
.single--garde-corps #transparence .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single--garde-corps #transparence .content{padding: 0 8.33333333%;}
.single--garde-corps #transparence .content-transparence{padding: 0 8.33333333%;}
.single--garde-corps #remplissage .title{padding: 0 8.33333333%;margin-bottom: 40px;}
.single--garde-corps #remplissage .content{padding: 0 8.33333333%;}
.single--garde-corps #remplissage .content-remplissage-carousel{padding: 50px 8.33333333%;}
.single--garde-corps #remplissage .content-remplissage-carousel .remplissage-carousel .remplissage .infos h3{font-size: 20px;line-height: 25px;}
.single--garde-corps #a-propos .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.single--garde-corps #a-propos .content .col-right{width: 41.66666667%;} .page-volet #content .content .col-left{width: 33.33333333%;}
.page-volet #content .content .col-right{width: 41.66666667%;}
.page-volet #content .content .col-right #breadcrumb{left: 41.66666667%;} .page-motorisation #header .content .col-right img{width: 80px;}
.page-motorisation #header .content .col-right img.logo-afg{width: 90px;top: 120px;}
.page-motorisation #invisio .content .col-left{margin-left: 8.33333333%;width: 41.66666667%;}
.page-motorisation #battants .content .col-full{margin-left: 8.33333333%;}
.page-motorisation #battants .content .list-battants{margin-left: 8.33333333%;width: 83.33333333%;}
.page-motorisation #coulissants .content .col-full{margin-left: 8.33333333%;}
.page-motorisation #coulissants .content .list-coulissants{margin-left: 8.33333333%;width: 83.33333333%;}
.page-motorisation #visio .content .col-full{margin-left: 8.33333333%;}
.page-motorisation #visio .content .list-visiophonie{margin-left: 8.33333333%;width: 83.33333333%;}
.page-motorisation #logement .content .col-full{margin-left: 8.33333333%;}
.page-motorisation #logement .content .list-logement{margin-left: 8.33333333%;width: 83.33333333%;} .page-garantie-nuancier #garantie .content .col-right{width: 33.33333333%;}
.page-garantie-nuancier #classe-2 .content .col-left{width: 33.33333333%;}
.page-garantie-nuancier #laquage .content .col-left{width: 33.33333333%;margin-left: 8.33333333%;} .page-garantie-nuancier #labels .content .col-left{width: 33.33333333%;margin-left: 8.33333333%;}
.page-garantie-nuancier #labels .content .col-right{width: 33.33333333%;}
.page-garantie-nuancier #nuancier .content .col-left{margin-left: 8.33333333%;width: 33.33333333%;} .page-cetal #presentation .content .col-right{width: 33.33333333%;}
.page-cetal #environnement .content .col-center{width: 66.66666667%} .page-contact #content{padding: 100px 8.33333333%;} .page-classique #content{padding: 100px 8.33333333%;} .single--revendeur #introduction .content .texte{width: 41.66666667%;}
.single--revendeur #services .content .col-full{padding: 0px 8.33333333%;}
.single--revendeur #services .content .services-list{padding: 50px 8.33333333% 100px;}
.single--revendeur #services .content .service-specifique>*{max-width: 83.33333333%;}
.single--revendeur #showroom .content .col-left { width: 41.66666667%; }
.single--revendeur #trouver .content .col-left{margin-left: 8.33333333%;width: 33.33333333%;}
.single--revendeur #gamme .content .col-left { width: 41.66666667%; }
.single--revendeur #contact .content { padding: 0 8.33333333%; } .page-devis #content form .step.step-1 .type_bien span label span{padding: 30px;}
.page-devis #content .products-list .card{width: calc(33.33333333% - 10px);} .page-nouveaute #header .content .col-right h1{font-size: 38px;line-height: 40px;}
.page-nouveaute #content .content .col-left{margin-left: 8.33333333%;    width: 41.66666667%;} .page-decors #header .content .col-right h1{font-size: 38px;line-height: 40px;} .page-installateurs #header .content .col-right h1{font-size: 38px;line-height: 40px;}
.page-installateurs #installateurs .content .col-left{margin-left: 8.33333333%;    width: 41.66666667%;}
.page-installateurs #contact .content .col-full{margin-left: 8.33333333%;width: 83.33333333%;}
.page-installateurs #qui .content .col-left{margin-left: 8.33333333%;    width: 41.66666667%;}
.page-installateurs #partenaire .content .col-full{margin-left: 8.33333333%;width: 83.33333333%;} .page-portails #header .content .col-right h1{font-size: 38px;line-height: 40px;}
.page-portails #a-propos .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.page-portails #a-propos .content .col-right{width: 41.66666667%;}
.page-portails #motorisation .content .col-left{width: 41.66666667%;margin-left: 8.33333333%;} .page-clotures #header .content .col-right h1{font-size: 38px;line-height: 40px;}
.page-clotures #a-propos .content .col-left{width: 33.33333333%; margin-left: 8.33333333%;}
.page-clotures #a-propos .content .col-right{width: 41.66666667%;} .page-raisons #content .content.side-1 .col-left,.page-raisons #content .content.side-2 .col-right{margin-left: 8.33333333%;}
.page-raisons #content .content.side-1 .col-right,.page-raisons #content .content.side-2 .col-left{width: 41.66666667%;} .page-realisations #header{padding: 60px 15px}
.page-realisations #header #breadcrumb{left: 15px;}
.page-realisations #content{padding: 0px 15px 100px} .page-ope-motorisation .content{padding: 190px 15px 50px;}
.page-ope-motorisation .content .texte{width: 33.33333333%;margin-left: 8.33333333%;} .page-portails.seo #header{height: 400px;}
.page-portails.seo #introduction .content{gap: 15px;}
.page-portails.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-portails.seo #introduction .content .media{width: 41.66666667%;}
.page-portails.seo #types-portail .content .types-list{gap: 40px 20px;justify-content: normal;}
.page-portails.seo #types-portail .content .types-list .item { width: calc(33% - 10px); }
.page-portails.seo #avantages-portail .content .avantages-portail-list{gap: 40px 20px;justify-content: normal;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item { width: calc(33% - 10px); }
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .media img{width: 80px;height: 80px;}
.page-portails.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-portails.seo #made-in-france .content .text{width: 33.33333333%;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 80px;height: 80px;}
.page-portails.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-portails.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-portails.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-portails.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-portails.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-portails.seo #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-type-portail.seo #header{height: 400px;}
.page-type-portail.seo #introduction .content{gap: 15px;}
.page-type-portail.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-type-portail.seo #introduction .content .media{width: 41.66666667%;}
.page-type-portail.seo #types-portail .content .types-list{gap: 20px;justify-content: normal;}
.page-type-portail.seo #types-portail .content .types-list .item{width: calc(33.33333333% - 14px);}
.page-type-portail.seo #type-configuration .content .type-configuration-list{gap: 20px;justify-content: normal;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item{width: calc(33.33333333% - 14px);}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .media{height: 200px;}
.page-type-portail.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list{gap: 40px 20px;justify-content: normal;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item { width: calc(33% - 10px); }
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .media img{width: 80px;height: 80px;}
.page-type-portail.seo #avantages-aluminium .content .title{width: 83.33333333%;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list{gap: 40px 20px;justify-content: normal;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item { width: calc(33% - 10px); }
.page-type-portail.seo #made-in-france .content .text{width: 33.33333333%;}
.page-type-portail.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-type-portail.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-type-portail.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-portail.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;} .page-type-portail-listing #header .texte{width: 33.33333333%;}
.page-type-portail-listing #header #breadcrumb{left: 15px;}
.page-type-portail-listing #addons .content .decors .texte{width: 100%;left:auto;}
.page-type-portail-listing #addons .content .decors .texte p br{display: none;}
.page-type-portail-listing #addons .content .decors .decors-img{display: none;}
.page-type-portail-listing #addons .content .bonnes-raisons .texte{width: 100%;} .page-clotures.seo #header{height: 400px;}
.page-clotures.seo #introduction .content{gap: 15px;}
.page-clotures.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-clotures.seo #introduction .content .media{width: 41.66666667%;}
.page-clotures.seo #types-cloture .content .types-list{gap: 40px 20px;justify-content: normal;}
.page-clotures.seo #types-cloture .content .types-list .item { width: calc(33% - 10px); }
.page-clotures.seo #technique .content .text{width: 41.66666667%;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list{gap: 40px 20px;justify-content: normal;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item { width: calc(33% - 10px); }
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .media img{width: 80px;height: 80px;}
.page-clotures.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-clotures.seo #made-in-france .content .text{width: 33.33333333%;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 80px;height: 80px;}
.page-clotures.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-clotures.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-clotures.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-clotures.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-clotures.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-clotures.seo #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-type-cloture.seo #header{height: 400px;}
.page-type-cloture.seo #introduction .content{gap: 15px;}
.page-type-cloture.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-type-cloture.seo #introduction .content .media{width: 41.66666667%;}
.page-type-cloture.seo #combo .content .text{width: 41.66666667%;}
.page-type-cloture.seo #types-cloture .content .types-list{gap: 20px;justify-content: normal;}
.page-type-cloture.seo #types-cloture .content .types-list .item{width: calc(33.33333333% - 14px);}
.page-type-cloture.seo #technique .content .text{width: 41.66666667%;}
.page-type-cloture.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list{gap: 40px 20px;justify-content: normal;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item { width: calc(33% - 10px); }
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .media img{width: 80px;height: 80px;}
.page-type-cloture.seo #made-in-france .content .text{width: 33.33333333%;}
.page-type-cloture.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-type-cloture.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-type-cloture.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-cloture.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-cloture.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-type-cloture.seo #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-type-cloture-listing #header .texte{width: 33.33333333%;}
.page-type-cloture-listing #header #breadcrumb{left: 15px;}
.page-type-cloture-listing #addons .content .decors .texte{width: 100%;left:auto;}
.page-type-cloture-listing #addons .content .decors .texte p br{display: none;}
.page-type-cloture-listing #addons .content .decors .decors-img{display: none;}
.page-type-cloture-listing #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-type-cloture-listing #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-brise-vue.seo #header{height: 400px;}
.page-brise-vue.seo #introduction .content{gap: 15px;}
.page-brise-vue.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-brise-vue.seo #introduction .content .media{width: 41.66666667%;}
.page-brise-vue.seo #types-brise-vue .content .types-list{gap: 40px 20px;justify-content: normal;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item { width: calc(33% - 10px); }
.page-brise-vue.seo #technique .content .specificite-technique-list{gap: 40px 20px;justify-content: normal;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item { width: calc(33% - 10px); }
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{gap: 40px 20px;justify-content: normal;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item { width: calc(33% - 10px); }
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .media img{width: 80px;height: 80px;}
.page-brise-vue.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-brise-vue.seo #made-in-france .content .text{width: 33.33333333%;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 80px;height: 80px;}
.page-brise-vue.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-brise-vue.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-brise-vue.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-brise-vue.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-brise-vue.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-brise-vue.seo #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-type-brise-vue.seo #header{height: 400px;}
.page-type-brise-vue.seo #introduction .content{gap: 15px;}
.page-type-brise-vue.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-type-brise-vue.seo #introduction .content .media{width: 41.66666667%;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list{gap: 20px;justify-content: normal;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item{width: calc(33.33333333% - 14px);}
.page-type-brise-vue.seo #vitrage .content .vitrage-list{gap: 20px;justify-content: normal;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item{width: calc(33.33333333% - 14px);}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .media{height: 180px;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list{gap: 20px;justify-content: normal;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item{width: calc(33.33333333% - 14px);}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .media{height: 200px;}
.page-type-brise-vue.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{gap: 40px 20px;justify-content: normal;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item { width: calc(33% - 10px); }
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .media img{width: 80px;height: 80px;}
.page-type-brise-vue.seo #made-in-france .content .text{width: 33.33333333%;}
.page-type-brise-vue.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-type-brise-vue.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-type-brise-vue.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-brise-vue.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-type-brise-vue.seo #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-garde-corps.seo #header{height: 400px;}
.page-garde-corps.seo #introduction .content{gap: 15px;}
.page-garde-corps.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-garde-corps.seo #introduction .content .media{width: 41.66666667%;}
.page-garde-corps.seo #types-garde-corps .content .types-list{gap: 40px 20px;justify-content: normal;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item { width: calc(33% - 10px); }
.page-garde-corps.seo #technique .content .specificite-technique-list{gap: 20px;justify-content: normal;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item{width: calc(33.33333333% - 14px);}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .media{height: 200px;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{gap: 40px 20px;justify-content: normal;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item { width: calc(33% - 10px); }
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .media img{width: 80px;height: 80px;}
.page-garde-corps.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-garde-corps.seo #made-in-france .content .text{width: 33.33333333%;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item .media img{width: 80px;height: 80px;}
.page-garde-corps.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-garde-corps.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-garde-corps.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-garde-corps.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-garde-corps.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-garde-corps.seo #produits .content .produits-list .item{ width: calc(33% - 10px); } .page-type-garde-corps.seo #header{height: 400px;}
.page-type-garde-corps.seo #introduction .content{gap: 15px;}
.page-type-garde-corps.seo #introduction .content .text{width: 41.66666667%;margin-left: 0;}
.page-type-garde-corps.seo #introduction .content .media{width: 41.66666667%;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list{gap: 20px;justify-content: normal;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item{width: calc(33.33333333% - 14px);}
.page-type-garde-corps.seo #vitrage .content .vitrage-list{gap: 20px;justify-content: normal;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item{width: calc(33.33333333% - 14px);}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .media{height: 180px;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list{gap: 20px;justify-content: normal;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item{width: calc(33.33333333% - 14px);}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .media{height: 200px;}
.page-type-garde-corps.seo #realisations .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{gap: 40px 20px;justify-content: normal;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item { width: calc(33% - 10px); }
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .media img{width: 80px;height: 80px;}
.page-type-garde-corps.seo #made-in-france .content .text{width: 33.33333333%;}
.page-type-garde-corps.seo #garanties .content .garanties-list{gap: 40px 20px;justify-content: normal;}
.page-type-garde-corps.seo #garanties .content .garanties-list .item{ width: calc(33% - 10px); }
.page-type-garde-corps.seo #faq .content .title{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #faq .content .faq{width: 83.33333333%;margin-left: 8.33333333%;}
.page-type-garde-corps.seo #produits .content .produits-list{gap: 40px 20px;justify-content: normal;}
.page-type-garde-corps.seo #produits .content .produits-list .item{ width: calc(33% - 10px); }
}
@media (max-width: 1300px) {
.page-gamme-portails #content .portails-list .portail .infos{height: auto;}
.page-type-portail-listing #content .portails-list .portail .infos{height: auto;}
}
@media (max-width: 1200px) { header{box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
header .header-top{min-height: auto;padding: 15px;}
header.scroll .header-top{padding: 10px 15px;}
header.scroll.on .header-top{padding: 15px;}
header .header-top .menu{display: none;}
header .header-top .mobile-menu-burger{display: block;margin-left: 15px;}
header .header-top .btn-devis-mobile{display: block;}
header .header-top .logo{width: auto;}
header .header-top .logo img{height: 45px;}
header .header-bottom{display: none;}
header>.header-sub-menu{display: none!important;} .page-home{padding-top: 75px;}
.page-home #hero-banner .home-carousel .item .media{width: 50%}
.page-home #hero-banner .home-carousel .item .content{width: 50%}
.page-home #produits { padding: 80px 15px; }
.page-home #produits .produits-carousel .owl-nav{display: none;}
.page-home #creativite .content{padding: 80px 15px;gap: 15px;}
.page-home #creativite .content .texte { width: 50%; margin-left: 0; }
.page-home #creativite .content .texte h3{font-size: 32px;line-height: 36px}
.page-home #creativite .content .media { width: 50%; margin-left: 0; }
.page-home #portails-moment .content{padding: 0 15px;}
.page-home #portails-moment .content .portails-list{gap: 15px;}
.page-home #portails-moment .content .portails-list .portail { width: calc(33.33333333% - 10px);padding-bottom: 0;}
.page-home #portails-moment .content .portails-list .portail .infos h2{font-size: 16px;}
.page-home #portails-moment .content .portails-list .portail .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-home #portails-moment .content .portails-list .portail:hover .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-home #groupe .content{padding: 80px 15px;gap: 15px;}
.page-home #groupe .content .texte { width: 50%; margin-left: 0; }
.page-home #groupe .content .texte h3{font-size: 32px;line-height: 36px}
.page-home #groupe .content .media { width: 50%; margin-left: 0; }
.page-home #addons .content{padding: 40px 15px;gap: 15px;}
.page-home #addons .content .application{justify-content: flex-start;}
.page-home #addons .content .application .phone{display: none;}
.page-home #addons .content .application .texte br{display: none;}
.page-home #addons .content .motorisation .motor{left: 20px;} .page-404{padding: 175px 15px 100px;height: auto;align-items: flex-start;} .page-gamme-portails{padding-top: 75px;}
.page-gamme-portails #header{padding: 60px 15px;}
.page-gamme-portails #header .media{width: 50%;}
.page-gamme-portails #header .texte{width: 50%;}
.page-gamme-portails #content .filtre{padding: 40px 15px 0;}
.page-gamme-portails #content .portails-list{gap: 15px;padding: 40px 15px}
.page-gamme-portails #content .portails-list .portail { width: calc(33.33333333% - 10px);padding-bottom: 0; }
.page-gamme-portails #content .portails-list .portail .infos{height: 100%;}
.page-gamme-portails #content .portails-list .portail .infos h2{font-size: 16px;}
.page-gamme-portails #content .portails-list .portail .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-gamme-portails #content .portails-list .portail:hover .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-gamme-portails #addons .content{padding: 40px 15px;gap: 15px;}
.page-gamme-portails #addons .content .application{justify-content: flex-start;}
.page-gamme-portails #addons .content .application .phone{display: none;}
.page-gamme-portails #addons .content .application .texte br{display: none;}
.page-gamme-portails #addons .content .motorisation .motor{left: 20px;}
.page-gamme-portails #other-gamme{padding-bottom: 40px;}
.page-gamme-portails #other-gamme .title{margin-bottom: 30px;}
.page-gamme-portails #other-gamme .content{padding: 0 15px;} .page-type-portail-listing #content .portails-list{gap: 15px;padding: 40px 15px}
.page-type-portail-listing #content .portails-list .portail { width: calc(33.33333333% - 10px);padding-bottom: 0; }
.page-type-portail-listing #content .portails-list .portail .infos{height: 100%;}
.page-type-portail-listing #content .portails-list .portail .infos h2{font-size: 16px;}
.page-type-portail-listing #content .portails-list .portail .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-type-portail-listing #content .portails-list .portail:hover .infos .links{flex-direction: column;height: auto; opacity: 1;} .single-portail {padding-top: 75px;}
.single-portail #description-technique .title{padding: 0 15px;margin-bottom: 20px;}
.single-portail #description-technique .title h2{font-size: 24px; line-height: 30px;}
.single-portail #description-technique .content{padding: 0 15px;}
.single-portail #famille{padding: 80px 0;}
.single-portail #famille .title{padding: 0 15px;margin-bottom: 20px;}
.single-portail #famille .content{padding: 0 15px;margin-bottom: 20px;}
.single-portail #famille .content-famille-carousel{padding: 0;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail{padding: 15px;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.single-portail #famille .content-famille-carousel .famille-carousel .owl-nav{position: relative;width: fit-content;top: auto;transform: translate(-50%, 0);}
.single-portail #cloture .content .col-left{width: 50%; margin: 0 15px;}
.single-portail #cloture .content .col-right{width: 50%; margin: 0 15px;}
.single-portail #a-propos .content .col-left{width: 50%; margin: 0 15px}
.single-portail #a-propos .content .col-right{width: 50%; margin: 0 15px}
.single-portail #motorisation .content .col-left{width: 66.66666667%;margin: 0 15px} .page-gamme-clotures{padding-top: 75px;}
.page-gamme-clotures #header{padding: 60px 15px;}
.page-gamme-clotures #header .media{width: 50%;}
.page-gamme-clotures #header .texte{width: 50%;}
.page-gamme-clotures #header .texte h1{font-size: 36px;line-height: 36px;}
.page-gamme-clotures #content .filtre{padding: 40px 15px 0;}
.page-gamme-clotures #content .clotures-list{gap: 15px;padding: 40px 15px}
.page-gamme-clotures #content .clotures-list .cloture { width: calc(33.33333333% - 10px); }
.page-gamme-clotures #content .clotures-list .cloture .infos h2{font-size: 16px;}
.page-gamme-clotures #content .clotures-list .cloture .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-gamme-clotures #content .clotures-list .cloture:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-gamme-clotures #other-gamme{padding-bottom: 40px;}
.page-gamme-clotures #other-gamme .title{margin-bottom: 30px;}
.page-gamme-clotures #other-gamme .content{padding: 0 15px;}
.page-gamme-clotures #content-2{padding: 40px 15px;}
.page-gamme-clotures #content-2 .content{gap: 20px;}
.page-gamme-clotures #content-2 .content .col-left{width: 50%;margin-left: 0;}
.page-gamme-clotures #content-2 .content .col-right{width: 50%;margin-left: 0;}
.page-gamme-clotures #atouts{padding: 40px 15px;}
.page-gamme-clotures #atouts .content-2 .atout{width: 33.33333333%;} .single-cloture {padding-top: 75px;}
.single-cloture #description-technique .title{padding: 0 15px;margin-bottom: 20px;}
.single-cloture #description-technique .title h2{font-size: 24px; line-height: 30px;}
.single-cloture #description-technique .content{padding: 0 15px;}
.single-cloture #portails{padding: 80px 0;}
.single-cloture #portails .title{padding: 0 15px;margin-bottom: 20px;}
.single-cloture #portails .content{padding: 0 15px;margin-bottom: 20px;}
.single-cloture #portails .content-portail-carousel{padding: 0;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail{padding: 15px;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.single-cloture #portails .content-portail-carousel .portails-carousel .owl-nav{position: relative;width: fit-content;top: auto;}
.single-cloture #a-propos .content .col-left{width: 50%; margin: 0 15px}
.single-cloture #a-propos .content .col-right{width: 50%; margin: 0 15px} .page-brise-vue{padding-top: 75px;}
.page-brise-vue #header{padding: 40px 15px 0;}
.page-brise-vue #header .media{width: 50%;}
.page-brise-vue #header .texte{width: 50%;}
.page-brise-vue #header .texte h1{font-size: 36px;line-height: 36px;}
.page-brise-vue #content .filtre{padding: 40px 15px 0;}
.page-brise-vue #content .brise-vue-list{gap: 15px;padding: 40px 15px}
.page-brise-vue #content .brise-vue-list .brise-vue { width: calc(33.33333333% - 10px); padding-bottom: 0;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos h2{font-size: 16px;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-brise-vue #content .brise-vue-list .brise-vue:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;} .single--brise-vue {padding-top: 75px;}
.single--brise-vue #description-technique .title{padding: 0 15px;margin-bottom: 20px;}
.single--brise-vue #description-technique .title h2{font-size: 24px; line-height: 30px;}
.single--brise-vue #description-technique .content{padding: 0 15px;}
.single--brise-vue #transparence .title{padding: 0 15px;margin-bottom: 20px;}
.single--brise-vue #transparence .content{padding: 0 15px;}
.single--brise-vue #transparence .content-transparence{padding: 0 15px;}
.single--brise-vue #remplissage .title{padding: 0 15px;margin-bottom: 20px;}
.single--brise-vue #remplissage .content{padding: 0 15px;}
.single--brise-vue #remplissage .content-remplissage-carousel{padding: 25px 8.33333333% 0;}
.single--brise-vue #a-propos .content .col-left{width: 50%; margin: 0 15px}
.single--brise-vue #a-propos .content .col-right{width: 50%; margin: 0 15px} .page-garde-corps{padding-top: 75px;}
.page-garde-corps #header{padding: 40px 15px 0;}
.page-garde-corps #header .media{width: 50%;}
.page-garde-corps #header .texte{width: 50%;padding: 40px 0;}
.page-garde-corps #header .texte h1{font-size: 36px;line-height: 36px;}
.page-garde-corps #content .filtre{padding: 40px 15px 0;}
.page-garde-corps #content .garde-corps-list{gap: 15px;padding: 40px 15px}
.page-garde-corps #content .garde-corps-list .garde-corps{width: calc(33.33333333% - 10px);padding-bottom: 0;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos h2{font-size: 16px;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-garde-corps #content .garde-corps-list .garde-corps:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;} .single--garde-corps {padding-top: 75px;}
.single--garde-corps #description-technique .title{padding: 0 15px;margin-bottom: 20px;}
.single--garde-corps #description-technique .title h2{font-size: 24px; line-height: 30px;}
.single--garde-corps #description-technique .content{padding: 0 15px;}
.single--garde-corps #transparence .title{padding: 0 15px;margin-bottom: 20px;}
.single--garde-corps #transparence .content{padding: 0 15px;}
.single--garde-corps #transparence .content-transparence{padding: 0 15px;}
.single--garde-corps #remplissage .title{padding: 0 15px;margin-bottom: 20px;}
.single--garde-corps #remplissage .content{padding: 0 15px;}
.single--garde-corps #remplissage .content-remplissage-carousel{padding: 25px 8.33333333% 0;}
.single--garde-corps #a-propos .content .col-left{width: 50%; margin: 0 15px}
.single--garde-corps #a-propos .content .col-right{width: 50%; margin: 0 15px} .page-volet{padding-top: 75px;}
.page-volet #content .content{height: auto;align-items: stretch;}
.page-volet #content .content .col-left img{height: 100%;}
.page-volet #content .content .col-right {padding: 40px 0;} .page-motorisation{padding-top: 75px;}
.page-motorisation #header .content{    align-items: stretch;}
.page-motorisation #header .content .col-left{width: 41.66666667%;}
.page-motorisation #header .content .col-right{padding: 40px 0;}
.page-motorisation #header .content .col-right #breadcrumb{left: 50%;}
.page-motorisation #header .content .col-right h1{    font-size: 36px; line-height: 36px;}
.page-motorisation #header .content .col-right img{width: 50px;right: 110px;}
.page-motorisation #header .content .col-right img.logo-afg { width: 80px; top: 30px;right: 15px }
.page-motorisation #invisio{padding: 60px 0;}
.page-motorisation #invisio .content{padding: 0 15px;}
.page-motorisation #invisio .content .col-left { width: 75%; margin: 0; }
.page-motorisation #invisio .content .col-left h3{font-size: 32px; line-height: 34px;}
.page-motorisation #invisio .content .col-right { width: 25%; margin-left: 15px; text-align: center; }
.page-motorisation #battants{padding: 60px 0;}
.page-motorisation #battants .content{padding: 0 15px;}
.page-motorisation #battants .content .col-full{margin: 0;}
.page-motorisation #battants .content .col-full h3{font-size: 32px; line-height: 34px;}
.page-motorisation #battants .content .list-battants{margin: 0;width: 100%;}
.page-motorisation #coulissants{padding: 60px 0;}
.page-motorisation #coulissants .content{padding: 0 15px;}
.page-motorisation #coulissants .content .col-full{margin: 0;}
.page-motorisation #coulissants .content .col-full h3{font-size: 32px; line-height: 34px;}
.page-motorisation #coulissants .content .list-coulissants{margin: 0;width: 100%;justify-content: unset;}
.page-motorisation #visio{padding: 60px 0;}
.page-motorisation #visio .content{padding: 0 15px;}
.page-motorisation #visio .content .col-full{margin: 0;}
.page-motorisation #visio .content .col-full h3{font-size: 32px; line-height: 34px;}
.page-motorisation #visio .content .list-visiophonie{margin: 0;width: 100%;justify-content: unset;}
.page-motorisation #logement{padding: 60px 0;}
.page-motorisation #logement .content{padding: 0 15px;}
.page-motorisation #logement .content .col-full{margin: 0;}
.page-motorisation #logement .content .col-full h3{font-size: 32px; line-height: 34px;}
.page-motorisation #logement .content .list-logement{margin: 0;width: 100%;justify-content: unset;} .page-garantie-nuancier{padding-top: 75px;}
.page-garantie-nuancier #header{height: 280px;}
.page-garantie-nuancier #header #breadcrumb{left: 15px;}
.page-garantie-nuancier #header .content{padding: 0 15px;}
.page-garantie-nuancier #header .content h1{font-size: 40px;line-height: 40px;}
.page-garantie-nuancier #garantie{padding: 60px 0;}
.page-garantie-nuancier #garantie .content{padding: 0 15px; gap: 30px;}
.page-garantie-nuancier #garantie .content .col-left{width: 50%;margin: 0;}
.page-garantie-nuancier #garantie .content .col-right{width: 50%;margin: 0;}
.page-garantie-nuancier #garantie .content .col-right .texte h2{font-size: 32px; line-height: 35px;}
.page-garantie-nuancier #classe-2 {padding: 60px 0;}
.page-garantie-nuancier #classe-2 .content{padding: 0 15px; gap: 30px;}
.page-garantie-nuancier #classe-2 .content .col-right{width: 50%;margin: 0;}
.page-garantie-nuancier #classe-2 .content .col-left{width: 50%;margin: 0;}
.page-garantie-nuancier #classe-2 .content .col-left .texte h2{font-size: 32px; line-height: 35px;}
.page-garantie-nuancier #laquage {padding: 60px 0;}
.page-garantie-nuancier #laquage .content{padding: 0 15px; gap: 30px;}
.page-garantie-nuancier #laquage .content .col-right{width: 50%;margin: 0;}
.page-garantie-nuancier #laquage .content .col-left{width: 50%;margin: 0;}
.page-garantie-nuancier #laquage .content .col-left .texte h2{font-size: 32px; line-height: 35px;} .page-garantie-nuancier #labels{padding: 60px 0;}
.page-garantie-nuancier #labels .content{padding: 0 15px; gap: 30px;}
.page-garantie-nuancier #labels .content .col-right{width: 50%;margin: 0;}
.page-garantie-nuancier #labels .content .col-left{width: 50%;margin: 0;}
.page-garantie-nuancier #nuancier{padding: 60px 0;}
.page-garantie-nuancier #nuancier .content{padding: 0 15px; gap: 30px;}
.page-garantie-nuancier #nuancier .content .col-right{width: 50%;margin: 0;}
.page-garantie-nuancier #nuancier .content .col-left{width: 50%;margin: 0;} .page-cetal{padding-top: 75px;}
.page-cetal #header{height: 280px;}
.page-cetal #header #breadcrumb{left: 15px;}
.page-cetal #header .content{padding: 0 15px;}
.page-cetal #header .content h1{font-size: 40px;line-height: 40px;}
.page-cetal #presentation .content{padding: 60px 15px;gap: 30px;}
.page-cetal #presentation .content .col-left{width: 50%;margin: 0;}
.page-cetal #presentation .content .col-right{width: 50%;margin: 0;}
.page-cetal #presentation .content .col-right h2{font-size: 30px;}
.page-cetal #environnement .content{padding: 60px 15px;}
.page-cetal #environnement .content .col-center{width: 100%}
.page-cetal #environnement .content .col-center h2{font-size: 30px;}
.page-cetal #chiffres{padding: 60px 0;}
.page-cetal #chiffres .chiffres .chiffre{width: 25%;}
.page-cetal #chiffres .chiffres .chiffre p.c span{font-size: 50px;}
.page-cetal #content .content-1{padding: 60px 15px 0;}
.page-cetal #content .content-1 .col-full{width: 83.33333333%;margin-left: 8.33333333%;}
.page-cetal #content .content-2{padding: 60px 15px; gap: 30px;flex-wrap: nowrap;}
.page-cetal #content .content-2 .col-right{width: 50%;margin: 0;}
.page-cetal #content .content-2 .col-left{width: 50%;margin: 0;} .page-contact{padding-top: 75px;}
.page-contact #content{padding: 60px 15px;} .page-telechargements{padding-top: 75px;}
.page-telechargements #header{padding: 25px 15px;}
.page-telechargements #content{padding: 60px 15px;} .page-entretien-technique{padding-top: 75px;}
.page-entretien-technique #header{padding: 25px 15px;}
.page-entretien-technique #header #breadcrumb{left: 15px;}
.page-entretien-technique #content{padding: 60px 15px;} .page-fiches-produits{padding-top: 75px;}
.page-fiches-produits #header{height: 250px;}
.page-fiches-produits #header .content{padding: 0 0 0 15px;}
.page-fiches-produits #header .content .col-left{width: 50%;margin: 0;}
.page-fiches-produits #header .content .col-left h1{    font-size: 35px; line-height: 40px;}
.page-fiches-produits #header .content .col-right{width: 50%;}
.page-fiches-produits #header .content .col-right img{height: 250px;}
.page-fiches-produits #content{padding: 60px 15px;} .page-compte{padding-top: 75px;}
.page-compte #header{height: 250px;}
.page-compte #header .content{padding: 0 0 0 15px;}
.page-compte #header .content .col-left{width: 50%;margin: 0;}
.page-compte #header .content .col-left h1{    font-size: 35px; line-height: 40px;}
.page-compte #header .content .col-right{width: 50%;}
.page-compte #header .content .col-right img{height: 250px;}
.page-compte #content{padding: 60px 15px;} .page-search{padding-top: 75px;}
.page-search #header{padding: 25px 15px;}
.page-search #content{padding: 60px 15px;} .page-classique{padding-top: 75px;}
.page-classique #header{padding: 25px 15px;}
.page-classique #content{padding: 60px 15px;} .single--revendeur{padding-top: 75px;}
.single--revendeur #header{height: 300px;}
.single--revendeur #header .content .col-right h1{font-size: 32px;line-height: 32px}
.single--revendeur #introduction { padding: 50px 0; }
.single--revendeur #introduction .content{justify-content: inherit;padding: 0 15px;gap: 30px;}
.single--revendeur #introduction .content .texte { width: 100%; }
.single--revendeur #services{ padding: 50px 0 0; }
.single--revendeur #services .content .col-full{padding: 0 15px;}
.single--revendeur #services .content .col-full p{width: 100%;}
.single--revendeur #services .content .services-list{padding: 40px 15px;gap: 30px;}
.single--revendeur #services .content .services-list .service{width: calc(33.33333333% - 20px);}
.single--revendeur #services .content .service-specifique{padding: 40px 15px;}
.single--revendeur #services .content .service-specifique>* { max-width: 100%; }
.single--revendeur #showroom { padding: 50px 0;}
.single--revendeur #showroom .content{gap: 30px;justify-content: inherit;padding: 0 15px;}
.single--revendeur #showroom .content .col-left{width: 50%;}
.single--revendeur #showroom .content .col-right{width: 50%;}
.single--revendeur #trouver .content .col-left{margin: 0;padding: 0 15px;width: 50%;}
.single--revendeur #gamme{padding: 50px 0;}
.single--revendeur #gamme .content{justify-content: inherit;padding: 0 15px;gap: 30px;}
.single--revendeur #gamme .content .col-left{width: 50%;}
.single--revendeur #gamme .content .col-right{width: 50%;}
.single--revendeur #contact{padding: 40px 0;}
.single--revendeur #contact .content { padding: 0 15px; }
.single--revendeur #portfolio { padding: 50px 0; }
.single--revendeur #portfolio .content{padding: 0 15px;} .page-favoris{padding-top: 75px;}
.page-favoris #header .content .col-left h1{font-size: 35px;line-height: 35px;margin: 0;}
.page-favoris #header .content .col-right img{height: 200px;}
.page-favoris #content .products-list{padding: 40px 15px;}
.page-favoris #content .products-list .card{width: calc(33.33333333% - 20px);} .page-woocommerce{padding-top: 75px;}
.page-woocommerce #header{height: 250px;}
.page-woocommerce #header .content{padding: 0 0 0 15px;}
.page-woocommerce #header .content .col-left{width: 50%;margin: 0;}
.page-woocommerce #header .content .col-left h1{    font-size: 35px; line-height: 40px;}
.page-woocommerce #header .content .col-right{width: 50%;}
.page-woocommerce #header .content .col-right img{height: 250px;}
.page-woocommerce #content{padding: 60px 15px;} .page-login{padding-top: 75px;}
.page-login .content .col-left{display: none;}
.page-login .content .col-right{width: 100%;}
.page-login .content .col-right .top{padding: 50px 15px;}
.page-login .content .col-right .top h1{font-size: 35px;}
.page-login .content .col-right .bottom{padding: 50px 15px;}
.page-espace-pro{padding-top: 75px;}
.page-espace-pro #header{height: 250px;}
.page-espace-pro #header .content{padding: 0 0 0 15px;}
.page-espace-pro #header .content .col-left{width: 50%;margin: 0;}
.page-espace-pro #header .content .col-left h1{    font-size: 35px; line-height: 40px;}
.page-espace-pro #header .content .col-right{width: 50%;}
.page-espace-pro #header .content .col-right img{height: 250px;}
.page-espace-pro #content{padding: 60px 15px;} .page-devis{padding-top: 75px;}
.page-devis #header{padding: 40px 15px;}
.page-devis #header #breadcrumb{left: 15px;}
.page-devis #content{padding: 60px 15px;}
.page-devis #content form .step{padding: 50px 15px;}
.page-devis #content form .step.step-1 .type_bien span{width: calc(33.33333333% - 20px);}
.page-devis #content form .step.step-5 .content .col-1, .page-devis #content form .step.step-5 .content .col-2{width: calc(50% - 10px)}
.page-devis #content form .step.step-5 .content .col-1 p, .page-devis #content form .step.step-5 .content .col-2 p{margin-bottom: 0;}
.page-devis #content form .step.step-5 .content .col-1 p label:last-child input, .page-devis #content form .step.step-5 .content .col-2 p label:last-child input{margin-bottom: 0;}
.page-devis #content form .step.step-5 .content .col-3{width: 100%;} .page-nouveaute{padding-top: 75px;}
.page-nouveaute #content{padding: 40px 15px;}
.page-nouveaute #content .content{gap: 30px;}
.page-nouveaute #content .content .col-left{width: 58.33333333%;margin-left: 0;}
.page-nouveaute #content .content .col-left h2{font-size: 30px;}
.page-nouveaute #content .content .col-right{width: 41.66666667%;margin-left: 0;} .page-decors{padding-top: 75px;}
.page-decors #content{padding: 40px 15px;}
.page-decors #content .content{padding: 0;} .page-installateurs{padding-top: 75px;}
.page-installateurs #installateurs{padding: 40px 15px;}
.page-installateurs #installateurs .content{gap: 30px;}
.page-installateurs #installateurs .content .col-left{width: 58.33333333%;margin-left: 0;}
.page-installateurs #installateurs .content .col-left h2{font-size: 30px;}
.page-installateurs #installateurs .content .col-right{width: 41.66666667%;margin-left: 0;}
.page-installateurs #contact{padding: 0 15px 40px;}
.page-installateurs #contact .content .col-full{margin-left: 0;width: 100%;}
.page-installateurs #qui{padding: 40px 15px;}
.page-installateurs #qui .content{gap: 30px;}
.page-installateurs #qui .content .col-left{width: 58.33333333%;margin-left: 0;}
.page-installateurs #qui .content .col-left h2{font-size: 30px;}
.page-installateurs #qui .content .col-right{width: 41.66666667%;margin-left: 0;}
.page-installateurs #partenaire{padding: 40px 15px;}
.page-installateurs #partenaire .content .col-full{width: 100%;margin-left: 0;}
.page-installateurs #partenaire .content .col-full  h2{font-size: 30px;} .page-raisons{padding-top: 75px;}
.page-raisons #content .content.side-1, .page-raisons #content .content.side-2{padding: 40px 15px;gap: 30px;}
.page-raisons #content .content.side-1 .col-left,.page-raisons #content .content.side-2 .col-right{ width: 41.66666667%;margin-left: 0;}
.page-raisons #content .content.side-1 .col-right,.page-raisons #content .content.side-2 .col-left{width: 58.33333333%;margin-left: 0;} .page-realisations{padding-top: 75px;}
.page-realisations #content .realisations-list .realisation{width: calc(50% - 8px);} .single--creation { padding-top: 75px; }
.single--creation #principal-content .content{flex-wrap: wrap;}
.single--creation #principal-content .content .img{width: 100%;}
.single--creation #principal-content .content .img img{width: 100%;}
.single--creation #principal-content .content .principal-infos{width: 100%;margin-left: 0;padding: 40px 15px;}
.single--creation #principal-content .content .principal-infos h1{font-size: 30px;} .page-portails{padding-top: 75px;}
.page-portails #a-propos .content .col-left{width: 50%; margin: 0 15px}
.page-portails #a-propos .content .col-right{width: 50%; margin: 0 15px}
.page-portails #motorisation .content .col-left{width: 66.66666667%;margin: 0 15px} .page-clotures{padding-top: 75px;}
.page-clotures #a-propos .content .col-left{width: 50%; margin: 0 15px}
.page-clotures #a-propos .content .col-right{width: 50%; margin: 0 15px} .page-ope-motorisation .content{padding: 115px 15px 50px;}
.page-ope-motorisation .content .texte{width: 50%;margin-left: 0;}
.page-ope-motorisation .content .texte p{width: 100%;}
.page-ope-motorisation .content .img{width: 50%;margin-left: 0;} .page-portails.seo #header{height: 350px;}
.page-portails.seo #header #breadcrumb{left: 15px;}
.page-portails.seo #header .text{left: 15px;}
.page-portails.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-portails.seo #introduction{padding: 50px 0;}
.page-portails.seo #introduction .content{padding: 0 15px;}
.page-portails.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-portails.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-portails.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-portails.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-portails.seo #types-portail{padding: 50px 0;}
.page-portails.seo #types-portail .content{padding: 0 15px;}
.page-portails.seo #types-portail .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #types-portail .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #types-portail .content .types-list{margin-left: 0; width: 100%;}
.page-portails.seo #types-portail .content .types-list .item { width: calc(50% - 10px); }
.page-portails.seo #types-portail .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-portails.seo #types-portail .content .types-list .item .text .button{opacity: 1;}
.page-portails.seo #avantages-portail{padding: 50px 0;}
.page-portails.seo #avantages-portail .content{padding: 0 15px;}
.page-portails.seo #avantages-portail .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #avantages-portail .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #avantages-portail .content .avantages-portail-list{margin-left: 0; width: 100%;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item { width: calc(50% - 10px); }
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item .media img{width: 70px;height: 70px;}
.page-portails.seo #gammes-portail{padding: 50px 0;}
.page-portails.seo #gammes-portail .content{padding: 0 15px;}
.page-portails.seo #gammes-portail .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #gammes-portail .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #gammes-portail .content .gammes-portail-list{margin-left: 0;width: 100%;justify-content: normal;gap: 40px 20px;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item { width: calc(50% - 10px); }
.page-portails.seo #gammes-portail .content .gammes-portail-list .item .text h3{font-size: 20px;line-height: normal;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item .text .button{opacity: 1;}
.page-portails.seo #realisations{padding: 50px 0;}
.page-portails.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-portails.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-portails.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-portails.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-portails.seo #made-in-france .content{align-items: normal;}
.page-portails.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-portails.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-portails.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-portails.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-portails.seo #avantages-aluminium{padding: 50px 0;}
.page-portails.seo #avantages-aluminium .content{padding: 0 15px;}
.page-portails.seo #avantages-aluminium .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #avantages-aluminium .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list{width: 100%;margin-left: 0;}
.page-portails.seo #garanties{padding: 50px 0;}
.page-portails.seo #garanties .content{padding: 0 15px;}
.page-portails.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-portails.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-portails.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-portails.seo #faq{padding: 50px 0;}
.page-portails.seo #faq .content{padding: 0 15px;}
.page-portails.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-portails.seo #produits{padding: 50px 0;}
.page-portails.seo #produits .content{padding: 0 15px;}
.page-portails.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-portails.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-portails.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-portails.seo #produits .content .produits-list .item { width: calc(33% - 12px); } .page-type-portail.seo{padding-top: 75px;}
.page-type-portail.seo #header{height: 350px;}
.page-type-portail.seo #header #breadcrumb{left: 15px;}
.page-type-portail.seo #header .text{left: 15px;}
.page-type-portail.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-type-portail.seo #introduction{padding: 50px 0;}
.page-type-portail.seo #introduction .content{padding: 0 15px;}
.page-type-portail.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-type-portail.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-type-portail.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-type-portail.seo #types-portail{padding: 50px 0;}
.page-type-portail.seo #types-portail .content{padding: 0 15px;}
.page-type-portail.seo #types-portail .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #types-portail .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #types-portail .content .types-list{margin-left: 0; width: 100%;}
.page-type-portail.seo #types-portail .content .types-list .item { width: calc(50% - 10px); }
.page-type-portail.seo #types-portail .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-portail.seo #types-portail .content .types-list .item .text .button{opacity: 1;}
.page-type-portail.seo #type-configuration{padding: 50px 0;}
.page-type-portail.seo #type-configuration .content{padding: 0 15px;}
.page-type-portail.seo #type-configuration .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #type-configuration .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #type-configuration .content .type-configuration-list{margin-left: 0; width: 100%;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item { width: calc(50% - 10px); }
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item .text .button{opacity: 1;}
.page-type-portail.seo #realisations{padding: 50px 0;}
.page-type-portail.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-type-portail.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-type-portail.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-type-portail.seo #avantages-portail{padding: 50px 0;}
.page-type-portail.seo #avantages-portail .content{padding: 0 15px;}
.page-type-portail.seo #avantages-portail .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #avantages-portail .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list{margin-left: 0; width: 100%;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item { width: calc(50% - 10px); }
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item .media img{width: 70px;height: 70px;}
.page-type-portail.seo #avantages-aluminium{padding: 50px 0;}
.page-type-portail.seo #avantages-aluminium .content{padding: 0 15px;}
.page-type-portail.seo #avantages-aluminium .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #avantages-aluminium .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list{width: 100%;margin-left: 0;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item { width: calc(50% - 10px); }
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-portail.seo #made-in-france .content{align-items: normal;}
.page-type-portail.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-type-portail.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-type-portail.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-type-portail.seo #garanties{padding: 50px 0;}
.page-type-portail.seo #garanties .content{padding: 0 15px;}
.page-type-portail.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-type-portail.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-type-portail.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-type-portail.seo #faq{padding: 50px 0;}
.page-type-portail.seo #faq .content{padding: 0 15px;}
.page-type-portail.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-type-portail.seo #produits{padding: 50px 0;}
.page-type-portail.seo #produits .content{padding: 0 15px;}
.page-type-portail.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-type-portail.seo #produits .content .produits-list .item .text h3{font-size: 20px;line-height: normal;}
.page-type-portail.seo #produits .content .produits-list .item .text .button{opacity: 1;}
.page-type-portail.seo #produits .content .produits-list .owl-nav{        position: relative; top: auto; transform: none; left: auto; width: auto; display: block;} .page-type-portail-listing{padding-top: 75px;}
.page-type-portail-listing #header{padding: 60px 15px;}
.page-type-portail-listing #header .media{width: 50%;}
.page-type-portail-listing #header .texte{width: 50%;}
.page-type-portail-listing #content .filtre{padding: 40px 15px 0;}
.page-type-portail-listing #content .portails-list{gap: 15px;padding: 40px 15px}
.page-type-portail-listing #content .portails-list .portail { width: calc(33.33333333% - 10px);padding-bottom: 0; }
.page-type-portail-listing #content .portails-list .portail .infos{height: 100%;}
.page-type-portail-listing #content .portails-list .portail .infos h2{font-size: 16px;}
.page-type-portail-listing #content .portails-list .portail .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-type-portail-listing #content .portails-list .portail:hover .infos .links{flex-direction: column;height: auto; opacity: 1;}
.page-type-portail-listing #addons .content{padding: 40px 15px;gap: 15px;}
.page-type-portail-listing #addons .content .application{justify-content: flex-start;}
.page-type-portail-listing #addons .content .application .phone{display: none;}
.page-type-portail-listing #addons .content .application .texte br{display: none;}
.page-type-portail-listing #addons .content .motorisation .motor{left: 20px;}
.page-type-portail-listing #produits{padding: 50px 0;}
.page-type-portail-listing #produits .content{padding: 0 15px;}
.page-type-portail-listing #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-portail-listing #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-type-portail-listing #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-type-portail-listing #produits .content .produits-list .item .text h3{font-size: 20px;line-height: normal;}
.page-type-portail-listing #produits .content .produits-list .item .text .button{opacity: 1;}
.page-type-portail-listing #produits .content .produits-list .owl-nav{        position: relative; top: auto; transform: none; left: auto; width: auto; display: block;} .page-clotures.seo #header{height: 350px;}
.page-clotures.seo #header #breadcrumb{left: 15px;}
.page-clotures.seo #header .text{left: 15px;}
.page-clotures.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-clotures.seo #introduction{padding: 50px 0;}
.page-clotures.seo #introduction .content{padding: 0 15px;}
.page-clotures.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-clotures.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-clotures.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-clotures.seo #types-cloture{padding: 50px 0;}
.page-clotures.seo #types-cloture .content{padding: 0 15px;}
.page-clotures.seo #types-cloture .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #types-cloture .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #types-cloture .content .types-list{margin-left: 0; width: 100%;}
.page-clotures.seo #types-cloture .content .types-list .item { width: calc(50% - 10px); }
.page-clotures.seo #types-cloture .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-clotures.seo #types-cloture .content .types-list .item .text .button{opacity: 1;}
.page-clotures.seo #technique{padding: 50px 0;}
.page-clotures.seo #technique .content{padding: 0 15px;gap: 20px;}
.page-clotures.seo #technique .content .text{width: 50%;margin-left: 0;}
.page-clotures.seo #technique .content .text h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #technique .content .media{width: 50%;margin-left: 0;}
.page-clotures.seo #avantages-cloture{padding: 50px 0;}
.page-clotures.seo #avantages-cloture .content{padding: 0 15px;}
.page-clotures.seo #avantages-cloture .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #avantages-cloture .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list{margin-left: 0; width: 100%;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item { width: calc(50% - 10px); }
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item .media img{width: 70px;height: 70px;}
.page-clotures.seo #gammes-cloture{padding: 50px 0;}
.page-clotures.seo #gammes-cloture .content{padding: 0 15px;}
.page-clotures.seo #gammes-cloture .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #gammes-cloture .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list{margin-left: 0;width: 100%;justify-content: normal;gap: 40px 20px;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item { width: calc(50% - 10px); }
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .text h3{font-size: 20px;line-height: normal;margin-top: 10px;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item .text .button{opacity: 1;}
.page-clotures.seo #realisations{padding: 50px 0;}
.page-clotures.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-clotures.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-clotures.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-clotures.seo #made-in-france .content{align-items: normal;}
.page-clotures.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-clotures.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-clotures.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-clotures.seo #avantages-aluminium{padding: 50px 0;}
.page-clotures.seo #avantages-aluminium .content{padding: 0 15px;}
.page-clotures.seo #avantages-aluminium .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #avantages-aluminium .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list{width: 100%;margin-left: 0;}
.page-clotures.seo #garanties{padding: 50px 0;}
.page-clotures.seo #garanties .content{padding: 0 15px;}
.page-clotures.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-clotures.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-clotures.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-clotures.seo #faq{padding: 50px 0;}
.page-clotures.seo #faq .content{padding: 0 15px;}
.page-clotures.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-clotures.seo #produits{padding: 50px 0;}
.page-clotures.seo #produits .content{padding: 0 15px;}
.page-clotures.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-clotures.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-clotures.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-clotures.seo #produits .content .produits-list .item { width: calc(33% - 12px); } .page-type-cloture.seo{padding-top: 75px;}
.page-type-cloture.seo #header{height: 350px;}
.page-type-cloture.seo #header #breadcrumb{left: 15px;}
.page-type-cloture.seo #header .text{left: 15px;}
.page-type-cloture.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-type-cloture.seo #introduction{padding: 50px 0;}
.page-type-cloture.seo #introduction .content{padding: 0 15px;}
.page-type-cloture.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-type-cloture.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-type-cloture.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-type-cloture.seo #combo{padding: 50px 0;}
.page-type-cloture.seo #combo .content{padding: 0 15px;gap: 20px;}
.page-type-cloture.seo #combo .content .text{width: 50%;margin-left: 0;}
.page-type-cloture.seo #combo .content .text h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #combo .content .media{width: 50%;margin-left: 0;}
.page-type-cloture.seo #technique{padding: 50px 0;}
.page-type-cloture.seo #technique .content{padding: 0 15px;gap: 20px;}
.page-type-cloture.seo #technique .content .text{width: 50%;margin-left: 0;}
.page-type-cloture.seo #technique .content .text h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #technique .content .media{width: 50%;margin-left: 0;}
.page-type-cloture.seo #types-cloture{padding: 50px 0;}
.page-type-cloture.seo #types-cloture .content{padding: 0 15px;}
.page-type-cloture.seo #types-cloture .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-cloture.seo #types-cloture .content .title h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #types-cloture .content .types-list{margin-left: 0; width: 100%;}
.page-type-cloture.seo #types-cloture .content .types-list .item { width: calc(50% - 10px); }
.page-type-cloture.seo #types-cloture .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-cloture.seo #types-cloture .content .types-list .item .text .button{opacity: 1;}
.page-type-cloture.seo #realisations{padding: 50px 0;}
.page-type-cloture.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-type-cloture.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-type-cloture.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-type-cloture.seo #avantages-cloture{padding: 50px 0;}
.page-type-cloture.seo #avantages-cloture .content{padding: 0 15px;}
.page-type-cloture.seo #avantages-cloture .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-cloture.seo #avantages-cloture .content .title h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list{margin-left: 0; width: 100%;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item { width: calc(50% - 10px); }
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item .media img{width: 70px;height: 70px;}
.page-type-cloture.seo #made-in-france .content{align-items: normal;}
.page-type-cloture.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-type-cloture.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-type-cloture.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-type-cloture.seo #garanties{padding: 50px 0;}
.page-type-cloture.seo #garanties .content{padding: 0 15px;}
.page-type-cloture.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-cloture.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-type-cloture.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-type-cloture.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-type-cloture.seo #faq{padding: 50px 0;}
.page-type-cloture.seo #faq .content{padding: 0 15px;}
.page-type-cloture.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-cloture.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-type-cloture.seo #produits{padding: 50px 0;}
.page-type-cloture.seo #produits .content{padding: 0 15px;}
.page-type-cloture.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-cloture.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-type-cloture.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-type-cloture.seo #produits .content .produits-list .item { width: calc(33% - 12px); } .page-type-cloture-listing{padding-top: 75px;}
.page-type-cloture-listing #header{padding: 60px 15px;}
.page-type-cloture-listing #header .media{width: 50%;}
.page-type-cloture-listing #header .texte{width: 50%;}
.page-type-cloture-listing #header .texte h1{font-size: 36px;line-height: 36px;}
.page-type-cloture-listing #content .filtre{padding: 40px 15px 0;}
.page-type-cloture-listing #content .clotures-list{gap: 30px 15px;padding: 40px 15px}
.page-type-cloture-listing #content .clotures-list .cloture { width: calc(33.33333333% - 10px); padding-bottom: 0;}
.page-type-cloture-listing #content .clotures-list .cloture .infos h2{font-size: 16px;}
.page-type-cloture-listing #content .clotures-list .cloture .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-type-cloture-listing #content .clotures-list .cloture:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-type-cloture-listing #produits{padding: 50px 0;}
.page-type-cloture-listing #produits .content{padding: 0 15px;}
.page-type-cloture-listing #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-cloture-listing #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-type-cloture-listing #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-type-cloture-listing #produits .content .produits-list .item { width: calc(33% - 12px); } .page-brise-vue.seo #header{height: 350px;}
.page-brise-vue.seo #header #breadcrumb{left: 15px;}
.page-brise-vue.seo #header .text{left: 15px;}
.page-brise-vue.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-brise-vue.seo #introduction{padding: 50px 0;}
.page-brise-vue.seo #introduction .content{padding: 0 15px;}
.page-brise-vue.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-brise-vue.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-brise-vue.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-brise-vue.seo #types-brise-vue{padding: 50px 0;}
.page-brise-vue.seo #types-brise-vue .content{padding: 0 15px;}
.page-brise-vue.seo #types-brise-vue .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #types-brise-vue .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #types-brise-vue .content .types-list{margin-left: 0; width: 100%;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item { width: calc(50% - 10px); }
.page-brise-vue.seo #types-brise-vue .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item .text .button{opacity: 1;}
.page-brise-vue.seo #technique{padding: 50px 0;}
.page-brise-vue.seo #technique .content{padding: 0 15px;}
.page-brise-vue.seo #technique .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #technique .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #technique .content .specificite-technique-list{margin-left: 0; width: 100%;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item { width: calc(50% - 10px); }
.page-brise-vue.seo #technique .content .specificite-technique-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item .text .button{opacity: 1;}
.page-brise-vue.seo #avantages-brise-vue{padding: 50px 0;}
.page-brise-vue.seo #avantages-brise-vue .content{padding: 0 15px;}
.page-brise-vue.seo #avantages-brise-vue .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #avantages-brise-vue .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{margin-left: 0; width: 100%;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item { width: calc(50% - 10px); }
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .media img{width: 70px;height: 70px;}
.page-brise-vue.seo #realisations{padding: 50px 0;}
.page-brise-vue.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-brise-vue.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-brise-vue.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-brise-vue.seo #made-in-france .content{align-items: normal;}
.page-brise-vue.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-brise-vue.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-brise-vue.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-brise-vue.seo #avantages-aluminium{padding: 50px 0;}
.page-brise-vue.seo #avantages-aluminium .content{padding: 0 15px;}
.page-brise-vue.seo #avantages-aluminium .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #avantages-aluminium .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list{width: 100%;margin-left: 0;}
.page-brise-vue.seo #garanties{padding: 50px 0;}
.page-brise-vue.seo #garanties .content{padding: 0 15px;}
.page-brise-vue.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-brise-vue.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-brise-vue.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-brise-vue.seo #faq{padding: 50px 0;}
.page-brise-vue.seo #faq .content{padding: 0 15px;}
.page-brise-vue.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-brise-vue.seo #produits{padding: 50px 0;}
.page-brise-vue.seo #produits .content{padding: 0 15px;}
.page-brise-vue.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-brise-vue.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-brise-vue.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-brise-vue.seo #produits .content .produits-list .item { width: calc(33% - 12px); } .page-type-brise-vue.seo{padding-top: 75px;}
.page-type-brise-vue.seo #header{height: 350px;}
.page-type-brise-vue.seo #header #breadcrumb{left: 15px;}
.page-type-brise-vue.seo #header .text{left: 15px;}
.page-type-brise-vue.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-type-brise-vue.seo #introduction{padding: 50px 0;}
.page-type-brise-vue.seo #introduction .content{padding: 0 15px;}
.page-type-brise-vue.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-type-brise-vue.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-type-brise-vue.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-type-brise-vue.seo #modeles-brise-vue{padding: 50px 0;}
.page-type-brise-vue.seo #modeles-brise-vue .content{padding: 0 15px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list{margin-left: 0; width: 100%;padding: 0;gap: 20px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list{gap: 30px 15px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list .brise-vue { width: calc(33.33333333% - 10px); padding-bottom: 0;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list .brise-vue .infos h2{font-size: 16px;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list .brise-vue .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list .brise-vue:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-type-brise-vue.seo #vitrage{padding: 50px 0;}
.page-type-brise-vue.seo #vitrage .content{padding: 0 15px;}
.page-type-brise-vue.seo #vitrage .content>.text{margin-left: 0;width: 50%;margin-bottom: 20px;}
.page-type-brise-vue.seo #vitrage .content>.text h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list{margin-left: 0; width: 100%;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item { width: calc(50% - 10px); }
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-brise-vue.seo #motifs-decoratifs{padding: 50px 0;}
.page-type-brise-vue.seo #motifs-decoratifs .content{padding: 0 15px;}
.page-type-brise-vue.seo #motifs-decoratifs .content>.text{margin-left: 0;width: 50%;margin-bottom: 20px;}
.page-type-brise-vue.seo #motifs-decoratifs .content>.text h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel {margin-left: 0; width: 100%;padding: 0 8.33333333%;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav{width: 98%;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel  .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel  .item .media{height: 180px;}
.page-type-brise-vue.seo #types-brise-vue{padding: 50px 0;}
.page-type-brise-vue.seo #types-brise-vue .content{padding: 0 15px;}
.page-type-brise-vue.seo #types-brise-vue .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #types-brise-vue .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list{margin-left: 0; width: 100%;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item { width: calc(50% - 10px); }
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item .text .button{opacity: 1;}
.page-type-brise-vue.seo #technique{padding: 50px 0;}
.page-type-brise-vue.seo #technique .content{padding: 0 15px;}
.page-type-brise-vue.seo #technique .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #technique .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list{margin-left: 0; width: 100%;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item { width: calc(50% - 10px); }
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item .text .button{opacity: 1;}
.page-type-brise-vue.seo #realisations{padding: 50px 0;}
.page-type-brise-vue.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-type-brise-vue.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-type-brise-vue.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-type-brise-vue.seo #avantages-brise-vue{padding: 50px 0;}
.page-type-brise-vue.seo #avantages-brise-vue .content{padding: 0 15px;}
.page-type-brise-vue.seo #avantages-brise-vue .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #avantages-brise-vue .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{margin-left: 0; width: 100%;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item { width: calc(50% - 10px); }
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item .media img{width: 70px;height: 70px;}
.page-type-brise-vue.seo #made-in-france .content{align-items: normal;}
.page-type-brise-vue.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-type-brise-vue.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-type-brise-vue.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-type-brise-vue.seo #garanties{padding: 50px 0;}
.page-type-brise-vue.seo #garanties .content{padding: 0 15px;}
.page-type-brise-vue.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-type-brise-vue.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-type-brise-vue.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-type-brise-vue.seo #faq{padding: 50px 0;}
.page-type-brise-vue.seo #faq .content{padding: 0 15px;}
.page-type-brise-vue.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-type-brise-vue.seo #produits{padding: 50px 0;}
.page-type-brise-vue.seo #produits .content{padding: 0 15px;}
.page-type-brise-vue.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-brise-vue.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-type-brise-vue.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-type-brise-vue.seo #produits .content .produits-list .item { width: calc(33% - 12px); } .page-garde-corps.seo #header{height: 350px;}
.page-garde-corps.seo #header #breadcrumb{left: 15px;}
.page-garde-corps.seo #header .text{left: 15px;}
.page-garde-corps.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-garde-corps.seo #introduction{padding: 50px 0;}
.page-garde-corps.seo #introduction .content{padding: 0 15px;}
.page-garde-corps.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-garde-corps.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-garde-corps.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-garde-corps.seo #types-garde-corps{padding: 50px 0;}
.page-garde-corps.seo #types-garde-corps .content{padding: 0 15px;}
.page-garde-corps.seo #types-garde-corps .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #types-garde-corps .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #types-garde-corps .content .types-list{margin-left: 0; width: 100%;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item { width: calc(50% - 10px); }
.page-garde-corps.seo #types-garde-corps .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item .text .button{opacity: 1;}
.page-garde-corps.seo #technique{padding: 50px 0;}
.page-garde-corps.seo #technique .content{padding: 0 15px;}
.page-garde-corps.seo #technique .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #technique .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #technique .content .specificite-technique-list{margin-left: 0; width: 100%;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item { width: calc(50% - 10px); }
.page-garde-corps.seo #technique .content .specificite-technique-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item .text .button{opacity: 1;}
.page-garde-corps.seo #avantages-garde-corps{padding: 50px 0;}
.page-garde-corps.seo #avantages-garde-corps .content{padding: 0 15px;}
.page-garde-corps.seo #avantages-garde-corps .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #avantages-garde-corps .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{margin-left: 0; width: 100%;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item { width: calc(50% - 10px); }
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .media img{width: 70px;height: 70px;}
.page-garde-corps.seo #realisations{padding: 50px 0;}
.page-garde-corps.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-garde-corps.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-garde-corps.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-garde-corps.seo #made-in-france .content{align-items: normal;}
.page-garde-corps.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-garde-corps.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-garde-corps.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-garde-corps.seo #avantages-aluminium{padding: 50px 0;}
.page-garde-corps.seo #avantages-aluminium .content{padding: 0 15px;}
.page-garde-corps.seo #avantages-aluminium .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #avantages-aluminium .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list{width: 100%;margin-left: 0;}
.page-garde-corps.seo #garanties{padding: 50px 0;}
.page-garde-corps.seo #garanties .content{padding: 0 15px;}
.page-garde-corps.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-garde-corps.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-garde-corps.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-garde-corps.seo #faq{padding: 50px 0;}
.page-garde-corps.seo #faq .content{padding: 0 15px;}
.page-garde-corps.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-garde-corps.seo #produits{padding: 50px 0;}
.page-garde-corps.seo #produits .content{padding: 0 15px;}
.page-garde-corps.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-garde-corps.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-garde-corps.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-garde-corps.seo #produits .content .produits-list .item { width: calc(33% - 12px); } .page-type-garde-corps.seo{padding-top: 75px;}
.page-type-garde-corps.seo #header{height: 350px;}
.page-type-garde-corps.seo #header #breadcrumb{left: 15px;}
.page-type-garde-corps.seo #header .text{left: 15px;}
.page-type-garde-corps.seo #header .text h1{font-size: 40px;line-height: normal;}
.page-type-garde-corps.seo #introduction{padding: 50px 0;}
.page-type-garde-corps.seo #introduction .content{padding: 0 15px;}
.page-type-garde-corps.seo #introduction .content .media{width: 50%;margin-left: 0;}
.page-type-garde-corps.seo #introduction .content .text{width: 50%;margin-left: 0;}
.page-type-garde-corps.seo #introduction .content .text h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #introduction .content .text .madeinfrance { top: auto;transform: none; bottom: -50px; height: 60px; width: 60px; }
.page-type-garde-corps.seo #modeles-garde-corps{padding: 50px 0;}
.page-type-garde-corps.seo #modeles-garde-corps .content{padding: 0 15px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list{margin-left: 0; width: 100%;padding: 0;gap: 20px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list{gap: 30px 15px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list .garde-corps { width: calc(33.33333333% - 10px); padding-bottom: 0;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list .garde-corps .infos h2{font-size: 16px;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list .garde-corps .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list .garde-corps:hover .infos .links{flex-direction: column;height: 85px; opacity: 1;}
.page-type-garde-corps.seo #vitrage{padding: 50px 0;}
.page-type-garde-corps.seo #vitrage .content{padding: 0 15px;}
.page-type-garde-corps.seo #vitrage .content>.text{margin-left: 0;width: 50%;margin-bottom: 20px;}
.page-type-garde-corps.seo #vitrage .content>.text h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list{margin-left: 0; width: 100%;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item { width: calc(50% - 10px); }
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-garde-corps.seo #motifs-decoratifs{padding: 50px 0;}
.page-type-garde-corps.seo #motifs-decoratifs .content{padding: 0 15px;}
.page-type-garde-corps.seo #motifs-decoratifs .content>.text{margin-left: 0;width: 50%;margin-bottom: 20px;}
.page-type-garde-corps.seo #motifs-decoratifs .content>.text h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel {margin-left: 0; width: 100%;padding: 0 8.33333333%;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav{width: 98%;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel  .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel  .item .media{height: 180px;}
.page-type-garde-corps.seo #types-garde-corps{padding: 50px 0;}
.page-type-garde-corps.seo #types-garde-corps .content{padding: 0 15px;}
.page-type-garde-corps.seo #types-garde-corps .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #types-garde-corps .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list{margin-left: 0; width: 100%;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item { width: calc(50% - 10px); }
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item .text .button{opacity: 1;}
.page-type-garde-corps.seo #technique{padding: 50px 0;}
.page-type-garde-corps.seo #technique .content{padding: 0 15px;}
.page-type-garde-corps.seo #technique .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #technique .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list{margin-left: 0; width: 100%;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item { width: calc(50% - 10px); }
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item .text .button{opacity: 1;}
.page-type-garde-corps.seo #realisations{padding: 50px 0;}
.page-type-garde-corps.seo #realisations .content{padding: 0 15px;gap: 20px;}
.page-type-garde-corps.seo #realisations .content .text{margin-left: 0;width: 50%;}
.page-type-garde-corps.seo #realisations .content .text h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #realisations .content .media{margin-left: 0;width: 50%;}
.page-type-garde-corps.seo #avantages-garde-corps{padding: 50px 0;}
.page-type-garde-corps.seo #avantages-garde-corps .content{padding: 0 15px;}
.page-type-garde-corps.seo #avantages-garde-corps .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #avantages-garde-corps .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{margin-left: 0; width: 100%;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item { width: calc(50% - 10px); }
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .text h3{margin: 10px 0;font-size: 18px;line-height: normal;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item .media img{width: 70px;height: 70px;}
.page-type-garde-corps.seo #made-in-france .content{align-items: normal;}
.page-type-garde-corps.seo #made-in-france .content .media img{height: 100%;width: 100%;object-fit: cover;}
.page-type-garde-corps.seo #made-in-france .content .text{width: 50%;margin-left: 0;padding: 50px 15px 50px 20px;}
.page-type-garde-corps.seo #made-in-france .content .text h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #made-in-france .content .text p:last-of-type{margin-bottom: 0;}
.page-type-garde-corps.seo #garanties{padding: 50px 0;}
.page-type-garde-corps.seo #garanties .content{padding: 0 15px;}
.page-type-garde-corps.seo #garanties .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #garanties .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #garanties .content .garanties-list{width: 100%;margin-left: 0;}
.page-type-garde-corps.seo #garanties .content .garanties-list .item{width: calc(50% - 10px);}
.page-type-garde-corps.seo #garanties .content .garanties-list .item .text h3{font-size: 18px;line-height: normal;}
.page-type-garde-corps.seo #faq{padding: 50px 0;}
.page-type-garde-corps.seo #faq .content{padding: 0 15px;}
.page-type-garde-corps.seo #faq .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #faq .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #faq .content .faq{width: 100%;margin-left: 0;}
.page-type-garde-corps.seo #produits{padding: 50px 0;}
.page-type-garde-corps.seo #produits .content{padding: 0 15px;}
.page-type-garde-corps.seo #produits .content .title{margin-left: 0;width: 100%;margin-bottom: 20px;}
.page-type-garde-corps.seo #produits .content .title h2{font-size: 22px;line-height: normal;}
.page-type-garde-corps.seo #produits .content .produits-list{margin-left: 0;width: 100%;}
.page-type-garde-corps.seo #produits .content .produits-list .item { width: calc(33% - 12px); }
}
@media (max-width: 992px) { footer .content{flex-direction: column;}
footer .content .logo{width: 100%;justify-content:center}
footer .content .menu-footer{width: 100%;}
footer .content .rs{width: 100%;text-align: center;} .page-home #hero-banner .home-carousel .item .media{display: none;}
.page-home #hero-banner .home-carousel .item .content{width: 100%}
.page-home #hero-banner .home-carousel .item .content .texte{width: 70%;}
.page-home #produits{padding: 40px 15px;}
.page-home #creativite .content{padding: 40px 15px;flex-wrap: wrap;}
.page-home #creativite .content .texte { width: 100%}
.page-home #creativite .content .media { width: 100%}
.page-home #portails-moment { padding: 40px 0; }
.page-home #portails-moment .content .portails-list .portail { width: 100%; }
.page-home #portails-moment .content .portails-list .portail .media{height: 500px;}
.page-home #portails-moment .content .portails-list .portail .media img{object-position: center;}
.page-home #groupe .content{padding: 40px 15px;flex-wrap: wrap;}
.page-home #groupe .content .texte { width: 100%;order:1;}
.page-home #groupe .content .media { width: 100%;order:2;}
.page-home #addons .content{flex-wrap: wrap;}
.page-home #addons .content .motorisation{width: 100%;}
.page-home #addons .content .application{width: 100%;height: auto;}
.page-home #addons .content .bonnes-raisons{width: 100%;height: auto;}
.page-home #addons .content .decors{width: 100%;height: auto;} .page-gamme-portails #header{padding: 40px 15px;}
.page-gamme-portails #content .portails-list .portail { width: 100%; }
.page-gamme-portails #content .portails-list .portail .media{height: 500px;}
.page-gamme-portails #content .portails-list .portail .media img{object-position: center;}
.page-gamme-portails #addons .content{flex-wrap: wrap;}
.page-gamme-portails #addons .content .motorisation{width: 100%;}
.page-gamme-portails #addons .content .application{width: 100%;height: auto;}
.page-gamme-portails #addons .content .decors{width: 100%;height: auto;}
.page-gamme-portails #addons .content .bonnes-raisons{width: 100%;height: auto;}
.page-gamme-portails #other-gamme .content{flex-wrap: wrap;gap: 20px;}
.page-gamme-portails #other-gamme .content .item{width: 100%;} .page-type-portail-listing #content .portails-list .portail { width: 100%; }
.page-type-portail-listing #content .portails-list .portail .media{height: 500px;}
.page-type-portail-listing #content .portails-list .portail .media img{object-position: center;}
.page-type-portail-listing #addons .content .bonnes-raisons{width: 100%;height: auto;} .single-portail #principal-content .content{flex-wrap: wrap;}
.single-portail #principal-content .content .single-portail-carousel{width: 100%;}
.single-portail #principal-content .content .single-portail-carousel .item { height: calc(100vw / 1.5)!important; }
.single-portail #principal-content .content .single-portail-carousel .owl-dots{bottom: 10px;}
.single-portail #principal-content .content .principal-infos{width: 100%;}
.single-portail #principal-content .content .principal-infos{align-items: center;}
.single-portail #principal-content .content .principal-infos #breadcrumb{display: block;width: 100%;}
.single-portail #principal-content .content .principal-infos h1{text-align: center;}
.single-portail #principal-content .content .principal-infos .links{justify-content: center;}
.single-portail #description-technique{padding: 40px 0;}
.single-portail #description-technique .title h2{width: 100%;}
.single-portail #description-technique .content{flex-wrap: wrap;}
.single-portail #description-technique .content .col-left{width: 100%;}
.single-portail #description-technique .content .col-right{width: 100%;}
.single-portail #description-technique .content .text{column-count: 1;}
.single-portail #famille{padding: 40px 0;}
.single-portail #famille .title h2{width: 100%;}
.single-portail #famille .content{column-count: 1;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .media{height: 500px;}
.single-portail #famille .content-famille-carousel .famille-carousel .portail .media img{object-position: center;}
.single-portail #cloture .content{flex-wrap: wrap;gap:20px;    padding: 40px 0;}
.single-portail #cloture .content .col-left{width: 100%;}
.single-portail #cloture .content .col-right{width: 100%;text-align: center;}
.single-portail #cloture .content .col-right img{width: 60%;}
.single-portail #a-propos .content{gap: 20px;flex-wrap: wrap;padding: 40px 0;}
.single-portail #a-propos .content .col-left{width: 100%;order: 2;}
.single-portail #a-propos .content .col-right{width: 100%;order: 1;}
.single-portail #motorisation{padding: 40px 0;}
.single-portail #motorisation .content{gap: 20px;flex-wrap: wrap;}
.single-portail #motorisation .content .col-left{width: 100%;}
.single-portail #motorisation .content .col-right{width: 100%;}
.single-portail #motorisation .content .col-right img{width: auto;} .page-gamme-clotures #header{padding: 40px 15px;}
.page-gamme-clotures #content .clotures-list .cloture { width: 100%; }
.page-gamme-clotures #content .clotures-list .cloture .media img{object-position: center;}
.page-gamme-clotures #content .clotures-list .cloture .media{margin-top: 0px;}
.page-gamme-clotures #content .clotures-list .cloture .infos{margin-top: 0px;}
.page-gamme-clotures #content .clotures-list .cloture .infos .add-favori{top: 65%;}
.page-gamme-clotures #other-gamme .content{flex-wrap: wrap;gap: 20px;}
.page-gamme-clotures #other-gamme .content .item{width: 100%;}
.page-gamme-clotures #content-2 .content{flex-wrap: wrap;}
.page-gamme-clotures #content-2 .content .col-left{width: 100%;}
.page-gamme-clotures #content-2 .content .col-right{width: 100%;text-align: center;}
.page-gamme-clotures #atouts .content-2{flex-wrap: wrap;}
.page-gamme-clotures #atouts .content-2 .atout{width: calc(50% - 10px);} .single-cloture #principal-content .content{flex-wrap: wrap;}
.single-cloture #principal-content .content .single-cloture-carousel{width: 100%;}
.single-cloture #principal-content .content .single-cloture-carousel .item { height: calc(100vw / 1.5)!important; }
.single-cloture #principal-content .content .single-cloture-carousel .owl-dots{bottom: 10px;}
.single-cloture #principal-content .content .principal-infos{width: 100%;}
.single-cloture #principal-content .content .principal-infos{align-items: center;}
.single-cloture #principal-content .content .principal-infos #breadcrumb{display: block;width: 100%;}
.single-cloture #principal-content .content .principal-infos .links{justify-content: center;}
.single-cloture #description-technique{padding: 40px 0;}
.single-cloture #description-technique .title h2{width: 100%;}
.single-cloture #description-technique .content{flex-wrap: wrap;}
.single-cloture #description-technique .content .col-left{width: 100%;}
.single-cloture #description-technique .content .col-right{width: 100%;}
.single-cloture #portails{padding: 40px 0;}
.single-cloture #portails .title h2{width: 100%;}
.single-cloture #portails .content{column-count: 1;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .media{height: 500px;}
.single-cloture #portails .content-portail-carousel .portails-carousel .portail .media img{object-position: center;}
.single-cloture #a-propos .content{gap: 20px;flex-wrap: wrap;padding: 40px 0;}
.single-cloture #a-propos .content .col-left{width: 100%;order: 2;}
.single-cloture #a-propos .content .col-right{width: 100%;order: 1;} .page-brise-vue #header{padding: 40px 15px 0;}
.page-brise-vue #content .brise-vue-list .brise-vue { width: 100%; }
.page-brise-vue #content .brise-vue-list .brise-vue .media img{object-position: center;}
.page-brise-vue #content .brise-vue-list .brise-vue .media{margin-top: 0px;}
.page-brise-vue #content .brise-vue-list .brise-vue .infos{margin-top: 0px;}
.page-brise-vue #bloc .content{flex-wrap: wrap;}
.page-brise-vue #bloc .content .col-left{width: 100%;margin: 0;padding: 0 15px;}
.page-brise-vue #bloc .content .col-right{width: 100%;margin: 0;} .single--brise-vue #principal-content .content{flex-wrap: wrap;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel{width: 100%;}
.single--brise-vue #principal-content .content .single-brise-vue-carousel .item { height: calc(100vw / 1.5)!important; }
.single--brise-vue #principal-content .content .single-brise-vue-carousel .owl-dots{bottom: 10px;}
.single--brise-vue #principal-content .content .principal-infos{width: 100%;}
.single--brise-vue #principal-content .content .principal-infos{align-items: center;}
.single--brise-vue #principal-content .content .principal-infos #breadcrumb{display: block;width: 100%;}
.single--brise-vue #principal-content .content .principal-infos .links{justify-content: center;}
.single--brise-vue #description-technique{padding: 40px 0;}
.single--brise-vue #description-technique .title h2{width: 100%;}
.single--brise-vue #description-technique .content{columns: unset;}
.single--brise-vue #transparence{padding: 40px 0;}
.single--brise-vue #transparence .title{width: 100%;}
.single--brise-vue #transparence .title h2{width: 100%;}
.single--brise-vue #transparence .content{column-count: auto;}
.single--brise-vue #transparence .content-transparence .transparence{width: 100%;}
.single--brise-vue #transparence .content-transparence .transparence .infos{margin-top: 0;}
.single--brise-vue #transparence .content-transparence .transparence .media{margin-top: 0;}
.single--brise-vue #remplissage{padding: 40px 0;}
.single--brise-vue #remplissage .title{width: 100%;}
.single--brise-vue #remplissage .title h2{width: 100%;}
.single--brise-vue #remplissage .content{column-count: auto;}
.single--brise-vue #a-propos .content{gap: 20px;flex-wrap: wrap;padding: 40px 0;}
.single--brise-vue #a-propos .content .col-left{width: 100%;order: 2;}
.single--brise-vue #a-propos .content .col-right{width: 100%;order: 1;} .page-garde-corps #header{padding: 40px 15px 0;} 
.page-garde-corps #header #breadcrumb{left: 15px;}
.page-garde-corps #content .garde-corps-list .garde-corps { width: 100%; height: auto!important;}
.page-garde-corps #content .garde-corps-list .garde-corps .media img{object-position: center;}
.page-garde-corps #content .garde-corps-list .garde-corps .media{margin-top: 0px;justify-content: center;height: auto!important;}
.page-garde-corps #content .garde-corps-list .garde-corps .infos{margin-top: 0px;}
.page-garde-corps #bloc .content{flex-wrap: wrap;}
.page-garde-corps #bloc .content .col-left{width: 100%;margin: 0;padding: 0 15px;}
.page-garde-corps #bloc .content .col-right{width: 100%;margin: 0;} .single--garde-corps #principal-content .content{flex-wrap: wrap;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel{width: 100%;}
.single--garde-corps #principal-content .content .single-garde-corps-carousel .item { height: calc(100vw / 1.5)!important; }
.single--garde-corps #principal-content .content .single-garde-corps-carousel .owl-dots{bottom: 10px;}
.single--garde-corps #principal-content .content .principal-infos{width: 100%;}
.single--garde-corps #principal-content .content .principal-infos{align-items: center;}
.single--garde-corps #principal-content .content .principal-infos #breadcrumb{display: block;width: 100%;}
.single--garde-corps #principal-content .content .principal-infos .links{justify-content: center;}
.single--garde-corps #description-technique{padding: 40px 0;}
.single--garde-corps #description-technique .title h2{width: 100%;}
.single--garde-corps #description-technique .content{flex-wrap: wrap;}
.single--garde-corps #description-technique .content .col-left{width: 100%;}
.single--garde-corps #description-technique .content .col-right{width: 100%;}
.single--garde-corps #transparence{padding: 40px 0;}
.single--garde-corps #transparence .title{width: 100%;}
.single--garde-corps #transparence .title h2{width: 100%;}
.single--garde-corps #transparence .content{column-count: auto;}
.single--garde-corps #transparence .content-transparence .transparence{width: 100%;}
.single--garde-corps #transparence .content-transparence .transparence .infos{margin-top: 0;}
.single--garde-corps #transparence .content-transparence .transparence .media{margin-top: 0;}
.single--garde-corps #remplissage{padding: 40px 0;}
.single--garde-corps #remplissage .title{width: 100%;}
.single--garde-corps #remplissage .title h2{width: 100%;}
.single--garde-corps #remplissage .content{column-count: auto;}
.single--garde-corps #a-propos .content{gap: 20px;flex-wrap: wrap;padding: 40px 0;}
.single--garde-corps #a-propos .content .col-left{width: 100%;order: 2;}
.single--garde-corps #a-propos .content .col-right{width: 100%;order: 1;} .page-volet #content .content{flex-wrap: wrap;gap: 20px;}
.page-volet #content .content .col-left{width: 100%;order: 2;}
.page-volet #content .content .col-right{width: 100%;order: 1;margin-left: 0px;padding: 40px 15px;}
.page-volet #content .content .col-right #breadcrumb{left: 15px;} .page-motorisation #header .content{flex-wrap: wrap;}
.page-motorisation #header .content .col-left{width: 100%;order: 2;}
.page-motorisation #header .content .col-right{width: 100%;order: 1;padding: 40px 15px;margin-left: 0;position: relative;}
.page-motorisation #header .content .col-right #breadcrumb{left: 15px;}
.page-motorisation #header .content .col-right img{top: auto;bottom: 10px;}
.page-motorisation #header .content .col-right img.logo-afg{top: auto;bottom: 10px;}
.page-motorisation #invisio{padding: 40px 0;}
.page-motorisation #invisio .content{flex-wrap: wrap;}
.page-motorisation #invisio .content .col-left {width: 100%; }
.page-motorisation #invisio .content .col-right {width: 100%;}
.page-motorisation #battants{padding: 40px 0;}
.page-motorisation #battants .content .list-battants{flex-wrap: wrap;}
.page-motorisation #battants .content .list-battants .battant{width: 100%;}
.page-motorisation #coulissants{padding: 40px 0;}
.page-motorisation #coulissants .content .list-coulissants{flex-wrap: wrap;}
.page-motorisation #coulissants .content .list-coulissants .coulissant{width: 100%;}
.page-motorisation #visio{padding: 40px 0;}
.page-motorisation #visio .content .list-visiophonie{flex-wrap: wrap;}
.page-motorisation #visio .content .list-visiophonie .visiophonie{width: 100%;}
.page-motorisation #logement{padding: 40px 0;}
.page-motorisation #logement .content .list-logement{flex-wrap: wrap;}
.page-motorisation #logement .content .list-logement .logement{width: 100%;} .page-garantie-nuancier #header{height: 200px;}
.page-garantie-nuancier #garantie{padding: 40px 0;}
.page-garantie-nuancier #garantie .content{flex-wrap: wrap;gap: 20px;}
.page-garantie-nuancier #garantie .content .col-left{width: 100%;order: 2;}
.page-garantie-nuancier #garantie .content .col-right{width: 100%;order: 1;}
.page-garantie-nuancier #classe-2 {padding: 40px 0;}
.page-garantie-nuancier #classe-2 .content{flex-wrap: wrap;gap: 20px;}
.page-garantie-nuancier #classe-2 .content .col-left{width: 100%;}
.page-garantie-nuancier #classe-2 .content .col-right{width: 100%;}
.page-garantie-nuancier #laquage {padding: 40px 0;}
.page-garantie-nuancier #laquage .content{flex-wrap: wrap;gap: 20px;}
.page-garantie-nuancier #laquage .content .col-left{width: 100%;}
.page-garantie-nuancier #laquage .content .col-right{width: 100%;} .page-garantie-nuancier #labels{padding: 40px 0;}
.page-garantie-nuancier #labels .content{flex-wrap: wrap;gap: 40px;}
.page-garantie-nuancier #labels .content .col-left{width: 100%;text-align: center;}
.page-garantie-nuancier #labels .content .col-left p{text-align: left;margin-bottom: 20px;}
.page-garantie-nuancier #labels .content .col-left img{margin-bottom: 20px;}
.page-garantie-nuancier #labels .content .col-right{width: 100%;text-align: center;}
.page-garantie-nuancier #labels .content .col-right p{text-align: left;margin-bottom: 20px;}
.page-garantie-nuancier #labels .content .col-right img{margin-bottom: 20px;}
.page-garantie-nuancier #nuancier{padding: 40px 0;}
.page-garantie-nuancier #nuancier .content{flex-wrap: wrap;gap: 20px;}
.page-garantie-nuancier #nuancier .content .col-left{width: 100%;}
.page-garantie-nuancier #nuancier .content .col-left h3{font-size: 32px;}
.page-garantie-nuancier #nuancier .content .col-left .nuancier{width: 100%;}
.page-garantie-nuancier #nuancier .content .col-left .nuancier-2{width: 100%;}
.page-garantie-nuancier #nuancier .content .col-right{width: 100%;margin-top: 20px;margin-bottom: 20px;}
.page-garantie-nuancier #nuancier .content .col-right .sample-color .name{font-size: 45px;color: var(--white);}
.page-garantie-nuancier #nuancier .content .col-right .sample-color .subname{color: var(--white);}
.page-garantie-nuancier #nuancier .content .col-right .sample-color .ref{color: var(--white);} .page-cetal{padding-top: 75px;}
.page-cetal #header{height: 200px;}
.page-cetal #presentation .content{padding: 40px 15px;gap: 20px;flex-wrap: wrap;}
.page-cetal #presentation .content .col-left{width: 100%;order: 2;}
.page-cetal #presentation .content .col-right{width: 100%;order: 1;}
.page-cetal #environnement .content{padding: 40px 15px;}
.page-cetal #chiffres{padding: 40px 0;}
.page-cetal #chiffres .chiffres{flex-wrap: wrap;gap: 30px;}
.page-cetal #chiffres .chiffres .chiffre{width: 100%;}
.page-cetal #content .content-1{padding: 40px 15px 0;}
.page-cetal #content .content-1 .col-full{width: 100%;margin: 0;}
.page-cetal #content .content-2{padding: 40px 15px; gap: 0px; flex-wrap: wrap;}
.page-cetal #content .content-2 .col-left{width: 100%;}
.page-cetal #content .content-2 .col-right{width: 100%;} .page-contact #header{padding: 40px 15px}
.page-contact #header #breadcrumb{left: 15px;}
.page-contact #header h1{margin: 0;font-size: 32px;}
.page-contact #content{padding: 40px 15px;}
.page-contact #content .content form{gap: 0;}
.page-contact #content .content form .col{width: 100%;}
.page-contact #content .content form .wpcf7-spinner{ position: absolute; bottom: -10px; right: 15px; } .page-telechargements #header h1{margin: 0;font-size: 32px;}
.page-telechargements #content{padding: 40px 15px;}
.page-telechargements #content .card-list .card{width: calc(50% - 15px);}
.page-telechargements #content .card-list .card .media{height: 150px;overflow: hidden;}
.page-telechargements #content .card-list .card .content{height: auto;}
.page-telechargements #content .card-list .card .content .title{font-size: 16px;line-height: 20px;} .page-entretien-technique #header h1{margin: 0;font-size: 32px;}
.page-entretien-technique #content{padding: 40px 15px;}
.page-entretien-technique #content .card-list .card{width: calc(50% - 15px);}
.page-entretien-technique #content .card-list .card .media{height: 150px;overflow: hidden;}
.page-entretien-technique #content .card-list .card .content{height: auto;}
.page-entretien-technique #content .card-list .card .content .title{font-size: 16px;line-height: 20px;} .page-fiches-produits #header{padding: 40px 15px;height: auto;}
.page-fiches-produits #header .content .col-left{width: 100%;}
.page-fiches-produits #header .content .col-left h1{font-size: 32px;}
.page-fiches-produits #header .content .col-right{display: none;}
.page-fiches-produits #content{padding: 40px 15px;}
.page-fiches-produits #content .card-list .card{width: calc(50% - 15px);}
.page-fiches-produits #content .card-list .card .media{height: 150px;overflow: hidden;}
.page-fiches-produits #content .card-list .card .content{height: auto;}
.page-fiches-produits #content .card-list .card .content .title{font-size: 16px;line-height: 20px;} .page-compte #header{padding: 40px 15px;height: auto;}
.page-compte #header .content .col-left{width: 100%;}
.page-compte #header .content .col-left h1{font-size: 32px;}
.page-compte #header .content .col-right{display: none;}
.page-compte #content{padding: 40px 15px;}
.page-compte #content .woocommerce{flex-direction: column;gap: 20px;}
.page-compte #content .woocommerce .woocommerce-MyAccount-navigation{width: 100%;}
.page-compte #content .woocommerce .woocommerce-MyAccount-content{width: 100%;} .page-search #header h1{margin: 0;font-size: 26px;}
.page-search #content{padding: 40px 15px;} .page-classique #header h1{margin: 0;font-size: 26px;}
.page-classique #content{padding: 40px 15px;} .single--revendeur #header { height: auto; }
.single--revendeur #header .content{padding: 40px 15px}
.single--revendeur #header .content .col-left{display: none;}
.single--revendeur #header .content .col-right{width: 100%;margin: 0;}
.single--revendeur #header .content .col-right p{width: 100%;}
.single--revendeur #introduction{padding-top: 0;}
.single--revendeur #introduction .content{flex-direction: column;}
.single--revendeur #services .content .services-list .service{width: calc(50% - 15px);}
.single--revendeur #showroom .content{flex-wrap: wrap;}
.single--revendeur #showroom .content .col-left{width:100%}
.single--revendeur #showroom .content .col-right{width:100%}
.single--revendeur #trouver .content{flex-wrap: wrap;}
.single--revendeur #trouver .content .col-left{width:100%}
.single--revendeur #trouver .content .col-right{width:100%}
.single--revendeur #gamme .content{flex-wrap: wrap;}
.single--revendeur #gamme .content .col-left{width:100%}
.single--revendeur #gamme .content .col-right{width:100%}
.single--revendeur #contact .content form{gap: 0;}
.single--revendeur #contact .content form .form-col{width: 100%;}
.single--revendeur #portfolio .content .portfolio{width: calc(50% - 15px);height: 150px;}
.single--revendeur #contact .content form .wpcf7-spinner { position: absolute; bottom: -10px; right: 15px; } .page-favoris #header .content{height: 130px;}
.page-favoris #header .content .col-left{width: 100%;margin-left: 15px;}
.page-favoris #header .content .col-right{display: none}
.page-favoris #content .products-list .card{width: calc(50% - 8px);} .page-woocommerce #header{padding: 40px 15px;height: auto;}
.page-woocommerce #header .content .col-left{width: 100%;}
.page-woocommerce #header .content .col-left h1{font-size: 32px;}
.page-woocommerce #header .content .col-right{display: none;}
.page-woocommerce #content{padding: 40px 15px;}
.page-woocommerce #content .woocommerce table.shop_table td{text-align: center;}
.page-woocommerce #content table.shop_table_responsive tr td::before{display: none;} .page-espace-pro #header{padding: 40px 15px;height: auto;}
.page-espace-pro #header .content .col-left{width: 100%;}
.page-espace-pro #header .content .col-left h1{font-size: 32px;}
.page-espace-pro #header .content .col-right{display: none;}
.page-espace-pro #content{padding: 40px 15px;}
.page-espace-pro #content .products-list .card { width: calc(50% - 15px); }
.page-espace-pro .popup-container .popup-product{    width: 100%; padding: 50px 15px;}
.page-espace-pro .popup-container .popup-product a{font-size: 14px;} .page-devis #header h1{font-size: 28px;}
.page-devis #header #breadcrumb{left: 15px;}
.page-devis #content form .step h3{font-size: 22px;}
.page-devis #content form .step.step-1 .type_bien span{width: 50%;}
.page-devis #content .products-list .card{width: calc(50% - 8px);}
.page-devis #content form .step.step-5 .content{width: 100%;}
.page-devis #content form .step.step-5 .content .col-1, .page-devis #content form .step.step-5 .content .col-2, .page-devis #content form .step.step-5 .content .col-3{width: 100%}
.page-devis #content form .step.step-5 .content .col-4 .button-step p{flex-wrap: wrap;}
.page-devis #content form .step.step-4 .content{gap: 0;width: 100%;}
.page-devis #content form .step.step-4 .content .col-1, .page-devis #content form .step.step-4 .content .col-2 ,.page-devis #content form .step.step-4 .content .col-3{width: 100%}
.page-devis #content form .step.step-4 .content .col-1 p{margin: 0;}
.page-devis #content form .step .button-step{width: 100%;}
.page-devis #content form .step .button-step p{flex-wrap: wrap;justify-content: center;gap: 15px;} .page-nouveaute #header .content{padding: 40px 15px;}
.page-nouveaute #header .content .col-left{display: none;}
.page-nouveaute #header .content .col-right{width: 100%;margin-left: 0;}
.page-nouveaute #header .content .col-right h1{font-size: 32px;line-height: 50px;}
.page-nouveaute #header .content .col-right h1 br{display: none;}
.page-nouveaute #content .content{flex-wrap: wrap;}
.page-nouveaute #content .content .col-left, .page-nouveaute #content .content .col-right{width: 100%;} .page-decors #header .content{padding: 40px 15px;}
.page-decors #header .content .col-left{display: none;}
.page-decors #header .content .col-right{width: 100%;margin-left: 0;}
.page-decors #header .content .col-right h1{font-size: 32px;line-height: 50px;}
.page-decors #header .content .col-right h1 br{display: none;}
.page-decors #content .content .section .galerie{flex-wrap: wrap;gap: 15px;}
.page-decors #content .content .section .galerie .item{width: calc(50% - 8px);} .page-installateurs #header .content{padding: 40px 15px;}
.page-installateurs #header .content .col-left{display: none;}
.page-installateurs #header .content .col-right{width: 100%;margin-left: 0;}
.page-installateurs #header .content .col-right #breadcrumb{left: 15px;}
.page-installateurs #header .content .col-right h1{font-size: 32px;line-height: 50px;}
.page-installateurs #header .content .col-right h1 br{display: none;}
.page-installateurs #installateurs .content{flex-wrap: wrap;}
.page-installateurs #installateurs .content .col-left, .page-installateurs #installateurs .content .col-right{width: 100%;}
.page-installateurs #contact .content .col-full form{gap: 0;}
.page-installateurs #contact .content .col-full form .form-col{width: 100%;}
.page-installateurs #contact .content .col-full form .wpcf7-spinner{ position: absolute; bottom: -10px; right: 15px; }
.page-installateurs #qui .content{flex-wrap: wrap;}
.page-installateurs #qui .content .col-left, .page-installateurs #qui .content .col-right{width: 100%;}
.page-installateurs #partenaire .content{gap: 0;}
.page-installateurs #partenaire .content .col-full{columns: auto;} .page-raisons #header{height: 130px;background-image: none!important;background-color: #f4b51c;}
.page-raisons #header .content{width: 100%;margin-left: 15px;}
.page-raisons #header .content h1{margin: 0;font-size: 32px;line-height: 36px;}
.page-raisons #content .content.side-1, .page-raisons #content .content.side-2{flex-wrap: wrap;gap: 15px;}
.page-raisons #content .content.side-1 .col-left,.page-raisons #content .content.side-1 .col-right,.page-raisons #content .content.side-2 .col-left, .page-raisons #content .content.side-2 .col-right{width: 100%;}
.page-raisons #content .content.side-1 .col-left, .page-raisons #content .content.side-2 .col-right{order: 2;} .page-portails #header .content{padding: 40px 15px;}
.page-portails #header .content .col-left{display: none;}
.page-portails #header .content .col-right{width: 100%;margin-left: 0;padding: 0;}
.page-portails #header .content .col-right #breadcrumb{left: 15px;}
.page-portails #header .content .col-right h1{font-size: 32px;line-height: 50px;}
.page-portails #header .content .col-right h1 br{display: none;}
.page-portails .menu-portails{padding: 50px 15px;}
.page-portails .menu-portails .item{width: 33.3333%;}
.page-portails #a-propos .content{gap: 20px;flex-wrap: wrap;padding: 40px 0;}
.page-portails #a-propos .content .col-left{width: 100%;order: 2;}
.page-portails #a-propos .content .col-right{width: 100%;order: 1;}
.page-portails #motorisation{padding: 40px 0;}
.page-portails #motorisation .content{gap: 20px;flex-wrap: wrap;}
.page-portails #motorisation .content .col-left{width: 100%;}
.page-portails #motorisation .content .col-right{width: 100%;}
.page-portails #motorisation .content .col-right img{width: auto;} .page-clotures #header .content{padding: 0px 15px;}
.page-clotures #header .content .col-left{display: none;}
.page-clotures #header .content .col-right #breadcrumb{left: 15px;}
.page-clotures #header .content .col-right{width: 100%;margin-left: 0;}
.page-clotures #header .content .col-right h1{font-size: 32px;line-height: 50px;}
.page-clotures #header .content .col-right h1 br{display: none;}
.page-clotures .menu-clotures{padding: 50px 15px;}
.page-clotures .menu-clotures .item{width: 33.3333%;}
.page-clotures #a-propos .content{gap: 20px;flex-wrap: wrap;padding: 40px 0;}
.page-clotures #a-propos .content .col-left{width: 100%;order: 2;}
.page-clotures #a-propos .content .col-right{width: 100%;order: 1;} .page-ope-motorisation .content{padding: 115px 15px 50px;flex-wrap: wrap;gap: 20px;height: auto;}
.page-ope-motorisation .content .texte{width: 100%;}
.page-ope-motorisation .content .texte h1 br{display: none;}
.page-ope-motorisation .content .img{width: 100%;} .page-portails.seo #header{height: 200px;background: #000;}
.page-portails.seo #header img{opacity: .7;}
.page-portails.seo #header #breadcrumb{top: 15px;}
.page-portails.seo #header .text h1{font-size: 32px;        line-height: 36px;}
.page-portails.seo #introduction .content{flex-wrap: wrap;}
.page-portails.seo #introduction .content .media{width: 100%;order: 2;}
.page-portails.seo #introduction .content .text{width: 100%;order: 1;}
.page-portails.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-portails.seo #types-portail .content .types-list{gap: 20px;}
.page-portails.seo #types-portail .content .types-list .item{width: 100%;}
.page-portails.seo #avantages-portail .content .avantages-portail-list{gap: 20px;}
.page-portails.seo #avantages-portail .content .avantages-portail-list .item{width: 100%;}
.page-portails.seo #gammes-portail .content .gammes-portail-list{gap: 20px;}
.page-portails.seo #gammes-portail .content .gammes-portail-list .item{width: 100%;}
.page-portails.seo #realisations .content{flex-wrap: wrap;}
.page-portails.seo #realisations .content .text{width: 100%;}
.page-portails.seo #realisations .content .media{width: 100%;}
.page-portails.seo #made-in-france .content{flex-wrap: wrap;}
.page-portails.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-portails.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list{justify-content: normal;gap: 20px;}
.page-portails.seo #avantages-aluminium .content .avantages-aluminium-list .item { width: calc(50% - 10px); }
.page-portails.seo #garanties .content .garanties-list{gap: 20px;}
.page-portails.seo #garanties .content .garanties-list .item{width: 100%;}
.page-portails.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-portails.seo #produits .content .produits-list .item{width: 100%;} .page-type-portail.seo #header{height: 200px;background: #000;}
.page-type-portail.seo #header img{opacity: .7;}
.page-type-portail.seo #header #breadcrumb{top: 15px;}
.page-type-portail.seo #header .text h1{        font-size: 28px; line-height: 35px;}
.page-type-portail.seo #introduction .content{flex-wrap: wrap;}
.page-type-portail.seo #introduction .content .media{width: 100%;order: 2;}
.page-type-portail.seo #introduction .content .text{width: 100%;order: 1;}
.page-type-portail.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-type-portail.seo #types-portail .content .types-list{gap: 20px;}
.page-type-portail.seo #types-portail .content .types-list .item{width: 100%;}
.page-type-portail.seo #type-configuration .content .type-configuration-list{gap: 20px;}
.page-type-portail.seo #type-configuration .content .type-configuration-list .item{width: 100%;}
.page-type-portail.seo #realisations .content{flex-wrap: wrap;}
.page-type-portail.seo #realisations .content .text{width: 100%;}
.page-type-portail.seo #realisations .content .media{width: 100%;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list{gap: 20px;}
.page-type-portail.seo #avantages-portail .content .avantages-portail-list .item{width: 100%;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list{gap: 20px;}
.page-type-portail.seo #avantages-aluminium .content .avantages-aluminium-list .item{width: 100%;}
.page-type-portail.seo #made-in-france .content{flex-wrap: wrap;}
.page-type-portail.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-type-portail.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-type-portail.seo #garanties .content .garanties-list{gap: 20px;}
.page-type-portail.seo #garanties .content .garanties-list .item{width: 100%;} .page-type-portail-listing #header{padding: 40px 15px;}
.page-type-portail-listing #header{flex-wrap: wrap;}
.page-type-portail-listing #header #breadcrumb{top: 10px;}
.page-type-portail-listing #header .media{width: 80%;order:2;}
.page-type-portail-listing #header .texte{width: 100%;order:1;}
.page-type-portail-listing #content .filtre form{flex-wrap: wrap;width: 100%;}
.page-type-portail-listing #content .filtre form select{width: 100%;}
.page-type-portail-listing #content .portails-list .portail { width: 100%; }
.page-type-portail-listing #content .portails-list .portail .media{height: 250px;}
.page-type-portail-listing #content .portails-list .portail .media img{object-position: center;}
.page-type-portail-listing #addons .content{flex-wrap: wrap;}
.page-type-portail-listing #addons .content .motorisation{width: 100%;}
.page-type-portail-listing #addons .content .application{width: 100%;height: auto;}
.page-type-portail-listing #addons .content .decors{width: 100%;height: auto;} .page-clotures.seo #header{height: 200px;background: #000;}
.page-clotures.seo #header img{opacity: .7;}
.page-clotures.seo #header #breadcrumb{top: 15px;}
.page-clotures.seo #header .text h1{font-size: 32px;        line-height: 36px;}
.page-clotures.seo #introduction .content{flex-wrap: wrap;}
.page-clotures.seo #introduction .content .media{width: 100%;order: 2;}
.page-clotures.seo #introduction .content .text{width: 100%;order: 1;}
.page-clotures.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-clotures.seo #types-cloture .content .types-list{gap: 20px;}
.page-clotures.seo #types-cloture .content .types-list .item{width: 100%;}
.page-clotures.seo #technique .content{flex-wrap: wrap;}
.page-clotures.seo #technique .content .text{width: 100%;}
.page-clotures.seo #technique .content .media{width: 100%;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list{gap: 20px;}
.page-clotures.seo #avantages-cloture .content .avantages-cloture-list .item{width: 100%;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list{gap: 20px;}
.page-clotures.seo #gammes-cloture .content .gammes-cloture-list .item{width: 100%;}
.page-clotures.seo #realisations .content{flex-wrap: wrap;}
.page-clotures.seo #realisations .content .text{width: 100%;}
.page-clotures.seo #realisations .content .media{width: 100%;}
.page-clotures.seo #made-in-france .content{flex-wrap: wrap;}
.page-clotures.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-clotures.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list{justify-content: normal;gap: 20px;}
.page-clotures.seo #avantages-aluminium .content .avantages-aluminium-list .item { width: calc(50% - 10px); }
.page-clotures.seo #garanties .content .garanties-list{gap: 20px;}
.page-clotures.seo #garanties .content .garanties-list .item{width: 100%;}
.page-clotures.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-clotures.seo #produits .content .produits-list .item{width: 100%;} .page-type-cloture.seo #header{height: 200px;background: #000;}
.page-type-cloture.seo #header img{opacity: .7;}
.page-type-cloture.seo #header #breadcrumb{top: 15px;}
.page-type-cloture.seo #header .text h1{        font-size: 28px; line-height: 35px;}
.page-type-cloture.seo #introduction .content{flex-wrap: wrap;}
.page-type-cloture.seo #introduction .content .media{width: 100%;order: 2;}
.page-type-cloture.seo #introduction .content .text{width: 100%;order: 1;}
.page-type-cloture.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-type-cloture.seo #combo .content{flex-wrap: wrap;}
.page-type-cloture.seo #combo .content .text{width: 100%;}
.page-type-cloture.seo #combo .content .media{width: 100%;}
.page-type-cloture.seo #types-cloture .content .types-list{gap: 20px;}
.page-type-cloture.seo #types-cloture .content .types-list .item{width: 100%;}
.page-type-cloture.seo #technique .content{flex-wrap: wrap;}
.page-type-cloture.seo #technique .content .text{width: 100%;}
.page-type-cloture.seo #technique .content .media{width: 100%;}
.page-type-cloture.seo #realisations .content{flex-wrap: wrap;}
.page-type-cloture.seo #realisations .content .text{width: 100%;}
.page-type-cloture.seo #realisations .content .media{width: 100%;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list{gap: 20px;}
.page-type-cloture.seo #avantages-cloture .content .avantages-cloture-list .item{width: 100%;}
.page-type-cloture.seo #made-in-france .content{flex-wrap: wrap;}
.page-type-cloture.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-type-cloture.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-type-cloture.seo #garanties .content .garanties-list{gap: 20px;}
.page-type-cloture.seo #garanties .content .garanties-list .item{width: 100%;}
.page-type-cloture.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-type-cloture.seo #produits .content .produits-list .item{width: 100%;} .page-type-cloture-listing #header{padding: 40px 15px;}
.page-type-cloture-listing #header{padding: 40px 15px;}
.page-type-cloture-listing #header{flex-wrap: wrap;}
.page-type-cloture-listing #header #breadcrumb{top: 10px;}
.page-type-cloture-listing #header .media{width: 80%;order:2;}
.page-type-cloture-listing #header .texte{width: 100%;order:1;margin-left: 0;}
.page-type-cloture-listing #content .filtre form{flex-wrap: wrap;width: 100%;}
.page-type-cloture-listing #content .filtre form select{width: 100%;}
.page-type-cloture-listing #content .clotures-list .cloture { width: 100%; }
.page-type-cloture-listing #content .clotures-list .cloture .media img{object-position: center;}
.page-type-cloture-listing #content .clotures-list .cloture .media{margin-top: 0px;}
.page-type-cloture-listing #content .clotures-list .cloture .infos{margin-top: 0px;}
.page-type-cloture-listing #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-type-cloture-listing #produits .content .produits-list .item{width: 100%;} .page-brise-vue.seo #header{height: 200px;background: #000;}
.page-brise-vue.seo #header img{opacity: .7;}
.page-brise-vue.seo #header #breadcrumb{top: 15px;}
.page-brise-vue.seo #header .text h1{font-size: 32px;        line-height: 36px;}
.page-brise-vue.seo #introduction .content{flex-wrap: wrap;}
.page-brise-vue.seo #introduction .content .media{width: 100%;order: 2;}
.page-brise-vue.seo #introduction .content .text{width: 100%;order: 1;}
.page-brise-vue.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-brise-vue.seo #types-brise-vue .content .types-list{gap: 20px;}
.page-brise-vue.seo #types-brise-vue .content .types-list .item{width: 100%;}
.page-brise-vue.seo #technique .content .specificite-technique-list{gap: 20px;}
.page-brise-vue.seo #technique .content .specificite-technique-list .item{width: 100%;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{gap: 20px;}
.page-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item{width: 100%;}
.page-brise-vue.seo #realisations .content{flex-wrap: wrap;}
.page-brise-vue.seo #realisations .content .text{width: 100%;}
.page-brise-vue.seo #realisations .content .media{width: 100%;}
.page-brise-vue.seo #made-in-france .content{flex-wrap: wrap;}
.page-brise-vue.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-brise-vue.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list{justify-content: normal;gap: 20px;}
.page-brise-vue.seo #avantages-aluminium .content .avantages-aluminium-list .item { width: calc(50% - 10px); }
.page-brise-vue.seo #garanties .content .garanties-list{gap: 20px;}
.page-brise-vue.seo #garanties .content .garanties-list .item{width: 100%;}
.page-brise-vue.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-brise-vue.seo #produits .content .produits-list .item{width: 100%;} .page-type-brise-vue.seo #header{height: 200px;background: #000;}
.page-type-brise-vue.seo #header img{opacity: .7;}
.page-type-brise-vue.seo #header #breadcrumb{top: 15px;}
.page-type-brise-vue.seo #header .text h1{        font-size: 28px; line-height: 35px;}
.page-type-brise-vue.seo #introduction .content{flex-wrap: wrap;}
.page-type-brise-vue.seo #introduction .content .media{width: 100%;order: 2;}
.page-type-brise-vue.seo #introduction .content .text{width: 100%;order: 1;}
.page-type-brise-vue.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-type-brise-vue.seo #modeles-brise-vue .content .brise-vue-list .brise-vue{width: 100%;}
.page-type-brise-vue.seo #vitrage .content>.text{width: 100%;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list{gap: 20px;}
.page-type-brise-vue.seo #vitrage .content .vitrage-list .item{width: 100%;}
.page-type-brise-vue.seo #motifs-decoratifs .content>.text{width: 100%;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel{padding: 0;}
.page-type-brise-vue.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav {position: relative; top: auto; left: auto; transform: none; width: auto; justify-content: center;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list{gap: 20px;}
.page-type-brise-vue.seo #technique .content .specificite-technique-list .item{width: 100%;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list{gap: 20px;}
.page-type-brise-vue.seo #types-brise-vue .content .types-list .item{width: 100%;}
.page-type-brise-vue.seo #realisations .content{flex-wrap: wrap;}
.page-type-brise-vue.seo #realisations .content .text{width: 100%;}
.page-type-brise-vue.seo #realisations .content .media{width: 100%;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list{gap: 20px;}
.page-type-brise-vue.seo #avantages-brise-vue .content .avantages-brise-vue-list .item{width: 100%;}
.page-type-brise-vue.seo #made-in-france .content{flex-wrap: wrap;}
.page-type-brise-vue.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-type-brise-vue.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-type-brise-vue.seo #garanties .content .garanties-list{gap: 20px;}
.page-type-brise-vue.seo #garanties .content .garanties-list .item{width: 100%;}
.page-type-brise-vue.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-type-brise-vue.seo #produits .content .produits-list .item{width: 100%;} .page-garde-corps.seo #header{height: 200px;background: #000;}
.page-garde-corps.seo #header img{opacity: .7;}
.page-garde-corps.seo #header #breadcrumb{top: 15px;}
.page-garde-corps.seo #header .text h1{font-size: 32px;        line-height: 36px;}
.page-garde-corps.seo #introduction .content{flex-wrap: wrap;}
.page-garde-corps.seo #introduction .content .media{width: 100%;order: 2;}
.page-garde-corps.seo #introduction .content .text{width: 100%;order: 1;}
.page-garde-corps.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-garde-corps.seo #types-garde-corps .content .types-list{gap: 20px;}
.page-garde-corps.seo #types-garde-corps .content .types-list .item{width: 100%;}
.page-garde-corps.seo #technique .content .specificite-technique-list{gap: 20px;}
.page-garde-corps.seo #technique .content .specificite-technique-list .item{width: 100%;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{gap: 20px;}
.page-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item{width: 100%;}
.page-garde-corps.seo #realisations .content{flex-wrap: wrap;}
.page-garde-corps.seo #realisations .content .text{width: 100%;}
.page-garde-corps.seo #realisations .content .media{width: 100%;}
.page-garde-corps.seo #made-in-france .content{flex-wrap: wrap;}
.page-garde-corps.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-garde-corps.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list{justify-content: normal;gap: 20px;}
.page-garde-corps.seo #avantages-aluminium .content .avantages-aluminium-list .item { width: calc(50% - 10px); }
.page-garde-corps.seo #garanties .content .garanties-list{gap: 20px;}
.page-garde-corps.seo #garanties .content .garanties-list .item{width: 100%;}
.page-garde-corps.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-garde-corps.seo #produits .content .produits-list .item{width: 100%;} .page-type-garde-corps.seo #header{height: 200px;background: #000;}
.page-type-garde-corps.seo #header img{opacity: .7;}
.page-type-garde-corps.seo #header #breadcrumb{top: 15px;}
.page-type-garde-corps.seo #header .text h1{        font-size: 28px; line-height: 35px;}
.page-type-garde-corps.seo #introduction .content{flex-wrap: wrap;}
.page-type-garde-corps.seo #introduction .content .media{width: 100%;order: 2;}
.page-type-garde-corps.seo #introduction .content .text{width: 100%;order: 1;}
.page-type-garde-corps.seo #introduction .content .text .madeinfrance{top: 0px;bottom: auto;transform: translateY(-50%);}
.page-type-garde-corps.seo #modeles-garde-corps .content .garde-corps-list .garde-corps{width: 100%;}
.page-type-garde-corps.seo #vitrage .content>.text{width: 100%;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list{gap: 20px;}
.page-type-garde-corps.seo #vitrage .content .vitrage-list .item{width: 100%;}
.page-type-garde-corps.seo #motifs-decoratifs .content>.text{width: 100%;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel{padding: 0;}
.page-type-garde-corps.seo #motifs-decoratifs .content .motifs-decoratifs-carousel .owl-nav {position: relative; top: auto; left: auto; transform: none; width: auto; justify-content: center;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list{gap: 20px;}
.page-type-garde-corps.seo #technique .content .specificite-technique-list .item{width: 100%;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list{gap: 20px;}
.page-type-garde-corps.seo #types-garde-corps .content .types-list .item{width: 100%;}
.page-type-garde-corps.seo #realisations .content{flex-wrap: wrap;}
.page-type-garde-corps.seo #realisations .content .text{width: 100%;}
.page-type-garde-corps.seo #realisations .content .media{width: 100%;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list{gap: 20px;}
.page-type-garde-corps.seo #avantages-garde-corps .content .avantages-garde-corps-list .item{width: 100%;}
.page-type-garde-corps.seo #made-in-france .content{flex-wrap: wrap;}
.page-type-garde-corps.seo #made-in-france .content .media{width: 100%;order: 2;}
.page-type-garde-corps.seo #made-in-france .content .text{width: 100%;order: 1;padding: 50px 15px 20px;}
.page-type-garde-corps.seo #garanties .content .garanties-list{gap: 20px;}
.page-type-garde-corps.seo #garanties .content .garanties-list .item{width: 100%;}
.page-type-garde-corps.seo #produits .content .produits-list{flex-wrap: wrap;gap: 20px;}
.page-type-garde-corps.seo #produits .content .produits-list .item{width: 100%;}
}
@media (max-width: 768px) { footer .content .menu-footer ul{flex-direction: column;padding: 15px 0;}
footer .content .menu-footer ul li{width: 100%;text-align: center;} .page-home #portails-moment .content .portails-list .portail .media{height: 300px;} .page-gamme-portails #header{flex-wrap: wrap;}
.page-gamme-portails #header #breadcrumb{top: 10px;}
.page-gamme-portails #header .media{width: 80%;order:2;}
.page-gamme-portails #header .texte{width: 100%;order:1;}
.page-gamme-portails #content .filtre form{flex-wrap: wrap;width: 100%;}
.page-gamme-portails #content .filtre form select{width: 100%;}
.page-gamme-portails #content .portails-list .portail .media{height: 300px;}
.page-gamme-portails #other-gamme .content .item img{width: 60%;} .page-type-portail-listing #content .portails-list .portail .media{height: 300px;} .single-portail #famille .content-famille-carousel .famille-carousel .portail .media{height: 300px;} .page-gamme-clotures #header{flex-wrap: wrap;}
.page-gamme-clotures #header #breadcrumb{top: 10px;}
.page-gamme-clotures #header .media{width: 80%;order:2;}
.page-gamme-clotures #header .texte{width: 100%;order:1;margin-left: 0;}
.page-gamme-clotures #other-gamme .content .item img{width: 60%;}
.page-gamme-clotures #content .clotures-list .cloture .infos .add-favori{top: 50%;} .single-cloture #portails .content-portail-carousel .portails-carousel .portail .media{height: 300px;} .page-brise-vue #header{flex-wrap: wrap;}
.page-brise-vue #header .media{width: 80%;order:2;}
.page-brise-vue #header .texte{width: 100%;order:1;}
.page-brise-vue #other-gamme .content .item img{width: 60%;} .page-garde-corps #header{flex-wrap: wrap;}
.page-garde-corps #header .media{width: 80%;order:2;}
.page-garde-corps #header .texte{width: 100%;order:1;} .page-favoris #content .products-list .card{width: 100%;} .page-espace-pro #content .products-list .card { width: 100%; } .page-decors #content .content .section .galerie .item{width: 100%;} .page-devis #content form .step.step-1 .type_bien{flex-direction: column;}
.page-devis #content form .step.step-1 .type_bien span{width: 100%;} .page-devis #content form .step.step-2 .content .wpcf7-list-item{width: calc(50% - 8px);}
.page-devis #content .products-list .card{width: 100%;}
.page-devis #content form .step.step-4 .echeance{flex-wrap: wrap;}
.page-devis #content form .step.step-4 .echeance span{width: calc(50% - 8px);}
.page-devis #content form .step.step-4 .echeance span label span{padding: 15px;} .page-realisations #header{flex-wrap: wrap;}
.page-realisations #header>*{width: 100%;}
.page-realisations #content .realisations-list .realisation{width: 100%;} .page-portails .menu-portails{flex-direction: column;}
.page-portails .menu-portails .item { width: 100%; } .page-clotures .menu-clotures{flex-direction: column;}
.page-clotures .menu-clotures .item { width: 100%; }
}
@media (max-width: 576px) {
}table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
} ul.products {
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.79667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
ul.products.columns-2 li.product {
width: 48.1%;
}
ul.products.columns-3 li.product {
width: 30.79667%;
}
ul.products.columns-4 li.product {
width: 22.15%;
}
ul.products.columns-5 li.product {
width: 16.96%;
}
ul.products.columns-6 li.product {
width: 13.49333%;
}
} .single-product div.product {
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.79667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
position: relative;
margin: 0;
padding: 0;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #4169e1;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #4169e1;
opacity: 1;
} .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #4169e1;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #4169e1;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}