/* CREDITS -------------------------------------------------------------- Theme Name: Betheme Child Theme URI: http://themes.muffingroup.com/betheme Author: Muffin group Author URI: http://muffingroup.com Description: Child Theme for Betheme - Premium WordPress Theme Template: betheme Version: 1.6.1 Theme Name: Betheme Author: Muffin group Description: The biggest WordPress Theme ever Theme URI: http://themes.muffingroup.com/betheme Author URI: http://muffingroup.com License: Themeforest Split Licence License URI: - Version: 17.8.1 All css files are placed in /css/ folder */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- // GENERAL STYLES 0.0 Layout 0.1 Spacing 0.2 Size 1.0 Typography 2.0 Colors 3.0 Elevation 4.0 Lists 5.0 Buttons 5.1 Back To Top 5.2 Boutons principaux 5.3 Fil d'arianne 6.0 Tags // Components - BLOCS - 01 --- Taille Bloc (Page Demarche - Histoire - Carriere - Actimage Academy) - ANIMATIONS - IMAGES // TOPBAR - BAR - LOGO - MENU - MENU DEROULANT CHEVRON - BOUTON JOBS - LANGUAGE SELECTOR - MENU MOBILE - MENU BURGER - SMALL DEVICE - COOKIE NOTICE // PORTFOLIO // TIMELINE // TABS // BLOC VOUS ETES CURIEUX // BLOC CONTACT PAR PAGE // TEMOIGNAGES - CONSULTANT - CLIENT - PAGE REFERENCES - CLIENT - PAGE FORMATIONS // FOOTER - TEXTS - RELATIF AUX WIDGETS - RELATIF AUX BLOCS - RELATIF AUX LOGOS - RELATIF AUX ACCORDEONS // Templates // PAGE - HOME - BLOC HEADER + POPUP - BLOC POLES - BLOC EXPERTISES - BLOC REFERENCES - BLOC CLIENTS - BLOC COMPTEURS - BLOCS CONTACT - BLOC HOME FOOTER // PAGE - POLES - BLOCS - BUTTONS // PAGE - REFERENCES - PORTFOLIO GRID // PAGE - REFERENCES - DETAIL D'UNE REFERENCE - ELEMENTS - IMAGES - NAVIGATION INTER PROJETS // PAGE - EXPERTISES // PAGE - EXPERTISES - NOS EXPERTISES // PAGE - EXPERTISES - DETAIL D'UNE EXPERTISE - HADS - HOLOLENS - BLOCKCHAIN - IMMOBILIER - 01 --- Tabs - 02 --- Sliders // PAGE - HISTOIRE // PAGE - DEMARCHE // PAGE - CARRIERE // PAGE - CONTACT // PAGE - ACTIMAGE ACADEMY - BLOC POINTS FORTS - BLOC SLIDER FORMATIONS - BLOC COMPTEURS // PAGE - ACTIMAGE ACADEMY - FORMATIONS - ACCORDEON // SINGLE - POST */ /*-------------------------------------------------------------- 0.1 Spacing --------------------------------------------------------------*/ .ml-32, .button.ml-32{ margin-left:32px!important; } .mt-0 { margin-top: 0 !important; } .ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .vh-20 { min-height:20vh!important; } .vh-24 { min-height:24vh!important; } .vh-30 { min-height:30vh!important; } .vh-32 { min-height:32vh!important; } /*-------------------------------------------------------------- 0.2 Size --------------------------------------------------------------*/ .w-100 { width: 100%!important; } /*-------------------------------------------------------------- 1.0 Typography --------------------------------------------------------------*/ h1,h2{ margin-bottom:30px; } .surtitle{ text-transform: uppercase; color: #f81037; font-size: 1.2em; font-weight: 500; line-height: 20px; } text-w-500, ol.list-bullet{ font-weight: 500; } text-w-500, ol.list-bullet ul li{ font-weight: 400; } p, li, ol{ line-height: 1.5em; font-size: 1rem; } .text-hover-red a:hover { color:#f81037!important; } @media only screen and (max-width: 479px){ h2{ font-size: 26px!important; line-height: 32px!important; } h3{ font-size: 20px!important; line-height: 23px!important; } } @media only screen and (min-width: 480px) and (max-width: 767px){ h3{ font-size: 20px!important; line-height: 23px!important; } } @media only screen and (max-width: 767px){ .footer-page-link .column_attr span { display:table; margin: auto; } .footer-page-link .column_attr h2{ margin-top: -10px; } } @media screen and (max-width: 959px){ h4, .list_item h4{ font-size: 20px !important; line-height: 35px !important; } } a.button, .button-stroke input[type="submit"]{ text-transform: uppercase; font-size: 16px; font-weight: 600; letter-spacing: .05rem; } .surtitle-page{ font-weight: 600; font-size: 24px; margin-bottom: 16px; display: block; } /*-------------------------------------------------------------- 2.0 Colors --------------------------------------------------------------*/ .text-white, .text-white h2, .text-white h1, .text-white a, .text-white p, .texte-blanc h2, .texte-blanc h1, .texte-blanc a, .texte-blanc p{ color: #ffffff!important; } .text-red, ol.list-bullet{ color: #f81037!important; } .bg-skeleton, img.mfn-parallax{ background-color: #ededed; } .hr_color{ color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); } .gradient-actimage{ background: #E72043 linear-gradient(270deg, #E72043 0%, #ED683C 100%) 0% 0% no-repeat padding-box; } /*-------------------------------------------------------------- 3.0 Elevation --------------------------------------------------------------*/ .soft-shadow, .shadow, .post-item, .div_home, .wrapper-contact .bloc-contact .column_attr{ box-shadow: 0px 0px 24px rgba(0,0,0,.2)!important; } /* box-shadow: 0px 0px 20px rgba(0,0,0,0.2)!important; */ /*-------------------------------------------------------------- 4.0 Lists --------------------------------------------------------------*/ ul.list-bullet, ul.list-icons{ list-style: none; } ul.list-bullet{ margin-bottom: 2rem; } ul.list-bullet li{ padding-left: 1rem; } ul.list-bullet li:before{ content: "\2022"; display: inline-block; color: #f81037; width: 1rem; margin-left: -1rem; } ul.list-bullet ul.list-bullet li:before{ content: "\2022"; display: inline-block; color: #2c2c2c; width: 1rem; margin-left: 0rem; } ul.list-icons li img{ width:24px; margin-right:12px; margin-bottom: -4px; } .infobox ul li:before{ content: ' ' } /* ENCART LISTE PROJETS */ /* PAGE - POLES - DETAIL D'UN POLE */ .info_pole .infobox { background-color: rgba(255,255,255,.2) !important; border-style: solid; border-width: 2px; border-color: #f81037; color:#2c2c2c!important; padding: 26px; } .infobox ul li:before{ top: 23px; } .infobox .infobox_wrapper ul a{ color: #2c2c2c !important; } .infobox .infobox_wrapper ul a:hover{ text-decoration: none !important; color: #f81037 !important; } .info_pole h3, .info_pole ul, .info_pole li { color:#2c2c2c!important; } .info_pole ul li{ padding: 13px 0 13px 26px; } .infobox ul.liste-expertises li:before{ background: url(../../uploads/2017/05/arrow-right-icon_li-e1494492584279.png) no-repeat; top: 25px; } /* ENCART LISTE // PAGE - REFERENCES - DETAIL D'UNE REFERENCE */ .liste-missions .infobox { background-color: rgba(255,255,255,.2)!important; border-style: solid; border-width: 2px; border-color: #f81037; color:#2c2c2c!important; padding: 26px; } .liste-missions .infobox .infobox_wrapper h3, .liste-missions .infobox .infobox_wrapper p, .liste-missions .infobox .infobox_wrapper ul, .liste-missions .infobox .infobox_wrapper ul li, .liste-missions .infobox .infobox_wrapper ul a{ color: #2c2c2c !important; } .liste-missions .infobox .infobox_wrapper ul a:hover{ text-decoration: none !important; color: #f81037 !important; } .liste-missions .infobox .infobox_wrapper ul li{ padding: 13px 0 13px 26px; } .liste-missions .infobox .infobox_wrapper ul li:before{ background: url(../../uploads/2017/05/arrow-right-icon_li-e1494492584279.png) no-repeat; top: 25px; } /*-------------------------------------------------------------- 5.0 Buttons --------------------------------------------------------------*/ /* Primary button .btn-white */ a.bouton_blanc, a.bouton_principal, a.button { border-radius: 25px!important; } .button-stroke input[type="submit"]{ padding: 11px 20px!important; font-size: 0.9em; margin:0; } a.bouton_blanc:hover, a.bouton_principal:hover, a.btn-white:hover{ color: #ffffff !important; } a.button.bouton_blanc.button_size_2.button_stroke_custom.button_js:hover, a.bouton_lien_blanc:hover{ background-color:#ffffff!important; color:#f81037!important; } a.bouton_lien, a.bouton_lien_blanc { display:inline-block; padding: 11px 20px; border-radius: 25px !important; font-weight: bold; margin: 10px; } a.bouton_lien{ color: #f81037; border: 2px solid #f81037; } a.bouton_lien_blanc { color: #ffffff; border: 2px solid #ffffff; } a.bouton_lien:hover, a.bouton_lien_blanc:hover { text-decoration:none; } a.bouton_lien:hover { background-color:#f81037; color:#ffffff; } /* Secondary button .btn-white */ .button-stroke a.bouton_blanc, .button-stroke a.button.btn-white { border-radius:30px !important; border-color:#ffffff!important; background-color: #ffffff!important; } .button-stroke a:hover.bouton_blanc.button.button_stroke_custom, .button-stroke a.button.btn-white:hover{ color:#ffffff!important; background-color:#f81037!important; border-color:#f81037!important; } .button-stroke a.bouton_blanc:hover .button_icon i, .button-stroke a.button.btn-white:hover i { color: #ffffff!important; } /* Outlined button */ .button-stroke a.button.btn-outline-white{ border-color: #ffffff!important; } .button-stroke a:hover.button.btn-outline-white{ border-color: #ffffff!important; color: #f81037!important;; background-color: #ffffff!important;; } /* 01 --- Back To Top */ #back_to_top { background-color: rgba(255, 255, 255, 0.6)!important; } #back_to_top:hover { background-color:#f81037!important; } a#back_to_top.button.button_js{ color:#f81037!important; } a#back_to_top.button.button_js:hover{ color: #ffffff!important; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } /* 03 --- Fil d'arianne */ .but_fleche a{ color:#2d2d2d!important; font-size:12px; border:none!important; } .but_fleche a:hover{ color:#f81037!important; text-decoration:none!important; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .arianne{ display:inline-block; } /* Back link button */ .btn-link-back{ margin-bottom: 48px; display: inline-block; text-transform: uppercase; letter-spacing: .05rem; } .btn-link-back:before{ content: '\e8b8'; font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none!important; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } /*-------------------------------------------------------------- 6.0 Tags & Chips --------------------------------------------------------------*/ .tag_projet, .tags{ color:#2c2c2c; border-radius:25px!important; padding: 5px 20px!important; margin: 0 4px 5px 0; display: inline-block; background:#ededed; } .poles_tags{ border-radius:25px; background: rgba(250, 250, 250, 0.2); border:2px solid #ffffff; color:#ffffff; display:inline-block; margin:5px 2px; padding:5px 15px; } .bloc-liste-formation .tags{ background-color: transparent; } .bloc-liste-formation #Filters .filters_wrapper ul.tags li a{ border-radius: 30px; padding: 7px 24px; color: #f81037; border: 2px solid #f81037; font-weight: 500; background-color:transparent; } .bloc-liste-formation #Filters .filters_wrapper ul li.current-cat a, .bloc-liste-formation #Filters .filters_wrapper ul li a:hover{ background-color:rgba(248, 16, 55, 0.2); } #Filters .filters_wrapper ul li{ width:inherit; min-width:124px; } /* BLOCS */ .share_wrapper, #Intro, #Subheader, .subheader-both-center #Subheader .title{ display:none; } #Header{ min-height:0px!important; } .column_column ul, .column_helper ul, .column_visual ul, .icon_box ul, .mfn-acc ul, .ui-tabs-panel ul, .post-excerpt ul, .the_content_wrapper ul{ margin:0; } .div_home{ width:80%; margin-left:auto; margin-right:auto; } .header_center{ text-align:center; margin-bottom:50px; } .section_wrapper .no-background-section { background: none!important; } @media only screen and (max-width: 767px){ .footer-page-link .column_attr { padding: 50px 5px!important; background-position:center center!important; } } @media only screen and (min-width: 768px) and (max-width: 1239px){ .section_wrapper, .container, .with_aside .content_wrapper{ max-width: 1220px !important; } } /* 01 --- Taille Bloc (Page Demarche - Histoire - Carriere - Actimage Academy - Expertises) */ .taille-bloc-img { position: absolute!important; bottom: 0; top: 0; } .taille-bloc-img.float-right { position: absolute!important; bottom: 0; top: 0; right: 0; } .taille-bloc-text{ margin-left: 50%; } .taille-bloc-text.no-margin{ margin-left: 0; } .section.taille-bloc .mfn-parallax{ position:initial!important; min-height: 100%!important; min-width: 100%!important; object-fit: cover!important; } @media only screen and (max-width: 767px) { .taille-bloc{ width:100%; } .taille-bloc-img, .taille-bloc-img.float-right { position: initial!important; height: 300px; } .taille-bloc-img.mobile-order{ position: absolute!important; } .taille-bloc-text.no-margin.mobile-order{ margin-top: 300px; } } /* ANIMATIONS */ @media only screen and (max-width: 991px){ .animate{ opacity: 1!important; -webkit-animation-duration: 0s!important; -moz-animation-duration: 0s!important; -ms-animation-duration: 0s!important; -o-animation-duration: 0s!important; animation-duration: 0s!important; -webkit-animation-fill-mode: 0s!important; -moz-animation-fill-mode: 0s!important; -ms-animation-fill-mode: 0s!important; -o-animation-fill-mode: 0s!important; animation-fill-mode: 0s!important; } .animate.fadeIn{ -webkit-animation-name: none!important; -moz-animation-name: none!important; -ms-animation-name: none!important; -o-animation-name: none!important; animation-name: none!important; } } /* IMAGES */ IMG.fig{ float: right; padding-left:10px; } .img.scale-with-grid #Content img{ display: block!important; margin-left: auto!important; margin-right: auto!important; } .image_frame, .wp-caption { border-style:none; } .image_frame .image_wrapper .mask{ -webkit-box-shadow: none; box-shadow: none; } .image_frame:hover .image_wrapper .mask::after, .image_frame.hover .image_wrapper .mask::after{ display:none; } .image_frame .image_wrapper .image_links a:hover { background:rgba(248, 16, 55, 0.5)!important; color:#ffffff!important; } .parallax-img-zoom{ height: 1000px!important; } @media only screen and (max-width: 767px){ .parallax-img-zoom{ height: 300px !important; } } /* TOPBAR -------------------------------------------------------------- */ /* BAR */ #Top_bar { top:0!important; height:60px; position:fixed!important; } .home .header-fixed #Top_bar{ background-color: transparent!important; } .home #Top_bar.is-sticky{ margin-top: 0!important; } @media only screen and (min-width: 768px) { .home.header-fixed #Top_bar{ background:transparent!important; box-shadow:none; } .home #Top_bar.is-sticky{ background:#fff!important; opacity:.97!important; box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)!important; } .home #Top_bar{ margin-top: 20px; } } @media only screen and (min-width: 1240px){ #Top_bar.is-sticky { height:60px; } } /* LOGO */ #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { padding:0!important; } /* Logo blanc sur home */ .home #Top_bar #logo img.logo-main{ display: none; } .home #Top_bar #logo img.logo-sticky{ display: inline; } .home #Top_bar.is-sticky #logo img.logo-main{ display: inline; } .home #Top_bar.is-sticky #logo img.logo-sticky{ display: none; } img.logo-main.scale-with-grid.svg{ position: relative; top:-1px; } /* Logo Mobile */ @media only screen and (max-width: 767px){ #Top_bar #logo img.logo-sticky { display: none; } .home #Top_bar #logo img.logo-sticky { display: none; } .home #Top_bar.is-sticky #logo img.logo-main{ display :none; } } /* MENU */ .header-fixed #Top_bar .menu > li > a { padding:15px 0!important; } #Top_bar .menu > li ul li a{ font-size:16px; font-weight:500; } #Top_bar .menu li ul li a { padding:5px 20px!important; } #Top_bar .menu li ul li { width:230px!important; } #Top_bar .menu > li > a span:not(.description){ padding: 0 18px; } .home #Top_bar.is-sticky .menu > li > a { color: #2C2C2C; } .home #Top_bar.is-sticky .menu > li > a:hover { color: #f81037; } .home #Top_bar .menu > li > a, .home #Top_bar #menu ul li.submenu .menu-toggle { color: #ffffff; } @media only screen and (min-width: 1240px){ .menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after{ margin-top:26px!important; } } /*Correctif theme */ @media only screen and (min-width: 768px){ .header-fixed #Top_bar .logo { margin: 0 0px 0 20px; } } /* MENU DEROULANT CHEVRON */ #Top_bar .menu > li.submenu > a > span:not(.description):after { opacity:1!important; } .home #Top_bar:not(.is-sticky) .menu > li.submenu > a > span:not(.description):after { border-top-color: #ffffff!important; } .home #Top_bar:not(.is-sticky) .menu > li.submenu > a:hover > span:not(.description):after { border-top-color: #f81037!important; } /* BOUTON JOBS */ #Top_bar .menu > li.job-btn a { color:#f81037!important; margin-left:12px; margin-right:12px; } .menuo-no-borders #Top_bar .menu > li.job-btn > a span { border-style: solid; border-color: #f81037; border-width: 2px!important; border-radius: 30px; padding-left: 16px; padding-right: 16px; } #Top_bar .menu > li.job-btn > a:after { height:0px!important; } .menuo-no-borders #Top_bar .menu > li.job-btn > a:hover span { background-color:#f81037; color:white; } /* LANGUAGE SELECTOR */ #Top_bar .menu > li > a span.wpml-ls-native { opacity:0.5!important; font-weight:500; } #Top_bar .menu > li > a:hover span.wpml-ls-native { opacity:1!important; } #Top_bar .menu > li#menu-item-wpml-ls-2-en > a:after, #Top_bar .menu > li#menu-item-wpml-ls-2-fr > a:after { height:0px!important; } /* MENU MOBILE */ #Side_slide #menu ul li a{ font-size: 1.4em; padding: 18px 0px 18px 18px; } #Side_slide #menu ul li.submenu .menu-toggle{ font-size: 3em; top: 8px; } #Side_slide #menu ul.sub-menu li a span{ font-size: 0.7em; } #Side_slide #menu ul li.job-btn { background-color:#f2f2f2!important; } #Side_slide #menu ul li.job-btn a { color:#2c2c2c!important; } #Side_slide #menu ul li.job-btn a:hover { color:#f81037!important; } #Side_slide #menu ul li#menu-item-wpml-ls-2-en a, #Side_slide #menu ul li#menu-item-wpml-ls-2-fr a { text-align:center!important; font-size:1.1em!important; margin-top:30px; font-weight:500; margin-right:0px!important; padding:18px!important; } #Side_slide #menu > ul#menu-item-wpml-ls-2-en:last-child > li:last-child, #Side_slide #menu > ul#menu-item-wpml-ls-2-fr:last-child > li:last-child { border-bottom:0px!important; } #Top_bar a.responsive-menu-toggle i.icon-menu-fine{ font-size: 30px; line-height: 0px; } /* MENU BURGER - SMALL DEVICE */ #Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle, .home #Top_bar.is-sticky .responsive-menu-toggle, .home .is-sticky #Header_creative .creative-menu-toggle, .home .is-sticky #Header_creative .responsive-menu-toggle{ color: #2C2C2C!important; background: transparent!important; } .home #Top_bar .responsive-menu-toggle, .home #Header_creative .creative-menu-toggle, .home #Header_creative .responsive-menu-toggle{ color: #ffffff!important; background: transparent!important; } @media only screen and (max-width: 767px){ .home #Top_bar .responsive-menu-toggle { color: #2C2C2C!important; } } /* COOKIE NOTICE */ a#cn-accept-cookie.cn-set-cookie.button.wp-default{ margin:0 !important; } span#cn-notice-text{ vertical-align: middle; } #cookie-notice .button { padding: 6px 10px; display: inline; } .cookie-notice-container { padding: 14px; } /* PORTFOLIO -------------------------------------------------------------- */ .portfolio-photo .portfolio-item a .mask, .portfolio-photo .portfolio-item .portfolio-details .more, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrappper, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after{ display:none; } .masonry.tiles .post-item .post-desc-wrapper .post-desc { padding: 20% 20px 0px; } .portfolio_group .portfolio-item .desc { background:rgba(255, 255, 255, 0); padding: 20px 0px; } .portfolio_grid .portfolio-item a.portfolio-details{ opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .portfolio_grid .portfolio-item:hover a.portfolio-details{ opacity:0; } .portfolio-photo .portfolio-item .portfolio-details:hover .details{ background: none!important; } .portfolio_grid .portfolio-item a.portfolio-item-bg{ background: #333333; } .portfolio_grid .portfolio-item a.portfolio-item-bg img{ opacity: .5; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .portfolio_grid .portfolio-item:hover a.portfolio-item-bg img{ opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { padding: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10%; } @media only screen and (max-width: 375px){ .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper{ display: none !important; } } @media only screen and (min-width: 768px) { .logo_projet { display: inline-block; margin-right:30px; } } @media only screen and (max-width: 991px){ .portfolio_grid .portfolio-item{ height: 300px!important; width: 100%!important; float: none!important; margin: 0 0 30px 0; } .portfolio-photo .portfolio-item .portfolio-details .details{ padding: 30px!important; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0.6; background:#2c2c2c!important; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link { display:none; } .portfolio_group .portfolio-item { width: 100%!important; margin: 0 0 20px!important; float: none; } } @media only screen and (min-width: 992px) { .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper{ display:none; } } /* TIMELINE -------------------------------------------------------------- */ .timeline_items span{ color:#f81037!important; font-size:20px!important; font-weight:bold!important; background-color:#ffffff!important; } .timeline_items li .desc, .timeline_items li .desc:before{ background:none; } /* TABS -------------------------------------------------------------- */ ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all, .ui-tabs .ui-tabs-nav li.ui-state-active a{ background: none!important; border-style:none; } .expertisestabs .ui-tabs .ui-tabs-nav, .expertisestabs .ui-tabs, .expertisestabs .ui-tabs-nav li .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li{ border-style:none!important; } /* BLOC VOUS ETES CURIEUX -------------------------------------------------------------- */ .curieux a:hover{ color: #f81037 !important; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } /* BLOC CONTACT PAR PAGE -------------------------------------------------------------- */ .page-contact-bloc p a { color:#2c2c2c!important; } .page-contact-bloc p a:hover { color:#f81037!important; } /* TEMOIGNAGES -------------------------------------------------------------- */ .team .desc_wrapper blockquote{ background:none; margin:0; } .team .desc_wrapper blockquote:after{ left:0; } /* TEAM ACCESS*/ .certified-consultant .team.team_circle{ padding: 24px 0px; } .certified-consultant .team .desc_wrapper h4 { margin-bottom: 12px; } /* CONSULTANT */ .column_our_team h2{ margin-bottom:15px!important; } /* CLIENT - PAGE REFERENCES */ .client-testimonial-quote{ margin-left:auto; margin-right:auto; box-shadow:0px 0px 20px rgba(0,0,0,0.2)!important; margin-bottom:-50px; } .client-testimonial-quote .slick-list.draggable{ height:auto!important; } .client-testimonial-quote .bq_wrapper, .client-testimonial-quote .bq_wrapper blockquote{ background:none!important; } .client-testimonial-quote .single-photo-img, .client-testimonial-quote .hr_dots{ display:none!important; } .client-testimonial-quote .author h5{ font-size:20px; line-height:23px; font-weight:500; letter-spacing:0px; } .client-testimonial-quote .author span.company{ color:#f81037!important; font-weight:500; } /* CLIENT - PAGE FORMATIONS */ .formation-testimonial-quote .blockquote blockquote { background:none; } .formation-testimonial-quote .subtitle{ text-transform:none; opacity:1!important; } /* Move up Mobile @media only screen and (max-width: 767px){ .rd-move-up{ margin-top: 0px!important; } }*/ /* FOOTER -------------------------------------------------------------- */ /* TEXTS */ #Footer h5, #Footer ul li, #Footer p{ font-size: 1em!important; } #Footer h4 { font-size:16px; } #Footer h5 { font-weight:400!important; } #Footer h4 a:hover, #Footer h5 a:hover { color:#f81037!important; } #Footer a:hover{ text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } #Footer .footer_copy span{ margin:0 15px; } #Footer .plansite p { margin-bottom:0px!important; } #Footer .lienplan { line-height:3; } /* RELATIF AUX WIDGETS */ #Footer .widgets_wrapper .widget{ padding: 0; } #Footer .widget_pages ul, #Footer .widget_archive ul, #Footer .widget_nav_menu ul, #Footer .widget_icl_lang_sel_widget ul{ list-style-image: url('../../uploads/2017/05/arrow-right-icon_li-e1494492584279.png'); padding: 5px 10px !important; background: none !important; } #Footer .widget_nav_menu ul li:after, #Footer .widget_archive ul li:after, #Footer .widget_nav_menu ul li:after { border: none !important; } #Footer .widget_icl_lang_sel_widget ul li a { padding:0!important; margin-bottom:15px; } #Footer .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical{ display:inline-block!important; } #nav_menu-4.widget_archive ul li a, #nav_menu-4 .widget_nav_menu ul li a, .widget_archive ul li a, .widget_nav_menu ul li a{ padding: 0 0 6px 0 !important; } aside#custom_html-3.widget_text.widget.widget_custom_html{ padding-bottom:0; } /* RELATIF AUX BLOCS */ #Footer .bloc-contact, #Footer .bloc-social { margin-bottom: 30px; } #Footer .bloc-contact i, #Footer .bloc-social i { margin-right: 5px; } #Footer .bloc-presskit h4{ line-height:1.5; } #Footer .bloc-presskit h4 a:hover { color: #f81037; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } /* RELATIF AUX LOGOS */ #Footer .logo-footer{ width: 170px; max-width:100%; height:auto; margin-bottom:40px; } .partenariat-footer{ margin-bottom:20px; max-width:100%; height:auto; display:block; } /* RELATIF AUX ACCORDEONS */ #Footer .accordion .question { border-width:0px!important; } #Footer .accordion .question .title { background-image:none!important; border-style:none; background: transparent; box-shadow: none; } #Footer .accordion .question .title:before { border-width:0px!important; } #Footer .accordion .question .title > .acc-icon-plus, #Footer .accordion .question.active .title > .acc-icon-minus { color:white; left:0px!important; top:12px; } #Footer .accordion .question .answer { background:none!important; box-shadow: none; } .textwidget .accordion .question.active .title, #Footer .accordion .question .title { color:white!important; border-width:0px!important; border-color:transparent; padding:8px 8px 8px 30px!important; font-size:14px; font-weight:400; } @media only screen and (max-width: 767px) { #Footer ul li a, #Footer p, #Footer .plansite a, #Footer .plansite .accordion .question .title { font-size:13px!important; display: inline-block; } #Footer .plansite .accordion .question.active .title { font-weight:600!important; } #Footer .widgets_wrapper{ padding: 30px !important; text-align:center; } #Footer .widgets_wrapper .widget{ margin-bottom:30px; } #Footer .container{ padding:0!important; } #Footer .container .column{ clear: none; } #Footer .logo-footer, .partenariat-footer{ margin-right:auto; margin-left:auto; width:120px; } #Footer .widget_pages ul, #Footer .widget_archive ul, #Footer .widget_nav_menu ul, #Footer .widget_icl_lang_sel_widget ul{ list-style:none; } #Footer .bloc-presskit h4{ margin-bottom:30px!important; } #Footer .footer_copy span{ display:block; } #Footer .accordion .question .title > .acc-icon-plus, #Footer .accordion .question.active .title > .acc-icon-minus { top:10px; } #Footer .accordion .question .answer { line-height:2; } } @media only screen and (min-width: 768px) and (max-width: 991px){ #Footer .widgets_wrapper .column{ width:48%!important; min-height:380px; } .partenariat-footer{ width:150px; } } /* PAGE - HOME -------------------------------------------------------------- */ /* BLOC HEADER + POPUP */ a.popup-link { display:inline-block; padding: 11px 20px; border: 2px solid #ffffff; border-radius: 25px !important; color: #ffffff; font-weight: bold; margin: 10px; } a.popup-link:hover { background-color:#ffffff; color:#f81037; text-decoration:none; } .mfp-inline.popup-content{ background:none!important; max-width:none!important; padding:40px 25px!important; } .mfp-inline.popup-content button.mfp-close{ color:#ffffff!important; } .header-video{ min-height:400px; } @media only screen and (min-width: 961px) { a.popup-link{ margin-left:0!important; } } @media only screen and (max-width: 991px) { .header-video .section_wrapper .one.mcb-wrap{ padding: 150px 30px!important; } } @media only screen and (min-width: 960px) and (max-width: 1223px) { .header-video { padding-top:150px!important; padding-bottom:150px!important; } } /* BLOC POLES */ .cards-poles{ margin-top: -100px!important; } .cards-poles .column_attr{ box-shadow: 0px 0px 30px rgba(200,196,219,.3); background-color: rgba(255,255,255,1); font-size: 13px; height:auto; padding: 0 20px; } .cards-poles .column_attr::before, .cards-poles .column_attr::after{ display:none; } .cards-poles .column_attr .cards-poles-info{ position:relative; width: 100%; min-height:400px; padding: 30px 0 20px 0; box-sizing:border-box; } .cards-poles .column_attr .cards-poles-info.innovation, .cards-poles .column_attr .cards-poles-info.strategy, .cards-poles .column_attr .cards-poles-info.media, .cards-poles .column_attr .cards-poles-info.technology, .cards-poles .column_attr .cards-poles-info.cloud{ border-width: 3px; border-style: solid; border-top: 0; border-left: 0; border-right: 0; } .cards-poles .column_attr .cards-poles-info.innovation{ -webkit-border-image:-webkit-gradient(linear, from(#F37F30) to(#F8A131) 1); -webkit-border-image:-webkit-linear-gradient(right, #F37F30, #F8A131) 1; -moz-border-image:-moz-linear-gradient(right, #F37F30, #F8A131) 1; -o-border-image:-o-linear-gradient(right, #F37F30, #F8A131) 1; border-image:linear-gradient(to right, #F37F30, #F8A131) 1; } .cards-poles .column_attr .cards-poles-info.strategy{ -webkit-border-image:-webkit-gradient(linear, from(#5A9647) to(#79BF4B) 1); -webkit-border-image:-webkit-linear-gradient(right, #5A9647, #79BF4B) 1; -moz-border-image:-moz-linear-gradient(right, #5A9647, #79BF4B) 1; -o-border-image:-o-linear-gradient(right, #5A9647, #79BF4B) 1; border-image:linear-gradient(to right, #5A9647, #79BF4B) 1; } .cards-poles .column_attr .cards-poles-info.media{ -webkit-border-image:-webkit-gradient(linear, from(#AC256F) to(#D62587) 1); -webkit-border-image:-webkit-linear-gradient(right, #AC256F, #D62587) 1; -moz-border-image:-moz-linear-gradient(right, #AC256F, #D62587) 1; -o-border-image:-o-linear-gradient(right, #AC256F, #D62587) 1; border-image:linear-gradient(to right, #AC256F, #D62587) 1; } .cards-poles .column_attr .cards-poles-info.technology{ -webkit-border-image:-webkit-gradient(linear, from(#135b96) to(#2474b6) 1); -webkit-border-image:-webkit-linear-gradient(right, #135b96, #2474b6) 1; -moz-border-image:-moz-linear-gradient(right, #135b96, #2474b6) 1; -o-border-image:-o-linear-gradient(right, #135b96, #2474b6) 1; border-image:linear-gradient(to right, #135b96, #2474b6) 1; } .cards-poles .column_attr .cards-poles-info.cloud{ -webkit-border-image:-webkit-gradient(linear, from(#1fb2d7) to(#51c6dd) 1); -webkit-border-image:-webkit-linear-gradient(right, #1fb2d7, #51c6dd) 1; -moz-border-image:-moz-linear-gradient(right, #1fb2d7, #51c6dd) 1; -o-border-image:-o-linear-gradient(right, #1fb2d7, #51c6dd) 1; border-image:linear-gradient(to right, #1fb2d7, #51c6dd) 1; } .cards-poles .column_attr .cards-poles-info a{ display:inline-block; color: #222222; position:absolute; top:0!important; bottom:0!important; left:0!important; right:0!important; } .cards-poles .column_attr .cards-poles-info a .vertical-align{ position:relative; top:30px; } .cards-poles .column_attr .cards-poles-info a.hover-display{ display:none; } .cards-poles .column_attr .cards-poles-info a.hover-display ul li{ display:inline-block; list-style:none; color:#ffffff; font-weight:700; margin-bottom:0px!important; padding:0 5px; font-size:1.1em; } .cards-poles .column_attr .cards-poles-info .image_item{ margin-bottom:40px!important; } .cards-poles .column_attr .cards-poles-info .image_item img{ background-color:#ffffff; border-radius:100%; } .cards-poles .column_attr .cards-poles-info h4, .cards-poles .column_attr .cards-poles-info p{ margin:0!important; } .cards-poles .column_attr .cards-poles-info h4{ margin-bottom:40px!important; } .cards-poles:hover .column_attr .cards-poles-info.innovation, .cards-poles:hover .column_attr .cards-poles-info.strategy, .cards-poles:hover .column_attr .cards-poles-info.media, .cards-poles:hover .column_attr .cards-poles-info.technology, .cards-poles:hover .column_attr .cards-poles-info.cloud{ border:0!important; } .cards-poles.innovation-hover:hover .column_attr, .bg-gradient-innovation{ background-color:#F37F30; /* fallback color if gradients are not supported */ background-image:-webkit-linear-gradient(left, #F37F30, #F8A131); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image:-moz-linear-gradient(left, #F37F30, #F8A131); /* For Firefox (3.6 to 15) */ background-image:-o-linear-gradient(left, #F37F30, #F8A131); /* For old Opera (11.1 to 12.0) */ background-image:linear-gradient(to right, #F37F30, #F8A131); /* Standard syntax; must be last */ } .cards-poles.strategy-hover:hover .column_attr, .bg-gradient-strategy{ background-color:#5A9647; /* fallback color if gradients are not supported */ background-image:-webkit-linear-gradient(left, #5A9647, #79BF4B); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image:-moz-linear-gradient(left, #5A9647, #79BF4B); /* For Firefox (3.6 to 15) */ background-image:-o-linear-gradient(left, #5A9647, #79BF4B); /* For old Opera (11.1 to 12.0) */ background-image:linear-gradient(to right, #5A9647, #79BF4B); /* Standard syntax; must be last */ } .cards-poles.media-hover:hover .column_attr, .bg-gradient-media{ background-color:#AC256F; /* fallback color if gradients are not supported */ background-image:-webkit-linear-gradient(left, #AC256F, #D62587); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image:-moz-linear-gradient(left, #AC256F, #D62587); /* For Firefox (3.6 to 15) */ background-image:-o-linear-gradient(left, #AC256F, #D62587); /* For old Opera (11.1 to 12.0) */ background-image:linear-gradient(to right, #AC256F, #D62587); /* Standard syntax; must be last */ } .cards-poles.technology-hover:hover .column_attr, .bg-gradient-technology{ background-color:#135b96; /* fallback color if gradients are not supported */ background-image:-webkit-linear-gradient(left, #135b96, #2474b6); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image:-moz-linear-gradient(left, #135b96, #2474b6); /* For Firefox (3.6 to 15) */ background-image:-o-linear-gradient(left, #135b96, #2474b6); /* For old Opera (11.1 to 12.0) */ background-image:linear-gradient(to right, #135b96, #2474b6); /* Standard syntax; must be last */ } .cards-poles.cloud-hover:hover .column_attr, .bg-gradient-cloud{ background-color:#1fb2d7; /* fallback color if gradients are not supported */ background-image:-webkit-linear-gradient(left, #1fb2d7, #51C6DD); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image:-moz-linear-gradient(left, #1fb2d7, #51C6DD); /* For Firefox (3.6 to 15) */ background-image:-o-linear-gradient(left, #1fb2d7, #51C6DD); /* For old Opera (11.1 to 12.0) */ background-image:linear-gradient(to right, #1fb2d7, #51C6DD); /* Standard syntax; must be last */ } .cards-poles:hover .column_attr .cards-poles-info a{ text-decoration:none; color:#ffffff!important; } .cards-poles:hover .column_attr .cards-poles-info a h4{ color:#ffffff!important; } .cards-poles:hover .column_attr .cards-poles-info a.original-display{ display:none; } .cards-poles:hover .column_attr .cards-poles-info a.hover-display{ display:inline-block; } @media only screen and (max-width : 767px){ .cards-poles:first-child{ margin-top:0px!important; } .cards-poles:hover .column_attr .cards-poles-info a.hover-display{ display:none!important; } .cards-poles:hover .column_attr .cards-poles-info a.original-display{ display:inline-block!important; } } @media only screen and (max-width : 1223px){ .cards-poles{ width: 100%!important; margin-top:0px!important; } .cards-poles .column_attr{ position:relative; padding:0!important } .cards-poles .column_attr .cards-poles-info{ min-height:200px!important; padding:0!important } .column-margin-0px .column.cards-poles{ margin-bottom:20px!important; } .cards-poles:first-child{ margin-top:-100px!important; } .cards-poles .column_attr .cards-poles-info .image_item, .cards-poles .column_attr .cards-poles-info .mobile{ display:inline-block; vertical-align:middle; } .cards-poles .column_attr .cards-poles-info .image_item{ margin:0!important; width:20%; } .cards-poles .column_attr .cards-poles-info .mobile{ padding-left:20px!important; text-align:left; width:70%; } .cards-poles .column_attr .cards-poles-info a .vertical-align{ top:50%!important; transform:translateY(-50%); } .cards-poles:hover .column_attr .cards-poles-info a.hover-display .mobile{ width:90%!important; } .cards-poles .column_attr .cards-poles-info h4{ margin-bottom:0!important; } } /* BLOC EXPERTISES */ .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille{ display:inline-block; width:150px; height:150px; } .content_slider.carousel .content_slider_ul li span, .content_slider.carousel .content_slider_ul li .title { opacity: 1; display:block; -oz-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .content_slider.carousel .content_slider_ul li span.titre { margin-top:20px; } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover .title { color:#f81037; } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-dev-web{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/developpement-web-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-blockchain{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/blockchain-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-hololens{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/hololens-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-hds{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/hebergeur-donnees-sante-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-uxui{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/ui-design-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-amoa{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/strategy-amoa-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-dev-mobile{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/09/developpement-mobile-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-habitat{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/09/immobilier-habitat-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-digital-lab{ background-image: url("https://www.actimage.com/wp-content/uploads/2019/09/design-lab-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li span.pastille.icone-accessibilite{ background-image: url("https://www.actimage.com/wp-content/uploads/2019/11/accessibilite-expertise.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-dev-web{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/developpement-web-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-blockchain{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/blockchain-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-hololens{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/hololens-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-hds{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/hebergeur-donnees-sante-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-uxui{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/ui-design-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-amoa{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/strategy-amoa-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-dev-mobile{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/09/developpement-mobile-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-habitat{ background-image: url("https://www.actimage.com/wp-content/uploads/2018/09/immobilier-habitat-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-digital-lab{ background-image: url("https://www.actimage.com/wp-content/uploads/2019/09/design-lab-expertise-hover.png"); } .hp-slider-expertises .content_slider.carousel .content_slider_ul li:hover span.pastille.icone-accessibilite{ background-image: url("https://www.actimage.com/wp-content/uploads/2019/11/accessibilite-expertise-hover.png"); } /* BLOC REFERENCES */ .wrapper-ref .section_wrapper{ max-width:100%; } .one.mcb-wrap.container-ref-slides { width: 100%!important; left: auto!important; transform: none!important; } .one.mcb-wrap.container-ref-slides .ref-slides{ margin:0 0 40px 0!important; width: 100%!important; } .one.mcb-wrap.container-ref-slides .content_slider.carousel, .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul, .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li{ padding:0!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .slick-list{ z-index:0!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_prev{ left:0!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_next{ right:0!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_prev, .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_next{ z-index:1!important; border-radius:0!important; top:0!important; bottom:0!important; margin:0!important; background:none!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_prev:hover, .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_next:hover{ background:#f81037!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_prev i, .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_next i{ color:#ffffff!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_prev .button_icon, .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel a.slider_next .button_icon{ margin-top:170px; opacity:1!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li{ height:360px!important; overflow:hidden!important; transition: border .3s ease; -webkit-transition: border .3s ease; -moz-transition: border .3s ease; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li:hover{ border-bottom:5px solid #f81037; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li:hover img{ opacity:1; top:0; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li:hover .title{ opacity:0; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li a{ position:relative; display:inline-block; height:100%; width:100%; background-color:#000000; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li img{ margin-bottom:0; opacity:.5; position:relative; top:0; z-index:0; max-width:initial!important; min-height:100%!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li .title{ opacity:1; position:relative; z-index:2; left:0; margin-bottom:0!important; margin-top:-200px!important; color:#ffffff; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li .title span{ display:block; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li .title span.ref-title-client{ font-weight:700!important; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li .title span.ref-title-divider{ width: 50px; height: 1px; background: #ffffff; margin: 5px auto; } .one.mcb-wrap.container-ref-slides .ref-slides .content_slider.carousel .content_slider_ul li .title span.ref-title-pole{ text-transform:uppercase; font-size:0.8em; } .one.mcb-wrap.container-ref-slides .one.column.column_button{ margin-bottom:0px!important; } .ref-slides li p.title{ padding: 0 48px; font-weight: 500; font-size: 1.4rem; } @media only screen and (max-width : 767px) { .one.mcb-wrap.container-intro-ref{ padding-bottom:0px!important; } .one.mcb-wrap.container-ref-slides { padding-left:0px!important; padding-right:0px!important; padding-top:0px!important; } .one.mcb-wrap.container-ref-slides .content_slider{ margin:0!important; } } /* BLOC CLIENTS */ .client-slides .content_slider.carousel .content_slider_ul li img{ opacity:1; } .client-slides .content_slider.carousel .content_slider_ul li .title{ display:none; } /* BLOC COMPTEURS */ .counter{ background-image:none !important; border-left: 5px solid #f81037 !important; } .counter .desc_wrapper .number-wrapper span{ color:#f81037; font-weight:bold !important; } @media only screen and (max-width: 767px){ .column.mcb-column.one-fourth.column_counter { margin: 0 0 20px; width: 100%!important; height: auto!important; } .column.mcb-column.one-fourth.column_counter .counter { border-left: 0!important; } .column.mcb-column.one-fourth.column_counter .counter .desc_wrapper .title{ font-size:19px!important; } } @media only screen and (min-width: 768px) and (max-width: 1239px) { .column.mcb-column.one-fourth.column_counter { margin: 0 0 20px; width: 50%!important; height: auto!important; } .column.mcb-column.one-fourth.column_counter .counter { border-left: 0!important; } } .counter-grey .counter{ border-left:none!important; padding: 0px; } .counter-grey .counter .desc_wrapper .number-wrapper .label{ font-size: 1.6rem; } .counter-grey .counter .desc_wrapper .number-wrapper .number{ color:#444444; margin-right:8px; } .counter-grey .counter .desc_wrapper .number-wrapper .label{ font-size: 1.6rem; color:#444444; } .counter-grey .counter .desc_wrapper .number-wrapper{ line-height: 32px; } .counter-grey .counter .desc_wrapper p.title { margin: 0; line-height: 24px; font-size: 16px; letter-spacing: 0px; padding: 16px 0px 0px 0px; } /* BLOC PRICING */ .pricing-custom .pricing-box .plan-header .price > span{ font-size:24px; font-weight: 600; } .pricing-custom .pricing-box .plan-header h2{ font-size: 28px; font-weight: 500; color:#323232; display: table-caption; line-height: 1.2em; margin: 0 0 12px; } .pricing-custom .pricing-box .plan-inside ul li{ text-align: left; font-size: 14px; } .pricing-custom .pricing-box .plan-inside ul li:before{ font-family: "mfn-icons"; content: "\e841"; color: rgba(0,0,0,0.3); position: relative; left: -18px; width: 0px; display: inline-block; } .pricing-custom .pricing-box .plan-header{ text-align: left; } .pricing-custom .pricing-box .plan-inside { padding: 10px 0px; } .pricing-custom .pricing-box .plan-header hr { margin-bottom: 0; width: 90%; } .pricing-custom .pricing-box .plan-inside ul li{ border-bottom: none; padding: 0 12px 16px 32px; line-height: 1.3rem; } .pricing-custom .pricing-box .plan-header .price sup.currency { font-size: 20px; line-height: 20px; top: 2px; position: relative; font-weight: 500; } .pricing-custom .pricing-box{ display: flex; flex-direction: column; } .pricing-custom .pricing-box .plan-footer{ margin-top: auto; } /* BLOCS CONTACT */ .titre_rouge h3 { color:#f81037!important; } .titre_blanc h3 { color:#ffffff; } .one.mcb-wrap.bloc-contact { margin-bottom:-50px; } .wrapper-contact .bloc-contact .column_attr{ position:relative; min-height:250px; } .wrapper-contact .bloc-contact .column_gradient .column_attr{ background: linear-gradient(to right, #f81037, #fe5d2d); } .wrapper-contact .bloc-contact .column_attr::before, .wrapper-contact .bloc-contact .column_attr::after{ display:none; } .wrapper-contact .bloc-contact .column_attr .info-vertical-align{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; } .wrapper-contact .bloc-contact a.bouton_lien_blanc, .wrapper-contact .bloc-contact a.bouton_lien{ margin:0!important; } @media only screen and (max-width: 767px) { .one.mcb-wrap.bloc-contact { margin-bottom:0; } .wrapper-contact .one.mcb-wrap.bloc-contact { padding:0px!important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .wrapper-contact .one.mcb-wrap.bloc-contact { padding-left:0px!important; padding-right:0px!important; } } /* BLOC HOME FOOTER */ .widgets_wrapper{ padding: 80px 100px 10px 100px !important; } /* PAGE - POLES -------------------------------------------------------------- */ h2.mobile-view{ color:#ffffff; } /* BLOCS */ .column.mcb-column.one-third.column_column.column-margin-0px { margin:0; } .column.mcb-column.two-third.column_column.column-margin-0px { margin:0; padding: 4%; } .pole-main-bloc { margin-bottom:30px; } .pole-main-bloc .pole-bloc-gradient, .pole-main-bloc .pole-text { display: table-cell; vertical-align: top; float: none; height: 100%; } .pole-main-bloc .pole-bloc-gradient .poles_tags_prim{ padding: 10px; } /* BUTTONS */ a.button_poles_orange, a.button_poles_green, a.button_poles_violet, a.button_poles_blue, a.button_poles_cyan { background-color: #f2f2f2; font-size:14px!important; font-weight:bold; border-radius:25px!important; -webkit-transition-duration: 0.4s; /* Safari */ margin:0; transition-duration: 0.4s; padding: 11px 20px; text-decoration: none; display:inline-block; } a.button_poles_orange{ color: #f36e40!important; border: 2px solid #f36e40!important; } a.button_poles_green { color: #5a9647!important; border: 2px solid #5a9647!important; } a.button_poles_violet { color: #ac256f!important; border: 2px solid #ac256f!important; } a.button_poles_blue { color: #135c96!important; border: 2px solid #135c96!important; } a.button_poles_cyan { color: #1fb1d7!important; border: 2px solid #1fb1d7!important; } a.button_poles_orange:hover, a.button_poles_green:hover, a.button_poles_violet:hover, a.button_poles_blue:hover, a.button_poles_cyan:hover{ color: #ffffff!important; } a.button_poles_orange:hover{ background-color: #f36e40!important; } a.button_poles_green:hover{ background-color: #5a9647!important; } a.button_poles_violet:hover { background-color: #ac256f!important; } a.button_poles_blue:hover { background-color: #135c96!important; } a.button_poles_cyan:hover { background-color: #1fb1d7!important; } @media only screen and (max-width: 425px){ .column_attr.clearfix.animate.bg-contain.fadeIn span{ max-width: 50%; } } @media only screen and (max-width: 767px){ h2.desktop-view { display:none; } .section_wrapper .column .technos, .section_wrapper .column .gif-strategie, .section_wrapper .column .gif-media, .section_wrapper .column .gif-cloud, .section_wrapper .column .gif-technologie, .section_wrapper .column .gif-innovation { width:50%!important; clear:none!important; } .section_wrapper .one.mcb-wrap.pole-main-bloc { padding: 0 0px!important; background:#ffffff!important; } .column.mcb-column.two-third.column_column.column-margin-0px { /*background: #f2f2f2;*/ padding:0; } .pole-main-bloc { margin-bottom:0!important; } .pole-main-bloc .pole-bloc-gradient, .pole-main-bloc .pole-text { display: block; vertical-align: initial; height: auto; } .pole-main-bloc .pole-bloc-gradient .column_attr { padding: 20px 10px; } .pole-main-bloc .mcb-wrap-inner .pole-text .column_attr { padding: 20px; } .section.mcb-section.section-pole { padding-top:50px!important; padding-bottom:50px!important; } a.button_poles_orange, a.button_poles_green, a.button_poles_violet, a.button_poles_blue, a.button_poles_cyan { background-color: #ffffff; } } @media only screen and (min-width: 768px){ h2.mobile-view{ display:none; } .button-stroke button.button_poles_orange, .button-stroke button.button_poles_green, .button-stroke button.button_poles_violet, .button-stroke button.button_poles_blue, .button-stroke button.button_poles_cyan, a.button_poles_orange, a.button_poles_green, a.button_poles_violet, a.button_poles_blue, a.button_poles_cyan { float:right; } } @media only screen and (max-width: 1239px) and (min-width: 768px){ .pole-main-bloc .pole-bloc-gradient { width:40% } .pole-main-bloc .pole-bloc-gradient .column_attr { position: absolute; bottom: 0; top: 0; left: 0; right: 60%; } .pole-main-bloc .pole-text { width:60% } } @media only screen and (min-width: 1240px){ .pole-main-bloc .pole-bloc-gradient .column_attr { position: absolute; bottom: 0; top: 0; left: 0; right: 67%; } } /* PAGE - REFERENCES -------------------------------------------------------------- */ /* PORTFOLIO GRID */ .column.portfolio_grid{ margin:0; text-align: center; width: 100%; } .portfolio_grid .portfolio-item { height: 400px; width: 48%; display: inline-block; margin: 1px 5px; } .portfolio_grid .portfolio-item a.portfolio-item-bg, .portfolio_grid .portfolio-item a.portfolio-details { height: 100%; } .portfolio_grid .portfolio-item a.portfolio-item-bg img { width: 100%!important; min-height: 100%; object-fit: cover; } .portfolio-photo .portfolio-item .portfolio-details .more { display: none; } .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 1; background: #f81037; } .portfolio-photo .portfolio-item .portfolio-details .details .categories{ font-size: 16px; font-weight: 300; } .portfolio-photo .portfolio-item .portfolio-details .details:hover .title { color: #ffffff; } @media only screen and (max-width: 440px) { .portfolio-photo .portfolio-item .portfolio-details .details{ padding: 20px!important; max-width: 65%!important; } } @media only screen and (max-width: 767px) { .portfolio_grid .portfolio-item { height: 300px; width: 100%; float:none; margin: 0 0 30px 0; } .portfolio_grid .portfolio-item:last-child{ margin-bottom:0; } .portfolio-photo .portfolio-item .portfolio-details .details{ display:block; } .portfolio-photo .portfolio-item .portfolio-details:hover .details{ opacity:inherit; } .portfolio-photo .portfolio-item .portfolio-details:hover .more { display:none; } } @media only screen and (min-width: 768px) and (max-width: 991px){ .portfolio_grid .portfolio-item { height: 200px; } .portfolio-photo .portfolio-item .portfolio-details .details { padding:20px } } /* PAGE - REFERENCES - DETAIL D'UNE REFERENCE -------------------------------------------------------------- */ /* ELEMENTS */ .column.column_divider.project-divider{ margin:50px 0!important; } /* IMAGES */ .column.detail-reference-img3x .image_frame .image_wrapper{ height:400px!important; } .column.detail-reference-img3x .image_frame .image_wrapper img.scale-with-grid{ height:430px!important; min-height:100%; min-width: 100%; object-fit:cover; } @media only screen and (max-width: 767px) { .column.detail-reference-img3x .image_frame .image_wrapper{ width:100%!important; height:400px!important; } .column.detail-reference-img3x .image_frame .image_wrapper img.scale-with-grid{ height:430px!important; } } /* NAVIGATION INTER PROJETS */ .fixed-nav{ box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1)!important; } .fixed-nav-next .photo, .fixed-nav-prev .photo, .fixed-nav-next .desc span.date, .fixed-nav-prev .desc span.date{ display:none; } .fixed-nav .desc h6{ margin:0; padding:0; border:0; } @media only screen and (max-width: 767px){ .fixed-nav { display:block!important; height:40px; bottom: 20px; } .fixed-nav .arrow { height:40px; line-height:40px; } #back_to_top.sticky{ left:45%; } #back_to_top{ width:36px; height:36px; line-height:36px; } .fixed-nav:hover .desc{ display:none; } } /* PAGE - EXPERTISES -------------------------------------------------------------- */ #Content{ padding-top: 0px !important; } .infobox{ padding: 26px; } .infobox ul li{ padding: 13px 0 13px 26px; } .technos .icon_box{ height: 100px; } .icon_box .image_wrapper{ margin-bottom: 0; } .icon_box .desc_wrapper{ position: absolute; bottom:0; left:0; right:0; } .divisionbox .icon_box .desc_wrapper{ margin-top: 15px; position:relative!important; } .divisionbox img.scale-with-grid { height:150px; } .divisionwrap { width:100% !important; } .nohover .image_frame:hover .image_wrapper .mask:after { opacity:0; } .gif-innovation .animation, .gif-strategie .animation, .gif-media .animation, .gif-technologie .animation, .gif-cloud .animation { height: 100px; width: 100px; margin-left: auto; margin-right: auto; } .gif-innovation .animation { background-image:url('https://www.actimage.com/wp-content/uploads/2017/08/Actimage-Innovation-expertise.png'); } .gif-strategie .animation { background-image:url('https://www.actimage.com/wp-content/uploads/2017/08/Actimage-Strategie-expertise.png'); } .gif-media .animation { background-image:url('https://www.actimage.com/wp-content/uploads/2017/08/Actimage-Media-Design-expertise.png'); } .gif-technologie .animation { background-image:url('https://www.actimage.com/wp-content/uploads/2017/08/Actimage-Technologie-expertise.png'); } .gif-cloud .animation { background-image:url('https://www.actimage.com/wp-content/uploads/2017/08/Actimage-Cloud-expertise.png'); } .gif-innovation .animation:hover, .gif-strategie .animation:hover, .gif-media .animation:hover, .gif-technologie .animation:hover, .gif-cloud .animation:hover{ border-radius: 100%; margin-left: auto; margin-right: auto; } .gif-innovation .animation:hover { background-image:url('https://www.actimage.com/wp-content/uploads/2017/05/poles_innovation.gif'); } .gif-strategie .animation:hover { background-image:url('https://www.actimage.com/wp-content/uploads/2017/05/strategie_animation.gif'); } .gif-media .animation:hover { background-image:url('https://www.actimage.com/wp-content/uploads/2017/05/media_animation.gif'); } .gif-technologie .animation:hover { background-image:url('https://www.actimage.com/wp-content/uploads/2017/05/technologies_animation.gif'); } .gif-cloud .animation:hover { background-image:url('https://www.actimage.com/wp-content/uploads/2017/05/Cloud.gif'); } @media only screen and (max-width: 767px){ .description-pole .column{ margin: 0 0 50px; } } /* PAGE - EXPERTISES - NOS EXPERTISES -------------------------------------------------------------- */ .icone-expertise .icon_box { max-width:450px!important; margin:auto!important; padding:3%!important; } .icone-expertise .icon_box .icon_wrapper { height:150px; width:150px; border:0; box-shadow:none; transform:none; -oz-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .icone-expertise .icon_box .icon_wrapper::before{ display:none; } .icone-expertise .icon_box .desc_wrapper { position:relative!important; margin-top:20px; } .icone-expertise a:hover .title { color:#f81037!important; } .icone-blockchain .icon_box .icon_wrapper, .icone-hololens .icon_box .icon_wrapper, .icone-hdas .icon_box .icon_wrapper, .icone-uxui .icon_box .icon_wrapper, .icone-amoa .icon_box .icon_wrapper, .icone-dev-web .icon_box .icon_wrapper, .icone-dev-mobile .icon_box .icon_wrapper, .icone-immobilier .icon_box .icon_wrapper, .icone-digital-lab .icon_box .icon_wrapper{ background-position: center; background-repeat: no-repeat; } .icone-blockchain .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/07/blockchain-expertise.png"); } .icone-hololens .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/07/hololens-expertise.png"); } .icone-hdas .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/08/hebergeur-donnees-sante-expertise.png"); } .icone-uxui .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/07/ui-design-expertise.png"); } .icone-amoa .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/08/strategy-amoa-expertise.png"); } .icone-dev-web .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/08/developpement-web-expertise.png"); } .icone-dev-mobile .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/09/developpement-mobile-expertise.png"); } .icone-immobilier .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2018/09/immobilier-habitat-expertise.png"); } .icone-digital-lab .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2019/09/design-lab-expertise.png"); } .icone-accessibilite .icon_box .icon_wrapper{ background: url("https://www.actimage.com/wp-content/uploads/2019/11/accessibilite-expertise.png"); } .icone-blockchain .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/blockchain-expertise-hover.png"); } .icone-hololens .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/hololens-expertise-hover.png"); } .icone-hdas .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/hebergeur-donnees-sante-expertise-hover.png"); } .icone-uxui .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/07/ui-design-expertise-hover.png"); } .icone-amoa .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/strategy-amoa-expertise-hover.png"); } .icone-dev-web .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/08/developpement-web-expertise-hover.png"); } .icone-dev-mobile .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/09/developpement-mobile-expertise-hover.png"); } .icone-immobilier .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2018/09/immobilier-habitat-expertise-hover.png"); } .icone-digital-lab .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2019/09/design-lab-expertise-hover.png"); } .icone-accessibilite .icon_box a:hover .icon_wrapper { background-image: url("https://www.actimage.com/wp-content/uploads/2019/11/accessibilite-expertise-hover.png"); } /* PAGE - EXPERTISES - DETAIL D'UNE EXPERTISE -------------------------------------------------------------- */ .encart-premier-plan{ z-index:2!important; } .div-shadow{ margin:0; padding:50px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2)!important; } .div-shadow .column_feature_box, .div-shadow .column_feature_box .feature_box_wrapper{ margin:0; padding:0; } .negative-bottom-margin{ margin-bottom: -350px; } .content_slider.carousel .content_slider_ul li a:hover { color: #f81037; } .content_slider.carousel .content_slider_ul li img, .content_slider.carousel .content_slider_ul li .title { opacity: 1; } .info-expertises .infobox{ background-color: rgba(255,255,255,.2) !important; border-style: solid; border-width: 2px; border-color: #f81037; padding: 26px; } .info-expertises .infobox ul{ color:#2c2c2c!important; } .info-expertises .infobox ul li:before{ background: url(../../uploads/2017/05/arrow-right-icon_li-e1494492584279.png) no-repeat; top: 25px; } @media only screen and (max-width: 1379px) { .kesako-desktop { display:none; } } @media only screen and (min-width: 1380px) { .kesako-mobile { display:none; } } /* HADS */ .enjeux-box{ margin: 0 1%; } .enjeux-box .icon_box{ height:auto!important; } .enjeux-box .icon_box .desc_wrapper{ position:initial!important; } .enjeux-divider{ margin-top:50px; } .info-hebergement .infobox{ background:none!important; border:none!important; padding:0!important; } .info-hebergement .infobox ul{ color: #2c2c2c!important; } .logo-HADS .bg-contain{ height: 200px; } .logo-ITIL .bg-contain{ height: 100px; } .points-forts-arrow .bg-contain{ height:30px; margin-top:60px; } .points-forts-conclusion{ margin-top:50px; } @media only screen and (max-width: 767px) { .points-forts-arrow{ display: none; } .points-forts-conclusion{ margin-top:20px!important; } } /* HOLOLENS */ .explication-mixte-reality h4{ line-height:30px; } .list-hololens .list_item .list_icon{ font-size: 30px; color: #f81037; border-width: 2px; border-style: solid; border-radius: 100%; border-color: rgba(0,0,0,.08); width: 70px; height: 70px; line-height: 70px; } .div-mrpp{ margin-bottom:-50px; } @media only screen and (max-width: 767px) { .explication-mixte-reality .column_button{ text-align:center; } } /* BLOCKCHAIN */ .special_title h3 { text-transform:uppercase; color: #2C2C2C!important; } .feature_list hr{ display: none!important; } .feature_list ul li { padding:0px; font-size:1em; border:0!important; } .feature_list ul li:hover, .feature_list ul li:hover a { background: none!important; color:#2C2C2C!important; } .feature_list ul li .icon { width:20px; height:20px; } .feature_list ul li .icon i, .feature_list ul li:hover .icon i { font-size:24px; color: #f81037!important; } @media only screen and (max-width: 599px) { .feature_list ul li p { display: inline-block!important; padding:0px!important; } .feature_list ul li { text-align:center!important; } .feature_list ul li .icon { display:none !important; } } @media screen and (min-width: 600px) and (max-width: 767px) { .feature_list ul li { width:50% !important; float:left !important; } } @media only screen and (max-width: 767px) { .feature_list ul li p { font-size: 1em!important; } } /* IMMOBILIER */ .float-left { float:left; } /* 01 --- Tabs */ .ui-tabs-panel.ui-widget-content.ui-corner-bottom{ padding:30px; } .tabs .tab-col-left, .tabs .tab-col-right { display: inline-block; width: 48%; min-height: 400px; vertical-align: middle; } .tabs .tab-col-right.tab-col-image{ height:400px; float:right; } .tabs .tab-col-right.tab-col-image img{ object-fit:cover!important; width:100%!important; height:100%!important; } .tabs .tab-col-left.tab-col-icon{ width: 100px; min-height: auto; vertical-align: top; margin-right:30px; } .tabs .tab-col-right.tab-col-text-right{ min-height:auto; width:80%; } .tabs .tab-container{ margin-bottom:30px; } .tabs .tab-container:last-child{ margin-bottom:0; } .tabs .tab-col-slider .content_slider { padding: 0 20px!important; height:100%; } .tabs .tab-col-slider .content_slider a.slider_prev{ left:-40px!important; } .tabs .tab-col-slider .content_slider a.slider_next{ right:-40px!important; } .tabs .tab-col-slider .content_slider a.slider_prev span.button_icon, .tabs .tab-col-slider .content_slider a.slider_next span.button_icon{ font-size:20px!important; } .tabs .tab-col-slider .content_slider .slick-list.draggable{ height:350px!important; } .tabs .tab-col-slider .content_slider .slick-list.draggable .slick-track{ height:100%; } .ui-tabs .ui-tabs-panel { background-color: #f2f2f2; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after { display:none!important; } /* 02 --- Sliders */ .content_slider.carousel .content_slider_ul li img, .content_slider.carousel .content_slider_ul li .title { opacity: 1; } .slider-formation-academy .content_slider.carousel .content_slider_ul li .title span { display:block; margin-bottom:5px; } .slider-formation-academy .content_slider.carousel .content_slider_ul li .title span.formation-number{ font-size:0.9em; opacity:.7; } .slider-formation-academy .content_slider.carousel .content_slider_ul li:hover img { top:0!important; } /*slider-formation-academy a supprimer*/ @media only screen and (max-width: 767px) { .tabs .tab-col-left, .tabs .tab-col-right, .tab-col-center { text-align:center; } .tabs .tab-col-left.tab-col-icon, .tabs .tab-col-right.tab-col-text-right { display: block; width:100%!important; margin-right:0; } .tabs .tab-col-left.tab-col-icon{ margin-bottom:10px; } .tab-col-center .button { float:none; } } @media only screen and (max-width: 1100px) { .column.full-width { width:100%!important; } } @media only screen and (max-width: 1280px) { .tabs .tab-col-left, .tabs .tab-col-right { display: block; width: 100%; } .tabs .tab-col-left{ margin-bottom:30px; min-height:auto; } .tabs .tab-col-right.tab-col-image{ float:none; } .tabs .tab-col-left.tab-col-icon, .tabs .tab-col-right.tab-col-text-right { display: inline-block; } .tabs .tab-col-right.tab-col-text-right { width:70%; } } /* PAGE - HISTOIRE -------------------------------------------------------------- */ @media only screen and (max-width: 767px) { .img-partenaire img { max-width: 50%!important; } .slider_equipe_desktop { display: none; } } @media only screen and (min-width: 768px) { .slider_equipe_mobile { display: none; } } /* PAGE - DEMARCHE -------------------------------------------------------------- */ /* ENCART LISTE */ .liste-demarche .infobox { background:none; border:none; padding: 0; } .liste-demarche .infobox .infobox_wrapper h3, .liste-demarche .infobox .infobox_wrapper p, .liste-demarche .infobox .infobox_wrapper ul, .liste-demarche .infobox .infobox_wrapper ul li, .liste-demarche .infobox .infobox_wrapper ul a{ color: #2c2c2c !important; } .liste-demarche .infobox .infobox_wrapper ul a:hover{ text-decoration: none !important; color: #f81037 !important; } .liste-demarche .infobox .infobox_wrapper ul li{ padding: 13px 0 13px 26px; } .liste-demarche .infobox .infobox_wrapper ul li:before{ background: url(../../uploads/2017/05/arrow-right-icon_li-e1494492584279.png) no-repeat; top: 25px; } /* PAGE - CONTACT -------------------------------------------------------------- */ .ville { color:#f81037; } .lieux { border-left: 2px solid #f81037 !important; padding-left: 20px; } .lieux a{ color:#2c2c2c; } input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea { background-color:#FCFCFC!important; } .wpcf7-form-control-wrap { border-bottom:2px solid #f81037; } .wpcf7-form-control-wrap.file-CV, .wpcf7-form-control-wrap.file-LM, .wpcf7-form-control-wrap.file{ border: none; } .wpcf7-submit{ border-radius: 25px !important; padding: 5px 20px!important; } span.wpcf7-form-control-wrap .wpcf7-select{ border:none; } div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{ border: none!important; padding: 7px!important; background: #fb5455!important; color: #fff; text-align: center; float: left; width: 98%; box-sizing: border-box; margin: 0 1%!important; display: block!important; } .wpcf7-form-control-wrap.your-consent{ padding-top: 0px; border: none; } span.wpcf7-list-item { margin: 1em 0 0 0; } .wpcf7-list-item * { display: inline-block; } span.wpcf7-list-item-label{ font-weight: 400; font-size: 12px; max-width: 600px; line-height: 20px; padding: 0 0 0 24px; } span.wpcf7-list-item-label { font-size:12px; max-width:500px; } span.wpcf7-list-item input[type="checkbox"]{ position:relative; top:-20px; } .div_contact{ width:80%; left:50px; right:50px; box-shadow: 0px 0px 10px #b9b9b9!important; } @media only screen and (max-width: 767px){ .div_contact{ margin-top:0!important; } } /* PAGE - ACTIMAGE ACADEMY - LISTE FORMATIONS -------------------------------------------------------------- */ /* BLOC POINTS FORTS */ .list-custom .list_item .list_icon{ font-size: 30px; color: #f81037; border-width: 2px; border-style: solid; border-radius: 100%; border-color: rgba(0,0,0,.08); } .list-custom .list_item .list_right .desc, .list-custom .list_item .list_left .desc { font-size:1.2em; line-height:2; } /* BLOC SLIDER FORMATIONS */ .slider-formation-academy .content_slider.carousel .content_slider_ul li .title, .slider-formation-academy .content_slider.carousel .content_slider_ul li img { opacity:1; } .slider-formation-academy .content_slider.carousel .content_slider_ul li .title span { display:block; margin-bottom:5px; } .slider-formation-academy .content_slider.carousel .content_slider_ul li .title span.formation-number{ font-size:0.9em; opacity:.7; } .slider-formation-academy .content_slider.carousel .content_slider_ul li:hover span.formation-title { color:#f81037; } .slider-formation-academy.inactive .content_slider.carousel .content_slider_ul li.content_slider_li_2:hover img, .slider-formation-academy.inactive .content_slider.carousel .content_slider_ul li.content_slider_li_3:hover img{ top:0px; } .slider-formation-academy.inactive .content_slider.carousel .content_slider_ul li.content_slider_li_2:hover span.formation-title, .slider-formation-academy.inactive .content_slider.carousel .content_slider_ul li.content_slider_li_3:hover span.formation-title{ color:#2c2c2c; } /* BLOC COMPTEURS */ .counter .desc_wrapper p.title{ font-size:1.2em; line-height:2; } @media screen and (max-width: 767px){ .list-custom .list_item .list_right .desc, .list-custom .list_item .list_left .desc { font-size:1.3em; } .counter{ border:none!important; } .counter .desc_wrapper p.title { font-size:1.3em; } } /* Bloc Muffin Loop - Blog - Bloc-liste-formation */ .bloc-liste-formation .image_frame .image_wrapper .image_links{ display:none; } .bloc-liste-formation .image_wrapper a{ padding:48px; } .bloc-liste-formation .grid .post-desc-wrapper .post-desc { padding:0; } .bloc-liste-formation .grid .post-desc-wrapper .post-desc a{ display: inline-block; padding: 24px; font-weight: 400; } .bloc-liste-formation .grid .post-desc-wrapper .post-desc .post-excerpt, .bloc-liste-formation .grid .post-desc-wrapper .post-desc .post-footer{ display:none; } .bloc-liste-formation .post-item h3.entry-title{ margin:0; } .bloc-liste-formation { flex-wrap: wrap; } .bloc-liste-formation #Filters .tags{ padding:0!important; } /* PAGE - ACTIMAGE ACADEMY - FORMATIONS -------------------------------------------------------------- */ .bloc-hide{ display:none; } .header-formation h2 { color: #f81037; } .wrap.mcb-wrap.two-third.div_home.valign-top.move-up.clearfix { width:55%; margin-left:50px; } .special_info .list_item .list_left { line-height:40px; } /* ACCORDEON */ .faq .question, .faq .question:before, .faq .question:after { background:none; border:none; } .accordeon ul li { padding: 2px 0 2px 8px; } .faq .question .title { padding: 13px 40px 0px 70px; } .faq .question .title > .acc-icon-plus { color:#f81037; } .faq .question p { font-weight:400; } .faq h3 { line-height: 25px!important; } .faq { margin-bottom:40px; } @media screen and (min-width: 500px) and (max-width: 767px){ .section_wrapper .special_list .column { clear:none; width:50%!important; } } @media only screen and (max-width:767px){ .feature_box { text-align:center; } .feature_box .feature_box_wrapper .desc_wrapper { display:block; width:100%; padding-left:0; } .big_tablette{ display:none; } } @media only screen and (min-width:768px){ .big_mobile{ display:none; } } @media only screen and (max-width:1099px){ .big_screen{ display:none; } } @media only screen and (min-width:1100px){ .big_tablette{ display:none; } } @media screen and (min-width: 1100px) and (max-width: 1241px){ .special_info { margin-top: -200px!important; } } /*-------------------------------------------------------------- 0.0 Recaptcha --------------------------------------------------------------*/ body:not(.page-id-281) .grecaptcha-badge, body:not(.page-id-2212) .grecaptcha-badge{ display:none; } /*-------------------------------------------------------------- 0.0 Single post --------------------------------------------------------------*/ /* .single-post h1.entry-title{ padding: 120px 0 0 0; margin-bottom: 0; font-size: 48px; line-height: 1.3em ; } .single-post .breadcrumb{ position: relative; height: 0px; top: -160px; left: 12px; } */ .single-post #Subheader{ display: block; margin-top: 60px; padding: 30px 0 16px 0; } .single-post #Subheader:after{ display: none; } /* .single-post .section-post-header{ display:none; } */ .icon-right-open:before { content: '/'; } .single-post h1.title{ margin-bottom: 16px!important; } .single-post h2{ margin: 16px 0 16px 0; } .single-post .hide-love .post-header .title_wrapper{ padding-left:0px; } .single-post .post-header .title_wrapper{ padding:0; } .single-post .post-header .title_wrapper h1{ font-size: 40px; line-height: 50px; font-weight: 400; letter-spacing: 0px; margin-bottom:0; } .single-post #Subheader ul.breadcrumbs.no-link li:last-child{ display:none; } .single-post .single-photo-wrapper.image{ display:none; } .single-post .blog_slider.flat .blog_slider_ul li .item_wrapper .date_label{ display:none; } /* .slider-formation .item_wrapper{ background-color:#ffffff; } */ .slider-formation .blog_slider.flat .blog_slider_header{ opacity:1; } .slider-formation .slick-track{ display:flex; height:100%; } .slider-formation .slick-track li{ display: inherit; flex: 1; height: initial; } .slider-formation h4{ font-weight: 400; text-align: center; margin-bottom: 0px; font-size: 1.1rem; } .slider-formation h4 a{ font-size: 1.1rem; padding: 16px; } .slider-formation .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0px!important; padding-bottom: 15px; } .slider-formation li img{ max-height: 180px; width: auto; } .slider-formation .blog_slider_header a{ border-radius: 0px!important; } .blog_slider.flat .blog_slider_header a.button.slider_prev, .blog_slider.flat .blog_slider_header a.button.slider_next{ } #Filters.only-tags .tags {} /* #Filters .filters_wrapper ul.tags:before{ content:"Filtres" } */ /* Formulaires */ @media only screen and (min-width: 768px) { .cf7-row{ display: flex; flex-direction: row; justify-content: space-between; } .cf7-col{ width: 48%; } }