/* Theme Name: BioBfc Author: L'équipe Maad Version: 1 */ /* Montserrat : Extra Bold, Bold, Regular font-family: "Montserrat", sans-serif; Vert forêt : #157650 Vert pomme : #bbd57a Orange : #e9531b Gris : #616161 */ *, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;} html, body{width:100%;height:100%;} body{color:#616161;background:#fff;font-family: "Montserrat", sans-serif;font-weight:400;font-size:16px;} a{color:#616161;text-decoration:underline;} a:hover, a:focus{color:#e9531b;text-decoration:underline;} a img, th img, td img{vertical-align:top;border:none;} h1, h2, h3, h4, h5{cursor:default;font-weight:400;} a h1, a h2, a h3, a h4, a h5{cursor:pointer;} h1{font-size:200%;} h2{font-size:200%;} h3{font-size:160%;} h4{font-size:140%;} h5{font-size:140%;} ul{list-style:none;} hr{border:none; border-top:2px solid rgba(22, 117, 80, 0.2); margin:30px 0;} table{border-collapse:collapse;border-spacing:0;} caption, th, td{text-align:left;vertical-align:top;} thead th, thead td{font-weight:bold;vertical-align:bottom;} img, video, audio, embed, object{max-width:100%;} img, video, embed, object{height:auto;} embed, object{height:100%;} img{vertical-align:middle;} .alignright{float:right;margin:0 0 25px 20px;} .alignleft{float:left;margin:0 20px 25px 0;} .aligncenter{margin:0 auto 25px auto;} .centerdiv{width:90%;margin:0 auto;position:relative;} .clear{position:relative;overflow:auto;clear:both;} #blocmap img{height:auto!important;max-width:none !important;} .svg{} .no-svg{} .bt{ background:#e9531b; font-weight: bold; font-size: 90%; color:#fff; text-decoration:none; border-radius:4px; display:inline-block; padding:12px 17px; transform:scale(1); transition:all .3s; } .bt svg{ margin-left:4px; } .contenu .bt:after{ content: " \f30b"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 70%; margin-left:4px; } .bt:hover, .bt:focus{ text-decoration:none; color:#fff; transform:scale(1.05);} .btv{ background-color:#157650; } .btxl{ background:#f2f7e5; font-weight: 700; font-size: 90%; color:#157650; text-decoration:none; border-radius:4px; display:block; padding:12px 59px 12px 17px; transform:scale(1); transition:all .3s; } .btxl:hover, .btxl:focus{ text-decoration:none; color:#157650; transform:scale(1.025);} .btxl:before{ content: ""; background: #157650; border-radius:0 4px 4px 0;position:absolute; top:0;right:0;bottom:0;width:42px; } .btxl:after{ content: " \f08e"; color:#fff; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size:100%; position:absolute; right:11px; top: calc(50% - 8px); } .page_elwwcss2 .btxl{ color: #157650; } .page_elwwcss2 .btxl:before{ background: #bbd57a; } .page_elwwcss3 .btxl{ background:#fff; } #cookie-notice #cn-close-notice { right: 1.5vw !important; } #cookie-notice #cn-notice-buttons { margin: 0 0 0 1vw !important; } #cookie-notice #cn-notice-buttons a { font-family:"Montserrat", arial !important; color: #000 !important; background: #fff !important; margin: .5vw .25vw !important; border-radius: 5vw !important; } #cookie-notice { font-family:"Montserrat", arial !important; background: #1a1a1a !important; left: 1vw !important; right: 1vw !important; bottom: 1vw !important; width: 98vw !important; min-width: 98vw !important; border-radius: 5vw !important; } #cookie-notice .cookie-notice-container { padding: 0.5vw 1vw !important; } .appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; } .appearOnScroll.visible { opacity: 1; transform: scale(1); } .appear{ opacity: 0; } .appearTxt{ opacity: 0; } /********************************************************************** ACCESS */ #navAccess{position:absolute;z-index:10000;} #navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;} #navAccess a:focus{left:10px;top:10px;} #accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;} #accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;} /********************************************************************** HEADER */ #header{ padding: 0 0 5vw 0; background:#fff url('img/illu-biobfc.svg') no-repeat left -3vw top -3vw; background-size:35vw; } #header_fix{ position:fixed; top:0;right:5vw; z-index: 1000; } .admin-bar #header_fix{ top:32px; } #header_fix .bt{ display: block; font-weight: 600; float: right; border-radius: 0 0 20px 0; padding-right:22px; } #header_fix .bt:hover{ transform:scale(1); } #header_fix .bt svg{ transform:scale(.9) translateX(0); transition:all .3s; } #header_fix .bt:hover svg{ transform:scale(1.15) translateX(4px); } #header_fix .btv{ margin-left:7px; border-radius:0 0 0 20px; } #header_top{ float:right; margin-right:265px; background-color:#fff; padding:0 0 0 17px; border-radius: 0 0 20px 20px; } .bt_rs{ display:inline-block; padding:11px 5px 7px 5px; font-size:120%; color:#157650; transform:scale(1); transition:all .3s; } .bt_rs:hover{ transform:scale(1.1); } #searchform{ float:right; position:relative; padding-left:5px;margin-left:12px; } #searchform:before{ content:''; position:absolute; left:0px;top:12px; height:18px;width:2px; background-color:#157650; } #searchform input[type=text]{ background: transparent; font-family: "Montserrat", sans-serif; color: #157650; border:0; padding: 12px 12px !important; display:inline-block; margin:0; width: 110px; height: 42px; font-weight: 600; } #searchform input[type=text]:focus{ width: 150px; transition:all .3s; } #searchform button{ background: transparent; color: #157650; border:0; height: 42px; padding: 12px 10px; display:inline-block; margin:0; transform:scale(1); transition:all .3s; } #searchform button:hover{ color: #e9531b; transform:scale(1.1); } #searchform ::-webkit-input-placeholder{color:#157650;} #searchform :-moz-placeholder{color:#157650;} #searchform :-ms-input-placeholder{color:#157650;} #header_bot{ display:flex; justify-content: space-between; margin-top:30px; } #header_botctn{ display:flex; justify-content: space-between; flex-direction: column; align-items: end; width:calc(100% - 15vw); } #logo img{ width:15vw; } #logo_imgm{ display:none; } #header h1{ width:calc(100% - 10vw); text-align:right; line-height: 120%; font-weight:900; color:#157650; font-size:3.2vw; } /********************************************************************** HOME */ #home_wrap{ position:relative; padding:5vw 0 3vw 0; background:#bbd57a url('img/img-biobfc-2.jpg') no-repeat top 28vw center; background-size:101%; } #home_wrap:before{ content:''; position:absolute; z-index:0; left:0;top:0;right:0; height:28vw; background:url('img/img-biobfc-1.jpg') no-repeat center; background-size:cover; } #home_wrap .centerdiv{ position:relative; z-index:1; } .q_links{ display:flex; justify-content:space-between; } .q_links li{ width:23.5%; } .q_links li a{ width: 100%; height: 5vw; font-weight: 700; text-decoration: none; color: #FFF; border-radius: 70px; display: flex; align-items: center; position: relative; background-color: rgba(255,255,255,.2); background-repeat: no-repeat; background-position: right 0.5vw top 0.5vw; transform: scale(1); transition: all .3s; font-size: 1.2vw; line-height: 1; backdrop-filter: blur(30px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1), inset 5px 5px 90px rgba(255, 255, 255, 0.1); padding: 0 5vw 0 3vw; /* width:100%; height:5vw; font-weight:700; padding:0 2vw; text-decoration:none; color:#157650; border-radius:4px; display:flex; align-items:center; position:relative; background-color:#bbd57a; background-repeat:no-repeat; background-position:right 0.5vw top 0.5vw; background-size:27%; transform:scale(1); transition:all .3s; */ } /* .q_links li a:before{ content: "\f064"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 150%; left:-7px; position:absolute; display:block; color:#fff; transform:scale(1) rotate(-20deg); transition:all .2s; } */ .q_links li a:hover{ text-decoration:none; transform:scale(1.05); } /* .q_links li a:hover:before{ left:-3px; transform:scale(1.2) rotate(0deg); } */ .q_links li:nth-child(1) a{ background-image:url('img/icon-former.svg'); } .q_links li:nth-child(2) a{ background-image:url('img/icon-services.svg'); } .q_links li:nth-child(3) a{ background-image:url('img/icon-publications.svg'); } .q_links li:nth-child(4) a{ background-image:url('img/icon-reseau.svg'); } .q_links li:nth-child(5) a{ background-image:url('img/icon-benefices.svg'); } .title_wrap{ display:flex; justify-content: space-between; align-items: center; margin-bottom:2.5vw; } .title_wrap_hr{ flex: auto; display: block; height:2px; background:rgba(255, 255, 255, 0.4); margin-left:1.5vw; } .title_wrap h2{ flex: initial; color:#fff; font-size:3vw; font-weight:900; } .title_wrap h3{ flex: initial; color:#fff; font-size:1.5vw; font-weight:900; } .title_wrap_bts{ flex: initial; } .title_wrap_bts a{ margin-left:1.5vw; } .title_wrap_bts a + a{ margin-left:.5vw; } .title_wrap select{ -webkit-appearance: none; background:url('img/icon-arrow-down.svg') right 12px center no-repeat; background-size:16px; font-family: "Montserrat", sans-serif; color:#fff; font-weight: 600; font-size:90%; padding: 6px 32px 6px 17px; height:42px; border:1px solid #fff; border-radius:4px; margin-left: 1.5vw !important; transform:scale(1); transition:all .3s; } .title_wrap select:hover{ transform:scale(1.05); } .title_wrap p{ font-weight: 800;color: #167650;max-width: 26vw;margin-left: 1.5vw;font-size:1.5vw; line-height:110%; } #home_actus{ margin-top:2.5vw; } .actu{ width:32%; float: left; margin-right:2%; margin-bottom:2vw; height:22vw; display:flex; align-items: end; padding:2.5vw 2.5vw 2.25vw 2.5vw; background-size:cover; background-position: center; background-repeat:no-repeat; position:relative; text-decoration:none; border-radius:4px; transform: scale(1.0); transition: all .3s; } .home .actu{ margin-bottom:0; } .actu:hover{ text-decoration:none; transform: scale(1.025) !important; } .actu:after{ content:""; position:absolute; z-index:0; inset:0; border-radius:4px; background:linear-gradient(rgba(0, 0, 0, 0), 50%, rgba(0, 0, 0, 0.8)); } .actu *{ position:relative; z-index:1; } .actu.last{ margin-right:0; } .actu strong{ display:block; font-size:130%; font-weight:700; color:#fff; } .actu_cat{ display:inline-block; padding:6px 12px; margin-bottom:10px; border-radius:4px; color:#fff; background-color:#157650; font-weight:700; font-size:80%; } .actu_date{ position:absolute; text-align:center; top:1vw;right:1vw; padding:10px 12px 7px 12px; border-top:10px solid #bbd57a; display:block; border-radius:4px; color:#fff; background-color:#157650; font-weight:700; } .actu_date i{ display:block; font-size:160%; font-weight:700; font-style:normal; line-height: 85%; } .actu_date b{ display:block; font-size:80%; font-weight:700; font-style:normal; text-transform: uppercase; } .actu_date em{ display:block; font-size:70%; font-weight:700; font-style:normal; color:#bbd57a; } #home_missions{ margin-top:2.5vw; } #home_missions .title_wrap_hr{ background-color:#157650; } #home_missions h2{ color:#157650; } /********************************************************************** GRID */ .grid{ display:flex; gap:2vw; } .grid_col{ width:50%; } .grid_coltiers{ width:33.33%; } .bloc{ width: 100%; margin-bottom:2vw; position:relative; border-radius:4px; } .bloc_img{ background-size:cover; background-position:center; background-repeat:no-repeat; height:25vw; } .bloc_imgh img{ border-radius:4px; } .bloc_txt{ background:#fff; padding:2.5vw; } .page_elwwcss2{ background:#157650; color:#fff; } .page_elwwcss2 *{ color:#fff; } .page_elwwcss2 h2, .page_elwwcss2 h3, .page_elwwcss2 h4{ color:#fff !important; } .page_elwwcss3{ background:transparent; color:#157650; border:2px solid #157650; } .page_elwwcss3 *{ color:#157650; } .page_elwwcss3 .bt{ color:#fff; } .bloc_nb{ background:#157650 url('img/illu-biobfc-w.svg') no-repeat right 1.5vw bottom 0; background-size: 7vw; cursor:default; padding:2vw 2.5vw; color:#fff; display:flex; align-items: center; justify-content: flex-start; } .bloc_nb + .bloc_nb{ margin-top: -1.5vw; } .bloc_nb strong{ font-size:2.7vw; line-height: 110%; } .bloc_nb span{ font-size: 1.1vw; font-weight:700; display:block; margin-left: 1vw; color:#bbd57a; } .bloc_nb span i{ font-size: .8vw; font-weight:400; font-style:normal; display:block; } .last .bloc_nb{ border:2px solid #157650; background-color:transparent; } .last .bloc_nb span{ color:#157650; } .home .grid_col{ display:flex; flex-wrap:wrap; flex-direction: column; } .home .bloc_img{ flex:auto; } .home .bloc_txt p{ font-weight:700; } .home .bloc_txt p strong{ color:#157650; } /********************************************************************** PAGE */ .contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{ margin-bottom:25px; color:#157650; font-weight:900; } .contenu h4{ color: #616161; } .contenu p{margin-bottom:25px;line-height:150%;} .contenu img{margin-bottom:25px;max-width:100%;height:auto;display:block;} .contenu p img{ margin-bottom:0; } .contenu blockquote{ font-size:120%; font-weight: 700; width: 90%; margin-bottom:25px; } .contenu blockquote p{ margin-bottom:0; } .contenu blockquote strong{ color:#157650; } .page_elwwcss2 .contenu blockquote strong{ color:#bbd57a; } .contenu ul{margin-bottom:25px;list-style-type:square;margin-left:18px;} .contenu ul ul{margin-top:15px;margin-bottom:0;} .contenu ul li{margin-bottom:10px;line-height:130%;} .contenu > *:last-child{ margin-bottom:0; } .contenu .gallery{ margin-bottom:25px !important; } .contenu iframe{ max-width:100%; } .maincontent{ position:relative; padding:5vw 0 3vw 0; background:#bbd57a url('img/img-biobfc-2.jpg') no-repeat top 0 center; background-size:101%; } .page-template-actualites .maincontent, .category .maincontent{ min-height:22vw; background-position:top 22vw center; } .page-template-actualites .maincontent:before, .category .maincontent:before{ content:''; position:absolute; z-index:0; left:0;top:0;right:0; height:22vw; background:url('img/img-biobfc-1.jpg') no-repeat center; background-size:cover; } #actu_wrap{ background:#fff; padding:2.5vw; border-radius:4px; margin-bottom: 2.5vw; } .single-post .maincontent .centerdiv{ max-width: 760px; } .page .maincontent .centerdiv, .search .maincontent .centerdiv{ max-width: 1260px; } .page.page-template-actualites .maincontent .centerdiv{ max-width: none; } #actu_date{ margin-bottom:25px; } #actu_date span{ font-weight: 700;font-size: 120%; } #actu_date strong{ font-weight: 700;font-size: 120%; color:#157650; text-transform: capitalize; } #actu_date svg{ margin-right:5px; font-size: 90%;position: relative;top: -1px;} #actu_couv{ height: 22vw; position:relative; margin:0 0 25px -2.5vw; width:calc(100% + 5vw); } #actu_couv:after{ content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(rgba(0, 0, 0, 0), 50%, rgba(0, 0, 0, 0.8)); } #actu_couv img{ width: 100%;height: 100%;object-fit: cover;object-position: center; } #actu_couv > strong{ position:absolute; z-index:1; bottom:2.25vw;right:2.5vw;left:2.5vw; color:#fff; font-weight:900; font-size:160%; } #actu_couv .actu_cat{ position:absolute; z-index:1; right:2.5vw; transform: translateY(-50%); } .single-post .actu{ width:49%; } .searchlist{ list-style-type: none !important; margin-left: 0 !important; } .searchlist li{ margin-bottom: 0 !important; } .searchlist li a{ display: inline-block; text-decoration:none; padding:12px 12px 12px 0; transition:all .3s; border-bottom:2px solid #157650; } .searchlist li a:hover{ padding:12px 0 12px 12px; text-decoration:none; } .searchlist li a svg{ margin-right:4px; } .deplbt{ display:block; position:relative; width:100%; text-decoration:none; border-radius: 4px; border: 2px solid #157650; background-color: transparent; color: #157650; padding:1.5vw 6vw 1.5vw 2.5vw; transition: all .3s; } .deplbt h2{ font-weight:700; color: #157650; line-height: 110%; } .deplbt:after{ content:""; background:transparent; width:35px;height:35px; border-radius:100px; border:2px solid #157650; position:absolute; z-index:1; top: calc(50% - 18px); right: calc(2vw - 8px); transition:all .3s; transform:scale(1.0); } .deplbt svg{ position:absolute; z-index:2; top:calc(50% - 10px); font-size:150%; color:#157650; right:2vw; transition:all .3s; transform:rotate(0deg);} .deplbt.open svg{ transform:rotate(180deg); top: calc(50% - 13px); } .deplbt:hover, .deplbt:focus{ text-decoration:none; color:#157650; } .deplbt:hover svg, .deplbt:focus svg{ color:#157650; } .deplbt:hover:after, .deplbt:focus:after{ transform:scale(1.3); } .depltxt{ display:none; background: #fff; padding: 2.5vw; border-radius: 4px; margin-top:20px; position:relative; } .depltxt:before{ content: "";position:absolute;top:-17px;left:50%;margin-left:-18px;width:0;height:0;border-style:solid;border-width:0 18px 18px 18px;border-color:transparent transparent #fff transparent; } .blac_large p{ max-width: 650px; } .bloc_mbm{ margin-bottom:0.75vw; } .bloc_mbm h2{ font-size: 160%; font-weight: 900; margin-bottom: 1.25vw; color: #157650; padding:0 2.5vw; } .mbm_wrap{ display:flex; gap:2%; flex-wrap:wrap; } .mbm_item{ width:32%; background:#fff; display:flex; align-items: center; line-height: 110%; padding: 1.25vw; margin-bottom: 1.25vw; border-radius: 4px; } .mbm_item strong{ display:block; margin-bottom:.25vw; font-weight:600; font-size: 1vw; line-height: 110%; } .mbm_item p{ display:block; font-weight:400; font-size: .85vw; line-height: 120%; } .mbm_img{ flex-shrink: 0; width:5vw; height:5vw; border-radius:5vw; background:#f2f7e5 url('img/illu-equipe.jpg') center no-repeat; background-size:cover; margin-right:1.25vw; } /********************************************************************** FOOTER */ #footer{ padding:2.5vw 0; color: #157650; background:#fff url('img/illu-biobfc.svg') no-repeat right 18vw bottom 0; background-size:12vw; } #footer a{ text-decoration:none; color: #157650; transition:all .3s; } #footer a:hover, #footer a:focus{ color:#e9531b; text-decoration:none; } #footer .centerdiv{ display:flex; align-items:end; } #footer .centerdiv > div{ margin-left:2.5vw; } .foot_menu1 a{ position:relative; } .foot_menu1 a:before{ content: "\f30b"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 70%; margin-right:5px; } .foot_menu2{ margin-left:auto !important; text-align:right; } .foot_menu2 a{ font-size: 80%; } #footer strong{ display:block; margin-bottom: 7px; } #footer span{ display:block; } .btfoot_rs{ margin-bottom:7px; margin-right:5px; display: inline-block; font-size: 120%; transform:scale(1); } .btfoot_rs:hover{ transform:scale(1.1); } /********************************************************************** FORM */ form button, input, select, textarea{margin:0;} textarea{overflow:auto;vertical-align:top;resize:vertical;} form button{width:auto;overflow:visible;} input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;} input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;} input[type="search"]{-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} :invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;} ::-webkit-input-placeholder{color:#C0C0C0;} :-moz-placeholder{color:#C0C0C0;} :-ms-input-placeholder{color:#C0C0C0;} audio:not([controls]){display:none;height: 0;} label, .label{display:block;margin-left:0;font-size:90%;cursor:pointer;margin-bottom:10px;font-weight:700;color:#666;} input[type=text], input[type=email], input[type=tel], textarea { font-size:90%;border:none;margin-bottom:10px;border:1px solid #666; color:#111;border-radius:0;padding:10px !important;width:100%;background-color:#fff; transition:all .2s; } input[type=submit], form button { font-family: "Montserrat", sans-serif;font-size:90%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0; text-align:center;padding:10px 30px;border:none;background-color:#666; transition:all .2s; } textarea{height:80px;} input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus {outline:none;border-color:#585858;} input[type=submit]:hover, input[type=submit]:focus, form button:hover, form button:focus {outline:none;} div.wpcf7-response-output{width:100%;padding:10px 10px !important;margin:0 !important;clear:both;font-size:14px; font-weight:500; background-color:#548b37;color:#fff; border:0 !important;} .wpcf7 form.invalid .wpcf7-response-output{background-color:#d7b026;} .wpcf7-validation-errors{background-color:#a13434;color:#6B630B;} .wpcf7-mail-sent-ok{background-color:#548b37;color:#fff;} span.wpcf7-not-valid-tip{top:-4px;left:0;display:block;font-size:14px;position:relative;padding:10px 10px;background-color:#d7b026;color:#fff;border:none;margin:0 0 6px 0;} span.wpcf7-not-valid-tip:after{position:absolute;float:right;content:'';width:0;height:0;border-color:transparent transparent #d7b026 transparent;border-style:solid;border-width:6px;top:-12px;left:25px;} span.wpcf7-not-valid-tip-no-ajax{margin:-15px 0 13px 0} /********************************************************************** PAGINATION */ ul#pagination{ clear:both; overflow:auto; font-size:90%; color:#157650; margin:0; padding-top:25px; list-style:none; margin-bottom:-4px; font-weight:bold; } ul#pagination li{ margin:0; } ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{ float:left; margin:0 4px 4px 0; color:#157650; display:block; position:relative; background-color:#f2f7e5; padding:12px 17px; overflow:hidden; text-decoration:none; border-radius:4px; transform: scale(1.0); transition:all .3s; } ul#pagination li a:hover, ul#pagination li a:focus{ text-decoration:none; transform: scale(1.05); } ul#pagination .activePage{ font-weight:bold;background-color:#157650;color:#fff; } ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;} ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:12px 17px;} /********************************************************************** GALERIE */ .gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;} .gallery .gallery-item {margin-top:2px !important;} /********************************************************************** RWD */ @media (min-width:1350px){ /* NAV */ a#showmenu{display:none;} #nav{ } #showmenunav{ position:relative; background-color: #f2f7e5; color: #167650; border-radius:30px; padding:0 18px 0 15px; display:flex; } #nav .menu{position:relative;z-index:2;} #nav ul{display:block;} #nav ul li{display:inline-block;} #nav ul li a{ color:#167650; text-decoration:none; border-radius: 30px; display:block; font-size:90%; font-weight:600; padding:12px 8px 12px 8px; transition:all .3s;} #nav ul li a:hover, #nav ul li a:focus{ color:#167650;text-decoration:none;} #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{ color:#e9531b; } #nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0; border-radius: 4px; background-color:#bbd57a;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.15); padding:10px; position:absolute;top:42px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;} #nav .menu .sub-menu:before{content: "";position:absolute;top:-11px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #bbd57a transparent; } #nav .menu .sub-menu li{ display:block; position:relative; } #nav .menu .sub-menu li:after{ content:""; position:absolute; bottom:0;height:1px;right:6px;left:6px; background:rgba(255, 255, 255, 0.3); } #nav .menu .sub-menu li:last-child:after{ display:none; } #nav .menu .sub-menu a{ background:transparent; font-weight: 600; font-size: 90%; color:#157650; width:100%;text-align:left; padding:8px 6px 8px 6px;text-transform:none; border-radius:4px; } #nav .menu .sub-menu .current-menu-item a{ color:#e9531b; background-color:#fff; } #nav .menu .sub-menu a:after{display:none;} #nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{ color:#157650; background-color:#fff; } #nav .menu-item-has-children{position:relative;outline:none !important;} #nav .menu-item-has-children > a{padding-right:25px !important;} #nav .menu-item-has-children > a:before{ content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 85%; top:15px;right:8px; position:absolute; display:block; } #nav .menu-open > .sub-menu{opacity:1;top:47px;visibility:visible;} } @media (max-width:1350px){ #header_fix{ display:none; } #header_top{ display:none; } #cookie-notice .cookie-notice-container{padding: 5vw 10vw !important;} /* NAV */ a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:30px;right:0;} #showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#157650;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; } #showmenu:before{margin-top:-9px;} #showmenu:after{margin-top:8px;width:14px;right:10px;} #showmenu div{width:28px;height:2px;background:#157650;border-radius:4px;} #showmenu.close{position:fixed;top:30px;right:5vw;} .admin-bar #showmenu.close{ top:62px; } #showmenu.close div{opacity:0;background:#fff;} #showmenu.close:before, #showmenu.close:after{margin:0;background:#fff;} #showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} #showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} #showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after {background:#e9531b;} #showmenunav{opacity:0;visibility:hidden; overflow-y:scroll; position:fixed;z-index:999; padding:5vw 5vw; top:0;left:65vw;right:0;bottom:0;height:100%; transition:all .2s; box-shadow: 0 0 0 65vw rgba(0, 0, 0, 0.8); background:#157650; color:#fff; } .open #showmenunav{opacity:1;visibility:visible;left:60vw;} #showmenunav > ul{ padding-bottom:calc(2.5vw - 15px); padding-right: 2.5vw; margin-bottom:2.5vw; border-bottom:2px solid rgba(255, 255, 255, 0.2); } #showmenunav li a{color:#fff;font-size:110%; font-weight: 600; padding:0 0 20px 0;display: block;text-decoration: none;transition:all .2s; } #showmenunav li a:hover, #showmenunav li a:focus{color:#fff; text-decoration: none;} #menu-principal > li.menu-item-has-children > a:after{ content:''; position: relative; display: inline-block; opacity: .9; width:16px;height:10px;margin-left: 5px; background:url('img/icon-select.svg') center no-repeat; background-size:85%; transform:rotate(0); transition:all .2s; } #menu-principal > li.menu-item-has-children > a.close:after{ transform:rotate(180deg); } .sub-menu{ display:none; margin-left:2.5vw; } #showmenunav li .sub-menu a{ font-weight:400; font-size:95%; } .btv{ background-color:#bbd57a; } .wrap_btrs{ margin: 1.5vw 0; } .bt_rs{ color:#fff; padding: 1vw 1.25vw 1vw 0vw; font-size:200%; } #searchform{ display: flex; float:none; padding:2.5vw 0 0 0; margin: 1.5vw 0 0 0; border-top:2px solid rgba(255, 255, 255, 0.2); } #searchform:before{ display:none; } #searchform input[type=text]{ background:#fff; width:100%; border-radius:4px 0 0 4px; } #searchform input[type=text]:focus{ width: 100%; } #searchform button{ background:#fff; border-radius:0 4px 4px 0; } } @media (max-width:880px){ a#showmenu{ top:10vw; } #showmenu.close{ top:10vw;right:5vw;} #showmenunav{ padding:20vw 10vw; left:15vw; box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.8); } .open #showmenunav{ left:10vw; } #showmenunav > ul{ padding-bottom:calc(5vw - 15px); padding-right:5vw; margin-bottom:5vw; } #searchform{ padding:5vw 0 0 0; margin: 4vw 0 0 0; } .wrap_btrs{ margin: 4vw 0; } .bt_rs{ padding: 1vw 2.5vw 1vw 0vw; } .sub-menu{ margin-left:2.5vw; } h2{ font-size:160%; } h3{ font-size:120%; } #logo img{ width:45vw; } #logo_img{ display:none; } #logo_imgm{ display:block; } #header{ padding: 0 0 10vw 0; background-size:75vw; } #header_bot{ display:block; margin-top: 10vw; } #header_botctn{ width: 100%; } #header h1{ font-size: 160%; text-align: left; width: 100%; margin-top:5vw; } .title_wrap{ display: block; margin-bottom:5vw; } .title_wrap h2{ font-size: 160%; margin-bottom:2.5vw; } .title_wrap h3{ font-size: 140%; } .title_wrap_hr{ margin-left:0; margin-bottom:2.5vw; } .title_wrap p{ max-width: none;font-size: 100%; margin-bottom:2.5vw; margin-left: 0; } .title_wrap select{ margin-bottom:2.5vw;margin-left:0 !important; width: 100%;} .title_wrap_bts a{ margin-right: 1.5vw;margin-left:0; } #home_wrap{ padding: 10vw 0 8vw 0; background-position: top 120vw center; } #home_wrap:before{ height: 120vw; } .q_links{ flex-wrap:wrap; } .q_links li{ width: 100%; margin-bottom: 2.5vw; } .q_links li a{ height: 12vw; font-size: 100%; padding: 0 10vw 0 5vw; } #home_actus{ margin-top:7.5vw; } .actu{ width:100%; padding: 5vw 5vw 4.25vw 5vw; float:none; margin-right:0; height: 55vw; margin-bottom: 2.5vw; } .home .actu{ margin-bottom: 2.5vw; } .single-post .actu{ width:100%; } .actu strong{ font-size: 110%; } .actu_date{ transform-origin:100% 0; transform:scale(0.8); } .page-template-actualites .maincontent:before, .category .maincontent:before{ height: 75vw; } #home_missions{ margin-top:7.5vw; } .grid{ display:block; } .grid_coltiers{ width:100%; } .grid_col{ display:block; width:100%; } .bloc{ margin-bottom: 5vw; } .bloc_txt{ padding: 5vw; } .bloc_img{ height: 40vw; } .bloc_nb{ padding:5vw; background-size: 25vw; } .bloc_nb strong{ font-size: 180%; } .bloc_nb span{ font-size: 100%;margin-left: 15px; } .bloc_nb span i{ font-size: 80%; } .bloc_mbm h2{ padding:0; margin-bottom:15px; } .mbm_wrap{ display:block; } .mbm_item{ width:100%;padding: 10px; } .mbm_img{ width: 15vw;height: 15vw;border-radius: 15vw;margin-right: 10px; } .mbm_item strong{ font-size: 90%;margin-bottom: 4px; } .mbm_item p{ font-size: 75%; } .deplbt{ padding: 2.5vw 15vw 2.5vw 5vw; } .deplbt h2{ font-size: 140%; } .deplbt svg{ right: 5vw;font-size: 120%; top: calc(50% - 8px); } .deplbt.open svg{ top: calc(50% - 11px); } .deplbt:after{ width: 30px;height: 30px; top: calc(50% - 15px); right: calc(5vw - 8px);} .depltxt{ padding:5vw; } .depltxt:before{ top: -12px; } .searchlist li a{ border-color:#f2f7e6; } .maincontent{ padding:10vw 0 7.5vw 0; } #actu_wrap{ padding:5vw; margin-bottom:10vw; } #actu_date{ margin-bottom:15px; } #actu_date strong{ font-size: 90%; } #actu_couv{ height: 65vw;margin: 0 0 5vw -5vw;width: calc(100% + 10vw); } .actu_cat{ font-size: 75%; } .contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{ margin-bottom:15px; } .contenu p{margin-bottom:15px;line-height:140%;} .contenu img{margin-bottom:15px;max-width:100%;} .contenu blockquote{ margin-bottom:15px; } .contenu ul{margin-bottom:15px;} .contenu ul ul{margin-top:10px;} .contenu ul li{margin-bottom:5px;} .contenu .gallery{ margin-bottom:15px !important; } #footer{ padding:10vw 0; background-size: 50vw; } #footer .centerdiv{ display:block; } #footer .centerdiv > div{ margin-left:0; margin-top:5vw; } .foot_menu2{ text-align:left; } .btfoot_rs{ font-size: 160%; } }