/*--------------------------------------------------------------------------------- Theme Name: divi-child Theme URI: https://www.lapreuvepar7.fr Description: Author: olicat Author URI: Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ @font-face {font-family: "Korolev Compressed W04 Bold"; src: url("font/106350bd481458cdc913db0147696f77.eot"); /* IE9*/ src: url("font/106350bd481458cdc913db0147696f77.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/106350bd481458cdc913db0147696f77.woff2") format("woff2"), /* chrome、firefox */ url("font/106350bd481458cdc913db0147696f77.woff") format("woff"), /* chrome、firefox */ url("font/106350bd481458cdc913db0147696f77.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("font/106350bd481458cdc913db0147696f77.svg#Korolev Compressed W04 Bold") format("svg"); /* iOS 4.1- */ } @font-face { font-family: 'pt_serifregular'; src: url('font/ptserif-regular-webfont.woff2') format('woff2'), url('font/ptserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body {font-weight:400;} h1 { font-family:"Korolev Compressed W04 Bold" !important; font-weight:400 !important; text-transform:uppercase; } .et_pb_text h2 { font-size:30px !important; font-weight:600; padding: 10px 0 10px 0; } h2{ line-height: 1.3em; padding: 10px 0 10px 0; font-family:"Korolev Compressed W04 Bold" !important; font-weight:400 !important; text-transform:uppercase; } h3{ font-size:18px !important; font-weight:600; padding: 10px 0 10px 0; line-height: 1.3em; } h4{ font-size:15px !important; font-weight:500; line-height: 1.3em; } h5{ font-size:15px !important; font-weight:600; line-height: 1.3em; } h6{ font-weight:300; line-height: 1.3em; font-size:13px !important; text-transform: uppercase; } strong { font-weight: 600 !important; } .nowrap{white-space: nowrap;} #main-content .et_pb_section{ padding-left:54px !important; padding-bottom:20px !important; } @media only screen and (max-width: 980px) { #main-content .et_pb_section{ padding-left:34px !important; } } /*menu*/ .nav li { position: relative; line-height: 0.3em; } sup {font-size:9px;} /* Increase width of vertical navigation */ @media (min-width: 981px) { .et_vertical_nav #page-container #main-header{ width:380px; } .et_vertical_nav #et-main-area, .et_vertical_nav #top-header{ margin-left:380px !important; } } @media (min-width: 981px){ .et_vertical_nav #main-header .container { width: auto; /*margin: 0 25px !important;*/ } } @media (min-width: 981px){ .et_vertical_nav #main-header #top-menu > li > a { padding-right: 0; } } /* rapproche le signet du sous-menu */ .et_vertical_nav #main-header #top-menu > li > a { margin-right: 0px; cursor: pointer; } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { .et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation, .et_vertical_nav.et_vertical_fixed.et_header_style_split #et-top-navigation { padding-top: 30px; } } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { .et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation, .et_vertical_nav.et_vertical_fixed.et_header_style_split #et-top-navigation { padding-top: 30px; } } /* Portrait phones and smaller */ @media (max-width: 480px) { } /*****remove shadow menu********/ .et_vertical_nav #page-container #main-header { -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); } #main-header.et-fixed-header { -webkit-box-shadow: 0 0 0 rgba(0,0,0,0)!important; -moz-box-shadow: 0 0 0 rgba(0,0,0,0)!important; box-shadow: 0 0 0 rgba(0,0,0,0)!important; } /*****header parallax******/ /* Large desktops and laptops */ @media (min-width: 1200px) { #logo { max-height: 100% !important; margin: 20px 10% !important; } } /* Landscape tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { #logo { max-height: 100% !important; margin: 20px 10% !important; } } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { #logo { max-height: 100% !important; margin: 10px 0 0 20px !important; } } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { #logo { max-height: 100% !important; margin: 10px 0 0 20px !important; } } /* Portrait phones and smaller */ @media (max-width: 480px) { #logo { max-height: 100% !important; margin: 10px 0 0 20px !important; } } /****surligne H1**********/ .surligne{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 10px; background-position: 0 100%; transition: background-size 0.25s ease-in; } /****Menu*******/ body.et_header_style_left .et-fixed-header #et-top-navigation { margin: 0 0 !important; } /****surligne menu**********/ #et-top-navigation { font-weight: 400; } .et_vertical_nav.et_vertical_fixed #page-container #main-header{ overflow: visible; } @media only screen and (max-width: 980px) { .et_vertical_nav.et_vertical_fixed #page-container #main-header{ z-index:1000; position: fixed; padding: 30px 0 40px 0; } .et_vertical_fixed.admin-bar #page-container #main-header { top: 0; } .page-id-74 .et_pb_section_0.et_pb_section, .page-id-17710 .et_pb_section_0.et_pb_section { padding-top: 120px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px; } .et_pb_section_0.et_pb_section { padding-top: 70px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px; } .et_pb_section.et_pb_section_0_tb_body { padding-top: 164px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px; } } /*hauteur section avec ancre*/ /*** Responsive Styles Large Desktop And Above */ @media all and (min-width: 1405px) { } /*** Responsive Styles Standard Desktop Only */ @media all and (min-width: 1100px) and (max-width: 1405px) { } /*** Responsive Styles Tablet And Below */ @media (min-width: 981px) { .page-id-74 #page-container .et_pb_section_1, .page-id-17710 #page-container .et_pb_section_1 { padding-top: 275px !important; margin-top: -200px !important; margin-bottom: 0; padding-bottom: 0; } .page-id-74 #page-container .et_pb_section_2, .page-id-17710 #page-container .et_pb_section_2 { padding-top: 6em !important; margin-top: -6em !important; } .page-id-74 #page-container .et_pb_section_3,.page-id-74 #page-container .et_pb_section_4, .page-id-17710 #page-container .et_pb_section_3,.page-id-17710 #page-container .et_pb_section_4 { padding-top: 7.5em !important; margin-top: -7.5em !important; } } /*** Responsive Styles Tablet Only */ @media all and (min-width: 768px) and (max-width: 980px) { .page-id-74 #page-container .et_pb_section_1, .page-id-17710 #page-container .et_pb_section_1 { padding-top: 7em !important; margin-top: -7em !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .page-id-74 #page-container .et_pb_section_3,.page-id-74 #page-container .et_pb_section_2,.page-id-74 #page-container .et_pb_section_4, .page-id-17710 #page-container .et_pb_section_3,.page-id-17710 #page-container .et_pb_section_2,.page-id-17710 #page-container .et_pb_section_4 { padding-top: 9em !important; margin-top: -7em !important; } } /*** Responsive Styles Smartphone Only */ @media all and (max-width: 767px) { .page-id-74 #page-container .et_pb_section_1, .page-id-17710 #page-container .et_pb_section_1 { padding-top: 7em !important; margin-top: -7em !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .page-id-74 #page-container .et_pb_section_3,.page-id-74 #page-container .et_pb_section_2,.page-id-74 #page-container .et_pb_section_4, .page-id-17710 #page-container .et_pb_section_3,.page-id-17710 #page-container .et_pb_section_2,.page-id-17710 #page-container .et_pb_section_4 { padding-top: 9em !important; margin-top: -7em !important; } } /*** Responsive Styles Smartphone Portrait */ @media all and (max-width: 479px) { .page-id-74 #page-container .et_pb_section_1 .page-id-17710 #page-container .et_pb_section_1 { padding-top: 7em !important; margin-top: -7em !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .page-id-74 #page-container .et_pb_section_3,.page-id-74 #page-container .et_pb_section_2,.page-id-74 #page-container .et_pb_section_4, .page-id-17710 #page-container .et_pb_section_3,.page-id-17710 #page-container .et_pb_section_2,.page-id-17710 #page-container .et_pb_section_4 { padding-top: 9em !important; margin-top: -7em !important; } } #top-menu li li a { width: 200px; padding:0; } .nav li li { line-height: 1.5em; } /* item long dans menu*/ .line-height{ padding-left:2.6em !important; text-indent: -1.2em; } .line-height a { margin-top: 2px; line-height: 1.2em; } @media only screen and (max-width: 980px) { .line-height{ padding-left:2em !important; text-indent: -1.2em; } .line-height a { margin-top: -7px; line-height: 1.2em; } } /* #main-header #top-menu a::before { font-family: 'Font Awesome 5 Free'; content: "\f111"; margin-right: 5px; font-size: 9.5px; }*/ .et_vertical_nav #main-header #top-menu li { display: block; padding-right: 0; padding-bottom: 5px !important; width: 320px; } #main-header #top-menu li .surligne-menu:hover{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; z-index:1; } #main-header #top-menu .always-visitable li.current-menu-parent .surligne-menu{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; z-index:1; } #main-header #top-menu li.current-menu-parent .surligne-menu{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; } #main-header #top-menu li.current-menu-item .surligne-menu{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; } /*sub-menu*/ #main-header #top-menu li ul.sub-menu .surligne-menu{ background-image: linear-gradient(120deg, #FFF 100%, #FFF 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; } #main-header #top-menu li ul.sub-menu .surligne-menu:hover{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; } #main-header #top-menu li ul.sub-menu .current-menu-item .surligne-menu{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 56%; transition: background-size 0.25s ease-in; } /*custom menu and sub-menu -les projets*/ #main-header #top-menu .always-visitable { position: relative; /* this li is clickable. change ui accordingly! */ } #main-header #top-menu .always-visitable .hover-link { position: absolute; top: 0px; left: 14px; bottom: 18px; padding: 0 0 0 5px; opacity:0.01; } #main-header #top-menu .always-visitable .menu-item-has-children .hover-link:hover { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 35%; transition: background-size 0.25s ease-in; opacity:1; } #main-header #top-menu .always-visitable .hover-link:hover { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 35%; transition: background-size 0.25s ease-in; opacity:1; } #main-header #top-menu .always-visitable .hover-link:before { visibility: hidden; display:none; } /*custom menu and sub-menu - les actus*/ #main-header #top-menu .always-visitable2 { position: relative; /* this li is clickable. change ui accordingly! */ } #main-header #top-menu .always-visitable2 .hover-link2 { position: absolute; top: 0px; left: 14px; bottom: 15px; padding: 0 0 0 5px; opacity:0.01; } #main-header #top-menu .always-visitable2 .menu-item-has-children .hover-link2:hover { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 35%; transition: background-size 0.25s ease-in; opacity:1; } #main-header #top-menu .always-visitable2 .hover-link2:hover { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 35%; transition: background-size 0.25s ease-in; opacity:1; } #main-header #top-menu .always-visitable2 .hover-link2:before { visibility: hidden; display:none; } /*-----*---*/ /*custom menu and sub-menu - les actus*/ #main-header #top-menu .always-visitable2 { position: relative; /* this li is clickable. change ui accordingly! */ } #main-header #top-menu .always-visitable3 .hover-link3 { position: absolute; top: 0px; left: 14px; bottom: 19px; padding: 0 0 0 5px; opacity:0.01; } #main-header #top-menu .always-visitable3 .menu-item-has-children .hover-link3:hover { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 35%; transition: background-size 0.25s ease-in; opacity:1; } #main-header #top-menu .always-visitable3 .hover-link3:hover { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 4px; background-position: 0 35%; transition: background-size 0.25s ease-in; opacity:1; } #main-header #top-menu .always-visitable3 .hover-link3:before { visibility: hidden; display:none; } /*-----*---*/ #main-header #top-menu .menu-item-has-children > a { background-color: transparent; position: relative; padding-right: 0 !important; } .et_vertical_nav #main-header #top-menu > li > a::after { right: 7px !important; } #main-header #top-menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out; } #main-header #top-menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; position: relative; top: -9px; left: 0; width: auto; border-left-width: 0; opacity: 1; -webkit-animation: none; animation: none; -webkit-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0); padding:0; margin-bottom:5px; -webkit-transition: none; -o-transition: none; transition: none; } /****Ancres********/ #main-header #top-menu .current-menu-item a.mPS2id-highlight{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 16% 4px; background-position: 16px 9%; transition: background-size 0.25s ease-in; } /********* surligne menu**********/ .text-surligne { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 56%; transition: background-size 0.25s ease-in; } /**********Custom link***********/ .et_pb_text_inner a, .et_pb_toggle_content a { color: #000 !important; background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 2px; background-position: 0 97%; transition: background-size 0.25s ease-in; /*white-space:nowrap;*/ } .et_pb_text_inner a:hover, .et_pb_toggle_content a:hover { color: #000 !important; background-image: none; } .post-content a{ color: #000 !important; background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 2px; background-position: 0 97%; transition: background-size 0.25s ease-in; /*white-space:nowrap;*/ } .post-content a.more-link{ color: #000 !important; background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 2px; background-position: 12px 90%; transition: background-size 0.25s ease-in; /*white-space:nowrap;*/ } .post-content a:hover, .et_pb_blog_grid .entry-content a:hover, .et_pb_post .entry-content a:hover{ color: #000 !important; background-image: none; } /*****page preuve par7******/ .small{ font-size:14px; margin-left:40px; } .encadre{ border:7px solid #FFE500 !important; padding: 20px; } .pp7 h3 { margin-left:20px; } .pp7 h3::before { font-family: 'Font Awesome 5 Free'; content: "\f111"; margin-right: 5px; font-weight: 900; font-size: 14px; } .pp7 h3 span.text-surligne { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 105%; transition: background-size 0.25s ease-in; } /*****H1********/ /*.pp7 h1{margin:20px 0 20px 0 !important;} .les-acteurs h1{margin:27px 0 20px 0 !important;} .page h3::before { font-family: 'Font Awesome 5 Free'; content : "\f111"; margin-right: 5px; font-size:15px; font-weight: 900; }*/ .titre-portfolio h3:before{ font-family: 'Font Awesome 5 Free'; content : ""; margin-right: 0; font-size:20px; color:transparent; } h3.entry-title::before { text-decoration: none; font-family: 'Font Awesome 5 Free'; content : ""; margin-right: 0; font-size:20px; color:transparent; } /*lien page*/ .page .et_pb_text_inner p a::before, .page .et_pb_toggle_content p a::before { font-family: 'Font Awesome 5 Free' !important; content: "\f061"; font-weight: 900; color: black; font-size: 10px; margin-right: 5px; } .page .et_pb_text_inner p a::after, .page .et_pb_toggle_content p a::after { font-family: 'Font Awesome 5 Free' !important; content: "\f060"; font-weight: 900; color: black; font-size: 10px; margin-left: 5px; } /*******titre échelle home**********/ .echelle h1 { padding-bottom:20px; } .echelle h1::before { font-family: 'Font Awesome 5 Free'; content : "\f111"; margin-right: 5px; font-size:19px; } .habitants { position: absolute !important; right: 3px !important; bottom: 0 !important; } .titre-projet{ margin-bottom:-3px !important; } .titre-projet h1{ padding-bottom:0; } .titre-projet p{ padding-bottom:0; margin-bottom:0; } .titre-projet .et_overlay{ border:7px solid #FFE500 !important; background:transparent; } .et_overlay { height:100.5% !important; top:-1px !important;} .background{ background: #FFE500; padding:2px 5px 3px 5px; margin:-1px 0 -1px 0; } /********page acteurs *******/ .fa-arrow-right, .fa-arrow-left{ color:#000; } .fa.black{ color:#000; } .fa.black-xs{ color:#000; font-size:10px !important; } .fa.yellow-xs{ color:#FFE500; font-size:10px !important; } .et_pb_portfolio_items .post-meta{ display:none; } /**********custom portfolio*******/ .et_portfolio_image{ display: inline-block; position: relative; } .et_pb_portfolio_item { position: relative; text-align:center; } .portfolio-projet .both{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; flex-direction: column; align-items: center; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination { position: relative; width: 100%; border-top: 1px solid #FFF; } /*.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .titre-portfolio{ background:#FFE500; text-align:center; padding: 0 10px 3px 10px; display: inline-block; }*/ .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2 { margin: 0 !important; line-height: 1.3em; padding: 0; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item p{ color:#000; font-size: 14px; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item img { min-height:260px; object-fit: cover; width: 100%; } .et_pb_grid_item .myexcerpt{ padding: 0 0 3px 0; } .portfolio-projet .et_portfolio_image:hover .et_overlay { z-index: 3; opacity: 1; border:7px solid #FFE500; cursor:pointer; } .et_overlay:hover { z-index: 45; cursor:pointer; } .et_overlay::before{ display:none; } .et_pb_filterable_portfolio .portfolio-projet .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination { position: relative; width: 100%; border-top: 0px solid #e2e2e2; } .project.portfolio-projet .et_pb_filterable_portfolio .et_pb_portfolio_filters ul{ display:none; } .et_pb_filterable_portfolio .et_pb_portfolio_filters { clear: both; margin: 0 0 0 0; } /* Change taille image portfolio */ /* 3 Column Portfolio */ @media (min-width: 981px) { .three-column-portfolio .et_pb_grid_item { width: 29.66%!important; margin-right: 5.5%!important; } .three-column-portfolio .et_pb_grid_item:nth-child(3n) { margin-right: 0!important; } .three-column-portfolio.et_pb_grid_item:nth-child(4n) { margin-right: 5.5%!important; } .three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) { clear: none!important; } .three-column-portfolio .et_pb_grid_item.first_in_row { clear: unset; } } /*page resource*/ .et_pb_filterable_portfolio .portfolio-ressource .et_pb_portofolio_pagination { position: relative; width: 100%; border-top: 0px solid #e2e2e2; } .project.portfolio-ressource .et_pb_filterable_portfolio .et_pb_portfolio_filters ul{ display:none; } /*page projet*/ .alaune .et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*display: flex; flex-direction: column; justify-content: center;*/ width:100%; } .alaune .et_pb_blurb .et_pb_image_wrap { display: block; margin-top: -65px; } .alaune .et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row { width: 89% !important; max-width: 89% !important; } .alaune .et_pb_blurb_container h1{ margin:0; font-size:48px; font-weight:600; } @media (max-width: 767px) { .alaune .et_pb_blurb_container h1{ margin:0; font-size:38px; font-weight:600; } .alaune .et_pb_blurb_container p{ margin-top:-2px; font-size:20px; } } @media (max-width: 480px) { .alaune .et_pb_blurb_container h1{ margin:0; padding: 3px; font-size:25px; font-weight:600; line-height: 1.3em; } .alaune .et_pb_blurb_container p{ margin-top:-3px; font-size:16px; } } .alaune .et_pb_blurb_container h1.et_pb_module_header { display: inline; padding: 0; padding: 0 10px 3px 10px; margin-top: 0; } .alaune .et_pb_blurb_container .et_pb_blurb_description {padding:0 5px;} .projet-echelle .et_pb_portfolio_filters { display:none; } .fa-circle{ color:#FFE500; } .exergue{ position: absolute; top: 28px; left: -53px; width: 35px; } /**********custom projet cards CAT ********/ .cards-projet{ min-height:260px; } .cards-projet .et_pb_promo_description:hover { background: rgba(255, 255, 255, 0); border: 7px solid #FFE500; background: rgba(255, 255, 255, 0); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cards-projet .et_pb_promo_description { padding-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; width:100%; height:100%; color:transparent; } .cards-projet p { color:#000; padding-bottom:5px; } .cards-projet h2{ line-height: 1.1em !important; padding-bottom:10px; } .cards-projet.cahier .et_pb_promo_description a::before{ font-family: 'Font Awesome 5 Free' !important; content : "\f061"; font-weight: 900; color:black; font-size:12px; } .cards-projet.cahier .et_pb_promo_description a::after{ font-family: 'Font Awesome 5 Free' !important; content : "\f060"; color:black; font-size:12px; font-weight: 900; } .cards-projet.cahier .et_pb_promo_description{ width:100%; } /* Portrait phones and smaller */ @media (max-width: 480px) { .cards-projet .et_pb_promo_description { width:100%; } } /*slider*/ .et_pb_slider.slider-projet .et_pb_container{ height:550px !important; } .et_pb_slider.slider-projet .et_pb_slide { padding: 0 0; } .et_pb_slider.slider-projet .et_pb_slide_description{ padding:0; position: absolute; bottom: 0; width: 100%; } .et_pb_slider.slider-projet .et_pb_container { max-width: 100%; width: 100%; } .slider-projet .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper { padding: 3px ; /* border: none; background-color: #FFE500 !important;*/ } .slider-projet .et_pb_slide_content { text-align: left; padding: 0 10px; } .slider-projet .et_pb_slide_content p { margin:0; padding:0; } .slider-projet.legende .et-pb-controllers { bottom: 60px !important; } .et-pb-arrow-next, .et-pb-arrow-prev { font-size: 20px; } .et-pb-arrow-next::before { font-family: 'Font Awesome 5 Free' !important; content : "\f061"; font-weight: 900; color: white; } .et-pb-arrow-prev::before { font-family: 'Font Awesome 5 Free' !important; content : "\f060"; font-weight: 900; color: white; } .et_pb_post a.et-pb-arrow-next, .et_pb_post a.et-pb-arrow-prev { background-image: none; } .et-pb-controllers a { border-radius:7px; border:1px solid rgba(255,229,0,1); background-color: rgba(255,229,0,0); width: 10px !important; height: 10px !important; } .text-situation p{margin-bottom:0;padding:0;} .titre-situation h4{ padding-bottom:3px; } /********pop-up contact #ppsPopupShell_100_174485 .ppsInnerTblContent { height: 100%; border:none !important; border-radius: 0 !important; padding: 30px 20px 20px 20px !important; background-color: #ffe500; margin:0 auto; text-align:center; } .ppsInnerTblContent a:hover{ text-decoration:underline; }******/ /********pop-up gardons le contact******/ .caldera-grid .form-group { margin: 15px !important; } #CF5c372dcc38a78_1-row-1.row.first_row .form-group{ display:inline-block; margin: 3px auto !important; } .caldera-grid .help-block { margin-bottom: 3px !important; color: #737373; } .parsley-type{ width:250px; display:inline-block; } .caldera-grid .row { margin-left: 0; margin-right: 0; max-width: 100%; } #fld_9118828_1.form-control, #fld_2313036_1.form-control, #fld_903833_1.form-control { height: 15px !important; border: 0px solid transparent !important; border-radius: 0 !important; width:250px !important; } #fld_745995_1.btn-default{ color: #fff !important; background-color: #000 !important; font-weight:600; border:0px solid transparent !important; } .page-id-81 .et_pb_portfolio_filters{ display:none; } .page-id-79 #main-content{ min-height:788px; height:auto !important; } /*menu*/ /** Divi Space slide in mobile edits**/ #mobile_menu { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9998; } .mobile_nav.closed #mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; background: #fff; transition: .8s ease-in-out !important; } .mobile_nav.opened #mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; background: #FFFFFF; transition: .8s ease-in-out; } .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; color: #303030; } /* .et_mobile_menu a::before { font-family: 'Font Awesome 5 Free'; content : "\f111"; margin-right: 5px; font-size:9.5px; }*/ .et_mobile_menu .menu-item-has-children > a { background-color: rgba(0,0,0,0); font-weight: 400; } .et_mobile_menu li .surligne-menu:hover {background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 97% 4px; background-position: 6px 56%; transition: background-size 0.25s ease-in; } .et_mobile_menu li span:hover {background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 97% 4px; background-position: 6px 56%; transition: background-size 0.25s ease-in; } .et_mobile_menu li a:hover, .nav ul li a:hover { opacity: .7; background-color: rgba(255, 255, 255, 0); } .et_mobile_menu li a { border-bottom: 1px solid rgba(0,0,0,0); } .et_mobile_menu li,.et_mobile_menu li li { line-height:0.3em; } @media(max-width: 980px) { .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; } #main-header .container.clearfix.et_menu_container { width: 100%; } .logo_container { padding-left: 30px; } #et-top-navigation { padding-right: 30px; } } @media(min-width: 341px) { #mobile_menu { width: 400px; margin-left: calc(100% - 380px); } } @media(max-width: 340px) { #mobile_menu { width: 100%; margin-left: 0; } } /*widget recent-tweet blog*/ #tp_widget_recent_tweets-2{ width:100% !important; margin-bottom: 0; } @media(max-width: 980px) { #ver-nav{ display:none; } } /*widget dans menu*/ #ver-nav .custom-html-widget{ position: absolute; left: 0; padding: 10px 0; font-weight: 500; height:300px; font-weight: 400; font-size:14px; } .stickers{ padding:20px 0;} /* #ver-nav .custom-html-widget a{ font-size:14px; font-weight: 400; color: #000 !important; background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 2px; background-position: 0 97%; transition: background-size 0.25s ease-in; }*/ #ver-nav .custom-html-widget a:hover { color: #000 !important; background-image: none; } #ver-nav ul li .post-date { width:100%; font-size:12px; font-weight: 300; } /*page search*/ .search h2.entry-title a { color: #000 !important; background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 2px; background-position: 0 97%; transition: background-size 0.25s ease-in; white-space:nowrap; } .search h2.entry-title a:hover { color: #000 !important; background-image: none; } .search li { list-style-type: none; } .search .pagination { padding: 20px 0 !important; margin-bottom:60px; } /********** custom blog projet *************/ .ds-blog-square a img { width: 100%; object-fit: cover; } /*This section hides the excerpt*/ .ds-blog-square .post-content { display: none; } /*This section corrects some margin and padding issues*/ .ds-blog-square .et_pb_image_container { margin: -19px -19px 0; } .ds-blog-square h2 { margin: 0; padding: 0; } /*This section removes the bottom padding from the post and sets the position so we can move the title on top of the image*/ .ds-blog-square .et_pb_post { position: relative; padding-bottom: 0; border: none; } /* h2 background */ .ds-blog-square h2{ background: #FFE500; } /*This section adds the semi transparent overlay and border on the image. It also sets the post title to absolute center*/ .ds-blog-square .et_overlay { background: rgba(255, 255, 255, 0); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } /*This section changes the border and overlay colour and border position on hover*/ .ds-blog-square .et_overlay:hover { background: rgba(255, 255, 255, 0); color: #000; border: 7px solid #FFE500; } .ds-blog-square h2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* width: 70%;*/ padding:5px; text-align:center; } .ds-blog-square .et_pb_post .entry-featured-image-url { margin-bottom: 0; } /*actus par projet*/ /********** custom blog projet *************/ .ds-blog-square-two a img { width: 100%; object-fit: cover; } /*This section hides the excerpt*/ .ds-blog-square-two .post-content { display: none; } /*This section corrects some margin and padding issues*/ .ds-blog-square-two .et_pb_image_container { margin: -19px -19px 0; } .ds-blog-square-two h2 { margin: 0; padding: 0; } /*This section removes the bottom padding from the post and sets the position so we can move the title on top of the image*/ .ds-blog-square-two .et_pb_post { position: relative; padding-bottom: 0; border: none; } /* h2 background */ .ds-blog-square-two h2{ background: #FFE500; } /*This section adds the semi transparent overlay and border on the image. It also sets the post title to absolute center*/ .ds-blog-square-two .et_overlay { background: rgba(255, 255, 255, 0); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } /*This section changes the border and overlay colour and border position on hover*/ .ds-blog-square-two .et_overlay:hover { background: rgba(255, 255, 255, 0); color: #000; border: 7px solid #FFE500; } .ds-blog-square-two h2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; padding:5px; text-align:center; font-size:16px !important; } /* Remove sidebar on all archive pages*/ .search #main-content .container::before, .archive #main-content .container::before, .error404 #main-content .container::before{ display: none; } .search #left-area, .archive #left-area, .error404 #left-area{ width: 100%; float: none; padding-right: 0; margin:0 auto; } .search #sidebar, .archive #sidebar, .error404 #sidebar{ display: none; } #main-content .container::before { display:none; } /*page simple actus*/ .et_post_meta_wrapper img{ display:none; } .single-post .et_pb_post img{ padding-bottom: 20px; } /* .et_pb_post a{ color: #000 !important; background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 8px; background-position: 0 97%; transition: background-size 0.25s ease-in; } */ .et_pb_post a:hover{ color: #000 !important; background-image: none; } .et_pb_post .post-meta a{ color: #000 !important; background-image: none; } /*.archive .et_pb_post{ display:inline-block; } .et_pb_post h2.entry-title a { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 100%; transition: background-size 0.25s ease-in; }*/ .et_pb_post h2.entry-title a:hover { color: #000 !important; } .et_pb_blog_grid .et_pb_post h2.entry-title a { color: #000 !important; font-family: 'Work sans', arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height:1.2em !important; } .et_pb_image_container { margin: -10px -10px 0px; } .et_pb_blog_grid .et_pb_post { padding: 10px !important; } .post-content-inner p{ font-size:14px !important; line-height:1.2em !important; } /*icones réseaux sociaux hover*/ #rs i{ font-size:30px; } #rs i:hover{ color:#FFE500; } /*separation meta info blog*/ /*position the blog posts to prepare for moving the meta*/ .pa-blog-separators .et_pb_title_container { position: relative; } .post-meta .published { display:flex; margin-bottom: 4px; font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif !important; font-size: 12px !important; color: #000000 !important; } /*move the Divi Blog post meta category up over the image*/ .pa-blog-separators .et_pb_blog_grid .et_pb_post .post-meta a:nth-child(2){ position: relative; /*top: 10px; left: 18px;*/ margin-bottom: 0; color: #000000 !important; background: #FFE500 !important; text-align: center; padding: 3px 3px; font-size: 12px; z-index:10000; border-radius:5px; } .pa-blog-separators .et_pb_blog_grid .et_pb_post .post-meta a:nth-child(3) { position: relative; /*top: 10px; left: 18px;*/ margin-bottom: 0; color: #000000 !important; background: #FFE500 !important; padding: 3px 3px; text-align: center; font-size: 12px; z-index:10000; border-radius:5px; } .pa-blog-separators .et_pb_blog_grid .et_pb_post .post-meta a:nth-child(4) { position: relative; /*top: 10px; left: 18px;*/ margin-bottom: 0; color: #000000 !important; background: #FFE500 !important; padding: 3px 3px; text-align: center; font-size: 12px; z-index:10000; border-radius:5px; } .pa-blog-separators .et_pb_title_container .et_pb_title_meta_container a:nth-child(2) { position: absolute; top: -37px; left: 0; margin-bottom: 0; color: #000000!important; background: #FFE500!important; width: 170px; text-align: center; font-size: 12px; z-index:10000; border-radius:5px; } .pa-blog-separators .et_pb_title_container .et_pb_title_meta_container a:nth-child(3) { position: absolute; top: -37px; left: 173px; margin-bottom: 0; color: #000000!important; background: #FFE500!important; width: 170px; text-align: center; font-size: 12px; border-radius:5px; } .pa-blog-separators .et_pb_title_container .et_pb_title_meta_container a:nth-child(4) { position: absolute; top: -37px; left: 346px; margin-bottom: 0; color: #000000!important; background: #FFE500!important; width: 170px; text-align: center; font-size: 12px; border-radius:5px; } .et_pb_post .entry-featured-image-url { margin-bottom: 5px !important; } /*custom read-more blog .et_pb_post a.more-link::before{ font-family: 'Font Awesome 5 Free' !important; content : "\f061"; font-weight: 900; color:black; font-size:10px; margin-right:5px; } .et_pb_post a.more-link{ float:right; font-size: 12px; }*/ /*CUSTOM CONTOUR post cliquable*/ .et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post { position: relative; } /*make the title link spread over the entire post*/ .et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; } /*change the mouse cursor into a pointer*/ .et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover { cursor: pointer; border:1px solid #FFE500; } /********Custom blog article*/ .single-post h1.entry-title { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 10px; background-position: 0 46%; transition: background-size 0.25s ease-in; font-size:32px; font-weight:400 !important; display:inline; } .single-post h1{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 10px; background-position: 0 70%; transition: background-size 0.25s ease-in; font-size:36px; font-weight:400 !important; display:inline; } /* .single-post .et_pb_post_content h2{ font-size:23px !important; padding-bottom: 20px; line-height: 1.2em; } .single-post .et_pb_post_content h2 strong{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 97%; transition: background-size 0.25s ease-in; display:inline; font-weight:500; } .single-post .et_pb_post_content h3{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 68%; transition: background-size 0.25s ease-in; display:inline; font-size:20px !important; } /*.single-post .et_pb_post_content h3::before{ font-family: 'Font Awesome 5 Free'; content: "\f111"; margin-right: 5px; font-weight: 900; font-size: 14px; line-height: 1.2em; } .single-post .et_pb_post_content h4{ font-size:18px !important; line-height: 1.2em; } .single-post .et_pb_post_content h5{ font-size:16px !important; line-height: 1.2em; } .single-post .et_pb_post_content h5::before{ font-family: 'Font Awesome 5 Free'; content: "\f279"; margin-right: 5px; font-weight: 900; }*/ .single-post .et_pb_post_content p{ margin-top:10px; } .single-post .et_pb_post_content ul{ margin: 0 0 0 20px ; padding-bottom: 5px; } .et_pb_post_title_0_tb_body .et_pb_title_container .et_pb_title_meta_container { padding: 10px 0 0 0; } .et_full_width_page #left-area, .et_no_sidebar #left-area, .search #left-area{ float: none; max-width: 860px !important; } .et_full_width_page #main-content .container,.et_no_sidebar #main-content .container, .search #left-area{ max-width: 860px; } /*custom read-more single post*/ .single-post .et_pb_post_content p a::before{ font-family: 'Font Awesome 5 Free' !important; content : "\f061"; font-weight: 900; color:black; font-size:10px; margin-right: 5px; } .single-post .et_pb_post_content p a::after{ font-family: 'Font Awesome 5 Free' !important; content : "\f060"; font-weight: 900; color:black; font-size:10px; margin-left: 5px; } .single-post .et_pb_post_content a{ background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 2px; background-position: 0px 95%; transition: background-size 0.25s ease-in; display:inline-block; } /*.single-post .et_pb_post_content strong { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 56%; transition: background-size 0.25s ease-in; font-weight:400; } .single-post .et_pb_post_content p strong { text-decoration: underline; text-decoration-color: #FFE500; font-weight:400; text-decoration-thickness: 2px; }*/ blockquote { border:none; font-family: 'pt_serifregular'; text-align: center; padding-left: 0; width:85%; margin:0 auto; } blockquote p{ padding:15px 0 !important; border-bottom: 2px solid #FEE500; border-top: 2px solid #FEE500; transition: background-size 0.25s ease-in; display: inline-block; font-size:17px; width:85%; font-weight:300; } .single-post .et_pb_post_content .wp-caption { border: none; text-align: center; background-color: #FFF; margin-bottom: 0; max-width: 96%; padding:0; } .single-post .wp-caption p.wp-caption-text { font-size: 12px; padding: 0; margin: 0; } /*galerie*/ /*******************Galerie*****************/ .gallery { margin: 0 auto !important; background: #FFFFFF; width:100%; } .single-post .et_pb_post_content .gallery a{ margin: 0 auto !important; background: #FFFFFF; width:100%; } #gallery { margin: 0 auto 18px; } #gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } #gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #fFFFFF; } .gallery img { border: 7px solid #FFFFFF !important; } .gallery img:hover { border: 7px solid #FFE500 !important; } .single-post .et_pb_post_content #gallery-1 img { border: 1px solid #FFF; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #000000; font-size: 12px !important; margin: -10px 0 12px; line-height: 1em; } #gallery dl, .gallery dt { margin: 0; } #gallery br+br { display: none; } .gallery-caption, .gallery-item a { width: 100% !important; } #slb_viewer_wrap .slb_theme_slb_default .slb_container { border-radius: 0px !important; } #slb_viewer_wrap .slb_theme_slb_baseline .slb_container { background-color: #FFE500 !important; } #slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-family: 'Work sans', arial, sans-serif !important; font-size:16px !important; font-style: normal !important; } /*naviagtion dans les posts*/ /*style the Divi Post Navigation buttons*/ .et_pb_posts_nav .nav-previous a, .et_pb_posts_nav .nav-next a { color: #000; background: #FFF; border: 2px solid #FFF; padding: .7em 1.3em; transition: all 0.3s ease-in-out; } /*style the Divi Post Navigation buttons on hover*/ .et_pb_posts_nav .nav-previous a:hover, .et_pb_posts_nav .nav-next a:hover { color: #000; background: #FFE500; transition: all 0.3s ease-in-out; } /*reseaux sociaux*/ @media only screen and (max-width : 980px) { .six-columns .et_pb_column { width : 20% !important ; } } /*footer*/ .footer-widget p{ line-height: 1em !important; } #block-14{ float: right; display: block; } #block-14 p{ text-align: right; } #main-footer { margin-bottom:-20px !important; z-index: 99999; position: relative; } .et_pb_row_0_tb_footer.et_pb_row { padding: 10px 0 !important; } @media screen and (min-width: 981px) { .et-l--footer { margin-left: -377px!important; z-index: 99999; position: relative; } } /*#main-footer .container{ width: 95%; max-width:95% !important; }*/ @media (max-width: 980px) { #main-footer { margin-left: 0!important; margin-bottom:-36px !important; z-index: 99999; position: relative; } #footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n) { margin-bottom:0 !important; } #footer-widgets { padding: 0; } #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget { display: block; } } @media (max-width: 767px) { #main-footer { margin-left: 0!important; margin-bottom:-36px !important; z-index: 999; position: relative; } #footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n) { margin-bottom:0 !important; } #footer-widgets { padding: 0; } #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget { display: flex; } #block-14{ float: left; display: block; } #block-14 p{ text-align: left; } } @media (max-width: 480px) { #footer-widgets .footer-widget .fwidget { margin-bottom: 0!important; text-align: left; } #block-14{ float: left; display: block; } #block-14 p{ text-align: left; } } .et_pb_gutters3 .footer-widget { margin-right: 0; margin-bottom: 0; } #footer-widgets { padding-top:1em; font-size:14px; } #footer-widgets .footer-widget li::before { display: none; } #footer-widgets .footer-widget li { position: relative; padding-left:0; } #footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover { color: #000000; font-weight:bold; } .surligne-blanc{ background-image: linear-gradient(120deg, #FFF 100%, #FFF 100%); background-repeat: no-repeat; background-size: 100% 3px; background-position: 0 100%; transition: background-size 0.25s ease-in; } /********Custom blog article*/ .single-post h1.entry-title { padding-bottom:30px; } .et_full_width_page #left-area, .et_no_sidebar #left-area, .search #left-area{ float: none; max-width: 860px !important; } .et_full_width_page #main-content .container,.et_no_sidebar #main-content .container, .search #left-area{ max-width: 860px; } /*les ressources*/ /*non clickable*/ .search-filter-results-1840 .et_pb_row { margin: 0; } .search-filter-results-1840 .et_pb_search_0{ display:none; } .search-filter-results-1840 .myexcerpt.nonclickable a.nonclickable{ display:none; } .search-filter-results-1840 .et_pb_portfolio_item h2.nonclickable { display:none; } .search-filter-results-1840 .et_portfolio_image.nonclickable { pointer-events: none; } .search-filter-results-1840 a.nonclickable { pointer-events: none; } .search-filter-results-1840 .both{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; flex-direction: column; align-items: center; } .search-filter-results-1840 .et_pb_portfolio_item h2{ line-height:1.3em; font-size: 14px !important; padding-bottom:0; } .search-filter-results-1840 .myexcerpt { padding: 0 0 3px 0; display: flex; font-size: 14px; line-height: 1.2em; } .search-filter-results-1840 .myexcerpt.nonclickable { display: flex; font-size: 16px; line-height: 1.2em; font-weight:500; background: #FFE500; padding: 2px 10px 3px 10px; margin: 1px; } /*.search-filter-results-1840 .myexcerpt.nonclickable span p a:before{ font-family: FontAwesome !important; content: "\f061"; color: black; font-size: 12px; margin-right:5px; } .search-filter-results-1840 .myexcerpt.nonclickable span p a:after{ font-family: FontAwesome !important; content: "\f060"; color: black; font-size: 12px; margin-left:5px; }*/ .et_pb_portfolio_grid .et_pb_portfolio_item img { width: 100%; min-height: 230px !important; object-fit: cover !important; } .et_pb_portfolio_grid .et_pb_portfolio_item img { width: 100%; min-height: 130px !important; object-fit: cover !important; } .search-filter-results-1840 img { margin-bottom: 0; vertical-align: bottom; } /* @media (min-width: 1200px) { .et_pb_column_4_4 .search-filter-results-1840 .project { clear: none !important; margin: 0 5.5% 42px 0 !important; width: 29.667% !important; } .et_pb_column_4_4 .search-filter-results-1840 .project:nth-child(3n+3) { clear: none !important; margin: 0 0 42px 0 !important; width: 29.667% !important; } } @media (min-width: 768px) and (max-width: 1200px) { .et_pb_column_4_4 .search-filter-results-1840 .project { clear: none !important; margin: 0 5.5% 42px 0 !important; width: 29.667% !important; } .et_pb_column_4_4 .search-filter-results-1840 .project:nth-child(3n+3) { clear: none !important; margin: 0 0 42px 0 !important; width: 29.667% !important; } } @media only screen and (max-width: 768px) { .et_pb_column_4_4 .search-filter-results-1840 .project:nth-child(odd) { clear: none !important; margin: 0 5.5% 42px 0 !important; width: 47.25% !important; } .et_pb_column_4_4 .search-filter-results-1840 .project { clear: none !important; margin: 0 0 42px 0 !important; width: 47.25% !important; } } @media only screen and (max-width: 480px) { .et_pb_column_4_4 .search-filter-results-1840 .project:nth-child(odd), .et_pb_column_4_4 .search-filter-results-1840 .project { clear: none !important; margin: 0 0 42px 0 !important; width:100% !important; } } */ /*custom dropdown*/ .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 28px; font-size: 14px; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #000; border-radius: 0; } .select2-search--dropdown { display: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #FEE500; color: #000; font-size: 14px; } .select2-container--default .select2-results__option{ font-size: 14px; } .select2-results__option { padding: 0 0 0 5px; user-select: none; -webkit-user-select: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .searchandfilter > ul > li { display: inline-block; vertical-align: top; padding: 20px 20px 0 0; } .entry-content .searchandfilter > ul { padding: 0; } .searchandfilter > ul > li, .searchandfilter .select2-container, .searchandfilter .select2-container--default .select2-selection--multiple { min-width: 265px !important; } .searchandfilter li.sf-field-reset{ padding: 30px 0 0 0px; display: inherit; } .searchandfilter input[type=text] { padding:10px; border:2px solid #ccc; } .searchandfilter input[type=text]:focus { border-color:#333; } .searchandfilter input[type=submit] { padding: 5px 15px; background: #000; border: 0 none; cursor: pointer; color: #FFF; font-size: 14px; font-family: work sans; font-weight: 500; } /* page search */ .search-results h2.nonclickable{ pointer-events:none; } /*pagination*/ .wp-pagenavi { border-top: 1px solid transparent; padding-top: 30px; float: right; } .wp-pagenavi a:hover, .wp-pagenavi span.current { color: #000 !important; font-weight:bold; background-color: #FEE500; } .wp-pagenavi a, .wp-pagenavi span { border: none; color: #000; font-size: 16px !important; } .wp-pagenavi .pages{ color: #666; font-size: 16px !important; } /* custom audio player*/ .mejs-container .mejs-controls{ background:#FEE500 !important; } .mejs-controls{ padding:0 !important; } .mejs-time .mejs-currenttime{ font-weight: 400; word-wrap: normal; color: black !important; } .mejs-duration{ color: black !important; } .mejs-controls .mejs-time-rail .mejs-time-total { background: rgba(0,0,0,.33); } .mejs-horizontal-volume-total { left: 10px !important; right:10px !important; width: 40px !important; } /* hauteur grille blog*/ /*Equalize Blog Columns*/ .pa-blog-equal-height .pa-auto-height { height: auto !important; } .pa-blog-equal-height .pa-auto-margin { margin-top: 20px !important; } /*make the parts of the blog post flexible*/ .et_pb_post { display: flex; flex-direction: column; margin-bottom: 20px !important; } /*blog post featured image*/ .et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url { order: 1; } /*blog post title*/ .et_pb_post .entry-title { order: 3; } /*blog post meta*/ .et_pb_post .post-meta { order: 2; } /*blog post excerpt and button*/ .et_pb_post .post-content { order: 4; } /*blog 4 colonnes*/ @media (min-width: 980px) { .cu-blog .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of4' !important; } @media only screen and ( min-width: 981px ) { .cu-blog .column.size-1of4 { width: 24%!important; margin-right: 1%; } }} /*new pop-up contact #popmake-17844{ display: flex !important; align-items: center; padding: 20px 20px 20px 20px; position: relative; background-image: url("https://preprod.lapreuvepar7.fr/wp-content/uploads/2018/10/hexagone-6.png"); background-repeat: no-repeat; background-size: cover; background-position: center; display: table-cell; vertical-align: middle; text-align: center; } */ /* custom popup contact*/ .ays_minimal_window, .ays_minimal_main{ margin:0 auto; } .ays_minimal_window { display: flex !important; align-items: center; font-family: 'Work sans', arial, sans-serif !important; border-radius:50% !important ; text-align: center; } .ays-pb-modal_1 .ays_content_box p { font-family: 'Work sans', arial, sans-serif !important; } @media screen and (max-width: 768px){ .ays_minimal_window.ays-pb-modal_1 { width: 380px !important; max-width: 380px !important; height: 380px !important; box-sizing: border-box; } } /*custom accordéon*/ .my_accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title { color:#000 !important; font-family: 'Work sans', arial, sans-serif !important; } .my_accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:hover, .et_pb_toggle_open h5.et_pb_toggle_title:hover { color:#000 !important; font-family: 'Work sans', arial, sans-serif !important; } .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title { color:#000 !important; font-family: 'Work sans', arial, sans-serif !important; } .et_pb_toggle_title::before { content: "\33" !important; transition: all .3s ease-in-out !important; color:#000 !important; font-size: 25px; z-index:100; } .et_pb_toggle_open .et_pb_toggle_title::before { content: "\33" !important; transform: rotate(180deg) !important; color:#000 !important; font-size: 25px; z-index:100; } .et_pb_toggle { background-color: white; padding: 5px; border: none !important; } .et_pb_toggle_close { background-color: white; padding: 5px; } .et_pb_module .et_pb_toggle { border-bottom: 1px solid #d9d9d9 !important; } .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before { display: block!important; content: "\33" !important; } /* ancres cote à cote*/ .dr-inline-buttons { width:85%; background:grey; } .dr-inline-buttons .et_pb_button_module_wrapper { display: inline-block; } .dr-inline-buttons .et_pb_column .et_pb_module{ margin-bottom: 10px !important; } /*custom bouton retour haut */ /*PERSONNALISER LE BOUTON DE RETOUR EN HAUT DE PAGE*/ /*Opacité du bouton et effets d'animation (pour tous les navigateurs)*/ .et_pb_scroll_top.et-visible { opacity: 1; -webkit-animation: fadeInBottom 1s; -moz-animation: fadeInBottom 1s; -o-animation: fadeInBottom 1s; animation: fadeInBottom 1s; } /*Positionnement et couleur du bouton*/ .et_pb_scroll_top.et-pb-icon { right: 15px; /*distance du bouton par rapport à la droite de la fenêtre*/ bottom: 85px; /*distance du bouton par rapport au bas de la fenêtre*/ border-radius: 25px; /*Propriété permettant d'arrondir le bouton, supprimez la si vous voulez un bouton carré*/ background: #FFE500; /*couleur de fond du bouton. Mettez celle que vous voulez*/ } /*couleur de fond du bouton au survol*/ .et_pb_scroll_top.et-pb-icon:hover { background: #FFE500; } /*Choix de l'icone et couleur de celui-ci*/ .et_pb_scroll_top:before { content: "\42"; /* icone provenant des icones de bases de Divi*/ color: black; /*couleur de l'icône*/ } /*Search form*/ #searchform{ padding: 10px 0 25px 0; } /*#Or Modify looks*/ #searchsubmit { color: white; background: black; border: none; border-radius: 5px; padding: 3px; font-size: 13px; font-weight: 500; } #searchform input#s { border-radius: 5px; color: #555; padding: 2px 16px; border: 1px solid #bbb !important; } /* newsletter*/ /*bouton formulaire*/ #mc4wp-form-2 input[type="submit"] { border: none; color: #fff !important; background-color: #000 !important; font-size: 13px; border-radius: 5px; padding: 3px; font-weight: 500; cursor:pointer; } #mc4wp-form-2{ margin: 0 !important; } #mc4wp-form-2 input[type="email"] { min-height: 24px !important; height: 24px !important; width: 100%; max-width: 480px; vertical-align: top; text-shadow: none; background: #fff; border: 1px solid #bbb !important; border-radius: 5px !important; outline: 0; padding: 5px 16px; line-height: 1.42857; color: #555 !important; } #mc4wp-form-2 .mc4wp-form-fields p{ display: inline-block; } #mc4wp-form-2 .mc4wp-form-fields p label input{ width:206px; } #mc4wp-form-2 .mc4wp-form-fields p input{ width:60px; } .mc4wp-response{ color:green; line-height:1em; font-size:13px; padding:10px 0; width:85%; } /*social media*/ .et_pb_social_media_follow_network_2_tb_footer.et_pb_social_icon a.icon, .et_pb_social_media_follow_network_0_tb_footer.et_pb_social_icon a.icon, .et_pb_social_media_follow_network_3_tb_footer.et_pb_social_icon a.icon, .et_pb_social_media_follow_network_1_tb_footer.et_pb_social_icon a.icon { border-radius: 50px !important; } /*Style 2025*/ .accordion-header { position: relative; margin: 0; font-size: 18px; font-weight: bold; cursor: pointer; width: 90%; padding: 0 !important; transition: all 0.3s ease; } .accordion-header span.surligne { background-image: linear-gradient(120deg, #FFE500 100%, #FFE500 100%); background-repeat: no-repeat; background-size: 100% 10px; background-position: 0 100%; transition: background-size 0.25s ease-in; } .accordion-header::before { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); font-size: 18px; transition: transform 0.3s ease; } .accordion-header.open::before { transform: translateY(-50%) rotate(180deg); } /* CSS SIMPLIFIÉ pour l'accordéon */ .accordion-content { height: 0; overflow: hidden; padding: 0; background-color: #fff; width: 100% !important; margin-left: 0px !important; opacity: 0; transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, padding 0.4s ease; } .accordion-content.open { width: 88% !important; margin-left: 0px !important; opacity: 1; } .et_pb_row.accordion-content.open { height: auto !important; } /* Style des icônes de réseaux sociaux */ /* Style des icônes Better Font Awesome */ /* Style général des icônes dans un cercle */ .custom-html-widget a { display: inline-block; font-size: 20px; /* Taille de l'icône */ width: 40px; /* Taille du cercle */ height: 40px; /* Taille du cercle */ line-height: 40px; /* Centrage vertical */ text-align: center; /* Centrage horizontal */ background-color: #000; /* Couleur du cercle (noir) */ color: #fff !important; /* Couleur de l'icône (blanc) */ border-radius: 50%; /* Rendre le cercle arrondi */ margin: 0 10px; /* Espacement horizontal entre les cercles */ transition: all 0.3s ease; /* Transition fluide pour les effets */ } .custom-html-widget a::before{ list-style-type:none; } /* Effet au survol */ .custom-html-widget a:hover { background-color: #FFE500; /* Couleur du cercle au survol (bleu) */ color: #fff; /* Couleur de l'icône au survol */ } .custom-html-widget:first-child a { margin-left: 0; } .et-fixed-header #top-menu a { color:#FFFFFF !important; } .fa.fa-linkedin { color:#FFFFFF !important; } .fa.fa-envelope { color:#FFFFFF !important; } .fa.fa-instagram{ color:#FFFFFF !important; } .et_mobile_menu li a { padding: 0 !important; display: inline-block !important; color:#FFFFFF !important; } .et_mobile_menu li a:hover { background:#FFE500; } #top-menu a {display:inline-block !important;} #main-content { min-height: calc(100vh - 136px); }