*{ margin:0; padding:0; box-sizing:border-box;}

body{ font-family:Arial, sans-serif; line-height:1.7; color:#333;}

a {color: #7ED6F5;}




header				{background:#0f172a; color:white; padding:20px 0;}
header .container	{display:flex; justify-content:space-between; align-items:center;}

/* MENU */
nav					{XXXbackground-color: #555; padding: 10px; }

nav ul				{display:flex; gap:25px; padding: 0; margin: 0;  xlist-style:none;}
nav a				{color:white; text-decoration:none; font-weight:bold;}

/* Sous MENU */
nav > ul > li		{display: inline-block; position: relative; text-align:center;}
nav li ul			{display: none; position: absolute; top: 100%; left: 0; background: white; min-width: 300px;}
nav li:hover > ul	{display: block;}
nav li ul li		{display: block; background-color: #000;}
nav li ul li a		{display: block; color: #1889EA; background-color: #fff; padding: 0px 0px 0px 10px; text-align:left; list-style-type: square;}
nav li ul.b			{list-style-type: square;}

/* MENU En bas de page */
nav.navBottom		{margin: 20px auto !Important; width: 60%; background-color: #333;  xpadding: 0 auto; margin: auto;}
nav.navBottom ul li {margin: auto; padding: 15px 10px;}
/* END :: Sous menu */




.container{ width:90%; max-width:1200px; margin:auto;}
.titleColor1 {color: #7ED6F5;}
.titleColor2 {color: #0A1D34;}


.logo{ font-size:1.8rem; font-weight:bold;}


.hero{ background:linear-gradient(135deg,#2563eb,#0ea5e9); color:white; padding:100px 20px; text-align:center;}

.hero h1{
 font-size:3rem;
 margin-bottom:20px;
}

.btn{display:inline-block; background:white; color:#2563eb; padding:12px 25px; margin-top:20px; text-decoration:none; border-radius:5px; font-weight:bold;}

section{padding:70px 0;}
h2{margin-bottom:20px; color:#0f172a;}

.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px;}
.card{border:1px solid #ddd; padding:25px; border-radius:10px; background:white;}

footer{background:#0f172a; color:white; text-align:center; padding:25px;}

.contact-form{max-width:700px; margin:auto;}
.contact-form input, .contact-form textarea{width:100%; padding:12px; margin-bottom:15px; border:1px solid #ccc;}
.contact-form button{background:#2563eb; color:white; border:none; padding:12px 25px; cursor:pointer;}