body {
  background:#FFFFFF;
  background-image:url(lei/fond.jpg);
  background-image:url(lei/masqueTeteSite.png);
  background-repeat:repeat-x;
  margin:0;
  padding:0px 0px 0px 0px;
}

div#colonneGauche {
  float:left;
  width:200px;
  margin:7px;
}

div#colonneDroite {
  float:right;
  width:220px;
  margin:7px;
  margin-top:0px;
}

div#colonneCentre {
  margin-top:7px;
  margin-right:7px;
  margin-left:220px;
}

div#colonneCentre { 
  -overflow: visible; 
  -height: 1%; 
} 

div#colonneGaucheAccueil {
  margin:7px;
  margin-right:500px;
}

div#colonneCentreAccueil {
  float:right;
  width:240px;
  overflow:hidden;
  margin:7px;
}

div#colonneDroiteAccueil {
  float:right;
  width:220px;
  margin:7px;
}

div#colonneCentreAccueil { 
  -overflow: visible; 
  -height: 1%; 
} 

/******************** Menu ********************************/
#menu, #menu ul {
 padding:0;
 margin:auto;
 list-style:none;
}

#menu a{
 display:block;
 padding:0;
}

#menu li, .onglets{
 float : left;
 margin:auto;
 height:25px;
 padding-left:10px;
 padding-right:10px;
 padding-top:0px;
 overflow:hidden;
 background-image:url(lei/fondMenuOff.jpg);
 background-repeat:repeat-x;
 vertical-align:middle;
 border-left:solid 1px lightgray;
 border-right:solid 1px darkgray;
 border-bottom:solid 1px lightgray;
 color:#624848;
 font-family:arial;
 font-size:13px;
 cursor:pointer;
}
 
#menu a{
 text-decoration:none;
 color:#000000;
}
 
#menu li:hover, .onglets:hover{
 background-image:url(lei/fondMenuOn.jpg);
 background-repeat:repeat-x;
 border-left:solid 1px lightyellow;
 border-right:solid 1px darkyellow;
 border-bottom:solid 1px lightyellow;
 color:#624848;
}
	
#menu li ul{ 
 position: absolute;
 left:165px;
 top:100px;
 display:none;
 margin-left:10px;
 margin-left:-10px;
 padding:0px;
}

#menu li ul li{
 margin:auto;
 padding-right:10px;
 float:left;
 background-image:none;
 border:none;
}

#menu li:hover ul{ display:block; }

#menu li ul li a{
 color:#000000;
 text-decoration:none;
}

#menu li ul li:hover{
 background-image:none;
 border:none;
 text-decoration:overline;
 border-color:#D5D500;
}
	
/**********************************************************/


/******************** Barre bottom ************************/

 div#panUser{
  position:absolute;
  top:0px;
  left:0 !important;
  width:100%;
  height:24px;
 }
 
 * html div#content{
  height:100%;
 }
 
 #panUser a{
 	color:#646464;
 }
 
 td.barboGauche{
  background-image:url(lei/barGauche.png);
  background-repeat:no-repeat;
  width:16px;
  height:23px;
  border-left: none 0px black;
  border-right: none 0px black;
  border-bottom: none 0px black;
  border-top: none 0px black;
  z-index:50;
  padding:0px;
  margin:0px;
 }
 
 td.barboCentre{
  border-left: none 0px black;
  border-right: none 0px black;
  border-bottom: none 0px black;
  border-top: none 0px black;
  background-image:url(lei/barCentrale.png);
  background-repeat:repeat-x;
  z-index:50;
  padding:0px;
  margin:0px;
 }
 
 td.barboDroit{
  border-left: none 0px black;
  border-right: none 0px black;
  border-bottom: none 0px black;
  border-top: none 0px black;
  z-index:50;
  padding:0px;
  margin:0px;
 }
 
 /**********************************************************/


/******************** Users fonction ************************/
#userOptions{
  position:absolute;
  margin:0 auto;
  padding:10px;
  width:500px;
  margin-left:-250px;
  left:50%;
  z-index:999;
  border:solid 5px #C0C0C0;
  background:#FFFFFF;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  font-family:arial;
  font-size:13px;
}

