/* CSS Document */


*{
	margin:0;
	padding:0;
	outline:none;
	border:none;
	text-decoration:none;
}

body{
	text-align:center;
	background : url(../../img/interface/fdsable.jpg) repeat-x top left;
}

#global{
	background : url(../../img/interface/fdcontenu.jpg) no-repeat top center;
	width:100%;
	height:760px;
	margin:0 auto;
}

#polaroid{
	position:absolute;
	margin-top:32px;
	margin-left:48px;
	width:206px;
	height:196px;
	z-index:100;
}
/* contact */
#contact{
	position:absolute;
	/*background : url(../../img/interface/contact.jpg) no-repeat 0 0;*/
	width:166px;
	height:54px;
	z-index:10;
	left:668px;
	top:136px;
	cursor:pointer;
}
	#contact:hover{
		background : url(../../img/interface/contact.jpg) no-repeat 0 -54px;
		cursor:pointer;
	}


#contenu{
	position:relative;
	width:998px;
	min-height:760px;
	margin:0 auto;
	padding:136px 0 0 0;
	text-align:left;
}

/* Colonne Gauche : Menu + Galerie */
#colGauche{
	position:relative;
	width:271px;
	background : url(../../img/interface/menu_select.gif) no-repeat;
	/*background-position: 0px 36px;*/
	float:left;
}
	/* Position repère */
	#colGauche.menu1{ background-position: 0px 36px; }
	#colGauche.menu2{ background-position: 0px 92px; }
	#colGauche.menu3{ background-position: 0px 154px; }
	#colGauche.menu4{ background-position: 0px 216px; }
	#colGauche.menu5{ background-position: 0px 278px; }
	#colGauche.menu0{ background-position: 0px -200px; } /* non visible exemple : page Actu */

/* MENU */
#menu{
	width:100%;
	height:310px;
	padding:34px 0 0 0;
	background : url(../../img/interface/separateur_menu.gif) no-repeat 0 90px;
}

	#menu a{
		display:block;
		width:271px;
		height:62px;
	}

		#menu .menu1{
			background : url(../../img/interface/menu_1.gif) no-repeat 0 0;
		}
		#menu .menu2{
			background : url(../../img/interface/menu_2.gif) no-repeat 0 0;
		}
		#menu .menu3{
			background : url(../../img/interface/menu_3.gif) no-repeat 0 0;
		}
		#menu .menu4{
			background : url(../../img/interface/menu_4.gif) no-repeat 0 0;
		}
		#menu .menu5{
			background : url(../../img/interface/menu_5.gif) no-repeat 0 0;
		}


/* Gallery Photo */
#galerie{
	width:100%;
	height:248px;
	margin:10px 0 0 26px;
}

	#galerie #vignette{
		width:70px;
		height:70px;
		background : url(../../img/interface/fd_vignettes.gif) no-repeat 0 0;
		float:left;
		margin:0 10px 6px 0;
	}

	#galerie #vignette:hover{
		width:70px;
		height:70px;
		background : url(../../img/interface/fd_vignettes.gif) no-repeat 0 -70px;
		float:left;
		margin:0 10px 6px 0;
	}

	#galerie #vignette img{
		margin:5px 0 0 6px;
		border:none;
	}

	#galerie a.toutesPhotos  {
		display:block;
		width:228px;
		height:21px;
		background : url(../../img/interface/btn_photos.gif) no-repeat 0 -21px;
		clear:both;
	}
		#galerie a.toutesPhotos:hover  {
			background : url(../../img/interface/btn_photos.gif) no-repeat 0 0;
		}


/* Coeur de page */
#coeurPage{
	position:relative;
	width:418px;
	height:430px;
	margin:68px 0 0 38px;
	float:left;
	/*border-right:1px solid #00ff00;*/
}
#colonne_centre{
	height:430px;
}

#diaporama{ /* Anim Flash */
	/*border:1px solid #ff0000;*/
	width:402px;
	height:200px;
}

#contenuPAGE{
	font: 9pt Verdana;
	color: #4B4535;
	/*width:408px;
	height:392px;*/
	overflow:auto;
	padding:10px 0 0 0;
}
.gallery{
	width:587px;
	height:390px;
}
	/** Mot du président **/
	#contenuPAGE.motPresident{
		height:145px;
	}

	#contenuPAGE.motPresident p, #contenuPAGE #motJacques p{
		margin:0 4px 4px 0;
	}
	#contenuPAGE.motPresident img, #contenuPAGE #motJacques img{
		margin:0 0 4px 6px;
	}

	/** Mot de Jacques **/
	#contenuPAGE #motJacques{
		height:156px;
		overflow:auto;
		margin:0;
	}


