/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */ /* ======================================================================== Use this file to add custom CSS easily ========================================================================== */ /*COULEUR*/ /*VERT environ #9fb249 /*ROUGE emploi #c01528 /*ORANGE habitat #ed7c20 /*BLEU service #283981 /*VIOLET innov #81398b /*VERT global group #a3c42e /*NOIR global #252525 /*GRIS groupe #9c9b9b /*BASE*/ body { /*text-align:justify;*/ } #sp-main-body * { } article * { font-size:1.15em; line-height:1.3em!important; } article li { font-size:1.0em; } article .row { font-size:1.0em; padding-top:10px; } article h3 { font-size:1.5em; line-height:1.2em!important; padding-top:10px; padding-bottom:10px; } article h4 { font-size:1.3em; } article h5 { font-size:1.2em; } article p { padding-bottom:10px; } .helix-social-share-icon * a { line-height:0em!important; } .helix-social-share-icon * i.fa { font-size:0.5em; } .reseau-social-bas { padding-top:20px; } .reseau-social-bas a { font-size:3em; padding:10px; } #sp-top-bar { padding:3px 0 2px 0!important; } .entry-header h2 { font-size: 36px!important; line-height: 1; } #sp-header { box-shadow:0 0 15px rgba(0,0,0,0.35);} /*REVOLUTION SLIDER*/ .uppercase { text-transform:uppercase; font-size:1.0em; } .vert { color:#a3c42e; } .vertBg { background:#a3c42e; color:#fff; padding:5px 15px; margin:0 0 10px 0!important; border-radius:5px 5px 5px 5px; line-height:1.5em; text-shadow:none!important; } .rouge { color:#c01528; } .rougeBg { background:#c01528; color:#fff; padding:5px 15px; margin:0 0 10px 0!important; border-radius:5px 5px 5px 5px; line-height:1.5em; text-shadow:none!important; } .orange { color:#ed7c20; } .orangeBg { background:#ed7c20; color:#fff; padding:5px 15px; margin:0 0 10px 0!important; border-radius:5px 5px 5px 5px; line-height:1.5em; text-shadow:none!important; } /*BTNS couleurs*/ .bwp-button.vert.small { background:#9fb249; color:#fff; } .bwp-button.rouge.small { background:#c01528; color:#fff; } .bwp-button.orange.small { background:#ed7c20; color:#fff; } .bwp-button.gris.small { background:#9c9b9b; color:#fff; } /*SP POSI TITLE HAUT*/ #sp-title .sp-column { background:#252525; } #sp-title .sp-column .sp-module { margin:0 auto; } #sp-title .sp-column .sp-module.vert.contain { background:#9fb249;} #sp-title .sp-column .sp-module.gris.contain { background:#9c9b9b;} #sp-title .sp-column .sp-module.rouge.contain { background:#c01528;} #sp-title .sp-column .sp-module.orange.contain { background:#ed7c20;} #sp-title .sp-column .sp-module.bleu.contain { background:#283981;} #sp-title .sp-column .sp-module.violet.contain { background:#81398b;} #sp-title .sp-column .sp-module.contain .sp-module-content { padding:20px; max-width:1170px; margin:0 auto; } /*MEGA MENU*/ #sp-header.menu-fixed { box-shadow: 0 0 15px rgba(0, 0, 0, 0.7)!important; } .sp-menu-item.home a .fa{ font-size:2em; line-height:0!important; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #fff!important; } .pagination > li > a, .pagination > li > span { width:auto!important; padding-right:10px!important; padding-left:10px!important; } .sp-megamenu-parent { background: #a3c42e!important; } .sp-megamenu-parent .sp-menu-item a { color:#ffffff!important; padding-left:22px!important; padding-right:22px!important; margin:0!important; } .sp-megamenu-parent .sp-has-child .sp-menu-item a { color:#252525!important; line-height:1.2em!important; } .sp-megamenu-parent .sp-dropdown .row div { border-right:#666 1px solid; } .sp-megamenu-parent .sp-dropdown .row div:last-child { border-right:none; } .sp-megamenu-parent .sp-dropdown a:hover { background:#252525!important; color:#ffffff!important; } .sp-megamenu-parent .sp-menu-item .sp-module-content a { line-height:1.2em!important; padding:10px 10px!important;} .sp-megamenu-parent .sp-menu-item .sp-module-content a:before { content:""!important; padding:0!important;} .sp-mega-group-child { padding:10px!important; } .sp-mega-group-child .sp-menu-item:first-child a { border-top:none!important; } .sp-megamenu-parent .sp-dropdown .sp-menu-item a.vert, .sp-megamenu-parent .sp-dropdown .sp-menu-item.active a.vert { background:#9fb249; color:#ffffff!important; } .sp-megamenu-parent .sp-dropdown .sp-menu-item a.rouge, .sp-megamenu-parent .sp-dropdown .sp-menu-item.active a.rouge { background:#c01528; color:#ffffff!important; } .sp-megamenu-parent .sp-dropdown .sp-menu-item a.orange, .sp-megamenu-parent .sp-dropdown .sp-menu-item.active a.orange { background:#ed7c20; color:#ffffff!important; } .sp-megamenu-parent .sp-dropdown .sp-menu-item a.bleu, .sp-megamenu-parent .sp-dropdown .sp-menu-item.active a.bleu { background:#283981; color:#ffffff!important; } .sp-megamenu-parent .sp-dropdown .sp-menu-item a.violet, .sp-megamenu-parent .sp-dropdown .sp-menu-item.active a.violet { background:#81398b; color:#ffffff!important; } .sp-module ul > li > a::before { content: ""!important; margin:0!important; } .sp-megamenu-wrapper #offcanvas-toggler { padding-right:30px!important; padding-left:30px!important; margin-top:1px!important; margin-bottom:1px!important; background:#a3c42e!important; font-size:2em!important; } .sp-megamenu-wrapper #offcanvas-toggler i { color:#252525!important; } #sp-menu { padding-right:0!important; } /*MEGA MENU SSmenu*/ .sp-dropdown-inner { border-top:#000!important; } .sp-module h3 { color:#ffffff!important; background:none!important; padding:10px 20px; font-size:1em; margin:0!important; text-transform:uppercase; } .sp-dropdown-main { box-shadow:0 0 10px rgba(0,0,0,0.3); padding:0!important; margin:0!important; } .sp-module h3.menuEnv { border-right:1px solid #fff; background:#9fb249!important; } .sp-module h3.menuEmp { border-right:1px solid #fff; background:#c01528!important; } .sp-module h3.menuHab { border-right:1px solid #fff; background:#ed7c20!important; } .sp-module h3.menuSer { border-right:none; background:#283981!important; } .sp-module h3.menuInn { border-right:none; background:#81398b!important; } .sp-dropdown-inner .row { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-3 { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-3 .sp-module { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-3 .sp-module .sp-module-content { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-4 { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-4 .sp-module { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-4 .sp-module .sp-module-content { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-6 { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-6 .sp-module { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-6 .sp-module .sp-module-content { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-12 { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-12 .sp-module { padding:0!important; margin:0!important; } .sp-dropdown-inner .row .col-sm-12 .sp-module .sp-module-content { padding:0!important; margin:0!important; } .sp-dropdown-inner .menuEnv { border-right:1px solid #252525; padding:5px 10px!important; } .sp-dropdown-inner .menuEmp { border-right:1px solid #252525; padding:5px 10px!important; } .sp-dropdown-inner .menuHab { border-right:1px solid #252525; padding:5px 10px!important; } .sp-dropdown-inner .menuSer { padding:5px 10px!important; } .sp-dropdown-inner .menuInn { padding:5px 10px!important; } .sp-dropdown-inner .menuGrp { padding:5px 10px!important; } .sp-dropdown-inner h3.menuGrp { display:none; } .sp-dropdown-inner h3.menuInn { display:none; } #sp-left .sp-module { padding:0; } #sp-left .sp-module .sp-module-content { border:0 1px 1px 1px solid #999; } #sp-left .sp-module li { padding:5px 15px; } #sp-left .sp-module li a { line-height:1.2em; } #sp-left .sp-module li a img { max-width:100%!important; } #sp-left .sp-module li.active { background:#000!important; } #sp-left .sp-module li.active a { color:#fff!important; } #sp-left .sp-module li:hover { background:#000!important; } #sp-left .sp-module li:hover a { color:#fff!important; } #sp-left .sp-module .menuAct li { padding:1px 0; } #sp-left .sp-module .menuAct li.active { background:none!important; } #sp-left .sp-module .menuAct li a { border:none!important; } #sp-left .sp-module .menuAct li:hover { background:none!important; } /*MENU TOP LARGE activite*/ #sp-top-large { padding-top:30px; } #sp-top-large .menu.menuTop { border-bottom:1px solid #999999; padding:10px 0; } #sp-top-large .menu.menuTop li:last-child a { border-right:none; } #sp-top-large .menu.menuTop.x6 li { width:16.66%; float:left; border:none; } #sp-top-large .menu.menuTop.x5 li { width:20%; float:left; border:none; } #sp-top-large .menu.menuTop.x4 li { width:25%; float:left; border:none; } #sp-top-large .menu.menuTop.x3 li { width:33.33%; float:left; border:none; } #sp-top-large .menu.menuTop.x2 li { width:50%; float:left; border:none; } @media only screen and (max-width: 767px) { #sp-top-large .menu.menuTop li { width:100%!important; } #sp-top-large .menu.menuTop li a { height:auto!important; border:none!important; border-top:1px solid #999999!important; } } #sp-top-large .menu.menuTop li a { width:100%; padding:10px 20px; line-height:1; text-transform:uppercase; border:none; border-right:1px solid #999999;} #sp-top-large .menu.menuTop.menuGro li a { height:65px; } #sp-top-large .menu.menuTop.menuEnv li a { height:65px; } #sp-top-large .menu.menuTop.menuEmp li a { height:50px; } #sp-top-large .menu.menuTop.menuHab li a { height:65px; } #sp-top-large .menu.menuTop.menuSer li a { height:65px; } #sp-top-large .menu.menuTop.menuLab li a { height:65px; } #sp-top-large .menu.menuTop li.active { background:#252525; } #sp-top-large .menu.menuTop li.active a { color:#ffffff; } /*MENU BOTTOM LARGE activite*/ #sp-bottom-large { padding-bottom:30px; } .menu.menuAct { border-bottom:1px solid #999999; padding:10px 0; } .menu.menuAct li:last-child { border-right:none; } .menu.menuAct li { width:25%; float:left; border:none; border-right:1px solid #999999;} .menu.menuAct li a { width:100%; padding:10px 10px; } .menu.menuAct li a img { width:100%; } /*SIMPLE PAGE*/ .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 70px 50px 70px 0!important; } .sppb-addon-image-content.aligment-left .sppb-content-holder { padding: 70px 0 70px 50px!important; } #sp-page-builder .sppb-section-title { margin-bottom: 30px!important; } /*COUNTER - bwp-counter - CHIFFRES*/ .bwp-counter .numb.million::first-letter { letter-spacing:0.3em; } .bwp-counter .numb.million::after { content: " 000"; } .bwp-counter .numb.million.ca::after { content: " 857"; } .bwp-counter .numb.million.investissement::after { content: " 288"; } .bwp-counter .numb.millier::first-letter { letter-spacing:0em; } .bwp-counter .numb.millier::after { content: " 000"; } .bwp-counter .numb.millier.tonDech::after { content: " 438"; } /*COULEUR*/ .text-white { color:#ffffff!important; line-height:1.1em!important;} .text-green { color:#a3c42e; } .text-black { color:#252525!important; line-height:1.1em!important;} /*ACTUS K2*/ .actuK2 .even, .actuK2 .odd { width:25%; float:left; padding:0 10px; } /*ACTUS FLASH JOOMLA*/ .newsflash .articleFlash { padding-bottom:40px; } .newsflash .newsflash-title { font-size:2em; margin-top:10px; margin-bottom:10px; } /*EQUIPE*/ .bwp-testimonials .image::before { border-radius:none!important; box-shadow:none!important; } /*PARTENAIRES RESEAUX ACCUEIL*/ #partenaires h2 { color:#fff; font-size:32px; line-height:1em; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #9fb249; margin-bottom:20px; } #partenaires h3 { color:#fff; font-size:22px; line-height:1em; padding-top:20px; } /*BLOG */ .entry-header h2 { border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; } .logoSeparator { border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:20px; text-transform:uppercase; } /*CHRONOFORMS ----------------------------------*/ .chrono_credits { display:none; } .chronoform { padding:0!important; } .chronoform * { font-family: Open Sans,sans-serif!important; } .chronoform i.fa { font-family: FontAwesome!important; font-weight:300!important; } .chronoform label { font-weight:300!important; } .chronoform input { width:100%!important; } .chronoform textarea { width:100%!important; } .chronoform #envoi { font-size:18px; background:#000; color:#fff; border:none; padding:7px 20px; text-transform:uppercase; } .chronoform #envoi:hover { background:#333; color:#fff; border:none; padding:7px 20px; text-transform:uppercase; } .chronomessage { background:#a3c42e; color:#fff; } .chronomessage h2 { color:#fff; text-align:center; } /*BOTTOM*/ #sp-bottom3 .sp-module { margin-top:0px!important; }