@media all and (max-width:1018px)



{
    nav { display: inline; position: absolute; transform:translate(-1000px,0); transition: all 0.3s ease; float:right;}
    nav a {width: 60%; padding: 0%; float:left;}
    #menu:checked+nav {transform: translate(0,0); transition: all 0.3s ease;}
    #hamburger { height:14px;width: 55px; font-size: xx-small;text-align: center;padding-top: 1%;border: solid whitesmoke; border-radius: 2em;background-color: #272c2d; border-width: thin; margin-bottom: 0%; margin-right: 2%;margin-left: 3%; margin-top:1%;display: inline-block; z-index:9; }

#grandissilvaacentrer {width:70%}


/* PAGE INDEX*/


.lecture {display:block; text-align: center; width:100%; margin-top: 3%;}
.blocgauche {width: 98%; padding: 1%;}
.blocdroit {width: 98%; padding: 1%;}
.blocbas {width: 98%; padding: 1%;}
.sousblocbas {width: 98%; padding: 1%;}
.noschiens { display:block; width:  98%; padding: 1%;}
.reduire {width: 70%;margin-top: 10%;}
.pedigree {width: auto;}
img.reduire:hover { transform: none; -webkit-transform: none ;transform: none;}
img.jackpluspetit:hover  { transform: none; -webkit-transform: none ;transform: none;}
.cookies {width: 20%; margin-top: 3px;margin-bottom: -5px; padding-bottom: 0;}
#btncookie {width:40%}



/*PAGE ACHAT*/

#sectionachat {display: block; width: 98%; text-align: center;}
#asavoir {display:none;}
#adroitedeasavoir {width: 98%; padding: 1%; text-align: center;margin: auto;}
#poubelle {text-align: center;}
#millionsdamis {width: 40%; text-align: center; margin: auto;}
.millionsdamis {display: flex;}

 /* PAGE CONTACT ACTUALITES*/
 
 
 .messageenvoye {font-size:1.5em;}

 iframe {max-width: 95%;}

 fieldset {border: none;}
 .mail {text-align: center; clear: both;}




/* PAGE EXPOSITON */

.expo {text-align:left; font-size:small;}
}


    

/* --  TOUT CE QUI SUIT CONCERNE LE CARROUSEL --- */

@media (max-width: 768px) {
    /* -- CONTAINER -- */
    .container {
      overflow-y: auto;
    }
  .container .carrousel .quitourne {padding: 0%; background: none; overflow: hidden; text-align: center;}
    /* ---SLIDE--- */
    /* Changement de rotation */
   @keyframes rotation {
      0% {
        transform: rotateX(0deg);
      }
  
      100% {
        transform: rotateX(-360deg);
      }
    }
  
    /* ---CARROUSEL--- */
    .container .slide .carrousel {
      max-width: 350px;}
  
    .container .slide .carrousel:nth-child(1) {
      transform: rotateX(60deg) translateZ(400px);}
  
    .container .slide .carrousel:nth-child(2) {
      transform: rotateX(120deg) translateZ(400px);}
  
    .container .slide .carrousel:nth-child(3) {
      transform: rotateX(180deg) translateZ(400px);}
  
    .container .slide .carrousel:nth-child(4) {
      transform: rotateX(240deg) translateZ(400px); }
  
    .container .slide .carrousel:nth-child(5) {
      transform: rotateX(300deg) translateZ(400px);}
  
    .container .slide .carrousel:nth-child(6) {
      transform: rotateX(360deg) translateZ(400px);}
  }
  


  @media (max-width: 550px) {
      
    #logo {width:25%}  
      
    /* ---CARROUSEL--- */
  


  .container {display:none;}


  /*CHANGEMENT TAILLE IMAGE COOKIES POUR PETITS ÉCRANS */
  .cookies {width: 25%; margin-top: 3px;margin-bottom: -5px; padding-bottom: 0;}
    }