body         
{
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ACA781;
	scrollbar-3dlight-color: #ACA781;
	scrollbar-arrow-color: #ACA781;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	font-family: Arial,  Helvetica, sans-serif;
	font-size: 9pt;
	background:url('../images/body.gif') no-repeat top left fixed;
	margin:0;
	padding:0;
	/*background-color: #F7F3CE;*/
}
/*pour contrecarrer le fond blanc dans la page login et la frame haut*/
.pasdefond {
background: #F3F1CA;
}

/********** Balises css ***********
quelques précisions :
- les th (entete de tableau) sont par défaut en gras, alignés au centre donc pas besoin de définir les font-weight et les aligements

- table et td : initialise les tableaux aucune bordure aucun espace entre les cellules ou dans les cellules
donc plus besoin de cellspacing et de cellpadding */
table {
border:0px none;
margin::0;
padding:0;
border-collapse:collapse
}

td
{
	font-size: 70%;
}

h1 {
	font-size: 18px; 
	margin:0 0 0 40px;
	padding:13px 0 0 15px; 
	height:48px;
	background:url('../images/fondtitre1.gif') no-repeat top left;
}

/* les listes à puce*/
ul {
margin:10px 0 10px 40px;
}
li{
margin:0;
padding:0 0 5px 0;
list-style-image:url('../images/puce.gif');
vertical-align:top;
}
/* les balises de formulaire*/
form {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	}

input {
	font-size: 12px;
}
textarea {
	font-size: 12px;
}

select       { 
	 font-size: 12px;  
	 }

/********** fin des balises css ***********/

/********** les balises nommées # ***********
remarque : ajouter Div, Table etc devant le # sinon risque de confusion entre 2 éléments 
qui portent le même nom mais ne doivent pas avoir la même forme. 
Ex un élément de formulaire nommé adresse et une Div du même nom
*/
#Bienvenue {
position:absolute;
bottom:3px;
right:20px;
z-index:100;
font-size: 12px;
color: #B54131;
}
/********** les FRAMES ***********/
/*LE MENU GAUCHE */
.sommairehaut {
background:url('../images/sommairehaut.gif') no-repeat top left;
}
.sommairemilieu {
background-image:url('../images/sommairemilieu.gif');
background-repeat:repeat-y;
padding-left:9px;
}
.sommairebas {
background:url('../images/sommairebas.gif') no-repeat top left;
}
/*Liens du Menu*/
a.lien12click {
	font-size: 12px;
	color:#8F352E;
	text-decoration:none;
}

a:hover.lien12click {
	font-size: 12px;
	color:#8F352E;
	text-decoration:none;
}

a.lien10 {
	font-size: 10px;
	color:#000;
	text-decoration:none;
}

a:hover.lien10 {
	font-size: 10px;
	color:#8F352E;
	text-decoration:none;
}

a.lien12 {
	font-size: 12px;
	color:#B54131;
	text-decoration:none;
}

a:hover.lien12 {
	font-size: 12px;
	color:#8F352E;
	text-decoration:none;
}

a.lien13  { 
 	font-size: 13px; 
 	color: #B54131; 
   text-decoration: none; 
   }
a:hover.lien13 { 
	 font-size: 13px; 
	 color: #B54131; 
    text-decoration: none; 
    font-weight: bold; 
    }

/*LA FRAME BAS */
.fondbas {
margin:0;
padding:0;
background:#C0BC97;
}
.fondbas table {
margin:0;
padding:0;
border-collapse:collapse;
}
.fondbas td, .fondbas a {
font-size: 10px;
color:#000300;
text-decoration:none;
}
.fondbas td {
border-top:1px dotted #000300;
background-color:#C0BC97;
}
/*******************************/

/*--------LES STYLES DE TABLEAUX----------*/
table.GrandTableau
{
	width : 100%;
	height : 100%;
}


table.TableauNormal, table.coord 
{
	width : 100%;
}

