body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	background-image: none;
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size:12px;
}
.conteneurCentre {
	padding-top: 40px;
	padding-right: 285px;
	height:637px;
	min-height: 637px;
	background: url(../images/fph_fond2.gif) no-repeat top right;
	padding-left:40px;
	}
.footerAutresPages {
	background-color: #fff;
}


/* STYLES FPH */


.divHr{
border-bottom:1px solid #646464;
margin:10px 0 0 0;
padding:0;
}

.pCyan{
margin-top:12px;
margin-bottom:16x;
}

.pCyan .bold{
color:#39BCD0;
}

.pCyan a, .ulHorizontal li a, .formLogFlickr a{
text-decoration:none;
color:#969696;
}

.pCyan a:hover, .ulHorizontal li a:hover, .formLogFlickr a:hover{
text-decoration:underline;
color:#39BCD0;
}

.ulHorizontal{
padding:0;
margin:0;
}

.ulHorizontal li{
display:inline;
list-style:none;
padding-right:15px;
}

.ulHorizontal li a{
text-decoration:none;
color:#969696;
}

.ulHorizontal li a:hover{
text-decoration:underline;
color:#39BCD0;
}

/* ------- MODULE ACTUALITES -------------------*/
.conteneurBlocActu {
position:absolute;
	right: 285px;
	top: 103px;
	width: 261px;
	height: 187px;

	}

	.actuHaut {
		width: 261px;
		height: 20px;
		background-image: url("../images/fph_actuhaut.gif");
		background-repeat: no-repeat;
		}

	.conteneurActuContenu {
		width: 261px;
		background-image: url("../images/fph_actucontenu.gif");
		background-repeat: repeat-y;
		color:#299193;
		}

		.conteneurActuContenu  a{
			color:#299193;
			text-decoration:none;
			}

			.conteneurActuContenu ul{
				list-style:none;
				margin:0 0 0 20px;
				padding:0;
				}

						.conteneurActuContenu ul li img{
				margin:0 10px 3px 0;
				vertical-align:bottom;
			}

		.actuContenu {
			width: 240px;
			height: 135px;
			overflow: auto;
			line-height: 17px;
			padding-left: 10px;

			scrollbar-track-color: #FFFFFF;
			scrollbar-arrow-color: #646464;
			scrollbar-face-color: #c1e3e3;
			scrollbar-shadow-color: #FFFFFF;
			scrollbar-highlight-color: #FFFFFF;
			scrollbar-3dlight-color: #FFFFFF;
			scrollbar-darkshadow-color: #FFFFFF;
			}


			.titreActu {
				color: #646464;
				font-size: 15px;
				font-weight: bold;
				margin-left: 15px;
				}

			.dateActu {
				color: #299193;
				font-size: 11px;
				font-weight: bold;
				margin-left: 15px;
				}

			.actuContenu a, .actuContenu a:hover, .actuContenu a:visited{
				color: #299193;
				font-size: 11px;
				}

	.actuBas {
		width: 261px;
		height: 19px;
		background-image: url("../images/fph_actubas.gif");
		background-repeat: no-repeat;
		}

.padGauche{
padding-right:275px;
}


/* ------- MENU -------------------*/

.menuFphTop{
background:url('../images/fph_menu_top.gif') top left no-repeat;
width:200px;
height:18px;
}

.menuFphBottom{
background:url('../images/fph_menu_bottom.gif') top left no-repeat;
width:200px;
height:18px;
}

.puceTyp1{
background:url('../images/fph_menu_fond-1.gif') top left no-repeat;
width:200px;
}
.puceTyp2{
background:url('../images/fph_menu_fond-2.gif') top left no-repeat;
width:200px;
}


.fphDroiteMenu {
	position: absolute;
	right: 0px;
	top: 90px;
	width: 263px;
	height: 637px;
}

.fphConteneurMenu{
	margin:15px 0 0 25px;
}

.fphDroiteMenu ul{
list-style:none;
margin:0;
padding-left:15px;
}

.fphDroiteMenu ul li ul{
padding:0 0 0 40px;
}

.fphDroiteMenu .puceTyp1{
		padding-bottom:5px;
}

