@font-face {
				             	  font-family: "Calibri" ;
								  src: url('fonts/Calibri-Regular.ttf') ;
					          }	       
		     
			 
			               @font-face {
				             	  font-family: "Calibri-Bold" ;
								  src: url('fonts/Calibri-Bold.ttf') ;
					          }	       
			 
					      @font-face {
				             	  font-family: "Yesteryear" ;
								  src: url('../fonts/Yesteryear-Regular.ttf') ;
					          }
					
					       @font-face {
				                  font-family: "Tangerine" ;
								   src: url('../fonts/Tangerine_Bold.ttf') ;
				             }
					
					         @font-face {
				                  font-family: "ChauPhilomeneOne" ;
								   src: url('../fonts/ChauPhilomeneOne_Regular.ttf') ;
								
				             }
							 
							    @font-face {
				                  font-family: "Kabel-Heavy" ;
								   src: url('../fonts/Kabel-Heavy.ttf') ;
							      }
							 
							     @font-face {
				                  font-family: "KirstyBold" ;
								   src: url('../fonts/KirstyBold.ttf') ;
							      }
							 
							      @font-face {
				                  font-family: "Kirsty" ;
								   src: url('../fonts/Kirsty.ttf') ;
								  }
					
					          @font-face {
				                  font-family: "Rosarivo" ;
								   src: url('../fonts/Rosarivo-Regular.ttf') ;
								  }
					
					
                            html, body{
                                            height: 100%;
                                            width: 100%;
                                            margin: 0px;
                                            padding: 0px;
									//	    font-family : Yesteryear ;
									//		background-color : rgb(250, 240,230) ;
                            }
							
							
				          div#conteneur1 {
				       position: absolute;
             	  //  height: 12%;
				   height: 7%;
				  //    height: 5%;
				   //  width : 100% ;
				   //    right: 0px ;
				     width : 80% ;
				     left: 10% ;
				      // top: 10px;
					  top : 0% ;
					//  color: white ;
					//    color: red ;
					//     color:black;
					     color: white ;
					 //  	-webkit-text-stroke: 3px;
					 //	-webkit-text-stroke: 2px;
              	    // -webkit-text-stroke-color: white;
				    //    -webkit-text-stroke-color: red;
					 //   background-color : silver ;
					//  background-color :red ;
					      background-color :black ;
					//    background-color :#677179 ;
					//  font-family:Kabel-Heavy  ;
					    font-family:Calibri  ;
					//      font-family:KirstyBold  ;
					//  font-size:2em;
						vertical-align:middle;
					
					//   line-height: 230px;   
					 //   line-height: 94px;   
					      line-height: 70px;   
					 //    line-height: 45px;   
					// font-size:60px ;
					    font-size:35px ;
					          
                          					
						 text-align: center ;
					//   border: 0px;
					//    background-repeat: no-repeat;
			    	//     background-position: center; 
			       //      background-size: contain;
                                     z-index: 7 ;

                     //    visibility: hidden ;
				    }	

                       div#Date {
				       position: absolute;
             	     width : 10% ;
				   left: 0px ;
					  top : 0% ;
					//  color: white ;
					//    color: red ;
					     color:black;
					//  	-webkit-text-stroke: 3px;
					//  	-webkit-text-stroke: 2px;
              	    // -webkit-text-stroke-color: white;
				   //     -webkit-text-stroke-color: red;
					//      background-color :black ;
						   background-color :transparent ;
					//  font-family:Kabel-Heavy  ;
					 //     font-family:KirstyBold  ;
					     font-family:Calibri  ;
					//  font-size:2em;
						vertical-align:middle;
				//	vertical-align:bottom;
					    line-height: 50px;   
					//  font-size:80px ;
					 //    font-size:35px ;
					    font-size:30px ;
					//   line-height: 45px;      
                     //     line-height: 60px;   	
                          line-height: 65px;   							 
              		 text-align: center ;
				             z-index: 7 ;
                     //    visibility: hidden ;
				    }		

                         div#Heure {
				       position: absolute;
             	     width : 10% ;
				   right: 0px ;
					  top : 0% ;
					//  color: white ;
					//    color: red ;
					     color:black;
					//  	-webkit-text-stroke: 3px;
					//  	-webkit-text-stroke: 2px;
              	    // -webkit-text-stroke-color: white;
				   //     -webkit-text-stroke-color: red;
					//      background-color :black ;
						   background-color :transparent ;
				//  font-family:Kabel-Heavy  ;
				//	      font-family:KirstyBold  ;
				        font-family:Calibri  ;
					//  font-size:2em;
						vertical-align:middle;
					    line-height: 50px;   
					//  font-size:80px ;
					 //     font-size:35px ;
					       font-size:30px ;
					//   line-height: 45px;      
                     //     line-height: 50px;   
					  //    line-height: 60px; 
                            line-height: 65px;   									  
              		 text-align: center ;
				             z-index: 7 ;
                     //    visibility: hidden ;
				    }	

                    	  div#annoncehaut {
							               z-index:10 ;
									  //       z-index:8 ;
                                          position: absolute  ;
                                     //     bottom : 38px ;
									  //     bottom : 0px ;
										//   top: 6% ; 
										//   top: 11% ; 
										//  bottom: 40% ;
										//    top: 52% ;
										//    bottom: 23% ;
										//     bottom:13% ;
										     bottom:11% ;
                                        //  background-color: rgb(72,22,9)  ;
									   //   background-color: black  ;
									   //      background-color: blue  ;
									         background-color: transparent  ;
									    //    color: white;
										//   color: red ;
										       color: black ;
										//    color: rgb(72,22,9) ;
										//	 height : 18px ;
										   height : 5% ;
                                       //    width: 80% ;
                                      //    left  :10% ;
									  //    width: 70% ;
									  //      width: 76% ;
									        width: 90% ;
                                          left : 5% ;
									   //    left : 12% ;
                                          text-align: center ;
										  vertical-align: middle ;
                                      //    font-family: Kirsty ;
									   //    font-family:Calibri  ;
									       font-family:Calibri-Bold  ;
                                     //     font-size: 14px ;
									 //     line-height : 40px ;
									  //      line-height : 30px ;
										  //      font-size: 35px ;
									  //       font-size: 45px ;
									 //     font-size: 60px ;  
									 //      font-size: 45px ;  
									  //       font-size: 20px ; 
								      //     font-size: 40px ;  
                                           font-size: 30px ;  										  
                                             line-height : 35px ;										   
									//	  border-radius: 12px ;
									        border-radius: 8px ;
									//		visibility: hidden ;
								     }	
			  div#annonce {
                                          z-index:10 ;
									  //       z-index:8 ;
                                          position: absolute  ;
                                     //     bottom : 38px ;
									  //     bottom : 0px ;
										//   top: 6% ; 
										  top: 12% ; 
										 //   top: 13% ; 
										//  top: 18% ;
                                        //    background-color: lightgreen  ;
									        background-color: transparent  ;
									    //    color: white;
										 //  color: red ;
										      color: black ;
										//    color: rgb(72,22,9) ;
										//	 height : 18px ;
										   height :30% ;
                                      
									    //    width: 90% ;
										   width: 96% ;
										    left : 2% ;
                                        //  left : 5% ;
									   //    left : 12% ;
                                          text-align: center ;
										  vertical-align: middle ;
                                            font-family:Calibri  ;
                                      //    line-height : 50px ;
									  //   line-height : 26px ;
									      line-height : 40px ;
									  //     line-height : 80px ;
									  //      font-size: 35px ;
									  //       font-size: 45px ;
									 //	     font-size: 22px ;
									   //     line-height : 30px ;
									   //     font-size: 35px ;
									   //    font-size: 30px ;
									    //	     font-size: 27px ;
										  font-size: 40px ;
									//	  border-radius: 12px ;
									        border-radius: 8px ;
									//		visibility: hidden ;
								     }	
						 

              #boite1
               {
			      position: absolute;
				//   top: 30% ;
				//  bottom: 5% ;
				//   bottom: 3% ;
				  bottom :1% ;
				//  left: 5% ;
				//  width: 40% ;
				     left: 2% ;
				//  width: 47% ;
				     width: 30% ;
				//  height: 80px;
				// height: 50%;
				//  height: 30%;
				 //    height: 18%;
				    height: 12%;
				  text-align: center ;
				  	vertical-align: center ;
				//	line-height :100px;
				    line-height :50px;
				  font-family:Calibri  ;
				//  font-size: 40px ;
				   font-size: 25px ;
				//  background-color:yellow  ; 
				background-color:transparent  ; 
				     border-radius: 40px ;
			//	  border: 20px solid yellow;
			 //  border: 10px solid yellow;
			      border: 10px solid black;
                 //  visibility : hidden ;				  
               }

               #boite2
               {
			      position: absolute;
				//   top: 30% ;
				//  bottom: 5% ;
				 //   bottom: 3% ;
				     bottom :1% ;
				//  right: 5% ;
				//  width: 40% ;
				   right: 2% ;
				//  width: 47% ;
				   width: 30% ;
				//  height: 80px;
				// height: 50%;
				 //   height: 30%;
				 //    height: 18%;
				     height: 12%;
				  text-align: center ;
				  	vertical-align: center ;
				//	line-height :100px;
				//   line-height :80px;
				     line-height :50px;
					  font-family:Calibri  ;
				//  font-size: 40px ;
				 //  font-size: 25px ;
				    font-size: 24px ;
				//  background-color:lime  ; 
				//  background-color:lightgreen  ;
               	background-color:transparent  ; 				
				   	    border-radius: 40px ;
				//  border: 20px solid lightgreen;
				   border: 10px solid lightgreen;
                 //  visibility : hidden ;				  
               }	

             #boite3
               {
			      position: absolute;
				//   top: 30% ;
				//  bottom: 5% ;
				 //   bottom: 3% ;
				     bottom :1% ;
				//  right: 5% ;
				//  width: 40% ;
				//   right: 2% ;
				    left: 33% ;
				//  width: 47% ;
				   width: 34% ;
				//  height: 80px;
				// height: 50%;
				 //   height: 30%;
				 //    height: 18%;
				     height: 12%;
				  text-align: center ;
				  	vertical-align: center ;
				//	line-height :100px;
				//   line-height :80px;
				     line-height :50px;
					  font-family:Calibri  ;
				//  font-size: 40px ;
				 //  font-size: 25px ;
				    font-size: 24px ;
				//  background-color:lime  ; 
				//  background-color:lightgreen  ;
               	background-color:transparent  ; 				
				   	    border-radius: 40px ;
				//  border: 20px solid lightgreen;
				 //  border: 10px solid lightgreen;
				      border: 10px solid blue;
                 //  visibility : hidden ;				  
               }		   
	        #backButton1 {
					    font-weight: bold;
					 //   background-color: tan ;
					 //    background-color: lightblue ;
					      background-color: transparent ;
					    position: absolute;
					   // width: 80px;
					   // height: 32px;
				       //     left: 20px;
					   //  width: 120px;
					  //  height: 48px;
					   //    width: 180px;
					     //  height: 72px;
		                    width: 150px;
					       height: 32px;
						   
				         left: 30px;
						text-align: center ;
					font-size:20px ;
					//    font-size:25px ;
					//	line-height :50px;
					 //   bottom: 10px;
					 //  bottom : 25% ;
					 //    bottom : 24% ;
					 //    bottom : 6% ;
					 //   bottom: 20px;	 
					     bottom: 10px;	 
					   border-radius: 10px;
					 //  border: 3px solid black;
						z-index: 10 ;
			    }