body{
    background-color: white;
}





.img-head{
    position: absolute;
    top: 0.2vw;
    left: 2vw;
    height: 4vw;
    width: 6vw;
}

/*******************************************************************************************************/
/******************************************************************************************************/

.div-menu2 .ul-menu2 {
	list-style: none;
	display: flex;
	position: absolute;
	top: 0.8vw;
	left: 20vw;
}



.div-menu2 .ul-menu2 li{
	position:relative;
	display: flex;
	padding-right: 3vw;
	font-size: 1.1vw;
	font-weight: 600;
    font-family: 'Montserrat', sans-serif;
	
}


.li-accueil{
       
    color: rgb(255, 255, 255);
    }

        .div-menu2 .ul-menu2 .li-confi a{
            width: 10vw;
            height: 2.1vw;
            color: white;
            padding-left: 0.8vw;


            background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
            background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
            background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
            background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));

         }



         .div-menu2 .ul-menu2 .li-confi:hover a{
           color: orange;
            
            
         }


				.div-menu2 .ul-menu2 li a{
					color: rgb(84, 82, 82);
					
				}






											.div-menu2 .ul-menu2 .li-sen:hover a {
												border-bottom: 7px solid rgb(255, 162, 0);
												padding-bottom: 0.5vw;
                                               
											}

                                            .div-menu2 .ul-menu2 .li-accueil:hover a {
												border-bottom: 7px solid rgb(255, 162, 0);
												padding-bottom: 0.5vw;
											}




   




                                            #button{
                                                width: 6vw;
                                                height: 2vw;
                                                border-radius: 10px;
                                                cursor: pointer;
                                                font-weight: 600;
                                                margin-left: 0.3vw;
                                                transition:  0.3s ease;
                                                    backdrop-filter: blur(7px);
                                                    background-color: #ffb300;
                                                    box-shadow: none;
                                                    color: rgb(255, 255, 255);
                                                    cursor: pointer;
                                                    font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
                                                    text-align: center;
                                                    transition: all 250ms;
                                                    border: 0;
                                                    font-size: 1.2vw;
                                                    user-select: none;
                                                    -webkit-user-select: none;
                                                    touch-action: manipulation;
                                                    
                                            }



                                            
                                                        #button:hover{
                                                            box-shadow:none;
                                                            transform: scale(1.05) rotate(-4deg);
                                                            padding-bottom: 1.5vw;
                                                            color: red;
                                                            
                                                        }

.day{
	display: none;
}

.day2{
	display: none;
}

#check3{
	display:none ;
	position: absolute;
	left: 90vw;
	
	
}

#check4{
	display: none;
}



