body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
		
		h1 {
        color: black; /* Couleur noire pour tout le texte par défaut */
		font-weight: 200; /* Utilisez 300 pour un style fin */
		font-size: 24px;
}
.highlight {
    color: white; /* Couleur orange foncé pour le mot spécifique */
}

        /* Style de base du menu */
        .navbar {
            background-color: green;
            overflow: hidden;
        }

        .navbar a {	
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
			font-size: 20px;   /* taille des rubriques */
        }

        .navbar a:hover, .dropdown:hover .dropbtn {
            background-color: #ddd;
            color: black;
        }

/* Logo et marque */
        .navbar .logo {
            font-size: 22px;
            font-weight: bold;
            color: white;
            text-decoration: none;						
        }

        /* Sous-menu (caché par défaut) */
        .dropdown {
            float: left;
            overflow: hidden;
        }

        .dropdown .dropbtn {
            font-size: 20px;
            border: none;
            outline: none;
            color: orange; /* orange */
            padding: 14px 20px;
            background-color: inherit;
            font-family: inherit;
            margin: 0;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .dropdown-content a {
            float: none;
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        /* Icône pour le menu responsive */
        .navbar .icon {
            display: none;
        }

        /* Styles pour les petits écrans */
        @media screen and (max-width: 600px) {
            .navbar a, .navbar .dropdown {
                float: none;
                display: none;
                width: 100%;
            }
            .navbar a.icon {
                float: right;
                display: block;
            }
        }

        /* Lorsque le menu est ouvert sur petit écran */
        @media screen and (max-width: 600px) {
            .navbar.responsive {
                position: relative;
            }
            .navbar.responsive a.icon {
                position: absolute;
                right: 0;
                top: 0;
            }
            .navbar.responsive a, .navbar.responsive .dropdown {
                float: none;
                display: block;
                text-align: left;
            }
            .navbar.responsive .dropdown-content {
                position: relative;
            }
            .navbar.responsive .dropdown .dropbtn {
                display: block;
                width: 100%;
                text-align: left;
            }
        }
		/* Style pour le texte "Bonjour" */
        .welcome {
            text-align: center;
            padding: 20px;
            font-size: 24px;
			background: linear-gradient(to bottom right, #a8d5ba, #3a6f41); /* Dégradé de vert clair à vert foncé */
        }
		.cgv{
			text-align: center;
            padding: 20px;
            font-size: 10px;
			background: linear-gradient(to bottom right, #a8d5ba, #3a6f41); /* Dégradé de vert clair à vert foncé */
		}
		.info3 p { color: #7a7c7f;}
	.blocvideo{
	padding-bottom:10px;
	border : solid;       /* ------ trait blanc ------- */
	border-left: none;
	border-right: none;
	border-width: 1px;
	border-bottom-color: #fff;
	
	background-color:#f8f9f9;
	/* border:5px solid #7971ea; */
	display: flex;
    justify-content: center;
	height: 100vh;
	width: 100vw;
	
	
}
/* Style pour les DIVs côte à côte */
        .container {
            display: flex;
            justify-content: space-between;
            width: 90%;
            max-width: 1200px;
            margin: 20px auto;
        }

        .box {
            background-color: #4CAF50;
            color: white;
            padding: 20px;
            margin: 10px;
            border-radius: 5px;
            text-align: center;
            flex: 1;
            box-sizing: border-box;
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Ombre forte */
        }

        .box:nth-child(2) {
            background-color: #2196F3;
        }
		
		.box img {
            width: 300px;
            height: auto;
            border-radius: 5px;
		}

.left, .right {
    flex: 1;
    box-sizing: border-box;
}

.left {
    background-color: #f0f0f0; /* Couleur de fond pour visuel */
    padding: 20px;
    text-align: center;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Ombre forte */
}

.right {
    background-color: #e0e0e0; /* Couleur de fond pour visuel */
    padding: 20px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Ombre forte */
}

.right img {
    max-width: 100%;
    height: auto;
    display: block;
}

        /* Responsive: empiler les DIVs sur petits écrans */
        @media screen and (max-width: 600px) {
            .container {
                flex-direction: column;
            }
        }
/* Style pour le pied de page */
        .footer {
            background-color: green;
            color: white;
            text-align: center;
            padding: 10px;
            margin-top: auto;
        }