#userOptions.login{
  width:300px;
  margin-left:-150px;
  left:50%;
}

#userOptions h1.enTete{
  margin-top:-10px;
  margin-left:-10px;
  margin-right:-10px;
}

#userOptions ul{
  padding:0;
  margin:auto;
  list-style:none;
  width:500px;
}

#userOptions li{
  width:165px;
  text-align:center;
  list-style:none;
  float:left;
  font-family:arial;
  font-size:13px;
}
/************************************************************/

.infoBulle{
  position:absolute;
  width:350px;
  height:50px;
  top:5px;
  left:145px;
  padding:0px;
  margin:0px;
  text-align:left;
  padding-top:5px;
  padding-left:15px;
  background:url(../../images/utils/speak.png);
  background-repeat:no-repeat;
  font-family:Georgia, arial;
  font-size:11px;
}
 .onglet{
  float : left;
  margin:auto;
  height:25px;
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  overflow:hidden;
  background-image:url(lei/fondMenuOff.jpg);
  background-repeat:repeat-x;
  vertical-align:middle;
  border-left:solid 1px lightgray;
  border-right:solid 1px darkgray;
  border-bottom:solid 1px lightgray;
  color:#624848;
  font-family:arial;
  font-size:13px;
  cursor:pointer;
 }
 
 .ongletOn, .onglet:hover, .onglet:focus{
  float : left;
  margin:auto;
  height:25px;
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  overflow:hidden;
  background-image:url(lei/fondMenuOn.jpg);
  background-repeat:repeat-x;
  vertical-align:middle;
  border-left:solid 1px lightyellow;
  border-right:solid 1px darkyellow;
  border-bottom:solid 1px lightyellow;
  color:#624848;
  font-family:arial;
  font-size:13px;
  cursor:pointer;
 }
 
 th.jauneP{
 	background-image:none;
	background-color:#FFFF99;	
 }
 
 #sousTitre th{
 	background-image:none;
	background-color:#FFFF99;
 }

 .sousTitre{
 	background-image:none;
	background-color:#FFFF99;
 }
 
 .eltMenu{
  width:200px;
  height:185px;
  align:left;
  background-color:white;
  font-size:1px;
 }
 
 table.eltBarUser{
  border-left:solid 1px darkgray;
  border-right:solid 1px darkgray;
  border-bottom:solid 1px darkgray;
  border-top:none 0px darkgray;
  background-color:white;
 }

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

.voile{
  position:fixed;
  z-index:9999;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  display:none;
  -khtml-opacity:0.9;
  -moz-opacity:0.9;
  filter:alpha(opacity=90);
  opacity:0.9;
  background:#000000;
  text-align:center;
  padding-top:20px;
}

.dialogue{
  background-image:url(lei/fondCell2.jpg);
  font-family:arial;
  font-size:13px;
  /*filter:alpha(opacity=85);
  -moz-opacity:0.85;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
  z-index:9999;
  top:15%;
  width:700px;
  margin-left:-350px;
  padding:5px;
  display:none;
  position:absolute;
  left:50%;
  border:solid 5px #E0E0E0;
}

.bulle{
  background-color:#FFFFFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
  border:solid 1px #C1BFB1;
  overflow:auto;
}

.flecheBulle{
  position:absolute;
  width:13px;
  height:17px;
  margin-left:73px;
  margin-top:10px;
  background-image:url(lei/flecheBulle.gif);
}

.modInfo{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-image:url(../../images/utils/ok.png);
 background-repeat:no-repeat;
 background-position:1px 1px;
 background-color:#9FE855;
 border:solid 2px #679F5A;
 padding-top:7px;
 padding-bottom:11px;
 padding-left:35px;
 font-family:georgia, arial;
 font-size:14px;
 vertical-align:middle;  
}

div#bienvenue{
 width:300px;
 color:yellow;
 font-size:25px;
 font-family:Georgia;
 position:absolute;
 left:150px;
 top:5px;
}

form {
 margin:0;
}

label {
 /*width:10em;
 float:left;*/
}

label.frm{
 width:10em;
 float:left;
}

form#frmIdentification fieldset{
 padding:1em;
}
form#frmIdentification label{
  display:inline;
  float:left;
  width:60px;
  text-align:left;
}