.confi-sen{
    position: relative;
    left: 1.4vw;
   height: 40vw;
   width: 96vw;
   overflow: hidden;
   border-radius: 20px;
   box-shadow: 0.3vw 0.3vw rgb(187, 186, 186),  -0.3vw 0.2vw rgb(187, 186, 186);
    background-color: rgba(0, 0, 0, 0.636);
}


            .img-confi1{
                position: absolute;
                top: 2vw;
                left: 2vw;
                height: 33vw;
                width: 40vw;
                transform:  rotate(-10deg);
           
						animation-name: anime-dura2;
						animation-duration: 7s;
						animation-timing-function: linear;
						animation-delay: 0.3s;
						animation-direction: alternate;
						
					}
	
	
	

									@keyframes anime-dura2{

										0% {transform: scale(0.1) rotate(10deg);}
										50% {transform: scale(0.4) rotate(55deg);}
										100% {transform: scale(0.7) rotate(90deg);}
										
									
								}
	
								@-webkit-keyframes anime-dura2{

										0% {transform: scale(0.1) rotate(10deg);}
										50% {transform: scale(0.4) rotate(55deg);}
										100% {transform: scale(0.7) rotate(90deg);}
										
										
								}	
								@-moz-keyframes anime-dura2{

										0% {transform: scale(0.1) rotate(10deg);}
										50% {transform: scale(0.4) rotate(55deg);}
										100% {transform: scale(0.7) rotate(90deg);}
										
								}	
								@-o-keyframes anime-dura2{

								    	0% {transform: scale(0.1) rotate(10deg);}
										50% {transform: scale(0.4) rotate(55deg);}
										100% {transform: scale(0.7) rotate(90deg);}
									
								}


            .p-confi1{
                position: absolute;
                right: 4vw;
                width: 50vw;
                top: 5vw;
                font-size: 2.7vw;
                font-weight: 300;
                color: white;
                opacity: 1;

                
                animation-name: anime-envi1;
                animation-duration: 15s;
                animation-timing-function: ease;
                animation-delay: 0.1s;
                animation-direction: alternate;
                
            }



            

                            @keyframes anime-envi1{
                                from{
                                    position: absolute;
                                    opacity: 0;

                                }
                                
                                to{
                                    position: absolute;
                                    opacity: 1;
                                }
                            
                            }

                        @-webkit-keyframes anime-envi1{
                            from{
                                position: absolute;
                                opacity: 0;

                            }
                            
                            to{
                                position: absolute;
                                opacity: 1;
                            }
                            
                                
                            }	
                        @-moz-keyframes anime-envi1{
                            from{
                                position: absolute;
                                opacity: 0;

                            }
                            
                            to{
                                position: absolute;
                                opacity: 1;
                            }
                                
                                
                            }	
                        @-o-keyframes anime-envi1{
                            from{
                                position: absolute;
                                opacity: 0;

                            }
                            
                            to{
                                position: absolute;
                                opacity: 1;
                            }
                            }
                            /***********************************************************************************************************/


            .sp-sen{
                font-weight: 700;
                color: #ffb300;
            }

            .div-blur-sen{
                width: 100%;
                position: absolute;
                height: 40vw;
                background: -moz-linear-gradient(90deg, RGBa(0, 0, 0, 0.1), RGBa(00, 0, 0, 7));
                background: -webkit-linear-gradient(90deg, RGBa(0, 0, 0, 0.1), RGBa(0, 0, 0, 7));
                background: -o-linear-gradient(90deg, RGBa(0, 0, 0, 0.1),  RGBa(0, 0, 0, 7));
                background: linear-gradient(90deg, RGBa(0, 0, 0, 0.1),  RGBa(0, 0, 0, 7));
            }
                 


            .defaultcont{
                position: absolute;
                top: 33vw;
                left: 0vw;
                width: 25vw;
                height: 15vw;
            

                animation-name: defaultcont;
                animation-duration: 1s;
                animation-timing-function: ease;
                animation-delay: 0.1s;
            
                

                
            }



            

                            @keyframes defaultcont{
                                from{
                                    position: absolute;
                                    left: -25vw;
                                    opacity: 0;

                                }
                                
                                to{
                                    position: absolute;
                                    left: 0vw;
                                    opacity: 1;
                                   
                                }
                            
                            }

                        @-webkit-keyframes defaultcont{
                            from{
                                position: absolute;
                                left: -25vw;
                                opacity: 0;

                            }
                            
                            to{
                                position: absolute;
                                left: 0vw;
                                opacity: 1;
                            }
                            
                                
                            }	
                        @-moz-keyframes defaultcont{
                            from{
                                position: absolute;
                                left: -25vw;
                                opacity: 0;

                            }
                            
                            to{
                                position: absolute;
                                left: 0vw;
                                opacity: 1; 
                            }
                                
                                
                            }	
                        @-o-keyframes defaultcont{
                            from{
                                position: absolute;
                                left: -25vw;

                            }
                            
                            to{
                                position: absolute;
                                left: 0vw;
                            }
                            }


            .defaultcont p{
                position: absolute;
               background-color: white;
               font-size: 1 vw;
               color: black;
               width: 15vw;
               padding: 0.5vw 0vw 4vw 1vw;
               border-radius: 20px;
               left: 9vw;
               top: 0vw;
            }

            .defaultcont img{
               height: 7vw;
               width: 7vw;
               position: relative;
               left: 1vw;
               top: 2vw;
               border-radius: 50%;
             }

            .defaultcont a{
               text-decoration: none;
               color: rgba(229, 58, 58, 0.895);
               font-weight: 600;
               position: absolute;
               font-size: 1.2vw;
               top: 7vw;
               left: 15vw;
             }


                        .defaultcont a:hover{
                           background-color: #ffb300;
                           color: white;
                           padding: 0.2vw 0.1vw;
                        }


.div-bloc{
    position: relative;
    left: 2vw;
    border-bottom: 1px solid rgb(138, 138, 138);
    width: 80%;
    height: 50vw;
    padding: 4vw 8vw;
}


