demande de devis fix
This commit is contained in:
		
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@@ -4,20 +4,36 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
// Pulse Animation
 | 
					// Pulse Animation
 | 
				
			||||||
.pulse {
 | 
					.pulse {
 | 
				
			||||||
  animation-name: pulse_animation;
 | 
					  -webkit-animation-name: pulse_animation;
 | 
				
			||||||
  animation-duration: 2000ms;
 | 
					          animation-name: pulse_animation;
 | 
				
			||||||
  transform-origin:70% 70%;
 | 
					  -webkit-animation-duration: 2000ms;
 | 
				
			||||||
  animation-iteration-count: infinite;
 | 
					          animation-duration: 2000ms;
 | 
				
			||||||
  animation-timing-function: linear;
 | 
					  -webkit-transform-origin:70% 70%;
 | 
				
			||||||
 | 
					          transform-origin:70% 70%;
 | 
				
			||||||
 | 
					  -webkit-animation-iteration-count: infinite;
 | 
				
			||||||
 | 
					          animation-iteration-count: infinite;
 | 
				
			||||||
 | 
					  -webkit-animation-timing-function: linear;
 | 
				
			||||||
 | 
					          animation-timing-function: linear;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@-webkit-keyframes pulse_animation {
 | 
				
			||||||
 | 
					  0% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
 | 
					  30% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
 | 
					  40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
 | 
				
			||||||
 | 
					  50% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
 | 
					  60% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
 | 
					  70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
 | 
				
			||||||
 | 
					  80% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
 | 
					  100% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@keyframes pulse_animation {
 | 
					@keyframes pulse_animation {
 | 
				
			||||||
  0% { transform: scale(1); }
 | 
					  0% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
  30% { transform: scale(1); }
 | 
					  30% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
  40% { transform: scale(1.08); }
 | 
					  40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
 | 
				
			||||||
  50% { transform: scale(1); }
 | 
					  50% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
  60% { transform: scale(1); }
 | 
					  60% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
  70% { transform: scale(1.05); }
 | 
					  70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
 | 
				
			||||||
  80% { transform: scale(1); }
 | 
					  80% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
  100% { transform: scale(1); }
 | 
					  100% { -webkit-transform: scale(1); transform: scale(1); }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -511,14 +511,27 @@
 | 
				
			|||||||
        border-radius: 50%;
 | 
					        border-radius: 50%;
 | 
				
			||||||
        border: 4px solid #fff;
 | 
					        border: 4px solid #fff;
 | 
				
			||||||
        border-color: #ffffff #ffffff #ffffff transparent;
 | 
					        border-color: #ffffff #ffffff #ffffff transparent;
 | 
				
			||||||
        animation: ml-form-embedSubmitLoad 1.2s linear infinite;
 | 
					        -webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
 | 
				
			||||||
 | 
					                animation: ml-form-embedSubmitLoad 1.2s linear infinite;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					      @-webkit-keyframes ml-form-embedSubmitLoad {
 | 
				
			||||||
 | 
					        0% {
 | 
				
			||||||
 | 
					        -webkit-transform: rotate(0deg);
 | 
				
			||||||
 | 
					                transform: rotate(0deg);
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        100% {
 | 
				
			||||||
 | 
					        -webkit-transform: rotate(360deg);
 | 
				
			||||||
 | 
					                transform: rotate(360deg);
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      @keyframes ml-form-embedSubmitLoad {
 | 
					      @keyframes ml-form-embedSubmitLoad {
 | 
				
			||||||
        0% {
 | 
					        0% {
 | 
				
			||||||
        transform: rotate(0deg);
 | 
					        -webkit-transform: rotate(0deg);
 | 
				
			||||||
 | 
					                transform: rotate(0deg);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
        100% {
 | 
					        100% {
 | 
				
			||||||
        transform: rotate(360deg);
 | 
					        -webkit-transform: rotate(360deg);
 | 
				
			||||||
 | 
					                transform: rotate(360deg);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
        #mlb2-985974.ml-form-embedContainer {
 | 
					        #mlb2-985974.ml-form-embedContainer {
 | 
				
			||||||
@@ -772,7 +785,7 @@
 | 
				
			|||||||
        #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
 | 
					        #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
 | 
				
			||||||
          color: #ff0000 !important;
 | 
					          color: #ff0000 !important;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
        //       @media only screen and (max-width: 400px){
 | 
					        //   @media only screen and (max-width: 400px){
 | 
				
			||||||
        //   .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
 | 
					        //   .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
 | 
				
			||||||
        //   .ml-form-formContent.horozintalForm { float: left!important; }
 | 
					        //   .ml-form-formContent.horozintalForm { float: left!important; }
 | 
				
			||||||
        //   .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
 | 
					        //   .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
 | 
				
			||||||
@@ -1143,13 +1156,13 @@
 | 
				
			|||||||
.demander-votre-devis{
 | 
					.demander-votre-devis{
 | 
				
			||||||
  padding: 10px;
 | 
					  padding: 10px;
 | 
				
			||||||
  z-index: 999;
 | 
					  z-index: 999;
 | 
				
			||||||
  top: 50%;
 | 
					  -webkit-transform: translate(0, -50%);
 | 
				
			||||||
  transform: translate(100%, -50%);
 | 
					          transform: translate(0, -50%);
 | 
				
			||||||
  background: $red;
 | 
					  background: $red;
 | 
				
			||||||
  position: absolute;
 | 
					  position: absolute;
 | 
				
			||||||
  width: 200px;
 | 
					  width: 200px;
 | 
				
			||||||
  height: 200px;
 | 
					  height: 200px;
 | 
				
			||||||
  right: 100px;
 | 
					  right: 5%;
 | 
				
			||||||
  color: white;
 | 
					  color: white;
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -1164,17 +1177,8 @@
 | 
				
			|||||||
    width: 50px;
 | 
					    width: 50px;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
#item{
 | 
					
 | 
				
			||||||
  .demander-votre-devis{
 | 
					 | 
				
			||||||
    top: 100%;
 | 
					 | 
				
			||||||
    transform: translate(0, -80%);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
#sublog{
 | 
					#sublog{
 | 
				
			||||||
  .demander-votre-devis{
 | 
					 | 
				
			||||||
    top: 100%;
 | 
					 | 
				
			||||||
    transform: translate(0, -50%);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  .body-wrapper{
 | 
					  .body-wrapper{
 | 
				
			||||||
    background-image: url('../images/Trame-gris.svg');
 | 
					    background-image: url('../images/Trame-gris.svg');
 | 
				
			||||||
    background-repeat: repeat;
 | 
					    background-repeat: repeat;
 | 
				
			||||||
@@ -1352,7 +1356,8 @@
 | 
				
			|||||||
    left: 50%;
 | 
					    left: 50%;
 | 
				
			||||||
    position: absolute;
 | 
					    position: absolute;
 | 
				
			||||||
    top: 50%;
 | 
					    top: 50%;
 | 
				
			||||||
    transform: translate(-50%, -50%);
 | 
					    -webkit-transform: translate(-50%, -50%);
 | 
				
			||||||
 | 
					            transform: translate(-50%, -50%);
 | 
				
			||||||
    width: 70%;
 | 
					    width: 70%;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,22 +2,17 @@ header{
 | 
				
			|||||||
  z-index: 999;
 | 
					  z-index: 999;
 | 
				
			||||||
  position: relative;
 | 
					  position: relative;
 | 
				
			||||||
  @include inlineflex();
 | 
					  @include inlineflex();
 | 
				
			||||||
  -webkit-box-pack: center;
 | 
					  justify-content: center;
 | 
				
			||||||
      -ms-flex-pack: center;
 | 
					 | 
				
			||||||
          justify-content: center;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					  width: 100%;
 | 
				
			||||||
  border-bottom: 1px solid $light-blue;
 | 
					  border-bottom: 1px solid $light-blue;
 | 
				
			||||||
  height: 105px;
 | 
					  height: 105px;
 | 
				
			||||||
  nav{
 | 
					  nav{
 | 
				
			||||||
    @include inlineflex();
 | 
					    @include inlineflex();
 | 
				
			||||||
    -ms-flex-pack: distribute;
 | 
					 | 
				
			||||||
    justify-content: space-around;
 | 
					    justify-content: space-around;
 | 
				
			||||||
    height: 100px;
 | 
					    height: 100px;
 | 
				
			||||||
    width: 70%;
 | 
					    width: 70%;
 | 
				
			||||||
    flex-wrap: nowrap;
 | 
					    flex-wrap: nowrap;
 | 
				
			||||||
    .logo{
 | 
					    .logo{
 | 
				
			||||||
      display: -webkit-box;
 | 
					 | 
				
			||||||
      display: -ms-flexbox;
 | 
					 | 
				
			||||||
      display: flex;
 | 
					      display: flex;
 | 
				
			||||||
      a{
 | 
					      a{
 | 
				
			||||||
        display: block;
 | 
					        display: block;
 | 
				
			||||||
@@ -30,8 +25,7 @@ header{
 | 
				
			|||||||
      }
 | 
					      }
 | 
				
			||||||
      & > ul{
 | 
					      & > ul{
 | 
				
			||||||
        @include inlineflex();
 | 
					        @include inlineflex();
 | 
				
			||||||
        -ms-flex-wrap: nowrap;
 | 
					        flex-wrap: nowrap;
 | 
				
			||||||
            flex-wrap: nowrap;
 | 
					 | 
				
			||||||
        & > li{
 | 
					        & > li{
 | 
				
			||||||
          text-align: center;
 | 
					          text-align: center;
 | 
				
			||||||
          max-width: 241px;
 | 
					          max-width: 241px;
 | 
				
			||||||
@@ -64,7 +58,6 @@ header{
 | 
				
			|||||||
                  visibility: hidden;
 | 
					                  visibility: hidden;
 | 
				
			||||||
                  -webkit-transform: scaleX(0);
 | 
					                  -webkit-transform: scaleX(0);
 | 
				
			||||||
                  transform: scaleX(0);
 | 
					                  transform: scaleX(0);
 | 
				
			||||||
                  -webkit-transition: all 0.3s ease-in-out 0s;
 | 
					 | 
				
			||||||
                  transition: all 0.3s ease-in-out 0s;
 | 
					                  transition: all 0.3s ease-in-out 0s;
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
              }
 | 
					              }
 | 
				
			||||||
@@ -88,8 +81,7 @@ header{
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
    .reso{
 | 
					    .reso{
 | 
				
			||||||
      @include inlineflex;
 | 
					      @include inlineflex;
 | 
				
			||||||
      -ms-flex-wrap: nowrap;
 | 
					      flex-wrap: nowrap;
 | 
				
			||||||
          flex-wrap: nowrap;
 | 
					 | 
				
			||||||
      a{
 | 
					      a{
 | 
				
			||||||
        display: block;
 | 
					        display: block;
 | 
				
			||||||
        width: 35px;
 | 
					        width: 35px;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -4,7 +4,6 @@
 | 
				
			|||||||
      a:hover{
 | 
					      a:hover{
 | 
				
			||||||
        color: white;
 | 
					        color: white;
 | 
				
			||||||
        background-color: $green;
 | 
					        background-color: $green;
 | 
				
			||||||
        -webkit-transition: background-color 0.3s ease;
 | 
					 | 
				
			||||||
        transition: background-color 0.3s ease;
 | 
					        transition: background-color 0.3s ease;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -308,7 +308,8 @@
 | 
				
			|||||||
      width: 70%!important;
 | 
					      width: 70%!important;
 | 
				
			||||||
      z-index: 2;
 | 
					      z-index: 2;
 | 
				
			||||||
      left: 50%!important;
 | 
					      left: 50%!important;
 | 
				
			||||||
      transform: translateX(-50%);
 | 
					      -webkit-transform: translateX(-50%);
 | 
				
			||||||
 | 
					              transform: translateX(-50%);
 | 
				
			||||||
      .header-salles{
 | 
					      .header-salles{
 | 
				
			||||||
        display: inline-flex;
 | 
					        display: inline-flex;
 | 
				
			||||||
        justify-content: space-between;
 | 
					        justify-content: space-between;
 | 
				
			||||||
@@ -326,10 +327,8 @@
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  #sublog .demander-votre-devis{
 | 
					  #sublog .demander-votre-devis{
 | 
				
			||||||
    transform: translate(0, -110%)!important;
 | 
					 | 
				
			||||||
    width: 300px!important;
 | 
					    width: 300px!important;
 | 
				
			||||||
    height: 110px!important;
 | 
					    height: 110px!important;
 | 
				
			||||||
    // margin-top: -55px!important;
 | 
					 | 
				
			||||||
    a{
 | 
					    a{
 | 
				
			||||||
      display: inline-flex!important;
 | 
					      display: inline-flex!important;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@@ -344,8 +343,6 @@
 | 
				
			|||||||
  #item .demander-votre-devis{
 | 
					  #item .demander-votre-devis{
 | 
				
			||||||
    width: 300px!important;
 | 
					    width: 300px!important;
 | 
				
			||||||
    height: 110px!important;
 | 
					    height: 110px!important;
 | 
				
			||||||
    // margin-top: -55px!important;
 | 
					 | 
				
			||||||
    transform: translate(0, -200%)!important;
 | 
					 | 
				
			||||||
    a{
 | 
					    a{
 | 
				
			||||||
      display: inline-flex!important;
 | 
					      display: inline-flex!important;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user