@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 :blue ;
					//      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: 21% ;
										     bottom:13% ;
                                        //  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% ;
									         width: 100% ;
                                              left : 0% ;
									         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 ;
									  //     line-height : 80px ;
									  //      font-size: 35px ;
									  //       font-size: 45px ;
									 //     font-size: 60px ;  
									 //      font-size: 45px ;  
									  //       font-size: 40px ; 
                                     //     font-size: 20px ;  		
                                             font-size: 18px ;  										 
									//	  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: 13% ; 
										//    top: 11% ; 
										// top: 15% ;
										//  top: 20% ;
										//   top: 13% ;
										top: 10% ;
                                       //      background-color: blue  ;
									         background-color: transparent  ;
									    //    color: white;
										//   color: red ;
										       color: black ;
										//    color: rgb(72,22,9) ;
										//	 height : 18px ;
										//   height :30% ;
										 height:50% ;
                                    //   height :80% ;
									    //    width: 90% ;
										   width: 96% ;
										    left : 2% ;
                                        //  left : 5% ;
									   //    left : 12% ;
                                          text-align: center ;
										  vertical-align: middle ;
                                            font-family:Calibri  ;
                                      //    line-height : 50px ;
									  //     line-height : 22px ;
									  //    line-height : 20px ;
									  //   line-height : 18px ;
									 //    line-height : 22px ;
									    line-height : 18px ;
									  //      font-size: 35px ;
									  //       font-size: 45px ;
									 //	     font-size: 22px ;
									//        font-size: 20px ;
								     //    font-size: 18px ;
									      font-size: 22px ;
									 //    font-size: 16px ;
									//	  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% ;
				//  left: 0% ;
				 //  left: 5% ;
				    left: 3% ;
				//  width: 47% ;
				// width: 32% ;
				//    width: 40% ;
				  width: 30% ;
				//  height: 80px;
				// height: 50%;
				//  height: 30%;
				//     height: 18%;
				height: 12%;
				  text-align: center ;
				  	vertical-align: center ;
				//	line-height :100px;
				line-height :20px;
				  font-family:Calibri  ;
				//  font-size: 40px ;
				//   font-size: 25px ;
				    font-size: 20px ;
				//  background-color:yellow  ; 
				background-color:transparent  ; 
				     border-radius: 40px ;
			//	  border: 20px solid yellow;
			 //  border: 10px solid yellow;
			 //     border: 10px solid black;
			     border: 6px solid black;
                 //  visibility : hidden ;				  
               }

               #boite2
               {
			      position: absolute;
				//   top: 30% ;
				//  bottom: 5% ;
				//    bottom: 3% ;
				   bottom: 1% ;
				/   right: 2% ;
				 right: 0% ;
				//  width: 47% ;
				    width: 32% ;
				//  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;
				  //   line-height :40px;
				   line-height:20px;
					  font-family:Calibri  ;
				//  font-size: 40px ;
				 //  font-size: 25px ;
				 //   font-size: 24px ;
				  font-size:15px ;
				//  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% ;
				//   left: 33% ;
				// left: 55% ;
				   left:36% ;
				//  width: 47% ;
				 //   width: 32% ;
				 //   width: 34% ;
				   	    width: 40% ;
				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;
				  //   line-height :40px;
				   line-height:20px;
					  font-family:Calibri  ;
				//  font-size: 40px ;
				 //  font-size: 25px ;
				     font-size: 12px ;
				 //   font-size: 24px ;
				 //  font-size: 2Opx ;
				//  background-color:lime  ; 
				//  background-color:lightgreen  ;
               	background-color:transparent  ; 				
				   	    border-radius: 40px ;
				//  border: 20px solid lightgreen;
				//   border: 10px solid blue;
				      border: 6px solid blue;
                 //  visibility : hidden ;				  
               }	
			   
		      #boite4
               {
			      position: absolute;
				//   top: 30% ;
				//  bottom: 5% ;
				//    bottom: 3% ;
				   bottom: 1% ;
				//  right: 5% ;
				//   left: 33% ;
				// left: 55% ;
				//   left:36% ;
				  left: 68% ;
				//  width: 47% ;
				 //   width: 32% ;
				 //   width: 34% ;
				   	    width: 40% ;
				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;
				  //   line-height :40px;
				   line-height:20px;
					  font-family:Calibri  ;
				//  font-size: 40px ;
				 //  font-size: 25px ;
				     font-size: 12px ;
				 //   font-size: 24px ;
				 //  font-size: 2Opx ;
				//  background-color:lime  ; 
				//  background-color:lightgreen  ;
               	background-color:transparent  ; 				
				   	    border-radius: 40px ;
				//  border: 20px solid lightgreen;
				//   border: 10px solid blue;
				      border: 6px solid green;
                 //  visibility : hidden ;				  
               }

      	  #textePagedroite {
				        position: absolute;
					//	color: black ;
					//   color: green;
					//color: #6D071A ;
					   color: black ;
					//	 width: 250px;
					 width : 40% ;
					//   width: 20% ;
				      //  height: 40px;
					  height: 80px;
						// right: 20px;
				    // left: 30%;
					right: 18% ;
				    		//   top : 12% ;
					 //   top : 7% ;
						top: 75px ;
					   text-align: center ;
					//    text-align: right ;
                    //   font-family : verdana ;
					//     font-family:Calibri  ;
					   font-family: Kirsty ;
                   //   font-size: 45px ;
					//    font-size: 50px ;
					 //   font-size: 25px ;
					  //  font-size: 20px ;
					      font-size: 18px ;
					//   background-color :yellow ;
					      z-index: 10 ;
			    }	

          #textePagegauche {
				        position: absolute;
					//	color: black ;
					//   color: green;
					//color: #6D071A ;
					   color: black ;
					//	 width: 250px;
					 width : 40% ;
					//   width: 20% ;
				      //  height: 40px;
					  height: 80px;
						// right: 20px;
				    // left: 30%;
					left: 20% ;
				    		//   top : 12% ;
					 //   top : 7% ;
						top: 75px ;
					   text-align: center ;
					//    text-align: right ;
                    //   font-family : verdana ;
					//     font-family:Calibri  ;
					   font-family: Kirsty ;
                   //   font-size: 45px ;
					//    font-size: 50px ;
					 //   font-size: 25px ;
					//    font-size: 20px ; 
					       font-size: 18px ;
					//   background-color :yellow ;
					      z-index: 10 ;
			    }			    					   				

            	   
	       #nextButton1 {
					    font-weight: bold;
					 background: transparent;
					//  background-image: url(../images/next2.png);
					//    background-image: url(../images/next4.png);
					 //   background-image: url(../images/arightbig.png);
					    background-image: url(images/aright2.png);
					   background-repeat: no-repeat;
					  background-position: center;
					//  background-size: 100px;
					   background-size: contain;
					  //  position: relative;
					 //   top: -80px;
					    position: absolute ;
					 //   bottom : 20px ;
					//  bottom : 250px ;
					 //   top: 20px ;
					   //   top: 50px ;
					     top: 70px ; 
					 //  top : 350px ;
					 //  top : 500px ;
					//	right: 10px ;
					    right: 10px ;
					//    width: 80px;
					//    width: 95px;
					//    height: 100px;
					     width: 60px;
					    height: 35px;
				     //    float: right;
				     //    margin-right: 50px;
				         margin-top: 0px;
					//    cursor: pointer;
            			border: none;
						outline: none ;
						z-index: 10 ;
					  }

                 #backButton {
					 		    font-weight: bold;
					  background: transparent;
					//    background-color:#93774F;
					//  background-image: url(../images/back2.png);
					//   background-image: url(../images/back4.png);
					//   background-image: url(../images/aleftbig.png);
					 background-image: url(images/aleft2.png);
					  background-repeat: no-repeat;
					  background-position: center;
					//  background-size: 100px;
					  background-size: contain;
					 	 //   top: -80px;
					    position: absolute ;
					  //  bottom : 250px ;
					  //   top: 12% ;
					  //   top: 20px ;
					  //    top: 50px ;
					       top: 70px ;
					 //   width: 80px;
					 //  width: 95px;
					 //   height: 100px;
					     width: 60px;
					    height: 35px;
				     //    float: right;
				      //   margin-left: 50px;
					 //   left: 50px ;
					      left: 10px ;
					       //   margin-top: 0px;
					    cursor: pointer;
            			border: none;
						z-index: 10 ;
					visibility: hidden ;
			    }