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

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

	body { 
		font-family: 'Gotham Regular';
	}
	
	body { 
		font-family: 'Gotham Regular';
	}
	
	
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
		font-family: 'Gotham Bold';	
	}
	
	input, select, textarea {
		font-family: 'Gotham Regular';
	}
	
	
	/*--------------------------------  Couleurs ------------------------------------*/
	* { color:#000000;}	
	
	.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:#E8ECEF; }
	
	.my_page .bg-color-1 { background-color:#000000 !important; }
	.my_page .bg-color-2 { background-color:#00DC00 !important; }
	.my_page .bg-color-3 { background-color:#f2f2f2 !important; }
	.my_page .bg-color-4 { background-color:#FF0000 !important; }

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

	.my_page .checklist > li::before, .my_page .checklist > div::before {
	  color: #FF0000;
	}
	
	.my_page ol.classic li::before {
	  color: #000000;
	}
	
	.my_page .form-check-input#anime { background-color:#D40000;  }		

	.my_page .form-check-input[type=checkbox] {
	 --checkbox-bg:#D40000;
	}
	
	.my_page input[type="radio"]:checked {
	  border: 5px solid #D40000;
	  background: #ffffff;
	}

	
/*--------------------------------  Form ------------------------------------*/	
		.my_page .btn, .my_page .submit-btn {
			background-color: #0F172A !important;
			color:#ffffff !important;
		}
		
		.my_page .btn:hover, .my_page .submit-btn:hover {
			background-color: rgb(0,0,0,0.8) !important;
			background-color: #ffffff !important;
			color:#0F172A !important;
		}
		
		.my_page .btn:hover {
			background-color: rgb(0,0,0,0.8) !important;
			background-color: #ffffff !important;
			color:#0F172A !important;
		}

		

	
/*--------------------------------  Conteneurs : généralités ------------------------------------*/
	
	
	.my_page, .my_container {
		max-width:1280px;
		margin:0px auto;
	}
	
	#header { border-bottom:4px solid #E8ECEF ; }

	.my_page .image-picto { background: #D40000; height:4px; margin-top:0px; margin-bottom:25px; padding:0px 15px }
	.my_page .image-picto img { margin-top:-15px !important}
	
	#conteneur-form { padding-bottom:20px; padding-top:20px; }
	
	#accroche { padding:50px 5px }
	
	@media (min-width:1024px) {
		#accroche { padding:30px 5px }
	}
	
	
/*--------------------------------  Form ------------------------------------*/	
		.my_page .btn, .my_page .submit-btn {
			background-color: #0F172A !important;
			color:#ffffff !important;
		}
		
		.my_page .btn:hover, .my_page .submit-btn:hover {
			background-color: rgb(0,0,0,0.8) !important;
			background-color: #ffffff !important;
			color:#0F172A !important;
		}
		
		.my_page .btn:hover {
			background-color: rgb(0,0,0,0.8) !important;
			background-color: #ffffff !important;
			color:#0F172A !important;
		}

		
	.my_page .form-check-input#anime { background-color:#D40000;  }		

	.my_page .form-check-input[type=checkbox] {
	 --checkbox-bg:#D40000;
	}
	
	.my_page input[type="radio"]:checked {
	  border: 5px solid #D40000;
	  background: #ffffff;
	}	
		



		
/*--------------------------------  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;
		}
		
		#grid-merci {
			max-width:850px;
			margin:0px auto;
		}
		
		.my_page .filet-top::before, .filet-bottom::after {
		  height: 4px;
		}
		
		.my_page .filet-bottom::after {
		  background: #FF0000;
		}