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

body {
    font-family : "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
    font-size : 9px;
    font-style : normal;
    text-align:center;
    color : #cccccc;
    background-color : #3ea2bc; }

a:link, a:active, a:visited  {
    font-style : normal;
    color : #08596d;
    text-decoration: none;
}

a:hover {
    color : #000000; }

td, tr, table {
        font-family: "MS Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 10px;
        color: #08596d;}

.optable {
        font-family: "MS Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
        font-size: 9px;}

img {
        border : 0px;}

.image{
 vertical-align: middle;}

.login {
   background: #08596d;
   vertical-align: middle;
   border: 1px solid #3ea2bc;
   font-size: 9px;
   color: #ffffff;}

.textarea {
        font: normal 9px "MS Sans Serif", Tahoma, Verdana, Arial, Helvetica, sans-serif;
        border: solid 1px #3ea2bc;}

.button, .file, .select, .radio {
        background: #ECECEC;  /*gris pale */
        font-size: xx-small;}

}
.indextext {
        color: #FFFFCC;
        padding: 1px 1px 1px 1px;
        }

.textarea,  .file {
        background: White;
        border: 1px solid #08596d;
        font-size: 9px ;}

.text {
    font-style : normal;
    color : #08596d;
    text-decoration: none;}

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

#pagewidth{
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
width:988px; }

/*mise en forme du header vous pouvez changer l'image du header ici----------------------------------------------------*/


#header{
 color: #f6a303; /*orange*/
 width:988px;
 height:44px;
 background-image:url(../images/fond-haut.jpg);
 background-repeat: no-repeat;}

#header2{
 width:988px;
 height:152px;
 vertical-align: top;
 background-image:url(../images/fond-haut2.jpg);
 background-repeat: no-repeat;
 text-align:center;
 vertical-align:bottom;
 padding-bottom: 2px;}

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

#table_centrale{
 position:relative;
 width:988px;
border-collapse:collapse; }

#leftcol{
 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;
 background-color:#FFFFFF;
 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: 7px;
 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: 988px;
 height:44px;
 background-image: url('../images/fond-haut.jpg');
 background-repeat: no-repeat;}
/*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;}
}


/*Blocs ----------------------------------------------------------------------*/

.block_content {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
border-bottom:1px solid #9cbcc4;
border-left: 1px solid #9cbcc4;
border-right: 1px solid #9cbcc4;
border-top: 1px solid #9cbcc4;
-moz-border-radius: 4px;
padding-left:2px;
padding-right:2px;
width: 100%;}
/*  aspect des blocs colonne gauche ---------------------------------------------*/

.block_title-colonne-gauche {
text-align:center;
font: bold 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color: #ffffff;
background-color: #08596d;
background-image:url(../images/icone-titre-bloc-gauche.png);
background-repeat: no-repeat;
}

.block_content-colonne-gauche {
width: 170px;}

.boxContent {
width: 100%;}


.block_title-right-bloc {
font: bold 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color: #08596d;
background-image:url(../images/icone-titre-bc-right.png);
background-repeat: no-repeat;
text-indent:11pt;}


.boxContent-right {
width: 170px;}

/*  aspect des blocs cadre central aspect uni bleu clair ---------------------------------------------*/

.block_title-center {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
font-style:bold;
color:#ffffff;
background-color:#08596d;
background-image:url(../images/icone-titre-bc-centre.png);
background-repeat: no-repeat;
width: 100%;
text-indent:15pt;
}

.block_content-center {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color:#08596d;
border-bottom:1px solid #9cbcc4;
border-left: 1px solid #9cbcc4;
border-right: 1px solid #9cbcc4;
border-top: 1px solid #9cbcc4;
-moz-border-radius: 5px;
width: 100%;

}

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

.block_title {

font: bold 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color: #08596d;
background-image:url(../images/fleche-orange.png);
background-repeat: no-repeat;
text-indent:13pt;

}

.postedby {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color: #9cbcc4;
}
/*------------------- couleurs des liens posteby*/

.postedby a  {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color:#9cbcc4;}

.postedby a:hover {
text-decoration: none;
color: #000000;}

.block_content-texte-article {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
padding-top:1px;
padding-bottom:2px;}

.morelink {
font: 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
border-top:1px dashed #08596d;
padding-top:2px}

.block_title-post {
font: bold 9px "MS Sans Serif", Tahoma, verdana, helvetica, sans-serif;
color: #08596d;}

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

.checkbox {
        background: #ECECEC;  /*gris pale */
        border: 1px solid #08596d;
        font-size: x-small;}

.select {
        background: #ECECEC;  /*gris pale */
        border: 1px solid #08596d;
        font-size: small;}


/* ------------------------------------aspect module sections */

.title {
    color: #08596d;
        font-size: 9px;
    font-style: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 { /* entete degrade bleu  */
background-color:#9cbcc4;
}


.newbb_plus_css .bg1 {
background-color:#ffffff  /* fond cellule */
}

.newbb_plus_css .bg2 {
background-color:#3ea2bc /* couleur bordure*/
}

.newbb_plus_css .bg3 {
background-color:#8cc8d7   /* fond cellule 2  */
}

.newbb_plus_css .bg4 { /* entete degrade bleu  */
background-color:#8cc8d7;
background-image:url(../images/bg-titre-bleu-blc.png);
background-repeat: repeat-x;
height:20px;
}

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

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

.bg2                {/* couleur bordure*/
background-color:#cccccc;
border-bottom:1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-collapse:collapse;}

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

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



/* ------------------------------------mylinks */

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


</style> <style type="text/css">{  }
    body
    {
           scrollbar-face-color:#2B7795;
        scrollbar-highlight-color:#2B7795;
        scrollbar-3dlight-color:#2B7795;
        scrollbar-shadow-color:#ffffff;
        scrollbar-darkshadow-color:#2B7795;
        scrollbar-track-color:2B7795;
        scrollbar-arrow-color:ffffff;    }
-->
</style>