/* home */

       :root {
            --primary-color: #2C5F8D;  /* Bleu principal du logo */
            --secondary-color: #1D1D1D; /* Noir du logo */
            --accent-color: #56CCF2;   /* Bleu clair du logo */
            --fond-color: #f7f2ed; /* Beige du fond */
        }
        
    
    	body {
    		background-color:var(--fond-color);
    	}
    
        .hero-section {
            /*background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/api/placeholder/1200/400');*/
            background-size: cover;
            background-position: center;
            color: white;
            padding: 100px 0 100px 0;
            background-color:var(--primary-color);
        }

        .hero-section .lead{
            color: white;
        }
        
        .service-card {
            transition: transform 0.3s ease;
            border-color: var(--accent-color);
        }
        
        .service-card:hover {
            transform: translateY(-5px);
            border-color: var(--primary-color);
        }

        .navbar {
            /*background-color: var(--secondary-color);*/
        }

        .btn-primary {
            background-color: var(--fond-color) !important;
            border-color: var(--fond-color) !important;
            color:var(--primary-color);
        }

        .btn-primary:hover {
            color:var(--primary-color);
        }

        .footer {
            background-color: var(--secondary-color);
            color: white;
        }

        h1 {
            color: white;
        }

        h2, h3 {
            color: var(--primary-color);
        }
        
        .nav-item a {
        	font-size:20px;	margin-left:30px;
        	font-weight:bold;
        }
        
        .nav-item a.active {
        	color:var(--primary-color) !important;
        	font-weight:bold;
        }
        
        .nav-item a:hover {
        	color:var(--accent-color);
        	font-weight:bold;
        }
        
        .social-links a {
        	text-decoration:none;	
	        transition: opacity 0.3s ease;
        }

    
    .social-links a:hover {
        opacity: 0.8;
    }
        
    .legal-footer {
        background-color:var(--fond-color);
    }
    
    .legal-footer a {
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    .legal-footer a:hover {
        color: var(--primary-color) !important;
    }


/* Tarifs */

        .service-header, .contact-header, .avis-header {
            background-color: var(--primary-color);
            color: white;
            padding: 60px 0;
            margin-top: 0px;
        }

        .price-card {
            transition: transform 0.3s ease;
            height: 100%;
            border:  solid 2px var(--accent-color);
        }

        .price-card:hover {
            transform: translateY(-10px);
            border:  solid 2px var(--primary-color);
        }

        h2, h5.card-title {
            color: var(--primary-color);
        }

        .card-subtitle {
            color: var(--accent-color) !important;
        }
        
        .nav-item a {
        	font-size:20px;	margin-left:30px;
        	font-weight:bold;
        }
        
        .nav-item a.active {
        	color:var(--primary-color) !important;
        	font-weight:bold;
        }
        
        .nav-item a:hover {
        	color:var(--accent-color);
        	font-weight:bold;
        }

/* contact */

        .contact-info {
            background-color: #f4f4f4;
            padding: 30px;
            border-radius: 10px;
        }

/* Avis */

         .testimonial-card {
            transition: transform 0.3s ease;
            border-left: 5px solid var(--primary-color);
        }

        .testimonial-card:hover {
            transform: translateY(-5px);
            border-left-color: var(--accent-color);
        }

        .footer {
            background-color: var(--secondary-color);
            color: white;
        }

        .stars {
            color: var(--primary-color);
        }

.container a {
	text-decoration : none;
	 color: var(--primary-color);
}