label.top{
 float:left;
 top:-5px;
}

form#frmMembres fieldset{
 padding:1em;
}
form#frmMembres label{
 display:inline;
 float:left;
 width:150px;
}

input {
 font-size:9px
}

input[type=text]:focus {
 border:2px solid orange;
}

input[type=password]:focus {
 border:2px solid orange;
}

input.bouton{
 font-family:arial;
 font-size:10px;
 height: 20px;
 color: white;
 background-color:#87C51A;
 border-top-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
 border-right-width:0px;
}

table.blanc{
 border-color:darkgray;
 border-style:solid;
 border-width:1px;
 background-color:white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

table.admin{
 border-color:darkgray;
 border-style:solid;
 border-width:1px;
 background-color:#FFF7E6;
}

table.vide{
 border-style:none;
 border-width:0px;
}

table.tblUp{
 border-color:darkgray;
 border-style:none;
 border-bottom-style:none;
 border-width:1px;
 background-repeat:no-repeat;
 height:120px;
 width:100%;
}

table.tblUpMail{
 border-color:darkgray;
 border-style:dashed;
 border-bottom-style:none;
 border-width:1px;
 background-color:yellow;
 background-image:url(lei/cellpic2.jpg);
}

table.tblDown{
 border-color:darkgray;
 border-style:none;
 border-top-style:none;
 border-width:1px;
 background-color:white;
}

table.niveauTransp{
 border-color:darkgray;
 border-style:outset;
 border-width:1px;
 background-color:white;
 filter:alpha(opacity=45);
 -moz-opacity:0.45;
}

table.menuDeroulant{
 position:absolute;
 border-top:none;
 margin-top:5px;	
}

table.forum{
 /*border-color:darkgray;
 border-style:solid;
 border-width:2px;
 background-color:white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;*/
 background-image:url(lei/fondCell2.jpg);
 border-left-color:lightgray;
 border-right-color:darkgray;
 border-bottom-color:darkgray;
 border-top-color:lightgray;
 border-left-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-top-style:solid;
 border-left-width:1px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-top-width:1px;
 background-color:white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

table.rubrique {
 background-image:url(lei/fondCell2.jpg);
 border-left-color:lightgray;
 border-right-color:darkgray;
 border-bottom-color:darkgray;
 border-top-color:lightgray;
 border-left-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-top-style:solid;
 border-left-width:1px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-top-width:1px;
 background-color:white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding:5px;
 /*color:#FEE38C;*/
}

.rubrique {
 background-image:url(lei/fondCell2.jpg);
 border-left-color:#D3D3D3;
 border-right-color:#A9A9A9;
 border-bottom-color:#A9A9A9;
 border-top-color:#D3D3D3;
 border-left-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-top-style:solid;
 border-left-width:1px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-top-width:1px;
 background-color:white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding:5px;
 margin-bottom:-10px;
 font-family:arial;
 font-size:13px;
}

table.bando{
 background-color:#FFFF99;
 border-left-color:lightgray;
 border-right-color:darkgray;
 border-bottom-color:darkgray;
 border-top-color:lightgray;
 border-left-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-top-style:solid;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 margin-left:0px;
 text-align:center;
 width:100%;
}

table.noborder{
 border-width:0px;
}

span#miniCalender{
 padding:0px;
}

tr.nonLu{
 font-weight:bold;
 background-color:#FFFFD5;
}

tr.dessus {
 background-color:#FEF8BA;
}

td{
 font-family:arial;
 font-size:12px;
 padding:5px;
}

td.catleft{
 background-image:url(lei/cellpic1.gif);
}

td.catright{
 background-image:url(lei/cellpic2.jpg);
 background-repeat:repeat-y;
}

td.catwarning{
 background-image:url(lei/cellpic3.jpg);
 background-repeat:repeat-x;
}

td.niveau{
 background-image:url(lei/fondProgress.jpg);
 text-align:center;
 color:white;
 font-size:10px;
 font-weight:bold;
}

td.categorie{
 background-color:#FFFF99;
 font-weight:bold;
 font-style:italic;
 font-size:15px;
}

td.warning{
  background-image:url(lei/barWarning.gif); 
  background-repeat:repeat-x;
}

td.marginZero{
  padding:0px;
  margin:0px;
}

.menu{
 background-image:url(lei/cellpic1.gif);
}

.menuLeft{
 background-image:url(lei/menuGauche.gif);
 background-repeat:no-repeat;
}

td.menu:up{
 background:lightgray;
 background-image:url(lei/cellpic2.jpg);
 border-left-color:darkgray;
 border-right-color:lightgray;
 border-bottom-color:lightgray;
 border-top-color:darkgray;
 border-left-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-top-style:solid;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-top-width:1px;
}

td.row1{
 background-color:#FFEC79;
 background-image:url(lei/cellpic2.jpg);
}

td.rowImp{
 background-color:#FFF8D9;
 font-size:10px;
 height:20px;
}

td.rowInf{
 background-color:#CFFCC7;
 font-size:10px;
 height:20px;
}

td.row1p{
 background-color:#FFEC79;
 background-image:url(lei/cellpic2.jpg);
 font-size:10px;
}

td.row2{
 background-color:#FFEC79;
 font-size:11px;
}

th {
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 text-align:center;
 color:darkorange;
 background:#FFFF99;
 background-image:url(lei/cellpic1.gif);
 height:25px;
}

.enTete {
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 text-align:center;
 color:#666666;
 background:#FFFF99;
 background-image:url(lei/cellpic1.gif);
 height:15px;
 padding:5px;
 margin-top:-5px; 
 margin-right:-5px; 
 margin-left:-5px;
 margin-bottom:5px;
}

.pied {
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 text-align:center;
 color:darkorange;
 background:#FFFF99;
 background-image:url(lei/cellpic1.gif);
 height:15px;
 padding:5px;
 /*margin-top:-5px; */
 margin-right:-5px; 
 margin-left:-5px;
 margin-bottom:-5px;
}

#userOptions .pied {
 margin-right:-10px; 
 margin-left:-10px;
 margin-bottom:-10px;
}

