description v25.51.0

Studio Web solution deployed on 12/12/2025 at 16:55:57

palette 3.7.4

Tactics Betclic version : 3.7.4

palette 2.43.7

Tactics Clickbet version : 2.43.7

light_mode
dark_mode

Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T

Switch theme mode
Light / Dark
Shortcut : MAJ + D

description v25.51.0

Studio Web solution deployed on 12/12/2025 at 16:55:57

palette 3.7.4

Tactics Betclic version : 3.7.4

palette 2.43.7

Tactics Clickbet version : 2.43.7

search

Layout

The layout is the structure of the page. It is composed of a box, a section and/or a grid.

Some rules :
- The contentPage element is mandatory, it is the global wrapper.
- The contentPage_box [is-alt] element is mandatory, it contains the page content and adds safety margins. If you don't want the white box, you can add the 'is-alt' class
- The contentPage_section element is optional, it is used to separate the contents from each other with a gray horizontal line.
- The contentPage_grid [is-centered] element is optional, it allows you to display sub-elements in columns, and if there is enought space, the sub elements move to the line.

Content

CSS components : Universes/_content/_promotion/_common/_css/_components/_section.scss

Layout

<div class="contentPage">
 <div class="contentPage_box [is-alt]">
  <div class="contentPage_section">
   <div class="contentPage_grid">
    [content]
   </div>
  </div>
  <div class="contentPage_section">
   <div class="contentPage_grid">
    [content]
   </div>
   <div class="contentPage_grid">
    [content]
   </div>
  </div>
 </div>
</div>