html, body {
	height: 100%;
	margin: 0;
	}
html {
/*	background: #ddd url(img/score.png);
	background: #ddd url(img/20a.jpg);*/
	}	
table {
  border-collapse: collapse ;
}
div#global {
	min-height: 100px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	/*L'utilisation de position: relative; sur #global 
  définit les frontières de l'élément #global 
  comme point de repère pour le positionnement de ses enfants. 
  La position "top: 0px, left: 0px" est maintenant 
  le coin supérieur gauche de #global, au lieu de celui de body.
*/
	background: url(img/F.png)  repeat-y;
	}
div#header h1 {/*fusion des marges firefox*/
	margin: 0;
	}
div#header {
padding:0 10px ;
  height: 140px;
/*	margin: 0 10px ;*/
}

a:hover { border-bottom:0px;}	

div#center {
	width: 980px;
  overflow: auto ;
	margin: 0 10px ;
/*	padding-bottom: 50px;*/
}
div#footer {
/*	position: absolute;
	bottom: 0; */
	width: 980px;
	margin: 0px 10px ;
	height: 58px;
  color: black ;
	background: url(img/PIEDS.jpg) center repeat-x ;
  font-family:"Comic Sans MS" ; 
  font-weight: bold ;	
  color: white;
}
#footer b {
  float: left ;
  font-size:small;
  margin: 0 0;
}
#footer p {
  font-size:xx-small;
  margin: 10px 10px;
}

div#sidebar {
	position: relative;
	float: left;
	height: 640px ;
	width: 144px;
/*	background: url(img/Vbg.png) repeat ;*/
	}
div#sidebarBottom {
	position: absolute;
	bottom: 0px ;
padding: 0 0 0 10px;
/*	background: green ;*/
}

.mbrmenu {
  border: 1px solid black;
  margin: 5px;
	padding: 0 10px;
  font-family: verdana;
  font-size:0.65em ;
  font-weight: bold ;
	text-align:right;
	list-style: none;
}
.mbrmenu A:link, A:visited, A:active { 
  text-decoration: none ;
  color: black;
}
p.mbrmenu {
text-align:center;
border:0;
text-decoration: underline ; 
}

ul.mbrmenu {text-decoration: underline ; }

.leftinfo {
	background: #fea;
  border: 1px solid black;
  margin: 4px;
	padding: 0 3px;
  font-family: verdana;
  font-size:0.65em ;
  font-weight: bold ;
/*	text-align:right;*/
	list-style: none;
}
	
div#content {
  min-height:640px ;
  margin-left: 144px;
}

div#content h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #C60 ;
	border-left: 3px solid #C60 ;
	color: #F60 ;
}

/*----------------------------------------------------*/
#logo { top: 0px ; left: 0px ;
  float: left ;
  width: 144px ;
  max-height: 140px ; 
  max-width: 144px ; 
  font-family:"Comic Sans MS" ;
}

div#logoCnx a div { margin-top: 0px ; font-size:small ; text-decoration:none; color: gray;}
div#logoCnx a {
  height: 140px ; max-height: 140px; display: block ;
	background: url(img/Logo_3.jpg) no-repeat 0 0;
	text-align: center ;
 }
div#logoCnx a:hover {
  background: url(img/Logo_3.jpg) no-repeat 0 -140px ;
}
div#logoDcx { 
  font-family:"Comic Sans MS" ; font-size:xx-small;
}
div#logoDcx a  {	
  height: 140px ;	display: block ; 	
  background: url(img/Logo_3.jpg) no-repeat 0 0;
}
div#logoDcx div { text-align: center; text-decoration:none; color:green ;}
div#logoDcx p {  text-align: left; text-decoration:none; color:black ;}
div#logoDcx a:hover {
  background: url(img/Logo_3.jpg) no-repeat 0 -280px ;
}

/*----------------------------------------------------*/
div#allonglets {
/*  float: left ;*/

/*	background: #fed993;*/
  font-family: verdana;
  font-size:65% ;
  font-weight: bold ;
}

#allonglets A { 
text-align: center ;
color: #000 ;
overflow:hidden;
padding-top : 127px ;
}

#allonglets A:link, A:visited, A:active { 
  text-decoration: none ;
}
#allonglets A:hover { 
  color: white ;
}

