[(#REM) Note: l'entete "Vary:" sert a repousser l'entete par defaut "Vary: Cookie,Accept-Encoding", qui est (un peu) genant en cas de "rotation du cookie de session" apres un changement d'IP (effet de clignotement). ATTENTION: il faut absolument le charset sinon Firefox croit que c'est du text/html ! <style> ] #CACHE{24*3600,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} #SET{c_triadea,(#CONFIG{soyezcreateurs_couleurs/triadea,#be1621})} #SET{c_triadeb,(#CONFIG{soyezcreateurs_couleurs/triadeb,#129b9b})} #SET{c_triadec,(#CONFIG{soyezcreateurs_couleurs/triadec,#c38f06})} #SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#ffffff})} #SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})} #SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#eceded})} #SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})} #SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#262626})} #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff})} #SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#595959})} #SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#ffffff})} #SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})} #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})} #SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})} #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})} #SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})} #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})} #SET{c_datemajsite,(#CONFIG{soyezcreateurs_couleurs/datemajsite,#595959})} #SET{c_datemajsite_bk,(#CONFIG{soyezcreateurs_couleurs/datemajsite_bk,#ffffff})} #SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#005e7a})} #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#ffffff})} #SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})} #SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#0b7899})} #SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#ffffff})} #SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#0b7899})} #SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#ffffff})} #SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#0b7899})} #SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})} #SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})} #SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#005e7a})} #SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#f6f6f6})} #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})} #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})} #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})} #SET{LargeurMilieu,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|div{2})} [(#CONFIG{soyezcreateurs_layout/navigationaccueilcognac,masque}|=={masque}|oui) #shadow, #maincontent { display: block; } #maincontent { margin: 0; padding: 0; } @media screen and (min-width: [(#GET{LargeurContaineur})]px) { #maincontent { padding: [(#CONFIG{soyezcreateurs_layout/aff_logoaccueil,on}|=={on}|?{3em,0})] 0 3em; backdrop-filter: blur(10px); } } #miettesdepain, .boutonstexte {display: none; } ] #cognac_content { display: grid; row-gap: 5em; grid-template-columns: minmax(0, 1fr); /* Bug slick : cf https://github.com/kenwheeler/slick/issues/3415 */ } div#content { width: 100%; } .portailcognac .boutonstexte { right: 0; } iframe { width: 100%; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } :focus { outline: none; } select { cursor: pointer; } .spip_logo { max-width: 100%; } .ariaformprop { padding: 0; margin: 0; position: relative; z-index: 99; background-color: white; font-size: 80%; } .ajaxbloc { height: 100%; } .row { margin-right: auto; margin-left: auto; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } .vertical > li { display: block; vertical-align: middle; } .hide { display: none; } .sans-border { border: 0; } .avec-border { border: 1px solid #aaa; } .avec-border-top { border-top: 1px solid #aaa; } .avec-border-bottom { border-bottom: 1px solid #aaa; } .avec-border-left { border-left: 1px solid #aaa; } .sans-margin { margin: 0; } .avec-margin { margin: 1.5em; } .avec-margin-top { margin-top: 1.5em; } .avec-margin-right { margin-right: 1.5em; } .avec-margin-bottom { margin-bottom: 1.5em; } .avec-margin-bottom05 { margin-bottom: .5em; } .avec-margin-bottom015 { margin-bottom: .15em; } .avec-margin-left { margin-left: 1.5em; } @media screen and (min-width: 40em) { .avec-margin-bottom-for-medium { margin-bottom: 1.5em; } } .sans-padding { padding: 0; } @media screen and (max-width: 40em) { .sans-padding-for-small { padding: 0; } } .avec-padding { padding: 1em; } .avec-padding05 { padding: .5em; } .avec-padding-top { padding-top: 1em; } .avec-padding-top05 { padding-top: .5em; } .avec-padding-top15 { padding-top: 1.5em; } .avec-padding-right { padding-right: 1em; } .avec-padding-right05 { padding-right: .5em; } .avec-padding-bottom { padding-bottom: 1em; } .avec-padding-left { padding-left: 1em; } .avec-padding-leftright { display: block; padding-right: 1em; padding-left: 1em; } .display-block { display: block; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .font-style-italic { font-style: italic; } .position-relative { position: relative; } .float-left { float: left ; } .float-right { float: right ; } .float-center { display: table; margin-right: auto ; margin-left: auto ; } .z-index-999 { z-index: 999; } .cursor-pointer { cursor: pointer; } .portailcognac #letexte { display: none; } .portailcognac #content { padding: 0; background-color: transparent; } .portailcognac #contenu { max-width: 100%; width: 100%; margin-top :0; } .portailcognac #contenu #content { max-width: 100%; width: 100%; margin: 0; padding: 0; } #contenu #content img { padding: 0; } #projets { margin: 0; padding: 0; display: flex; flex-flow: wrap; justify-content: center; [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|non) row-gap: 3em;] } #projets .projet { background-color: #GET{c_triadeb}; [ color: #(#GET{c_triadeb}|textebrut|couleur_extreme|couleur_inverser);] } #projets .projet:hover, #projets .projet:focus { [background-color: rgba((#GET{c_triadeb}|textebrut|sc_rgb), 0.2);] } #projets a, #projets .h2 { color: inherit; height: 100%; } .portailcognac #content .h2 { color: inherit; position: relative; } @media only screen and (min-width: 768px) { #projets .projet { [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|oui) width: 50%; ] [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par3}|oui) width: 25%; margin-left: 4%; margin-right: 4%; ] } } .content-projets { height: 100%; } #projets a { display: flex; flex-direction: row; align-content: center; min-height: [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|?{20vw,5vw})]; border: none; } #projets a:hover { color: #333; } #projets .h2 { font-size: [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|?{3vw,2vw})]; width: 100%; margin: auto; padding: 0 10px; align-self: center; color: inherit; font-weight: 300; text-align: center; margin-bottom: .5em; height: calc(100% - .5em); } #projets .suite { color: #FFF; background-color: rgba(100, 100, 100, 0.5) ; display: flex; height: auto; padding: 0 25px; } #projets .suite .svg-icon { margin: auto; align-self: center; font-size: 0; font-size: 3rem; } @media only screen and (max-width:[(#GET{LargeurContaineur})]px) { #projets .h2 { font-size: 1.2rem; } #projets .projet { width: 46%; margin-left: 2%; margin-right: 2%; } } @media only screen and (max-width: 1023px) { #projets .h2 { font-size: 36px; } } @media only screen and (max-width: 767px) { #projets { display: block; padding: 0; } #projets .projet { width: 100%; padding: 0; margin: 0; } #projets .h2 { font-size: 2rem; } } @media only screen and (max-width: 639px) { #projets .projet a { height: auto; } #projets .h2 { padding: 1rem; font-size: 1.8rem; } #projets .suite { padding: 0 15px; } #projets .suite .icon { font-size: 0; } } .hasJS .slider:not(:first-child) { display:none; } .hasJS .slick-initialized .slider:not(:first-child) { display:block; } .slick-slider.slick-dotted { margin-bottom: 30px;; } .slider-pratique { margin: 0 4rem; } #cycloshow .slick-prev, #cycloshow .slick-next, .slider-pratique .slick-prev, .slider-pratique .slick-next { width: 60px; height: 70px; font-size: 3.5rem; opacity: 1; color: #GET{c_triadea}; filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); } #cycloshow .slick-prev, #cycloshow .slick-next { color: #FFF; } .slider-pratique .slick-prev { left: -60px; } .slick-prev:before, .slick-next:before { content: ""; } .slider-pratique .slick-next { right: -60px; } .slider-pratique .slick-prev:hover, .slider-pratique .slick-prev:focus, .slider-pratique .slick-next:hover, .slider-pratique .slick-next:focus { opacity: 1; color: #333 ; } .slider-pratique button:hover, .slider-pratique button:focus { background-color: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: rgba(48,48,48,0.5); border-color: #000; } .slick-list { padding-bottom: 1rem; } .slider-pratique .content-pratique { display: block !important; background-color: #GET{c_triadeb}; width: 280px !important; margin: 0 auto; -webkit-transition: all .25s ease; transition: all .25s ease; } .slider-pratique .content-pratique:hover, .slider-pratique .content-pratique:focus-within { background-color: rgba(18, 155, 155, 0.2) ; -webkit-transition: all .25s ease; transition: all .25s ease; } .portailcognac #content .slider-pratique .content-pratique a { color: [#(#GET{c_triadeb}|couleur_extreme|couleur_inverser)]; } .portailcognac #content .slider-pratique .content-pratique a:hover, .portailcognac #content .slider-pratique .content-pratique a:focus { color: #GET{c_triadeb}; } .portailcognac #content .slider-pratique .content-pratique .h2 { color: inherit; } .slider-pratique .h2 { display: flex; height: 150px; margin: 1.5em 0 0 0; padding-bottom: 90px; font-family: 'Open Sans', sans-serif ; font-size: 26px; font-weight: 300; text-align: right; border-bottom: none; } .slider-pratique .h2 .titre-pratique { width: 100%; align-self: center; padding: 10px; text-align: right; border-right: 1px solid; } .slider-pratique .h2 .svg-icon { align-self: center; padding: 7px 15px 7px 7px; font-size: 4rem; } @media only screen and (max-width: 400px) { .slider-pratique { margin: 0 2.8rem; } .slider-pratique .content-pratique { width: 240px !important; } .slider-pratique .h2 { height: 130px; padding-bottom: 0; font-size: 21px; } } #content .titre-sommaire h1 { display: block; background-color: #GET{c_titraille_bk}; max-width: [(#GET{LargeurContaineur}|moins{40})]px; margin: 0; padding: .5em .8em .5em; color: #GET{c_titraille}; font-size: 2rem; line-height: 1em; } @media screen and (min-width: [(#GET{LargeurContaineur})]px) { #content .titre-sommaire h1 { margin: 0 auto .5em auto; border-left: 1px solid #GET{c_titraille}; } #content .titre-sommaire:before { content: ""; display: block; background-color: #GET{c_titraille}; width: 100%; height: 1px; top: 2.1em; position: relative; z-index: -1; } } @media screen and (max-width: 1178px) { #content .titre-sommaire h1 { border-left: none; } } .slick-slider { margin-bottom: 0; } .slider-slick img { width: 100%; } .slick-slide img { margin: 0 auto; } .slick-slide .row { max-width: none; } @media only screen and (max-width: 767px) { #liens-diaporama { top: auto; bottom: 1rem; } #liens-diaporama ul { width: 100%; margin: 0; } #liens-diaporama li a { } } .bg-iframe { position: relative; overflow: hidden; width: 100vw; height: 100vh; } .bg-video__iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .slider-slick .bg-video { aspect-ratio : 320 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]; position: relative; } .bg-video__iframe { width: 100vw; height: 100vh; } @media only screen and (min-width: 640px) { .slider-slick .bg-video { aspect-ratio : 640 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]; } .bg-video__iframe { width: 100vw; height: 100vh; } } @media only screen and (min-width: 1024px) { .slider-slick .bg-video { aspect-ratio : 1024 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]; } .bg-video__iframe { width: 100vw; height: 100vh; } } [(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|<{1160}|oui) @media only screen and (min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px) { .slider-slick .bg-video { aspect-ratio : #CONFIG{soyezcreateurs_layout/largeurconteneur,960} / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})]; } .bg-video__iframe { width: 100vw; height: 100vh; } } ]] @media only screen and (min-width: 1160px) { .slider-slick .bg-video { aspect-ratio : 1920 / #CONFIG{soyezcreateurs/hauteur_slider,580}; } .bg-video__iframe { width: 100vw; height: 177.78vh; } } .slider-slick .bg-video video { overflow: hidden; position: absolute; width: 100%; height: 100%; object-fit: cover; } #lesprojets .titre-sommaire { display: none; } .VideoALaUne figcaption { display: none; } .VideoALaUne .spip_documents.spip_documents_center { margin-bottom: 0; } .VideoALaUne .spip_documents .oembed { background: transparent; padding: 0px; max-width: 100%!important; border: none; } #liens-diaporama { position: absolute; top: 100px; right: 0; z-index: 1; } #liens-diaporama ul { width: 220px; text-align: right; } @media only screen and (max-width: 767px) { #liens-diaporama { z-index: 0; top: auto; } #liens-diaporama ul { display: flex; width: 100%; flex-wrap: wrap; } #liens-diaporama li { padding: 0; width: 100%; } #liens-diaporama li a span { padding: .25em 0; } } #liens-diaporama li { /* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */ background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.75); } #diaporama .liste_auteurs { text-align: left; padding: 0 1em; } #diaporama .datepublication, #cycloshow .datepublication { float: none; background-color : transparent; color: inherit; } #liens-diaporama li a { display: flex; font-size: 1.2em; color: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header},#GET{c_header_bk}})]; justify-content: flex-end; line-height: 1 ; align-items: center; } #liens-diaporama li a span { padding: .5em .25em .5em .5em; } @media only screen and (max-width: 767px) { #liens-diaporama li a span { padding: .25em .5em; } } #liens-diaporama li a .svg-icon { margin-left: .55rem; padding: .85rem .5rem; border-left: 1px solid; border-left-color: inherit; font-size: 4rem; } #liens-diaporama li a:hover { color: #666 ; } .slick-slide img { margin: 0 auto; } .slick-slide .row { max-width: none; } #content img { padding: 0; } .clearfix:after, .grid:after { content: ''; display: block; clear: both; } #editotexte { max-width: [(#GET{LargeurContaineur}|moins{44})]px; margin: 0 auto; padding: 1em 2em; color: #GET{c_container}; background-color: #GET{c_container_bk}; [(#CONFIG{soyezcreateurs_couleurs/transparencecontent,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencecontent,1});] } #content #edito .titre-sommaire h1 { margin-bottom: 0; } img.editologo { max-width: [(#GET{LargeurContaineur})]px; margin: 0 auto; display: block; } /* gestion block texte sur slider : CycloShow */ #cycloshow { position: relative; [(#CONFIG{soyezcreateurs/variante_bloccycloshow,contenu}|=={contenu}|?{ width: #GET{LargeurContaineur}px;,100%;})] margin: 0 auto; } @media only screen and (max-width:[(#GET{LargeurContaineur})]px) { #cycloshow { width: 100%; } } .slider-diapo-imgfull { position: relative; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } .slider-content.desc-gauche { position: absolute; display: flex; flex-direction: column; justify-content: center; background-color: rgba(152, 152, 152, 0.7); top: 0; bottom: 0; left: 8%; width: 27%; padding: 1.75em !important; } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { #liens-diaporama li, .slider-content.desc-gauche { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } #content .slider-diapo-imgfull a { color: #GET{c_triadec}; } #content .slider-content.desc-gauche h2 { margin: 0 0 1em 0; padding: 0; color: inherit; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 2.15em; line-height: 1.15em; text-align: left; } #content .slider-diapo-imgfull a:hover, #content .slider-diapo-imgfull a:focus { color: [#(#GET{c_triadec}|couleur_extreme)]; text-shadow: 1px 1px black; } .slider-content.desc-gauche p { font-size: 1.25em; color: white; line-height: 1.35; } @media screen and (max-width: 100em) { .slider-content.desc-gauche h2 { margin: 0 0 .5em; font-size: 1.75em; } .slider-content.desc-gauche p { font-size: 1.1em; } } @media screen and (max-width: 80em) { .slider-content.desc-gauche { left: 0; right: 0; top: 66%; width: 100%; padding: 1em !important; } #content .slider-content.desc-gauche h2 { margin: 0 0 .25em; font-size: 1.2em; border-bottom: none; } .slider-content.desc-gauche p { font-size: 1em; } } @media screen and (max-width: 410px) { .slider-content.desc-gauche { left: 0; width: 100%; } } .largeurcontrainte { max-width: [(#GET{LargeurContaineur}|moins{40})]px; margin: 0 auto; text-align: center; } .zone-actus .row { max-width: #GET{LargeurContaineur}px; margin: 0 auto; padding-left: 20px; padding-right: 20px; text-align: center; } <BOUCLE_CouleursRubriques(MOTS){type=_CouleurRubrique}{par id_mot}> #projets .couleurrubrique#ID_MOT { [background-color: #(#TEXTE|textebrut);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] } #projets .couleurrubrique#ID_MOT:hover, #projets .couleurrubrique#ID_MOT:focus { [background-color: rgba((#TEXTE|textebrut|sc_rgb), 0.2);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] } </BOUCLE_CouleursRubriques> [(#PLUGIN{lesscss}|oui) [(#CHEMIN{images/stylesportailcognac_perso.less.html}|?{'/* Surcharge eventuelle */'}) [(#PRODUIRE{fond=images/stylesportailcognac_perso.less,format=less} |supprimer_timestamp |appliquer_filtre{less_css} |file_get_contents ) #SET{lessdone,1} ] ] ] [(#GET{lessdone}|non) [(#CHEMIN{images/stylesportailcognac_perso.css}|?{'/* Surcharge eventuelle */'}) [(#INCLURE{#CHEMIN{images/stylesportailcognac_perso.css}|url_absolue_css}|compacte{css})] ] ]