/*------------------------------------------------------------------ Cadres principaux du site ------------------------------------------------------------------*/

#cadre_entete{
}
#cadre_message{
	padding-left: 2.5%;
	padding-right: 2.5%;
}
#cadre_corpsDePage{
}

/*------------------------------------------------------------------ / Cadres principaux du site ------------------------------------------------------------------*/

/*------------------------------------------------------------------ Contenu des principaux cadres du site ------------------------------------------------------------------*/

#banniere{
	background-color: #daf4ef;
	width: 100%;
}

	/*------------------------------------ Contenu de l'id menuH ------------------------------------ */

	.logo_banniere{
		float: left;
		width: 25%;
	}
	.droite_banniere{
		float: left;
		width: 74%;
		text-align: center;
	}
		.partie_banniere{
			float: left;
			width: 31%;
			text-align: center;
		}
	#texte_banniere{
		text-align: center;
		font-weight: bold;
		color: #a4081b;
		font-size: 1.5em;
		padding-top: 5px;
	}

	/*------------------------------------ Contenu de l'id menuH ------------------------------------ */

#message_bienvenue{
	width: 20%;
	text-align: center;
	float: left;
	font-size: 0.8em;
	color: #a4081b;
}
#message{
	width: 79%;
	text-align: center;
	float: left;
}
#menuH{
	background-color: #daf4ef;
	width: 96%;
	font-weight: bold;
	padding: 0px 2% 10px 2%;
}

	/*------------------------------------ Contenu de l'id menuH ------------------------------------ */

	.ongletH{
		margin-right: 10px;
		width: 140px;
		height: 30px;
		padding-left: 40px;
		padding-top: 10px;
		float: left;
		overflow: hidden;
		position: relative;
		background-image: url("../images/imagesDeBase/boutonHorizontal.png");
		text-align: center;
	}
	.ongletH:hover{
		background-image: url("../images/imagesDeBase/boutonHorizontal_hover.png");
	}

	/* ------------------------------------ / Contenu de l'id menuH ------------------------------------ */

