/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*mise en forme du site      bord arrondi         */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.pagewidth{

background-position:center;

 margin-left:auto;

 margin-right:auto;

 background-color:transparent;

 width:992px;

 position: relative;}



 .header-round {

background:transparent;

width:992px;

text-align:center;

margin-right:auto;

padding-left:auto;

}



.header-roundtop, .header-roundbottom {display:block; background:transparent; font-size:1px;}

.header-roundb1, .header-roundb2, .header-roundb3, .header-roundb4 {display:block; overflow:hidden;}

.header-roundb1, .header-roundb2, .header-roundb3 {height:1px;}

.header-roundb2, .header-roundb3, .header-roundb4 {background:#b3b3b3; border-left:1px solid #000; border-right:1px solid #000;}

.header-roundb1 {margin:0 5px;background:#000;}

.header-roundb2 {margin:0 3px; border-width:0 2px;}

.header-roundb3 {margin:0 2px;}

.header-roundb4 {height:2px; margin:0 1px;}

.header-roundboxcontent {

display:block;

background:#b3b3b3;

border:1px solid #000;

border-width:0 1px;

}



.color_header-round{color:#ffa903;}





/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*      Mise en forme du header                                 */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



.header{

 width:936px;

 height:120px;

text-align:center;

background-image:url(../images/header.png);

background-repeat: no-repeat;

}

.featured {background-color:#EFEFEF;background-image:url(../images/featuredbottom.jpg);height:165px; width:990px;}
.featuredi {background-color:#EFEFEF;background-image:url(../images/featuredbottom.jpg);height:160px; width:350px;}

.menub {background-color:#EFEFEF;background-image:url(../images/menubg.jpg);height:43px;}

.topmenul{background-image:url(../images/links.png);height:32px;}

.topmenubg{background-image:url(../images/logobg1.jpg);height:110px; width:543px;}

.cathead {background-color:#EFEFEF;background-image:url(../images/featuredbottom.jpg);height:100px; border: 1px  solid #FFFFFF; padding:5px;}
.faq {background-color:#F5F5F5;padding-left:5pt;color: #B22222; font: 10pt;font-weight: bold; font-family: arial}
.faq1 {background-color:#EBFAFC; padding-left:10pt;color: #191970; font: 10pt;font-weight: normal; font-family: arial}
.info{background-color:#FFFFFF; border: 1px  solid #808080; padding:5px;}
.infoimg{background-color:#FFFFFF; border: 1px  solid #808080; padding:0px;}
.first{ padding:5px;}
.latest {background-color:#EFEFEF;background-image:url(../images/featuredbottom.jpg);height:20px; border: 1px  solid #FFFFFF; padding:5px;}

.row1 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; height:25px;  font-size : 13px;   color : Black;   background-color : #FFFFE0;}
.row2 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; height:25px;  font-size : 13px;   color : Black;   background-color : #F0F8FF;}
.row4 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;   font-size : 11px;   color : Black;   background-color : #F5F5F5;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*cadres gauche, droit et central                               */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#leftcol{

 background-color:#FFFFE0;

 vertical-align:top;

 padding-top: 3px;

 padding-left: 5px;

 padding-right: 5px;

 border-right: 1px  solid #DFDFDF;

 border-left: 1px  solid #DFDFDF;

 border-top: 1px  solid #CFCFCF;

  }



#leftcol a:hover {color : #FF0000;font:  11px  verdana, helvetica, sans-serif; }





#rightcol{

 vertical-align:top;

 padding-top: 3px;

 padding-left: 2px;

 text-align: center;

 background-color:#FFF5FF;

 border-left: 0px  solid #CFCFCF;

 border-bottom: 0px #CFCFCF;

 width:200px;

border-top: 1px  solid #CFCFCF; 

border-right: 1px  solid #DFDFDF;

}



#rightcol a:hover {color : #fff;font:  11px  verdana, helvetica, sans-serif; }

#rightcol bg1 { }



#maincol{

 background-color:#F1F1FF;

 border-right:1px solid #CFCFCF;

 vertical-align:top;

 padding-top: 6px;

 padding-left: 5px;

 padding-right: 5px;

 

border-top: 1px  solid #CFCFCF; }



#maincol a:hover {color : #ffa903;font:  11px  verdana, helvetica, sans-serif; }

#maincol a {color : #000;font:  11px  verdana, helvetica, sans-serif; }



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*pied de page du site                                          */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*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: #000;

background-image:url(../images/icone-block-right.png);

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: #000;

background-image:url(../images/icone-block-right.png);

background-repeat: no-repeat;

background-position: right;

vertical-align:bottom;

border-bottom:1px solid #ffa903;/*orange*/

text-indent:7pt;}



.boxContent-right {width: 170px;}



/*  aspect des blocs cadre central*/



.block_content-center {

font: 11px verdana, helvetica, sans-serif;

color:#383838;

border-bottom:1px solid #b3b3b3;

border-left: 1px solid #b3b3b3;

border-right: 1px solid #b3b3b3;

border-top: 1px solid #b3b3b3;

/*-moz-border-radius: 5px;*/

width: 100%;}





/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - */

/*  aspect des articles                                        */

/* http://www.cssplay.co.uk                              */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - */



.xsnazzy h1 {

margin:0;

font-size:12px;

padding:0 5px 5px 5px;

border-bottom:1px solid #b3b3b3;

}

.xsnazzy-div {

margin:0;

padding:5px 10px;

font:  11px  verdana, helvetica, sans-serif;

}

.xsnazzy {

background:transparent;

width:99%;

margin-right:1px;

margin-bottom:4px;

margin-top:2px;

padding-left:1px;

}



.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #383838; border-right:1px solid #383838;}

.xb1 {margin:0 5px;background:#383838;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}



.xboxcontent {

display:block;

background:#fff;

border:0 solid #383838;

border-width:0 1px;

font:  11px  verdana, helvetica, sans-serif;

}

.xboxcontent a:hover{

font:  11px  verdana, helvetica, sans-serif;

color:#ffa903;}



.color_bnews-title{background-image:url(../images/bnews-title.png);

background-repeat: repeat;color:#ffa903;}

.color_bnews-postedby {background:#fff;color:#b3b3b3;text-indent:5px;font:  10px  verdana, helvetica, sans-serif;}

.color_bnews-postedby,.color_bnews-morelink  a:hover {color : #ffa903;font:  10px  verdana, helvetica, sans-serif; }

.color_bnews-postedby,.color_bnews-morelink  a:link, a:active, a:visited  {font:  10px  verdana, helvetica, sans-serif;color: #383838;}

.color_bnews-morelink {border-top: 1px dashed #f1f1f1;background:#fff;color:#b3b3b3;}

.color_bleft{background-image:url(../images/bleft-title.png);

background-repeat: repeat;color:#383838;}

.color_bright{background-image:url(../images/bright-title.png);

background-repeat: repeat;color:#383838;}

.color_bcentre{

background-image:url(../images/title-forum.png);

background-repeat: repeat;

color:#383838;}





/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 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: bold 18px  helvetica, sans-serif;}

/*.title a:hover {color : #fff;font:  bold 18px  helvetica, sans-serif; }

.title a:link, a:active, a:visited {color : #b3b3b3;font:  bold 18px  helvetica, sans-serif; }*/

.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;background-image:url(../images/title-forum.png);

background-repeat: repeat; /* gris pale, entete  */}





/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*                           aspect général                     */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





.bg1{background-color:#fff} /* 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:#f1f1f1} /* pied de page bloc forum*/

.mainm a:link,a:active, a:visited  {font-size:11px;color:#000033;}



.mainm a:hover {color : #ffa903;font:  11px  verdana, helvetica, sans-serif; }





body {

    font: normal 9px Verdana, Arial, Helvetica, sans-serif;

    color : #383838;
margin: 0px;

	padding: 0px;
    }



a:link, a:active, a:visited  {font-size:11px;color:#000033;}

a:hover {color : #FF0000;font:  11px  verdana, helvetica, sans-serif; }







td, tr, table {

        font-family: Verdana, Helvetica, sans-serif;

        font-size: 11px;

        color: #383838;}



.optable {

        font-family: Verdana, Helvetica, sans-serif;

        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;

   background-color:#ffffff;

   border: 1px solid #b4b4b4;

   font-size: 10px;

   color: #383838;}

.login2{

   vertical-align: middle;

   background-color:#ffffff;

   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;}

.textarea,  .file {        background: #ffffff;/*blanc*/border: 1px solid #7b7e83;font-size: 10px ;}

.waitbox {padding: 1px 1px 1px 1px;}

.xoopsCode, .xoopsQuote {

padding-top:2px;

background-color:#e1e3e3;/*  gris*/

}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*menu listamatic                                             */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#navcontainer ul

{

text-align: center;

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: #b3b3b3;

color: white;

/*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: white;

border-right: 1px solid #fff;

}



#navcontainer ul li a:hover

{

background-color: #ff9103;

color: white;

}



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



