html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;
margin: 0%;}
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    30px;
    height: 490px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}




.titre flex{
    display: flex;
  justify-content: space-around; 

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight:700;
  font-style: normal;
font-size:34px;
  margin-top: 230px; 
  margin-left: 6%;
  text-align: center; 
     }


header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;
    text-align: center;
    margin-left: 6%;
    margin-top: 20px;

}


.navbar-brand {color:gold;
    font-size:14px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

.navbar-nav{flex-direction: column-reverse;
margin-top: -10PX;}



.slider
{max-width: 100%;
    height: 440PX;
    overflow: hidden;
    position: absolute;
    margin: 1PX auto;
    border: 5PX;
    margin-top: 3PX;
    border-style:dotted;
    border-color:rgb(148, 145, 145);}
.slide
{float:left;}

.slides
{width: calc(830PX*5);
animation:glisse 18s infinite;}
  
@keyframes glisse{
 0%  { 
        transform:translateX(0PX); 
    }
 25% { 
     transform: translateX(0PX);
    }
 50% { transform: translateX(-900PX);}  
    
75% {transform: translateX(-1560PX);}  
    
    100%{transform: translateX(-2850PX);}   
    
     }

 
/* ---------------------------------------------------- SECTION -----------------------------------------------*/


.titrepage{margin-left: 8%;
margin-top: 470px;
text-align: center;
color:rgb(179, 180, 146);
 font-family: "Poppins", sans-serif;
    font-size: 28PX;
    font-weight: 700;
}
  .conteneur1
{display: flex;
justify-content: space-between;
margin-top: 90px;}


.conteneur2 
{display: flex;
justify-content: space-between;
margin-top: 25px;}



.conteneur3 
{display: flex;
justify-content: space-between;
margin-top: 25px;}


/* ---------------------------------------------------- ECRIT-----------------------------------------------*/

.écrit
{background-color:white;
    height: 275px;
    width:780PX;
margin-top:75PX; 
    margin-left:40px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 12PX;
  font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color:gainsboro ;
 border-width: 7px;
display: inline-block;}


.écrit2
{background-color:white;
    height: 275px;
    width:780PX;
margin-top:200PX; 
    margin-left:30px;
    margin-right:0px;
    margin-bottom: 90PX;
    padding: 19PX; 
    font-size: 12PX;
font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: gainsboro;
      border-width: 7px;
    display: inline-block;  }


     
    
.écrit3{
  background-color:white;
    height: 275px;
    width:780PX;
margin-top:160PX; 
    margin-left:50px;
    margin-right:0px;
    padding: 19PX; 
    margin-bottom: 60PX;
    font-size: 12PX;
 font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color:gainsboro ;
      border-width: 7px;
    display: inline-block;}




.écrit P{
    margin-right:1OPX; }
/*style pour l'image*/
.titre
{color:rgb(148, 145, 145);
 font-family: "Poppins", sans-serif;
    font-size: 22PX;
text-align: center;
    margin-top: 3px;
    font-weight: 700;
    
}

                
    




/* ----------------------------------------------------FIN ECRIT-----------------------------------------------*/

button


{background-color:rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
     width: 125PX; }

.btprp
{ position: relative;
top: 20px;}

.binj
{position: relative;
top:20px;}

.blas
{position: relative;
top: 20px;}

.bem
{position: relative;
top: 0px;}
.bpe
{position: relative;
top: 1px;}

.bcryo
{height: 50PX;}

.prp
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(202, 200, 200);
    border-width: 8px;
position: absolute;
 top: 1150px;
    left:15PX;}



.inj
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(202, 200, 200);
    border-width: 8px;
position: absolute;
 top: 1160px;
    left:390PX;}


.plexr
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(202, 200, 200);
        border-width: 8px; 
    position: absolute;
  top: 1160px;
    left:825PX;    }

.laser
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(202, 200, 200);
        border-width: 8px; 
    position: absolute;
      top: 1650px;
    left:10PX;  }

  .fil 
 {height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(202, 200, 200);
        border-width: 8px; 
    position: absolute;
    top: 1660px;
    left:400PX;  }

                   
.ems
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(202, 200, 200);
        border-width: 8px; 
    position: absolute;
      top: 1660px;
    left:830PX; }

                    

