.bImg1								{							background-image: url(/img/valentre_1.jpeg); 		 
																	background-color: transparent ;
																	background-repeat	:	no-repeat; 
																	background-size: auto;	
										}								
/* .bobleu								{							background-color: rgba(80, 140, 230 , 0.3)		} */
.bgrisfonce							{							background-color: #333333;																			}
.cbeige															{color: beige;										}
.cnoir															{color: black;										}

.DIBlk								{							display: inline-block;														}

.bobleu								{							background-color: rgba(80, 140, 230 , 0.3)		}
.boviolet							{							background-color: rgba(255, 0, 102, 0.6)			}
.bovert								{							background-color: rgba(0, 255, 0, 0.3)				}
.bojaune								{							background-color: rgba(255, 255, 36, 0.3)			}
.bonoir								{							background-color: rgba(0, 0, 0, 0.6)				}
.bonoirsombre						{							background-color: rgba(0, 0, 0, 0.8)				}
.boorange							{							background-color: rgba(204, 51, 0, 0.3)			}
.borouge								{							background-color: rgba(204, 0, 0, 0.4)				}
.boblanc								{							background-color: rgba(255, 255, 255, 0.4)		}
.boblancclair						{							background-color: rgba(255, 255, 255, 0.4)		}

/* img {opacity: 0.3}*/
.bgnoir								{							background-color: black;																			}
.bgblanc								{							background-color: white;																			}
.bbleumarine						{							background-color: #000029;																			}
.bbleufonce							{							background-color: darkBlue;																		}		
.bgvert								{							background-color: DarkGreen;																			}		
.bgvertclair						{							background-color: #ccffb2;																			}		
.bgtransp							{							background-color: transparent; 																	}
/* RGB */
.rgbvertfonce						{							background: rgba(255, 183, 169, 0.5); }
.bonoirsombre						{							background-color: rgba(0, 0, 0, 0.8)				}

.gris {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , #E9E9E9 );
	background: -webkit-linear-gradient( transparent , #E9E9E9 ); /* For Safari */
	background: -o-linear-gradient( transparent , #E9E9E9 ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , #E9E9E9 ); /* Standard syntax */
	/*background-color: #E9E9E9;*/
	/*color: white;*/
	cursor: pointer;}
.blue {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( DarkBlue , #85c2ff );
	background: -webkit-linear-gradient( DarkBlue , #85c2ff ); /* For Safari */
	background: -o-linear-gradient( DarkBlue , #85c2ff ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( DarkBlue , #85c2ff ); /* Standard syntax */
	/*background-color: #85c2ff;*/
	}

.fGras	 		{font-weight:900;		}
.fDemiGras	 	{font-weight:600;		}

.menbar			{  width: 35px;
  						height: 5px;
  						background-color: black;
  						margin: 6px 0;
					}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
					}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.clmenu	{background-color: white; color: black;display: none;}
.change .clmenu {display: block;}

.voir				{	display: block;}
.cacher			{	display: none;}

.container 		{ display:  block; cursor: pointer;}

.coller			{	    overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;	}