.fphDroiteMenu .puceTyp2{
		padding-top:5px;
}


.fphDroiteMenu .puceTyp1 li a{
		color:#646464;
		text-decoration:none;
}
.fphDroiteMenu .puceTyp2 li a{
		color:#299193;
		text-decoration:none;
}


.fphDroiteMenu li a{
	text-decoration:none;
}

.fphDroiteMenu li a:hover{
	text-decoration:underline;
}

.fphDroiteMenu ul li ul li{
margin-left:-20px;
}



.logFlickr {
	margin-top: 10px;
	width: 180px;
	height: 100px;
	font-family: Trebuchet MS;
	font-size: 11px;
	margin-left:33px;
}


.formLogFlickr{
text-align:center;
color:#000;
font-size:11px;
}

.logLeft{
text-align:left;
margin:0 0 0 17px;
padding:0;
}

.hrViolet{
border-color:#A64D76;
}

.txtViolet{
color:#A64D76;
}

.jTitre{
font-size:13px;
}


/*-----------------------------*/

	.titre {
		color: #39bcd0;
		font-weight: bold;
		font-size: 12px;
	}

	.divBreve {
		color: #969696;
		font-size: 12px;
		font-weight: normal;
		margin-bottom: 20px;
	}

		.divBreve img {
			border: 0px;
		}

		.titreBreve {
			color: #39bcd0;
			font-weight: bold;
			font-size: 15px;
		}

	.documents {
		display: block;
		padding: 0px 7px 7px 0px;
		margin: 0px;
		width: 98%;
	}

	.documents .b1 {display: block; overflow: hidden; height: 1px; margin: 0 6px; background: #e5e5e5; }
	.documents .b2 {display: block; overflow: hidden; height: 1px; margin: 0 4px; background: #e5e5e5; }
	.documents .b3 {display: block; overflow: hidden; height: 1px; margin: 0 3px; background: #e5e5e5; border-left: 4px solid #e5e5e5; border-right: 4px solid #e5e5e5; }
	.documents .b4 {display: block; overflow: hidden; height: 1px; margin: 0 2px; background: #e5e5e5; border-left: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; }
	.documents .b5 {display: block; overflow: hidden; height: 1px; margin: 0 1px; background: #e5e5e5; border-left: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; }
	.documents .b6 {display: block; overflow: hidden; height: 1px; margin: 0 1px; background: #e5e5e5; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; }
	.documents .b7 {display: block; overflow: hidden; height: 1px; margin:   0px; background: #e5e5e5; border-left: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; }

	.documents .contentDocs {
		display: block;
		padding: 0px 10px 0px 10px;
		background: #e5e5e5;
		border-left: 2px solid #e5e5e5;
		border-right: 2px solid #e5e5e5;
	}

	.noteTitre {
		color: #39bcd0;
		font-weight: bold;
	}

	.notetxt {
		color: #979797
	}

	.divLstDocs {
		float: left;
		width: 31%;
		color: #505050;
	}

	.divLstDocs a {
		color: #505050;
		text-decoration: none;
	}

	.divLstDocs a:visited {
		color: #505050;
		text-decoration: none;
	}

	.divLstDocs a:hover {
		color: #505050;
		text-decoration: underline;
	}

	.contenudoc {
		width: auto;
		height: 27px;
	}

	.contenudoc img {
		border: 0px;
	}

	.commentairesFPH {
		display: block;
		font-weight: normal;
		font-size: 11px;
		width: 98%;
		color: #87C3E7;
		margin-top: 10px;
		text-decoration: none;
		border-top: 1px solid #39bcd0;
		border-bottom: 1px solid #39bcd0;
	}

	.blocArchive {
	display: block;
	font-size: 11px;
	color:#000;
	}

	.blocArchive select {
		width: 80px;
		border: 1px solid #39bcd0;
		font-size: 11px;
		font-family: Trebuchet MS;
		color: #000;
	}

	.contenuCommentaires {
		font-size: 11px;
		font-family: Trebuchet MS;
		color: #A64D76;
	}

	#formComment {
	width:95%;
	font-family: Trebuchet MS;
	font-size: 11px;
	}
	#formComment span{
	color:#A64D76;
	}
	#formComment .labNom{
		padding-right:13px;
		margin-bottom:2px;
		}
	#formComment .labEmail{
		padding-right:3px;
		}
	#formComment .labUrl{
		padding-right:58px;
		}
	#formComment input {
		border:1px solid black;
		background-color: #c1e3e3;
		width:100%;
		color: #000;
		font-weight: bold;
		}
	#formComment textarea {
		border:1px solid black;
		background-color: #c1e3e3;
		width:100%;
		color: #000;
		font-weight: bold;
		}
	#formComment .bouton{
		border:1px solid black;
		background-color: #e5e5e5;
		width:85px;
		right:20px;
		font-size: 11px;
		}

		
		/* ------- LES TAGS ---------- */
