/* -----------------------------------------------
   - Styles communs (par défaut) à tout le site  - 
   -----------------------------------------------
 */
	* {
		margin: 0;
		padding: 0;
	}

	body {		
		padding: 0px;		
		margin: 0px;
		background-image: url(../images/fondpjm4.gif);
		background-color: #e7e0c6; 
		background-position: bottom center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	
	#fondPage {
		text-align:center; 

	}

	#container, #containerPg, #borderTopBg , #borderBottomBg {
		display: block;
		position: relative;
		width: 850px;	
	}
	
	#header, #bodyContent, #footer, #sepHeadCont  {
		display: block;
		position: relative;
	}
	
	
	#container {
		margin: 5px auto;
		background: #d7c8b0 url("../images/borderLeft2.png");
		background-position: 0px 0px;
		background-repeat: repeat-y;
	}
	
	#containerPg {	
		margin: 0px;
		background-position: 842px 8px;
		background-repeat: repeat-y;
		background-image: url("../images/borderRight2.png");
	}
	
	#borderTopBg {
		height: 8px;
		font-size: 6px;	 	 /* Ajouter pour IE6 */
		background: url("../images/borderTop2.png") no-repeat top left;
	}
	
	#borderBottomBg {
		height: 9px;
		font-size: 6px;	 	 /* Ajouter pour IE6 */
		background: url("../images/borderBottom2.png") no-repeat top left;
	}
	
/* -----------
   - ENTETE  - 
   -----------
 */

	#header {
		margin: 0px 8px 0px 8px;
		width: 834px;	
		height: 255px;
		border: 0px solid black;
		z-index: 9999;
	}
	
	#bandeauArti {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 255px;
		border: 0px solid black;
		background: url("../images/fondBann01.gif") no-repeat;	
		background-position: 0px 0px;	
	}
	
	.bArti {
		position: relative;
		display: block;
		width: 600px;
	}
	
	#bandeauP {
		height: 222px;
		border: 0px solid black;
	}
	
	#navPrinc {  
		height: 33px;	
	}
	
	#bandeauLiens {
		position: absolute;
		top: 0px;
		left: 601px;
		width: 233px;
	}
	
	.bLiens {
		position: relative;
		display: block;
		width: 233px;
		color: #732A45;
	}
	

	#bLien1 {
		height: 50px;
		background: url("../images/lienTop2.gif") no-repeat top right;
		padding-top: 5px; 
	}
	
	#bLien1 ul { 
		margin: 0;
		padding: 0;			
		list-style-type: none;		
		padding-right: 5px;		
		float: right;			
	}

	#bLien1 ul li {
		position: relative;		
	   	display: block;	
		margin: 0px;
		padding: 1px 5px;			
		float: left;
		background-position: 98% 2px;	
   		background-repeat: no-repeat;
   		background-image: url("../images/delimLien1.png");
	}

	#bLien1 ul li.last  {
		background: none;
	}

	#bLien1 ul li a {		
		position: relative;
		display: block;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
	}
	
	#bLien1 ul li a:hover {
		color: #fff;
	}
	
	#bLien1 ul li a.btnDrp {
		display: block;
		margin: 2px 0px 0 0;
		padding: 0px;
		width: 22px; 
		height: 15px;
		line-height: 15px;
		background: url("../images/drp.jpg") no-repeat 0 0;
		background-position: 0px 0px;
	}

	#bLien1 ul li a.btnDrp:hover {
		background-position: 0px -15px;
	}

	
	#bLien2 {
		height: 199px;
		width: 100%;
		margin-top:1px;
		margin-bottom:2px;
		margin-left: 10px;
		padding-left: 30px;
		background: url("../images/headerSep.png") repeat-y top left;
	}

	
/* -------------
   - CONTENU   - 
   -------------
 */
 
	#sepHeadCont {
		margin: 2px 15px 0px 15px;
		width: 820px;	
		height: 3px;
		font-size: 2px;	 	 /* Ajouter pour IE6 */
		background: url("../images/sepHeadCont.png") repeat-x bottom left;
	}
	
	
	#bodyContent {
		margin: 3px 11px;
		padding: 0px;
		width: 828px;
		border: 0px solid #fff;
		background-color: #e7e0c6;
		height: auto;	
	}

	#bodyPJM, #bodySMD {
		display: block;  
		position: relative;
		margin: 0px auto;  
		padding: 2px 0px;
		height: auto; 
	}

	#bodyPJM {
		background-color: #d7c8b0;
	}

	#bodySMD {
		background-color: #cdcdcd; 
	}

	#bodyData  {
		display: block;
		position: relative;
		margin: 0px auto;
		padding: 0px;
		overflow: hidden; 		/* les dépassements seront masqués */ 
	}

	
/* -----------------
   - PIED DE PAGE  - 
   -----------------
 */
	
	#footer {
		margin: 3px 11px;
		width: 828px;			
		padding: 3px 0px;
		/* height: 20px; */
		background: url("../images/fondnav.jpg") repeat-x bottom left;
	}
	
	#footer p {
		text-align: center; 
		margin: 0px;
	}
	#footer p span, #footer p a{
		margin: 0px 2px;
		text-decoration: none;
		color: rgb(169,169,169);
		font-size: 10px;
		font-weight: bold;
	}
	
	#footer p span {
		color: #000;
	}
	
	#footer p a:hover {
		color: #fff;
	}