@font-face {
  font-family: "Ubuntu-Regular";
  src: url("../fonts/Ubuntu/Ubuntu-Regular.ttf"); }
@font-face {
  font-family: "Ubuntu-Bold";
  src: url("../fonts/Ubuntu/Ubuntu-Bold.ttf"); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }




body {
/*  background-image: url("../images/background-form.jpg");
  background-size: 1920px 1080px;
  background-position: bottom;
 /* background-position: left; */

  font-family: "Ubuntu-Regular";
  color: #333;
  font-size: 13px;
  margin: 0; 
}


   #sm-screen {
  	display: none;
  }


	.logo_lmsg_form
	{
		height: 80px;
		margin-top: 10px;
	/*	text-align: center;
		margin-left: 305px;		*/
	}

	.logo_zepros_form
	{
		height: 90px;
		text-align: center;
		margin-top: -40px;
	}

	.form_align_left
	{
		font-family: "Ubuntu-Regular";	
		font-size: 22px;
		padding-top: 53px;
	/*	padding-left: 125px; */
	}

	.rendez_vous
	{
		text-align: center;
		font-family: "Ubuntu-Regular";	
		font-size: 20px;
		margin-top: 15px;
	}

	.txt_bold_rdv
	{
		font-family: "Ubuntu-Bold";	
	}


	@media screen and (min-width: 1200px) {


body {
  background-image: url("../images/background-form.jpg");
  background-size: 1920px 1080px;
  background-position: bottom;
 /* background-position: left; */

  font-family: "Ubuntu-Regular";
  color: #333;
  font-size: 13px;
  margin: 0; 
}


	.tagline
	{
		text-shadow: 0.2vw 0.2vw 0.2vw rgba(0,0,0,0.25);
	}

	.logo
	{
		position: fixed;
		left: 2vw;
		top: 2.5vw;
		height: 100px;
		width: auto;	
	}
		
	.tagline
	{
		position: fixed;
		left: 2vw;
		top: 9.0vw;
	}

	.tagnote
	{
		color: #fff;
		font-size: 1.4vw;
		font-family: "Ubuntu-Regular";
	}
	.bigtag
	{
		color: #fff;
		font-size: 2.0vw;
		font-family: "Ubuntu-Regular";	
		margin-top: 0.5vw;
	}
	
	.bigtag_petit
	{
		opacity: 0;
		position: fixed;
	}

	.tagdate_petit
	{
		color: #fff;
		font-size: 1.4vw;
		font-family: "Ubuntu-Regular";
		margin-top: 2.0vw;
		width: 12.0vw;
	}
	
	.tagdate_grand
	{
		opacity: 0;
		position: fixed;
	}

	.tagtext
	{
		color: #fff;
		font-size: 1.1vw;
		font-family: "Ubuntu-Regular";
		margin-top: 1.2vw;	
	}

	footer
	{
		position: fixed;
		bottom: 1.2vw;
	/*	right: 2vw;*/
		color: #fff;
		font-family: "Ubuntu-Regular";	
		font-size: 14px;
	}

	.logo_copyright
	{
		height: 45px;
		width: auto;
		padding-left: 0.75vw;
	}
	}


					@media screen and (min-width: 900px) and (max-width: 1200px) {

						body {
						  background-image: url("../images/background-form.jpg");
						  background-size: 1920px 1080px;
						  background-position: bottom;
						 /* background-position: left; */

						  font-family: "Ubuntu-Regular";
						  color: #333;
						  font-size: 13px;
						  margin: 0; 
						}

						  #lg-screen {
							  	display: none;
							  }

							#sm-screen {
							  	display: block;
							  }



					.tagline
					{
						text-shadow: 0.2vw 0.2vw 0.2vw rgba(0,0,0,0.25);
					}

					.logo
					{
						position: fixed;
						left: 2vw;
						top: 2.5vw;
						height: 3vw;
						width: auto;	
					}
						
					.tagline
					{
						position: fixed;
						left: 2vw;
						top: 9.0vw;
					}

					.tagnote
					{
						color: #fff;
						font-size: 1.4vw;
						font-family: "Ubuntu-Regular";
					}

					.bigtag
					{
						opacity: 0;
						position: fixed;
					}

					.bigtag_petit
					{
						color: #fff;
						font-size: 2.0vw;
						font-family: "Ubuntu-Regular";	
						margin-top: 1.2vw;
					}

					.tagdate_petit
					{
						color: #fff;
						font-size: 1.4vw;
						font-family: "Ubuntu-Regular";
						margin-top: 2.0vw;
					}
					
					.tagdate_grand
					{
						opacity: 0;
						position: fixed;
					}

					.tagtext
					{
						color: #fff;
						font-size: 1.1vw;
						font-family: "Ubuntu-Regular";
						margin-top: 1.2vw;	
					}

					footer
					{
						position: fixed;
						bottom: 1.2vw;
				/*		right: 2vw;*/
						color: #000;
						font-family: "Ubuntu-Regular";	
						font-size: 14px;
					}

					.logo_copyright
					{
						height: 45px;
						width: auto;
						padding-left: 1.0vw;
					}

					}

										@media screen and (min-width: 800px) and (max-width: 900px) {

											body {
											  background-image: url("../images/background-form.jpg");
											  background-size: 1920px 1080px;
											  background-position: bottom;
											 /* background-position: left; */

											  font-family: "Ubuntu-Regular";
											  color: #333;
											  font-size: 13px;
											  margin: 0; 
											}

										.tagline
										{
											text-shadow: 0.25vw 0.25vw 0.2vw rgba(0,0,0,0.3);
										}

										.logo
										{
											position: absolute;
											left: 2vw;
											top: 2.5vw;
											height: 3vw;
											width: auto;	
										}

										.tagnote
										{
											color: #fff;
											font-size: 1.4em;
											font-family: "Ubuntu-Regular";
											position: absolute;
											top: 2.5vw;
											left: 25vw;
										}
										
										.bigtag_petit
										{
											opacity: 0;
											position: absolute;
										}
					
										.bigtag
										{
											color: #fff;
											font-size: 1.8em;
											font-family: "Ubuntu-Regular";	
											position: absolute;
											top: 5.5vw;
											left: 25vw;
										}

										.tagdate_grand
										{
											color: #fff;
											font-size: 1.4em;
											font-family: "Ubuntu-Regular";
											position: absolute;
											top: 2.5vw;
											right: 5vw;						
										}

										.tagdate_petit
										{
											opacity: 0;
											position: absolute;
										}

										.tagtext
										{
											color: #fff;
											font-size: 1.2em;
											font-family: "Ubuntu-Regular";
											margin-top: 1.2vw;
											position: absolute;
											top: 5vw;
											right: 5vw;
										}

										footer
										{
											position: fixed;
											bottom: 1.2vw;
											right: 2vw;
											color: #000;
											font-family: "Ubuntu-Regular";	
											font-size: 10px;
										}

										.logo_copyright
										{
											height: 35px;
											width: auto;
											padding-left: 1.0vw;
										}

										}

														@media screen and (max-width: 800px) {

													body {
														 /* background-image: url("../images/background-form.jpg");
														  background-size: 1920px 1080px;
														  background-position: bottom;
														 /* background-position: left; */
														  background-color:#74534a ;
														  font-family: "Ubuntu-Regular";
														  color: #333;
														  font-size: 13px;
														  margin: 0; 
														}

														.tagline
														{
															text-shadow: 0.25vw 0.25vw 0.2vw rgba(0,0,0,0.3);
														}

														.logo
														{
															position: absolute;
															left: 2vw;
															top: 2.5vw;
															height: 3vw;
															width: auto;	
														}

														.tagnote
														{
															color: #fff;
															font-size: 1.2em;
															font-family: "Ubuntu-Regular";
															position: absolute;
															top: 2.5vw;
															left: 25vw;
														}

														.bigtag_petit
														{
															opacity: 0;
															position: absolute;
														}
					
														.bigtag
														{
															color: #fff;
															font-size: 1.5em;
															font-family: "Ubuntu-Regular";	
															position: absolute;
															top: 5.5vw;
															left: 25vw;
														}

														.tagdate_petit
														{
															color: #fff;
															font-size: 1.3em;
															font-family: "Ubuntu-Regular";
															position: absolute;
															top: 2.5vw;
															right: 3vw;					
														}
					
														.tagdate_grand
														{
															opacity: 0;
															position: absolute;
														}
														
														.tagtext
														{
															opacity: 0;
															position: absolute;
														}

														footer
														{
														/*	position: fixed;
															bottom: 1.2vw;
															right: 2vw;*/
															color: #000;
															font-family: "Ubuntu-Regular";	
															font-size: 10px;
														}

														.logo_copyright
														{
															height: 35px;
															width: auto;
															padding-left: 1.2vw;
														}

														}


