diff --git a/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html b/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html index 28a2fb2011412e4c833b0fe1a6e25ff26b86cf4b..4d1f749173501077ef1a97ee2d66accec487d58d 100644 --- a/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html +++ b/noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html @@ -1,207 +1,207 @@ -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|oui) - <header class="titre-sommaire"> - <h1><span>[(#CONFIG{soyezcreateurs/texte_quoi2neuf}|sinon{<:soyezcreateurs:quoideneuf:>})]</span></h1> - </header> - <div class="row"> - <div class="grid"> - <div class="grid-sizer"></div> - <div class="gutter-sizer"></div> -#SET{blocouvert,oui}] - <B_articles_recentsAlaUne> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non) - <header class="titre-sommaire"> - <h1><span>[(#CONFIG{soyezcreateurs/texte_alaune}|sinon{<:soyezcreateurs:alaune:>})]</span></h1> - </header> - <div class="row"> - <div class="grid"> - <div class="grid-sizer"></div> - <div class="gutter-sizer"></div> -#SET{blocouvert,oui}] - <BOUCLE_articles_recentsAlaUne(ARTICLES){lang}{!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_alanune,4})}{doublons}{titre_mot=AlaUne}{!archive}> - [(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|non) - [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})] - [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})] - [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})] - #SET{facteur,''}#SET{largeur,308} - [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})] - [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,969}})] - ] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={1}|?{#SET{facteur,''}#SET{largeur,308}})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] - <div class="grid-item[ grid-item-x(#GET{facteur})]"> - <div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreealaune(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriquealaune(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriquealaune></BOUCLE_RubriqueColoreealaune>"> - <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> - [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] - <div class="h2" tabindex="-1"> - <svg class="svg-icon alaune"[ title="(#CONFIG{soyezcreateurs/texte_alaune}|sinon{<:soyezcreateurs:alaune:>}|supprimer_tags|attribut_html)"]><use xlink:href="#icon-star-full"></use></svg> - <span class="titre-actus">#TITRE</span> - <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg> - </div> - </a> - </div> - </div> - </BOUCLE_articles_recentsAlaUne> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) - </div> - </div> -#SET{blocouvert,''}] - </B_articles_recentsAlaUne> - <B_Breves> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) - <header class="titre-sommaire"> - <h1><span>[(#CONFIG{soyezcreateurs/texte_breves}|sinon{<:breves:breves:>})]</span></h1> - </header> - <div class="row"> - <div class="grid"> - <div class="grid-sizer"></div> - <div class="gutter-sizer"></div> -#SET{blocouvert,oui}] - <BOUCLE_Breves(BREVES?){!par date}{age<120}{lang}> - [(#SET{logo,[(#LOGO_BREVE_SURVOL|sinon{#LOGO_BREVE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|non) - [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})] - [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})] - [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})] - #SET{facteur,''}#SET{largeur,308} - [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})] - [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,969}})] - ] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={1}|?{#SET{facteur,''}#SET{largeur,308}})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] - <div class="grid-item[ grid-item-x(#GET{facteur})]"> - <div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreeBreve(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueBreve(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueBreve></BOUCLE_RubriqueColoreeBreve>"> - <a href="#URL_BREVE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> - [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] - <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span> - <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div> - </a> - </div> - </div> - </BOUCLE_Breves> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) - </div> - </div> -#SET{blocouvert,''}] - </B_Breves> - <B_AgendaDerniersAjouts> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) - <header class="titre-sommaire"> - <h1><span>[(#CONFIG{soyezcreateurs/texte_agenda}|sinon{<:soyezcreateurs:agenda:>})]</span></h1> - </header> - <div class="row"> - <div class="grid"> - <div class="grid-sizer"></div> - <div class="gutter-sizer"></div> -#SET{blocouvert,oui}] - <div class="grid-item[ (#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{grid-item-demie})]"> - <BOUCLE_AgendaDerniersAjouts(EVENEMENTS) - {par date_debut} - {0,(#CONFIG{soyezcreateurs/nombres_agenda_accueil,#CONFIG{soyezcreateurs/nombres_agenda,5}})} - {date_fin>=(#ENV{date}|affdate{'Y-m-d'})} - {statut=publie} - {doublons} - {lang} - > - <BOUCLE_DernierEvenementArticle(ARTICLES){id_article}> - <div class="content-actus #EDIT{titre}<BOUCLE_RubriqueColoreeactus(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueactus(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueactus></BOUCLE_RubriqueColoreeactus>"> - <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> - [<img src="(#LOGO_EVENEMENT_NORMAL|sinon{#LOGO_ARTICLE_SURVOL}|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{308,[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]}|extraire_attribut{src})" alt="" width="308" height="[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]" />] - <div class="agenda flexbox-flex"> - <div class="date debutfin[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[ (#HORAIRE|=={oui}|?{horaires,[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui|?{journees,journee})]})]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|non)journee]" itemscope itemtype="https://schema.org/Event"> - <time class="debut ladate" itemprop="startDate" title="#_AgendaDerniersAjouts:DATE_DEBUT" datetime="#_AgendaDerniersAjouts:DATE_DEBUT"> - <span class="dateNombre"><strong>[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{d})]</strong>/[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{m})]</span> - <span class="annee display-block">[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Y})]</span> - </time>[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui) - <time class="fin ladate" itemprop="endDate" title="#_AgendaDerniersAjouts:DATE_FIN" datetime="#_AgendaDerniersAjouts:DATE_FIN"> - <span class="dateNombre"><strong>[(#_AgendaDerniersAjouts:DATE_FIN|affdate{d})]</strong>/[(#_AgendaDerniersAjouts:DATE_FIN|affdate{m})]</span> - <span class="annee display-block">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{Y})]</span> - </time>]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[(#HORAIRE|=={oui}|oui)[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|=={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui) - <time class="fin ladate"> - <span class="dateNombre"><strong>[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{H:i})]</strong></span>[(#_AgendaDerniersAjouts:DATE_DEBUT|!={#_AgendaDerniersAjouts:DATE_FIN}|oui) - <span class="dateNombre display-block">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{H:i})]</span>] - </time>]]] - </div> - <div class="h2" tabindex="-1"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[ : (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span> - <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div> - </div> - </a> - </div> - </BOUCLE_DernierEvenementArticle> - [(#COMPTEUR_BOUCLE|!={#TOTAL_BOUCLE}|oui) - [(#COMPTEUR_BOUCLE|alterner{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|match{^1}|?{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})],''})],[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})]})] - ] - </BOUCLE_AgendaDerniersAjouts> - </div> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) - </div> - </div> -#SET{blocouvert,''}] - </B_AgendaDerniersAjouts> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non)[(#GET{blocouvert}|oui) - </div> - </div> -#SET{blocouvert,''}]] - <BOUCLE_Secteurs_Exclus(RUBRIQUES){titre_mot=SecteurPasDansQuoiDeNeuf}><BOUCLE_Articles_Secteurs_Exclus(ARTICLES){id_secteur}{doublons} /></BOUCLE_Secteurs_Exclus> - <BOUCLE_Rubriques_Exclues(RUBRIQUES){titre_mot=PasDansQuoiDeNeuf}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons}{lang} /></BOUCLE_Rubriques_Exclues> - <BOUCLE_exclus(ARTICLES){titre_mot=PasDansQuoiDeNeuf}{doublons}{lang} /> - <BOUCLE_EvenementsArticlesAExclure(EVENEMENTS)><BOUCLE_DernierEvenementArticleAExclure(ARTICLES){id_article}{doublons}{lang} /></BOUCLE_EvenementsArticlesAExclure> - <B_articles_QuoideNeuf> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non) - <header class="titre-sommaire"> - <h1><span>[(#CONFIG{soyezcreateurs/texte_quoi2neuf}|sinon{<:soyezcreateurs:quoideneuf:>})]</span></h1> - </header> - <div class="row"> - <div class="grid"> - <div class="grid-sizer"></div> - <div class="gutter-sizer"></div> -#SET{blocouvert,oui}] - <BOUCLE_articles_QuoideNeuf(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_quoideneuf,5})}{doublons}{!archive}{lang}> - [(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|non) - [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})] - [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})] - [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})] - #SET{facteur,''}#SET{largeur,308} - [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})] - [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,969}})] - ] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={1}|?{#SET{facteur,''}#SET{largeur,308}})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] - [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] - <div class="grid-item[ grid-item-x(#GET{facteur})]"> - <div class="content-actus quoideneuf #EDIT{titre}<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>"> - <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> - [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] - <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span> - <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div> - </a> - </div> - </div> - </BOUCLE_articles_QuoideNeuf> - <BOUCLE_Article_VideoALaUne(ARTICLES) - {titre_mot=VideoALaUne} - {!archive} - {lang} - {!par date} - {0,1} - > - <div class="grid-item grid-item-autoheight grid-item-x2"> - <div class="content-actus quoideneuf <BOUCLE_RubriqueColoreeVideoALaUne(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueVideoALaUne(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueVideoALaUne></BOUCLE_RubriqueColoreeVideoALaUne>"> - [(#INCLURE{fond=noisettes/sommaire/video_alaune_cognac,largeur=638,hauteur=#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},lang})] - </div> - </div> - </BOUCLE_Article_VideoALaUne> -[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non) - </div> - </div> -#SET{blocouvert,''}] - </B_articles_QuoideNeuf> -[(#GET{blocouvert}|oui) - </div> - </div> -#SET{blocouvert,''}] - +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|oui) + <header class="titre-sommaire"> + <h1><span>[(#CONFIG{soyezcreateurs/texte_quoi2neuf}|sinon{<:soyezcreateurs:quoideneuf:>})]</span></h1> + </header> + <div class="row"> + <div class="grid"> + <div class="grid-sizer"></div> + <div class="gutter-sizer"></div> +#SET{blocouvert,oui}] + <B_articles_recentsAlaUne> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non) + <header class="titre-sommaire"> + <h1><span>[(#CONFIG{soyezcreateurs/texte_alaune}|sinon{<:soyezcreateurs:alaune:>})]</span></h1> + </header> + <div class="row"> + <div class="grid"> + <div class="grid-sizer"></div> + <div class="gutter-sizer"></div> +#SET{blocouvert,oui}] + <BOUCLE_articles_recentsAlaUne(ARTICLES){lang}{!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_alanune,4})}{doublons}{titre_mot=AlaUne}{!archive}> + [(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|non) + [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})] + [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})] + [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})] + #SET{facteur,''}#SET{largeur,308} + [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})] + [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,969}})] + ] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={1}|?{#SET{facteur,''}#SET{largeur,308}})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] + <div class="grid-item[ grid-item-x(#GET{facteur})]"> + <div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreealaune(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriquealaune(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriquealaune></BOUCLE_RubriqueColoreealaune>"> + <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> + [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] + <div class="h2" tabindex="-1"> + <svg class="svg-icon alaune"[ title="(#CONFIG{soyezcreateurs/texte_alaune}|sinon{<:soyezcreateurs:alaune:>}|supprimer_tags|attribut_html)"]><use xlink:href="#icon-star-full"></use></svg> + <span class="titre-actus">#TITRE</span> + <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg> + </div> + </a> + </div> + </div> + </BOUCLE_articles_recentsAlaUne> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) + </div> + </div> +#SET{blocouvert,''}] + </B_articles_recentsAlaUne> + <B_Breves> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) + <header class="titre-sommaire"> + <h1><span>[(#CONFIG{soyezcreateurs/texte_breves}|sinon{<:breves:breves:>})]</span></h1> + </header> + <div class="row"> + <div class="grid"> + <div class="grid-sizer"></div> + <div class="gutter-sizer"></div> +#SET{blocouvert,oui}] + <BOUCLE_Breves(BREVES?){!par date}{age<120}{lang}> + [(#SET{logo,[(#LOGO_BREVE_SURVOL|sinon{#LOGO_BREVE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|non) + [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})] + [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})] + [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})] + #SET{facteur,''}#SET{largeur,308} + [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})] + [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,969}})] + ] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={1}|?{#SET{facteur,''}#SET{largeur,308}})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] + <div class="grid-item[ grid-item-x(#GET{facteur})]"> + <div class="content-actus alaune #EDIT{titre}<BOUCLE_RubriqueColoreeBreve(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueBreve(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueBreve></BOUCLE_RubriqueColoreeBreve>"> + <a href="#URL_BREVE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> + [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] + <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span> + <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div> + </a> + </div> + </div> + </BOUCLE_Breves> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) + </div> + </div> +#SET{blocouvert,''}] + </B_Breves> + <B_AgendaDerniersAjouts> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) + <header class="titre-sommaire"> + <h1><span>[(#CONFIG{soyezcreateurs/texte_agenda}|sinon{<:soyezcreateurs:agenda:>})]</span></h1> + </header> + <div class="row"> + <div class="grid"> + <div class="grid-sizer"></div> + <div class="gutter-sizer"></div> +#SET{blocouvert,oui}] + <div class="grid-item[ (#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{grid-item-demie})]"> + <BOUCLE_AgendaDerniersAjouts(EVENEMENTS) + {par date_debut} + {0,(#CONFIG{soyezcreateurs/nombres_agenda_accueil,#CONFIG{soyezcreateurs/nombres_agenda,5}})} + {date_fin>=(#ENV{date}|affdate{'Y-m-d'})} + {statut=publie} + {doublons} + {lang} + > + <BOUCLE_DernierEvenementArticle(ARTICLES){id_article}> + <div class="content-actus #EDIT{titre}<BOUCLE_RubriqueColoreeactus(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueactus(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueactus></BOUCLE_RubriqueColoreeactus>"> + <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> + [<img src="(#LOGO_EVENEMENT_NORMAL|sinon{#LOGO_ARTICLE_SURVOL}|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{308,[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]}|extraire_attribut{src})" alt="" width="308" height="[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1}|?{#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},108})]" />] + <div class="agenda flexbox-flex"> + <div class="date debutfin[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[ (#HORAIRE|=={oui}|?{horaires,[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui|?{journees,journee})]})]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|non)journee]" itemscope itemtype="https://schema.org/Event"> + <time class="debut ladate" itemprop="startDate" title="#_AgendaDerniersAjouts:DATE_DEBUT" datetime="#_AgendaDerniersAjouts:DATE_DEBUT"> + <span class="dateNombre"><strong>[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{d})]</strong>/[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{m})]</span> + <span class="annee display-block">[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Y})]</span> + </time>[(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|!={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui) + <time class="fin ladate" itemprop="endDate" title="#_AgendaDerniersAjouts:DATE_FIN" datetime="#_AgendaDerniersAjouts:DATE_FIN"> + <span class="dateNombre"><strong>[(#_AgendaDerniersAjouts:DATE_FIN|affdate{d})]</strong>/[(#_AgendaDerniersAjouts:DATE_FIN|affdate{m})]</span> + <span class="annee display-block">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{Y})]</span> + </time>]][(#CONFIG{soyezcreateurs/agenda_date_format,complete}|=={complete}|oui)[(#HORAIRE|=={oui}|oui)[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{Ymd}|=={#_AgendaDerniersAjouts:DATE_FIN|affdate{Ymd}}|oui) + <time class="fin ladate"> + <span class="dateNombre"><strong>[(#_AgendaDerniersAjouts:DATE_DEBUT|affdate{H:i})]</strong></span>[(#_AgendaDerniersAjouts:DATE_DEBUT|!={#_AgendaDerniersAjouts:DATE_FIN}|oui) + <span class="dateNombre">[(#_AgendaDerniersAjouts:DATE_FIN|affdate{H:i})]</span>] + </time>]]] + </div> + <div class="h2" tabindex="-1"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[ : (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span> + <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div> + </div> + </a> + </div> + </BOUCLE_DernierEvenementArticle> + [(#COMPTEUR_BOUCLE|!={#TOTAL_BOUCLE}|oui) + [(#COMPTEUR_BOUCLE|alterner{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|match{^1}|?{[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})],''})],[(#CONFIG{soyezcreateurs/nombres_agenda_par_bloc,2}|=={1demie}|?{'</div><div class="grid-item grid-item-demie">','</div><div class="grid-item">'})]})] + ] + </BOUCLE_AgendaDerniersAjouts> + </div> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={touslestitres}|oui) + </div> + </div> +#SET{blocouvert,''}] + </B_AgendaDerniersAjouts> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non)[(#GET{blocouvert}|oui) + </div> + </div> +#SET{blocouvert,''}]] + <BOUCLE_Secteurs_Exclus(RUBRIQUES){titre_mot=SecteurPasDansQuoiDeNeuf}><BOUCLE_Articles_Secteurs_Exclus(ARTICLES){id_secteur}{doublons} /></BOUCLE_Secteurs_Exclus> + <BOUCLE_Rubriques_Exclues(RUBRIQUES){titre_mot=PasDansQuoiDeNeuf}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons}{lang} /></BOUCLE_Rubriques_Exclues> + <BOUCLE_exclus(ARTICLES){titre_mot=PasDansQuoiDeNeuf}{doublons}{lang} /> + <BOUCLE_EvenementsArticlesAExclure(EVENEMENTS)><BOUCLE_DernierEvenementArticleAExclure(ARTICLES){id_article}{doublons}{lang} /></BOUCLE_EvenementsArticlesAExclure> + <B_articles_QuoideNeuf> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non) + <header class="titre-sommaire"> + <h1><span>[(#CONFIG{soyezcreateurs/texte_quoi2neuf}|sinon{<:soyezcreateurs:quoideneuf:>})]</span></h1> + </header> + <div class="row"> + <div class="grid"> + <div class="grid-sizer"></div> + <div class="gutter-sizer"></div> +#SET{blocouvert,oui}] + <BOUCLE_articles_QuoideNeuf(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_quoideneuf,5})}{doublons}{!archive}{lang}> + [(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#LOGO_RUBRIQUE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|non) + [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})] + [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})] + [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})] + #SET{facteur,''}#SET{largeur,308} + [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})] + [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,969}})] + ] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={1}|?{#SET{facteur,''}#SET{largeur,308}})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={2}|?{#SET{facteur,2}#SET{largeur,638}})] + [(#FORMATQUOI2NEUF|=={0}|?{#CONFIG{soyezcreateurs/taille_blocs_quoi2neuf,0},#FORMATQUOI2NEUF}|=={3}|?{#SET{facteur,3}#SET{largeur,969}})] + <div class="grid-item[ grid-item-x(#GET{facteur})]"> + <div class="content-actus quoideneuf #EDIT{titre}<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>"> + <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]> + [<img src="(#GET{logo}|image_focus{#GET{largeur},#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="#GET{largeur}" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />] + <div class="h2" tabindex="-1"><span class="titre-actus">#TITRE</span> + <svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg></div> + </a> + </div> + </div> + </BOUCLE_articles_QuoideNeuf> + <BOUCLE_Article_VideoALaUne(ARTICLES) + {titre_mot=VideoALaUne} + {!archive} + {lang} + {!par date} + {0,1} + > + <div class="grid-item grid-item-autoheight grid-item-x2"> + <div class="content-actus quoideneuf <BOUCLE_RubriqueColoreeVideoALaUne(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriqueVideoALaUne(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriqueVideoALaUne></BOUCLE_RubriqueColoreeVideoALaUne>"> + [(#INCLURE{fond=noisettes/sommaire/video_alaune_cognac,largeur=638,hauteur=#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340},lang})] + </div> + </div> + </BOUCLE_Article_VideoALaUne> +[(#CONFIG{soyezcreateurs/typequoideneuf,quoideneuf}|=={quoideneuf}|non) + </div> + </div> +#SET{blocouvert,''}] + </B_articles_QuoideNeuf> +[(#GET{blocouvert}|oui) + </div> + </div> +#SET{blocouvert,''}] + #FILTRE{mini_html} \ No newline at end of file diff --git a/noisettes/sommaire_modeportailcognac_zoomsur.html b/noisettes/sommaire_modeportailcognac_zoomsur.html index 5095c3eda55097dae924de4d16b7dc8fb8b797cd..bbc95c80692f4a93d950ce325864ed37d518d6a0 100644 --- a/noisettes/sommaire_modeportailcognac_zoomsur.html +++ b/noisettes/sommaire_modeportailcognac_zoomsur.html @@ -9,32 +9,30 @@ <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}> <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil"> <div class="slider-diapo-imgfull"> - [(#MEDIA|=={image}|oui) <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|supprimer_tags|attribut_html)"]> + [(#MEDIA|=={image}|oui) <picture> <source srcset="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" media="(min-width: 1160px)" /> - [(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)<source srcset="[(#FICHIER|copie_locale|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})]}|extraire_attribut{src})]" media="(min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px)" />] + [(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|<{1160}|oui)<source srcset="[(#FICHIER|copie_locale|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})]}|extraire_attribut{src})]" media="(min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px)" />]] <source srcset="[(#FICHIER|copie_locale|image_focus{1024,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]}|extraire_attribut{src})]" media="(min-width: 1024px)" /> <source srcset="[(#FICHIER|copie_locale|image_focus{640,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]}|extraire_attribut{src})]" media="(min-width: 640px)" /> <source srcset="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" /> <img src="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" alt="" width="320" height="[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]" /> </picture> - </a>] - [(#MEDIA|=={video}|oui) - <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|supprimer_tags|attribut_html)"]> - [(#MIME_TYPE|=={text/oembed}|non) - <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;"> - <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;"> - <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/> - </video> - </div>] - [(#MIME_TYPE|=={text/oembed}|oui) - <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]"> - <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;"> - <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_bgndVideo&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1[&playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]" loading="lazy"></iframe> - </div> - </div>] - </a>] + ] + [(#MEDIA|=={video}|oui) + <div class="bg-video"> + + [(#MIME_TYPE|=={text/oembed}|non) + <video autoplay loop muted preload="true"> + <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/> + </video>] + [(#MIME_TYPE|=={text/oembed}|oui) + <iframe class="bg-video__iframe" id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" frameborder="0" allowfullscreen="1" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1" loading="lazy"></iframe>] + + </div> + ] + </a> </div> </div> </BOUCLE_Slider> diff --git a/stylesportailcognac.css.html b/stylesportailcognac.css.html index f58206f7719259316d2fa95caed200b6af684498..f4f23ed1bed5f2e2a09574135521f33c7d88cd18 100644 --- a/stylesportailcognac.css.html +++ b/stylesportailcognac.css.html @@ -1,809 +1,851 @@ -[(#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})} - -#miettesdepain, .boutonstexte {display: none; } - -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%; -} -.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; } - - -.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 { - margin-top: 4em; -} -#content .titre-sommaire:before { - content: ""; - display: block; - background-color: #GET{c_titraille}; - width: 100%; - height: 1px; -} -#content .titre-sommaire h1 { - display: block; - background-color: #GET{c_titraille_bk}; - max-width: [(#GET{LargeurContaineur}|moins{40})]px; - margin: -1.1em auto .5em auto; - padding: .5em .8em .5em; - color: #GET{c_titraille}; - font-size: 2rem; - line-height: 1em; - border-left: 1px solid #GET{c_titraille}; -} -@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 li a { - background-color: #eae9e5; - } -} -#actualites { - margin-top: 7em; - margin-bottom: 5em; -} -#lesprojets, #goodies2 { - margin-top: 0em; - margin-bottom: 5em; -} -#lesprojets .titre-sommaire { - display: none; -} - -#pratique { - margin-top: 6.5em; - margin-bottom: 4em; -} -.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; -} -#sommaire_mode_portailcognac header .logo_rubrique { margin-bottom: 3em; } -#liens-diaporama { - position: absolute; - top: 100px; - right: 0; - z-index: 1; -} -@media only screen and (max-width:[(#GET{LargeurContaineur})]px) { - #liens-diaporama { - top: 5vw; - } -} -@media only screen and (max-width: 767px) { - #liens-diaporama { - z-index: 0; - } -} -@media only screen and (max-width: 340px) { - #liens-diaporama { - top: 25%; - z-index: 0; - } -} -#liens-diaporama ul { - width: 220px; - text-align: right; -} -@media only screen and (max-width: 767px) { - #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 ; -} -@media only screen and (max-width: 767px) { - #liens-diaporama li a { - background-color: #eae9e5; - } -} - - -.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; -} -#diaporama { - position: relative; -} -#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}|oui) - max-width: #GET{LargeurContaineur}px; - ] - width: 100%; - margin: 0 auto 7em auto; -} - - -.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; - text-align: center; -} - -#pratique { - margin-bottom: 4em; -} - -<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})] -] +[(#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})} + +#miettesdepain, .boutonstexte {display: none; } + +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%; +} +.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; } + + +.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 { + margin-top: 4em; +} +#content .titre-sommaire:before { + content: ""; + display: block; + background-color: #GET{c_titraille}; + width: 100%; + height: 1px; +} +#content .titre-sommaire h1 { + display: block; + background-color: #GET{c_titraille_bk}; + max-width: [(#GET{LargeurContaineur}|moins{40})]px; + margin: -1.1em auto .5em auto; + padding: .5em .8em .5em; + color: #GET{c_titraille}; + font-size: 2rem; + line-height: 1em; + border-left: 1px solid #GET{c_titraille}; +} +@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 { + } +} + + +.slider-slick .bg-video { + aspect-ratio : 320 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]; + position: relative; +} + +@media only screen and (min-width: 640px) { + .slider-slick .bg-video { + aspect-ratio : 640 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]; + } +} + +@media only screen and (min-width: 1024px) { + .slider-slick .bg-video { + aspect-ratio : 1024 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]; + } +} + +[(#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})]; + } +} +]] + +@media only screen and (min-width: 1160px) { + .slider-slick .bg-video { + aspect-ratio : 1920 / #CONFIG{soyezcreateurs/hauteur_slider,580}; + } +} + +.slider-slick .bg-video video { + overflow: hidden; + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; +} + +.slider-slick .bg-video iframe { + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +object-fit: cover; +} + + +#actualites { + margin-top: 7em; + margin-bottom: 5em; +} +#lesprojets, #goodies2 { + margin-top: 0em; + margin-bottom: 5em; +} +#lesprojets .titre-sommaire { + display: none; +} + +#pratique { + margin-top: 6.5em; + margin-bottom: 4em; +} +.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; +} +#sommaire_mode_portailcognac header .logo_rubrique { margin-bottom: 3em; } +#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; +} +#diaporama { + position: relative; +} +#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}|oui) + max-width: #GET{LargeurContaineur}px; + ] + width: 100%; + margin: 0 auto 7em auto; +} + + +.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; + text-align: center; +} + +#pratique { + margin-bottom: 4em; +} + +<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})] +] ] \ No newline at end of file