@import url(../menu/menu_style.css);
@import url(../menu/default.css);
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*mise en forme du site                                         */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#pagewidth{ 
 margin-left:auto; 
 margin-right:auto; 
 background-color:#FFFFFF; 
 width:980px; 
 border-top: 4px #ccc;/* gris sombre*/
 border-right:4px #ccc;
 border-left: 4px #ccc;
 border-bottom: 4px #ccc;
 border-style:solid;} 

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*      Mise en forme du header                                 */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.header{
 width:980px; 
 height:117px;
/*background-image:url(../images/header.png);
background-repeat: no-repeat;*/
border-bottom: 1px solid #6a6a6a;/* gris sombre*/
} 

.search{
	position:relative;
	top:115px;
	left:-329px;
	z-index:3;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*cadres gauche, droit et central                               */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#leftcol{
 background-color:white; 
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 /*border-top: 1px  dashed #CFCFCF; */
 }
 
#rightcol{
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 background-color:white;
 /*border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:dashed; */}
 
#maincol{
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 /*border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:dashed;*/
 width:100%; }

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*pied de page du site                                          */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.footer{
 width: 980px;
 height:44px;
 font: normal 9px "Times New Roman", Times, serif;
 color:#6a6a6a;
 text-align:center;
 background-color:#efefef; /* gris pale*/
 background-image:url(../images/footer.png);
background-repeat:repeat;
 border-top: 1px #CFCFCF;/* gris medium*/
 border-right:0px #CFCFCF;
 border-left: 0px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:dashed;}

/*couleurs des liens footer*/