input[type=checkbox]
{
	margin-top: 2px;
}


input, textarea, select, button {
  font-family: "Ubuntu-Regular";
  color: #333;
  font-size: 13px; }

p, h1, h2, h3, h4, h5, h6, ul {
  margin: 0; }

img {
  max-width: 100%; }

ul {
  padding-left: 0;
  margin-bottom: 0; }

a:hover {
  text-decoration: none; }

:focus {
  outline: none; }

.wrapper {
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; }

.inner {
  padding: 20px;
  /*background: #fff; */
   background-color: rgba(255, 255, 255, 0.8);
/*  max-width: 625px;*/
  margin: auto;
  display: flex; }
  .inner .image-holder {
    width: 50%; }
  .inner form {
  /*  width: 50%; */
 /*   padding-top: 36px; */
    padding-left: 45px;
    padding-right: 45px; }
  .inner h3 {
    /* text-transform: uppercase; */
    font-size: 27px;
    font-family: "Ubuntu-Bold";
    text-align: center;
    margin-bottom: 28px; }

.form-group {
  display: flex; }
  .form-group input {
    width: 50%; }
    .form-group input:first-child {
      margin-right: 25px; }

.form-wrapper {
  position: relative;}
  .form-wrapper i {
    position: absolute;
    bottom: 9px;
    right: 16px; }