.messageInfo{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-image:url(../../images/utils/ok.png);
 background-repeat:no-repeat;
 background-position:1px 1px;
 background-color:#9FE855;
 border:solid 2px #679F5A;
 padding-top:7px;
 padding-bottom:11px;
 padding-left:35px;
 font-family:georgia, arial;
 font-size:14px;
 vertical-align:middle;
}

th a{
 	color:#D77600;
}

.small{
 font-size:10px;
}

.texteIcone{
 vertical-align:top;
 font-size:16px;
 color:gray;
 font-family:arial;
 font-weight:bold;
}
 
h1{
 font-family:arial;
 font-size:24px;
 text-align:center;
 color:brown;
}

h1.accueil{
 text-align:left;
 color:darkblue;
 font-size:20px;
 font-family:Georgia;
 border-bottom:solid 1px;
}

h1.titreMail{
 position:absolute;
 top:25px;
 left:70px;
 color:#F6DC12;
 font-family:georgia, arial;
 font-size:15px;
 font-weight:bold;
 margin:0; padding:0;
}

h2{
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 color:darkblue;
 margin-bottom:0;
 margin-top:0;
}

h2.accueil{
 font-family:Georgia;
 font-size:13px;
 text-align:center;
 margin-top, margin-bottom:10px;
}

h3{
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 color:#006699;
 margin-bottom:0px;
 margin-top:0px;
}

h3.accueil{
 font-size:10px;
 font-family:Georgia;
 color:black;
 font-weight:bold;
 margin-top:5px;
 margin-bottom:-5px;
}

/*.barGauche{
 background-image:url(lei/barGauche.gif);
}

.barDroite{
 background-image:url(lei/barDroite.gif);
}

.barCentre{
 background-image:url(lei/barCentrale.gif);
}*/

.listeDeroulante {
 border   : solid 1px black;
 width    : 145px;
 height   : 50px;
 position : absolute;
 overflow : auto;
}

.listeOutils{
 padding:2px;
 background-color:#FFFFFF;
 border:solid 1px #CECECE;
 position:absolute;
}

.outils{
 cursor:pointer;
 border:solid 1px #FFFFFF;
}

.outilsOver{
 cursor:pointer;
 background-color:#FBF2B7;	
 border:solid 1px #FFFFFF;
}

