[et_pb_section fb_built= »1″ custom_padding_last_edited= »on|phone » _builder_version= »4.27.4″ _module_preset= »default » background_color= »#180A28″ background_image= »https://oukiweb.com/wp-content/uploads/2024/10/wallpaper-oukiweb-scaled.webp » width= »100% » width_tablet= » » width_phone= »100% » width_last_edited= »on|phone » max_width= »100% » min_height= »100vh » custom_margin_tablet= » » custom_margin_phone= » » custom_margin_last_edited= »on|phone » custom_padding= »200px||||false|false » custom_padding_tablet= »48px||48px||false|false » custom_padding_phone= »24px||24px||false|false » global_colors_info= »{} » background__hover_enabled= »on|desktop » background_color__hover= »#180A28″ background_enable_color__hover= »on » background_image__hover= » » background_enable_image__hover= »off »][et_pb_row _builder_version= »4.27.4″ _module_preset= »default » width_tablet= » » width_phone= »100% » width_last_edited= »on|tablet » global_colors_info= »{} »][et_pb_column type= »4_4″ _builder_version= »4.27.4″ _module_preset= »default » global_colors_info= »{} »][et_pb_code _builder_version= »4.27.4″ _module_preset= »default » background_color= »RGBA(255,255,255,0) » hover_enabled= »0″ custom_css_free_form= »/* Global reset */||html, body {|| margin: 0;|| padding: 0;|| height: 100%;|| box-sizing: border-box;|| font-family: ‘Ubuntu’, sans-serif;|| background-image: url(‘https://oukiweb.com/wp-content/uploads/2024/10/fond-carte-oukiweb.webp’);|| background-size: cover;|| background-position: center;|| background-repeat: no-repeat;|| transition: background-color 0.3s ease;||}||||body:hover {|| background-color: #180a28;||}||||/* Wrapper principal */||.card-wrapper {|| display: flex;|| justify-content: center;|| align-items: center;|| width: 100%;|| min-height: 80vh;|| padding: 24px 12px; /* Ajoute un espace sur les côtés et en haut */|| box-sizing: border-box;||}||||/* Conteneur de la carte */||.card-container {|| max-width: 400px;|| width: 100%;|| background: rgba(242, 242, 242, 0.07);|| border-radius: 24px;|| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);|| overflow: hidden;|| text-align: center;|| padding: 24px;|| transition: background-color 0.3s, box-shadow 0.3s;||}||||.card-container:hover {|| background-color: rgba(242, 242, 242, 0.1);|| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);||}||||/* Profil */||.profile {|| margin-top: 24px;||}||||.profile-img {|| width: 120px;|| height: 120px;|| border-radius: 50%;|| object-fit: cover;|| margin-bottom: 12px;||}||||.profile-img:hover {||transform: scale(1.05);||||}||||.name {|| font-size: 24px;|| font-weight: bold;|| color: #e0e0e0;|| margin: 0;||}||||.bio {|| font-size: 17px;|| color: #b8b8b8;|| margin-top: 0px;|| margin-bottom: 48px;||}||||/* Liens principaux */||.links-okwd {|| margin: 24px auto;||}||||.link-okwd {|| display: block;|| margin:12px auto;|| padding: 12px 24px;|| background: #160c26;|| border: 1px solid #6a5acd;|| color: #cccccc;|| text-decoration: none;|| border-radius: 12px;|| font-size: 17px;|| font-weight: bold;|| transition: background 0.3s ease, color 0.3s ease;||}||||.link-okwd:hover {|| background: #6a5acd;|| color: #160c26;||}||||/* Titre et image cliquable */||.titre-mac {|| font-size: 12px;|| color: #b8b8b8;|| margin-top: 48px;|| margin-bottom: 13px;||}||||.titre-mac:hover {|| color: #6a5acd;||}||||.racc-mac {|| width: 90%;|| max-width: 400px;|| border-radius: 12px;|| transition: transform 0.3s ease;|| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);||}||||.racc-mac:hover {|| transform: scale(1.05);||}||||/* Icônes sociales */||.social-icons {|| display: flex;|| justify-content: center;|| gap: 24px;|| margin: 24px 0;||}||||.social-icons a {|| font-size: 16px;|| color: #a6a6a6;|| transition: color 0.3s ease;||}||||.social-icons a:hover {|| color: #6a5acd;||}||||/* Footer */||.footer {|| margin: 24px;|| font-size: 12px;|| color: #a6a6a6;||}||||.footer a {|| color: #6a5acd;|| text-decoration: none;||}||||.footer a:hover {|| text-decoration: underline;||}||||/* Mobile styles */||@media screen and (max-width: 768px) {|| .card-wrapper {|| padding: 24px; /* Ajoute un peu d’espace sur mobile */|| }||} » global_colors_info= »{} » sticky_enabled= »0″] [/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]