/*responsive CSS*/ 

/* smartphone */
@media (min-device-width:200px) and (max-device-width:736px) {

  @keyframes scroll {

                0% { transform: translateY(15px); opacity: 0 !important; }
                10% { transform: translateY(0); opacity: 1 !important; }
                100% { opacity: 0 !important; }

                    }

  .scroll-downs {

                top: 500px;
                right: 0;
                bottom: 50px;
                left: 0;

                }

  .aproposdesiv { 

                padding-left: 20px;
                padding-right: 20px;

                }

  .aproposdesiv h1 { 

                font-size: 30px;

                }

  .aproposdesiv p { 

                font-size: 16px;
                text-align: justify;                
                
                }

  .aproposdesivservices h1 { 

                font-size: 20px;

                }

  .aproposdesivservices a { 
 
                font-size: 13px;
                
                }

  .doctele h1{ 
 
                font-size: 30px;

                }

  .doctele h2{ 

                font-size: 25px;

                } 

  .doctele a { 

                font-size: 14px;

                }

  .boutontel img{ 

                height:60px;
                margin-top: 0px;
                margin-left: 25px;

                }

  .speedcontact { 
 
                padding-left: 20px;
                padding-right: 20px;

                }

  .speedcontact h1{ 

                font-size: 30px;
                margin-bottom: 20px;
                margin-top: 30px;

                }

  .speedcontact h2{ 
 
                font-size: 20px;
                margin-bottom: 20px;

                }

  .speedcontact p { 

                font-size: 14px;

                }
      
  .speedcontact a { 

                font-size: 20px;
          
                }


  .awesomefooter h1{ 
 
                font-size: 30px;
                margin-top: 40px;

                }

  .awesomefooter h2{ 
 
                font-size: 30px;
                margin-top: 40px;

                }

  .awesomefooter p { 
 
                font-size: 14px;

                }

  .awesomefooter a { 

                font-size: 14px;

                }

  .awesomefooter a:hover { 

                font-size: 18px;

                }

  .custom-popup-class .mfp-container {

                padding-top: 20px;
                padding-bottom: 20px;

                }

  .custom-popup-class .mfp-content {

                width: 100%;
                max-width: 768px;
                height: 755%;

                }

  /* Ceci déplace le bouton de fermeture à l'intérieur du conteneur */
  #popup-with-something .mfp-close {

                top: 0px;
                right: 10px;

                }

  .some-element {

                padding-right: 20px;

                }

  .some-element h1 {

                margin-left: 20px;
                margin-top: 20px;
                font-size: 20px;
          
                }

  .some-element p {

                margin-left: 20px !important; 
                font-size: 12px;

                }

  .bystellar a { 

                font-size: 8px;
                margin-right: 2px;

                }

}


