body {
background-color:#FFFFFF;
color:#000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0;
}

.infoNavigateur {
	font-size: 10px;
	color: #000000;
}

#logoAppli {
	margin-left: 10px;
     margin-top: 7px;
}
#titreAppli {
	border:1px solid #ffffff;
	background-color:#644a42;
	font-size:15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	padding:0.3em 0.3em 0.3em 0.3em;
	/*position: absolute;*/
	top: 0.5em;
	text-align:center;
	width: 80%;
	/*color:#ff0000;*/
	color:#ffb02b;
	font-weight: bold;
}

td.fondMenu {
	background-color:#f8eac9;
}

td.fondJauneFonce {
	background-color:#644a42;
}
td.fondMarronClair {
	background-color:#ffebc8;
}

#texteConnexion {
	margin-left:5px;
	margin-top:15px;
}

/*** menu **/
span.intermenu {
	margin:0px;
	font-size:6px;
}

/** nav **/
span.nav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #644a42;
	line-height: 13px;
	
}

/**** li ul **/
li {
list-style:none;
margin-top:0;
padding:0;
}
li.numero {margin-left:20px;list-style: decimal}

/* textes */
p, input, tr, td { 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
p.moyen {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 13px;
}

p.petit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}

p.annecdote {
	text-decoration: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #856960;
	}
a {
	font-size: 11px;
	color: #649BD1;
	text-decoration: underline;
}

a.bleu {
	color: #3a76b3;
	font-weight: bolder;
	text-decoration: underline;
}
a.bleufichier {
	color: #3a76b3;
	font-weight: bolder;
	text-decoration: none;
	border-bottom:1px dotted #856960;
}
a.bleu:hover {
	color: #3a76b3;
	text-decoration: underline;
}
a.flecheBleu {
	color: #3a76b3;
	font-weight: bolder;
	text-decoration: none;
	background: url(/aidop/images/pagesuivante.gif) no-repeat 0 58%; padding-left: 15px
}
a.flecheBleu:hover {
	color: 649bd1;
	text-decoration: underline;
}
.orange, span.menuOrange{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFB02B;
	font-weight: bolder;
	line-height: 15px;
}
a.orange{
	text-decoration: none;
}
a.orange:hover {
	text-decoration: underline;
	color: #FFB02B;
}
.blanc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #897C76;
	line-height: 15px;
	text-decoration: none;
}
a.blanc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}
a.blanc:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #649bd1;
	text-decoration: underline;
}
#titre {
	font-size:15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #3a76b3;
	font-weight: bold;
}
#titreListe {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color: #3a76b3;
  line-height:1.4em; 
}

span.listedoc {
	display: block;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13pt;
  font-weight:bold;
  color: #3a76b3;
  line-height:1.6em;
  height:35px;
	background: url(/aidop/images/books.gif) no-repeat 0 0%; padding-left: 40px
}

span.listeaide {
	display: block;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13pt;
  font-weight:bold;
  color: #3a76b3;
  line-height:1.6em;
  height:35px;
	background: url(/aidop/images/aide.gif) no-repeat 0 0%; padding-left: 40px
}

span.listeuser {
	display: block;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13pt;
  font-weight:bold;
  color: #3a76b3;
  line-height:1.6em;
  height:35px;
	background: url(/aidop/images/utilisateur.gif) no-repeat 0 0%; padding-left: 40px
}
span.listeuserassocie {
	display: block;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13pt;
  font-weight:bold;
  color: #3a76b3;
  line-height:1.6em;
  height:35px;
	background: url(/aidop/images/utilisateurassocie.gif) no-repeat 0 0%; padding-left: 40px
}
span.listecat {
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	color: #3a76b3;
	line-height:1.6em;
	height:35px;
	background: url(/aidop/images/open_folder.gif) no-repeat 0 0%; padding-left: 40px
}

#corps {
	text-align:left;
	margin-top:20px;
margin-left: auto;
     margin-right: auto;
     width: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