.form-control {
  border: 1px solid #333;
  border-top: none;
  border-right: none;
  border-left: none;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0;
  padding-left: 8px;
  margin-bottom: 25px; }
  .form-control::-webkit-input-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Ubuntu-Regular"; }
  .form-control::-moz-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Ubuntu-Regular"; }
  .form-control:-ms-input-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Ubuntu-Regular"; }
  .form-control:-moz-placeholder {
    font-size: 13px;
    color: #333;
    font-family: "Ubuntu-Regular"; }
  .form-control {
    font-size: 13px;
    color: #333;
    font-family: "Ubuntu-Regular"; }


select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding-left: 20px; }
  select option[value=""][disabled] {
    display: none; }

button {
  border: none;
  width: 164px;
  height: 51px;
  margin: auto;
  margin-top: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #49a0a2;
  /* background: rgb(285,85,0); */
  /* background:linear-gradient(to right, #B38728, #FBF5B7, #AA771C); */
  font-size: 15px;
  color: #fff;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  button i {
    margin-left: 10px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  button:hover i, button:focus i, button:active i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }


button:hover
{
	background-color: #007891;
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@media (max-width: 1199px) {
  .wrapper {
    background-position: right center; } }
@media (max-width: 991px) {
  .inner form {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px; } }

@media (max-width: 767px) {
  .inner {
    display: block; }
    .inner .image-holder {
      width: 100%; }
    .inner form {
      width: 100%;
      padding: 40px 0 30px; }

  button {
    margin-top: 60px; }

   /* {}
   Modification  responsive 
   */
  
  #lg-screen {
  	display: none;
  }

 #sm-screen {
  	display: block;
  }


body {
background-color: #74534a;
  /*background-size: 1920px 1080px;
  background-position: bottom;
 /* background-position: left; */

  font-family: "Ubuntu-Regular";
  color: #333;
  font-size: 13px;
  margin: 0; 
}


   }
	
	.whiteback
	{
		background-color: #fff;
	}

/*# sourceMappingURL=style.css.map */


.probleme
{
	margin-top: 30px;
	text-align: center;
	font-size: 13px;
}

.lientechnique
{
	color: #007891;	
}

.lientechnique:hover
{
	color: #49a0a2;
}

.inscrit
{
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
}

.curseurdoigt
{
	cursor: pointer;
}