/*** Téléchargements **/
#contenuPAGE #telechargement{
	height:65px;
	margin:0 30px 20px 0;
	font:12px Arial;
}
	#contenuPAGE #telechargement img{
		vertical-align:middle;
		margin-right:4px;
	}
		#contenuPAGE #telechargement b{
			font:16px Impact;
		}
		#contenuPAGE #telechargement a{
			margin:2px 0;
			display:block;
			color:#BF4D1B;

		}
		#contenuPAGE #telechargement a:hover{
			background-color:#ECECEC/*FFE5D3*/;
		}





#piedPage{
	margin:35px 0 0 0;
	font: 8pt Verdana;
	color: #BF4D1B;
	background: url(../../img/interface/pointilles_h.gif) repeat-x 0 0;
	line-height:26px;
}

	#piedPage a{
		color: #69625C;
		text-decoration:none;
	}
	#piedPage a:hover{
		color: #BF4D1B;
	}

#ekinos{
	margin:68px 0 0 300px;
	position:absolute;
	font: 8pt Verdana;
	color: #666;
	width:300px;
	text-align:right;
}
	#ekinos a{
		color: #666;
	}
	#ekinos a:hover{
		color: #F28E00;
	}


/* Colonne Droite : Actu + Plaquette */
#colDroite{
	position:relative;
	width:200px;
	height:400px;
	float:left;
}
	#actu{
		padding:170px 0 0 35px;
		width:155px;
		height:150px;
	}
		#actu marquee{
			display:block;
			width:155px;
			height:150px;

		}

		#actu p a{
			font: 9pt Verdana;
			color:#333333;
			text-decoration : none;
		}
		#actu p a:hover{
			text-decoration : underline;
		}

	#plaquette{
		padding:70px 0 0 15px;
	}


/* Gestion de la page Galerie */
#introAlbum, #listeAlbums{
	overflow:hidden;
	font:bold 10pt Arial;
	line-height:14px;
	text-align:center;
}
	#introAlbum a, #listeAlbums a{
		text-decoration:none;
		color:#555;
	}
		#listeAlbums a:hover{
			text-decoration:none;
			color:#D05C28;
		}
	#introAlbum #vignette, #listeAlbums #vignette{
		width:120px;
		background : url(../../img/interface/fd_album.gif) no-repeat 0 0;
		float:left;
		margin:0 10px 10px 0;
	}
		#listeAlbums #vignette:hover{
			background : url(../../img/interface/fd_album.gif) no-repeat  -120px 0;
		}
		#introAlbum #vignette img, #listeAlbums #vignette img{
			margin:5px 6px 7px 7px;
			border:none;
		}
		#listeAlbums #vignette p{
			height:28px;
		}

	#introAlbum #intro{
		width:278px;
		float:left;
		text-align:left;
		font:9pt verdana;
		color:#D05C28;
	}
			#introAlbum #intro P{
			margin:2px 0 0 0;
			overflow:auto;
			height:56px;
		}

	/* Bouton retour aux albums */
	#retourAlbums{
		text-align:right;
		margin:-10px 0 8px 0;
	}
		#retourAlbums a{
			display:block;
			background : url(../../img/interface/btn_retouralbums.gif) no-repeat right 0;
			width:130px;
			height:20px;
			margin:0 0 0 275px;
		}
			#retourAlbums a:hover{
				background : url(../../img/interface/btn_retouralbums.gif) no-repeat left 0;
			}

	#separateur{
		width:95%;
		height:26px;
		background : url(../../img/interface/separateur_galerie.gif) no-repeat 0 center;
	}

	#contenuPAGE #galerie{
		margin:10px 0 0 0;
		height:228px;
		overflow:auto;
	}
		#contenuPAGE #galerie #vignette{
			background : url(../../img/interface/fd_vignettes2.gif) no-repeat 0 0;
			float:left;
			margin:0 8px 6px 0;
		}
		#contenuPAGE #galerie #vignette:hover{
			background : url(../../img/interface/fd_vignettes2.gif) no-repeat 0 -70px;
		}

/*** Page Actu ***/
#contenuPAGE #article{
	width:360px;
	margin:4px 0;
}
		#contenuPAGE #article img{
			vertical-align:middle;
			margin-right:4px;
		}
		#contenuPAGE #article p{
			margin-top:4px;
		}
		#contenuPAGE #article a{
			margin:8px 0;
			color:#BF4D1B;

		}
		#contenuPAGE #article a:hover{
			/*background-color:#ECECECFFE5D3*/;
			text-decoration:underline;
		}