


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*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{
 color: #000000;
 width:988px;
 height:32px;
 background-image:url(../images/proba1.gif);
 background-repeat: repeat;
 background-color:#6a6a6a;/* gris sombre*/ 
 vertical-align:midle;}

#header2{
 width:938px;
 height:100px;
 vertical-align: bottom;
 padding-top: 3px;
 background-image:url(../images/proba1.gif);
 background-repeat: no-repeat;} 

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

#leftcol{
 background-color:#efefef; /* gris pale*/
 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:#efefef; /* gris pale*/
 border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:solid; }
 
#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:solid;
 width:100%; }

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

.footer{
 text-align:center;
 width: 938px;
 height:44px;
 font: normal 9px Verdana, Arial, Helvetica, sans-serif;
 color:#6a6a6a;
 background-color:#efefef; /* gris pale*/
 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:#9cbcc4;}

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

.footer-text {
background-color:#efefef; /* gris pale*/
font: 9px verdana, helvetica, sans-serif;
color:#9cbcc4;
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 12px verdana, helvetica, sans-serif;
color: #b70404;/* rouge sombre*/
background-color:#efefef; /* gris pale*/
background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;
text-indent:15pt;}

.block_content-left {width: 170px;}


/*  aspect des blocs colonne droite */	

.block_title-right{
font: bold 12px verdana, helvetica, sans-serif;
color: #b70404;/* rouge sombre*/
background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;
text-indent:15pt;}

.boxContent-right {width: 170px;}

/*  aspect des blocs cadre central*/	

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

.block_content-center {
font: 11px verdana, helvetica, sans-serif;
color:#08596d;
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:  12px verdana, helvetica, sans-serif;
color: #000000;
background-color:#ECECEC;/* gris sombre*/
background-image:url(../images/puce-article.png);
background-repeat: no-repeat;
text-indent:15pt;}

.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;
text-align:left;
background-color:#efefef; /* gris pale*/ 
background-image:url(../images/fleche-droite.gif);
background-repeat: no-repeat;
text-indent:16px;}

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

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

/*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: #ECECEC;/*gris pale */border: 1px solid #08596d;font-size: x-small;}
.select {background: #ECECEC;border: 1px solid #08596d;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:#ffffff} /* fond cellule bloc centre, bloc droit, admin*/

.bg2{/* couleur bordure*/
background-color:#efefef;
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:#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: #000000;text-decoration: none;} 
a:hover {color : #08596d; } 

td, tr, table {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #000000;}
h2{
	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;}

/*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;text-align: left;}
.textarea,  .file {	background: #ffffff;/*blanc*/border: 1px solid #08596d;font-size: 10px ;}
.waitbox {padding: 1px 1px 1px 1px;text-align: left;}

.vbmenu_control {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: #dde0e4 url(../images/gradient_tcat.gif) repeat-x left top; PADDING-BOTTOM: 3px; COLOR: #283a5e; PADDING-TOP: 3px; WHITE-SPACE: nowrap; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:tahoma, verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif
}

.vbmenu_popup {
	BORDER-RIGHT: #0b198c 1px solid; BORDER-TOP: #0b198c 1px solid; BORDER-LEFT: #0b198c 1px solid; COLOR: #283a5e; BORDER-BOTTOM: #0b198c 1px solid; BACKGROUND-COLOR: #ffffff
}
TD.thead {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
.vbmenu_option {
	FONT: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; CURSOR: pointer; COLOR: #283a5e; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #edeff1
}