.footer a  {
font: 9px "Times New Roman", Times, serif;
color:#ffffff;}

.footer a:hover {	
text-decoration: none;	
color: #ffffff;}

.footer {
font: 10px "Times New Roman", Times, serif;
color:#448ccb;
text-align:center;}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*fonction impression                                           */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocolls, #maincol{width:100%; float:none;}
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Aspect des blocs                                             */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div #tieudiem{
	font: 12px "Times New Roman", Times, serif;
	color:#fff;
	padding-left:4px; 
	padding-right:4px; 
	padding-top:4px;
	padding-bottom:4px;
	border-top:2px solid #448ccb;
	border-left:2px solid #448ccb;
	border-right:2px solid #448ccb;
	border-bottom:2px solid #448ccb;
	background:#BDD9FF url(../images/back_tieudiem.jpg) repeat-x bottom;
	width: 96%;
	margin-bottom:5px;
	margin-top:3px;
}

.block_title-tieudiem{
font-size: 15px;
font-weight :bold;
font-family: "Times New Roman", Times, serif;
height:27px;
text-align:center;
}

.block_content {
font: 12px "Times New Roman", Times, serif;
padding-left:2px; 
padding-right:2px; 
padding-top:2px;
padding-bottom:2px;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
background-color:#f5f5f5;
width: 100%;}

.boxContent {width: 170px;}

/*  aspect des blocs colonne gauche */	

.block_title-left{
font: bold 12px "Times New Roman", Times, serif;
color: #ffffff;
/*color: #068800;
/*background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;*/
background-image:url(../images/title_back.png);
background-repeat: repeat-x;
vertical-align:center;
height:27px;
/*border-top:3px solid #7cc576; /*green*/
/*background-color:#e1e1e1;
/*border-bottom:1px solid #CFCFCF;/*gris bleu*/
text-align:left;
text-indent:5px;
width: 170px;
}

.block_content-left {width: 170px;}


/*  aspect des blocs colonne droite */	

.block_title-right{
font: bold 12px "Times New Roman", Times, serif;
color: #ffffff;
/*color: #068800;
/*background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;*/
background-image:url(../images/title_back.png);
background-repeat: repeat-x;
vertical-align:center;
height:27px;
/*border-bottom:1px solid #CFCFCF;/*gris bleu*/
text-align:left;
text-indent:5px;;
}

.boxContent-right {width: 180px;}

/*  aspect des blocs cadre central*/	

.block_title-center {
font: 13px "Times New Roman", Times, serif;
font-style:bold;
color: #7b7e83;
background-color:#efefef;
background-image:url(../images/puce-centre.png);
background-repeat: no-repeat;
width: 100%;
text-indent:15pt;}

.block_content-center {
font: 11px "Times New Roman", Times, serif;
color:#7b7e83;
border-bottom:1px solid #CFCFCF; 
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
border-top: 1px solid #CFCFCF;
-moz-border-radius: 5px;
width: 100%;}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des articles                                          */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.block_title1-news {
font: 13px "Times New Roman", Times, serif;
text-transform:uppercase;
background-color:#BDD9FF;
font-weight: bold;
color: #7b7e83;
vertical-align:middle;
text-align:left;
border-top:1px solid #56a6f6;
text-indent:5pt;
height:22px;}

.block_title2-news {
font: 15px "Times New Roman", Times, serif;
font-weight: bold;
color: #448CCB;
vertical-align:middle;
text-align:left;
text-indent:5pt;
padding-top:5px;
}
.block_title2-news  a:hover {text-decoration: none; border-bottom:1px dashed #448ccb;}
.block_title-tieudiem  a:hover {text-decoration: none; border-bottom:1px dashed #448ccb;} 

.boxContent-news {width: 100%;}

.block_content-news {
font: 12px "Times New Roman", Times, serif;
padding-top:5px;
padding-bottom:5px;
text-indent:5pt;}

.postedby {
font: 9px "Times New Roman", Times, serif;
color: #9cbcc4;
text-align:left;
text-indent:5pt;
}

.morelink {
font: 11px "Times New Roman", Times, serif;
text-align:right; 
color:#448ccb;
padding-top:2px}	
.morelink a:hover {text-decoration: none; border-bottom:1px dashed #448ccb;} 

.block_title-morenews {font: bold 12px "Times New Roman", Times, serif;color: #7b7e83;}

/*couleurs des liens  block_title et  posteby*/

.block_title a  {font: bold 14px  "Times New Roman", Times, serif;color:#ffffff;}
.block_title a:hover  {font: bold 14px  "Times New Roman", Times, serif;color:#9cbcc4;text-decoration: none;}

.postedby a  {font: 9px "Times New Roman", Times, serif;color:#448ccb;}
.postedby a:hover {text-decoration: none;color: #cccccc;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des preferences administration                        */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.checkbox {	background: #ECECEC;/*gris pale */border: 1px solid #7b7e83;font-size: x-small;}
.select {background: #ECECEC;border: 1px solid #7b7e83;font-size: small;}
.radio {background: #ECECEC;border: 1px solid #7b7e83;font-size: small;}
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des modules                                           */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*aspect module sections */

.title {color: #7b7e83;	font: 18px bold;}
.sections_css .bg1 {background-color:#ffffff  /* fond cellule */}
.sections_css .bg2 {background-color:#efefef /* fond cellule nom - lecture*/} 
.sections_css .bg3 {background-color:#ffffff   /* fond cellule  article- date  */}
.sections_css .bg4 {background-color:#efefef;/* entete degrade bleu  */}

/*aspect module mylinks */

.mylinks_bg1		{background-color:#ffffff;border-collapse:collapse;} /* fond cellule bloc centre, bloc froit, admin*/
.mylinks_bg3		{background-color:#efefef;border-collapse:collapse;} /* en tete des cadres admin*/


/*aspect module forum new_bb */

.newbb_plus_css .bg1 {background-color:#ffffff  /* fond cellule */}
/*.newbb_plus_css .bg2 {background-color:#9299b0;  couleur bordure gris medium du bloc menu*/} 
.newbb_plus_css .bg3 {background-color:#efefef; /* gris pale, fond cellule 2  */}
.newbb_plus_css .bg4 {background-color:#efefef; /* gris pale, entete  */}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                           aspect général                     */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.bg1{background-color:#ffffff} /* fond cellule bloc centre, bloc droit, admin*/

.bg2{/* couleur bordure*/
background-color:#efefef;
border-bottom:1px solid #CFCFCF;/*gris bleu*/
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
border-top: 1px solid #CFCFCF;
-moz-border-radius: 5px;} 

.bg3{background-color:#ECECEC} /* en tete des cadres admin*/

.bg4{background-color:#ffffff} /* pied de page bloc forum*/


body {
    font: normal 9px "Times New Roman", Times, serif;
    text-align:center;  
    color : #000000;  
    background-color:#016DAE;
    background-image:url(../images/back.jpg);
    background-repeat: repeat-x; } 

body a:link,body a:active,body a:visited  {font-size:12px;color: #005aff;text-decoration: none;} 
body a:hover {text-decoration: none;} 

td, tr, table {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	font-size: 11px;
	color: #000000;}

.optable {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	font-size: 11px;}

img {border:0px;}

.image{vertical-align: middle;text-align:center;}

/*aspect des cadres login, champ texte, recherche...*/ 

.login,.text {
   vertical-align: middle;
   text-align:left;
   border: 1px solid #CFCFCF;
   font-size: 11px;
   color: #785a3c;}
   
.button {
   vertical-align: middle;
   text-align:left;
   border: 1px solid #CFCFCF;
   border-left: 2px solid #0000FF;
   font-size: 11px;
   color: #785a3c;}  
  
.login2{
   vertical-align: middle;
   background-color:#efefef;
   text-align:center;
   border: 1px solid #CFCFCF;
   font-size: 10px;
   color: #785a3c;}

.textarea {font: normal 9px "Times New Roman", Times, serif;border: solid 1px #3ea2bc;}
.file, .select, .radio {background: #ECECEC;/*gris pale */font-size: 10px;}
.indextext {color: #FFFFCC;padding: 1px 1px 1px 1px;text-align: left;}
.textarea,  .file {	background: #ffffff;/*blanc*/border: 1px solid #7b7e83;font-size: 10px ;}
.waitbox {padding: 1px 1px 1px 1px;text-align: left;}
.xoopsCode, .xoopsQuote {
padding-top:2px;	
background-color:#e1e3e3;/*  gris*/ 
}

##############################################

MENU

##############################################

#navcontainer
{

margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
border-top: 1px solid #999;
z-index: 1;
}

#navcontainer ul
{
list-style-type: none;
font-size: 11px;
text-align: center;
margin-top: 0px;
padding: 0;
position: relative;
z-index: 2;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 0 2px;
}

#navcontainer li a
{
padding: 1px 3px;
color: #fff;
background-color: #005aff;
font-size: 12px;
border: 1px solid #ccc;
text-decoration: none;
}

#navcontainer li a:hover
{
color: #fff;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/menu_hover.png);
background-repeat: repeat;
}

#navcontainer li a#current
{
color: #fff;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/menu_hover.png);
background-repeat: repeat;
}



.sidebar1{
	font: bold 12px "Times New Roman", Times, serif;
	width:170px;
	height:27px;
	background: #333 url(../images/title_back.png) repeat;
	color:#fff;
	padding-left:5px;
}

.sidebar1 a{
	text-decoration: none;
	color:#fff;
}
.sidebar1 a:hover{
	color:#fff;
}

.sidebar0{
	height:18px;
	border:1px solid #e1e1e1;
	/*color:#000;*/
}
.sidebar0:hover{
	background:#bdd9ff;
}

.sidebar0 a{
	text-decoration: none;
	/*color:#000;*/
	padding-left:10px;
}

#dlmenu {height:30em;}
#mymenu {list-style-type:none; margin:0 2px 10px; padding:0; width:165px; background:#fff;}
#mymenu li {display:block; padding:0; margin:0; position:relative;}
#mymenu li a, #mymenu li a:visited {display:block; text-decoration:none;}
#mymenu li dd {display:none;}
#mymenu li:hover, #mymenu li a:hover {border:0;}
#mymenu li:hover dt a , #mymenu li a:hover dt a {background:#d4d8bd url(http://www.angimex.com.vn/test/themes/menine/images/title_back.png) center center; color:#fff; }
#mymenu li:hover dd, #mymenu li a:hover dd {display:block;}
#mymenu li:hover dl, #mymenu li a:hover dl {height:15em; background:#b4be9c url(http://www.angimex.com.vn/test/themes/menine/images/title_back.png);}
#mymenu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#mymenu dl { width:165px; margin: 0; background: #6f9c6f; cursor:pointer;}
#mymenu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#mymenu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c url(http://www.angimex.com.vn/test/themes/menine/images/title_back.png) center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#bdd9ff;}