/** formulaires **/
input, textarea {
	/*background : #eef3f5;*/
	color : #000;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 1em;
}
input, textarea {
	/*border-width : 2px;*/
-moz-border-radius: 4px;
color: #000000;
}
*>input, *>textarea {
	/*border-color : #333;*/
}

input.valid {
	border-style : outset;
	/*background : #d2e0e6 url(/aidop/images/degrade_bleu.gif) repeat-x 0 100%;*/
}
input.valid:hover, input.valid:focus {
	background : #fc3 url(/aidop/images/degrade_orange.gif) repeat-x 0 100%;
}

input.valid:active {
	border-style : inset;
}
p.input.valid:hover{
background-color:#ffffff;
color:#c60;
cursor:pointer;
}
.bordlegende {
margin-top:8px;
border:1px solid #644a42;
padding-left:1.5em;
padding-right:1.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.legende {
padding: 0.2em 0.5em;
border:1px solid #d0d0bf;
color:#000000;
background-color:#f8eac9;
text-align:right;
}
p.actionFormulaire {
text-align:center;
margin:0px 0px 0px 0px;
}
/** Listing **/
table.listing tr.titre{
	background: #856960;
	color: #ffffff;
	font-weight: bold;
}
table.listingUserAssociation tr.titreUserAssociation {
	background-color: #ffebc8;
	font-weight: bold;
}
table.listing tbody tr.pair:hover, table.listing tr.impair:hover {
	/*background: #f4f2dd;*/
	background: #f3cc6f;
}
table.listing, table.listingUserAssociation {
	border-collapse: collapse;
	border: 1px solid #4f4f4f;
	background: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3d3d3d;
	font-weight: normal;
	text-decoration: none;
	line-height: 13px;
	padding:0.3em;
}
table.listing tr.pair { background-color: #ffebc8; }
table.listing tr.impair { background-color: #fff9ea; }
table.listing td {
	border: 1px solid #4f4f4f;
}
table.listing td table.noborder td {
	border: 0px solid #4f4f4f;
}

/**********************/
/** ERREUR **/
/**********************/
#erreur {
color:red;
background-color:#ffeed9;
border:1px solid #ff0000;
text-align:center;
font-size:normal;
font-weight:bold;
display: block;
padding-left:20px;
padding-right:20px;
}
p.erreurFormulaire {
background: url(/aidop/images/erreurForm.gif) no-repeat 0 58%; padding-left:25px;
color:red;
text-align: left;
font-size:normal;
font-weight:bold;
width:auto;
line-height: 20px;
}
#info {
color:black;
background-color:#f8eac9;
border:1px solid #644a42;
text-align:center;
font-size:normal;
font-weight:bold;
display: block;
padding-left:20px;
padding-right:20px;
}
.elementnormal{
			position:static;
			left:0;
		}
		.elementcollapsed{
			position:absolute;
			left:-9999em;
			top:0;
			height:1px;
		}
		
.formulaire50 {
	width:50%;
	margin-left: auto;
     margin-right: auto;
}
.formnu, .formnu form {
	margin:0px;
	padding:0px;
	top:0px;
	bottom:0px;
}
/***************/
/*  infoBulle**/
/**************/
#infoBulle {
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

#infoBulle:hover{z-index:25;}

#infoBulle span{display: none;}

#infoBulle:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
    border:1px dashed #ff9400;
    background-color:#fff2d9; color:#000;
    text-align: center;}
    
.formnopadding {
	padding:0px;
	margin:0px;	
}

/* A avec span */
a.infoSpan {
	position: relative;
	text-decoration: none;
}
a.infoSpan span {
	display: none;
}
a.infoSpan:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infoSpan:hover span {
	display: inline;
	position: absolute;
	top: 1.5em;
	left: 0em;
	background: #EEEEFF;
	text-align: left;
	color: black;
	padding: 2px;
	border:1px solid #000;
	width:150px; 
}