@charset "utf-8";
/* CSS Document */
/* ul,li {border:solid purple 1px} */
/* * { border:solid red 1px} */

body {
/*	background-image: url(images/fond_miroir2.jpg); */
	background-image: url(images/mozaic_vert_clair.png); 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
}

#body {
	position:relative;
	text-align:center;
	margin:auto;
	width:700px;
	top:3px;
	/*border:solid green 1px*/
}

#bandeau, #menuadminfixe, #menuextrafixe, #contenu, #pied, #nameperso, #menuperso {
	border:solid #CCCC00 1px;
	background-color:#FFFF99;
}

#bandeau {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:100px;
	background-image: url(images/banniere.jpg);
	background-position: 0px 0px;
	/*
	padding-left:300px;
	padding-top:50px;
	*/
	text-align:right;
	overflow:hidden;
	
}
#bandeau h1 {
	margin-top:60px;
	margin-right:30px;
	color:#FFFFFF;
	/* display:inline; */
}

#nameperso {
	position:absolute;
	left:0px;
	top:106px;
	width:700px;
	height:23px;
	overflow:visible;
	z-index:31;
	text-align:center;
	vertical-align:middle;
}

#menuperso {
	position:absolute;
	left:0px;
	top:126px;
	width:700px;
	height:36px;
	padding-top:3px;
	overflow:visible;
	z-index:31;
	text-align:center;
	vertical-align:middle;
}

#menuadmin {
	position:absolute;
	left:-156px;
	top:106px;
	width:150px;
	padding:0px;
	/*border:solid red 1px;*/
	margin:auto;
	text-align:left;
}
#menuadminfixe {
	position:fixed;
	width:150px;
	margin:auto;
	padding:0px;
	text-align:center;
}

#menuextra {
	position:absolute;
	right:-146px;
	top:106px;
	width:140px;
	padding:0px;
	margin:auto;
	text-align:left;
	z-index:20;
}
#menuextrafixe {
	position:fixed;
	width:140px;
	margin:auto;
	padding:0px;
	text-align:left;
	overflow:auto;
}
#menuextrafixe hr {
	color:red;
	width:90%;
	text-align:center;	
	border:solid red 1px;
}
#menuextrafixe h2 {
	text-align:center;	
	margin:4px;
	margin-top:8px;
	font-size:14px;
}
#menuextrafixe h4 {
	text-align:left;	
	margin:0px;
	font-size:12px;
}

#conteneur {
	position:absolute;
	left:0px;
	top:165px;
	width:700px;
	margin:0px;	
	text-align:left;
	padding:0px;
	/*border:solid red 1px;*/
	z-index:30;
}

#contenu {
	width:690px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	text-align:left;
	font-size:14px;
}

#contenu h1 {
	text-align:center;
	color: #B93E1C;
	font-size: 20px;
}
#contenu h2 {
	text-align:left;
	color: #B93E1C;
	font-size: 16px;
	display:inline;
	margin:3px;
}
#contenu h3, #menuextra h3 {
	text-align:left;
	color: #B93E1C;
	font-size: 14px;
	display:inline;
	margin:3px;
}
#contenu h4 {
	display:inline;
	font-size:12px;
}

#contenu hr {
	background-color: #FFFF99;
	color: #FFFF99;
	height:4px;
	border:solid #B93E1C 1px;
	margin-right: 5px;
	margin-left: 5px;
}
#contenu hr.fine {
	background-color: #000000;
	color: #000000;
	height:1px;
	border:solid #000000 1px;
	margin-right: 5px;
	margin-left: 5px;
}

#contenu ul
{
	margin-left:20px;
	padding-left:0px;
}

#contenu li
{
	list-style-type:disc;
	margin:5px;
	margin-left:0px;
	padding-left:0px;
	list-style-position:outside;
}

#contenu ul.massues li {
	list-style-image:url(images/club.gif);
	/*border:solid red 1px;*/
	margin-top:10px;
	margin-left:20px;
	padding-left:15px;
}

#contenu p {
	font-size:12px;
}

#pied {
	width:700px;
	font-size: 10px;
	margin-top:4px;
	margin-bottom:10px;
	text-align:center;
}

#menuperso ul {
	padding:0px;
	width:100%;	
	font-size:0.8em;
	margin:0px;
}

#menuperso li {
	display:inline;
	list-style:none;
	margin:0px;
	padding:1px;
	/*border-left:solid black 1px;*/
}

a {
	text-decoration:none;
}
a:link,a:visited {
	color:#0066FF;
}
a {
	text-decoration:none;
}
a:hover {
	color:#FF0000;
	text-decoration:underline;
}