.cryo
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
    border-width: 8px; 
   border-style:double;
  border-color:rgb(202, 200, 200);
     position: absolute;
    top: 2200px;
    left:0PX; }
                    

.pee{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-width: 8px; 
    border-style:double;
  border-color:rgb(202, 200, 200);
    position: absolute;
    top: 2220px;
    left:400PX;}
                    


.footer
{height: 265PX;
  background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%); 
    margin-top: 150px; }

                       

.foot
{text-align: center;
color:white;
padding:60PX;
padding-left: 7%;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color:white;
  margin-left: -18%;
margin-top: 5PX;
list-style: none;}


.légales{margin-top: -50PX;
margin-left: 64%;
list-style: none;}
    
.crea{font-size: 12px;
    color:white;
  margin-left:250PX;
  margin-top: 25PX;
  position: absolute;
}

@media screen and (min-width: 300px) and (max-width: 650px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    -50px;
    height: 450px;
max-width: 100%;}


.logo
{ height: 80px;
  width: 80px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-45PX ;
 margin-left: 8PX;
z-index: 2;}




.titreflex{font-size: 12PX;
    display: flex;
  justify-content: space-around;
  margin-top: 20PX; 
  margin-left: 10PX;
  

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
    padding-top: -15px;
    margin-top: 80Px;
    margin-left:2px;
    text-align: center;
     }


header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 13PX;
    margin-top: 125PX;
    margin-left: -365px;
    text-align: center;

}

.titrepage{margin-top: 310px;
color:rgb(179, 180, 146);
font-size: 24PX;
margin-left: 2%;}


.slider
{max-width: 100%;
    height: 390PX;
    overflow: hidden;
    position: absolute;
    margin: 1PX auto;
    border: 5PX;
    border-style:dotted;
    border-color:rgb(148, 145, 145);
    margin-top: -110px;}
.slide
{float:left;}

.slides
{width: calc(960PX*4);
animation:glisse 18s infinite;}
  
@keyframes glisse{
 0%  { 
        transform:translateX(0PX); 
    }
 25% { 
     transform: translateX(0PX);
    }
 50% { transform: translateX(-950PX);}  
    
75% {transform: tRanslateX(-1850PX);}  
    
    100%{transform: translateX(-2600PX);}   
    
     }

.navbar-brand {color:gold;
    font-size:44px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:12px;
   font-family: "Poppins", sans-serif;
    font-weight: 600;
    color:grey;
  z-index: 1;}

    .navbar-toggler{color: dodgerblue;
    width: 50px;
  height: 40PX;
  margin-top: 58PX;
}
    .navbar-toggler-icon{color:gold;}
    
 .navbar-collapse{margin-top: -55PX;} 

 .conteneur1
{display: flex;
  flex-wrap: wrap;
margin-top: 80px;



}


.conteneur2
{display: flex;
  flex-wrap: wrap;
margin-top: 35px;}



.conteneur3 
{display: flex;
  flex-wrap: wrap;
margin-top: 15px;}


/* ---------------------------------------------------- ECRIT-----------------------------------------------*/

.écrit
{background-color:white;
    height: 450px;
    width:760PX;
 
    margin-left:40px;
    margin-right: 35PX;
    padding: 35PX; 
    font-size: 15PX;
 font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
 border-width: 7px;
 margin-bottom:60px;
 
}


.écrit2
{background-color:white;
    height: 420px;
    width:760PX;
margin-top:100PX; 
    margin-left:40px;
    margin-right:35px;
    margin-top: 60px;
    padding: 28PX; 
    font-size: 15PX;
  font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
      border-width: 7px;
    display: inline-block;  }



     
    
.écrit3{
  background-color:white;
    height: 420px;
    width:760PX;
margin-top:100PX; 
    margin-left:40px;
    margin-right:35px;
    padding: 28PX; 
    font-size: 16PX;
  font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
    border-width: 7px;
    display: inline-block;}




.écrit P{
    margin-right:1OPX; }
/*style pour l'image*/
.titre
{
 font-family: "Poppins", sans-serif;
    font-size: 22PX;
text-align: center;
    margin-top: 8px;
    color: rgb(179, 180, 146);
}

                
    




/* ----------------------------------------------------FIN ECRIT-----------------------------------------------*/