#allonglets h6{
  display:none;
  text-decoration: none ;
}
#allonglets a:hover h6{
  display:block;
  position:absolute ;
  top:15px ;
  left: 154px;
  width: 659px;
  text-align: left ;
  text-decoration: none ;
  font-size: 150% ;
  color: aqua ;
  z-index: 95;
  background:url(img/BGI.png) repeat-x ;
  margin: 0 ;
}
 
#onglet0  a {
  width: 91px ; max-height: 140px ; display: block ;
  background: url(img/Q0.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet0 a:hover { background: url(img/Q0.png) no-repeat 0 -280px ; }
#onglet0a  a {
  width: 91px ; max-height: 140px ; display: block ;
  background: url(img/Q0.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet0a a:hover { background: url(img/Q0.png) no-repeat 0 -280px ; }

#onglet1 a {
  width: 70px ; max-height: 140px ; display: block ;
  background: url(img/Q1.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet1 a:hover { background: url(img/Q1.png) no-repeat 0 -280px ; }
#onglet1a a {
  width: 70px ; max-height: 140px ; display: block ;
  background: url(img/Q1.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet1a a:hover { background: url(img/Q1.png) no-repeat 0 -280px ; }

#onglet2 a {
  width: 60px ; max-height: 140px ; display: block ;
  background: url(img/Q2.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet2 a:hover { background: url(img/Q2.png) no-repeat 0 -280px ; }
#onglet2a a {
  width: 60px ; max-height: 140px ; display: block ;
  background: url(img/Q2.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet2a a:hover { background: url(img/Q2.png) no-repeat 0 -280px ; }

#onglet3 a {
  width: 60px ; max-height: 140px ; display: block ;
  background: url(img/Q3.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet3 a:hover { background: url(img/Q3.png) no-repeat 0 -280px ; }
#onglet3a a {
  width: 60px ; max-height: 140px ; display: block ;
  background: url(img/Q3.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet3a a:hover { background: url(img/Q3.png) no-repeat 0 -280px ; }

#onglet4 a {
  width: 59px ; max-height: 140px ; display: block ;
  background: url(img/Q4.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet4 a:hover { background: url(img/Q4.png) no-repeat 0 -280px ; }
#onglet4a a {
  width: 59px ; max-height: 140px ; display: block ;
  background: url(img/Q4.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet4a a:hover { background: url(img/Q4.png) no-repeat 0 -280px ; }

#onglet5 a {
  width: 59px ; max-height: 140px ; display: block ;
  background: url(img/Q5.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet5 a:hover { background: url(img/Q5.png) no-repeat 0 -280px ; }
#onglet5a a {
  width: 59px ; max-height: 140px ; display: block ;
  background: url(img/Q5.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet5a a:hover { background: url(img/Q5.png) no-repeat 0 -280px ; }

#onglet6 a {
  width: 58px ; max-height: 140px ; display: block ;
  background: url(img/Q6.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet6 a:hover { background: url(img/Q6.png) no-repeat 0 -280px ; }
#onglet6a a {
  width: 58px ; max-height: 140px ; display: block ;
  background: url(img/Q6.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet6a a:hover { background: url(img/Q6.png) no-repeat 0 -280px ; }

#onglet7 a {
  width: 56px ; max-height: 140px ; display: block ;
  background: url(img/Q7.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet7 a:hover { background: url(img/Q7.png) no-repeat 0 -280px ; }
#onglet7a a {
  width: 56px ; max-height: 140px ; display: block ;
  background: url(img/Q7.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet7a a:hover { background: url(img/Q7.png) no-repeat 0 -280px ; }

#onglet8 a {
  width: 73px ; max-height: 140px ; display: block ;
  background: url(img/Q8.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet8 a:hover { background: url(img/Q8.png) no-repeat 0 -280px ; }
#onglet8a a {
  width: 73px ; max-height: 140px ; display: block ;
  background: url(img/Q8.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet8a a:hover { background: url(img/Q8.png) no-repeat 0 -280px ; }

#onglet9 a {
  width: 73px ; max-height: 140px ; display: block ;
  background: url(img/Q9.png) no-repeat 0 -140px;
	float : left;
	margin : 0 ;
}
#onglet9 a:hover { background: url(img/Q9.png) no-repeat 0 -280px ; }
#onglet9a a {
  width: 73px ; max-height: 140px ; display: block ;
  background: url(img/Q9.png) no-repeat 0 0;
	float : left;
	margin : 0 ;
}
#onglet9a a:hover { background: url(img/Q9.png) no-repeat 0 -280px ; }

#spacerd a {
  width: 170px ; max-height: 140px ; display: block ;
/*  background: url(img/Q9.png) no-repeat 0 -140px;
  background: #ffcc66 ;*/
	float : left;
	margin : 0 ;
}

/*----------------------------------------------------*/
div#admin {
  position: fixed;
  bottom: 20px ; right: 20px ;
  width:48px ; height:48px;
  }
/*----------------------------------------------------*/
div#uptit {
  position: absolute;
  top: 20px ; right: 20px ;
  width:45px ; height:45px;
  text-align: center;
  font-size:200%;
  text-decoration: none ;
  background: url(img/ptit.png) ;
  }
/*----------------------------------------------------*/
label {
display: block ;
float: left ;
width:100px ;
text-align: right ;
}

.button {  
  text-align:center;
  font-size:90%; 
	width: 180px;
	height: 20px;
	border: 1px solid #999;
}
.medbut {  
  text-align:center;
  font-size:80%; 
	width: 70px;
	height: 20px;
	border: 1px solid #999;
}
.smallbut {  
  text-align:center;
  font-size:70%; 
	width: 30px;
	height: 20px;
	border: 1px solid #999;
}

textarea {
  background-image: url(img/papier_bg.jpg);
}

input.INPUT {
  background-image: url(img/papier_bg.jpg);
}

/*--------------------------------------------------*/
.Identif 
{ 
  margin : 1px ; 
  border: 1px solid blue ;
  background: #FEA/*FF6*/ ; 
  text-align: center ;  
  padding: 20px ;
  color: blue ;
}
/*
.Identif label
{ 
border:1px solid grey; 
padding:4px; 
margin:0px;
width: 70% ;
text-align: left ;
background-color : #FFE4B5 ; 
}
*/
.Identif P {
/*display: block ;
float: left ;*/
width: 200px ; 
text-align: right ;
}
/*-------------------------------------------------------*/
div.NomInput {
/*  clear: both;*/
  padding-top: 1px;
  }

div.NomInput span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.NomInput span.formw {
  float: left;
  width: 235px;
  text-align: left;
  }
  
div.spacer {
/*  clear: both;*/
  }

/*--------------------------------------------------------------*/

.MbrMsg {
	background: #FEA ;
  vertical-align: top ;
  text-align: center ;
}
.MbrMsg label {
  font-size:80%; 
  width:100px ;
	text-align: right ;
}
.MbrMsg h3 {
/*	background: #FEA;*/
}
.MbrMsgTx {
   width: 70% ;
  vertical-align: top ;
	/*background: #ffc;*/
}
div.MbrAlrt  {
  color: red ; 
  width: 90% ;
  background: #ff0 ;
}
div.MbrInfo  {
  color: green ; 
  width: 90% ;
  background: #ff0 ;
}


.MbrMsgDt {
  width: 30% ;
  vertical-align: top ;
/*	background: #ffc ;*/
}
.MbrMsgDt label {
  font-size:80%; 
  width:140px ;
	text-align: right ;
}
.MbrMsgDt div{
  font-size:80%; 
  font-weight: bold ;
  width:100% ;
  height: 10px ;
	text-align: left ;
	background: #ff0 ;
}

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


#Envois 
{ 
  margin : 1px ; 
  border: 1px solid blue ;
  background: #FEA ; 
  text-align: center ;  
  padding: 20px ;
  width: 90% ;
}
#Envois table {
/*  width: 80% ;  */
  text-align: left ;
  overflow: auto ;
}


.PlayBut img{
  border: 0 ;
}

.Envois label {
  font-size:100%; 
  width:300px ;
	text-align: right ;
}

.Envois p {
width: 200px ; 
text-align: right ;
}

.Envois input {  
  text-align:center;
  font-size:90%; 
	width: 120px;
	height: 20px;
	border: 1px solid #999;
}
input.EnvSel  {  
  text-align:center;
  font-size:90%; 
	width: 120px;
	height: 20px;
	border: 1px solid #555;
  background-color : #999 ;
}
/*-------------------------------------------------------*/

.Actions { 
  background: #FEA ; 
  margin : 1px ; 
  border: 1px solid blue ;
  text-align: center ;  
}
.Actions table {
  font-size:0.8em;
  font-family: sans-serif;
  border: 2px ;
  width: 90% ;  
  background: #ED9 ; 
  overflow: auto ;
}
.Actions th{
  font-size:1.3em;
}
/*-------------------------------------------------------*/
.Questions { 
 background: #FEA ;
  border: 1px solid blue ;
  text-align: center ;  
}
.Questions table {
  font-size: 80%;
  width: 95% ;  
  background: #ED9 ; 
  overflow: auto ;
  text-align: left ;
  padding:  0 ;
}
.Questions th {
  background: #FD2 ; 
  border: 1px solid #555;
  text-align: center ; 
}
.Questions td {
  background: #DC8 ; 
  border: 1px solid #555;
  text-align: left ;  
}
/*-------------------------------------------------------*/
.postit {
position: absolute;
width: 180px; 
height: 200px;
background: transparent url(img/post_it.png) no-repeat center center;
font-family: comic sans ms;
font-weight: normal;
color: #000;
text-align: justify;
/*line-height:20px;*/
margin: 0;
padding: 0;
}
#postit1 { top: 140px; right:  0px; z-index: 11; }
#postit2 { top: 160px; right: 10px; z-index: 12; }
#postit3 { top: 180px; right: 20px; z-index: 13; }
#postit4 { top: 200px; right: 30px; z-index: 14; }
#postit5 { top: 220px; right: 40px; z-index: 15; }
#postit6 { top: 240px; right: 50px; z-index: 16; }
#postit7 { top: 260px; right: 0px; z-index: 17; }
#postit8 { top: 280px; right: 10px; z-index: 18; }
#postit9 { top: 300px; right: 20px; z-index: 19; }
#postit10 { top: 320px; right: 30px; z-index: 20; }
#postit11 { top: 340px; right: 40px; z-index: 21; }
#postit12 { top: 360px; right: 50px; z-index: 22; }

.postit a {
text-decoration: none;
}
.postit p {
margin:0;
padding:15px 10px 0 10px;
font-size: 11px;
font-weight: normal;
}
.postit i {
font-size: 16px;
font-weight: bold;
}
.ptitclose {
position: absolute;
bottom: 0px;
right: 10px;
height: 25px;
text-decoration: none;
font-size:10px;
font-family: verdana;
font-style: normal;
color: #000;
padding: 5px 20px 5px 0;
background: url(img/Paperclip.png) no-repeat center right;
} 
.ptitdelete {
position: absolute;
bottom: 0px;
left: 10px;
height: 25px;
text-decoration: none;
font-size:10px;
font-family: verdana;
font-style: normal;
color: #000;
background: url(img/Trash.png) no-repeat center right;
padding: 5px 20px 5px 0;
} 
.ptitrepondre {
position: absolute;
top: 5px;
right: 0px;
height: 25px;
text-decoration: none;
font-size:10px;
font-family: verdana;
font-style: normal;
color: #000;
background: url(img/repon.png) no-repeat center right;
padding: 20px 0px 0px 0;
} 

/*----------------------------------------------------*/
.news { 
 width:auto ; 
 padding: 7px ;
  margin : 1px ; 
  border: 1px solid blue ;
  background: #FF6 ; 
  text-align: center ;  
}
.news table{
  overflow: auto ;
  width:100%;
}
.news th{
  overflow: auto ;
}
.newsnew { background:url('img/flecheD4.gif') no-repeat left; 
}
.newsB { 	font-size: 0.1px;background:yellow ; }
.newsE { border: solid black 1px ; border-top:solid yellow 10px; background-color: #FF7 ;}
.newsA {  background-color: red ; color: aqua ;   text-align: center; font-family:verdana; font-size:1.3em; }
.newsT {
  background-color: #ccc ; 
  margin : 2px ;
  font-family:verdana;
}
.newsW {  
  color: blue ;
  text-align: right ;
  padding: 0px 5px ; 
  font-size:0.7em;
/*  margin : 2px ;*/
}
.newsG {  background-color: #00F ; color: aqua ;   text-align: center; font-family:verdana; font-size:1.3em; }
.newsX {
  margin: 0px;
  padding: 5px ; 
  background: #ddd ;
  font-size: 13px;
  text-align: justify ;
  color: black ;
  font-family:monospace ;
}
 .newsA, .newsX, .newsG, .newsT, .newsW { border: solid dimgray 1px ;  }

/*-----------------------------------------------------*/
div#accueil { 
height: 600px ;
overflow: hidden;
padding: 20px;
background-color: black ;
color: white ;
font-size:12px;
font-family: sans-serif ;
text-align: left;
background-image: url(images/Rois.png) ; 
background-position: center center;
background-repeat: no-repeat ; 

}
div#accueil h1{
margin:0;
font-weight: bold ;
font-size: 550% ; 
}
div#accueil h2{
margin:20px;
font-size: 150% ; 
}
div#accueil p#depote{
text-align: right ;
margin-top: 400px ;
font-size: 400% ; 
}

/*-----------------------------------------------------*/
.Clavardage
{
  position: absolute;
  top: 8px ;
  left: 810px ;
/*  float:right ;*/
  padding: 10px ;
}

/*-----------------------------------------------------*/
div.CALmain
{
  position: absolute;
  top: 8px ;
  left: 820px ;
  float:right ;
  padding: 0 ;
}

table.CALmain {
width:160px;
max-width:160px;
border:1px solid black;
}

.CALmonth {
background-color:black;
font:bold 8px verdana;
color:white;
}

.CALmain img{
border: 0;
}

#CAL a{
padding: 0;
display:block;
width:100%;
}

.CALdaysofweek {
background-color:gray;
font:bold 8px verdana;
color:white;
}

.CALdays {
font-size: 8px;
font-family:verdana;
color:blue;
background-color: #FEA;
padding: 2px;
}
.CAL_Td{
font-weight: bold;
font-size:10px;
color: red ;
background-color: #FC6;
}
.CAL_R{
font-weight: bold;
color: blue;
background-color: red;
}
.CAL_V{
font-weight: bold;
color: white;
background: green;
}
.CAL_M{
color: magenta;
text-decoration: underline;
background-color: lightgreen;
}
/*-----------------------------------------------------*/
ul.menu {
list-style-type: none;
width: 95%;
overflow: hidden;
margin: auto;
margin-top: 10px;
font:bold 10px verdana;
}

.menu li {
float: left;
margin: 2px 0 ; 
}

.menu a {
margin: 0 2px;
width: 9em;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
}

.menu a.EnvSel {
border-top: 2px solid #4a4a4a;
border-left: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece; 
  background: url(img/or3.png) #f90;
}

.menu a.EnvNSel { 
border-top: 1px solid #F8F866;
border-left: 1px solid #F0F066;
border-right: 2px solid #4a4a4a;
border-bottom: 2px solid #4a4a4a; 
  background: url(img/or2.png) #fc6;
}

.menu a:link, .menu a:visited {
}
.menu a:hover {
/*background: #c7fbff;*/
background: url(img/or.png) #F60 ;
}
.menu a.EnvSel:hover { background: #f90;}

.menu span {
display: block;
}

/*------------------------------------------------------------*/

div#concert{
  overflow: auto ;
  width: 90%;
  text-align: center ;
  
}
#concert img{
width: 10% ;
}
.concertsI {
text-align: center ;
color: red ;
}

/*------------------------------------------------------------*/

div#Repertoire{
  padding-top: 10px ;
  overflow: auto ;
  width: 100%;
  font: 14px verdana;
	text-align: center ;
}
#Repertoire table {
  width: 100%;
background: #da4 ;
padding: 2px;
}
#Repertoire table th {
text-align: center ;
font-weight: bold ;
font-size: 120% ; 
background: #c93

}
div#Repertoire tr {
/*font-weight: bold ;*/
text-align: left ;
}
div#Repertoire table th.I {
font-weight: bold ;
font-size: 200% ; 
color: red ;
text-align: left ;
}
div#RepertoireM {
position:absolute;
width: 110px;
top: 160px;
left: 870px ;
text-align: center ;
background: #b82;
}
/*----------------------------------------------------------------*/
#videos {
background: #960 url(img/rideau.png) repeat center ;
padding: 100px 0px;
text-align: center ;
}
/*-------------------------------------------------------------------*/
#livredor{
width:816px;
text-align:center ;
padding: 5px ;
margin: 5px;
font-size: 0.85em;
background: #c93
}
#livredor h2{
margin: 10px 30%;
text-align:center ;
font-size: 250% ;
color: #ff6 ;
border-bottom: 1px solid yellow;
}
#livredor p{
padding:5px 30px ;
margin: 0 150px;
border: 2px solid yellow ;
text-align:left ;
font-size: 80% ;
background: #ff6 ;
color: #c60 ;
}
#livredor p img{
float: right;
width:50px;
height: 30px;
}
#livredorL{
width:100%;
/*margin: 30px ;
padding: 5px ;*/
text-align: center ;
background: #ff6
}
#livredorL table{
border: 1px solid black ;
padding:10px;
width: 100%;
}
#livredorL table td{
padding:5px;
}
.livredorM {
width:100%;
text-align:left ;
}
.livredorT1 {  background: red ; color: cyan ;   text-align: center ;}
.livredorT2 {  background: #F90 ; color: #060 ;   text-align: center ;}

/*--------------------------------------------------------------------*/
#presse {
padding: 20px ;
text-align: left ;
background: url(img/journaux.png) repeat ;
}
#presse h2{
margin: 10px 20%;
text-align:center ;
font-size: 250% ;
color: #222 ;
background: #C93; 
border: 2px solid white;
}
.presseI {
text-align: center ;
color: red ;
}

