/**********************************************
* CREATE BY   : SET Bunthoeun  
* Defimding struture of web site, header, 
* left div, small div, container, etc....         
***********************************************
* DATE CREATE : 06-04-08            
**********************************************/
 
/* =container(package for left nav and content) 
	---------------------------------- */
.container {
	float:left;
	/*width: 1024px;*/
	width: 100%;
	min-height: 880px;	
	border-right:  #E4E4E4 0px solid;
	/*background: #ffff url(col.gif) scroll repeat-y 20em 0em;*/
}

/* To package header left and right
------------------------------------*/
#header {
	height: 29px;   
    background:url(../images/barre_haut/barre_haut_bg.png) repeat-x;
   /*border: solid 1px;*/       
    float: left; 
    width: 100%;
}

/*=To drop the right position of img
------------------------------------*/
#headerleft{
	float: left;	
	width: 29%;
	margin: 0 0;
	padding: 0 0;	
}
#headerright{
	margin-top: 5px;
	margin-left: 310px;
	/*border: #000 1px solid;*/
}

/* =left nav(link left side bar)
	-----------------------------------*/
.lefter {
	width: 254px;
	float:left;
	min-height: 800px;
	display:inline; 
	background-color: #fff;	
	/*border: fuchsia 2px solid;*/
}
.leftTop{
	height: 134px;
	margin: 0 0;
	padding: 0 0;
	background-color: #C51B20;
}
.leftCenter{
	height: 35px;
	margin: 0 0;
	padding: 0 0;
}
.leftBottom{
	height: 61px;
	margin: 0 0;
	padding: 0 0;	
}
/* =To wrap the whole content
   ----------------------------- */
#content{
	width: 718px;
	float: left;
	background-color: #fff; 
	border: black 0px solid;
	background:url(../images/pages/morceau_bulle.png) no-repeat;	
}

/* =To package url path and image banner
   ------------------------------------*/
#breadcrumb{
	margin-left: 65px;
	padding-top: 5px;	
	height: 164px;	
	color: #C51A21;	
	font-size: 12px;
	font-weight: bold;
}
/* =To use in acceuil.html
   ------------------------------------*/
#contentBody{
	border: green 0px solid;
	background-color: #fff;	
}

/*=To play with padding for image content acceuil.html
------------------------------------*/
#contentBody img{
	padding-left: 110px;
	padding-top: 30px;
	padding-bottom: 50px;	
}

/*=To use all pages except acceuil.html
------------------------------------*/
#contentBodyImg{
	background: url(../images/pages/ombre_cote-gauche.png) no-repeat;		
}

/*=To package content title and text
------------------------------------*/
#contentBodyRight{
	border: 0px solid;
	margin-left: 90px;
	padding-left: 10px;
	padding-right: 95.5px;
	padding-bottom: 30px;
	text-align: justify;
	
	border: solid 0px #f00;
	min-height: 400px;
	
}

/*=To package content tables
------------------------------------*/
#tabs{
	background-color: #fff;	
	height: 28px;		
}
#tabsLiens{
	background-color: #fff;
	
}
.tabLiensUtiles{
	margin-top: 35px;
	border: solid 0px;
	width: 535px;
	height: 39px;
}

/*=footer 
	----------------------------- */
#footer {
	width: 520px;	
	height: 30px;	
	text-align: center;
	background: url(../images/barre_bas/barre_bas-bg.png) repeat-x;	
	margin-left: 100px;
	margin-right: 50px;
	margin-top: 0px;	
	padding-top: 8px;	
	
}