.booking-form {
		background-color: #fff;
		padding: 50px 20px;
		box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
		border-radius: 4px;
		}

		*, *:before, *:after {
			margin: 0px;
			padding: 0px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#booking::before {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(47, 103, 177, 0.6);
		}

		@media (min-width: 1200px) {
			.container_ski {
				width: 1170px;
			}
		}

		@media (min-width: 992px) {
			.container_ski {
				width: 970px;
			}
		}

		@media (min-width: 768px) {
			.container_ski {
				width: 750px;
			}
			.container_ski {
				padding-right: 15px;
				padding-left: 15px;
				margin-right: auto;
				margin-left: auto;
			}
		}

		.section .section-center {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		div {
			display: block;
		}

		.row {
			margin-right: -15px;
			margin-left: -15px;
			display: flex;
			flex-wrap: wrap;
		}

		@media (min-width: 768px) {
			.col-sm-5 {
				width: 41.66%;
			}
			.col-sm-7 {
				width: 58.33%;
			}
			.col-sm-5 .col-sm-7 {
				float: left;
				position: relative;
				min-height: 1px;
				padding-right: 15px;
				padding-left: 15px;
			}
		}

		.form-group {
			position: relative;
    		margin-bottom: 30px;
		}

		.submit-btn {
			display: inline-block;
			color: #fff;
			background-color: #1e62d8;
			font-weight: 700;
			padding: 14px 30px;
			border-radius: 4px;
			border: none;
			-webkit-transition: 0.2s all;
			transition: 0.2s all;
		}
		button, input, select, textarea {
			font-family: inherit;
			font-size: inherit;
			line-height: inherit;
		}

		.form-label {
			display: inline-block;
			color: #3e485c;
			font-weight: 700;
			margin-bottom: 6px;
			margin-left: 7px;
		}

		@media (min-width: 992px) {
			.col-md-push-5 {
				left: 41.66666667%;
			}
		}

		@media (min-width: 992px) {
			.col-md-7 {
				float: left;
				width: 58.33333333%;
			}
		}

		.booking-cta h1 {
			font-size: 52px;
			text-transform: uppercase;
			color: #fff;
			font-weight: 700;
		}

		.booking-cta p {
			font-size: 16px;
			color: rgba(255, 255, 255, 0.8);
		}

		@media (min-width: 992px) {
			.col-md-pull-7 {
				right: 58.33333333%;
			}
		}

		@media (min-width: 992px) {
			.col-md-4 {
				width: 33.33333333%;
			}
		}
		@media (min-width: 992px) {
			.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
				float: left;
			}
			.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
				position: relative;
				min-height: 1px;
				padding-right: 15px;
				padding-left: 15px;
			}
		}

		@media (min-width: 992px) {
			.col-md-push-5 {
				left: 41.66666667%;
			}
		}

		@media (min-width: 992px) {
			.col-md-7 {
				width: 58.33333333%;
			}
		}

		@media (min-width: 992px) {
			.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
				float: left;
			}
			.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
				position: relative;
				min-height: 1px;
				padding-right: 15px;
				padding-left: 15px;
			}
		}
		
		.booking-cta {
			width: 142%;
		}

		.text_principal {
			margin-top: 10px;
		}

		@media only screen and (max-width: 1200px) {
			.booking-form {
				margin-left: -260% !important;
			}
			.col-md-push-5 {
				left: 50.66% !important;
			}
			.booking-cta {
				width: 115% !important; 
			}
			.titre_principal {
				font-size: 45px !important;
			}
		}

		@media only screen and (max-width: 1020px) {
			.booking-form {
				margin-left: -230% !important;
			}
			.col-md-push-5 {
				left: 50.66% !important;
			}
			.booking-cta {
				width: 105% !important; 
			}
			.titre_principal {
				font-size: 38px !important;
			}
		}

		@media only screen and (max-width: 880px) {
			.booking-form {
				margin-left: -133% !important;
    			margin-top: 160px;
			}
			.col-md-push-5 {
				left: 19.66% !important;
			}
			.booking-cta {
				width: 133% !important; 
			}
			.titre_principal {
				font-size: 38px !important;
			}
		}

		@media only screen and (max-width: 767px) {
			.col-md-4 {
				margin-left: 62%;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
				max-width: 33.333333%;
				margin-top: -180px;
			}
			.booking-form {
				margin-left: -133% !important;
    			margin-top: 0px;
			}
			.col-md-7 {
				-ms-flex: 0 0 33.333333%;
				flex: 0 0 55.333333%;
				max-width: 55.333333%;
				margin-top: 30px;
			}
		}

		@media only screen and (max-width: 619px) {
			.col-md-4 {
				margin-left: 55%;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
				max-width: 33.333333%;
				margin-top: -180px;
			}
			.col-md-7 {
				-ms-flex: 0 0 33.333333%;
				flex: 0 0 55.333333%;
				max-width: 55.333333%;
				margin-top: 30px;
			}
			.col-md-push-5 {
				left: 14.66%;
			}
		}

		@media only screen and (max-width: 575px) {
			.booking-form {
				height: 435px !important;
			}
			.section .section-center {
				top: 49%;
			}
			.form-group {
				margin-bottom: 18px;
			}
		}

		@media only screen and (max-width: 542px) {
			.col-md-4 {
				margin-left: 46%;
			}
		}

		/*@media only screen and (max-width: 514px) {
			.col-md-4 {
				margin-left: 46% !important;
			}
			.col-md-4 {
				margin-top: 30px !important;
			}
			.booking-cta {
    			margin-left: -20px !important;
			}
			.booking-form {
				margin-top: 0px !important;
			}
		}*/

		@media only screen and (max-width: 513px) {
			.booking-form {
				padding: 20px !important;
				height: 411px !important;
			}
		}

		@media (min-height: 850px) and (max-width: 880px)  {
				.booking-form {
					margin-top: 259px;
				}
		}

		@media only screen and (max-width: 484px) {
			.col-md-4 {
				margin-left: 41% !important;
			}
			.col-md-4 {
				margin-top: 30px !important;
			}
			.booking-cta {
    			margin-left: -20px !important;
			}
			.booking-form {
				margin-top: 0px !important;
			}
			.section .section-center {
				top: 47%;
			}
		}

		@media only screen and (max-width: 450px) {
			.booking-form {
				width: 360px !important;
			}
			.col-md-4 {
				margin-left: 44% !important;
			}
			.col-md-4 {
				margin-top: 30px !important;
			}
			.booking-cta {
    			margin-left: -20px !important;
			}
			.booking-form {
				margin-top: 0px !important;
			}
		}

		@media only screen and (max-width: 420px) {
			.booking-form {
				width: 360px !important;
				padding: 12px !important;
				height: 417px !important;
			}
			.row {
				 width: 366px;
			}
			.section .section-center {
				top: 48%;
			}
			.col-md-4 {
				margin-left: 41% !important;
			}
			.titre_principal {
				font-size: 34px !important;
				width: 300px;
			}
			.form-group {
				margin-bottom: 14px; 
			}
			.booking-cta p {
				font-size: 15px;
				width: 161% !important;
				margin-left: -20px;
				color: rgba(255, 255, 255, 0.8);
			}
		}

		@media only screen and (max-width: 375px) {
			.booking-form {
				width: 337px !important;
				padding: 12px !important;
				height: 410px !important;
				margin-left: -140% !important;
				margin-top: -17px;
			}
			.section .section-center {
				top: 50%;
			}
			.col-md-4 {
				margin-left: 39% !important;
				margin-top: 5px !important;
			}
			.titre_principal {
				font-size: 17px !important;
			}
			.text_principal {
				font-size: 14px !important;
			}
			.form-group {
				margin-bottom: 14px; 
			}
			.row {
				width: 343px;
			}
			.booking-cta p {
				width: 148% !important;
			}
		}

		@media only screen and (max-width: 360px) {
			.ltext-109 {
				font-size: 30px;
			}
			.booking-form {
				height: 397px !important;
			}
			.form-group {
				margin-bottom: 7px !important;
			}
		}


		@media only screen and (max-height: 815px) {
			.titre_principal {
				font-size: 35px !important;
			}
			.col-md-4 {
				margin-top: 40px !important;
			}
		}

		@media only screen and (max-height: 750px) {
			.titre_principal {
				font-size: 35px !important;
			}
			.col-md-4 {
				margin-top: 5px !important;
			}
		}

		@media only screen and (max-height: 730px) {
			.titre_principal {
				font-size: 17px !important;
			}
		}

        @media only screen and (min-width: 881px) {		
            .booking-cta {
                margin-top: 100px;
            }
        }
        @media only screen and (max-width: 991px) {
            .newsletter_email {
                margin-left: auto;
                margin-right: auto;
            }
            .contact_end {
                margin-left: 25%;
            }
        }
    
        @media only screen and (max-width: 1286px) {
            .text_tof {
                font-size: 16px !important;
            }
        }
        @media only screen and (max-width: 1150px) {
            .text_tof {
                font-size: 15px !important;
            }
        }
        @media only screen and (max-width: 1086px) {
            .text_tof {
                font-size: 14px !important;
            }
        }
        @media only screen and (max-width: 1000px) {
            .text_tof {
                font-size: 13px !important;
            }
        }
    
        @media only screen and (max-width: 950px) {
            #to_delete {
                display: none;
            }
            #div_tof {
                max-width: 80% !important; 
            }
            .text_tof {
                margin-left: 20%;
            }
            #goncet {
                margin-left: 20%;
            }
        }
    
        @media only screen and (max-width: 500px) {
            #to_delete {
                display: none;
            }
            #div_tof {
                max-width: 90% !important; 
            }
            .text_tof {
                margin-left: 10%;
            }
            #goncet {
                margin-left: 10%;
            }
        }
    
        .text_tof {
            font-size: 17px;
        }
    
        #div_tof {
            left: 50%;
            max-width: 42%;
		}
		
		@media only screen and (max-width: 767px) {
			.side-menu {
				width: 300% !important;
				margin-left: -397px;
				margin-top: -150px;
			}
		}

		@media only screen and (max-width: 638px) {
			.side-menu {
				margin-left: -337px;
			}
		}

		@media only screen and (max-width: 600px) {
			.side-menu {
				margin-left: -273px;
			}
		}


		@media only screen and (max-width: 542px) {
			.side-menu {
				margin-left: -240px;
			}
		}

		@media only screen and (max-width: 422px) {
			.side-menu {
				margin-left: -217px;
			}
		}



		@media only screen and (max-width: 524px) {
			.side-menu {
				margin-left: -159px;
			}
		}

		@media (min-height: 850px) and (max-width: 767px)  {
			.side-menu {
				margin-top: 40px;
			}
		}


		@media (min-height: 850px) and (max-width: 484px)  {
			.side-menu {
				margin-top: -150px
			}
		}

		.dot {
			float: left;
			height: 35px;
			width: 35px;
			background-color: lightgray;
			border-radius: 50%;
			display: inline-block;
		}

		#date1 {
			vertical-align: middle;
			color: #007bff;
			font-size: 20px;
			margin-left: 7.8px;
			margin-top: -14px;
		}

		.arrive_date {
			color: black !important;
			font-weight: 600;
			width: 140px;
			margin-left: 41px !important;
			margin-top: -9px  !important;
			font-size: 14px  !important;
		}

		.vertical-line{
			border-left: 2px solid lightgray;
			display: inline-block;
			height: 67px;
			margin-left: 17px;
			margin-top: -5px;
		  }

		.left {
			height: 28%;
			margin-top: 53px;
			width: 38%;
			padding-top: 5px;
			margin-left: 10px;
			padding-left: 10px;
			background-color: lightgray;
			border-radius: 8px;
			margin-left: 5px;
			float: left;
		}

		.dot1 {
			margin-top: 81px;
    		margin-left: -36px;
		}

		.blue {
			color: #007bff;
		}

		.people {
			display: block;
			color: black !important;
			margin-top: -10px;
			margin-left: -1px;
			font-size: 40px;
		}

		.vert2 {
			float: left;
			margin-top: 104px;
			margin-left: -18px;
		}

		.dot2 {
			margin-top: 20px;
		}

		.div_rec {
			background-color: white;
			border-radius: 5px;
			padding-bottom: 20px !important;
			padding-top: 20px !important;
			width: 328px; height: 359px;
			padding: 10px;
			padding-left: 20px;
			margin-top: 50px;
		}

		.rec {
			color: black !important;
			font-weight: 700 !important;
		}

		.arrive {
			color: grey !important;
			font-size: 14px !important;
			margin-left: 41px;
		}

		.number {
			font-size: 14px !important;
			color: black !important;
			margin-left: -4px !important;
		}

		.email {
			font-weight: 400;
			color: grey;
			margin-top: 18px;
			font-size: 12px;
			width: 294px;
			float: left;
		}

		@media only screen and (max-width: 716px) {
			.titre_principal {
				font-size: 32px !important;
			}
		}

		@media only screen and (max-width: 658px) {
			.titre_principal {
				font-size: 29px !important;
			}
		}

		@media only screen and (max-width: 450px) {
			.titre_principal {
				font-size: 20px !important;
			}
			.p-t-65, .p-tb-65, .p-all-65 {
				padding-top: 110px !important;
			}
			.side-menu {
				margin-left: -127px;
			}
		}

		.p-t-65, .p-tb-65, .p-all-65 {
			padding-top: 0px;
		}

		.p-t-32, .p-tb-32, .p-all-32 {
			padding-top: 0px;
		}
		.p-b-80, .p-tb-80, .p-all-80 {
			padding-bottom: 30px;
		}