@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:938px;
 border-top: 1px #6a6a6a;/* gris sombre*/
 border-right:1px #6a6a6a;
 border-left: 1px #6a6a6a;
 border-bottom: 1px #6a6a6a;
 border-style:solid;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*      Mise en forme du header                                 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.header{
 width:938px;
 height:90px;
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #6a6a6a;/* gris sombre*/
}

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

#leftcol{
 background-color:#F1F5F9; /*blekicik lewy pasek */
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 border-top: 1px  solid #CFCFCF; }

#rightcol{
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 background-color:#F1F5F9; /*blekicik prawy pasek */
 border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:solid; }

#maincol{
 background-color:#ffffff;
 text-align: center;
 vertical-align:top;
 padding-top: 4px;
 padding-left: 7px;
 padding-right: 2px;
 border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:solid;
 width:100%; }

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

.footer{
 width: 938px;
 height:44px;
 font: normal 9px Verdana, Arial, Helvetica, sans-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:solid;}

/*couleurs des liens footer*/

.footer a  {
font: 9px verdana, helvetica, sans-serif;
color:#ffffff;}

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

.footer-text {
font: 9px verdana, helvetica, sans-serif;
color:#ffffff;
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                                             */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.block_content {
font: 11px verdana, helvetica, sans-serif;
padding-left:2px;
padding-right:2px;
width: 100%;}

.boxContent {width: 170px;}

/*  aspect des blocs colonne gauche */

.block_title-left{
font: bold 14px verdana, helvetica, sans-serif;
color: #4A0007;
background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;
vertical-align:bottom;
border-bottom:1px solid #CFCFCF;/*gris bleu*/
text-indent:15pt;}

.block_content-left {width: 170px;}


/*  aspect des blocs colonne droite */

.block_title-right{
font: bold 14px verdana, helvetica, sans-serif;
color: #4A0007; /*kolory tytulow blokow po prawo */
background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;
vertical-align:bottom;
border-bottom:1px solid #CFCFCF;/*gris bleu*/
text-indent:15pt;}

.boxContent-right {width: 170px;}

/*  aspect des blocs cadre central*/

.block_title-center {
font: 13px verdana, helvetica, sans-serif;
font-style:bold;
color: #4A0007;
background-color:#efefef;
background-image:url(../images/puce-centre.png);
background-repeat: no-repeat;
width: 100%;
text-indent:15pt;}

.block_content-center {
font: 11px verdana, helvetica, sans-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_title-news {
font:  14px  verdana, helvetica, sans-serif;
font-weight: bold;
color: #FF9200; /*#7b7e83;*/
vertical-align:middle;
background-image:url(../images/page.jpg);
background-repeat: no-repeat;
background-color:white;
text-indent:26pt;
height:37px;}

.boxContent-news {width: 100%;}

.block_content-news {
font: 12px verdana, helvetica, sans-serif;
padding-top:8px;
padding-bottom:6px;}

.postedby {
font: 9px verdana, helvetica, sans-serif;
color: #9cbcc4;
text-align:left;
text-indent:26pt;
border-bottom:1px dashed #9cbcc4;
height:17px;} }

.morelink {
font: 9px verdana, helvetica, sans-serif;
text-align:left;
border-top:1px dashed #9cbcc4;
padding-top:2px}

.block_title-morenews {font: bold 13px verdana, helvetica, sans-serif;color: #F1723B;/*#7b7e83;*/}

/*couleurs des liens  block_title et  posteby*/

.block_title a  {font: bold 14px  verdana, helvetica, sans-serif;color:#FC6D05; /*#ffffff;*/}
.block_title a:hover  {font: bold 14px  verdana, helvetica, sans-serif;color:#9cbcc4;text-decoration: none;}

.postedby a  {font: 9px verdana, helvetica, sans-serif;color:#9cbcc4;}
.postedby a:hover {text-decoration: none;color: #FC6D05; /*#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 Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    color : #000000;
    background-image:url(../images/background.jpg);
    background-repeat: repeat; }

a:link, a:active, a:visited  {font:10px;color: #1F4E43; /* kolor linkow #7b7e83;*/ text-decoration: none;}
a:hover {color : #000000; }

td, tr, table {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #000000;}

.optable {
	font-family: Verdana, Helvetica, sans-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,.button, .text {
   vertical-align: middle;
   text-align:left;
   border: 1px solid #CFCFCF;
   font-size: 10px;
   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 Verdana, Arial, Helvetica, sans-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: 10px;
border-top: 1px solid #999;
z-index: 1;
}

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

#navcontainer li
{
display: inline;
text-align: left;
margin: 0 1px;
}

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

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

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