h2{
    font-size: 3vw;
    color: rgb(0, 0, 0);
    cursor: pointer;

}


h2:hover{
    font-size: 3.1vw;
    color: rgb(5, 87, 5);
    cursor: pointer;
    
}

.p-c, .p-c2{
    font-size: 1.7vw;
    width: 50vw;
    line-height: 2.6vw;
    color: rgb(94, 91, 91);
}

.p-p, .p-p2{
    font-size: 1.7vw;
    width: 50vw;
    line-height: 2.6vw;
    color: rgb(94, 91, 91);
}


.p-p2{
    position: relative;
    background-color: black;
    color: white;
    top: 3vw;
    left: -2vw;
    padding: 1vw 2vw;

}

#p-c2{
    position: relative;
    top: 4vw;
    left: -2vw;
    padding: 3vw 1vw;
    color: white;


                                     background: -moz-linear-gradient(from top left,  rgb(51, 172, 253), rgba(6, 80, 253, 0.881));
									background: -webkit-linear-gradient(from top left,rgb(51, 172, 253), rgba(6, 80, 253, 0.896));
									background: -o-linear-gradient(from top left,   rgb(51, 172, 253), rgba(6, 80, 253, 0.9));
									background: linear-gradient(to bottom right,   rgb(51, 172, 253), rgba(6, 80, 253, 0.899));
}



.div-bloc ul li {
    position: relative;
    left: 2vw;
    font-size: 1.7vw;
    line-height: 3vw;
    width: 52vw;
    list-style: url(../PIC/circle8.png);
    color: rgb(7, 7, 7);
    z-index: 3;
    padding-left: 2vw;
}


.sp-coll{
    color: rgb(79, 147, 243);
    font-weight: 700
}


.sp-uti{
    color: rgb(255, 66, 66);
    font-weight: 700
}





.img-confi2, .img-confi3, .img-confi4, .img-confi5, .img-confi6, .img-confi7, .img-confi8, .img-confi9{
    position: absolute;
    height: 32vw;
    width: 33vw;
    top: 20%;
    right: 1vw;
    z-index: 1;
}


.a-link{
    color: orange;
    text-decoration: none;
    position: relative;
    top: 0vw;
    

}

            .a-link:hover{
                color: rgb(255, 255, 255);
                background-color: black;
                text-decoration: underline;
                scale: 1.3;
                
            }




            



/**************************************************************************************************/
/*******************************************************************************************/
/***************************************************************************************/
/*****************************************************************************/