.presseA {
/*width:160px ;
height: 160px ;*/
border: 0;
}

/*-------------------------------------------------------------------*/

#choristes {
width: 92% ;
padding: 20px ;
text-align: left ;
background: white ;
}
#choristes p{
width: 100% ;
text-align: right ;
}

/*----------------------------------------------------------------------*/

#Annuaire {
  font-family: verdana;
  font-size:80% ;
  border-color: black;
  color:black;
background: #FEA ;
}
#Annuaire table{
background: #ED9 ;
}
/*#Annuaire table{
width:95%;
border: 2px solid black ;
text-align: left ;
background: #ED9 ;
}
tr.Annu1 td {
font-weight: bold ;
}
.Annu2 td {
}
.Annu3 td {
border-bottom: 1px solid black ;
}
*/
/*--------------------------------------------------------------------*/
#contact {
font-size:95%;
padding: 10px 20px 1px  ;
text-align: left ;
background: #FEA url(img/enveloppe.png) repeat center ;
}
/*#contact H1 {
color: #F63 ;
}*/
#contact table {
width: 50% ;
background: #ED9
}
#contact td {
/*width: 20 ;*/
border: 2px solid white ;
}

/*--------------------------------------------------------------------------*/
.saisie {
background-color: #ccc;
border: 1px solid #333; 
padding: 5px;
margin: 0px; 
}

