@import url(../menu/default.css);




/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*mise en forme du site      bord arrondi         */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.pagewidth{ 
 background-color:f8edd7; 
 margin-left:auto; 
 margin-right:auto; 
 background-color:#eedbb7; 
 width:970px; 
 position: relative;} 
 
.pagewidth .top_left, .pagewidth .top_right, .pagewidth .bottom_left, .pagewidth .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #ffffff; }
.pagewidth .top_left { top: 0px; left: 0px; background-image: url("../images/corner_top_left.png"); z-index: 0; }
.pagewidth .top_right { top: 0px; right: 0px; background-image: url("../images/corner_top_right.png"); z-index: 1; }
.pagewidth .bottom_left { bottom: 0px; left: 0px; background-image: url("../images/corner_bottom_left.png"); z-index: 2; }
.pagewidth .bottom_right { bottom: 0px; right: 0px; background-image: url("../images/corner_bottom_right.png"); z-index: 3; }
.pagewidth .content { position: relative; padding: 16px; z-index: 4;  }

.pagewidth2{ 
 background-color:f8edd7; 
 margin-left:auto; 
 margin-right:auto; 
 background-color:#f8edd7; 
 width:938px; 
 position: relative;} 
 
.pagewidth2 .top_left2, .pagewidth2 .top_right2{ height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #ffffff; }
.pagewidth2 .top_left2 { top: 0px; left: 0px; background-image: url("../images/corner_top_left2.png"); z-index: 0; }
.pagewidth2 .top_right2 { top: 0px; right: 0px; background-image: url("../images/corner_top_right2.png"); z-index: 1; }


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


.header{
 background-color:f8edd7; 
 width:938px; 
 height:120px;
background-image:url(../images/header.gif);
background-repeat: no-repeat;
} 



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

#leftcol{
 background-color:fcf6eb; 
 vertical-align:top;
 padding-top: 15px;
 padding-left: 2px;
 padding-right: 2px;
 border-right: 1px  solid #CFCFCF;
  width:159px;}
 
#rightcol{
 vertical-align:top;
 padding-top: 15px;
 padding-left: 2px;
 background-color:white;
 border-right:0px #CFCFCF;
 border-left: 1px  solid #CFCFCF;
 border-bottom: 0px #CFCFCF;
 width:159px; }
 
#maincol{
 background-color: #ffffff;
 text-align: center;
 vertical-align:top;
 padding-top: 10px;
 padding-left: 7px;
 padding-right: 2px;
 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 solid #CFCFCF;/* gris medium*/
}

/*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 13px verdana, helvetica, sans-serif;
color: #ff9103; /*  orange */
background-image:url(../images/icone-block-right.gif);
background-repeat: no-repeat;
border-bottom:1px solid #ffa903;/*orange*/
text-indent:20pt;}

.block_content-left {width: 170px;}


/*  aspect des blocs colonne droite */	

.block_title-right{
font: bold 13px verdana, helvetica, sans-serif;
color: #ff9103; /*  orange */
/*background-image:url(../images/icone-block-right.gif); */
background-repeat: no-repeat;
background-position: right;
vertical-align:bottom;
border-bottom:1px solid #ffa903;/*orange*/
text-indent:1pt;}

.boxContent-right {width: 170px;}

/*  aspect des blocs cadre central*/	

.block_title-center {
font: 13px verdana, helvetica, sans-serif;
font-style:bold;
color: #7b7e83;
border-bottom:1px solid #ffa903;/*orange*/
background-color:#ffffff;
background-image:url(../images/icone-block-center.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:  13px  verdana, helvetica, sans-serif;
font-weight: bold;
color: #7b7e83;
vertical-align:middle;
background-image:url(../images/icone-block-news.png);
background-repeat: no-repeat;
background-color:white;
text-indent:26pt;
height:10px;}

.boxContent-news {width: 100%;}

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

.centerblocktitlecenter {
font:  13px  verdana, helvetica, sans-serif;
font-weight: bold;
color: #7b7e83;
vertical-align:middle;
background-image:url(../images/icone-block-news.png);
background-repeat: no-repeat;
background-color:white;
text-indent:26pt;
height:15px;}

.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: #7b7e83;}

/*couleurs des liens  block_title et  posteby*/

.block_title a  {font: bold 14px  verdana, helvetica, sans-serif;color:#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: #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-color:#fcf6eb;
    /*background-image:url(../images/bg-main.png);
    background-repeat: repeat; */} 

a:link, a:active, a:visited  {font:10px;color: #7b7e83;text-decoration: none;} 
a:hover {color : #ff9103; } 

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 listamatic                                             */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#navcontainer ul
{
text-align: right;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #eedbb7;
color: #333333;
width: 100%;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #333333;
text-decoration: none;
border-right: 1px solid #aaa;
}

#navcontainer ul li a:hover
{
background-color: #ff9103;
color: white;
}

#navcontainer #active { border-left: 1px solid #aaa; }