button
{
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 44PX;
     width: 125PX; }

.btprp
{ position: relative;
top: 120px;}

.binj
{position: relative;
top:123px;}
.bfil{
margin-top: 30px;}
.bcryo{margin-top: -15PX;}
.blas
{position: relative;
top: 75px;}

.bem
{position: relative;
top: 30px;}
.bpe
{position: relative;
top: 10px;}
.bplex{margin-top: 10px;}

.prp
{height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-style:double;
    border-width: 8px;
position: absolute;
 top: 860px;
    left:30%;}



.inj
{height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-style:double;
    border-width: 8px;
position: absolute;
 top: 1450px;
    left:31%;}


.plexr
{height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-style:double;
        border-width: 8px; 
    position: absolute;
  top: 2040Px;
    left:31%;    }

.laser
{height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-style:double;
        border-width: 8px; 
    position: absolute;
      top: 2635px;
    left:31%;  }

  .fil 
 {height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-style:double;
        border-width: 8px; 
    position: absolute;
    top: 3210px;
    left:30%;  }

                   
.ems
{height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-style:double;
        border-width: 8px; 
    position: absolute;
      top: 3775px;
    left:30%; }

                    

.cryo
{height: 150px;
  width: 150px;
 border-radius: 100% ; 
    border-width: 8px; 
   border-style:double;
     position: absolute;
    top: 4400px;
    left:30% }
                    

.pee{height: 150px;
  width: 150px;
 border-radius: 100% ; 
   border-width: 8px; 
    border-style:double;
    position: absolute;
    top: 4980px;
    left:30%;}
                    


.footer
{height: 220PX;
    margin-top: 150px; }

   h3.foot{padding-top: 20PX;}                    
.foot
{text-align: center;
color:white;
padding:53PX;
border: 5px;
border-style: dotted;}

 .mention{position: absolute;
    color: white;
  margin-left: -28%;
margin-top: 0PX;}

.crea{position: absolute;
font-size: 8px;
margin-top: 30PX;
margin-left: -90PX;
color: white;}
  }


 @media screen and (min-width: 651px) and (max-width: 1023px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    0px;
    height: 450px;
max-width: 100%;}
.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-50PX ;
 margin-left: 10PX;
z-index: 2;}

.sous titre
{padding: 5px;
color: grey;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:24px;}


.titre flex{
    display: flex;
  justify-content: space-around; 

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
  margin-top: 190px;  
     }


header h2
{color:gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;

}




.navbar-brand {color:gold;
    font-size:34px;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:28px;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
    color:grey;}

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}


.titrepage{margin-left: 2%;}

 .conteneur1
{display: flex;
  flex-wrap: wrap;
margin-top: 30px;
}


.conteneur2
{display: flex;
  flex-wrap: wrap;
margin-top: 25px;}



.conteneur3
{display: flex;
  flex-wrap: wrap;
margin-top: 25px;}


/* ---------------------------------------------------- ECRIT-----------------------------------------------*/

.écrit
{background-color:white;
    height: 240px;
    width:700PX;
margin-top:115PX; 
    margin-left:30px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 16PX;
font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: rgb(181, 182, 153);
 border-width: 7px;
display: inline-block;
margin-bottom: 70PX;}


.écrit2
{background-color:white;
    height: 240px;
    width:700PX;
margin-top:150PX; 
    margin-left:30px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 16PX;
font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: rgb(181, 182, 153);
      border-width: 7px;
    display: inline-block;  }


     
    
.écrit3{
  background-color:white;
    height: 240px;
    width:700PX;
margin-top:160PX; 
    margin-left:30px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 16PX;
  font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: rgb(181, 182, 153);
      border-width: 7px;
    display: inline-block;}




.écrit P{
    margin-right:1OPX; }
/*style pour l'image*/
.titre
{color:grey;
font-family: "Poppins", sans-serif;
    font-size: 22PX;
text-align: center;
    margin-top: 3px;
    
}

                
    




/* ----------------------------------------------------FIN ECRIT-----------------------------------------------*/

button
{background-color: rgb(181, 182, 153);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
     width: 125PX; }

.btprp
{ position: relative;
top: 20px;
height: 50PX;
}

.binj
{position: relative;
top:20px;}

