/* ------------------------------------
   - Styles communs aux pages de PJM  - 
   ------------------------------------
*/

	#fondPage {
		background-image: url(../images/fondpage.gif);
		background-position: top center;
		background-repeat: no-repeat;
		padding-top: 78px;
	}
 

 /* -----------------------
    - Barre de Navigation - 
    -----------------------
 */

#navig ul.menu {
 	padding-left: 7px;		
    	float: left;			
}

#navig a.active {  
   /*  background: url("../images/fondMenuActif.jpg") repeat-x 5px left; 	 */
		color:  rgb(65,106,23); /* VERT OK */
		color:  rgb(24,65,120); /* BLEU OK */
		color:  rgb(216,233,236); /* BLEU CLAIR */ 
	color: #fff;
}

#navig a.active span {  
  /*  text-decoration: underline;
       background: url("../images/fondMenuActif.jpg") repeat-x 95% left; 	*/
}



 /* -----------------------------------------------
   - ENTETE : Redéfinition Logo, Bandeau et liens - 
   ------------------------------------------------
 */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 100%;
	height: 222px;
	background: url("../images/pjm02.png") no-repeat center; 
}

#bandeau {
	position: absolute;
	top: 3px;
	padding-top: 2px;
	left: 221px;
	width: 379px;
	height: 215px;
	background: url("../images/headerSep.png") repeat-y top left; 
}

#bandeauImg {
	position: relative;
	width: 100%;
	height: 100%;
	height: 215px;
	background: url("../images/loading.gif") no-repeat center;
}

#bLien1 ul li a {		
	color: rgb(72,46,28);
}


#lien2 {
	display: block;
	float: left;
}

#lien2  p {
	font-size: 12px;
	text-align: center;
	color: inherit;
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	padding:0px;
}

#lien2  p:first-letter {
	font-weight: bold;
	font-size: 1.2em;
}

#lien2 a.btnLien2 {
	display: block;
	width: 161px; 
	height: 114px;
	line-height: 114px;
	background: url("../images/ateliersmd.jpg") no-repeat 0 0;
	text-decoration: none;
	text-align: center;
	background-position: 0px 0px;
	border: 2px outset #fff;
}

#lien2 a.btnLien2:hover {
	background-position: -161px 0px;
	border: 2px inset #fff;
}



/* ------------
   - CONTENU  - 
   ------------ 
*/
 
#bodyData  {
	width: 716px;
	background: #e7e0c6  url("../images/feuille2b.jpg") no-repeat top left;  
	height:522px; 
	border: 1px solid #e7e0c6;
}