body
{
background-color: #FFFFFF;
text-align : center;
}

p
{
margin-top : 0px;
margin-bottom : 0px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #2896A5;
font-weight : bold;
}

h1
{
position : relative;
top : 	-10px;
left : 0px;
margin-top : -5px;
padding-bottom : 1px;
color : #FFFFFF;
font-weight: bold;
font-family:Verdana,  Helvetica, Arial ,sans-serif;
font-size : 16px;
}

h2
{
margin-top : 0px;
color : #FFFFFF;
font-weight: bold;
font-family:Verdana,  Helvetica, Arial ,sans-serif;
font-size : 15px;
margin-bottom : 17px;
}

.container
{
	position : relative;
	margin : 0 auto;
	text-align : center;
	width : 1024px;
	border-style : none;
}

	.header
	{
	width : 1024px;
	border-style : none;
	}

	
		.fhg
		{
		border-style : none;
		width : 52px;
		height : 71px;
		float : left;
		background-image:url(interface_3/fond_h_g_2.jpg);
		border-style : none;
		}

		.fhm
		{
		border-style : none;
		width : 920px;
		height : 71px;
		float : left;
		background-image:url(interface_3/fond_h_mid.jpg);
		background-repeat : repeat-x;
		text-align : left;
		}

			.titlehaut
			{
			height : 42px;
			position : relative;
			top : 0px;
			left : 50px;
			}

			.fthg
			{
			height : 42px;
			width : 27px;
			background-image:url(interface_3/fond_tit_g.jpg);
			float :left;
			}
			.fthm
			{
			width : 500px;
			height : 42px;
			background-image:url(interface_3/fond_tit_mid.jpg);
			background-repeat : repeat-x;
			float :left;			
			}

			.fthd
			{
			height : 42px;
			width : 27px;
			background-image:url(interface_3/fond_tit_d.jpg);
			float :left;
			}

		.fhd
		{
		border-style : none;
		width : 52px;
		height : 71px;
		float : left;
		background-image:url(interface_3/fond_h_d_2.jpg);
		}

	.clear_mid
	{
	width : 1024px;
	height : 10px;
	background-image:url(interface_3/fond_mid_large.jpg);
	background-repeat : repeat-y;
	clear : both;
	}

	.middle
	{
	width : 1024px;
	border-style : none;
	text-align : left;
	clear : both;
	background-image:url(interface_3/fond_mid_large.jpg);
	background-repeat : repeat-y;
	}
		.colg
		{
		width : 180px;
		border-style : none;
		float : left;
		}

			.menug
			{
			position : relative;
			left : 20px;
			top : 0px;
			width : 150px;
			margin-bottom : 0px;
			}
			
			.menhg
			{
			width : 11px;
			height : 20px;
			background-image:url(interface_3/fond_menu_h_g.jpg);
			float : left;
			}

			.menhmid
			{
			width : 128px;
			height : 20px;
			background-image:url(interface_3/fond_menu_h_mid.jpg);
			background-repeat : repeat-x;
			float : left;
			}

				
				.mentit
				{
				height : 20px;
				position : relative;
				top : 0px;
				left : 5px;
				}

					.mentitg
					{
					height : 20px;
					width : 9px;
					background-image:url(interface_3/fond_menu_tit_g.jpg);
					float :left;
					}

					.mentitmid
					{
					height : 20px;
					width : 80px;
					background-image:url(interface_3/fond_menu_tit_mid.jpg);
					background-repeat : repeat-x;
					float :left;
					}
					
					.mentitd
					{
					height : 20px;
					width : 9px;
					background-image:url(interface_3/fond_menu_tit_d.jpg);
					float :left;
					}

			.menhd
			{
			width : 11px;
			height : 20px;
			background-image:url(interface_3/fond_menu_h_d.jpg);
			float : left;
			}

			.menmid
			{
			margin-top : -16px;
			padding-top : 2px;
			width : 150px;
			background-image:url(interface_3/fond_menu_mid_large.jpg);
			background-repeat : repeat-y;
			clear : both;
			}

			.menbg
			{
			width : 10px;
			height : 11px;
			background-image:url(interface_3/fond_menu_b_g.jpg);
			float : left;
			background-repeat : no-repeat;
			}

			.menbmid
			{
			width : 130px;
			height : 11px;
			background-image:url(interface_3/fond_menu_b_mid.jpg);
			background-repeat : repeat-x;
			float : left;
			}

			.menbd
			{
			width : 10px;
			height : 11px;
			background-image:url(interface_3/fond_menu_b_d.jpg);
			float : left;
			background-repeat : no-repeat;
			}

		.colmid
		{
		width : 664px;
		border-style : none;
		float : left;

		}

			.art
			{
			width : 660px;
			}

			.clearart
			{
			clear : both ;
			height : 25px;
			width : 660px;
			margin-bottom : -15px;
			}

				.arthg
				{
				height : 20px;
				width : 10px;
				float : left;
				background-image:url(interface_3/fond_art_h_g.jpg);
				}

				.arthmid
				{
				width : 640px;
				height : 20px;
				float : left;
				background-image:url(interface_3/fond_art_h_mid.jpg);
				background-repeat : repeat-x;
				}

					.arttitg
					{
					height : 20px;
					width : 13px;
					float : left;
					background-image:url(interface_3/fond_art_tit_g.jpg);					
					}


					.arttitmid
					{
					height : 20px;
					min-width : 200px;
					max-width : 600px;
					float : left;
					background-image:url(interface_3/fond_art_tit_mid.jpg);
					background-repeat : repeat-x;				
					}


					.arttitd
					{
					height : 20px;
					width : 13px;
					float : left;
					background-image:url(interface_3/fond_art_tit_d.jpg);					
					}
				
				.arthd
				{
				height : 20px;
				width : 10px;
				float : left;
				background-image:url(interface_3/fond_art_h_d.jpg);			
				}

				.artmid
				{
				width : 660px;
				margin-top : -16px;
				background-image:url(interface_3/fond_art_mid.jpg);
				background-repeat : repeat-y;
				clear : both;
				}

				.artbg
				{
				height : 15px;
				width : 10px;
				float : left;
				background-image:url(interface_3/fond_art_b_g.jpg);
				background-repeat : no-repeat;
				}

				.artbmid
				{
				width : 640px;
				height : 15px;
				float : left;
				background-image:url(interface_3/fond_art_b_mid.jpg);
				background-repeat : repeat-x;
				text-align : right;
				}

					.artsigng
					{
					position : relative;
					top : 0px;
					left : 80px;
					height : 15px;
					width : 7px;
					float : left;
					background-image:url(interface_3/fond_art_sign_g.jpg);
					background-repeat : no-repeat;					
					}


					.artsignmid
					{
					position : relative;
					top : 0px;
					left : 80px;
					height : 15px;
					width : 550px;
					float : left;
					background-image:url(interface_3/fond_art_sign_mid.jpg);
					background-repeat : repeat-x;
					text-align : right;				
					}


					.artsignd
					{
					position : relative;
					top : 0px;
					left : 80px;
					height : 15px;
					width : 7px;
					float : left;
					background-image:url(interface_3/fond_art_sign_d.jpg);
					background-repeat : no-repeat;					
					}
					
					.comuser
					{
					font-family:Verdana, Helvetica, Arial ,sans-serif;
					font-size : 10px;
					color : #2896A5;
					font-weight : bold;
					width : 150px;
					float : left;
					}

					.comcont
					{
					float : left;
					margin-left : 10px;
					position : relative;
					width : 470px;
					font-family:Verdana, Helvetica, Arial ,sans-serif;
					font-size : 12px;
					color : #2896A5;
					font-weight : bold;
					}
					
					.ava
					{
					margin-top : 5px;
					margin-bottom : 5px;
					width : 150px;
					text-align : left;
					}

					.com_date
					{
					margin-top : 5px;
					margin-bottom : 5px;
					width : 150px;
					text-align : left;
					font-family:Verdana, Helvetica, Arial ,sans-serif;
					font-size : 10px;
					color : #2896A5;
					}
				
				.artbd
				{
				height : 15px;
				width : 10px;
				float : left;
				background-image:url(interface_3/fond_art_b_d.jpg);
				background-repeat : no-repeat;			
				}

				.pagin
				{
				width : 660px;
				clear : both;
				text-align : right;
				font-family:Verdana, Helvetica, Arial ,sans-serif;
				font-weight : bold;
				font-size : 10px;
				color : #2896A5;
				}


		.cold
		{
		width : 180px;
		border-style : none;
		float : left;
		}

			.menud
			{
			position : relative;
			left : 10px;
			width : 150px;
			margin-bottom : 0px;
			}	
				
				.wc
				{
				text-align : center;
				padding-bottom : 0px;
				}

				.met
				{
				text-align : center;
				font-size : 16px;
				}

				.meteo
				{
				padding-bottom : 0px;
				text-align : center;
				width : 145px;
				}

			.clearcol
			{
			clear : both;
			height : 25px;
			margin-bottom : -15px;
			}


			.clearcold
			{
			clear : both;
			height : 25px;
			margin-bottom : -15px;
			}

			.clearimg
			{
			clear : both;
			height : 50px;
			padding-top : 2px;
			}	
	.footer
	{
	width : 1024px;
	border-style : none;
	clear : both;
	}

		.fbg
		{
		border-style : none;
		width : 52px;
		height : 51px;
		float : left;
		background-image:url(interface_3/fond_b_g.jpg);
		border-style : none;
		}

		.fbm
		{
		border-style : none;
		height : 51px;
		width : 920px;
		float : left;
		background-image:url(interface_3/fond_b_mid.jpg);
		background-repeat : repeat-x;
		text-align : left;
		}

		.fbd
		{
		border-style : none;
		width : 52px;
		height : 51px;
		float : left;
		background-image:url(interface_3/fond_b_d.jpg);
		}