.blas
{position: relative;
top: 20px;}

.bem
{position: relative;
top: 0px;}
.bpe
{position: relative;
top: 1px;}

.prp
{height: 160px;
  width: 160px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
    border-width: 8px;
position: absolute;
 top: 1070px;
    left:38%;}



.inj
{height: 160px;
  width: 160px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
    border-width: 8px;
position: absolute;
 top: 1490px;
    left:38%;}


.plexr
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
  top: 1900px;
    left:300PX;    }

.laser
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
      top: 2390px;
    left:38%;  }

  .fil 
 {height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
    top: 2870px;
    left:285PX;  }

                   
.ems
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
      top: 3355px;
    left:300PX; }

                    

.cryo
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
    border-width: 8px; 
   border-style:double;
  border-color:rgb(181, 182, 153);
     position: absolute;
    top: 3860px;
    left:38%; }
                    

.pee{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-width: 8px; 
    border-style:double;
  border-color:rgb(181, 182, 153);
    position: absolute;
    top: 4320px;
    left:290PX;}
                    


.footer
{height: 170PX;
    background-image: url(bas%20du%20cabinet.jpg);
    margin-top: 100px; }

                       
                


.foot
{text-align: center;
color:white;
padding:60PX;
border: 5px;
border-style: dotted;}
    


  }

 @media screen and (min-width: 1300px) {
 html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}
 
  header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 20%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    30px;
    height: 590px;
max-width: 100%;}

.titrepage{margin-top: 530px;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}

.sous titre
{padding: 5px;
color: dodgerblue;
font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:24px;}


.titre flex{
    display: flex;
  justify-content: space-around; 

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
  margin-top: 210px;  
     }


header h2
{color:gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;
    color:white;

}




.navbar-brand {color:gold;
    font-size:44px;
 font-family: "Poppins", sans-serif;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:22px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    ;
    text-align: center;
    margin-left: -10%;
    color:grey;}

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

 .conteneur1
{display: flex;
margin-top: 80px;}


.conteneur2
{display: flex;
margin-top: 25px;}



conteneur3 
{display: flex;
margin-top: 25px;}


/* ---------------------------------------------------- ECRIT-----------------------------------------------*/

.écrit
{background-color:white;
    height: 280px;
    width:750PX;
margin-top:105PX; 
    margin-left:30px;
    margin-right:0px;
    padding: 25PX; 
    font-size: 16PX;
 font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: gainsboro;
 border-width: 7px;
display: inline-block;}


.écrit2
{background-color:white;
    height: 280px;
    width:750PX;
margin-top:200PX; 
    margin-left:30px;
    margin-right:0px;
    padding: 25PX; 
    font-size: 16PX;
 font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color:gainsboro;
      border-width: 7px;
    display: inline-block;  }


     
    
.écrit3{
  background-color:white;
    height: 280px;
    width:750PX;
margin-top:160PX; 
    margin-left:50px;
    margin-right:0px;
    padding: 25PX; 
    font-size: 16PX;
   font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: gainsboro;
      border-width: 7px;
    display: inline-block;}




.écrit P{
    margin-right:1OPX; }
/*style pour l'image*/
.titre
{color:rgb(181, 182, 153);
font-family: "Poppins", sans-serif;
    font-size: 22PX;
text-align: center;
    margin-top: 3px;
    
}

                
    




/* ----------------------------------------------------FIN ECRIT-----------------------------------------------*/

button
{background-color: rgb(181, 182, 153);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 45PX;
     width: 125PX; }

.btprp
{ position: relative;
top: 20px;}

.binj
{position: relative;
top:20px;}

.blas
{position: relative;
top: 20px;}

.bem
{position: relative;
top: 0px;}
.bpe
{position: relative;
top: 1px;}

.prp
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
    border-width: 8px;
position: absolute;
 top: 1345px;
    left:10PX;}



.inj
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
    border-width: 8px;
position: absolute;
 top: 1350px;
    left:620PX;}


.plexr
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
  top: 1350px;
    left:1250PX;    }

.laser
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
      top: 1855px;
    left:10PX;  }

  .fil 
 {height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:silver;
        border-width: 8px; 
    position: absolute;
    top: 1860px;
    left:620PX;  }

                   
.ems
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
      top: 1860px;
    left:1250PX; }

                    