/*-----------------------------------------------------------------------*/
#partenaires {
	position: absolute;
	bottom: 0px ;
text-align: center;
}
#partenaires p a img {
border: 0;
}

/*----------------------------------------------------------------------*/

div#galerie
{
	width: 700px ;
	height:560px ;
	background: #fcda94 ;
	border: 1px solid #ff921a ;
	padding: 10px ;
	margin: 20px 50px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #ff921a ;
}

dl#photo
{
	/*clear: both ;*/
	margin: 0 auto ;
}

dl#photo dt
{
  float:left ;
  width:700px;
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #ff921a ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #ff921a ;
}

/*---------------------------------------------------------------*/

#histoire {
margin: 25px ;
padding: 15px;
  font-family: verdana;
  font-size:95% ;
}

#histoire h2{
margin: 0 10px;
text-align: center ;
background-color: cyan ;
border: 1px solid ;
}

div#histoire p {
text-align: justify;
padding: 0px ;
}

#histimg {
padding: 0 15px ;
}
#histoire div table {
border : 2px  solid black;
}

#histoire div table tr td{
border : 1px  solid ;
text-align: left;
padding: 2px 5px;
}
/*-------------------------------------------------------------------*/
#picasa  {
background: url(Site/MbrPhotos/20070601b.png); 
color: white;
margin: 10px;
padding: 15px;
}
#picasa a {
  font-family:"Comic Sans MS" ; 
