Skip to content
Extraits de code Groupes Projets
Valider 16c09605 rédigé par RealET's avatar RealET :kissing_cat:
Parcourir les fichiers

wip : Amélioration du RWD des vidéos du bloc ZoomSur (Rennes)

parent 0a963fff
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
noisettes/sommaire/sommaire_modeportailcognac_quoideneuf.html
+ 206
− 206
Voir le fichier @ 16c09605
[(#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[&nbsp;: (#_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[&nbsp;: (#_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
noisettes/sommaire_modeportailcognac_zoomsur.html
+ 16
− 18
Voir le fichier @ 16c09605
......@@ -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})]&amp;autoplay=1&amp;loop=1&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;version=3&amp;playerapiid=mbYTP_bgndVideo&amp;allowfullscreen=true&amp;wmode=transparent&amp;iv_load_policy=3&amp;html5=1&amp;mute=1[&amp;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})]&amp;autoplay=1&amp;loop=1&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;allowfullscreen=true&amp;wmode=transparent&amp;iv_load_policy=3&amp;html5=1&amp;mute=1" loading="lazy"></iframe>]
</div>
]
</a>
</div>
</div>
</BOUCLE_Slider>
......
stylesportailcognac.css.html
+ 850
− 808
Voir le fichier @ 16c09605
[(#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
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site