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


#pagewidth{
 margin-left:auto;
 margin-right:auto;}

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

.header{
 vertical-align:midle;}

#header2{
 padding-top: 3px;
 }

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

#leftcol{
 background-color:#00EBFF;
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 border-top: 1px  solid #0D7FB5; }

#rightcol{
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 background-color:#00EBFF; 
 border-top: 1px #0D7FB5;
 border-right:0px #0D7FB5;
 border-left: 1px #0D7FB5;
 border-bottom: 0px #0D7FB5;
 border-style:solid;
 text-decoration:none; }

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

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

.footer{
 text-align:center;
 font: normal 9px Verdana, Arial, Helvetica, sans-serif;
 background-color:#00EBFF; 
 border-top: 1px #0D7FB5;
 border-right:0px #0D7FB5;
 border-left: 0px #0D7FB5;
 border-bottom: 0px #0D7FB5;
 border-style:solid;}

/*couleurs des liens footer*/

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

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

.footer-text {
background-color:#00EBFF; 
font: 9px verdana, helvetica, sans-serif;
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: 200px;}

/*  aspect des blocs colonne gauche */

.block_title-left{
font: bold 12px verdana, helvetica, sans-serif;
text-indent:15pt;}

.block_content-left {width: 200px;}


/*  aspect des blocs colonne droite */

.block_title-right{
font: bold 12px verdana, helvetica, sans-serif;
text-indent:15pt;}

.boxContent-right {width: 200px;}

/*  aspect des blocs cadre central*/

.block_title-center {
font: 11px verdana, helvetica, sans-serif;
font-style:bold;
width: 100%;
text-indent:15pt;}

.block_content-center {
font: 11px verdana, helvetica, sans-serif;
border-bottom:1px solid #0D7FB5;
border-left: 1px solid #0D7FB5;
border-right: 1px solid #0D7FB5;
border-top: 1px solid #0D7FB5;
-moz-border-radius: 5px;
width: 100%;}


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

.block_title-news { text-align:center; font: 17px verdana, helvetica, sans-serif;
color: #00EBFF;
background-color:#0D7FB5;
background-image:url(../images/vinyl.gif);
background-repeat: no-repeat;
text-indent:19pt;}

.boxContent-news {width: 100%;}

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

.postedby {
font: 9px verdana, helvetica, sans-serif;
color: #9cbcc4;
background-color:#efefef; 
background-image:url(../images/fleche-droite.gif);
background-repeat: no-repeat;
text-indent:16px;}

.morelink {text-align:right;
font: 11px verdana, helvetica, sans-serif;
border-top:1px solid #0D7FB5;
padding-top:2px}

.block_title-morenews {font: bold 13px verdana, helvetica, sans-serif; color: #0D7FB5;}

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

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

.checkbox {        background: #0D7FB5;/*gris pale */border: 1px solid #0D7FB5;font-size: x-small;}
.select {background: #0D7FB5;border: 1px solid #0D7FB5;font-size: small;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des modules                                           */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*aspect module sections */

.title {color: #08596d;        font: 18px bold;}
.sections_css .bg1 {background-color:#ffffff  /* fond cellule */}
.sections_css .bg2 {background-color:#ECECEC /* fond cellule nom - lecture*/}
.sections_css .bg3 {background-color:#ffffff   /* fond cellule  article- date  */}
.sections_css .bg4 {background-color:#9cbcc4;/* 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:#b9a894; /* 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:#00EBFF} /* fond cellule bloc centre, bloc droit, admin*/

.bg2{/* couleur bordure*/
background-color:#66EBFF;
border-bottom:1px solid #b9a894;
border-left: 1px solid #b9a894;
border-right: 1px solid #b9a894;
border-top: 1px solid #b9a894;
-moz-border-radius: 5px;}

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

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


/*body {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    color : navy;
    }*/

/*a:link, a:active, a:visited  {font:10px;color: #000000;text-decoration: none;}
a:hover {color : #08596d; }*/

td, tr, table {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        }

.optable {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;}

img {border:0px;}

.image{vertical-align: middle;}

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

.login,.button, .text {
   vertical-align: middle;
   text-align:center;
   border: 1px solid #b9a894;
   font-size: 10px;
   color: #785a3c;}
.login2{
   vertical-align: middle;
   background-color:#6a6a6a;/* gris sombre*/
   text-align:center;
   border: 1px solid #b9a894;
   font-size: 10px;
   color: #ffffff;}

.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 #08596d;font-size: 10px ;}
.waitbox {padding: 1px 1px 1px 1px;}