/*font-size: 150%; */
color: white;
text-decoration: none ;
}
#picasa a img{
/*padding: 250px 0 20px 400px;*/
}
/*----------------------------------------------------------------------*/
#pub {
margin: 10px ;
}
#pub h1 {
background: #C93;
}
#pub div {
margin: 15px;
width:90%;
background: #DA4 ;
}
#pub div H4 {
text-align: left;
background-color: #fea ;
color:black  ;
}
#pub div a H4 {
text-decoration: none ;
}
.pubnew {
background-image:url('img/flecheD4.gif');
background-repeat:no-repeat;
background-position:left; 
}
/*-------------------------------------------------------------------------*/
#Forum {
font-family: verdana;
font-size:0.80em ;
background: #F80 ;
}
#ForumB0 {
font-family:"Comic Sans MS" ; 
}
#ForumB0 th{
background: #FA0 ;
text-align:left;
padding: 2px 5px;
border: 1px solid blue;
}

#ForumB0 td {
text-align:left;
padding: 0 5px;
border: 1px solid blue;
vertical-align:top;
}
#ForumNew, #ForumR {
float: right ;
color:white;
background: lightseagreen ;
font-family:"Comic Sans MS" ; 
font-size: 100%;
text-align: center; 
margin:0 15px;
}
.Forum0H {
background: #FE0 ;
font-size: 0.9em;
}
.Forum0L {
font-size: 1em;
}
.Forum0H1 {
width:500px;
}
.Forum0H2 {
width:100px;
}
.Forum0H3 {
width:150px;
}
.Forum0D3 {
font-family: verdana;
font-size: 0.7em;
}