/* tablette */
@media (min-device-width:737px) and (max-device-width:1024px) {

  @keyframes scroll {

                0% { transform: translateY(15px); opacity: 0 !important; }
                10% { transform: translateY(0); opacity: 1 !important; }
                100% { opacity: 0 !important; }

                    }

  .scroll-downs {

                top: 550px;
                right: 0;
                bottom: 50px;
                left: 0;

                }

  .aproposdesiv { 

                padding-left: 20px;
                padding-right: 20px;

                }

  .aproposdesiv h1 { 

                font-size: 30px;

                }

  .aproposdesiv p { 

                font-size: 16px;
                text-align: justify;                
                
                }

  .aproposdesivservices { 

                margin-left: 205px;

                }


  .aproposdesivservices h1 { 

                font-size: 20px;
                

                }

  .aproposdesivservices a { 
 
                font-size: 13px;
                
                
                }

  .doctele h1{ 
 
                font-size: 30px;

                }

  .doctele h2{ 

                font-size: 25px;

                } 

  .doctele a { 

                font-size: 14px;

                }

  .boutontel img{ 

                height:60px;
                margin-top: 0px;
                margin-left: 100px;

                }

  .speedcontact { 
 
                padding-left: 20px;
                padding-right: 20px;

                }

  .speedcontact h1{ 

                font-size: 30px;
                margin-bottom: 20px;
                margin-top: 30px;

                }

  .speedcontact h2{ 
 
                font-size: 20px;
                margin-bottom: 20px;

                }

  .speedcontact p { 

                font-size: 14px;

                }
      
  .speedcontact a { 

                font-size: 20px;
          
                }


  .awesomefooter h1{ 
 
                font-size: 30px;
                margin-top: 40px;

                }

  .awesomefooter h2{ 
 
                font-size: 30px;
                margin-top: 40px;

                }

  .awesomefooter p { 
 
                font-size: 14px;

                }

  .awesomefooter a { 

                font-size: 14px;

                }

  .awesomefooter a:hover { 

                font-size: 18px;

                }

  .awesomefooter img{

                margin-top: 30px;
                margin-left: 150px;

                }

  .custom-popup-class .mfp-container {

                padding-top: 20px;
                padding-bottom: 20px;

                }

  .custom-popup-class .mfp-content {

                width: 100%;
                max-width: 900px;
                height: 700%;
                max-height: 1600px;

                }

  /* Ceci déplace le bouton de fermeture à l'intérieur du conteneur */
  #popup-with-something .mfp-close {

                top: 0px;
                right: 10px;

                }

  .some-element {

                padding-right: 20px;

                }

  .some-element h1 {

                margin-left: 20px;
                margin-top: 20px;
                font-size: 20px;
          
                }

  .some-element p {

                margin-left: 20px !important; 
                font-size: 12px;

                }

  .bystellar a { 

                font-size: 10px;
                margin-right: 2px;

                }

}


/* laptop */
@media (min-device-width:1025px) and (max-device-width:1960px) {


  .scroll-downs {

                top: 550px;
                right: 0;
                bottom: 50px;
                left: 0;

                }

  .aproposdesiv { 

                padding-left: 20px;
                padding-right: 20px;

                }

  .aproposdesiv h1 { 

                font-size: 40px;

                }

  .aproposdesiv p { 

                font-size: 20px;
                text-align: justify;                
                
                }

  .aproposdesivservices { 

                margin-left: 250px;

                }


  .aproposdesivservices h1 { 

                font-size: 30px;
                

                }

  .aproposdesivservices a { 
 
                font-size: 17px;
                
                
                }

  .doctele h1{ 
 
                font-size: 40px;

                }

  .doctele h2{ 

                font-size: 30px;

                } 

  .doctele a { 

                font-size: 19px;

                }

  .boutontel img{ 

                height:80px;
                margin-top: -20px;
                margin-left: 150px;

                }

  .speedcontact { 
 
                padding-left: 20px;
                padding-right: 20px;

                }

  .speedcontact h1{ 

                font-size: 40px;
                margin-bottom: 20px;
                margin-top: 30px;

                }

  .speedcontact h2{ 
 
                font-size: 30px;
                margin-bottom: 20px;

                }

  .speedcontact p { 

                font-size: 20px;

                }
      
  .speedcontact a { 

                font-size: 20px;
          
                }


  .awesomefooter h1{ 
 
                font-size: 40px;
                margin-top: 40px;

                }

  .awesomefooter h2{ 
 
                font-size: 40px;
                margin-top: 40px;

                }

  .awesomefooter p { 
 
                font-size: 20px;

                }

  .awesomefooter a { 

                font-size: 20px;

                }

  .awesomefooter a:hover { 

                font-size: 22px;

                }

  .awesomefooter img{

                height: 160px;
                margin-top: 30px;
                margin-left: 50px;

                }

  .custom-popup-class .mfp-container {

                padding-top: 20px;
                padding-bottom: 20px;

                }

  .custom-popup-class .mfp-content {

                width: 100%;
                max-width: 900px;
                height: 700%;
                max-height: 1600px;

                }

  /* Ceci déplace le bouton de fermeture à l'intérieur du conteneur */
  #popup-with-something .mfp-close {

                top: 0px;
                right: 10px;

                }

  .some-element {

                padding-right: 20px;

                }

  .some-element h1 {

                margin-left: 20px;
                margin-top: 20px;
                font-size: 20px;
          
                }

  .some-element p {

                margin-left: 20px !important; 
                font-size: 12px;

                }

  .bystellar a { 

                font-size: 13px;
                margin-right: 2px;

                }

}