.cryo
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
    border-width: 8px; 
   border-style:double;
  border-color:rgb(181, 182, 153);
     position: absolute;
    top: 2405px;
    left:15PX; }
                    

.pee{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-width: 8px; 
    border-style:double;
  border-color:rgb(181, 182, 153);
    position: absolute;
    top: 2420px;
    left:620PX;}
                    


.footer
{height: 270PX;
    background-color: rgb(181, 182, 153);
    margin-top: 125px; }

                       
                


.foot
{text-align: center;
color:white;
padding:60PX;
border: 5px;
border-style: dotted;}
    


 }

                                               
     @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}  

  header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
  
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    0px;
    height: 480px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}

.sous titre
{padding: 5px;

font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:24px;}


.titre flex{
    display: flex;
  justify-content: space-around; 

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
  padding-top: 10px;  
     }


header h2
{color:gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;

}




.navbar-brand {color:gold;
    font-size:44px;
   font-family: "Poppins", sans-serif;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
    color:grey;}

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

 .conteneur1 
{display: flex;
  justify-content: space-between;
margin-top: 70px;}


.conteneur2 
{display: flex;
margin-top: 25px;}



.conteneur3 
{display: flex;
margin-top: 25px;}


/* ---------------------------------------------------- ECRIT-----------------------------------------------*/

.écrit
{background-color:white;
    height: 300px;
    width:700PX;
margin-top:105PX; 
    margin-left:50px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 16PX;
font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: rgb(181, 182, 153);
 border-width: 7px;
display: inline-block;}


.écrit2
{background-color:white;
    height: 300px;
    width:700PX;
margin-top:200PX; 
    margin-left:50px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 16PX;
  font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color: rgb(181, 182, 153);
      border-width: 7px;
    display: inline-block;  }


     
    
.écrit3{
  background-color:white;
    height: 300px;
    width:700PX;
margin-top:160PX; 
    margin-left:50px;
    margin-right:0px;
    padding: 19PX; 
    font-size: 16PX;
   font-family: "Poppins", sans-serif;
    color:black;
    text-align: center;
   border-radius:100PX;
  border-style:double;
  border-color:rgb(181, 182, 153); 
      border-width: 7px;
    display: inline-block;}




.écrit P{
    margin-right:1OPX; }
/*style pour l'image*/
.titre
{color:rgb(179, 180, 146);
  font-family: "Poppins", sans-serif;
    font-size: 22PX;
text-align: center;
    margin-top: 3px;
    
}

                
    




/* ----------------------------------------------------FIN ECRIT-----------------------------------------------*/

button
{ background-color:rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 45PX;
     width: 125PX; }

.btprp
{ position: relative;
top: 45px;}

.binj
{position: relative;
top:70px;}

.blas
{position: relative;
top: 45px;}

.bem
{position: relative;
top: 20px;}
.bpe
{position: relative;
top: 20px;}

.prp
{height: 160px;
  width: 160px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
    border-width: 8px;
position: absolute;
 top: 1195px;
    left:40PX;}



.inj
{height: 160px;
  width: 160px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
    border-width: 8px;
position: absolute;
 top: 1205px;
    left:460PX;}


.plexr
{height: 160px;
  width: 160px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
  top: 1205px;
    left:950PX;    }

.laser
{height: 160px;
  width: 160px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
      top: 1710px;
    left:40PX;  }

  .fil 
 {height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
    top: 1715px;
    left:475PX;  }

                   
.ems
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-style:double;
  border-color:rgb(181, 182, 153);
        border-width: 8px; 
    position: absolute;
      top: 1720px;
    left:960PX; }

                    

.cryo
{height: 170px;
  width: 170px;
 border-radius: 100% ; 
    border-width: 8px; 
   border-style:double;
  border-color:rgb(181, 182, 153);
     position: absolute;
    top: 2290px;
    left:30PX; }
                    

.pee{height: 170px;
  width: 170px;
 border-radius: 100% ; 
   border-width: 8px; 
    border-style:double;
  border-color:rgb(181, 182, 153);
    position: absolute;
    top: 2290px;
    left:475PX;}
                    


.footer
{height: 225PX;
    background-color:rgb(181, 182, 153);
    margin-top: 100px; }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}
    


 }