.colonneGauche2Tags {
	font-size: 12px;
	font-weight: normal;
	color: #838383;
	margin: 0px 25px;
	text-align: center;
	margin-top: 10px;
	}
	.colonneGauche2Tags a, .colonneGauche2Tags a:hover, .colonneGauche2Tags a:visited{
	color: #838383;
	}
	.colonneGauche2Tags p {
		margin-bottom: 12px;
		}
	.colonneGauche2Tags .bold {
		font-weight: bold;
		font-size: 125%;
		}
	.colonneGauche2Tags ul {
		margin: 15px 0px;
		}
	.colonneGauche2Tags li {
		display: inline;
		color: #36C0C7;
		padding: 0px 7px;
		}
		.colonneGauche2Tags li a, .colonneGauche2Tags li a:hover, .colonneGauche2Tags li a:visited {
			color: #36C0C7;
			}
.tag1 {
	font-size: 100%;
}
.tag2 {
	font-size: 150%;
}
.tag3 {
	font-size: 200%;
}
.tag4 {
	font-size: 250%;
}
.tag5 {
	font-size: 275%;
}
.tag6 {
	font-size: 300%;
}


/* ------- CONTRIBUTEURS ---------- */
.colonneGauche2Contributeurs {
	font-size: 12px;
	font-weight: normal;
	color: #838383;
	text-align: center;
	margin-top: 20px;
	width: 95%;
	margin-left: 3%;
	}
	.colonneGauche2Contributeurs p {
		margin-bottom: 20px;
		}
	.colonneGauche2Contributeurs .bold {
		font-weight: bold;
		font-size: 125%;
		}
	.colonneGauche2Contributeurs span {
		color: #299193;
		padding: 0px 7px;
		border-right: solid 1px #DDDDDD;
		}
		.colonneGauche2Contributeurs span a, .colonneGauche2Contributeurs span a:hover, .colonneGauche2Contributeurs span a:visited {
			color: #299193;
			}
/* ------- PHOTO ALEATOIRE ---------- */
.conteneurBlocImage {
	margin-left: 25px;
	padding-right: 25px;
	text-align: center;
	color: #838383;
	font-size: 12px;
	}
/* bloc Diapo */
.blocDiapo {
	width: 270px;
	height: 135px;
	margin-top: 10px;
	padding-top: 10px;
	background-image: url("../images/fph_flickr-fond_diapo.gif");
	background-repeat: no-repeat;
	font-size: 11px;
	color: #A64D76;
}
	.blocDiapoTitre {
			margin: 0px 20px 0px 20px;
		}
	.blocDiapoConteneur {
		margin-left: 20px;
		margin-top: 5px;
	}
	.blocDiapoConteneur img {
		border: 0px;
	}
		.blocDiapoNavGauche {
			float: left;
			margin-top: 25px;
			margin-right: 5px;
			width: 21px;
			height: 31px;
		}
		.blocDiapoNavDroite {
			margin-top: 25px;
			margin-left: 2px;
			width: 21px;
			height: 31px;
		}
		.blocDiapoPhoto1 {
			float: left;
			width: 77px;
			height: 77px;
			background-image: url("../images/fond-vignette.gif");
			background-repeat: no-repeat;
			text-align: center;
		}
		.blocDiapoPhoto2 {
			float: left;
			margin-left: 10px;
			width: 77px;
			height: 77px;
			background-image: url("../images/fond-vignette.gif");
			background-repeat: no-repeat;
			text-align: center;
		}
	#boutonPreviousPage {
		display: inline;
		margin-right: 5px;
	}
	#boutonNextPage {
		display: inline;
		margin-left: 5px;
	}
	.numberPage {
		display: inline;
		margin: 0px 1px 0px 1px;
		font-size: 12px;
	}

