.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
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(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-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 {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
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-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.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; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
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 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([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(//catalogue-construction-metallique.com/wp-content/themes/ccm/library/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms 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-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.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: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }* {
box-sizing: border-box;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-moz-osx-font-smoothing: grayscale;  
-webkit-font-smoothing: antialiased; 
font-smoothing: antialiased; 
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, body {
box-sizing: border-box;
font-family: 'Open Sans', helvetica, arial, lucida, sans-serif;
color: #3c3c3f;
background: #eff5f7;
font-size: 1rem;
line-height: 1.4rem;
font-weight: 300;
font-style: normal;
text-rendering: optimizeLegibility; 
word-wrap: normal !important;
-webkit-hyphens: none !important;
hyphens: none !important;
-webkit-word-break: normal !important;
word-break: normal !important;
}
:root {
--bleu01: #0069ad; 
--bleu02: #9dbcd0;
--gris-bleu: #93a4ae;
--gris-typo: #3c3c3f;
--gris-bkg: #eff5f7;   
--height-nav: 120px;
--typo-texte: 'Open Sans', helvetica, arial, lucida, sans-serif;
--typo-titre: 'Montserrat', sans-serif;
}
.bkg-blanc {
background: #fff;
}
p {
word-wrap: normal !important;
-webkit-hyphens: none !important;
hyphens: none !important;
-webkit-word-break: normal !important;
word-break: normal !important;
margin-bottom: 10px;
color: var(--gris-typo);
margin-top: 0;
font-family: 'Open Sans', helvetica, arial, lucida, sans-serif;
font-weight: 300;
font-style: normal;
position: relative;
}
.entry-content p {
margin-bottom: 10px;
}
p.small {
font-size: .8rem;
line-height: 1.1rem;
}
p.big {
font-size: 1.1rem;
line-height: 1.5rem;
}
.superbig {
font-size: 1.7rem;
line-height: 1.8rem;
}
.cap {
text-transform: uppercase;
margin-bottom: 15px;
margin-top: 20px;
}
ul, ol {
margin: 0;
}
a {
text-decoration: none;
outline: none;
}
a,
a:hover,
a:visited,
a::after,
a:hover::after {
outline-style: none !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none !important;
}
a,
a:visited {
color: var(--gris-typo);
}
a img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-style: normal;
text-transform: none;
letter-spacing: 0;
}
h1 {
font-size: 3.1rem;
margin-top: 0;
line-height: 2.8rem;
color: var(--bleu01);
}
h1.page-title {
margin-bottom: 40px;
}
h2 {
color: var(--bleu01);
margin-bottom: 25px;
margin-top: 30px
}
body.home h2 {
font-weight: 700 !important;
padding: 10px 25px;
margin-bottom: 0;
text-align: center;
font-size: 1rem !important;
margin-top: 0 !important;
color: #fff !important;
text-align: center !important;
}
h4 {
color: var(--bleu01);
font-weight: 700;
margin: 15px 0 10px;
}
h2.strong {
font-weight: 700;
}
.module-lien h2 {
font-size: 1rem;
line-height: 1.1rem;
text-transform: uppercase;
font-weight: 700;
margin-top: 20px;
}
.module-lien h3 {
font-size: 1.3rem;
line-height: 1.5rem;
color: #fff;
}
.module-lien:hover h3 {
color: var(--bleu01);
}
input.wpcf7-submit,
a.cta {
background: var(--bleu01);
text-transform: uppercase;
font-weight: 700;
font-size: .85rem;
border-radius: 3px;
text-align: center;
color: #fff;
padding: 10px 30px;
margin: 25px auto;
display: inline-block;
border: 0;
}
input.wpcf7-submit:hover,
a.cta:hover {
background: var(--bleu02);
}
h3 {
color: var(--bleu01);
}   #content {
margin-top: 0;
padding-top: var(--height-nav);
}
.wrap {
width: 1200px;
max-width: 95%;
margin: 0 auto;
}
#inner-footer.wrap,
#inner-header.wrap {
width: 100%;
max-width: 100%;
}
.hentry {
background: none;
border-radius: 0;
border: 0;
margin-bottom: 0;
}
.entry-content {
padding: 0;
}
.hentry header {
border: 0;
padding: 0;
}
.hentry footer {
border: 0;
}
.clearboth {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.center {
text-align: center;
}
.display-table {
display: table;
vertical-align: middle;
height: 100%;
width: 100%;
}
.display-table-cell {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.blanc {
color: #fff;
}
.bleu {
color: var(--bleu01);
}
.bkg-cover {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.container1200 {
width: 1200px;
max-width: 95%;
margin: 0 auto;
}
.container-moitie {
width: 48%;
}
.container33 {
width: 33%;
}
.container25 {
width: 25%;
}
.container50 {
width: 50%;
}
.widget {
padding: 0;
margin: 0;
}
.widgettitle {
border: 0;
margin-bottom: 0;
}
.padding80 {
padding: 80px;
}
.padding60 {
padding: 60px;
}
.padding50 {
padding: 50px;
}
.padding40 {
padding: 40px;
}
.padding30 {
padding: 30px;
}
.padding20 {
padding: 20px;
}
.padding15 {
padding: 15px;
}
.padding10 {
padding: 10px;
}
.cartouche {
margin: 30px auto;
}
.container-flex {
display: -webkit-flex;
display: flex;    
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.container-flex-center {
display: -webkit-flex;
display: flex;    
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.container-flex-unwrap {
display: -webkit-flex;
display: flex;    
-webkit-flex-wrap: unwrap;
flex-wrap: unwrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.container-flex-start {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-evenly;
justify-content: flex-start;
}
.container-flex-start .module-lien {
margin-right: 10px;
}
.flex-item-moitie {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 48%;
}
.flex-item-quart {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 23%;
position: relative;
}
.flex-item-trois-quart {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 70%;
position: relative;
}
.flex-item-tiers {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 32%;
position: relative;
}
.flex-item-25 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 25%;
position: relative;
}
.flex-item-auto {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}   #toTop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
opacity: .5;
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/fleche-toptop.png) center center no-repeat var(--bleu02);
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: 8222;
}
#toTop:hover {
opacity: 1;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}   .loader-site {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 15000;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
}
.spinner {
width: 50px;
height: 50px;
position: relative;
margin: 400px auto;
}
.spinner::before {
content: '';
display: block;
bottom: 60px;
left: -5px;
width: 58px;
height: 70px;
background-size: contain;
position: absolute;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--bleu01);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
#holder {
opacity: 0;  
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
#holder.visible {
opacity: 1;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
}   header.header {
position: fixed;
background: none;
width: 100%;
z-index: 9800;
padding: 0 40px;
background: #fff;
height: var(--height-nav);
-webkit-transition: all .3s;
transition: all .3s;
}
#inner-header {
position: relative;
}
.logo-header {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/ccm-logo.png) top left no-repeat;
width: 300px;
height: 50px;
margin-top: 35px;
float: left;
background-size: contain;
-webkit-transition: all .3s;
transition: all .3s;
}
header.header nav {
float: left;
margin-left: 80px;
height: var(--height-nav);
}
header.header.scroll {
height: 80px;
-webkit-transition: all .3s;
transition: all .3s;
box-shadow: 0px 3px 5px rgba(200,200,200,0.2);
}
header.header.scroll nav {
height: 80px !important;
-webkit-transition: all .3s;
transition: all .3s;
}
header.header.scroll .logo-header {
-webkit-transition: all .3s;
transition: all .3s;
height: 35px;
margin-top: 25px;
}
header.header.scroll ul.wpmm-mega-wrapper > li > a {
height: 80px !important;
margin-top: -20px;
}
header.header.scroll .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li {
height: 80px !important;
}
header.header.scroll #wpmm-wrap-main-nav {
height: 80px !important;
}
header.header.scroll .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
height: 80px !important;
}
header.header.scroll .wpmm-mega-slidedown {
top: 80px !important;
}      .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a {
padding: 0 30px;
line-height: var(--height-nav);
text-align: center;
text-transform: uppercase !important;
font-weight: 700 !important;
color: var(--bleu01) !important;
font-family: var(--typo-titre) !important;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.active-show > a {
text-transform: uppercase !important;
font-weight: 700 !important;
font-family: var(--typo-titre) !important;
}
.wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link span.wpmm-mega-menu-href-title,
.wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wpmm-csingle-menu span.wpmm-mega-menu-href-title {
color: var(--bleu01);
text-transform: uppercase !important;
font-weight: 700 !important;
font-family: var(--typo-titre) !important;
}
.wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wpmm-csingle-menu {
margin-bottom: 17px;
display: block;
background: none;
font-size: 14px;
}
body.page-template-page-ouvrages li.lien-ouvrages span.wpmm-mega-menu-href-title {
color: #fff;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal.wpmm-slide ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap, .wp-megamenu-main-wrapper.wpmm-orientation-horizontal.wpmm-slide ul.wpmm-mega-wrapper li.wpmega-horizontal-left-edge .wpmm-sub-menu-wrap, .wp-megamenu-main-wrapper.wpmm-orientation-horizontal.wpmm-slide ul.wpmm-mega-wrapper li.wpmega-horizontal-center .wpmm-sub-menu-wrap {
left: 0;
}
.wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a::before {
display: none;
}
.wpmm-sub-menu-wrap {
position: fixed !important;
top: var(--height-nav) !important;
width: 100%;
z-index: 5000 !important;
}
.wpmega-clean-white .wpmm-mega-wrapper > li:hover,
.wpmega-clean-white .wpmm-mega-wrapper > li.active-show,
.wpmega-clean-white .wpmm-mega-wrapper > li.current-menu-item {
background: var(--bleu01);
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:hover > a,
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.active-show > a {
color: #fff !important;
}
.wpmega-menu-megamenu .wpmm-sub-menu-wrap.wpmm-mega-slideup {
left: 0 !important;
}   .wpmm-sub-menu-wrap {
top: -500px !important;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap {
height: auto;
}
.wpmm-sub-menu-wrap.wpmm-mega-slidedown {
box-shadow: 0px 3px 5px rgba(200,200,200,0.2) !important;
top: var(--height-nav) !important;
}
.wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal {
border: 0;
}
.wpmm-sub-menu-wrapper.wpmm-menu0 {
width: 1200px;
max-width: 98%;
margin: 0 auto;
padding-top: 60px;
padding-left: 50px;
}
li.solution01 > a.wp-mega-menu-link span,
li.solution02 > a.wp-mega-menu-link span,
li.solution03 > a.wp-mega-menu-link span,
li.solution04 > a.wp-mega-menu-link span {
text-transform: uppercase !important;
font-weight: 700 !important;
color: var(--bleu01) !important;
font-family: var(--typo-titre) !important;
}
.wpmm-sub-menu-wrap ul li > a {
color: var(--gris-typo) !important;
}
ul.wp-mega-sub-menu li.solutions::before,
ul.wp-mega-sub-menu li.refer::before {
content: '';
width: 70px;
height: 70px;
margin-bottom: 20px;
display: block;
}
ul.wp-mega-sub-menu li.solution01::before,
ul.wp-mega-sub-menu li.refer01::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-structure-gris.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
ul.wp-mega-sub-menu li.solution02::before,
ul.wp-mega-sub-menu li.refer02::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-facade-gris.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
ul.wp-mega-sub-menu li.solution03::before,
ul.wp-mega-sub-menu li.refer03::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-couverture-gris.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
ul.wp-mega-sub-menu li.solution04::before,
ul.wp-mega-sub-menu li.refer04::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-metallerie-gris.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}   #responsive-menu .niveau00 > a {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
li.menu-actif > a {
background: var(--bleu01) !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow,
.responsive-menu-subarrow {
right: 20px;
top: 40%;
}
li.menu-actif .responsive-menu-subarrow {
background: var(--bleu01) !important;
border-color: var(--bleu01) !important;
}
.responsive-menu-submenu-depth-1 .responsive-menu-subarrow {
background-color: #fff !important;
border-color: #fff !important;
right: 20px !important;
top: 40% !important;
}
.niveau01 > a {
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: var(--bleu01) !important;
}
button#responsive-menu-button {
right: 5px !important;
top: 0px !important;
z-index: 9999;
}
#responsive-menu-button.scroll .responsive-menu-inner,
#responsive-menu-button.scroll .responsive-menu-inner::before,
#responsive-menu-button.scroll .responsive-menu-inner::after {
background: var(--bleu01);
}
button#responsive-menu-button.scroll:hover .responsive-menu-inner,
#responsive-menu-button.scroll:hover .responsive-menu-inner::before,
#responsive-menu-button.scroll:hover .responsive-menu-inner::after {
background: var(--bleu01);
}
.responsive-menu-item-has-children.niveau01 .responsive-menu-subarrow {
background: #fff !important;
color: var(--bleu02) !important;
}
.rmp-container .rmp-menu-title .rmp-menu-title-image {
width: auto !important;
}
#rmp-search-box-1073 .rmp-search-box {
margin-top: 30px !important;
width: 80% !important;
}   #sidebar-top-header {
float: right;
right: 30px;
}
#text-2 {
width: auto;
position: relative;
margin-top: 20px;
}
.wp_autosearch_submit, .wp_autosearch_submit:hover, .wp_autosearch_submit:active, .wp_autosearch_submit:visited {
margin-left: 15px !important;
border: 0 !important;
padding: 0 !important;
background: none !important;
height: auto !important;
width: auto !important;
position: absolute !important;
right: 0 !important;
top: 10px !important;
display: inline-block !important;
}
.wp_autosearch_submit::before {
content: '\e8b6';
font-family: 'Material icons';
color: var(--gris-bleu);
font-size: 1.2rem;
}
.wp_autosearch_form_wrapper {
background: none !important;
border-radius: 0 !important;
border: 0;
border-bottom: 1px solid var(--gris-bleu) !important;
display: inline-block !important;
float: left !important;
max-width: auto !important;
width: 220px !important;
font-size: .85rem !important;
height: auto;
}
#sidebar-top-header input[type=text] {
background: none;
margin-bottom: 0;
}
.search-result article h1 {
margin-bottom: 40px;
}
.search-result article {
padding: 30px;
background: #fff;
margin-bottom: 20px;
}
.search-result article a h3 {
color: var(--bleu01);
text-decoration: underline !important;
}
.wps_even,
.wps_odd {
background-color: #fff;
}
.wp_autosearch_suggestions .wp_autosearch_category {
background-color: var(--bleu01) !important;
color: #fff !important;
font-weight: bold !important;
}
.wp_autosearch_suggestions a .searchheading {
color: var(--gris-typo) !important;
font-weight: normal !important;
line-height: 1.3rem;
}
.wp_autosearch_suggestions a:hover .searchheading {
text-decoration: underline !important;
color: var(--bleu01) !important;
}
.wp-block-search__button {
border-radius: 4px !important;
border: 0 !important;
background: var(--bleu02) !important;
font-size: .85rem !important;
font-weight: bold !important;
color: #fff !important;
text-align: center !important;
padding: 0 12px !important;
height: 40px !important;
line-height: 40px !important;
}
.wp-block-search__button:hover {
background: var(--bleu01) !important;
}
.wp-block-search__button-outside {
margin-top: 30px;
}
.wp-block-search__button-outside label {
display: none !important;
}
.wp-block-search__button-outside .wp-block-search__input {
margin-bottom: 0 !important;
}   #tarteaucitronRoot #tarteaucitronAlertBig {
background: #fff !important;
color: var(--bleu01) !important;
border-top: 2px solid var(--bleu01);
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
color: var(--bleu01) !important;
}
body #tarteaucitronRoot div#tarteaucitronAlertBig {
border-radius: 0 !important;
box-shadow: none !important;
}
div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
opacity: .7 !important;
background: #000 !important;
}
div#tarteaucitronAlertBig:before {
display: none !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {  
background: #000 !important;
padding: 10px 20px !important;
}
#tarteaucitronRoot .tarteaucitronDeny {
background: #f1f1f1 !important;
color: #000 !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
background: #fff !important;
}   footer.footer {
padding: 0;
background: #fff;
width: 100%;
margin-top: 50px;
}
body.home footer.footer {
margin-top: 0;
}
footer.footer #inner-footer {
padding: 15px 20px
}
footer.footer #inner-footer img {
margin-right: 12px;
}
footer.footer #inner-footer img:last-child {
margin-right: 0;
}
footer.footer #inner-footer .logo-pacte {
margin-left: 80px;
height: 40px;
position: relative;
display: inline-block;
}
footer.footer #inner-footer .logo-pacte::before {
content: 'Soutenu par :';
display: inline-block;
font-size: .8rem;
margin-right: 8px;
color: var(--gris-typo);
height: 40px;
line-height: 40px;
vertical-align:top;
}
footer.footer #inner-footer nav {
text-align: right;
}
footer.footer #inner-footer nav li {
float: none;
display: inline-block;
}
footer.footer a {
color: var(--gris-typo);
font-size: .8rem;
}
footer.footer a:hover {
color: var(--bleu01);
}
.sub-footer {
padding: 8px;
text-align: center;
background: var(--bleu02);
}
.sub-footer p {
font-size: .8rem;
line-height: 1rem;
margin-bottom: 0;
color: var(--bleu01);
}   body.home main {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%; 
overflow: hidden;
}
body.home main video {
min-width: 100%; 
min-height: 100%; 
width: auto;
height: auto; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}    
body.home main .alt-video {
display: none;
min-width: 100%; 
min-height: 100%; 
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}    
body.home footer.footer {
position: fixed;
bottom: 0;
}
body.home .claim {
width: 530px;
margin: 200px auto 0;
max-width: 85%;
z-index: 12;
position: absolute;
left: 50%;
right: 50%;
margin-left: -265px;
}
body.home .claim .logo-claim {
background: #fff;
background: #fff;
padding: 40px 50px;
margin-bottom: 10px;
}
body.home .claim .logo-claim img {
width: auto;
max-width: 100%;
}
.sous-claim {
background: var(--bleu01);
padding: 12px 15px;
}   .page-template-default .entry-content ul {
list-style: square;
}
.page-template-default .entry-content ul li {
margin: 0 0 8px 35px;
padding-left: 4px;
}
.page-template-default .entry-content img {
margin: 30px 0;
max-width: 100%;
height: auto;
}
.content-page {
padding: 70px 0;
}
.content-page section {
padding: 45px 60px;
background: #fff;
margin-top: 30px;
}
.content-page section h3 {
margin-top: 30px;
}
.content-page section h3::before {
display: block;
content: '';
width: 35px;
height: 3px;
background: var(--bleu02);
margin-bottom: 15px;
} .page-referentiels-techniques-structure,
.image-categorie.cat-structure {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/image-structure.jpg);
}
.page-referentiels-techniques-facade,
.image-categorie.cat-facade {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/image-facade.jpg);
}
.page-referentiels-techniques-couverture,
.image-categorie.cat-couverture {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/image-couverture.jpg);
}
.page-referentiels-techniques-metallerie,
.image-categorie.cat-metallerie {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/image-metallerie.jpg);
}
.image-ouvrages {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/image-ouvrages.jpg);
}
.image-ouvrages,
.image-categorie {
background-color: #eaeaea;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
position: relative;
}
.breadcrumb {
background: #fff;
height: 60px;
padding: 0 30px;
bottom: -30px;
position: absolute;
width: 1200px;
line-height: 50px;
max-width: 95%;
}
.breadcrumb-home::before {
content: '\e88a';
display: inline-block;
font-size: 1.2rem;
color: var(--bleu01);
font-family: 'Material icons';
vertical-align: middle;
}
.breadcrumb .separ {
display: inline-block;
}
.breadcrumb .separ::before {
content: '\e315';
display: inline-block;
font-size: 1.2rem;
color: var(--bleu02);
font-family: 'Material icons';
vertical-align: middle;
}
.breadcrumb-actif {
font-weight: 700;
color: var(--bleu01);
}
.breadcrumb a {
color: var(--bleu01);
}
.contenu-page-categorie {
margin-top: 90px;
padding-bottom: 60px;
}
.description-cat {
margin-bottom: 30px;
}
.header-menu-cat {
background: var(--bleu01);
padding: 12px 0 12px 25px;
color: #fff;
text-transform: uppercase;
font-family: var(--typo-titre);
font-weight: 700;
font-size: .9rem;
margin-bottom: 5px;
position: relative;
}
.header-menu-cat::after {
content: '';
display: inline-block;
position: absolute;
z-index: 4;
width: 35px;
height: 35px;
right: 15px;
top: 2px;
}
.header-menu-cat.categ-structure::after {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-structure-blanc.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
.header-menu-cat.categ-facade::after {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-facade-blanc.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
.header-menu-cat.categ-couverture::after {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-couverture-blanc.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
.header-menu-cat.categ-metallerie::after {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-metallerie-blanc.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
ul.menu-categories li {
border-bottom: 1px dotted var(--bleu01);
}
ul.menu-categories li:last-child {
border: 0;
}
.current-cat a {
background: #fff;
font-weight: 700;
color: var(--bleu01);
padding: 15px 25px;
pointer-events: none !important;
cursor: default !important;
}
ul.menu-categories li a {
display: block;
padding: 15px 30px 15px 25px;
position: relative;
}
ul.menu-categories li a::after {
content: '\e5c8';
display: inline-block;
font-size: 1.2rem;
color: var(--bleu01);
font-family: 'Material icons';
vertical-align: middle;
position: absolute;
right: 15px;
top: 15px;
opacity: 0;
}
ul.menu-categories li a:hover::after {
right: 10px;
opacity: 1;
}
ul.menu-categories li a:hover {
background: #fff;
color: var(--bleu01);
}
ul.menu-meme-categorie {
background: #fff;
padding: 15px 25px;
margin-bottom: 10px;
}
ul.menu-meme-categorie li {
margin-bottom: 15px;
}
ul.menu-meme-categorie li:last-child {
margin-bottom: 0;
}
li.actif {
font-weight: 700;
color: var(--bleu02);
}
ul.menu-meme-categorie li a {
position: relative;
}
ul.menu-meme-categorie li a:hover {
color: var(--bleu01);
}
ul.menu-meme-categorie li a::before {
content: '';
display: block;
position: absolute;
width: 12px;
height: 5px;
background: var(--bleu01);
left: -24px;
top: 10px;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
ul.menu-meme-categorie li a:hover::before {
left: -18px;
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.module-lien {
color: #fff;
text-align: center;
min-height: 260px;
position: relative;
margin: 10px 0;
}
.module-lien a {
color: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 40px 30px;
box-shadow: 0 6px 10px rgba(0, 0, 0, .2);
}
.module-lien a:hover {
background: #fff;
color: var(--bleu01);
box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
}
.module-lien.module-produit {
background: var(--bleu02);
}
.module-lien.module-categorie {
background: var(--bleu01);
}
.module-lien h2 {
color: #fff;
}
.module-lien:hover h2 {
color: var(--bleu01);
}
.module-lien h2::after,
.module-lien h3::after {
content: '\e417';
display: block;
margin: 25px auto 0;
font-family: 'Material icons';
font-size: 2rem;
}
.page-template-page-solutions .module-lien h2::after {
display: none;
}
.page-template-page-solutions .module-lien h2::before {
content: '';
display: block;
margin: 0 auto;
width: 80px;
height: 80px;
}
.module-lien.module-couverture h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-couverture-blanc.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-couverture a:hover h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-couverture-gris-centre.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-structure h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-structure-blanc.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-structure a:hover h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-structure-gris-centre.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-facade h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-facade-blanc.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-facade a:hover h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-facade-gris-centre.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-metallerie h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-metallerie-blanc.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.module-lien.module-metallerie a:hover h2::before {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/picto-metallerie-gris-centre.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}   .contenu-fiches .container-flex-start {
margin-bottom: 20px;
}
.Zebra_Accordion dd {
display: none;
}
.Zebra_Accordion dt {
cursor: pointer;
}
.accordion-contenu {
background: #fff;
margin-bottom: 10px;
}
.accordion-titre {
position: relative;
}
.accordion-titre::after {
position: absolute;
content: '';
display: block;
width: 20px;
height: 20px;
right: 20px;
top: 12px;
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/accordion-close.png) top left no-repeat;
background-size: contain;
}
.accordion-titre.Zebra_Accordion_Expanded {
background: var(--bleu01);
}
.accordion-titre.Zebra_Accordion_Expanded::after {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/accordion-open.png) top left no-repeat;
background-size: contain;
}
.module-fiche {
background: #fff;
padding: 10px 25px 0;
position: relative;
margin-bottom: 10px;
margin-top: 10px;
border-right: 1px dotted var(--gris-bleu);
}
.module-fiche.fiche-refer-tec {
background: none;
padding: 0;
position: relative;
margin-bottom: 10px;
border-right: 0;
}
.header-module-fiches {
background: var(--bleu01);
color: #fff;
padding: 10px 0 12px 25px;
margin-bottom: 4px;
font-weight: 700;
font-size: .9rem;
line-height: 1.1rem;
position: relative;
}
.body-module-fiches {
min-height: 150px;
background: #fff;
position: relative;
}
.module-fiche.fiche-refer-tec .body-module-fiches {
padding: 20px;
}
.module-fiche.fiche-refer-tec .header-module-fiches {
padding: 10px 0;
text-align: center;
}
.note-reg {
background: #fff;
padding: 8px;
font-size: .85rem;
line-height: 1rem;
margin-top: 8px;
}
.titre-fiche {
font-size: .75rem;
line-height: .9rem;
padding-left: 65px;
position: relative;
}
.titre-fiche::before {
content: '\e873';
display: block;
font-family: 'Material icons';
font-size: 3.8rem;
color: #c7d8e2;
margin-right: 10px;
position: absolute;
left: 0;
top: 15px;
}
.lien-fiche {
display: block;
background: var(--bleu02);
text-transform: uppercase;
font-weight: 700;
font-size: .75rem;
border-radius: 3px;
text-align: center;
color: #fff;
padding: 4px 15px;
margin-top: 20px;
}
.lien-fiche span::after {
content: '\e884';
display: inline-block;
font-family: 'Material icons';
margin-left: 10px;
vertical-align: middle;
font-size: .9rem;
}
.lien-fiche:hover {
background: var(--bleu01);
}
.lien-fiche:visited,
.lien-fiche:focus {
color: #fff;
}
.module-fiche .lien-fiche {
position: absolute;
bottom: 25px;
left: 10%;
width: 80%;
margin-top: 0;
padding: 4px 0;
}
.lien-zip {
background: var(--bleu02);
color: #fff;
height: 180px;
width: 210px;
text-align: center;
padding: 50px 30px 30px;
text-transform: uppercase;
margin: 0 auto;
display: block;
font-size: .85rem;
font-weight: 700;
line-height: 1rem;
}
.lien-zip div::after {
content: '\e884';
display: block;
font-family: 'Material icons';
font-size: 2rem;
margin-top: 25px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lien-zip:hover {
cursor: pointer !important;
background: var(--bleu01);
}
.lien-zip:hover div::after {
margin-top: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.active-cat {
padding: 15px 25px;
font-weight: bold;
color: var(--bleu02);
}
.page-metallerie .menu-meme-categorie {
display: none;
}
.page-metallerie .breadcrumb-cat,
.page-metallerie .breadcrumb-cat-separ {
display: none;
}   ul#menu-menu-lateral-referentiels-techniques li a {
display: block;
padding: 15px 25px;
position: relative;
}
ul#menu-menu-lateral-referentiels-techniques li a::after {
content: '\e5c8';
display: inline-block;
font-size: 1.2rem;
color: var(--bleu01);
font-family: 'Material icons';
vertical-align: middle;
position: absolute;
right: 20px;
top: 15px;
opacity: 0;
}
ul#menu-menu-lateral-referentiels-techniques li a:hover::after {
right: 15px;
opacity: 1;
}
ul#menu-menu-lateral-referentiels-techniques li a:hover {
background: #fff;
color: var(--bleu01);
}
ul#menu-menu-lateral-referentiels-techniques li {
border-bottom: 1px dotted var(--bleu01);
}
ul#menu-menu-lateral-referentiels-techniques li:last-child,
ul#menu-menu-lateral-referentiels-techniques li.current-menu-item {
}
ul#menu-menu-lateral-referentiels-techniques li.current-menu-item {
background: #fff;
font-weight: 700;
color: var(--bleu01);
}
ul#menu-menu-lateral-referentiels-techniques li.current-menu-item a {
color: var(--bleu01);
}   .thumbn-ouvrage {
width: 100%;
height: 260px;
margin-bottom: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
background-color: #fff;
}
.thumbn-ouvrage a {
position: absolute;
width: 100%;
height: 100%;
}
.hover-ouvrage {
background: var(--bleu01);
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.hover-ouvrage div::after {
content: '\e417';
display: block;
font-family: 'Material icons';
font-size: 3rem;
color: #fff;
margin: 120px auto 0;
}
.thumbn-ouvrage a:hover .hover-ouvrage {
top: 0;
opacity: .8;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.title-ouvrage {
text-align: center;
background: #fff;
padding: 12px 20px;
margin-bottom: 20px;
}
.title-ouvrage h3 {
margin: 0;
}   .single-ouvrage h1 {
font-size: 2.5rem;
line-height: 2.6rem;
margin-bottom: 25px;
}
.single-ouvrage p.filet {
padding-top: 12px;
border-top: 1px solid var(--bleu01);
}
.carac-ouvrage {
background: #fff;
padding: 25px;
margin-top: 20px;
}
.owl-carousel-op .owl-stage-outer,
.owl-carousel .owl-stage-outer {
height: 100%;
min-height: 100%;
}
.owl-photos-op {
height: 450px;
width: 100%;
position: relative;
}
.image-op-single {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
z-index: 89;
}
.owl-photos-op .owl-dots {
bottom: auto;
top: 20px;
right: 20px;
z-index: 90;
position: absolute;
}
.owl-dots .owl-dot {
display: inline-block;
cursor: pointer;
}
.owl-dots .owl-dot span {
width: 16px;
height: 16px;
margin: 5px 3px;
background: #fff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 50%;
border: 2px solid var(--bleu01);
}
.owl-dot.active span {
background: var(--bleu01);
}
.owl-photos-op .owl-nav {
bottom: 0;
right: 0;
position: absolute;
z-index: 2222;
}
.owl-photos-op .owl-prev,
.owl-photos-op .owl-next {
background: var(--gris-bkg) !important;
height: 50px;
width: 70px;
}
.owl-photos-op .owl-prev::before,
.owl-photos-op .owl-next::before {
content: '';
position: absolute;
font-family: 'Material icons';
font-size: 1.9rem;
color: var(--bleu02);
-webkit-transition: all 0.4s;
transition: all 0.4s;
top: 15px;
}
.owl-photos-op .owl-prev::before {
content: '\e5c4';
left: 20px;
}
.owl-photos-op .owl-next::before {
content: '\e5c8';
right: 20px;
}
.owl-photos-op .owl-prev:hover,
.owl-photos-op .owl-next:hover {
background: var(--bleu02) !important;
}
.owl-photos-op .owl-next:hover::before {
right: 15px;
color: #fff;
}
.owl-photos-op .owl-prev:hover::before {
left: 15px;
color: #fff;
}
.ouvrage-partie02 {
margin-top: 60px;
}
.ouvrage-partie02 .container-flex-start {
padding: 15px 0;
border-top: 1px solid var(--bleu01);
border-bottom: 1px solid var(--bleu01);
margin-bottom: 45px;
}
.titre-ligne {
padding: 6px 20px;
color: var(--bleu01);
font-weight: 700;
background: #fff;
margin: 15px 0;
width: 100%;
}
.ouvrage-partie02 .flex-item-tiers.center p {
line-height: 2rem;
}
.graphique {
margin: 45px 0;
}
.graphique img {
width: auto;
height: auto;
max-width: 100%;
}
.ouvrage-partie03 .accordion-titre {
background: #fff;
color: #fff;
padding: 20px;
position: relative;
border-bottom: 2px solid var(--gris-bkg);
border-top: 2px solid var(--gris-bkg);
margin-bottom: 4px;
}
.ouvrage-partie03 .accordion-titre h3 {
color: var(--bleu01);
margin: 0;
font-weight: 400;
}
.ouvrage-partie03 .Zebra_Accordion_Expanded.accordion-titre {
background: var(--bleu01);
}
.ouvrage-partie03 .Zebra_Accordion_Expanded.accordion-titre h3 {
color: #fff;
}
.ouvrage-partie03 .accordion-titre::after {
position: absolute;
content: '';
display: block;
width: 20px;
height: 20px;
right: 20px;
top: 20px;
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/accordion-close-bleu.png) top left no-repeat;
background-size: contain;
}
.ouvrage-partie03 .Zebra_Accordion_Expanded.accordion-titre::after {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/accordion-open.png) top left no-repeat;
background-size: contain;
}
.ouvrage-partie03 .ligne-accordion p {
margin-bottom: 0;
}
.ouvrage-partie03 .ligne-accordion {
padding: 15px 0;
border-bottom: 1px solid var(--bleu01);
}
.ouvrage-partie03 .ligne-accordion:first-child {
padding-top: 0;
}
.ouvrage-partie03 .zone-edition-libre {
padding: 15px 0;
text-align: center;
vertical-align: top;
}
.wp-caption img {
margin-bottom: auto;
margin-top: 0;
}
.ouvrage-partie03 .zone-edition-libre .wp-caption {
background: none;
padding: 0;
width: auto;
display: inline-block;
margin: 15px;
vertical-align: top;
margin-top: 10px;
top: 0;
}
.ouvrage-partie03 .zone-edition-libre img {
height: 225px;
width: auto;
}
.autres-ouvrages {
margin: 60px 0;
}
.autres-ouvrages .container-flex-start {
margin-top: 30px;
}
.autres-ouvrages .container-flex-start .module-ouvrage {
margin-right: 15px;
}
.autres-ouvrages h3 {
font-size: .9rem;
}   .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea {
border-radius: 0;
background: none;
border-bottom: 1px solid #eaeaea;
font-family: 'Open Sans', helvetica, arial, lucida, sans-serif;
font-size: .9rem;
}
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 textarea:focus {
background: #f6f6f6;
border-bottom: 1px solid var(--bleu01);
}
div.wpcf7-response-output {
margin: 30px 0 !important;
padding: 10px 20px !important;
border: 0 !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 0 !important;
background: var(--bleu01) !important;
color: #fff !important;
}
div.wpcf7-mail-sent-ok {
background: var(--bleu02) !important;
color: #fff !important;
}
.mentions-legales {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid var(--bleu02);
font-size: .85rem;
line-height: 1.1rem;
}
p a {
color: var(--bleu01) !important;
text-decoration: underline !important;
} @media screen and (min-width:0\0) {
html, body {
color: #3c3c3f;
}
p {
color: #3c3c3f;
}
a,
a:visited {
color: #3c3c3f;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
}
h1 {
color:#0069ad;
}
h2 {
color:#0069ad;
}
h4 {
color:#0069ad;
}
.module-lien:hover h3 {
color:#0069ad;
}
input.wpcf7-submit,
a.cta {
background:#0069ad;
}
input.wpcf7-submit:hover,
a.cta:hover {
background: #9dbcd0;
}
h3 {
color:#0069ad;
}
#toTop {
background: url(//catalogue-construction-metallique.com/wp-content/themes/ccm/img/fleche-toptop.png) center center no-repeat #9dbcd0;
}
.double-bounce1, .double-bounce2 {
background-color:#0069ad;
}
header.header nav,
header.header {
height: 80px;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a {
color:#0069ad !important;
font-family: 'Montserrat', sans-serif !important;
line-height: 80px; 
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.active-show > a {
font-family: 'Montserrat', sans-serif !important;
}
.wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link span.wpmm-mega-menu-href-title,
.wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wpmm-csingle-menu span.wpmm-mega-menu-href-title {
color:#0069ad;
font-family: 'Montserrat', sans-serif !important;
}
.wpmm-sub-menu-wrap {
top: 80px !important;
position: fixed !important;
top: 80px !important;
width: 100%;
z-index: 5000 !important;
}
.wpmm-sub-menu-wrapper.wpmm-menu0 {
padding-top: 30px;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:hover > a,
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.active-show > a {
color: #fff !important;
}
.wpmega-menu-megamenu .wpmm-sub-menu-wrap.wpmm-mega-slideup {
left: 0 !important;
}   .wpmm-sub-menu-wrap {
top: -500px !important;
}
.wpmega-clean-white .wpmm-mega-wrapper > li:hover,
.wpmega-clean-white .wpmm-mega-wrapper > li.active-show,
.wpmega-clean-white .wpmm-mega-wrapper > li.current-menu-item {
background:#0069ad;
}
.wpmm-sub-menu-wrap.wpmm-mega-slidedown {
top: 80px !important;
}
li.solution01 > a.wp-mega-menu-link span,
li.solution02 > a.wp-mega-menu-link span,
li.solution03 > a.wp-mega-menu-link span,
li.solution04 > a.wp-mega-menu-link span {
color:#0069ad !important;
font-family: 'Montserrat', sans-serif !important;
}
.wpmm-sub-menu-wrap ul li > a {
color: #3c3c3f !important;
}
header.header.scroll {
height: 80px;
-webkit-transition: all .3s;
transition: all .3s;
box-shadow: 0px 3px 5px rgba(200,200,200,0.2);
}
header.header.scroll nav {
height: 80px !important;
-webkit-transition: all .3s;
transition: all .3s;
}
header.header.scroll ul.wpmm-mega-wrapper > li > a {
height: 80px !important;
margin-top: 0;
}
header.header.scroll .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li {
height: 80px !important;
}
header.header.scroll #wpmm-wrap-main-nav {
height: 80px !important;
}
header.header.scroll .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
height: 80px !important;
}
header.header.scroll .wpmm-mega-slidedown {
top: 80px !important;
}
#responsive-menu .niveau00 > a {
font-family: 'Montserrat', sans-serif;
}
li.menu-actif > a {
background:#0069ad !important;
}
li.menu-actif .responsive-menu-subarrow {
background:#0069ad !important;
border-color:#0069ad !important;
}
.niveau01 > a {
font-family: 'Montserrat', sans-serif;
color:#0069ad !important;
}
#responsive-menu-button.scroll .responsive-menu-inner,
#responsive-menu-button.scroll .responsive-menu-inner::before,
#responsive-menu-button.scroll .responsive-menu-inner::after {
background:#0069ad;
}
button#responsive-menu-button.scroll:hover .responsive-menu-inner,
#responsive-menu-button.scroll:hover .responsive-menu-inner::before,
#responsive-menu-button.scroll:hover .responsive-menu-inner::after {
background:#0069ad;
}
.responsive-menu-item-has-children.niveau01 .responsive-menu-subarrow {
color: #9dbcd0 !important;
}
.wp_autosearch_submit::before {
color: #93a4ae;
}
.wp_autosearch_form_wrapper {
border-bottom: 1px solid #93a4ae !important;
}
.search-result article a h3 {
color:#0069ad;
}
.wp_autosearch_suggestions a .searchheading {
color: #3c3c3f !important;
}
.wp_autosearch_suggestions a:hover .searchheading {
color:#0069ad !important;
}
footer.footer #inner-footer .logo-pacte::before {
color: #3c3c3f;
}
footer.footer a {
color: #3c3c3f;
}
footer.footer a:hover {
color:#0069ad;
}
.sub-footer {
background: #9dbcd0;
}
.sub-footer p {
color:#0069ad;
}
.sous-claim {
background:#0069ad;
}
.sous-claim p {
font-family: 'Montserrat', sans-serif;
}
.content-page section h3::before {
background: #9dbcd0;
}
.image-ouvrages,
.image-categorie {
background-color: #eaeaea;
}
.breadcrumb-home::before {
color:#0069ad;
}
.breadcrumb .separ::before {
color: #9dbcd0;
}
.breadcrumb-actif {
color:#0069ad;
}
.breadcrumb a {
color:#0069ad;
}
.header-menu-cat {
background:#0069ad;
font-family: 'Montserrat', sans-serif;
}
ul.menu-categories li {
border-bottom: 1px dotted #0069ad;
}
.current-cat a {
color:#0069ad;
}
ul.menu-categories li a::after {
color:#0069ad;
font-family: 'Material icons';
}
ul.menu-categories li a:hover {
color:#0069ad;
}
li.actif {
color: #9dbcd0;
}
ul.menu-meme-categorie li a:hover {
color:#0069ad;
}
ul.menu-meme-categorie li a::before {
background:#0069ad;
}
.module-lien a:hover {
color:#0069ad;
}
.module-lien.module-produit {
background: #9dbcd0;
}
.module-lien.module-categorie {
background:#0069ad;
}
.module-lien:hover h2 {
color:#0069ad;
}
.accordion-titre.Zebra_Accordion_Expanded {
background:#0069ad;
}
.module-fiche {
border-right: 1px dotted #93a4ae;
}
.header-module-fiches {
background:#0069ad;
}
.titre-fiche::before {
color: #c7d8e2;
}
.lien-fiche {
background: #9dbcd0;
}
.lien-fiche:hover {
background:#0069ad;
}
.lien-zip {
background: #9dbcd0;
}
.lien-zip:hover {
background:#0069ad;
}
.active-cat {
color: #9dbcd0;
}
ul#menu-menu-lateral-referentiels-techniques li a::after {
color:#0069ad;
}
ul#menu-menu-lateral-referentiels-techniques li a:hover {
color:#0069ad;
}
ul#menu-menu-lateral-referentiels-techniques li {
border-bottom: 1px dotted #0069ad;
}
ul#menu-menu-lateral-referentiels-techniques li.current-menu-item {
color:#0069ad;
}
ul#menu-menu-lateral-referentiels-techniques li.current-menu-item a {
color:#0069ad;
}
.hover-ouvrage {
background:#0069ad;
}
.single-ouvrage p.filet {
border-top: 1px solid #0069ad;
}
.owl-dots .owl-dot span {
border: 2px solid #0069ad;
}
.owl-dot.active span {
background:#0069ad;
}
.owl-photos-op .owl-prev,
.owl-photos-op .owl-next {
background: #eff5f7 !important;
}
.owl-photos-op .owl-prev::before,
.owl-photos-op .owl-next::before {
color: #9dbcd0;
}
.owl-photos-op .owl-prev:hover,
.owl-photos-op .owl-next:hover {
background: #9dbcd0 !important;
}
.ouvrage-partie02 .container-flex-start {
border-top: 1px solid #0069ad;
border-bottom: 1px solid #0069ad;
}
.titre-ligne {
color:#0069ad;
}
.ouvrage-partie03 .accordion-titre {
border-bottom: 2px solid #eff5f7;
border-top: 2px solid #eff5f7;
}
.ouvrage-partie03 .accordion-titre h3 {
color:#0069ad;
}
.ouvrage-partie03 .Zebra_Accordion_Expanded.accordion-titre {
background:#0069ad;
}
.ouvrage-partie03 .ligne-accordion {
border-bottom: 1px solid #0069ad;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea {
border-bottom: 1px solid #eaeaea;
font-family: 'Open Sans', helvetica, arial, lucida, sans-serif;
}
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 textarea:focus {
background: #f6f6f6;
border-bottom: 1px solid #0069ad;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
background:#0069ad !important;
}
div.wpcf7-mail-sent-ok {
background: #9dbcd0 !important;
}
.mentions-legales {
border-top: 1px solid #9dbcd0;
}
p a {
color:#0069ad !important;
}
}@media only screen and (max-width: 1466px) {
html {
font-size: 95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
}
header.header nav {
margin-left: 30px;    
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a {
padding: 0 15px;    
}
header.header {
padding: 0 20px;
}
footer.footer #inner-footer .logo-pacte {
margin-left: 40px;
}
}   @media only screen and (max-width: 1280px) {
html {
font-size: 85%;
-webkit-text-size-adjust: 85%;
-ms-text-size-adjust: 85%;
}
:root {
--height-nav: 100px;
}
.spinner {
margin: 250px auto;
}
body.home .claim {
width: 400px;
margin: 180px auto 0;
max-width: 85%;
margin-left: -200px;
}
footer.footer img {
width: 65px;
height: auto;
}
.container-flex-start .flex-item-tiers {
width: 48%;
}
footer.footer .flex-item-moitie {
width: 100%;
text-align: center;
}
footer.footer #inner-footer nav {
text-align: center;
}
.logo-header {
height: 40px;
margin-top: 25px;
width: 200px;
}
header.header nav {
margin-left: 15px !important;    
}
}   @media only screen and (max-width: 1150px) {
#sidebar-top-header {
display: none;
}
}   @media only screen and (max-width: 1024px) {
.titre-fiche {
padding-left: 50px;
position: relative;
}
.titre-fiche::before {
font-size: 3rem;
margin-right: 10px;
top: 15px;
}
.module-fiche .lien-fiche {
bottom: 20px;
padding: 4px 12px;
}
.lien-fiche span::after { 
margin-left: auto;
font-size: 1rem;
}
}   @media only screen and (max-width: 768px) {
.image-ouvrages, .image-categorie {
height: 170px;
}
.flex-item-25 {
width: 50%;
}
.flex-item-tiers {
width: 48%;
}
.container-flex-start .flex-item-tiers {
width: 100%;
margin-right: 0;
}
h1 {
font-size: 2.5rem;
margin-top: 0;
line-height: 2.6rem;
}
.header-menu-cat::after {    
display: none;
}
}   @media only screen and (max-width: 1366px) and (max-height: 600px) and (orientation: landscape) { 
body.home .claim {
max-height: 50%;
width: 70%;
height: 50%;
max-width: 100%;
margin-left: -35%;
margin-top: 130px;
}
body.home .claim .logo-claim {
width: 44%;
margin-right: 3%;
float: left;
}
body.home .claim .sous-claim {
width: 47%;
float: right;
}
body.home .claim .logo-claim {
padding: 30px 30px;
}
body.home {
height: 100vh;    
}
}   @media only screen and (max-width: 768px) and (max-height: 400px) and (orientation: landscape) { 
body.home .claim {
max-height: 50%;
width: 70%;
height: 50%;
max-width: 100%;
margin-left: -35%;
margin-top: 110px;
}
body.home .claim .logo-claim {
padding: 20px 20px;
}
body.home {
height: 100vh;    
}
}   @media only screen and (max-width: 600px) {
#tarteaucitronDisclaimerAlert {
padding: 0 20px;
max-width: 100%;
float: none;
text-align: center;
}
.accepte-tout,
.choix-cookies {
height: 24px !important;
border-radius: 0 !important;
line-height: 24px !important;
padding: 0 15px !important;
margin: 6px auto!important;
font-size: .8rem !important;
float: none;
}
body.home footer.footer {
position: relative;
bottom: auto;
}
footer.footer img {
width: 50px;
height: auto;
}
body.home .claim {
width: 80%;
margin: 120px auto 0;
margin-left: -40%;
max-width: auto;
}
.sous-claim {
padding: 0;
}
.sous-claim p {
padding: 10px 15px;
}
:root {
--height-nav: 70px;
}
.logo-header {
height: 30px;
margin-top: 20px;
}
header.header {
padding: 0 20px;
}
footer.footer #inner-footer img:last-child {
margin-left: 0;
}
footer.footer nav li a {
padding: 4px;
}
.page-template-page-refer-technique .flex-item-quart,
.tax-produit_cat .contenu-page-categorie .flex-item-quart,
.single-produit_type .contenu-page-categorie .flex-item-quart {
display: none;
}
.tax-produit_cat .contenu-page-categorie .flex-item-trois-quart,
.single-produit_type .contenu-page-categorie .flex-item-trois-quart {
width: 100%;
}
.page-template-page-refer-technique .contenu-page-categorie {
margin-top: 20px;
}
.image-ouvrages, .image-categorie {
height: 120px;
}
.breadcrumb {
height: auto;
padding: 15px 20px;
bottom: -40px;
position: absolute;
line-height: 1.1rem;
font-size: .85rem;
}
.breadcrumb .separ {
display: none;
}
.breadcrumb a {
display: block;
margin-bottom: 10px;
text-decoration: underline !important;
}
.breadcrumb .breadcrumb-home {
display: none; 
}
.page-template-page-refer-technique .breadcrumb,
.page-template-default .breadcrumb {
display: none;
}
.page-template-page-refer-technique .content-page,
.page-template-default .content-page {
padding: 0;
}
.flex-item-quart,
.flex-item-trois-quart {
width: 100%;
}
.flex-item-quart {
margin-bottom: 20px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
font-size: 1rem;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
font-size: .9rem;
}
.content-page section {
padding: 30px 40px;
}
.wpcf7-form .flex-item-tiers {
width: 100%;
}
.wpcf7-form .flex-item-tiers input {
max-width: 100%;    
}
input.wpcf7-submit,
a.cta {
margin: 15px auto;
}
.owl-photos-op {
height: 250px;
}
.image-op-single {
height: 250px;
}
.page-template-page-ouvrages .flex-item-tiers {
width: 100%;
}
footer.footer #inner-footer .logo-pacte {
margin-left: 0;
margin-top: 15px;
}
footer.footer #inner-footer .logo-pacte::before { 
line-height: 25px;
}
}   @media only screen and (max-width: 420px) { .flex-item-tiers.module-fiche,
.flex-item-25.module-fiche {
width: 100%;
border-bottom: 15px solid #eff5f7;
padding-bottom: 20px;
border-right: 0;
}
.titre-fiche {
font-size: .9rem;
line-height: 1.25rem;
padding-left: 0;
}
.titre-fiche::before {
display: none;
}
.body-module-fiches {
min-height: auto;
}
.module-fiche .lien-fiche {
position: relative;
width: 60%;
margin-left: 20%;
left: auto;
bottom: auto;
margin-top: 20px;
}
.content-page section {
padding: 30px 20px;
}
}