/*---------------------------------------------------------------------------*/
/*------------------ PERSONNALISATION D'ELEMENTS DE TYPE LANDING PAGE ----------------------*/
/*---------------------------------------------------------------------------*/

	/*--------------------------------  Fonts ------------------------------------*/

	body {
	  font-family: 'Edenred', 'Helvetica', 'Roboto';
	}
		
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	  font-family: 'Edenred Bold', 'Helvetica', 'Roboto';
	}
	
	input, select, textarea {
	  font-family: 'Edenred', 'Helvetica', 'Roboto';
	}
	
	
	/*--------------------------------  Couleurs ------------------------------------*/
	* { color:#1d1d1d;}	
	
	.bg-color-noir, .my_page .bg-color-noir { background-color:#000000; }	
	.bg-color-blanc, .my_page .bg-color-blanc { background-color:#ffffff; }
	.bg-color-gris, .my_page .bg-color-gris { background-color:#E8E8E8; }	
	.bg-color-1, .my_page .bg-color-1 { background-color:#0F172A !important; }
	.bg-color-2, .my_page .bg-color-2 { background-color:#00DC00 !important; }
	.bg-color-3, .my_page .bg-color-3 { background-color:#f2f2f2 !important; }
	.bg-color-4, .my_page .bg-color-4 { background-color:#F3F5F8 !important; }

	.color-noir, .my_page .color-noir { color:#000000; }	
	.color-blanc, .my_page .color-blanc { color:#ffffff; }
	.color-gris, .my_page .color-gris { color:#E8E8E8; }	
	.color-1, .my_page .color-1 { color:#00815d !important; }
	.color-2, .my_page .color-2 { color:#00DC00 !important; }
	.color-3, .my_page .color-3 { color:#f2f2f2 !important; }
	.color-4, .my_page .color-4 { color:#F3F5F8 !important; }

	
	
	
/*--------------------------------  Conteneurs : généralités ------------------------------------*/
	
	
	.my_page, .my_container {
		margin:0px auto;
	}
	
	
	/*--------------------------------- Gauche Droite ---------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	.my_page .my_container.full-width .gauche { width:100%; max-width:880px; float:right }
	.my_page .my_container.full-width .droite { width:100%; max-width:400px; float:left }
}
	/*--------------------------------- / Gauche Droite ---------------------------------------------------------*/

	.my_page .grid-container {
		
	}	

	/* Grid colonnes */
	/* breakpoint at 1024px */
@media screen and (min-width: 1024px) {
	.my_page .grid-container {
		grid-template-columns: 62.7% 37.3% !important;
	}	
}
	
	/* breakpoint at 1280px */
@media screen and (min-width: 1280px) {
	.my_page .grid-container {
		grid-template-columns: 62.7% 37.3% !important;
	}
}
	
	
	/* Faire moitié / moitié > Pour couper la page en deux colonnes de même taille */
	
	/* breakpoint at 1280px
	@media screen and (min-width: 1280px) {
		.my_page .grid-container {
			grid-template-columns: 50% 50% !important;
		}
	}			
	 */
	
	/* /Grid colonnes */

/*--------------------------------  Conteneurs : spécificités ------------------------------------*/		
	#top_form { 
		border-bottom:3px solid #ffffff;
		margin-bottom:50px !important;
	}
	
	#bg-1 { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e700a8+50,8800ff+50 */
background: linear-gradient(to left,  #e700a8 50%,#8800ff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		
	}
	
	#bg-2 { 
		background-image:url('../img/bg.jpg');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		
	}




		
	/*--------------------------------  Page de remerciement ------------------------------------*/			
		
		#merci { background-color:#ffffff }
		
		#header-merci {
			border-bottom:2px solid #EBF2F3;
		}
		
	 /*Bouton valider TXT */
		#merci .my_page .btn {
			background-color: rgb(0,0,0,1) !important;
			background-color: #FFDA00 !important;
			color:#ffffff !important;
		}

		#merci .my_page .btn .submit-btn {
			background-color: rgb(0,0,0,1) !important;
			background-color: #FFDA00 !important;
			color:#ffffff !important;
		}

		#merci .my_page .btn:hover {
			background-color: rgb(0,0,0,0.8) !important;
			background-color: #FFE23A !important;
			color:#ffffff !important;
		}