/* CSS commun */

	body
	{
		width: 870px;
		background-color: #fefefe;
		background-image: url(../images/fond_VSF.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	.container
	{
		width: 870px;
		min-height: 850px;
		display: table-row;
	}
	
	img
	{
		border: none;
	}
		
	.col_gauche, .col_centre, .col_droite
	{
		display: table-cell;
	}
	
	h3.spip
	{
		color: #166bae;
		margin: 0;
		padding: 0;
	}
	
	.spip_documents_left
	{
		margin: 0;
		padding: 0;
		margin: 10px 15px 10px 0;
	}
	
	.spip_documents_right
	{
		margin: 0;
		padding: 0;
		margin: 10px 0 10px 15px;
	}
	
	li.spip
	{
		list-style-type: circle;
	}

/* CSS Colonne gauche */

	.col_gauche
	{
		width: 180px;
		background-image: url(../images/1px_jaune.png);
		background-repeat: repeat-y;
	}
	
	.menu_rub
	{
		margin: 0;
	}
	
	.image_fond_g
	{
		width: 171px;
		height: 813px;
		background-image: url(../images/col_gauche.jpg);
		background-repeat: no-repeat;
	}
	
	.titre_vsf
	{
		width: 150px;
		padding-top: 111px;
		margin-left: 15px;
	}
	
	.tiret
	{
		width: 150px;
		border-bottom: 1px dashed #FFFFFF;
		margin-left: 10px;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	
	.menu, .menu_bottom
	{
		margin-top: 5px;
	}
	
	.menu a
	{
		color: #005CA6;
		text-decoration: none;
	}
	
	.menu_bottom a
	{
		color: #730986;
		text-decoration: none;
	}
	
	.menu img, .menu_bottom img
	{
		padding-right: 10px;
		padding-left: 15px;
	}
	
	.trait_jaune
	{
		width: 150px;
		margin-left: 10px;
		margin-top: 5px;
		border-bottom: 1px solid #f8c466;
	}
	
	.trait_bleu
	{
		width: 150px;
		margin-left: 10px;
		margin-top: 5px;
		border-bottom: 2px solid #166AAE;
	}

/* CSS Colonne centre */

	.col_centre
	{
		width: 490px;
	}
	
	.bandeau
	{
		width: 490px;
		height: 105px;
		text-align: center;
	}
	
	.lang
	{
		margin-left: 380px;
		margin-top: -20px;
		width: 100px;
		height: 30px;
	}
	
	.lang img
	{
		padding-right: 5px;
	}
	
	.flash
	{
		width: 490px;
		height: 227px;
	}
	
	.contenu
	{
		width: 489px;
		min-height: 518px;
		background-color: #FFF;
		margin-top: -15px;
	}

	/* CSS div carte */

		.carte_fr
		{
			width: 230px;
			height: 275px;
			padding: 30px 0 0 15px;
			float: left;
		}
		
		.pointi
		{
			border-bottom: 1px dashed #f39912;
		}
		
		.carte
		{
			width: 200px;
			height: 205px;
			margin-top: 10px;
		}

	/* CSS div agenda */

		.agenda_memo
		{
			width: 210px;
			height: 300px;
			float: left;
			margin: 30px 0 0 20px;
		}
		
		.titre_agd
		{
			float: left;
		}
		
		.papillon
		{
			float: left;
			margin-top: -15px;
		}
		
		.lieu
		{
			font-weight: bold;
		}
		
		.content_agd
		{
			width: 210px;
			height: 240px;
			margin-top: 30px;
			overflow: hidden;
		}
		
		.bouton
		{
			width: 210px;
			text-align: center;
			margin-top: 20px;
		}

	/* CSS div galerie */

		.galerie
		{
			margin-top: 20px;
			clear: left;
			width: 489px;
			height: 103px;
			background-image: url(../images/fond_galerie.png);
			background-position: center bottom;
			background-repeat: no-repeat;
		}
		
		.pos_titre
		{
			margin-left: 40px;
			padding-top: 20px;
		}
		
		.titre_gal
		{
			float: left;
		}
		
		.apn
		{
			float: left;
			margin-left: 5px;
			margin-top: -5px;
		}
		
		.portefolio
		{
			width: 430px;
			height: 50px;
			margin-top: 25px;
			margin-left: 30px;
		}
		
		.vignette
		{
			height: 39px;
			width: 39px;
			margin: 0px 0px;
		}
		
		/* CSS div prefooter */
		
		.prefooter
		{
			width: 489px;
			height: 70px;
			margin-top: 15px;
		}
		
		.btn_pref
		{
			width: 110px;
			height: 70px;
			float: left;
		}
		
		.btn_pref img
		{
			padding-top: 10px;
			margin-left: 10px;
		}
		
		.plan_mention
		{
			width: 150px;
			height: 10px;
			float: left;
			margin-left: 20px;
			padding-top: 40px;
		}
		
		.plan_mention span, .plan_mention span a
		{
			font-size: 8px;
			color: #b1afaf;
			text-decoration: none;
		}
		
		.petit_logo
		{
			width: 191px;
			height: 70px;
			float: left;
		}
		
		.petit_logo img
		{
			display: inline;
			padding-left: 10px;
			padding-top: 20px;
		}
		
		/* CSS div footer */
		
		.footer
		{
			width: 469px;
			min-height: 30px;
			margin-left: 10px;
		}
		
		.footer span, .footer span a
		{
			font-size: 9px;
			color: #6e6b6b;
			text-decoration: none;
		}

/* CSS Colonne droite */

	.col_droite
	{
		width: 171px;
		background-image: url(../images/1px_vert.png);
		background-repeat: repeat-y;
	}
	
	.image_fond_d
	{
		width: 171px;
		height: 626px;
		background-image: url(../images/col_droite.jpg);
		background-repeat: no-repeat;
	}
	
	.clochet
	{
		width: 171px;
		position: fixed;
		z-index: 1;
		height: 224px;
		background-image: url(../images/clochet_art.png);
		background-repeat: no-repeat;
	}
	
	.texte_d
	{
		width: 150px;
		padding-top: 120px;
		text-align: justify;
		padding-left: 10px;
	}
	
	.mot_clef
	{
		width: 150px;
		height: 150px;
		margin-top: 25px;
		margin-left: 10px;
		position: relative;
		z-index: 100;
	}