html,body{

   height:100%;
   margin:0px;

}

body{
   font-family:  verdana, lucida, arial, helvetica, sans-serif;
}


#overall{

   height: 100%;
   background:url(images/degrade_accueil_01.jpg) left 110px repeat-y #243257;  
   overflow:auto;

}


#page{
  /*float:left;*/
  position:relative;
  width: 100%;
  height: 100%;
  border:0px solid #000;
  /*margin:0 auto;*/
   margin-top:0px;


}

.evenement{
	position:absolute;
	margin:0 auto;
	width:520px;
	height:280px;
	top:120px;
	left:265px;
	
	border:1px solid #243257;
	background-color:#fff;
	font-weight:bold;
	-moz-opacity:1;
   opacity: 1;
   z-index:100;

	
	

}

.evenement a:link,.evenement a:active,.evenement a:visited{
	text-decoration:underline;
	color:#243257;
}

.evenement a:hover{
	text-decoration:none;
	color:#243257;
}



/* ######################################### LIENS ################################ */

#menuLeft a:visited,#menuLeft a:active,#menuLeft a:link,#menuLeft a:hover{

   text-decoration:none;
   color:#fff;
}

/* ######################################### ENTETE ##############################*/


#frameHaut{

   float:left;
   position:relative; 
   width:100%;
   height:110px;
   background-color:#fff;
   background-image:url(images/entete_bg_02.jpg);
   background-repeat:repeat-x;
   background-position:bottom left;
}

#entete{
   /*margin:0 auto;*/
   position:relative;
   width: 900px;	
   height:110px;
   background-color:#ffffff;
   background:url(images/entete_bg_01.jpg) bottom left no-repeat #fff;
   

}

/* ##################################### CONTENU ##############################*/


#contenu{

   float:left;
   position:relative;

   height:462px;

}

/* ##################################### FRAMEHAUT ##############################*/




/* ##################################### FRAMELEFT ##############################*/

#frameLeft{

   float:left;
   position:relative;
   width: 252px;	
   background:url(images/frameleft_bg_01.jpg) top repeat-x;  
   z-index:2;
   

}



#imgLeft{
   float:left;
   position:relative;
   width: 252px;	
   height:345px;
   z-index:2;
}

#menuLeft{
   float:left;
   position:relative;
   width: 180px;	
   height:118px;
   background-color:#243257;

   
}

#menuLeft div{ 
   color:#fff;
   font-size:16px;
   font-weight:bold;
   line-height:30px;

}

#menuLeft #societe{
   margin-top:5px;
   height:31px;
   background-color:#2f4364;
   border-top:1px solid #97a1b1;
   border-bottom:1px solid #162039;
   text-align:left;
}

#menuLeft #liens{
   margin-top:5px;
   width: 180px;	
   height:31px;
   background-color:#3f5375;
   border-top:1px solid #9fa9ba;
   border-bottom:1px solid #162039;
   text-align:right;

}

#menuLeft #contact{
   margin-top:5px;
   width: 180px;	
   height:31px;
   background-color:#536482;
   border-top:1px solid #9198ab;
   border-bottom:1px solid #162039;
   color:#fff;
   text-align:center;

}

/* ##################################### FRAMERIGHT ##############################*/

#frameRight{

   float:left;
   position:relative;
   width: 550px;
   z-index:10;

}

#cadreCentral {

   width: 548px;	
   height:301px;
   background:url(images/cadrecentral_bg_01.jpg) left no-repeat;  
   z-index:10;

}

#menuH{
   float:left;
   position:relative;
   height:43px;
   width:620px;
   margin-left:-72px;
   border-top:1px solid #fff;
   border-bottom:0px solid #fff;
   background-color:#ff9205;
    z-index:10;

}

#menuHlinks{
   width:100%;	
   float:left;
   position:relative;
   height:33px;
   text-align:center;
   color:#243257;
   font-size:16px;
   font-weight:bold;
   line-height:33px;

}

#menuHlinks a:link,#menuHlinks a:active,#menuHlinks a:visited{

   text-decoration:none;
   color:#243257;
   background:url(images/fleche01.gif) right center no-repeat ;
   padding:0px 15px;
   
}

#menuHlinks a:hover{
   color:#fff;
}

#menuHbtmbar{
   width:100%;	
   float:left;
   position:relative;
   height:8px;
   border-top:1px solid #fac808;
   border-bottom:1px solid #fac808;
   background-color:#243257;
   overflow:hidden;
}


#imgRightbtm{

   float:left;
   position:relative;
   height:119px;
   width:620px;
   margin-left:-72px;
   background:url(images/imgRightbtm_bg_02.jpg) left no-repeat; 
   z-index:10; 
}


#bottomRight{
   clear:both;
   position:relative;
   float:left;
   width:100%;
   height:24px;
   margin-top:-24px;
   background-color:#3d3f40;


}


/* ##################################### FRAMEPUB ##############################*/


#framePub{

   float:none;

   position:relative;
   margin-left:820px;
   top:0px;
   margin-right:20px;
   z-index:10;
   border:0px solid red;
   

}

.eachpub{
   background-image:url(images/degrade_03.jpg);
   background-repeat:repeat-y;
   background-position:left;
   border:1px solid #fff;
   float:left;
   width:100%;
   border:1px solid #fff;
   border-right:0px;
   background-color:#2f4365;   
   font-size:9pt;
   padding:5px;
   text-align:left;

   margin:0px;
   margin-top:5px;
   overflow:hidden;
}


#framePub > div{
   



}

#framePub a:active,#framePub a:link,#framePub a:visited{

   
   color:#fff;
   text-decoration:none;
   /*font-size:7pt;*/

   

}

#framePub a:hover{

   text-decoration:none;
}