* {
    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);
}


/*************************************************************************/
/************************* STRUCTURE *************************************/
/*************************************************************************/

#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;
}





/************************************************************************************************************************************/
/************************************************** SCROLL TO TOP *******************************************************************/
/************************************************************************************************************************************/

#toTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    opacity: .5;
    background: url(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;
}

/**********************************************************************************************************************************************************/
/********************************************************************** TRANSITION PAGES ******************************************************************/
/**********************************************************************************************************************************************************/

.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.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(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;
}


/*************************************************************************/
/*************************** MEGA MENU ***********************************/
/*************************************************************************/


/***********************/
/*** MENU PRINCIPAL ****/
/***********************/

.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;
}




/***********************/
/****** SOUS-MENUS *****/
/***********************/

.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(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(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(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(img/picto-metallerie-gris.png);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}


/*************************************************************************/
/************************ MENU RESPONSIVE ********************************/
/*************************************************************************/


#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;
}


/*************************************************************************/
/*************************** RECHERCHE ***********************************/
/*************************************************************************/

#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;
}



/*************************************************************************/
/************************* GESTION COOKIES *******************************/
/*************************************************************************/


#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.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);
}



/*************************************************************************/
/****************************** HOME *************************************/
/*************************************************************************/

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;
  
  /* Center the video */
  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;
}




/*************************************************************************/
/****************************** PAGES ************************************/
/*************************************************************************/


.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 CATEGORIE PRODUIT ************/

.page-referentiels-techniques-structure,
.image-categorie.cat-structure {
    background: url(img/image-structure.jpg);
}

.page-referentiels-techniques-facade,
.image-categorie.cat-facade {
    background: url(img/image-facade.jpg);
}

.page-referentiels-techniques-couverture,
.image-categorie.cat-couverture {
    background: url(img/image-couverture.jpg);
}

.page-referentiels-techniques-metallerie,
.image-categorie.cat-metallerie {
    background: url(img/image-metallerie.jpg);
}


.image-ouvrages {
    background: url(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(img/picto-structure-blanc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
}

.header-menu-cat.categ-facade::after {
    background: url(img/picto-facade-blanc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
}

.header-menu-cat.categ-couverture::after {
    background: url(img/picto-couverture-blanc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
}

.header-menu-cat.categ-metallerie::after {
    background: url(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(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(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(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(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(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(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(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(img/picto-metallerie-gris-centre.png);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}


/*************************************************************************/
/************************* SINGLE PRODUIT ********************************/
/*************************************************************************/

.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(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(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;
}



/*************************************************************************/
/********************** PAGES REFER TECHNIQUES ***************************/
/*************************************************************************/


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);
    
}


/*************************************************************************/
/****************************** OUVRAGES *********************************/
/*************************************************************************/


.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;
}




/*************************************************************************/
/************************ OUVRAGE SINGLE *********************************/
/*************************************************************************/


.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(img/accordion-close-bleu.png) top left no-repeat;
    background-size: contain;
}

.ouvrage-partie03 .Zebra_Accordion_Expanded.accordion-titre::after {
    background: url(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;
}


/*************************************************************************/
/*************************** FORMULAIRES *********************************/
/*************************************************************************/


.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;
}


/******************** CSS IE *************************/


@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(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;
}

/***********************/
/****** SOUS-MENUS *****/
/***********************/

.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;
}
    
    
}