div.error, div.erreur
{
	color:#FF0000;
	border:solid red 3px;
	background-color:#FFDDDD;
	font-weight:bold;
	padding:20px;
	margin:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
div.success
{
	color:#00FF00;
	border:solid #00FF00 3px;
	background-color:#DDFFDD;
	font-weight:bold;
	padding:20px;
	margin:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
div.info
{
	color:#0000FF;
	border:solid #0000FF 3px;
	background-color:#DDDDFF;
	font-weight:bold;
	padding:20px;
	margin:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

/* data table */
table.data {
	font-size:10px;
	border:solid 1px black;
	background-color:#AAAA00;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}
.data tr {
	background-color:#FFFFBB;
}
.data tr.trlink:hover {
	background-color:#FFFF44;
	cursor:pointer;
}
.data tr.trh	{
	background-color:#FFFF99;
	cursor:default;
}

.data td , .data th {
	border-top:solid 1px black;
	border-bottom:solid 0px black;
	text-align:center;
	border-left:dotted 1px #777777;
	padding:3px;
}

.data th a {
	text-decoration:none;
}
.data th a:hover {
	text-decoration:underline;
	color:#FF0000;
}

/* fiche table */
table.fiche {
	font-size:12px;
	border:solid 1px black;
	background-color:#AAAA00;
	padding:3px;
	width:100%;
	text-align:center;
}
.fiche tr {
	background-color:#FFFFBB;
}

.fiche th {
	border-top:solid 1px black;
	border-bottom:solid 0px black;
	text-align:right;
	border-left:dotted 1px #777777;
	padding:3px;
	width:200px;
}

.fiche td  
{
	border-top:solid 1px black;
	border-bottom:solid 0px black;
	text-align:left;
	border-left:dotted 1px #777777;
	padding:3px;
}

/* formulaire de connexion */
.inline_small {
	display:block;
	font-size:12px;
	padding-top:5px;
	border:solid red 0px;
}
.inline_small input {
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
}
.inline_small button {
	font-size:12px;
	font-weight:bold;
}

.elements {
	border:solid #888888 1px;
	width:100%;
}
.elements th {
	font-size:10px;
	border:solid #888888 1px;
	text-align:center;
}
.elements td {
	text-align:right;
	border:solid #888888 1px;
	vertical-align:top;
}



.calculette {
	border : solid #FF9900 1px;
	background-color:#CCCCFF;
	color:#996600;
	margin:3px;
	padding:2px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	text-align:right;
}


#calculette_details {
	margin:0px;
	padding:0px;
	text-align:right;
}

.plus_calculette {
	color:#FF0000;
	background-color:#FFFF66;
	border:solid 1px #FF0000;
	height:14px;
	width:14px;
	font-size:10px;
	font-family:"Courier New", Courier, monospace;
	padding:0px;
	margin:2px;	
}

#anniversaires {
	/*border:solid red 1px;*/
	background-position:center center;
	height:auto;
	background-repeat:no-repeat;
	margin:3px;
	padding:2px;
	font-size:10px;
}

.anniversaires {
	/*background-color:#00CCFF;*/
	background-image:none;
}

.anniversaires_loading {
	/*background-color:#33CC33;*/
	background-image:url(images/loading.gif);
}
#anniversaires a {
	font-size:10px;
}

.displayDiv {
	color:#CC3399;
}

td button:hover {
	color:#FF0000;

} 

div.PhotoAdherent {
	text-align:center;
}
div.PhotoAdherent a:hover {
	text-decoration:none;
}
div.PhotoAdherent img {
	padding:5px;
	background-color:#CCCCCC;
	border:solid black 1px;
}
div.PhotoAdherent img:hover {
	border-color:red;
	text-decoration:none !important;
}

#trombinoscope {
	text-align:center;
	padding-top:10px;
}

#trombinoscope div {
	width:114px;
	float:left;
	font-size:10px;
	margin-bottom:10px;
}
#trombinoscope img {
	border:solid black 1px;
	text-align:center;
	background-color:#CCCCCC;
	padding:3px;
	margin:3px;
}
#trombinoscope img:hover {
	background-color:#FF6600;
}

.selection {
	background-color:#A1F880;
	padding:3px;
}

.panneauJS {
	position:relative;
	left:10px;
	top:10px;
	z-index:100;
	min-width:50px;
	min-height:20px;
	border:solid #888888 2px;
	background-color:#FFFF99;
	padding:5px;
	display:none;
}

.div_scroll
{
	max-height:200px;
	overflow:auto;
	border:solid black 1px;
	margin-top:10px;
	margin-bottom:10px;
}

table.in_correlation {
	border-collapse:collapse;
	width:100%;
}
table.in_correlation td {
	border: solid #AAAAAA 1px;;
}