Changeset 103514 in spip-zone


Ignore:
Timestamp:
Mar 25, 2017, 4:35:39 PM (3 years ago)
Author:
real3t@…
Message:

Le slider du mode portail Cognac a sa durée paramétrable.

Beaucoup moins de titres (un titre annonce un contenu, il n'est pas LE contenu !

Des flèches partout et amélioration des styles de base

Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/formulaires/configurer_soyezcreateurs.html

    r102832 r103514  
    6666                                                defaut=etroite}
    6767                                        )]
    68                                         [(#SAISIE{input,vitesse_slider,
    69                                                 label=<:soyezcreateursprive:cfg_vitesse_slider_label:>,
    70                                                 size=2,
    71                                                 defaut=10000,
    72                                                 explication=<:soyezcreateursprive:cfg_vitesse_slider_label_ex:>}
    73                                         )]
    7468                                        <?php sc_ouinon_default('soyezcreateurs/dessousbreves_communiquant_liens'); ?>
    7569                                        [(#SAISIE{oui_non,dessousbreves_communiquant_liens,
     
    8478                                                },
    8579                                                defaut=liste}
     80                                        )]
     81                                        ]
     82                                        [(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|match{communiquant|portailcognac}|oui)
     83                                        [(#SAISIE{input,vitesse_slider,
     84                                                label=<:soyezcreateursprive:cfg_vitesse_slider_label:>,
     85                                                size=2,
     86                                                defaut=10000,
     87                                                explication=<:soyezcreateursprive:cfg_vitesse_slider_label_ex:>}
    8688                                        )]
    8789                                        ]
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html

    r103418 r103514  
    1515                <h1 class="hide">Diaporama</h1>
    1616        </header>
    17         <article class="slider-slick">
     17        <div class="slider-slick">
    1818                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
    1919                        <div class="slider-diapo-imgfull">
     
    5858                        </div>
    5959                </div>
    60         </article>
    61         <nav id="liens-diaporama">
     60        </div>
     61        <div id="liens-diaporama">
    6262                <ul>
    6363                        <li>
     
    6969                        </li>
    7070                </ul>
    71         </nav>
     71        </div>
    7272</div>
    7373<!-- fin SLIDER -->
     
    7878                <h1>En ce moment à Cognac</h1>
    7979        </header>
    80         <section class="row" id="masonry" role="region" aria-label="Actualit�s">
     80        <div class="row" id="masonry" role="region" aria-label="Actualités">
    8181                <div class="grid">
    82                         <article class="grid-item">
     82                        <div class="grid-item">
    8383                                <div class="content-actus">
    8484                                        <a href="#" title="Lire l'article">
    8585                                                <img src="https://unsplash.it/308/340?image=118" alt="" />
    86                                                 <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
    87                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    88                                         </a>
    89                                 </div>
    90                         </article>
    91                         <article class="grid-item grid-item-x2">
     86                                                <div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
     87                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     88                                        </a>
     89                                </div>
     90                        </div>
     91                        <div class="grid-item grid-item-x2">
    9292                                <div class="content-actus">
    9393                                        <a href="#" title="Lire l'article">
    9494                                                <img src="https://unsplash.it/638/340?image=182" alt="" />
    95                                                 <h2><span class="titre-actus">Belle et heureuse année 2017</span>
    96                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    97                                         </a>
    98                                 </div>
    99                         </article>
    100                         <article class="grid-item ">
     95                                                <div class="h2"><span class="titre-actus">Belle et heureuse année 2017</span>
     96                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     97                                        </a>
     98                                </div>
     99                        </div>
     100                        <div class="grid-item ">
    101101                                <div class="content-actus">
    102102                                        <a href="#" title="Lire l'article">
    103103                                                <img src="https://unsplash.it/308/340?image=82" alt="" />
    104                                                 <h2><span class="titre-actus">Ville d'art et d'histoire : programme automne</span>
    105                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    106                                         </a>
    107                                 </div>
    108                         </article>
    109                         <article class="grid-item">
     104                                                <div class="h2"><span class="titre-actus">Ville d'art et d'histoire : programme automne</span>
     105                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     106                                        </a>
     107                                </div>
     108                        </div>
     109                        <div class="grid-item">
    110110                                <div class="content-actus">
    111111                                        <a href="#" title="Lire l'article">
     
    117117                                                        <img src="https://unsplash.it/180/95?image=139" alt="" />
    118118                                                </header>
    119                                                 <h2><span class="titre-actus">Conférence du GREH au Centre des congrés</span>
    120                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
     119                                                <div class="h2"><span class="titre-actus">Conférence du GREH au Centre des congrés</span>
     120                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    121121                                        </a>
    122122                                </div>
     
    130130                                                        <img src="https://unsplash.it/180/95?image=200" alt="" />
    131131                                                </header>
    132                                                 <h2><span class="titre-actus">Fritz Baueur au ciné-club, Le Galaxy, salle N°2</span>
    133                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    134                                         </a>
    135                                 </div>
    136                         </article>
    137                         <article class="grid-item">
     132                                                <div class="h2"><span class="titre-actus">Fritz Baueur au ciné-club, Le Galaxy, salle N°2</span>
     133                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     134                                        </a>
     135                                </div>
     136                        </div>
     137                        <div class="grid-item">
    138138                                <div class="content-actus">
    139139                                        <a href="#" title="Lire l'article">
    140140                                                <img src="https://unsplash.it/308/340?image=53" alt="" />
    141                                                 <h2><span class="titre-actus">Fête des papilles au MACO</span>
    142                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    143                                         </a>
    144                                 </div>
    145                         </article>
    146                         <article class="grid-item grid-item-x2">
     141                                                <div class="h2"><span class="titre-actus">Fête des papilles au MACO</span>
     142                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     143                                        </a>
     144                                </div>
     145                        </div>
     146                        <div class="grid-item grid-item-x2">
    147147                                <div class="content-actus">
    148148                                        <a href="#" title="Lire l'article">
    149149                                                <img src="https://unsplash.it/638/340?image=87" alt="" />
    150                                                 <h2><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h à 21h à la Bibliothèque municipale</span>
    151                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    152                                         </a>
    153                                 </div>
    154                         </article>
    155                         <article class="grid-item">
     150                                                <div class="h2"><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h à 21h à la Bibliothèque municipale</span>
     151                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     152                                        </a>
     153                                </div>
     154                        </div>
     155                        <div class="grid-item">
    156156                                <div class="content-actus">
    157157                                        <a href="#" title="Lire l'article">
    158158                                                <img src="https://unsplash.it/308/340?image=172" alt="" />
    159                                                 <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
    160                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    161                                         </a>
    162                                 </div>
    163                         </article>
    164                         <article class="grid-item grid-item-x3">
     159                                                <div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
     160                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     161                                        </a>
     162                                </div>
     163                        </div>
     164                        <div class="grid-item grid-item-x3">
    165165                                <div class="content-actus">
    166166                                        <a href="#" title="Lire l'article">
    167167                                                <img src="https://unsplash.it/955/340?image=252" alt="" />
    168                                                 <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
    169                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    170                                         </a>
    171                                 </div>
    172                         </article>
    173                         <article class="grid-item grid-item-x2">
     168                                                <div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
     169                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     170                                        </a>
     171                                </div>
     172                        </div>
     173                        <div class="grid-item grid-item-x2">
    174174                                <div class="content-actus">
    175175                                        <a href="#" title="Lire l'article">
    176176                                                <img src="https://unsplash.it/638/340?image=382" alt="" />
    177                                                 <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
    178                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    179                                         </a>
    180                                 </div>
    181                         </article>
    182                         <article class="grid-item">
     177                                                <div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
     178                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     179                                        </a>
     180                                </div>
     181                        </div>
     182                        <div class="grid-item">
    183183                                <div class="content-actus">
    184184                                        <a href="#" title="Lire l'article">
    185185                                                <img src="https://unsplash.it/308/340?image=102" alt="" />
    186                                                 <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
    187                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    188                                         </a>
    189                                 </div>
    190                         </article>
    191                         <article class="grid-item">
     186                                                <div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
     187                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     188                                        </a>
     189                                </div>
     190                        </div>
     191                        <div class="grid-item">
    192192                                <div class="content-actus">
    193193                                        <a href="#" title="Lire l'article">
    194194                                                <img src="https://unsplash.it/308/340?image=122" alt="" />
    195                                                 <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
    196                                                         <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    197                                         </a>
    198                                 </div>
    199                         </article>
    200                 </div>
    201         </section>
    202         <footer class="text-center avec-margin-top avec-margin-bottom">
     195                                                <div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
     196                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     197                                        </a>
     198                                </div>
     199                        </div>
     200                </div>
     201        </div>
     202        <div class="text-center avec-margin-top avec-margin-bottom">
    203203                <a class="button texte-blanc triadeA" href="#" title="Consulter les atualités">Consulter toutes les actualités</a>
    204         </footer>
     204        </div>
    205205</div>
    206206<!-- fin ACTUS -->
     
    212212                <h1>Les projets</h1>
    213213        </header>
    214         <section id="projets" class="avec-margin-top">
    215                 <article class="triadeC">
     214        <div id="projets" class="avec-margin-top">
     215                <div class="projet triadeC">
    216216                        <div class="content-projets">
    217217                                <a href="#" title="Lire l'article">
    218218                                        <h2>Projets</h2>
    219219                                        <div class="suite">
    220                                                 <span class="icon icon-arrow-right2"></span>
     220                                                <span class="icon icon-arrow-right2">&#10140;</span>
    221221                                        </div>
    222222                                </a>
    223223                        </div>
    224                 </article>
    225                 <article class="triadeB">
     224                </div>
     225                <div class="projet triadeB">
    226226                        <div class="content-projets">
    227227                                <a href="#" title="Lire l'article">
    228228                                        <h2>Action municipale</h2>
    229229                                        <div class="suite">
    230                                                 <span class="icon icon-arrow-right2"></span>
     230                                                <span class="icon icon-arrow-right2">&#10140;</span>
    231231                                        </div>
    232232                                </a>
    233233                        </div>
    234                 </article>
    235                 <article class="triadeA">
     234                </div>
     235                <div class="projet triadeA">
    236236                        <div class="content-projets">
    237237                                <a href="#" title="Lire l'article">
    238238                                        <h2>Démocratie locale</h2>
    239239                                        <div class="suite">
    240                                                 <span class="icon icon-arrow-right2"></span>
     240                                                <span class="icon icon-arrow-right2">&#10140;</span>
    241241                                        </div>
    242242                                </a>
    243243                        </div>
    244                 </article>
    245                 <article class="triadeD">
     244                </div>
     245                <div class="projet triadeD">
    246246                        <div class="content-projets">
    247247                                <a href="#" title="Lire l'article">
    248248                                        <h2>Services municipaux</h2>
    249249                                        <div class="suite">
    250                                                 <span class="icon icon-arrow-right2"></span>
     250                                                <span class="icon icon-arrow-right2">&#10140;</span>
    251251                                        </div>
    252252                                </a>
    253253                        </div>
    254                 </article>
    255         </section>
     254                </div>
     255        </div>
    256256        <div class="clearfix"></div>
    257257</div>
     
    263263                <h1>Cognac pratique</h1>
    264264        </header>
    265         <section role="region" aria-label="Pratique">
     265        <div role="region" aria-label="Pratique">
    266266                <div class="slider-pratique">
    267                         <article class="content-pratique">
     267                        <div class="content-pratique">
    268268                                <a href="#" title="Lire l'article">
    269269                                        <img src="https://unsplash.it/280/190?image=118" alt="" />
    270                                         <h2><span class="titre-pratique">Agenda</span>
    271                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    272                                 </a>
    273                         </article>
    274                         <article class="content-pratique">
     270                                        <div class="h2"><span class="titre-pratique">Agenda</span>
     271                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     272                                </a>
     273                        </div>
     274                        <div class="content-pratique">
    275275                                <a href="#" title="Lire l'article">
    276276                                        <img src="https://unsplash.it/280/190?image=182" alt="" />
    277                                         <h2><span class="titre-pratique">Cantine</span>
    278                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    279                                 </a>
    280                         </article>
    281                         <article class="content-pratique">
     277                                        <div class="h2"><span class="titre-pratique">Cantine</span>
     278                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     279                                </a>
     280                        </div>
     281                        <div class="content-pratique">
    282282                                <a href="#" title="Lire l'article">
    283283                                        <img src="https://unsplash.it/280/190?image=18" alt="" />
    284                                         <h2><span class="titre-pratique">Piscine</span>
    285                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    286                                 </a>
    287                         </article>
    288                         <article class="content-pratique">
     284                                        <div class="h2"><span class="titre-pratique">Piscine</span>
     285                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     286                                </a>
     287                        </div>
     288                        <div class="content-pratique">
    289289                                <a href="#" title="Lire l'article">
    290290                                        <img src="https://unsplash.it/280/190?image=182" alt="" />
    291                                         <h2><span class="titre-pratique">Le mag</span>
    292                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    293                                 </a>
    294                         </article>
    295                         <article class="content-pratique">
     291                                        <div class="h2"><span class="titre-pratique">Le mag</span>
     292                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     293                                </a>
     294                        </div>
     295                        <div class="content-pratique">
    296296                                <a href="#" title="Lire l'article">
    297297                                        <img src="https://unsplash.it/280/190?image=118" alt="" />
    298                                         <h2><span class="titre-pratique">Compte citoyen</span>
    299                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    300                                 </a>
    301                         </article>
    302                         <article class="content-pratique">
     298                                        <div class="h2"><span class="titre-pratique">Compte citoyen</span>
     299                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     300                                </a>
     301                        </div>
     302                        <div class="content-pratique">
    303303                                <a href="#" title="Lire l'article">
    304304                                        <img src="https://unsplash.it/280/190?image=82" alt="" />
    305                                         <h2><span class="titre-pratique">Démarches en ligne</span>
    306                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    307                                 </a>
    308                         </article>
    309                         <article class="content-pratique">
     305                                        <div class="h2"><span class="titre-pratique">Démarches en ligne</span>
     306                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     307                                </a>
     308                        </div>
     309                        <div class="content-pratique">
    310310                                <a href="#" title="Lire l'article">
    311311                                        <img src="https://unsplash.it/280/190?image=28" alt="" />
    312                                         <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    313                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    314                                 </a>
    315                         </article>
    316                         <article class="content-pratique">
     312                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
     313                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     314                                </a>
     315                        </div>
     316                        <div class="content-pratique">
    317317                                <a href="#" title="Lire l'article">
    318318                                        <img src="https://unsplash.it/280/190?image=132" alt="" />
    319                                         <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    320                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    321                                 </a>
    322                         </article>
    323                         <article class="content-pratique">
     319                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
     320                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     321                                </a>
     322                        </div>
     323                        <div class="content-pratique">
    324324                                <a href="#" title="Lire l'article">
    325325                                        <img src="https://unsplash.it/280/190?image=148" alt="" />
    326                                         <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    327                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    328                                 </a>
    329                         </article>
    330                         <article class="content-pratique">
     326                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
     327                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     328                                </a>
     329                        </div>
     330                        <div class="content-pratique">
    331331                                <a href="#" title="Lire l'article">
    332332                                        <img src="https://unsplash.it/280/190?image=184" alt="" />
    333                                         <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    334                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    335                                 </a>
    336                         </article>
    337                         <article class="content-pratique">
     333                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
     334                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     335                                </a>
     336                        </div>
     337                        <div class="content-pratique">
    338338                                <a href="#" title="Lire l'article">
    339339                                        <img src="https://unsplash.it/280/190?image=238" alt="" />
    340                                         <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    341                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    342                                 </a>
    343                         </article>
    344                         <article class="content-pratique">
     340                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
     341                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     342                                </a>
     343                        </div>
     344                        <div class="content-pratique">
    345345                                <a href="#" title="Lire l'article">
    346346                                        <img src="https://unsplash.it/280/190?image=282" alt="" />
    347                                         <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    348                                                 <span class="icon icon-arrow-right2 icon-lg"></span></h2>
    349                                 </a>
    350                         </article>
    351                 </div>
    352         </section>
     347                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
     348                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
     349                                </a>
     350                        </div>
     351                </div>
     352        </div>
    353353</div>
    354354<!-- fin PRATIQUE -->
     
    364364                  autoplay: true,
    365365                  pauseOnHover: true,
    366                   autoplaySpeed: 2800,
     366                  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
    367367                  fade: true,
    368368                  cssEase: 'linear',
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html

    r103418 r103514  
    2727}
    2828.portailcognac iframe {
    29   width: 100%!important;
     29  width: 100%;
    3030}
    3131.portailcognac img {
     
    5454}
    5555.portailcognac .ajaxbloc {
    56   height: 100%!important;
     56  height: 100%;
    5757}
    5858.portailcognac .row {
     
    6161}
    6262.portailcognac .text-center {
    63   text-align: center!important;
     63  text-align: center;
    6464}
    6565.portailcognac .text-right {
    66   text-align: right!important;
     66  text-align: right;
    6767}
    6868.portailcognac .text-left {
    69   text-align: left!important;
     69  text-align: left;
    7070}
    7171.portailcognac .menu {
     
    9393}
    9494.portailcognac .flexbox-center-top {
    95   display: flex!important;
     95  display: flex;
    9696  align-items: stretch;
    9797  justify-content: center;
     
    144144}
    145145.portailcognac .hide {
    146   display: none!important;
     146  display: none;
    147147}
    148148.portailcognac .sans-border {
    149   border: 0!important;
     149  border: 0;
    150150}
    151151.portailcognac .avec-border {
    152   border: 1px solid #aaa!important;
     152  border: 1px solid #aaa;
    153153}
    154154.portailcognac .avec-border-top {
    155   border-top: 1px solid #aaa!important;
     155  border-top: 1px solid #aaa;
    156156}
    157157.portailcognac .avec-border-bottom {
    158   border-bottom: 1px solid #aaa!important;
     158  border-bottom: 1px solid #aaa;
    159159}
    160160.portailcognac .avec-border-left {
    161   border-left: 1px solid #aaa!important;
     161  border-left: 1px solid #aaa;
    162162}
    163163.portailcognac .sans-margin {
    164   margin: 0!important;
     164  margin: 0;
    165165}
    166166.portailcognac .avec-margin {
    167   margin: 1.5em!important;
     167  margin: 1.5em;
    168168}
    169169.portailcognac .avec-margin-top {
    170   margin-top: 1.5em!important;
     170  margin-top: 1.5em;
    171171}
    172172.portailcognac .avec-margin-right {
    173   margin-right: 1.5em!important;
     173  margin-right: 1.5em;
    174174}
    175175.portailcognac .avec-margin-bottom {
    176   margin-bottom: 1.5em!important;
     176  margin-bottom: 1.5em;
    177177}
    178178.portailcognac .avec-margin-bottom05 {
    179   margin-bottom: .5em!important;
     179  margin-bottom: .5em;
    180180}
    181181.portailcognac .avec-margin-bottom015 {
    182   margin-bottom: .15em!important;
     182  margin-bottom: .15em;
    183183}
    184184.portailcognac .avec-margin-left {
    185   margin-left: 1.5em!important;
     185  margin-left: 1.5em;
    186186}
    187187@media screen and (min-width: 40em) {
    188188  .portailcognac .avec-margin-bottom-for-medium {
    189     margin-bottom: 1.5em!important;
     189    margin-bottom: 1.5em;
    190190  }
    191191}
    192192.portailcognac .sans-padding {
    193   padding: 0!important;
     193  padding: 0;
    194194}
    195195@media screen and (max-width: 40em) {
    196196  .portailcognac .sans-padding-for-small {
    197     padding: 0!important;
     197    padding: 0;
    198198  }
    199199}
    200200.portailcognac .avec-padding {
    201   padding: 1em!important;
     201  padding: 1em;
    202202}
    203203.portailcognac .avec-padding05 {
    204   padding: .5em!important;
     204  padding: .5em;
    205205}
    206206.portailcognac .avec-padding-top {
    207   padding-top: 1em!important;
     207  padding-top: 1em;
    208208}
    209209.portailcognac .avec-padding-top05 {
    210   padding-top: .5em!important;
     210  padding-top: .5em;
    211211}
    212212.portailcognac .avec-padding-top15 {
    213   padding-top: 1.5em!important;
     213  padding-top: 1.5em;
    214214}
    215215.portailcognac .avec-padding-right {
    216   padding-right: 1em!important;
     216  padding-right: 1em;
    217217}
    218218.portailcognac .avec-padding-right05 {
    219   padding-right: .5em!important;
     219  padding-right: .5em;
    220220}
    221221.portailcognac .avec-padding-bottom {
    222   padding-bottom: 1em!important;
     222  padding-bottom: 1em;
    223223}
    224224.portailcognac .avec-padding-left {
    225   padding-left: 1em!important;
     225  padding-left: 1em;
    226226}
    227227.portailcognac .avec-padding-leftright {
    228228  display: block;
    229   padding-right: 1em!important;
    230   padding-left: 1em!important;
     229  padding-right: 1em;
     230  padding-left: 1em;
    231231}
    232232.portailcognac .display-block {
    233   display: block!important;
     233  display: block;
    234234}
    235235.portailcognac .text-transform-none {
    236   text-transform: none!important;
     236  text-transform: none;
    237237}
    238238.portailcognac .text-uppercase {
    239   text-transform: uppercase!important;
     239  text-transform: uppercase;
    240240}
    241241.portailcognac .font-style-italic {
    242   font-style: italic!important;
     242  font-style: italic;
    243243}
    244244.portailcognac .position-relative {
    245   position: relative!important;
     245  position: relative;
    246246}
    247247.portailcognac .float-left {
    248   float: left !important;
     248  float: left ;
    249249}
    250250.portailcognac .float-right {
    251   float: right !important;
     251  float: right ;
    252252}
    253253.portailcognac .float-center {
    254254  display: table;
    255   margin-right: auto !important;
    256   margin-left: auto !important;
     255  margin-right: auto ;
     256  margin-left: auto ;
    257257}
    258258.portailcognac .z-index-999 {
    259   z-index: 999!important;
     259  z-index: 999;
    260260}
    261261.portailcognac .cursor-pointer {
     
    307307  color: #GET{c_menu_a};
    308308  justify-content: flex-end;
    309   line-height: 1 !important;
     309  line-height: 1 ;
    310310  align-items: center;
    311311}
     
    336336}
    337337.portailcognac .slick-slide .row {
    338   max-width: none!important;
     338  max-width: none;
    339339}
    340340.portailcognac .slick-dots {
     
    386386.portailcognac .slider-pratique .slick-next:focus:before {
    387387  opacity: 1;
    388   color: #333 !important;
     388  color: #333 ;
    389389}
    390390.portailcognac .slider-pratique button:hover,
    391391.portailcognac .slider-pratique button:focus {
    392   background-color: transparent!important;
     392  background-color: transparent;
    393393}
    394394.portailcognac .slider-pratique .content-pratique {
     
    396396  width: 280px;
    397397  margin: 0 12px;
    398   -webkit-transition: all .25s ease!important;
    399   transition: all .25s ease!important;
     398  -webkit-transition: all .25s ease;
     399  transition: all .25s ease;
    400400}
    401401.portailcognac .slider-pratique .content-pratique:hover,
    402402.portailcognac .slider-pratique .content-pratique:focus {
    403   -webkit-transition: all .25s ease!important;
    404   transition: all .25s ease!important;
    405 }
    406 .portailcognac .slider-pratique h2 {
    407   display: flex;
    408   height: 50px;
    409   margin: 0!important;
    410   color: white!important;
     403  -webkit-transition: all .25s ease;
     404  transition: all .25s ease;
     405}
     406.portailcognac .slider-pratique .h2 {
     407  display: flex;
     408  height: 150px;
     409  color: white;
    411410  text-align: right;
    412 }
    413 .portailcognac .slider-pratique h2 .titre-pratique {
     411        padding-bottom: 90px;
     412    font-size: 2em;
     413    font-weight: 300;
     414    text-align: right;
     415    margin: 1.5em 0px 0px;
     416}
     417.portailcognac .slider-pratique .h2 .titre-pratique {
    414418  width: 100%;
    415419  align-self: center;
    416   text-align: center;
    417 }
    418 .portailcognac .slider-pratique h2 .icon {
     420  text-align: right;
     421  padding: 10px;
     422    border-right: 1px solid;
     423}
     424.portailcognac .slider-pratique .h2 .icon {
    419425  align-self: center;
    420426  padding: 7px 15px 7px 7px;
     
    428434    width: 240px;
    429435  }
    430   .portailcognac .slider-pratique h2 {
     436  .portailcognac .slider-pratique .h2 {
    431437    height: 130px;
    432438  }
     
    461467}
    462468.portailcognac .grid-item header {
    463   font-size: 18px;
     469  font-size: 1.5em;
    464470  overflow: auto;
    465471}
     
    471477}
    472478.portailcognac .grid-item header img {
    473   max-width: 65%!important;
    474 }
    475 .portailcognac .grid-item h2 {
    476   display: flex;
    477   flex-direction: column;
     479  max-width: 65%;
     480}
     481.portailcognac .grid-item .h2 {
     482  display: flex;
     483  flex-direction: row;
    478484  width: 100%;
    479   height: 50px;
    480   margin: 0!important;
     485  height: 95px;
     486  margin: 0;
     487  font-weight: 400;
    481488  padding: 10px;
    482   text-align: center;
    483   border: none!important;
    484 }
    485 .portailcognac .grid-item h2 .icon {
    486   align-self: center;
    487   padding: 7px;
    488   font-size: 30px;
    489 }
    490 .portailcognac .grid-item h2 .titre-actus {
    491   width: 100%;
    492   padding: 10px;
     489  text-align: right;
     490  border: none;
     491}
     492.portailcognac .grid-item .h2 .icon {
     493    align-self: center;
     494        padding: 7px 0 7px 7px;
     495    font-size: 30px;
     496}
     497.portailcognac .grid-item .h2 .titre-actus {
     498    width: 100%;
     499    align-self: center;
     500    padding: 10px 10px 10px 0;
     501    border-right: 1px solid;
    493502}
    494503.portailcognac .grid-item img {
     
    543552  padding: 0;
    544553}
    545 .portailcognac #projets article {
     554.portailcognac #projets .projet {
    546555  background-color: #777;
    547556  width: 50%;
    548557  float: left;
    549558}
    550 .portailcognac #projets article:hover {
    551   background-color: #aaa!important;
     559.portailcognac #projets .projet:hover {
     560  background-color: #aaa;
    552561}
    553562.portailcognac #projets a {
    554   display: flex;
    555   flex-direction: column;
    556   height: 10vw;
    557   color: white;
    558   border: 4px solid white;
     563    display: flex;
     564    flex-direction: row;
     565    align-content: center;
     566    height: 10vw;
     567    color: rgb(255, 255, 255);
     568    border-width: initial;
     569    border-style: none;
     570    border-color: initial;
     571    border-image: initial;
    559572}
    560573.portailcognac #projets a:hover {
    561   color: #333!important;
     574  color: #333;
    562575}
    563576.portailcognac #projets h2 {
     
    570583  border: none;
    571584}
    572 .portailcognac #projets .suite {
    573   background-color: rgba(100, 100, 100, 0.5);
    574   height: auto;
    575   padding: 25px;
     585.portailcognac #projets h2 {
     586    font-size: 2vw;
     587    line-height: 35px;
     588    width: 100%;
     589    height: auto;
     590    align-self: center;
     591    color: inherit;
     592    font-weight: 300;
     593    text-align: center;
     594    margin: auto;
     595    padding: 0px 10px;
     596}
     597
     598.portailcognac#sommaire_mode_portailcognac #projets .suite {
     599    background-color: rgba(100, 100, 100, 0.498039);
     600    display: flex;
     601    height: auto;
     602    padding: 0px 25px;
    576603}
    577604.portailcognac #projets .suite .icon {
Note: See TracChangeset for help on using the changeset viewer.