/* ------------------------------------
   - Styles communs aux pages de SMD  - 
   ------------------------------------
 */
 
 /* ---------------------------------
   - Redéfinition styles des pages  - 
   ----------------------------------
 */
 
#container {
	background: #cdcdcd url("../images/borderLeft2.png") repeat-y top left;
}
	
#containerPg {	
	background-position: 842px 8px;
	background-repeat: repeat-y;
	background-image: url("../images/borderRight2.png");
}


#borderTopBg {
	background: url("../images/borderTop2.png") no-repeat top left;
}

#borderBottomBg {
	height: 8px;
	background: url("../images/borderBottom2.png") no-repeat top left;
}


 /* ---------------------------------
   - Modification Barre Navigation  - 
   ----------------------------------
 */

#navig {
	background: url("../images/fondnavSMD.jpg") repeat-x bottom;
}

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

#navig li {
   background-image: url("../images/delimNavigSMD.png");
}

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

#navig ul ul {
    background-color: #01009A;
}

#navig a.active span {  
   /* text-decoration: underline; */
   color: #fff;
}



/* ----------------------------------------------------
   - Modification Sép. Header/Contenu + Pied de page  - 
   ----------------------------------------------------
 */
 
#sepHeadCont {
	background: url("../images/sepHeadContSMD.png") repeat-x bottom left;
}


#footer {
		background: url("../images/fondnavSMD.jpg") repeat-x bottom left;
}

#footer p span , #footer p {
	color: #fff;
}

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

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

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

#bLien1 ul li a {		
	color: #01009A;
}


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

#bLien2 {
	background: url("../images/headerSepSMD.png") repeat-y top 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/atelierpjm.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  {
	/* display: none;   */
	width: 800px;
	background: #e7e0c6 url("../images/fondsmd.jpg") no-repeat top left;
	height:400px; 		/* 477px; */
	border: 1px solid #e7e0c6;
}