body
{
	
}

#wrapper
{
	width: 795px;
	margin:auto;
	text-align:center;
	margin-top: 150px;
	height: 500px;
	background-color: rgb(255,156,0); 
}

#titre_block
{
	width: 100%;
	height: 30px;
	background-color: black;
	color: white;
	font-weight: normal;
	font-size: 0.9em;
}



#menu_block
{
	text-align: left;
	border-bottom: 1px solid black;
	padding-top: 1px;
	width: 100%;
	background-color: rgb(204,193,0);
	color: white;
	height: 45px;
}
			#menu_block ul
			{
				list-style-type: none;
				margin-bottom: 5px;
			}
			#menu_block li
			{
				display: inline-block;
				margin-right: 15px;
				width: auto;
				height: auto;
				padding-bottom: 5px;
			}
			#menu_block a
			{
				font-size: 1.1em;
				color: black;
				text-decoration: none;
				text-transform: uppercase;
			}
			.nav-item-focus
			{
				border-bottom: 5px solid black;
				font-weight: bold;
			}

#submenu_block
{
	background-color: rgb(254,112,0);
	color: white;
	height: 45px;
	text-align: right;
	border-bottom: 1px solid black;
	padding-top: 1px;
	width: 100%;
	color: white;
	height: 45px;
}
			#submenu_block ul
			{
				list-style-type: none;
				margin-bottom: 5px;
			}
			#submenu_block li
			{
				display: inline-block;
				margin-right: 15px;
				width: auto;
				height: auto;
				padding-bottom: 5px;
			}
			#submenu_block a
			{
				font-size: 1.1em;
				color: black;
				text-decoration: none;
				text-transform: uppercase;
			}
			.navi-item-focus
			{
				border-bottom: 5px solid black;
				font-weight: bold;
			}

#centralblock
{
	margin-bottom: 5px;
}

	#titlegen
	{
		text-align: center;
		border-bottom: 1px solid black;
		margin-bottom: 6px;
	}

	#cnxblk
	{
		width:400px;
		margin:auto;
		border-radius: 5px;
		/** border: 1px solid blue;**/
	}

		#tetecnx
		{
			height: 50px;
			background-color: #00008B;
			margin-bottom: 5px;
			text-align: center;
			border-radius: 2px;
			border-bottom: 1px solid #00008B;
			font-weight: bold;
			color:white;
			padding: 5px;
		}

				#tetecnx h1
				{
					font-size: 1em;
				}

		#msgzonecnx
		{
			color:black;
			padding: 5px;
			margin-top: 5px;
			text-align: center;
			background-color: #FFFACD;
			border: 1px solid #FFE4B5;
		}
				#msgzone p
				{
					color:#00008B;
					text-align: center;

				}

		#corpscnx
		{
			padding: 5px;
			margin-bottom: 5px;
			text-align: center;
		}

				#username, #passwd
				{
					width: 300px;
					height: 30px;
					font-size: 1em;
					margin-top: 5px;
					border:none;
					border-bottom: 1px solid #00008B;
					margin: 15px;
					color: #00008B;
				}

				#labeliste
				{
					display: block;
					float: left;
					text-align: left;
					padding-left: 45px;
					width: 300px;
					height: 20px;
					font-size: 1em;
					margin-top: 5px;
					border:none;
					color: black;
				}

				#beConnected
				{
					text-align: left;
					margin-left: -190px;
					margin-bottom: 15px;
				}

				.beConnected
				{
					color:black;
				}

				#cnxbtn
				{
					background-color: black;  /** quand on clique, on supprime cette valeur pour donner l'apparence de desactivation **/
					border: none;
					color: white;
					font-size: 1.1em;
					height: 50px;
					width: 305px;
				}
				.mylink
				{
					text-decoration: none;
				}

		#footcnx
		{
			margin-top: 5px;
			text-align: center;
			margin-bottom: 10px;
			font-family: "Times MS";
		}

				.subscribtn
				{
					background-color: #228B22;  /** quand on clique, on supprime cette valeur pour donner l'apparence de desactivation **/
					border: none;
					color: white;
					font-size: 1.2em;
					width: 180px;
					text-align: center;
					padding: 5px;
					height: 50px;
					text-align: center;
				}
				

		strong { color: #00008B; }


/** fin milieu **/