.Forum1H {
background: #FE0 ;
font-size: 0.9em;
margin: 0;
padding:0;
}
.Forum1H1 {
font-size: 0.7em;
width:10px;
}
.Forum1H2 {
width:500px;
}
.Forum1H3 {
width:100px;
}
.Forum1H4 {
width:150px;
}
.Forum1D4 {
font-family: verdana;
font-size: 0.7em;
}

.Forum2H {
background: #FE0 ;
font-size: 0.9em;
margin: 0;
padding:0;
}
.Forum2H1 {
width:100px;
}
.Forum2H2 {
width:650px;
font-size: 1em;
}
.ForumPair {
background: #FD8 ;
font-size: 1em;
}
.ForumImpair {
background: #FC4 ;
font-size: 1em;
}
.ForumAut {
font-size: 0.8em;
}
.ForumMsg {
margin: 5px;
border-bottom: 1px solid gray ;
font-family: verdana;
font-size: 10px;
}
.ForumMsg img{
float:left ;
padding:0;margin:0;border:0;
}
.ForumTxt {
margin: 5px;
font-family:monospace ;
font-size: 13px;
text-align: justify ;
}
.ForumPg {
width:95%;
font-size:1.2em;
font-family:verdana;
text-align:right;
background:sienna;
color:darkgray;
}
.ForumFl {
border:0;
height:16px;
}
.ForumPg b{
float:left;
text-align:left;
font-size:1em;
color: aqua ;
}
.ForumPg a {
color: white ;
}