@media screen and (min-width:200px) and (max-width:920px){



    .img-head{
        position: absolute;
        top: 3.5vw;
        left: 3vw;
        height: 10vw;
        width: 12vw;
    }







    .confi-sen{
        left: 1.9vw;
        top: -3vw;
        height: 125vh;
    }


    .div-blur-sen{
        height: 125vh;
    }


    .img-confi1{
        position: absolute;
        height: 35vw;
        width: 40vw;
        top: 120vw;
        left: 15vw;
    }


    .p-confi1{
        top: 20vw;
        left: 8vw;
        width: 80vw;
        font-size: 6.5vw;
        line-height: 9vw;
    }


    .div-bloc{
        position: relative;
        left: 2vw;
        border-bottom: 1px solid rgb(138, 138, 138);
        width: 80%;
        height: 170vw;
        padding: 4vw 8vw;
    }


    #div-stock{
        height: 250vw;
    }


    #div-cook{
        height: 115vw;
    }





    h2{
        font-size: 6vw;
        color: rgb(0, 0, 0);
        cursor: pointer;
    
    }

    .p-c, .p-c2{
        position: relative;
        top: 35vw;
        font-size: 5vw;
        width: 85vw;
        line-height: 6vw;
        color: rgb(94, 91, 91);
    }


    .p-p{
        position: relative;
        top: 40vw;
        font-size: 5vw;
        width: 85vw;
        line-height: 6vw;
        color: rgb(94, 91, 91);
        padding-bottom: 8vw;
    }

    .p-p2{
        position: relative;
        top: 40vw;
        left: -4.5vw;
        font-size: 5vw;
        width: 85vw;
        line-height: 6vw;
        color: rgb(255, 255, 255);
        padding-bottom: 8vw;
    }
    


    .div-bloc ul {
       margin: 12vw 0vw;
    
    }




    .div-bloc ul li {
        position: relative;
        left: 2vw;
        top: 30vw;
        font-size: 4vw;
        line-height: 5.5vw;
        width: 70vw;
        list-style: url(../PIC/arrow-4.png);
        color: rgb(7, 7, 7);
        z-index: 3;
    
    }



    .img-confi2, .img-confi3, .img-confi4, .img-confi5, .img-confi6, .img-confi7, .img-confi8, .img-confi9{
        position: absolute;
        height: 32vw;
        width: 33vw;
        top: 14%;
        left: 23%;
        z-index: 1;
    }


    #img-cook{
        top: 23%;
    }



    #img-contact{
        top: 19vw;
        margin-bottom: 6vw;
        height: 35vw;
    }



    #p-c2{
        position: relative;
        top: 40vw;
        left: -3.5vw;
        padding: 3vw 1vw;
        color: white;
    
    
                                         background: -moz-linear-gradient(from top left,  rgb(51, 172, 253), rgba(6, 80, 253, 0.881));
                                        background: -webkit-linear-gradient(from top left,rgb(51, 172, 253), rgba(6, 80, 253, 0.896));
                                        background: -o-linear-gradient(from top left,   rgb(51, 172, 253), rgba(6, 80, 253, 0.9));
                                        background: linear-gradient(to bottom right,   rgb(51, 172, 253), rgba(6, 80, 253, 0.899));
    }







    /************************************2nd bouton**********************************************************************/
    .div-menu2{
        display: ;
        width: 70vw;
        height: 50vw;
        position: absolute;
        top:1vw ;
        right: -71vw;
        background-color: rgba(40, 40, 39, 0.5);
        backdrop-filter: blur(15px);
        z-index: 300;
        transition:  all 0.3s ease;
        
        
        

        
    }
    

    .day{
        display: block;
        height: 6vw;
        width: 6vw;
        position: absolute;
        right: 6vw;
        top: 3.5vw;
        border-radius: 50%;
        cursor: pointer;
        transition:  0.3s ease; 
        z-index: 15;
    }

    .day2{
        display: block;
        height: 6vw;
        width: 6vw;
        position: relative;
        right: -2vw;
        top: 1vw;
        border-radius: 50%;
        cursor: pointer;
        transition:  0.3s ease; 
    }

    label {
        cursor: pointer;
        transition:  0.3s ease;
        
    }
    label:hover img{
        scale: 1.2;
    }

    #check3{
        display:none ;
        position: absolute;
        left: 90vw;
        
        
    }
    #check3:checked ~.div-menu2 {
        right: 0vw;

        
    }

    

