/* Theme Name: LINA Author: Atelier météorite et monsieuradrien Author URI: https://www.atelier-meteorite.fr/ Description: Theme du site LINA */ /* STYLE DE BASE */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } a:active { outline:none;} body { margin:0; font-family: 'galanoclassicalt-regular' ; color: #2E2353; overflow-x: hidden; } ol,ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption,th,td { text-align:left; font-weight:normal; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } a {text-decoration:none; color: #F15832;} a:link{text-decoration:none;} body,html{height: 100%;} .clear:after { clear:both; } * { box-sizing : border-box; } strong{font-family: 'galanogrotesquealt-bold' ;} em{ font-style: italic;} /* TYPOGRAPHIE */ @font-face { font-family: 'galanoclassicalt-regular' ; src: url('fonts/galanoclassicalt-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/galanoclassicalt-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/galanoclassicalt-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/galanoclassicalt-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/galanoclassicalt-regular-webfont.svg#galanoclassicalt-regular-webfont') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'galanoclassicalt-medium' ; src: url('fonts/galanoclassicalt-medium-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/galanoclassicalt-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/galanoclassicalt-medium-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/galanoclassicalt-medium-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/galanoclassicalt-medium-webfont.svg#galanoclassicalt-medium-webfont') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'galanogrotesque-semibold' ; src: url('fonts/galanogrotesque-semibold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/galanogrotesque-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/galanogrotesque-semibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/galanogrotesque-semibold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/galanogrotesque-semibold-webfont.svg#galanogrotesque-semibold-webfont') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'pilatcompressed-demibold' ; src: url('fonts/pilatcompressed-demibold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/pilatcompressed-demibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/pilatcompressed-demibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/pilatcompressed-demibold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/pilatcompressed-demibold-webfont.svg#pilatcompressed-demibold-webfont') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'galanogrotesquealt-bold' ; src: url('fonts/galanogrotesquealt-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/galanogrotesquealt-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/galanogrotesquealt-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/galanogrotesquealt-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/galanogrotesquealt-bold-webfont.svg#galanogrotesquealt-bold-webfont') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?2m66or'); src: url('fonts/icomoon.eot?2m66or#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?2m66or') format('truetype'), url('fonts/icomoon.woff?2m66or') format('woff'), url('fonts/icomoon.svg?2m66or#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } /* * Global */ .main{ max-width: 100%; padding: 0 15px;} .main-extra{max-width: 100%; margin: auto;} .main-mini{ max-width: 1000px; margin: auto;} h1{ font-family: 'pilatcompressed-demibold' ; text-align: center; color: #2E2353; font-size: 4rem; text-transform: uppercase; padding-top: 80px; padding-bottom: 40px;} h2.clear{ font-family: 'pilatcompressed-demibold' ; text-align: center; color: #2E2353; font-size: 4rem; text-transform: uppercase; padding-top: 80px; padding-bottom: 40px;} .back{ color: #887E98; font-size: 0.8rem;} .gmnoprint .gm-style-mtc, .gm-fullscreen-control, .gm-svpc{ display: none!important; } /* * Header */ header{margin-bottom: 20px;} .pre-header{ width: 100%; background-color: #F7F6F8; text-align: right; top: 0; z-index: 100;} .pre-header a{ text-transform: uppercase; font-size: 14px; line-height: 1.42857143; font-family: 'galanogrotesque-semibold' ; } .logo-desktop{ display: block;} .logo-desktop img{ width: 100%; display: block;} .LogoMag { margin: 0 auto; padding-bottom: 10px; } .logo-text{ display: none;} .link-header{ color: #6D6587; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} .link-header:hover{ color: #2E2353;} .link-social-header{ color: #ABA7BA; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} .link-social-header:hover{ color: #2E2353;} .tetiere-content { position: relative; clear: both; padding: 5px 0;} .lina-header img{ width: 100%; display: block;} .lina-menu { text-transform: uppercase; font-family: 'galanogrotesquealt-bold' ; padding-bottom: 20px;} .lina-menu > li { border-bottom: 2px solid #2E2353; text-align: center; padding-bottom: 5px; padding-top: 5px; font-size: 0.8rem; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} .lina-menu > li:hover { border-bottom: 2px solid #F15832; } .lina-menu > li.borderless{ border: none; } .lina-menu > li.trouver{ margin-right: 10px;} [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative;bottom: -1px; padding-right: 5px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow:before { content: "\e90c"; } .icon-connexion:before { content: "\e907"; } .icon-facebook:before { content: "\e908"; } .icon-instagram:before { content: "\e909"; } .icon-panier:before { content: "\e90a"; } .icon-youtube:before { content: "\e90b"; } .icon-accueil:before { content: "\e900"; } .icon-actu:before { content: "\e901"; } .icon-agenda:before { content: "\e902"; } .icon-asso:before { content: "\e903"; } .icon-coeur:before { content: "\e904"; } .icon-librairies:before { content: "\e905"; } .icon-trouver:before { content: "\e906"; } .lina-menu li a .icon-menu{ width: 29px; float: left;} .lina-menu > li.trouver { } .lina-menu > li.trouver:hover { background-color: #22A0B2;} .lina-menu > li.trouver a { color :#22A0B2;} .lina-menu > li.trouver:hover a { color :#FFF;} .lina-menu > li > a {text-decoration: none; color: #2E2353; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} .lina-menu > li:hover > a { color: #F15832; } .lina-menu > li.active > a {color:#F15832;} .lina-menu > li.active {border-bottom: 2px solid #F15832;} .responsive-menu{ display: none;} /* * Footer */ input{ -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none;-o-appearance: none; ;border-radius: 0; box-shadow:none; border: none; } .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position: relative; cursor: pointer; padding: 0; } .styled-checkbox + label:before { content: ''; margin-right: 10px;display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border: 2px solid #F15832; margin-top: -5px;} .styled-checkbox:checked + label:before { background: #F15832; border: 2px solid #F15832;} .styled-checkbox:checked + label:after { content: ''; position: absolute; left: 7px; top: 10px; width: 2px; height: 2px;transform: rotate(45deg); } .styled-checkbox:checked + label:after {background: #F15832; } .lina-footer { padding-top: 40px; margin-top: 40px; border-top: 2px solid #2E2353; padding-bottom: 40px;} .adresse-lina > div{ padding-left: 63px; } .adresse-lina > img{ margin-bottom: 10px;} .menu-footer ul li { font-family: 'galanogrotesquealt-bold' ; text-transform: uppercase;} .menu-footer ul li a{ color: #2E2353 ; font-size: 0.8rem; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} .menu-footer ul li.active a {color:#F15832;} .menu-footer ul li a:hover{ color: #F15832 ;} .newletters .title-newsletters{ font-family: 'galanogrotesquealt-bold' ; text-transform: uppercase; font-size: 0.8rem; margin-bottom: 10px;} .formulaire-newsletter{ margin-bottom: 20px;} .newletters .inscription-newsletters input[type=email]{ border: 2px solid #F15832; padding: 10px 15px; margin-bottom: 20px; font-size: 0.8rem; margin: 0;} .newletters .inscription-newsletters input[type=submit]{ width: 46px; height: 39px; padding: 10px 15px; margin-bottom: 20px; font-size: 0.8rem; margin: 0; background-color: #F15832; cursor: pointer; background: url('https://asso.librairies-nouvelleaquitaine.com/wp-content/themes/lina/img/arrow-submit.svg') no-repeat; } .newletters span { color: #F15832; font-size: 1.5rem; padding: 0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} .newletters span:hover { color: #2E2353; } .lina-social-links { margin-left: -10px;} /* * Contenu flexible */ .content-paragraph{ max-width: 1000px; margin: auto; margin-top: 30px; margin-bottom: 30px;} .content-paragraph p{ color: #887E98;} .content-citation {} .content-title { font-family: 'galanoclassicalt-medium' ; font-size: 1.2rem; padding-top: 30px; margin-bottom: 20px;max-width: 1000px; margin-left: auto; margin-right: auto;} .content-1item {} .content-2items { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } .content-3items { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; } .content-item {width: 100%; } .content-item-image { width: 100%; } .content-item-video { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .content-item-video iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%;height: 100%;} /* * Puces et pictos */ svg.pastille{ width: 23px; height: 23px; position: absolute; bottom: 0; right: 0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease} a.lina-thumb:hover > svg.pastille, .lina-memberarea-thumb:hover > svg.pastille{ width: 43px; height: 43px;} .st0{fill:#FFFFFF;} .puce{ width: 23px; height: 23px; position: absolute; top: 0; right: 0;} /* * Liste des posts */ .action .lina-thumb-title, .action .lina-thumb-kind{ color: #aba7ba; } .annonce .lina-thumb-title, .annonce .lina-thumb-kind{ color: #FCBF2C; } .dossier-de-reference .lina-thumb-title, .dossier-de-reference .lina-thumb-kind{ color: #f15832; } .evenement .lina-thumb-title, .evenement .lina-thumb-kind{ color: #22a0b2; } .libraire .lina-thumb-title, .libraire .lina-thumb-kind{ color: #eaaa9f; } .livre .lina-thumb-title, .livre .lina-thumb-kind{ color: #a4d9e1; } .nouvelle-aquitaine .lina-thumb-title, .nouvelle-aquitaine .lina-thumb-kind{ color: #2E2353; } .action svg.pastille{ fill: #aba7ba; } .annonce svg.pastille{ fill: #FCBF2C} .dossier-de-reference svg.pastille{fill: #f15832; } .evenement svg.pastille{fill: #22a0b2; } .libraire svg.pastille{fill: #eaaa9f; } .livre svg.pastille{fill: #a4d9e1; } .nouvelle-aquitain svg.pastille{fill: #2E2353; } .lina-actus { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px;} .lina-actus-filter { margin-bottom: 60px; display: flex; gap:20px; } .lina-actus-filter .custom-select-wrapper{ width: calc( 33.333% - 13px) ; } .lina-actus-filter .search-container { border:solid 2px #2E2353; flex:1; padding: 8px 10px 7px 10px; } .lina-actus-filter .search-container input { width:100%; text-transform: uppercase;color: #2E2353; font-family: 'galanogrotesquealt-bold';} #libSearch { border:solid 2px #2E2353; padding:10px; display: block; width: 100%; text-transform: uppercase;color: #2E2353; font-family: 'galanogrotesquealt-bold'; margin-top:10px; } .lina-posts { /*display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px;*/ margin:0 -10px; } .lina-posts .lina-thumb-outer { width:33.333%; padding:10px; } .lina-thumb { background:#F7F6F8; color: #2E2353; padding-bottom: 25px; position: relative; display: block;} .lina-thumb-side .lina-thumb { padding-bottom: 0px;} .lina-thumb-image { width:100%; object-fit: cover;} .lina-thumb-info { } .lina-thumb-body{ background-color: #F7F6F8; padding: 25px; box-sizing: content-box;} .lina-thumb-kind { font-size: 0.7rem; margin-right: 10px;} .lina-thumb-date { color: #887E98; font-size: 0.7rem;} .lina-thumb-title {} h2.lina-thumb-title{ font-family: 'pilatcompressed-demibold' ; font-size: 2.5rem; } .lina-thumb-accroche {} .lina-load-more-message {} .lina-thumb-side .lina-thumb { display: flex; } .lina-thumb-side .lina-thumb-image {width:250px; height: 250px; object-fit: cover;} .lina-thumb-side .lina-thumb-accroche {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .lina-thumb-3col { width:33.333%; padding:20px; } .lina-thumb-2col { width:50%; padding:20px; } /* * Home */ .lina-home { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .lina-home-slider { grid-column: 1 / 7; grid-row: 1 / 2; } .lina-home-map { grid-column: 1 / 4; grid-row: 2 / 3; } .lina-home-map .lina-thumb-image, .lina-home-library .lina-thumb-image{height: 350px;} .lina-home-map svg.pastille{ fill: #F15832;} .lina-home-map-body{ padding: 25px; box-sizing: content-box;} .lina-home-map-body .lina-thumb-info, .lina-home-map-body .lina-thumb-title{ color: #F15832;} .lina-home-library { grid-column: 4 / 7; grid-row: 2 / 3; } .lina-home-library svg.pastille{ fill: #2E2353;} .lina-home-library-body{padding: 25px; box-sizing: content-box;} .lina-home-last1{ grid-column: 1 / 5; grid-row: 3 / 4; } .lina-home-last2 { grid-column: 1 / 5; grid-row: 4 / 5; } .lina-home-last3 { grid-column: 1 / 5; grid-row: 5 / 6; } .lina-home-sign { grid-column: 5 / 7; grid-row: 3 / 6; padding: 25px; box-sizing: content-box; position: relative;} .adherer{ margin-bottom: 30px; margin-top: 70px; font-size: 1.2rem;} .lina-home-sign .plus{ color: #F15832; padding: 10px; border: 2px solid #F15832; background-color: #FFF; display: inline-block;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .lina-home-sign .plus:hover{ color: #FFF; background-color: #F15832; } .lina-home-sign h2{ font-family: 'pilatcompressed-demibold' ; text-align: left; color: #2E2353; font-size: 3.5rem; text-transform: uppercase; line-height: 3.5rem;} .lina-home-sign h3{ font-family: 'pilatcompressed-demibold' ; text-align: left; color: #2E2353; font-size: 2.5rem; text-transform: uppercase; line-height: 2.5rem; margin-top: 40px;} .smiley{ width: 62px; height: 62px; position: absolute; top: 25px; right: 25px;} .smiley img{ width: 100%;} /* * Slider */ .lina-home-slider { position: relative; overflow: hidden; } .lina-slider-inner { display: flex; top:0; left:0; transition: margin 0.5s linear; } .lina-slider-dots { bottom:0; left:0; height: 20px; text-align: center; width:100%; } .lina-slide { height: 100%; display: flex;} .lina-slide-image { width:66.666%; object-fit: cover; max-height: 500px;} .lina-slide-body{width:33.333%; position: relative; padding: 25px; box-sizing: border-box; display: flex;} .lina-slide-kind {margin-bottom: 70px; font-size: 0.8rem;} h2.lina-slide-title { font-family: 'pilatcompressed-demibold'; font-size: 2.8rem; margin-bottom: 10px;} .lina-slide-accroche { margin-bottom: 30px;} .lina-slide-link { color: #F15832; padding: 10px; border: 2px solid #F15832; background-color: #FFF; display: inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .lina-slide-link:hover { color: #FFF; background-color: #F15832; } .lina-slider-dot {width: 10px; height: 10px; border-radius: 50%; border: 2px solid #2E2353; margin: auto; display: inline-block; cursor: pointer;} .lina-slider-dot.active {border-radius: 50%; background-color: #2E2353; } /* * Missions */ .lina-missions { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; margin-left: -10px; margin-right: -10px; } .lina-missions > a { background-color: #FFF; padding:40px; border: 2px solid #F15832; color: #F15832; text-align: center; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; flex-basis: calc(33.333% - 20px); margin: 10px; box-sizing: border-box; align-self: stretch; display: flex; justify-content: center; align-items: center;} .lina-missions > a:hover { background-color: #F15832; padding:40px; border: 2px solid #F15832; color: #FFF;} .lina-missions > div { background-color: #FFF; padding:40px; border: 2px solid #f9bcad; color: #f9bcad; text-align: center; flex-basis: calc(33.333% - 20px); margin: 10px; box-sizing: border-box; align-self: stretch; display: flex; justify-content: center; align-items: center;} .lina-contact { display: grid; grid-template-columns: auto 400px; background-color: #F7F6F8; } .lina-contact-map { height: 500px;} .lina-contact-form{ padding: 30px;} .lina-contact-form textarea{ height: 130px;} .lina-mission .plus{color: #F15832; padding: 10px; border: 2px solid #F15832; display: inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; text-align: center;} .lina-mission .plus:hover { color: #FFF; background-color: #F15832; } .plus{color: #F15832; padding: 10px; border: 2px solid #F15832; display: inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; text-align: center;} .plus:hover { color: #FFF; background-color: #F15832; } .lina-contact-form .marker-list{ width: 14px; height: 21px; margin-right: 10px;} .name-asso{ font-family: 'pilatcompressed-demibold'; font-size: 1.5rem; line-height: 1.4rem; margin-bottom: 10px;} .lina-contact-form .ajax-loader{display: none!important;} .lina-contact-grid-formulaire{align-self: end;} /* * Librairie Map */ .lina-libraries { display: grid; grid-template-columns: auto 400px; grid-template-rows: 90px auto; grid-column-gap: 20px; grid-row-gap: 20px; } .lina-libraries-map { grid-column: 1 / 2; grid-row: 1 / 3; height: 800px; } .lina-library-thumb .marker-list{ width: 14px; height: 21px; margin-top: 13px; margin-right: 10px;} .lina-library-thumb.active .marker-list{ } .lina-libraries-filter { grid-column: 2 / 3; grid-row: 1 / 2; } .lina-libraires-thumbs { grid-column: 2 / 3; grid-row: 2 / 3; overflow-y: scroll; height: 690px; overflow-x: hidden;} .lina-libraires-thumbs > div{ background-color: #F7F6F8; margin-bottom: 20px; padding: 25px;} .lina-library-thumb h1{ text-align: left; font-size: 2rem; padding-top: 0; padding-bottom: 10px;} .lina-library-thumb { display:block; } .lina-library-thumb .adresse{ color: #2E2353; margin-bottom: 30px;} .lina-library-thumb .plus { color: #F15832; padding: 10px; border: 2px solid #F15832; display: inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .lina-library-thumb .plus:hover { color: #FFF; background-color: #F15832; } /* * 1 Librairie */ .lina-library-infos { display: grid; grid-template-columns: auto 450px; margin-bottom: 40px; height: 600px; grid-template-rows: auto 1fr; background-color: #F7F6F8; } .lina-library-image-thumb{ grid-column: 1 / 2; grid-row: 1 / 3; } .lina-library-image-thumb .lina-thumb-image{ height: 100%;} .lina-library-map-content{} .lina-library-info{ grid-column: 2 / 3; grid-row: 1 / 2; padding: 30px; padding-bottom: 0; } .lina-library-info .marker-list{ width: 14px; height: 21px; margin-right: 10px;} .lina-library-infos-adresse{ margin-bottom: 30px;} .lina-library-infos-tel{ color: #F15832; text-decoration: underline;} .lina-library-infos-email{ color: #F15832; text-decoration: underline; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} .lina-library-infos-email:hover{ color: #2E2353;} .lina-library-infos-reseau a{ color: #F15832; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} .lina-library-infos-reseau a:hover{ color: #2E2353;} .lina-library-infos-reseau{padding: 15px 0; float: left;} .single-libraries .content-title{ text-align: center; color: #887E98; font-size: 1.6rem; font-family: 'galanoclassicalt-regular' ;} .lina-link-library .plus{color: #F15832; padding: 10px; border: 2px solid #F15832; display: inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; text-align: center;} .lina-link-library .plus:hover { color: #FFF; background-color: #F15832; } .lina-library-map{ grid-column: 2 / 3; grid-row: 2 / 3; margin: 30px;} .lib-subtitle { color: #887E98; font-size: 35px; } /* * membres */ .lina-members { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } .lina-memberarea{ display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } .lina-memberarea-thumb{ background-color: #F7F6F8; text-align: center; height: 350px; position: relative; color: #2E2353; font-family: 'galanoclassicalt-medium' ; font-size: 1.5rem; display: flex; align-items: center; justify-content: center;} .lina-memberarea-thumb svg.pastille{fill: #F15832; } /* * partenaires */ .lina-partners { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } .logo-partner{ width: 100%; height: 250px;} .logo-partner img{max-width: 100%; max-height: 100%; display: block; margin: auto;} .lina-partners h3{ text-align: center; font-family: 'galanogrotesquealt-bold' ; margin: 20px 0; text-transform: uppercase;} /* * extranet les catégories */ .extra-cat-container { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;} .extra-cat { border: solid 2px #F15832; color:#F15832; cursor: pointer;padding: 20px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; display: flex;align-items: center; justify-content: center; text-align: center;} .extra-cat:hover { background-color: #F15832; color:#fff;} .extra-cat.active { background-color: #F15832; color:#fff;} .puce-extra-40, .puce-extra-39, .puce-extra-41, .puce-extra-38{ width: 26px; height: 13px; background: #22A0B2; position: absolute; top: -10px; margin-left: 0px; } .puce-extra-40{ left: 30%; transform: translateX(-70%);-webkit-transform: translateX(-70%);-moz-transform: translateX(-70%);-o-transform: translateX(-70%);} .puce-extra-39{ left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);} .puce-extra-41{ left: 70%; transform: translateX(-30%);-webkit-transform: translateX(-30%);-moz-transform: translateX(-30%);-o-transform: translateX(-30%);} .puce-extra-38{ left: 90%; transform: translateX(-10%);-webkit-transform: translateX(-10%);-moz-transform: translateX(-10%);-o-transform: translateX(-10%);} .extra-subcat-container { background-color: #22A0B2; color:#A7D9E0; margin-top:20px; display:none; padding: 20px; position: relative;} .extra-subcat-container.active { display: block;} .extra-subcat { display: inline-block; padding: 0 10px; cursor: pointer;} .extra-subcat:first-child { padding-left: 0;} .extra-subcat:last-child { } .extra-subcat.active {color:#fff; } .extra-list { background-color:#FCC746; padding: 25px; margin-top:25px; position: relative; } .extra-cat-line { border-bottom:solid 2px #2E2353; grid-column: 1 / 5; align-self: end; text-transform: uppercase; font-family: 'galanogrotesquealt-bold'; font-size: 0.8rem; padding-bottom: 10px;} .extra-cat-line a { color: #2E2353;} .extra-cat-question { border:solid 2px #000; grid-column: 5/6; padding:10px; text-transform: uppercase; font-family: 'galanogrotesquealt-bold'; font-size: 0.8rem; text-align: center; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} a .extra-cat-question { color: #2E2353;} .extra-cat-question:hover { border:solid 2px #2E2353; background-color: #2E2353; color: #FFF;} /* * extranet formulaire de contact */ #fancybox-wrap{ width: 50% !important; left: 50% !important; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%); } #fancybox-content{ width: 100% !important;} .lina-contact-grid-formulaire{ display: grid; grid-template-columns: 1fr; grid-row-gap: 10px; width: 100%;} .lina-contact-grid-formulaire input, .lina-contact-grid-formulaire textarea, .lina-contact-grid-formulaire select{ width: 100%; box-sizing: border-box; margin: 0; padding: 10px 20px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none;-o-appearance: none;border-radius: 0; box-shadow:none; border: none; font-family: 'galanoclassicalt-regular' ; color: #2E2353 ; background-color: #FFF;} .lina-contact-subject{ position: relative;} .lina-contact-subject:after { font-family: 'icomoon'; content: "\e90c"; font-size: 20px; position: absolute; top: 8px; right: 10px; color: #434B67; pointer-events: none; color: #F15832; } #fancybox-outer{ box-shadow: none !important; background: none!important; } #fancybox-content{ background: none !important; } .lina-contact-submit input{ background: #2E2353; border: 2px solid #F15832; color: #F15832; text-transform: uppercase; font-family: 'galanogrotesquealt-bold'; font-size: 0.8rem; cursor: pointer;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} .lina-contact-submit input:hover{ color: #2E2353; background: #F15832;} ::-webkit-input-placeholder { color: #999999; font-family: 'galanoclassicalt-regular' ;} ::-moz-placeholder { color: #999999; font-family: 'galanoclassicalt-regular' ;} :-ms-input-placeholder { color: #999999; font-family: 'galanoclassicalt-regular' ;} :-moz-placeholder { color: #999999; text-transform: uppercase; font-family: 'galanogrotesquealt-bold'; } .lina-contact-file input { color: #F15832; opacity:1; padding: 0;} input[type="file"]::-webkit-file-upload-button { background: #F15832; color: #FFF; padding: 10px 20px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none;-o-appearance: none;border-radius: 0; box-shadow:none; border: none; } .wpcf7-not-valid-tip{ color: #F15832 !important; font-size: 0.8rem !important; font-family: 'galanoclassicalt-regular' ; padding-left: 20px; padding-top: 10px;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ border: 2px solid #F15832 !important; color: #F15832;} .wpcf7 form .wpcf7-response-output{ margin: 0 !important; text-align: center;} .wpcf7 form.sent .wpcf7-response-output{ color: #46b450;} /* * extranet le contenu */ .extra-search { margin-bottom:10px; display: grid; grid-template-columns: auto 80px;} .st0-loupe{fill:#2E2353;} .st1-loupe{fill:none; stroke:#FFFFFF; stroke-width:2.3169; stroke-miterlimit:10;} .extra-search input{ padding: 20px; margin: 0; } .extra-search button{ border: none; width: 80px; height: 53px; padding: 0; margin: 0; cursor: pointer; } .extra-search button .loupe{width: 80px; height: 53px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; } .extra-search button .loupe:hover .st1-loupe{ stroke: #F15832; } .extra-grid{ margin-top: 20px;} .extra-grid .noresult{ margin: 0;} .extra-more {grid-column: 2 / 3; grid-row: 2 / 3; } .extra-thumb { width:33.333%; padding:10px; } .extra-thumb-content{ background-color: #FFF; padding:25px; cursor: pointer; } .extra-thumb-info{ } .extra-thumb-title{font-family: 'galanogrotesquealt-bold' ; font-size: 1.53em; margin-bottom: 30px; margin-top: 50px; } .extra-thumb-resume{ } .extra-thumb-read-more{ } .extra-thumb a.plus{ color: #F15832; padding: 5px 20px; border: 2px solid #F15832; display: inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; cursor: pointer; margin-top: 30px; align-self: flex-end;} .extra-thumb a.plus:hover { color: #FFF; background-color: #F15832; } .extra-single { display: none;background-color:#FCC746;; padding: 25px; margin-top:25px;} .extra-single > div { background-color: #fff; padding:25px; } .extra-single-loading { text-align: center;} #btLoadMore{display: inline-block; position: relative; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%); border: none; padding: 15px 20px; background-color: #2E2353; color: #FFF; margin: 0; font-family: 'galanogrotesquealt-bold' ; text-transform: uppercase; font-size: 0.8rem; cursor: pointer; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; margin-top: 10px;} #btLoadMore:hover{color: #F15832;} #btBackToList{border: none; padding: 15px 20px; background-color: #2E2353; color: #FFF; margin: 0; font-family: 'galanogrotesquealt-bold' ; text-transform: uppercase; font-size: 0.8rem; cursor: pointer; margin-bottom: 25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; } #btBackToList:hover{color: #F15832;} .extra-calendar { background-color: #2E2353; color:#fff; } .extra-calendar-title { padding:10px 25px; border-bottom:solid 1px #fff; } .extra-calendar-content { padding:10px 25px; padding-bottom: 25px; } .extra-calendar-item { margin-top:10px; } .extra-calendar-item-title {} .extra-calendar-item-date { opacity: 0.8;font-size: 0.9em;} textarea{ border: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0; width: 100%; } .lina-comment { margin-top: 20px;} .lina-comment .comment { margin-bottom:20px; background-color: #F7F6F8; padding: 20px; } .comment-reply-title { display:none; } .logged-in-as { margin-bottom: 10px;} .comment-form-comment label { display:none; } .comment-form-comment textarea { width:100%; resize: vertical; border: 2px solid #2E2353; } .form-submit { text-align:right; margin-top:10px; } .form-submit #submit { padding:10px 20px ;background-color: #2E2353; color:#fff; cursor:pointer; } .lina-comment .reply { display: none; } .lina-comment .comment header { color: #ABA7BA; font-size:0.8em; } .lina-footer { gap:15px; } .lina-social-links { margin-top: 15px; } .col.newletters { flex:1 0 33%; } .logo-region { display:flex; flex-direction:row; } .logo-region > div { flex : 1; } .logo-region > div > img { max-width : 100%; } /* * extranet login */ #loginform{padding: 30px;background-color: #F7F6F8; text-align: center;} #loginform label{display: none;} #loginform .login-remember { display: none;} #loginform input{ margin-bottom: 10px;} .login-username input, .login-password input{ width: 100%; box-sizing: border-box; margin: 0; padding: 10px 20px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none;-o-appearance: none;border-radius: 0; box-shadow:none; border: none; font-family: 'galanoclassicalt-regular' ; color: #2E2353 ; } #wp-submit{ background: #2E2353; border: 2px solid #F15832; color: #F15832; text-transform: uppercase; font-family: 'galanogrotesquealt-bold'; font-size: 0.8rem; cursor: pointer;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; } #wp-submit:hover{ color: #2E2353; background: #F15832;} #rememberme{ } /* modifs adrien janvier 2023 */ .couvertures { display: flex; justify-content: center; gap:30px; margin:60px 0; } .couv-item { width: 25%; } .couv-img { width: 100%; margin-bottom: 10px; } .couv-title { text-align: center; font-weight:bold; margin: 3px 0; } .couv-author { text-align: center; font-weight:bold; margin: 3px 0; } .couv-prix { color: #887E98; text-align: center; margin: 3px 0; } .couv-link { background-color: #F15832; display: block; color:#fff; text-align: center; padding:10px; margin-top:10px; } .flex-button { margin:60px 0; display: flex; justify-content: center; } .flex-button a { background-color: #F15832; display: block; color:#fff; text-align: center; padding:10px; width: 33%; } @media all and (max-width : 767px){ .couvertures { flex-direction: column; } .couv-item { width: unset; } .flex-button a { width: 100%; } } /***** submenu ****/ .lina-menu li { position: relative; } ul.subm { position: absolute; margin-top: 9px; z-index: 100; background-color: #fff; width: 100%; display: none; } .lina-menu > li:hover > ul.subm { display: block; } ul.subm > li { border: solid 2px #2E2353; margin-top: -2px; } ul.subm > li > a { text-align: left; display: block; padding: 5px 10px; color: #2E2353; } ul.subm > li:hover > a { color:#F15832; } h2 { scroll-padding-top: 100px; } .lina-header .lina-menu{ width: 100%; margin: 0 auto; padding: 0; text-align: center; text-transform: uppercase; font-family: "pilatcompressed-demibold","pilatcompressed",Times New Roman,Times,serif; border: 0; padding-bottom: 0; background-color: #f7f6f8; display: inline-flex; align-items: center; } /* Force inline des items malgré .row/.col */ .lina-header .lina-menu > li{ float: none !important; width: auto !important; padding: 0; margin: 0; border-bottom: 0; font-size: 0.9506em; } /* liens du menu */ .lina-header .lina-menu > li > a{ padding: 10px 20px; font-size: 1.3em; line-height: 1.1; color: #2E2353; text-decoration: none; display: block; border: 0; transition: color .2s ease, background-color .2s ease; } .lina-header .lina-menu > li > a:hover{ color: #F15832; } /* actif */ .lina-header .lina-menu > li.active > a{ color: #F15832; } /* Séparateur "/" */ .lina-header .lina-menu > li.borderless{ padding: 0 6px; color: #887E98; } /* Icomoon icons */ .lina-header .lina-menu > li > a [class^="icon-"], .lina-header .lina-menu > li > a [class*=" icon-"]{ font-size: 16px; margin-right: 6px; position: relative; bottom: 0; padding-right: 0; /* on neutralise ton padding-right global si besoin */ } /* Dropdown subm façon ePagine */ .lina-header .lina-menu > li{ position: relative; } .lina-header .lina-menu > li > ul.subm{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 220px; width: max-content; max-width: 90vw; margin-top: 8px; padding: 8px 0; display: none; background: #fff; border: 1px solid #d0d0d0; border-radius: 7px; box-shadow: 0 1px 4px rgba(0,0,0,.15); z-index: 1000; } .lina-header .lina-menu > li:hover > ul.subm{ display: block; } .lina-header .lina-menu > li > ul.subm > li{ display: block; margin: 0; border: 0; } .lina-header .lina-menu > li > ul.subm > li > a{ display: block; padding: 10px 16px; text-align: left; font-size: 14px; font-family: "galanoclassicalt-regular","galanoclassicalt",Times New Roman,Times,serif; text-transform: none; font-weight: normal; color: #2E2353; white-space: nowrap; } .lina-header .lina-menu > li > ul.subm > li > a:hover{ color: #F15832; background: rgba(241,88,50,.08); } /* Fix .row/.col paddings */ .lina-header .lina-menu.row{ margin-left: 0 !important; margin-right: 0 !important; } .lina-header .lina-menu.row > [class*="col"]{ padding-left: 0 !important; padding-right: 0 !important; } /* AVANT-DERNIER ITEM (orange) */ .lina-header .lina-menu.hide-small > li:nth-last-child(2){ margin-left: auto; /* pousse les 2 derniers à droite */ background: #F15832; } .lina-header .lina-menu.hide-small > li:nth-last-child(2) > a{ color: #fff !important; } .lina-header .lina-menu.hide-small > li:nth-last-child(2):hover{ background: rgba(241,88,50,.6); } /* DERNIER ITEM (violet) */ .lina-header .lina-menu.hide-small > li:last-child{ background: #2E2353; } .lina-header .lina-menu.hide-small > li:last-child > a{ color: #fff !important; } .lina-header .lina-menu.hide-small > li:last-child:hover{ background: rgba(46,35,83,.6); } /* Responsive : cache le menu desktop, laisse ton responsive-menu gérer */ @media (max-width: 767px){ .lina-header .lina-menu.row.hide-small{ display: none !important; } } /* ----------------------------------------------------------- 4) Bonus : si ton header "colle" trop au menu ----------------------------------------------------------- */ .lina-header .tetiere-content{ margin-bottom: 0; } /* spacing icônes */ .mr-005 { margin-right: 5px !important; } .ml-005 { margin-left: 5px !important; } /* alignement propre comme ePagine */ /* taille icône FA identique démo */ .lina-menu i.fa-light{ position: relative; width: 1.25em; } .pull-right { float: right !important; } /************************************************************* * MENU DESKTOP (ul.lina-menu.hide-small) – look ePagine * À coller EN FIN de style.css *************************************************************/ /* Helpers (tu les utilises déjà) */ .mr-005 { margin-right: 5px !important; } .ml-005 { margin-left: 5px !important; } .pull-right { float: right !important; } /* Conteneur menu desktop */ .lina-header ul.lina-menu.hide-small{ width: 100%; margin: 0; padding: 0; background: #f7f6f8; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; text-align: center; text-transform: uppercase; font-family: "pilatcompressed-demibold","pilatcompressed",Times New Roman,Times,serif; /* on neutralise tes anciens styles */ border: 0 !important; padding-bottom: 0 !important; } /* Items */ .lina-header ul.lina-menu.hide-small > li{ position: relative; display: inline-flex; align-items: center; margin: 0; padding: 0; border: 0 !important; /* kill border-bottom legacy */ font-size: 0.95em; /* base, le porte la taille */ } /* Liens */ .lina-header ul.lina-menu.hide-small > li > a{ display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; line-height: 1.1; font-size: 1.3em; font-weight: 700; color: #2E2353; text-decoration: none; transition: color .2s ease, background-color .2s ease; } .lina-header ul.lina-menu.hide-small > li > a:hover{ color: #F15832; } /* Active */ .lina-header ul.lina-menu.hide-small > li.active > a{ color: #F15832; } /* Icônes FontAwesome */ .lina-header ul.lina-menu.hide-small i{ width: 1.25em; text-align: center; position: relative; top: 1px; } /* Chevron "Rayons" à droite */ .lina-header ul.lina-menu.hide-small > li:first-child > a{ gap: 10px; } .lina-header ul.lina-menu.hide-small > li:first-child i.pull-right{ margin-left: 8px; } /* ----------------------------------------------------------- Dropdown (.subm) façon ePagine ----------------------------------------------------------- */ /* ton HTML : sort