.outilsClick{
 cursor:pointer;
 background-color:#FBF2B7;	
 border:solid 1px #CECECE;
}

a{
 color:#006699;
 text-decoration:none;
 /*background-image:url(../../images/utils/right.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding-left:15px;*/
}

a:hover{
 text-decoration:underline;
}

/************* Infobulle **********************/
.infobulle{
	position: absolute;	
	visibility : hidden;
	background: white;
	color: black;
	font-family:arial;
	font-size:11px;
	padding: 3px;
	border: 1px solid #FFCD14;
	border-left: 4px solid #FFCD14;
}
a.info {
   position: relative;
   text-decoration: none;
   text-align:left;
   font-family:arial;
   font-size:12px;
}
a.info span {
   display: none;
   text-align:left;
   text-decoration:none;
}
a.info:hover {
   background: none;
   z-index: 500;
   cursor: help;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: 13px;
   left: 0px;
   background: white;
   color: black;
   padding: 3px;
   border: 1px solid #FFCD14;
   border-left: 4px solid #FFCD14;
}
/* ******************************************** */

p{
 font-family:arial;
 font-size:11px;
 text-align:justify;
 margin-left:12px;
 margin-right:12px;
}

.info{
 font-family:tahoma, arial;
 font-size:9px;
 margin-left:5px;
 margin-right:5px;
}

.minus{
 font-size:9px;
}

.commentaire{
 font-size:9px;
 font-family:arial;
 color:gray;
}

.important{
 font-size:9px;
 font-style:italic;
 color:red;
}

.infoV{
 background-color:#DDFFDD;
 font-size:9px;
}

.transparent{
 background-image:url(lei/fondJaune.jpg);
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
}

drag{
 cursor:move;
}

.vignette{
 background-color:white;
 border:solid 1px gray;
 padding:4px;
}

img.centree{
 display:block;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

input.search {
 background-image:url(/images/utils/search_icon.png);
 background-repeat:no-repeat;
 background-position:right;
 padding-right:25px;
 color:#B4B4B4;
 border:solid 1px gray;
}

/************************** Sorties *******************************************************/
   option.typeNormal {
   	 background-image:url(/images/utils/case.gif);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.typeInfo {
   	 background-image:url(/images/utils/info.gif);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.typePostIt {
   	 background-image:url(/images/utils/postit.gif);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type1 {
   	 background-image:url(/images/icones/1.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type2 {
   	 background-image:url(/images/icones/2.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type3 {
   	 background-image:url(/images/icones/3.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type4 {
   	 background-image:url(/images/icones/4.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type5 {
   	 background-image:url(/images/icones/5.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type6 {
   	 background-image:url(/images/icones/6.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type7 {
   	 background-image:url(/images/icones/7.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
   option.type8 {
   	 background-image:url(/images/icones/8.png);
	 background-repeat:no-repeat;
	 padding-left:30px;
   }
/***************************************************************************************************/

/************************** Calendrier *******************************************************/
   #calendrier{
   	  padding:0px;
	  border:solid 1px gray;
   }
   
   #calendrier h1{
   	  font-family:arial;
	  font-size:12px;
	  text-align:center;
	  font-weight:bold;
	  font-style:italic;
	  margin:0px;
   }
   
   #calendrier .titre{
	  background-color:#FFAF09;
   }
   
   #calendrier a{
	  text-decoration:none;
	  color:#000000;
   }
   
   #calendrier td{
   	  font-family:arial;
	  font-size:12px;
	  text-align:center;
	  cursor:pointer;
	  background-color:white;
   }
   
   #calendrier .current{
   	  border:solid 1px #c0c0c0;
   }
   
   #calendrier .selected{
   	  border:solid 1px red;
	  background-color:#ffD099;
	  font-weight:bold;
   }
   
   #calendrier th{
   	  font-family:arial;
	  font-size:12px;
	  text-align:center;
	  font-weight:bold;
	  background-color:#FFCF59;
	  background-image:none;
	  border-bottom:solid 1px gray;
   }
   
   input.choixDate{
   	  background-image:url(/images/utils/choixDate.png);
	  background-repeat:no-repeat;
	  background-position:right;
	  border:solid 1px gray;
   }
/***************************************************************************************************/