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

body {
    font-family : Arial, Helvetica, sans-serif; 
    font-size : 10px; 
    font-style : normal;
    text-align:center;  
    color : #cccccc; 
    background-color : #003163; } 

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

a:hover {
    color : #000000; } 

td, tr, table {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #08596d;}

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

img {
	border : 0px;}

.image{
 vertical-align: middle;}

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

.textarea {	
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #003163;}

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

}
.indextext {
	color: #FFFFCC;
	padding: 1px 1px 1px 1px;
	text-align: left;}

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

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

.waitbox {
padding: 1px 1px 1px 1px;
text-align: left;}

#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: 11px 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 13px 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 12px 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: 11px 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: 11px 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 16px verdana, helvetica, sans-serif;
color: #08596d;
background-image:url(../images/fleche-orange.png);
background-repeat: no-repeat;
text-indent:13pt;

}

.postedby {
font: 9px verdana, helvetica, sans-serif;
color: #9cbcc4;
text-align:left; 
}
/*------------------- couleurs des liens posteby*/

.postedby a  {
font: 9px verdana, helvetica, sans-serif;
color:#9cbcc4;}

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

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

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

.block_title-post {
font: bold 13px 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: 18px;
    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:#003163 /* 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*/