table.coord th
{
	color: #917754; 
    height: 12px; 
    background: url('../images/flechemenu.gif') no-repeat left center; 
    padding-left: 10px; 
	font-size: 10pt;
	text-align:left;
}
table.coord td
{
	font-size: 9pt;
	color:#000000;
	padding-left:50px;
}

table.TableauPeriode 
{
	width : 80%;
	border:1px dashed #B1E182;

}
table.TableauCommissions {
	margin:5px 5px 5px 35px;
	width : 95%;
}
table.TableauElus {
	margin:5px 5px 5px 45px;
	width : 450px;
}
table.TableauActus
{
	margin:0 10px 10px 35px;
	width : 85%;

}
table.TableauActus td, table.TableauCommissions td {
padding:0 4px 2px 4px;
}

table.TableauCritereRecherche
{
	background-color : #FFFFEE;
	border : 1px solid #B34230;
	margin : 1px;
	padding : 1px;
	width : 100%;
}

table.TableauApport
{
	background-color : #F3efcd;
	padding : 3px;
	margin : 2px;
	width : 100%;
}


table.TableauLiens
{
	background-color : #FFFFEE;
	border : 1px solid #EE9A14;
	border-color : #EE9A14;
	padding : 1px;
	margin : 1px;
	width : 100%;
}

table.TableauCR
{
	
	background-color : #FFFFEE;
	border : 1px solid #95856E;
	padding : 1px;
	margin : 1px;
	width : 100%;
}

table.TableauEvenements, table.TableauDetailAppro
{
	background-color : #FFFFEE;
	border :  1px solid #B34230;
	padding : 1px;
	margin : 1px;
}

table.TableauAgenda{
	background-color : #FFFFEE;
	padding : 1px;
	margin : 1px;
	border-bottom:1px solid #B34230;
}
table.TabAgenda{
	width : 100%;
	background-color : #FFFFEE;
	padding : 1px;
	margin : 1px;
}
table.TableauAgenda, table.TableauEvenements, table.TableauReleve
{
	width : 100%;
}
table.TableauDocs
{
	background-color : #FFFFEE;
	border :  1px solid #67802F;
	padding : 1px;
	margin : 1px;
	width : 99%;
}

table.adresse {
	width : 70%;
}

table.adresse th
{
	font-size: 9pt;
	color: #678442;	
}
/*******************************/

/***** STYLES DE TITRES ET ENTETES ********/
.titreactu {
background:url('../images/puceverte.gif') center left no-repeat;
padding:3px 0 1px 20px;
vertical-align:bottom;
font-size:13px;
font-weight:bold;
border-bottom:1px dashed #B1E182;
}
Div.titreelu {
width:100%;
background:url('../images/puceverte.gif') center left no-repeat;
padding:3px 0 0 20px;
vertical-align:bottom;
font-size:13px;
font-weight:bold;
border-bottom:1px dashed #B1E182;
}

.lignehaut, .lignehautl, .lignehautr
{
	font-weight:bold;
	height:18px;
	background-color : #F3efcd;
	border-top:1px solid #917754;
}
.lignehautl
{
	border-left:1px solid #917754;
}
.lignehautr
{
	border-right:1px solid #917754;
}

.lignehaut2, .lignehaut2r, .lignehaut2l
{
	color : #990000;
	font-weight:bold;
	text-align: left;
	font-weight:bold;
	height:18px;
	background-color : #F3efcd;
	border-bottom:1px solid #917754;
}
.lignehaut2l
{
	border-left:1px solid #917754;
}
.lignehaut2r
{
	border-right:1px solid #917754;
}

.bas, .basr, .basl{
	border-bottom:1px solid #917754;
	color : #990000;
	font-weight:bold;
	text-align: left;
	font-weight:bold;
	height:18px;
	background-color : #F3efcd;
}
.basl{	
	border-left:1px solid #917754; 
}
.basr {
	border-right:1px solid #917754;
}

.trcontenureleve
{
	font-size: 12pt;
	color:#000000;
	background-color : #FFFFEE;	
	border-bottom: 1px dashed #990000;
}
.trcontenureleve td
{ 
	border-bottom: 1px dashed #990000 
}

