.elementor-154 .elementor-element.elementor-element-51e728b5{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-3125f53c{width:initial;max-width:initial;}.elementor-154 .elementor-element.elementor-element-3125f53c > .elementor-widget-container{margin:0px 0px -18px 15px;padding:0px 0px 0px 0px;}.elementor-154 .elementor-element.elementor-element-3125f53c.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-154 .elementor-element.elementor-element-d70ed2d{--display:flex;}.elementor-154 .elementor-element.elementor-element-aa4b2c0 > .elementor-widget-container{background-image:url("https://www.rayonhumanity.org/wp-content/uploads/2025/06/FD-BAS-PG1.jpg");margin:0px 0px 0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-154 .elementor-element.elementor-element-aa4b2c0.elementor-element{--align-self:center;}.elementor-154 .elementor-element.elementor-element-aa4b2c0{text-align:center;color:#FFFFFF;}.elementor-154 .elementor-element.elementor-element-3b55b1b{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-154 .elementor-element.elementor-element-3125f53c > .elementor-widget-container{margin:0px 0px -18px -40px;}}@media(max-width:767px){.elementor-154 .elementor-element.elementor-element-3125f53c > .elementor-widget-container{margin:-13px -40px -17px -80px;padding:-18px 0px 0px 0px;}.elementor-154 .elementor-element.elementor-element-3125f53c.elementor-element{--align-self:center;}.elementor-154 .elementor-element.elementor-element-3125f53c{text-align:justify;}}/* Start custom CSS for html, class: .elementor-element-124778b */.banniere-rayon {
 background-image: url('https://tonlienverslabanniere.jpg');
 background-size: cover;
 background-position: center;
 padding: 60px 20px;
 text-align: center;
 color: white;
}

.banniere-rayon .contenu {
 max-width: 500px;
 margin: auto;
}

.titre {
 font-size: 28px;
 font-weight: bold;
 margin-bottom: 10px;
}

.slogan {
 font-size: 16px;
 font-style: italic;
 margin-bottom: 25px;
}

.boutons {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 12px;
}

.touche {
 display: inline-block;
 padding: 12px 18px;
 border-radius: 8px;
 font-weight: bold;
 color: white;
 text-decoration: none;
 box-shadow: 0 4px 8px rgba(0,0,0,0.2);
 font-family: 'Courier New', monospace;
 transition: transform 0.2s ease;
}

.touche:hover {
 transform: translateY(-4px);
}

.rouge { background-color: #e63946; }
.bleu { background-color: #457b9d; }
.jaune { background-color: #f4a261; }
.vert  { background-color: #2a9d8f; }

@media (max-width: 480px) {
 .touche {
   width: 100%;
   text-align: center;
 }
}/* End custom CSS */