#BodyForm::before{

    height: 100%;
    width: 100%;
    text-align:center;	   	
	background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-color: #ccffcc;
	position:absolute;
	background-size: cover;	
	content: "";       
    opacity: 0.2; /* Set desired opacity */
    z-index: -1;
	top: 0;
    left: 0;      
}

.backForm{

    background-color: #ccffcc;
    width: 60%; /* or any specific width */
    margin: 0 auto;
    padding: 10px;
}

.navStyle{

    background-color:#336633 ;   
    
}

/* Couleur du Nav Bar Text */
.nav.navbar-nav li a {
    color: #cccc00;
}

/*
.nav a {
   
    background-color: #336633  ;
    color: yellow;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}
*/


/* Style for the active link (no space between a and .active means it must have both classes) */

/*

.nav a.active {

    background-color: #cccc00; 

    color: #cccc00;

}

/* Style for the active list item */
/*
.nav li.active a {
    
    background-color: #cccc00; 

}
*/

/* Optional: add hover effect */

.nav li a:hover:not(.active) {

    background-color: gainsboro;
    
    color: #336633;

}