[SoyezCréateurs] Style de l'agenda cognac utilisable dans les pages intérieures

stylesportailcognac.css.html

@@ -779,7 +779,6 @@ img.editologo {
 	text-align: center;
 }
 
-
 #masonry {
   max-width: #GET{LargeurContaineur}px;
   margin: 0 auto;
@@ -787,99 +786,6 @@ img.editologo {
   text-align: center;
 }
 
-.agenda strong {
-  font-size: 1.8em;
-  vertical-align: bottom;
-}
-.agenda .annee {
-  font-size: 1.8em;
-}
-.agenda time {
-  padding: 0 .25em;
-}
-.agenda {height: 95px; }
-.grid-item .agenda .h2 {
-  font-size: 1em;
-  overflow-x: hidden;
-}
-.grid-item .agenda .date {
-  padding: 0;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.agenda time {
-    text-align: center;
-}
-.agenda .debutfin time {
-    text-align: left;
-}
-.grid-item .agenda .date.debutfin {
-  display: block;
-  align-items: left;
-  justify-content: left;
-}
-
-/* Affichage des dates. cf https://codepen.io/jpyrat/pen/EmZrpR */
-.date {
-  width: 95px;
-  height: 95px;
-  position: relative;
-  background: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
-  color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header},#GET{c_header_bk}})];
-}
-
-.debutfin.horaires:after, .debutfin.journees:after {
-  content: "";
-  position: absolute;
-  right: 0;
-  top: 0;
-  border-top: 2px solid #fff;
-  width: 142%;
-  transform: rotate(-45deg);
-  transform-origin: 99% 0%;
-}
-
-.debut, .fin {
-  width: 75%;
-  height: 50%;
-  position: absolute;
-  text-align: left;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  color: #fff;
-  line-height: 1.2em;
-  font-size: 75%;
-}
-
-.debutfin.journee .debut {
-  font-size: 100%;
-  width: 100%;
-  top: 20%;
-  height: auto;
-  text-align: center;
-  line-height: 2em;
-}
-
-.agenda .debutfin time.fin {
-  right: 0;
-  top: 50%;
-  text-align: right;
-}
-
-.ladate {
-  margin:0;
-  padding:0;
-}
-
-.annee {
-  font-size: 1.2em;
-  line-height: 0.82em;
-  display: block;
-}
-
 #projets {
   margin: 0;
   padding: 0;

stylessoyezcreateurs.css.html

@@ -3545,6 +3545,99 @@ LC: #GET{LargeurContaineur}
 #projets .couleurrubrique#ID_MOT:focus  { [background-color: #(#TEXTE|textebrut|couleur_eclaircir);] }
 </BOUCLE_CouleursRubriques>
 
+.agenda strong {
+  font-size: 1.8em;
+  vertical-align: bottom;
+}
+.agenda .annee {
+  font-size: 1.8em;
+}
+.agenda time {
+  padding: 0 .25em;
+}
+.agenda {height: 95px; }
+.grid-item .agenda .h2 {
+  font-size: 1em;
+  overflow-x: hidden;
+}
+.grid-item .agenda .date {
+  padding: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.agenda time {
+    text-align: center;
+}
+.agenda .debutfin time {
+    text-align: left;
+}
+.grid-item .agenda .date.debutfin {
+  display: block;
+  align-items: left;
+  justify-content: left;
+}
+
+/* Affichage des dates. cf https://codepen.io/jpyrat/pen/EmZrpR */
+.date {
+  width: 95px;
+  height: 95px;
+  position: relative;
+  background: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
+  color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header},#GET{c_header_bk}})];
+}
+
+.debutfin.horaires:after, .debutfin.journees:after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-top: 2px solid #fff;
+  width: 142%;
+  transform: rotate(-45deg);
+  transform-origin: 99% 0%;
+}
+
+.debut, .fin {
+  width: 75%;
+  height: 50%;
+  position: absolute;
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #fff;
+  line-height: 1.2em;
+  font-size: 75%;
+}
+
+.debutfin.journee .debut {
+  font-size: 100%;
+  width: 100%;
+  top: 20%;
+  height: auto;
+  text-align: center;
+  line-height: 2em;
+}
+
+.agenda .debutfin time.fin {
+  right: 0;
+  top: 50%;
+  text-align: right;
+}
+
+.ladate {
+  margin:0;
+  padding:0;
+}
+
+.annee {
+  font-size: 1.2em;
+  line-height: 0.82em;
+  display: block;
+}
+
 .grid-item .year { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
 .grid-item .year .h2 .titre-actus { border: none; font-weight: bold; font-size: 2em; }
 .grid-item .month { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }