@charset "utf-8";

/* CSS Document */

body
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#113e5c;
	color:white;
	font-size:12px;
	text-align:justify;
	height:100%;
}

a
{
	color:white;
	font-weight:bold;
	text-decoration:none;
}

.corps
{
	width:100%;
	height:576px;
	background-position:top center;
}

	.contenu
	{
		width:998px;
		margin-left:auto;
		margin-right:auto;
	}

	.bouton
	{
		position:absolute;
		margin-top:0px;
		margin-left:700px;
		background-image:url(gfx/bouton.png);
		width:202px;
		height:56px;
		padding:10px;
		font-size:18px;
		color:white;
		text-align:center;
	}

	.cadre_destination
	{
		position:absolute;
		margin-top:75px;
		margin-left:150px;
		width:212px;
		height:390px;
		overflow:auto;
		background-image:url(gfx/cadre_destination.png);
		padding:10px;
		font-size:11px;
		color:#113e5c;
		text-align:justify;
	}

.bas
{
	width:100%;
	background-image:url(gfx/bas_fond.jpg);
	background-repeat:repeat-x;
	position:absolute;
}

	.col_gauche
	{
		margin-top:0px;
		margin-left:165px;
		float:left;
		width:350px;
	}

	.col_droite
	{
		margin-left:50px;
		margin-top:0px;
		float:left;
		width:280px;
	}

	.titres_bas
	{
		font-size:24px;
		color:white;
		margin-bottom:5px;
		width:350px;
		border-bottom:1px solid #9db4c2;
	}

	.texte_bas
	{
		margin-top:0px;
		margin-left:10px;
		margin-right:20px;
		font-size:11px;
		
		color:#ffffff;
		text-align:justify;
	}

	.input_login
	{
		width:200px;
		height:15px;
		border:0px;
		margin-top:5px;
		color:#113e5c;
		font-size:11px;
	}

	.input_button
	{
		width:30px;
		height:20px;
		border:0px;
		margin-top:5px;
		color:#113e5c;
		font-size:11px;
		text-align:center;
		margin-left:172px;
	}

	.input_newsletter
	{
		width:160px;
		height:20px;
		border:0px;
		color:#113e5c;
		font-size:12px;
	}

	.input_newsletter_button
	{
		width:30px;
		height:22px;
		border:0px;
		margin-top:5px;
		color:#113e5c;
		font-size:12px;
		text-align:center;
	}
	
	.cgv
	{
		margin-top:20px;
		margin-bottom:20px;
		background-color:white;
		color:black;
		padding:10px;
		height:250px;
		overflow-y:scroll;
		overflow-x:hidden;
	}

.error
{
	color:red;
	
}



#damier
{
	width:800px;
	height:350px;
	background-image:url(../public/damier_fondu.jpg);
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	border:5px solid black;
	
}
.titre_damier
{
	width:98%;
	background-color:black;
	color:white;
	margin:0px;
	padding:1%;
	margin-bottom:2px;
	font-weight:bold;
}
.damier_corps
{
	margin-left:10px;
	margin-right:10px;
}

.damier_case_used
{
	text-align:center;
	color:white;
	font-size:24px;
	float:left;
	width:35px;
	height:35px;
	background-color:#CC6600;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-weight:bold;
}

.damier_case_pair
{
	text-align:center;
	color:#072848;
	font-size:24px;
	float:left;
	width:35px;
	height:35px;
	background-color:white;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}	
.damier_case_impair
{
	text-align:center;
	color:white;
	font-size:24px;
	float:left;
	width:35px;
	height:35px;
	background-color:#072848;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}	

.foot
{
	overflow:hidden;
	padding-top:10px;
	width:100%;
	background-image:url(gfx/bas_fond.jpg);
	background-repeat:repeat-x;
	height:33px;
	text-align:center;
	font-size:9px;
	color:white;
	position:relative;
}