.trtitrecol, .trtitrecol2
{
	background-color : #990000;
	font-weight:bold;
	color:#FFFFFF;
	height:18px;
}

.trtitrecol2 td {
	text-align: right;
}
.trcontenucol
{
	background-color : #e3d082;
	font-size: 12pt;
	color:#000000;
}
.tdnombre {
text-align:right;
}
.tdtitre1    { 
	font-size: small; 
	font-weight: bold; 
	color: #335E19; 
	}

.tdtitre2    { 
	font-size: 10pt; 
	color: #917754; 
	font-weight: bold;
    height: 12px; 
    background: url('../images/flechemenu.gif') no-repeat left center; 
    padding-left: 10px; 
    text-align: left;
}
.tdtitre3    { 
	font-size: 10pt; 
	color: #917754; 
	font-weight: bold;
    height: 12px; 
    padding-left: 10px; 
    text-align: left;
}
.titre1
{
	font-size: 13pt;
	font-weight: bold;
	color:#777777;
}
.titre2
{
	font-size: 11pt;
	font-weight: bold;
	color : #CC3333;
}
.titre3
{
	font-size: 10pt;
	font-weight: bold;
	color: #678442;
}
.titre4
{
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
}
.titre5
{
	font-size: 13pt;
	font-weight: bold;
	color:#777777;
}

/***** STYLES DIVERS ********/
.dat {
	width:22px;
}
.datlong {
	width:36px;
}

.bornenum {
	width:50px;
}
.bouton      { background-color: #990000; color: #F3EFCD; font-variant: small-caps; 
               font-weight: bold; border-style: outset; border-color: #CC0000 }
.pasdereponse
{
	font-size: 8pt;
	color:#990000;
}

.petit
{
	font-size: 9px;
}

.Txtform
{
	font-weight:bold;
	font-size: 10pt;
	color:#B54131;
}
.Txt_rubrique_tbl
{
	font-weight:bold;
	font-size: 10pt;
	color:#FFFFFF;
}
.Txt_tbl
{
	font-size: 9pt;
	color:#000000;
}

.Adherent
{
	font-size: 10px;
	color: #B54131;
	text-decoration: none;
	padding-bottom : 5px;
}
.fondbureau {
padding:5px 0 0 5px;
margin:0;
vertical-align:top;
}

.adresse, .repres, .tel, .mail {
margin:0;
padding:0 2px 5px 5px;
font-size:12px;
width:100%;
}
.mail {
vertical-align:bottom;
text-align:right;
}
.repres {
font-weight:700;
}
.fonction {
float:right;
text-align:right;
}
.nombureau {
float:left;
text-align:right;
}
.photoelu {
border:0px none;
margin-left:15px
}
.respcom {
padding: 0 0 0 20px;
}
.ville {
float:right;
font-weight:400;
}
/*******************************/


/*--------LES SOULIGNEMENTS----*/
td.souligne1
{
	background-color : #B34230;
	height : 1px;
}

td.souligne2
{
	background-color : #8F352E;
	height : 1px;
}

td.souligne3
{
	background-color : #FFFFFF;
	height : 3px;
}
.tdOK {
	width: 80%;
	text-align: right;
}

/*******************************/


/*----------LES FONDS----------*/
.fondPale
{
	background-color : #FFF9E1;
}

.fondGris
{
	background-color : #B3B3B3;
}

.fondBlanc
{
	background-color : #FFFFFF;
}
/*******************************/


/*---------LES STYLES DE LIENS-----------*/
A.lien1
{
    color : #917754;
    text-decoration: none;
}
A.lien1fleche
{
    COLOR : #917754;
    TEXT-DECORATION: none;
	vertical-align:top;
}
/*******************************/


.service
{
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #B54131;
}

.presentation {
margin: 0 20px 20px 40px;
text-align:justify;
}
.novaldi a {
color:#8F352E;
font-size:10px;
text-decoration:none;
}
.novaldi a:hover {
color:#666666;
}