/*------------------------------------------------------------*/
#Trombino {
  position : relative; 
/*
background: white url(img/CdCTrombino.png) no-repeat center top ; 
*/
}
.TrombUn {
border:1px solid black;
text-align:center;
white-space: nowrap ;
font-size:0.5em;
font-family: sans-serif;
overflow:hidden;
width:45px ; height:80px ;
}
.TrombImg {
display:block ;
border:1px solid black;
}
.TrombTit {
text-align:center;
height:17px ;
}
#infobulle { 
  position : absolute; 
  display : none; 
  z-index:10;
  border : 1px solid blue; 
  font-size:0.7em;
  font-family: sans-serif;
  background:lightgrey;
} 
#bulleinfo { 
  display : none; 
  border : 1px solid green; 
  font-size:0.9em;
  font-family: sans-serif;

} 

/*/////////////////////////////////////////////////////*/
#CLAZON {
  font: 11px verdana;
}
#DIAZON {
  border:1px solid black;
  width:700px;
  height:500px;
  overflow:auto;
  background-image: url(img/papier_bg.jpg);
  font: 12px verdana;
  text-align: justify;
}

div#Freq table tr th { font: 8px/8px verdana;}
div#Freq table tr td { font: 8px/8px verdana;}
div#Freq table { border:0;}

.jauge {
overflow:hidden;
font:8px 'Comic Sans MS';
}
.ombre {
  border-right:1px solid gray;
  border-bottom:1px solid gray;
}

#Traces tr td:first-child {
    color: green;
    white-space: pre;
}

#Traces tr td:nth-child(2){
    color:red;
}