@charset "utf-8";
	body {
		font: 90%/1.4 Verdana;
		margin: auto;
		padding: 0;
		background-color:#2c3f8c;
		width:1000px;
		background-image:url(./images/fond.jpg) ;
		background-repeat:no-repeat;
		background-position:center 300px;
	}
	
	/* ~~ Sélecteurs d'éléments/balises ~~ */
	ul, ol, dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
		padding: 0;
		margin: 0;
	}
	img
	{
		border-style:none;
		}
	.top {
		width: 1000px;
		height: 234px;
		margin:auto;
		margin-top:5px;
		border-color:#FFF;
		border-width:2px;
		border-style:solid;
	
	}
	.fixedtop
	{
		position:fixed;
		}
	.center
	{
		margin:auto;
		width:inherit;
		}
	
	.middle {
		width: 1000px;
		padding-top:0px;

	}
	.bottom {
		width: 1000px;
	}
	
	
	.content{
		text-align:left;
		padding:45px;
		padding-top:5px;
		padding-bottom:5px;
		vertical-align:top;
		 font: normal 12px verdana ;
		 color:#FFF;
		 line-height:normal;
		 width:530px;
		 margin:auto;
		}
		
		.slideshow
		{
			margin-top:5px;
			text-align:center;
			margin:auto;
			width:1000px;
			font: normal 12px verdana ;
		    color:#FFF;
			}
		
		.maindesc
		{
			text-align:left;
			font-weight:bold;
			font-size:16px;
			padding-top:70px;
			padding-left: 140px;
			}
	.titre
	{
		font:Verdana, Geneva, sans-serif;
		font-weight:bold;
		font-size:18px;}
		
	a {
	
		color: #FFF;
		text-decoration:underline;
		font-weight:bolder;
		text-decoration:none;
	} 
	
	a:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration: underline;
	} 
	
	/* ~~ Ce conteneur à largeur fixe entoure toutes les autres divs ~~ */
	.container {
		width: 1000px;
		margin: auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
	}
	name {
		font-weight: bold;
	}
	
	table, td
	{
		border-color:#fff;
		border-style:solid;
		text-align:left;
		}
	table
	{
		border-width:0 0 2px 2px;
		border-spacing: 0;
		border-collapse:collapse;
	}
	.tcontacts
	{
		width:830px;
		margin-left:-150px;
	}
	.noline
	{
		border:none;
	}
	td
	{
		margin:0;
		padding:4px;
		border-width:2px 2px 0 0;
	}
	.lienphotos
	{
		margin-top:15px;
		margin-bottom:0px;
		text-align:left;
		margin-left: 330px;
	}
	.nomlien
	{
		margin-top:15px;
		margin-bottom:0px;
		text-align:left;
		margin-left:70px;
	}
	.lien
	{
		margin-bottom:0px;
		margin-top:0px;
		text-align:left;
		margin-left: 85px;
		
	}
	.carre
	{
		margin-right:5px;
		}
		
	.perscontact
	{
		margin-bottom:0px;
		margin-top:0px;
		text-align:left;
		margin-left: 345px;
		
	}
	.phototable
	{
		border:none;
	}
	.miniature
	{
		margin-right:5px;
	}
	.preview
	{
		width:320px;
		background:#2c3f8c;
		padding-left:10px;
	}
	.contactheader
	{
		
		background:#475899;
		font-weight:bold;
		line-height:25px;
		padding-left:10px;
	}
	.contact
	{
		text-align:left;
		padding-left:10px;
		}
	.annee
	{
		width:100px;
		line-height:25px;
		padding-left:10px;
		}
	.mois
	{
		width:200px;
		background:#475899;
		padding-left:10px;
		}
	.designation
	{
		width:200px;
		background:#00adee;
		padding-left:10px;
		}
	.jours
	{
		width:100px;
		background:#475899;
		padding-left:10px;
	}
	.nomevent
	{
		width:300px;
		background:#00adee;
		padding-left:10px;
	}
	.cnom
	{
		width:200px;
	}
	.crole
	{
		width:100px;
	}
	.cfonction
	{
		width:200px;
	}
	.cgsm
	{
		width:120px;
	}
	.cmail
	{
		width:200px;
	}
			
	#navbar{
		width:1002px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:5px;
		height:25px;
		border-color:#FFF;
		border-width:2px;
		border-bottom-style:solid;
		border-right-style:solid;
	 }
		 
	#navbar .inbar{
		display:block;
		height:25px;
		background-color:#009392; 
		}
	#navbar ul, #navbar ul li{
		border:0px;
		margin:0px;
		padding:0px;
		list-style:none;
		height:25px;
		line-height:25px; 
	} 
	#navbar ul{
		background-color:#009392;
	 }
	#navbar ul li{
		float:left;
		display:block;
		line-height:25px; 
		width:165px;
		margin:auto;
		text-align:center;
		border-color:#FFF;
		border-width:2px;
		border-left-style:solid;
	}
	#navbar ul li a{
		font:Verdana, Geneva, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		display:block; }
	#navbar ul li a:hover{
		color:#000;
		background-color:#00adee;;
		height:25px;
		line-height:25px; }
	#navbar  ul li a.selected{
		color:#000;
		background-color:#00adee;;
		height:25px;
		line-height:25px; }
		
		.frnl{
			width:1000px;
			margin-top:30px;
			margin-bottom:20px;
			text-align:right;
			font-size:10px;
			color:#FFF;
			}