/* ------ PAVET PHOTO ------ */
#cadrePhoto {
	float: left;
	margin-left: 20px;
	font-family: Trebuchet MS;
	font-size: 11px;
	padding-bottom: 50px;
	}
#PhotoZoom {
	width: 60px;
	height: 20px;
	z-index: 2;
	position: absolute;
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
#PhotoBloc {
	padding: 0px;
	margin: 0px;
	border: #ffffff 2px solid;
	}
.Photo {
	padding: 0px;
	margin: 0px;
	border-top: #fcd6c8 2px solid;
	border-right: 0px;
	border-bottom: 0px;
	border-left: #fcd6c8 2px solid;
	}
.Ombre {
	border-top: 0px;
	/*border-right: #35c0c3 2px solid;
	border-bottom: #35c0c3 2px solid;*/
	border-left: 0px;
	}
/* titre et commentaires photo */
#commentairesPhoto {
	color: #39bcd0;
}
	#commentairesPhoto a, #commentairesPhoto a:visited {
		color: #39bcd0;
	}
	.titreCommentaire {
		font-size: 13px;
		font-weight: bold;
	}
	.contenuCommentaire {
		color: #A64D76;
		width: 350px;
	}
/* partie Droite (bloc membre et diapos) */
.blocDroite {
	float: right;
	width: 270px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 50px;
}
/* bloc Membre */
#blocMembre {
	width: 270px;
	height: auto;
}
	.blocMembreHaut {
		width: 270px;
		height: 23px;
		background-image: url("../images/fph_flickr-membreHaut.gif");
		background-repeat: no-repeat;
	}
	.blocMembreMid {
		width: 270px;
		height: auto;
		background-image: url("../images/fph_flickr-membreMid.gif");
		background-repeat: repeat-y;
		font-size: 11px;
	}
		.blocMembreTitrePhoto {
			margin-left: 20px;
			margin-right: 20px;
			color: #A64D76;
		}
		.blocMembreNom {
			margin-left: 20px;
			margin-right: 20px;
			color: #39bcd0;
		}
		.blocMembreSeparateur {
			border: 1px solid #cecece;
			width: 200px;
			height: 0px;
			font-size: 0px;
			line-height: 0px;
			margin-left: 32px;
			margin-top: 3px;
			margin-bottom: 5px;
		}
		.blocMembreTagAssoc {
			margin-left: 20px;
			margin-right: 20px;
		}
		.blocMembreTagAssoc a, .blocMembreTagAssoc a:visited {
			color: #f77858;
		}
	.blocMembreBas {
		width: 270px;
		height: 25px;
		background-image: url("../images/fph_flickr-membreBas.gif");
		background-repeat: no-repeat;
	}
/* formulaire postCommentaire */
.conteneurPostComm {
	background-color: #c1e3e3;
	border: 2px solid #a64d76;
	font-family: Trebuchet MS;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}
.postCommTitre {
	color: #a64d76;
	font-size: 16px;
	font-weight: bold;
}
.boutonSubmit {
	background-color: #a64d76;
	border: 2px solid #299193;
	margin-top: 5px;
	color: #fff;
	font-weight: bold;
}
.conteneurPostComm form label {
	margin-bottom: 3px;
}
/* admin photo FPH */
.conteneurAdminPhoto {
	margin-left: 25px;
	font-family: Trebuchet MS;
	font-size: 12px;
}
.titreRetour {
	font-size: 14px;
	font-weight: bold;
	color: #a64d76;
	text-decoration: underline;
	text-align: center;
}
.sousTitreAdmin {
	font-weight: bold;
	font-size: 14px;
	color: #39bcd0;
}
.conteneurModuleAdmin {
	width: 90%;
	border: 2px solid #39bcd0;
	padding: 5px 5px 5px 5px;
	margin-bottom: 15px;
}