.clear
{
height : 1px;
clear : both;
}

.txttith
{
position : relative;
top : 10px;
left : 0px;
margin-top : 15px;
height : 42px;
color : #FFFFFF;
font-weight: bold;
font-family:Verdana,  Helvetica, Arial ,sans-serif;
}

.txttitmen
{
color : #FFFFFF;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-weight: bold;
}

.textcontmen
{
position : relative;
top : 2px;
left : 5px;
width : 145px;
text-align : left;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
font-weight : bold;
color : #2896A5;
}

a.menlink
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #2896A5;
text-decoration : none;
font-weight : bold;
}

a.menlink:hover
{
width : 150px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #154D55;
font-weight : bold;
text-decoration : underline;
font-variant : small-caps
}

a.menlink:active
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #2896A5;
text-decoration : none;
font-weight : bold;
}

.textarttit
{
position : relative;
top : 1px;
left : 0px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 14px;
font-weight: bold;
color : #FFFFFF;
}

.textartcont
{
position : relative;
top : 5px;
left : 25px;
width : 630px;
margin-top : 0px;
margin-bottom : 0px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #2896A5;
font-weight : bold;
}

	.contimg
	{
	width : 200px;
	float : left;
	margin-bottom : 5px;
	text-align : center;
	}

	.conttext
	{
	margin-left : 5px;
	width : 415px;
	float : left;
	text-align : justify;
	font-size : 12px;
	color : #2896A5;
	font-weight : bold;
	}
	.contlien
	{
	width : 630px;
	text-align : right;
	margin-right : 5px;
	padding-top : 10px;
	padding-bottom : 4px;
	margin-bottom : 0px;
	clear : both;
	}

	.contlienbis
	{
	width : 630px;
	height: 15px;
	text-align : right;
	margin-right : 5px;
	clear : both;
	font-size : 12px;
	font-weight : bold;
	}

