body

{

	color: black;  

	/*font-family: verdana;   

	font-size: 10px;*/

	background-color: #ffffff;

	text-align: center;

}



img

{

	border: 0;

}



#wrap

{

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

	border-radius:15px;

	

	width: 448px;

	padding: 10px;

	background-color: #ffffff;

	margin-left: auto;

	margin-right: auto;

}



.radiobuttonconteneur

{

	-moz-border-radius:5px;

	-webkit-border-radius:53px;

	border-radius:5px;

	

	color: #000000;

	background-color: #edecea;

	border: 1px solid #999999;

	

	/*margin-left: 24px;*/

	margin-left: auto;

    margin-right: auto;

	width: 360px;

	

	padding-left: 10px;

	padding-right: 10px;

	

	margin-bottom: 6px;

	margin-top: 6px;

}



.zonetexte

{

	margin-bottom: 6px;

	margin-top: 6px;

}



table

{

	border-collapse: collapse;

	margin-bottom: 6px;

	margin-top: 6px;

	margin-left: 3px;

}



td

{

	text-align: center;

	height: 30px;

}



.bordered

{

	border: solid 1px #999999;

}



.grey

{

	background-color: #d8d8d8;

}



.blue

{

	background-color: #dbe5f1;

}



.pink

{

	background-color: #fde9d9;

}



.cote

{

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

	color: #000000;

	background-color: #edecea;

	border: 1px solid #999999;

	text-align: right;

	/*width: 25px;

	margin-left: 2px;

	margin-right: 2px;

	margin-bottom: 12px;

	text-align: center;*/

}



.cote:focus

{

	color: #000000;

	background-color: #white;

	border: 1px solid #d9d6cf;

	background-color: #ffffff;

}



.erreur

{

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

	color: #000000;

	background-color: #ff0000;

	border: 1px solid #ff0000;

	text-align: right;

	/*width: 25px;

	margin-left: 2px;

	margin-right: 2px;

	margin-bottom: 12px;

	text-align: center;*/

}



.erreur:focus

{

	color: #000000;

	background-color: #white;

	border: 1px solid black;

	background-color: #ffffff;

}



#submitbutton

{

	display: block;

	width: 100px;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}



#returnbutton

{

	display: block;

	width: 210px;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}



.button

{

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

	background-color: #046614;

	color:#ffffff;

	float:left;

	font-size:15px;

	font-weight:bold;

	border: none;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 15px;

	padding-right: 15px;	

}



.button:hover

{

	background-color: #078c1d;

}



.clean

{

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

	background-color: #eb0818;

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

	margin-left: 20px;

	border: none;

}



.clean:hover

{

	background-color: #f3b307;

}



#resultat

{

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

	border-radius:15px;

	

	margin-top: 50px;

	

	padding: 30px;

	font-size: 25px;

	font-family: arial;

	font-weight: bold;

}






#message

{

	color: #ff0000;

}



.res5

{

	background-color: #d40327;

	border: 4px solid #d40327;	

	color: #ffffff;

}



.res6

{

	background-color: #ffffff;

	border: 4px solid #e2007b;	

	color: #e2007b;

}



.res7

{

	background-color: #e2007b;

	border: 4px solid #e2007b;	

	color: #ffffff;

}



.red

{

	color: #ff0000;

}

@media (max-width: 1024px) {

	.radiobuttonconteneur

	{

		width: 100%;

	}

	

	#wrap

	{

		width: 100%;

	}


	
	#resultat

	{

		font-size: 50px;

	}



	#returnbutton

	{
	
		width: 100%;
	
	}


	#returnbutton>.btn
	
	{

		font-size: 40px;

	}

	.msg

	{

		font-size: xxx-large !important;
	}


	.banniere

	{

		width: 250px;

	}


	#banniere_images {

		display: inline-flex !important;

	}

	
	#banniere_liens {

		font-size: xx-large;
		margin-top: 10px;
		margin-bottom: 10px;

	}

}