/**********************************************************************************************************/
    /**********************************************************************************************************/

    .defaultcont{
        position: absolute;
        top: 150vw;
        left: 25vw;
        width: 75vw;
        height: 25vw;
    

        animation-name: defaultcont;
        animation-duration: 1s;
        animation-timing-function: ease;
        animation-delay: 0.1s;
    
        

        
    }



    

                    @keyframes defaultcont{
                        from{
                            position: absolute;
                            left: -25vw;
                            opacity: 0;

                        }
                        
                        to{
                            position: absolute;
                            left: 25vw;
                            opacity: 1;
                           
                        }
                    
                    }

                @-webkit-keyframes defaultcont{
                    from{
                        position: absolute;
                        left: -25vw;
                        opacity: 0;

                    }
                    
                    to{
                        position: absolute;
                        left: 25vw;
                        opacity: 1;
                    }
                    
                        
                    }	
                @-moz-keyframes defaultcont{
                    from{
                        position: absolute;
                        left: -25vw;
                        opacity: 0;

                    }
                    
                    to{
                        position: absolute;
                        left: 25vw;
                        opacity: 1; 
                    }
                        
                        
                    }	
                @-o-keyframes defaultcont{
                    from{
                        position: absolute;
                        left: -25vw;

                    }
                    
                    to{
                        position: absolute;
                        left: 25vw;
                    }
                    }


    .defaultcont p{
        position: absolute;
       background-color: white;
       font-size: 3vw;
       line-height: 4vw;
       color: black;
       width: 50vw;
       padding: 1vw 0vw 9vw 2vw;
       border-radius: 20px;
       left: 0vw;
       top: 0vw;
    }

    .defaultcont img{
       height: 14vw;
       width: 14vw;
       position: absolute;
       left:55vw;
       top: 2vw;
       border-radius: 50%;
     }

    .defaultcont a{
       text-decoration: none;
       color: rgba(229, 58, 58, 0.895);
       font-weight: 600;
       position: absolute;
       font-size: 3vw;
       top: 17vw;
       left: 23vw;
     }


                .defaultcont a:hover{
                   background-color: #ffb300;
                   color: white;
                   padding: 0.2vw 0.1vw;
                }




    /************************************2nd bouton**********************************************************************/
    .div-search{
        display:block ;
        width: 100%;
        height: 13vw;
        position: absolute;
        top:-14vw ;
        left:0vw;
        background-color: rgb(255, 255, 255);
        backdrop-filter: blur(7px);
        z-index:300;
        transition:  all 0.3s ease;





        }


        .search-open{
        display: block;
        height: 5.4vw;
        width: 5.4vw;
        position: absolute;
        right: 14vw;
        top: 3.5vw;
        border-radius: 50%;
        cursor: pointer;
        transition:  0.3s ease;
        z-index: 280; 
        border: 2PX solid white;
        }

        .search-close{
        display: block;
        height: 6vw;
        width: 6vw;
        position: relative;
        left: 90vw;
        top: 3.5vw;
        border-radius: 50%;
        cursor: pointer;
        transition:  0.3s ease; 
        }

        label {
        cursor: pointer;
        transition:  0.3s ease;

        }
        label:hover img{
        scale: 1.2;
        }

        #check4{
        display:none ;
        position: absolute;
        left: 90vw;


        }
        #check4:checked ~ .div-search {
        top: 0vw;


        }






        	
	/******************************************************/
	
	.div-menu2 .ul-menu2 {
		position: relative;
		display: block;
		left: 0vw;
		top: 0vw;
		list-style: none;
		
	}
	
	.div-menu2 .ul-menu2 li{
		position:relative;
		left: 0vw;
		font-size: 4vw;
		font-weight: 500;
		border-bottom: 1px solid rgb(194, 194, 194);
		line-height: 7vw;
		width: 93%;


	
	}



					.div-menu2 .ul-menu2 li:hover{
						
						font-weight: 600;
						border-bottom: 4px solid rgb(61, 238, 45);


					
					}



				.div-menu2 .ul-menu2 li a{
					margin-left: 4vw;
					color: rgb(255, 255, 255);
					width:100%;
					padding-left: 7vw;
					padding-top: 1.2vw;
					padding-bottom: 2vw;
				
				}


							.div-menu2 .ul-menu2 li:hover a{
								
								color: #93FFC5;
								border: none;
								
								
							
							}




                            .div-menu2 .ul-menu2 .li-confi a{
                                margin-left: 4vw;
                                color: rgb(255, 255, 255);
                                width:100%;
                                height: 5vw;
                                padding-left: 7vw;
                                padding-top: 1.2vw;
                                padding-bottom: 2vw;
                    
                             }


                             .div-menu2 .ul-menu2 .li-accueil{
                               position: relative;
                                left: -12vw;
                    
                             }

                             .div-menu2 .ul-menu2 .li-confi{
                                position: relative;
                                 height: 10vw;
                     
                              }



                            #button{
                                position: relative;
                                top: -1.9vw;
                                width: 15vw;
                                height: 3vw;
                                border-radius: 10px;
                                cursor: pointer;
                                font-weight: 600;
                                margin-left: 0.3vw;
                                transition:  0.3s ease;
                                    backdrop-filter: blur(7px);
                                    background-color: #ffb300;
                                    box-shadow: none;
                                    color: rgb(255, 255, 255);
                                    cursor: pointer;
                                    font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
                                    text-align: center;
                                    transition: all 250ms;
                                    border: 0;
                                    font-size: 3.7vw;
                                    user-select: none;
                                    -webkit-user-select: none;
                                    touch-action: manipulation;
                                    padding-bottom: 5vw;
                                  
                                    
                            }




                            .a-link{
                                color: orange;
                                text-decoration: none;
                                position: relative;
                                font-size: 4vw;
                                top: -0.3vw;
                                
                            
                            }
                            
                                        .a-link:hover{
                                            color: rgb(255, 255, 255);
                                            background-color: black;
                                            text-decoration: underline;
                                            scale: 1.3;
                                            
                                        }

}