.textartsign
{
position : relative;
top : 1px;
left : 0px;
}


.sign
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #FFFFFF;
}

.loginput
{
border-style : dotted;
border-color : #2896A5;
background-color : #FFFFFF;
color : #2896A5;
width : 130px;
font-weight : bold;
}

.submit
{
margin-top : 5px;
border-style : solid;
border-color : #2896A5;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
}

.submit2
{
margin-top : 5px;
border-style : solid;
border-color : #2896A5;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
}

.log_fail
{
position : relative;
top : 0px;
left : 0px;
width : 150px;
text-align : center;
border-style : dashed;
background-color :  #A7FD8E;
}

.adminline
{
margin-top : 0px;
text-align : left;
border-style : none;
border-width : thin;
text-align : left;
}

	.adminlineleft
	{
	margin-top : 5px;
	width : 200px;
	float : left;
	text-align : left;
	margin-left : 5px;
	margin-bottom : 5px;
	}

	.adminlineright
	{
	margin-top : 5px;
	width : 420px;
	float : left;
	text-align : left;
	margin-bottom : 5px;
	}

	.adminlinesub
	{
	width : 200px;
	float : left;
	text-align : left;
	margin-bottom : 5px;
	margin-left : 5px;
	}

	.commentlineleft
	{
	width : 40px;
	float : left;
	text-align : left;
	margin-left : 5px;
	margin-bottom : 5px;
	}

	.commentlinemid
	{
	width : 450px;
	float : left;
	text-align : left;
	margin-left : 5px;
	margin-bottom : 5px;
	}

	.commentlineright
	{;
	width : 80px;
	float : left;
	text-align : left;
	margin-bottom : 5px;
	}

	.commentlinesub
	{
	width : 200px;
	float : left;
	text-align : left;
	margin-bottom : 5px;
	margin-left : 5px;
	}