#page{
	background-color: #daf4ef;
	width: 100%;
}

	/*------------------------------------ Contenu de l'id page ------------------------------------ */

	#menuV{
		width: 12%;
		float: left;
	}

		/*--------------- Contenu de l'id menuV --------------- */
		
		.ongletV{
			padding-right: 0px;
			margin-top: 10px;
			padding-top: 20px;
			text-align: center;
			overflow: hidden;
			position: relative;
			width: 150px;
			height: 40px;
			margin-left: 10px;
			margin-right: 10px;
			font-weight: bold;
			background-image: url("../images/imagesDeBase/boutonVertical.png");
		}
		.ongletV:hover{
			background-image: url("../images/imagesDeBase/boutonVertical_hover.png");
		}
			.lienBlanc{
				color: #ffffff;
			}
			.lienBlanc:hover{
				color: #dddddd;
			}
		#img_onglet{
			overflow: hidden;
			position: relative;
			width: 100%;
			text-align: center;
			padding-top: 20px;
		}

		/*--------------- Contenu de l'id menuV --------------- */

	#partieDroite_page{
		width: 85%;
		float: right;
		padding-top: 10px;
	}

		#breadcrumb{
			color: #888888;
			font-weight: bold;
		}
		#reliure{
			background-image: url("../images/feuille/reliure.png");
			background-repeat: repeat-y;
			padding-left: 20px;
		}
		#bord_droit_feuille{
			background-color: #bbddbb;
			padding-right: 3px;
		}
		#bord_bas_feuille{
			background-color: #bbddbb;
			padding-bottom: 3px;
		}
		#feuille{
			background-color: #ffffff;
			overflow: scroll;
			position: relative;
			height: 850px;
		}
			/*--------------- Contenu de l'id feuille --------------- */
			#contenu{
				float: left;
				overflow:hidden;
				position: relative;
				width: 100%;
			}
			#contenu_accueil{
				float: left;
				width: 80%;
				overflow: hidden;
				position: relative;
			}
				/* Contenu de l'id contenu  */
				.module{
					padding: 10px;
				}
				.page{
					padding: 10px;
				}
				.breve{
					padding: 10px;
					border: 1px ridge #000000;
				}
					/* Contenu de la classe breve */
					.breve_nom{
						font-weight: bold;
						font-size: 1.2em;
					}
					.breve_date{
						color: #a4081b;
						font-size: 1.2em;
						font-weight:bold; 
						text-align: center;
					}
					.breve_contenu{
					}
					.breve_organisateur{
						color: #888888;
						font-size: 0.8em;
						text-align: right;
					}
					/* / Contenu de la classe breve */
				/* / Contenu de l'id contenu  */
			#news{
				float: right;
				width: 15%;
				overflow: hidden;
				position: relative;
				margin-top: 10px;
				margin-right: 1%;
			}
				/* Contenu de l'id news  */
				#coinHautGauche_news{
					padding-left: 10px;
					background-image: url("../images/bordure_news/chg.png");
					background-repeat: no-repeat;
					background-position: top left;
					font-size: 0px;
				}
				#bordHaut_news{
					height: 10px;
					background-image: url("../images/bordure_news/bh.png");
					background-repeat: repeat-x;
					background-position: top;
				}
				#coinHautDroit_news{
					padding-right: 10px;
					background-image: url("../images/bordure_news/chd.png");
					background-repeat: no-repeat;
					background-position: top right;
					font-size: 0px;
				}
				#bordGauche_news{
					padding-left: 10px;
					background-image: url("../images/bordure_news/bg.png");
					background-repeat: repeat-y;
					background-position: left;
				}
				#bordDroit_news{
					padding-right: 10px;
					background-image: url("../images/bordure_news/bd.png");
					background-repeat: repeat-y;
					background-position: right;
				}
				#coinBasGauche_news{
					padding-left: 10px;
					background-image: url("../images/bordure_news/cbg.png");
					background-repeat: no-repeat;
					background-position: bottom left;
					font-size: 0px;
				}
				#bordBas_news{
					height: 10px;
					background-image: url("../images/bordure_news/bb.png");
					background-repeat: repeat-x;
					background-position: bottom;
				}
				#coinBasDroit_news{
					padding-right: 10px;
					background-image: url("../images/bordure_news/cbd.png");
					background-repeat: no-repeat;
					background-position: bottom right;
					font-size: 0px;
				}
				/* /cadre */
				#centre_news{
				
				}
					.news_nom{
						padding: 5px;
						font-weight: bold;
						padding-top: 10px;
						color: blue;
						
					}
					.news_date{
						padding: 10px;
						color: #a4081b;
						font-size: 0.9em;
						font-weight:bold; 
						text-align: center;
					}
					.news_desc{
						padding: 10px;
						text-align: center;
						padding-bottom: 10px;
						font-size: 0.9em;
						font-weight:bold; 
						
					}
					.newsHr{
						margin: 0px;
					}
				/* / Contenu de l'id news  */

			/*--------------- Contenu de l'id feuille --------------- */

		/*------------------------------------ Contenu de l'id page ------------------------------------ */
	
	#piedDePage{
		text-align: center;
		font-weight: bold;
		padding: 20px;
		color: #888888;
		font-size: 0.9em;
	}

		/*------------------------------------ Contenu de l'id piedDePage ------------------------------------ */

		#titre_piedDePage{
			padding: 10px;
			font-size: 1.2em;
			color: #80000f;
		}

		/*------------------------------------ Contenu de l'id piedDePage ------------------------------------ */

/*------------------------------------------------------------------ /Contenu des principaux cadres du site ------------------------------------------------------------------*/

/*------------------------------------------------------------------ Definition des divisions contenant les bordures ------------------------------------------------------------------*/

.coinHautGauche{
	padding-left: 37px;
	background-image: url("../images/bordure/chg.png");
	background-repeat: no-repeat;
	background-position: top left;
}
.bordHaut{
	height: 37px;
	background-image: url("../images/bordure/bh.png");
	background-repeat: repeat-x;
	background-position: top;
}
.coinHautDroit{
	padding-right: 37px;
	background-image: url("../images/bordure/chd.png");
	background-repeat: no-repeat;
	background-position: top right;
}
.bordGauche{
	padding-left: 37px;
	background-image: url("../images/bordure/bg.png");
	background-repeat: repeat-y;
	background-position: left;
}
.bordDroit{
	padding-right: 37px;
	background-image: url("../images/bordure/bd.png");
	background-repeat: repeat-y;
	background-position: right;
}
.coinBasGauche{
	padding-left: 37px;
	background-image: url("../images/bordure/cbg.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}
.bordBas{
	height: 37px;
	background-image: url("../images/bordure/bb.png");
	background-repeat: repeat-x;
	background-position: bottom;
}
.coinBasDroit{
	padding-right: 37px;
	background-image: url("../images/bordure/cbd.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

/*------------------------------------------------------------------ / Definition des divisions contenant les bordures ------------------------------------------------------------------*/