body{
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;	
	color:#333;
}

.clear5px{
	clear:both;
	height:5px;	
}

.clear10px{
	clear:both;
	height:10px;	
}

.clear30px{
	clear:both;
	height:30px;	
}

.clear60px{
	clear:both;
	height:60px;	
}

.header{
	width:90%;
	height:140px;
	margin:auto;
	box-sizing:border-box;
	padding:10px;
	text-align:center;	
}

.header img{
	height:120px;
}

.main_content_txt{
	width:90%;
	max-width:910px;
	min-height:250px;
	height:auto;
	padding:10px;
	position:relative;	
	text-align:center;
    display: flex;
  align-items: center;
  justify-content: center;
  margin:auto;
	
}

.col-30-2{
	width:32.5%;
	height:30px;
	float:left;
	margin-left:0.5%;
}

.col-30{
	width:220px;
	height:220px;
	background:rgba(255,98,0,1.00);
	float:left;
	margin-left:40px;
	  display: flex;
  align-items: center;
  justify-content: center;
    border-radius:5px;
}

.col-30:first-child, .col-30-2:first-child{
	margin-left:0px;
}


.col-50{
	width:49%;
	height:30px;
	float:left;
}


.col-50:last-child{
	float:right;
}

.champs {
    width: 100%;
    height: 30px;
    border: none;
    border-bottom: 1px solid #333;
    padding: 5px;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
    background: transparent;
}

textarea {
    width: 98%;
    height: 120px;
    border: none;
    border-bottom: 1px solid #333;
    padding: 5px;
    box-sizing: border-box;
    font-size: 13px;
    resize: none;
    background: transparent;
}

.col-30 .ltxt{
	font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
	color:#FFF;
}

.col-30 .stxt{
	font-size:20px;
	text-align:center;
	color:#FFF;
	font-weight:300;
}

.main_content_txt .stitle{
	font-size:20px;
	font-weight:300;
	width:100%;
}	

.orange{
	color:rgba(255,98,0,1.00);
}

.main_content{
	width:100%;
	height:600px;
	position:relative;	
}

.base_parallax{
	width:100%;
	height:600px;	
	position:absolute;
}

.parallax_txt_support{
	width:100%;
	height:600px;	
	position:absolute;
	display:flex;
	  align-items: center;
  justify-content: center;
	
}

.parallax_txt_support .txt{
	width:90%;
	max-width:910px;
	height:150px;	
	/*background:rgba(255,255,255,0.75);*/
	padding:20px;
	font-size:36px;
	font-weight:700;
	text-align:center;
	color:#FFF;
	text-shadow: 0px 0px 3px #000;
}

.title{
	color:rgba(255,98,0,1.00);
	font-size:20px;
	font-weight:700;	
	text-align:center;
}

.main_content_txt1{
	width:100%;
	min-height:200px;
	height:auto;
	background:#EFEFEF;
}

.main_content_txt1 .content{
	width:85%;
	max-width:910px;
	margin:auto;
	padding:30px;
	box-sizing:border-box;
}

.col-25{
	width:24%;
	height:220px;
	float:left;
	margin-left:1%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background:rgba(255,251,251,1.00);
	  border-radius:5px;
	  font-size:16px;
}

.col-25:first-child{
	margin-left:0px;
}

.next{
	width:150px;
	height:20px;
	background:#FF6200;
	border-radius:5px;
	padding:10px;
	color:#FFF;
	text-align:center;
	margin:auto;
	cursor:pointer;
}

.envoyer{
	    width: 150px;
    height: 41px;
    background: #FF6200;
    border-radius: 5px;
    padding: 10px;
    color: #FFF;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 14px;
}

.step2{
	text-align:center;	
}

.step3{
	text-align:center;	
}

.economies{
	cursor:pointer;	
}

.economies:hover{
	color:#FFF;
	background:rgba(255,98,0,1.00);
}

.bgOrange{
	color:#FFF;
	background:rgba(255,98,0,1.00);
}


/*@media screen and (min-width:1440px) {
  .base_parallax{
	width:100%;
	height:700px;	
	position:absolute;
	}
	
	.parallax_txt_support{
		width:100%;
		height:700px;	
		position:absolute;
		display:flex;
		  align-items: center;
	  justify-content: center;
		
	}
}*/


@media screen and (max-width:640px) {
	
	 .base_parallax{
	width:100%;
	height:400px;	
	position:absolute;
	}
	
	.parallax_txt_support{
		width:100%;
		height:400px;	
		position:absolute;
		display:flex;
		  align-items: center;
	  justify-content: center;
		
	}
	
	.main_content{
		height:400px;	
	}
	
	.main_content_txt{
	width:90%;
	max-width:910px;
	height:auto;
	position:relative;	
	text-align:center;
    display: block;
  margin:auto;
  padding-top: 65px;
	
}

	.col-30{
	width:100%;
	height:220px;
	background:rgba(255,98,0,1.00);
	float:none;
	margin-left:0px;
			display:flex;
		  align-items: center;
	  justify-content: center;
	  margin-bottom:15px;
}


.col-30 .ltxt{
	font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
	color:#FFF;
}

.col-30 .stxt{
	font-size:20px;
	text-align:center;
	color:#FFF;
	font-weight:300;
}

.col-30-2{
	width:100%;
	float:none;
	margin-bottom:25px;
}

.col-25{
	width:100%;
	height:30px;
	float:none;
	margin-left:0%;
	margin-bottom:5px;
}

	
}