.modifglob
{
margin-top : 0px;
border-width : 1px;
text-align : center;
}

	.modifent
	{
	margin-top : 5px;
	text-align : left;
	border-width : 1px;
	}

	.modifhautleft
	{
	margin-top : 5px;
	text-align : left;
	border-width : 1px;
	float : left;
	width : 200px;
	}

	.modifhautright
	{
	margin-top : 5px;
	margin-left : 5px;
	text-align : left;
	border-width : 1px;
	float : left;
	width : 400px;
	}

	.modifbasleft
	{
	margin-top : 5px;
	text-align : left;
	border-width : 1px;
	float : left;
	width : 150px;
	}

	.modifbasright
	{
	margin-top : 5px;
	margin-left : 5px;
	text-align : left;
	border-width : 1px;
	float : left;
	width : 450px;
	}

	.modifsub
	{
	clear : both;
	padding-top : 10px;
	text-align : left;
	border-width : 1px
	}

	.prof_info
	{
	margin-top : 5px;
	padding-left : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	float : left;
	width : 300px;
	border-style : dotted;
	border-width : thin;
	border-color : #2896A5;
	}

	.prof_stat
	{
	margin-top : 5px;
	padding-left : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	float : left;
	margin-left : 5px;
	width : 300px;
	border-style : dotted;
	border-width : thin;
	border-color : #2896A5;
	}

	.prof_clear
	{
	clear : both;
	padding-top : 5px;
	}

.mess_glob
{
margin-top : 5px;
border-style : dotted;
border-width : thin;
border-color : #2896A5;
width : 610px;
}

	.mess_new
	{
	float : left;
	width : 40px;
	}

	.mess_de
	{
	float : left;
	width : 100px;
	}

	.mess_tit
	{
	float : left;
	width : 300px;
	}

	.mess_date
	{
	float : left;
	width : 120px;
	}

	.mess_bout
	{
	float : left;
	}

	.rec_de
	{
	margin-top : 5px;
	border-style : dotted;
	border-width : thin;
	border-color : #2896A5;
	width : 610px;
	}

	.rec_date
	{
	margin-top : 5px;
	border-style : dotted;
	border-width : thin;
	border-color : #2896A5;
	width : 610px;
	}

	.rec_tit
	{
	margin-top : 5px;
	border-style : dotted;
	border-width : thin;
	border-color : #2896A5;
	width : 610px;
	}

	.rec_cont
	{
	margin-top : 5px;
	border-style : dotted;
	border-width : thin;
	border-color : #2896A5;
	width : 610px;
	}

	.rec_sup
	{
	margin-top : 5px;
	width : 610px;
	}

