@charset "utf-8";
/* CSS Document */
body
{
background-color:black;
color:red;
font-family: Georgia, "Times New Roman", Times, serif;
}

a
{
color: #FFFFFF;
text-decoration: none;
}

/* CONTENEUR :contien l'enssemble menu , ban , corps et pied , me permet d'applique un fond different de celui du reste de la page */
#conteneur
{
width:675px;
height: 1000px;
margin: auto;
margin-bottom: 10px;
margin-top: 0px;
padding-top: 10px;
background: url(fonds/fondcontessai1.png) center no-repeat;
}


/*BANNIERE: je me sert directement du fond pour placer la banniere celle ci est de meme largeur que le cortps et doit etre alligné avec*/
#ban
{
height: 150px;
width: 620px;
margin: auto;
margin-bottom: 0px;
padding:0px;
padding-top: 50px;
background: url(../image/signature/sign000032.png) center no-repeat ;
}


/*MENU: placé a gauche il n'a pas de fond est la superposition au corps est volontaire ( MEMO : pour le remetre hors du corps il faut anuler les margin et les paddin sur ul ^^ )*/
#menu
{
background: url(fonds/barsepar.png) center top no-repeat;
width:620px;
height:40px;
margin: auto;
padding: 0px;
}
	#menu a
	{
	text-decoration:none;
	color: #FFFFFF;
	}

		table
		{
		color: #FFFFFF;
		width: 540px;
		height:30px;
		padding: 0px;
		margin: auto;
		margin-top: 5px;
		font-size: 1em;
		border-collapse: collapse;
		text-transform: capitalize;
		}
			tr
			{
			}
				td
				{
				width: auto;
				padding-top: 10px;
				text-align: center;
				}
					td:first-letter
					{
					font-size: 1.1em;
					}

	/*#menu ul option sur la liste du menu 
	{
	
	list-style-type: none;
	list-style-position:inside;
	}
		#menu li
		{
		height:50px;
		width:99px;
		font-size: 1.5em
		font-style: italic;
		color: #FFFFFF;
		text-align: center;
		vertical-align:middle;
		border-collapse:collapse;
		}
		
			#bhome  BOUTON DU MENU :option sur les boutons du menu 
			{
			background: url(boutons/bhome.png);
			}
			
			#bsign
			{
			background: url(boutons/bsign.png);
			}
			
			#bavatar
			{
			background: url(boutons/bavatar.png);
			}
			
			#bcolo
			{
			background: url(boutons/bcolo.png);
			}
			
			#bwall
			{
			background: url(boutons/bwall.png);
			}
			
			#bcarte
			{
			background: url(boutons/bcarte.png);
			}
			
			#bflyer
			{
			background: url(boutons/bflyer.png);
			}*/
#corps
{
margin:0px;
width:620px;
margin:auto;
padding:0px;
padding-top:0px;
height:650px;
background: url(fonds/barsepar.png) center top no-repeat;
overflow: auto;
}

	.wellcome
	{
	color:#000000;
	text-align: center;
	margin: auto;	
	width: 500px;
	line-height: 1.5em;
	}
		.wellcome h1
		{
		margin-bottom: 20px;
		margin-top: 50px;
		color:#FFFFFF;
		font-size: 2em;
		}
		.wellcome a
		{
		text-decoration:none;
		color:#FFFFFF;
		}
	.ps
	{
	font-size:0.7em;
	font-style: italic;
	}
	.wellcome .ps
	{
	margin-top: 250px;
	}
	
	
	h1#pagetitre
	{
	text-align: center;
	font-variant:small-caps;
	font-size: 1.2em;
	color: #FFFFFF;
	margin:0px;
	margin-top:15px;
	margin-bottom: 0px;
	margin-right:50px;
	padding:0px;
	padding-top: 5px;
	padding-bottom:5px;
	background: url(fonds/pbarsepar.png) center bottom no-repeat;
	
	}
	
	.corpsnew
	{
	margin:0px;
	margin-top:30px;
	padding:0px;
	height:600px;
	width:615px;
	margin:auto;
	overflow: auto;
	}
	
	.news
	{
	color:#000000;
	font-size: 0.8em;
	text-align: justify;
	margin: 0px;
	margin-left: 40px;
	margin-right: 40px;
	padding: 0px;
	padding-bottom: 5px;
	background: url(fonds/pbarsepar.png) center bottom no-repeat;
	line-height: 1.1em;
	}
	
		.news h3
		{
		padding: 0px;
		padding-top:15px;
		color: #FFFFFF;
		text-decoration:underline ;
		font-style: italic;
		font-size: 1.2em;
		}
		
		.avanews
		{
		float: left;
		clear: left;
		height:80px;
		width: 80px;
		background: url(avanews/v1.png);
		margin: 0px;
		padding: 0px;		
		}		
		.news .date
		{
		text-align: right;
		font-size: 0.7em;
		color: #FFFFFF;
		margin:0px;
		margin-right:100px;
		padding:0px;
		}
		
		div .textnews
		{
		margin-left:90px;
		}
		
		div.galava , div.galsign , div.galwall , div.galcolo , div.galcarte , div.galflyer
		{
		margin:0px;
		width:475px;
		margin:auto;
		padding:0px;
		height:600px;
		overflow:auto;
		margin-top: 0px;
		text-align: center;
		color: #FFFFFF;
		font-size: 0.8em;
		}
		
		.num_page
		{
		color: #FFFFFF;
		text-decoration: none;
		font-style: italic;
		font-family:"Times New Roman", Times, serif;
		font-size: 0.8em;
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
			.num_page a
			{
			text-decoration: none;
			color: #FFFFFF;
			font-weight: bold;
			}
		
		.galava img
		{
		width: 100px;
		height: 100px;
		margin: 15px;
		border: 1px #FFFFFF solid;
		}
		
		.galsign img
		{
		width: 150px;
		height: 80px;
		margin: 15px;
		margin-bottom: 10px;
		border: 1px #FFFFFF solid;
		}
		
		.galwall img , .galcolo img
		{
		width: 200px;
		margin: 15px;
		margin-bottom: 10px;
		border: 1px #FFFFFF solid;
		}
		
		.galcarte img , .galflyer img
		{
		margin-top: 25px;
		border: 1px #FFFFFF solid;
		}
		

#pied
{
margin:0px;
width:620px;
margin:auto;
margin-bottom:20px;
height:80px;
background: url(fonds/barsepar.png) center top no-repeat ;
}