.mem
{
margin-top : 5px;
text-align : left;
float : left;
width : 305px;
}

.memd
{
margin-top : 5px;
text-align : left;
float : left;
width : 305px;
}

.memglob
{
text-align : center;
width : 610px;
border-style : none;
}

.memclear
{
clear : both;
width : 610px;
height : 1px;
}

.im_glob
{
margin-top : 5px;
padding : 5px;
border-style : dotted;
border-width : 1px;
border-color : #2896A5;
width : 605px;
}

	.imhautleft
	{
	margin-top : 5px;
	text-align : left;
	border-width : 1px;
	float : left;
	width : 100px;
	}

	.imhautright
	{
	margin-top : 5px;
	margin-left : 5px;
	text-align : left;
	border-width : 1px;
	float : left;
	width : 550px;
	}

.inscr_left 
{
width : 190px;
margin-top : 5px;
float : left;

}

.inscr_right
{
width : 400px;
margin-top : 5px;
float : left;

}

.input_log
{
width : 200px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.input_pass
{
width : 200px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.input_mail
{
width : 300px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}


.input_art_tit
{
width : 400px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.input_art_cont
{
width : 400px;
height : 100px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
font-size : 12px;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
font-family:Verdana, Helvetica, Arial ,sans-serif;
}

.input_mod_tit
{
width : 400px;
height : 15px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.input_im_cont
{
width : 500px;
height : 100px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
font-size : 12px;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
font-family:Verdana, Helvetica, Arial ,sans-serif;
}

.input_im_tit
{
width : 500px;
height : 15px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.cont_select
{
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.input_com_cont
{
width : 605px;
height : 100px;
background-color : #FFFFFF;
color : #2896A5;
font-weight : bold;
border-style : dotted;
border-color : #2896A5;
border-width : thin;
}

.pagination
{
text-align : right;
font-size : 10px;
font-weight : bold;
margin-top : 0px;
}

a.pagina
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #2896A5;
text-decoration : none;
font-weight : bold;
}

a.pagina:hover
{
width : 150px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #154D55;
font-weight : bold;
}

a.pagina:active
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #2896A5;
text-decoration : none;
font-weight : bold;
}

a.pag2
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #154D55;
text-decoration : none;
font-weight : bold;
}

a.pag2:hover
{
width : 150px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #154D55;
font-weight : bold;
text-decoration : none;
}

a.pag2:active
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #154D55;
text-decoration : none;
font-weight : bold;
text-decoration : none;
}

a.contlien
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #2896A5;
text-decoration : none;
font-weight : bold;
}

a.contlien:hover
{
width : 150px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #FFA200;
font-weight : bold;
text-decoration : underline;
}

a.contlien:active
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 12px;
color : #2896A5;
text-decoration : none;
font-weight : bold;
}

.link
{
position : relative;
top : 2px;
left : 5px;
width : 145px;
text-align : left;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
font-weight : bold;
color : #2896A5;
margin-bottom : 0px;
}

a.lien
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #2896A5;
text-decoration : underline;
font-weight : bold;
}

a.lien:hover
{
width : 150px;
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #154D55;
font-weight : bold;
text-decoration : underline;
font-variant : small-caps
}

a.lien:active
{
font-family:Verdana, Helvetica, Arial ,sans-serif;
font-size : 10px;
color : #2896A5;
text-decoration : underline;
font-weight : bold;
}