/* commentaire */
body
{
	behavior: url(csshover.htc);
	text-align : center ;
	font-size : 0.9em ;
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	color : #000000 ;
	background-color : #dadcd9 ;
}

#total
{
	margin-left : auto ;
	margin-right : auto ;
	background-color : #eef0ed ;
	width : 950px ;
	min-width : 766px ;
}
 
#entete
{
	position : relative ;
	text-align : center ;
	height : 119px ;
	width : 950px ;
	background-image : url("images/entete-ete.gif") ;
	background-repeat : No-repeat ;
  	background-color : #3d3f3c ;
}

div#menu {
	position: fixed; /* menu suit la page */
	top: 0px;
	right: 3em ;
	width: 140px;
}
/*div#menu {
	position: relative; /* menu en position fixe */
/*	float: right ;
	/* top: 0px; */
	/* left: 835px ; */
/*	width: 140px;
} */
/* fond Jaune du "O" de Limonest pour le menu, texte Bleu du "O" de Patrimoine */ 
div#menu a {background-color:	#ffd700;color:	#1e90ff;font-size : 0.7em ;font-weight:bold;font-family : Verdana, Arial, Helvetica, sans-serif ;height:20px; }

div#menu ul {padding: 0; width: 150px; margin:0px;}
div#menu ul.niv1 {margin: 10px 0 0 0 ;}

div#menu ul li {position:relative; list-style: none;line-height : 10px ;padding : 5px 0 0 0 ;}
div#menu ul ul {top: -1px; margin: 0 0 0 15px;display:none;width: 100px;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 150-(8 de bordure + 8 de padding) =134 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: medium solid #1e90ff; border-top: medium solid #afeeee;width: 115px;}
/* sous-menu jaune clair, moins haut, moins large */
div#menu ul ul li a {background-color:	#FEF86C;height:8px;width: 100px;}
div#menu ul.niv1 li.smenu:hover ul.niv2, 
div#menu ul.niv2 li.smenu:hover ul.niv3 {display:block;}

/* la bordure de chaque hauteur a une couleur de survol*/ 
div#menu li a:hover {background-color:#ffffff;border-left-color: #afeeee; border-top-color: #1e90ff;}
div#menu ul ul li a:hover {background-color:#ffffff;border-left-color: #afeeee; border-top-color: #1e90ff;}

#smenu1{
	display : block ;
}
#smenu1 li{
	list-style-type: none; /* suppression puces*/
	float : right ;
	font-size : 0.6em ;
	text-transform : none ;
}
#smenu1 li a{
	height : 10px;
	width : 100px; 
	background-color: #FEF86C; /* Jaune du "O" de Limonest + pâle*/
}

#corps
{
	float : left ;
	width : 750px ;
	text-align : justify ;
	padding : 5px 5px 0px 15px ;
	height : 100% ;
}
#corps h1
{
	color : #3d3f3c ;
	text-align : center ;
}
#corps h2
{
	color : #067790 ;
}
#corps a
{
	text-decoration : none ; 
	font-weight : bold ;
	color : #BB0B0B;/* #9E0E40 ; */
}
#corps a:hover
{
	color : #3d3f3c ; 
	text-decoration : underline ;
}
#corps a:visited
{
	text-decoration : none ; 
	font-weight : bold ;
	color : #FF5E4D ; 
}
#pied
{
	clear : both ;
	padding-top : 5px ;
	font-size : 0.7em;
	height : 100px ;
	background-image : url("images/fond_hf.gif") ;
  	background-repeat : repeat-x ;
  	background-position : top center ;

}
#chantier
{
	border-style:inset;
	border-color:#CC5500;
	border-width:10px;
	background:#fdf6ed;
	padding:5px;
	font-family:comic sans ms,verdana;
	font-size:large;
}
#chantier h3
{
	/* color : #067790 ; */
	color : #067790 ;
}
#chantier img
{
	border: thin solid black;
	margin: 0;
}
.chantier  /* utilisé dans cj_* */
{
	background:#efccb2;
	padding:0 0 0 5px;
}
#chantier11
{
	border-style:inset;
	/* border-color:#FCDC12; */
	border-color:#87E990;
	border-width:10px;
	background:#FEFEE2;
	padding:5px;
	font-family:comic sans ms,verdana;
	font-size:large;
}
#chantier11 h3
{
	color : #16B84E ;
}
#chantier11 img
{
	border: thin solid black;
	margin: 0;
}
.chantier11  /* utilisé dans cj_* */
{
	background:#FFF48D;
	padding:0 0 0 5px;
}
#menu-bas td
{
	font-size : 0.7em ;
	border-spacing : 20px ;
}
#menu-bas  td a{
display: block;
width: 90px;
height:25px;
padding:5px;
text-decoration:none; 
text-align:center; 
font-weight:bold;
/* Reprise des couleurs du logo */
color:	#1e90ff; /* Bleu du "O" de Patrimoine */
background-color:	#ffd700; /* Jaune du "O" de Limonest */
border-left-style:solid;
border-left-width:medium;
border-left-color:#1e90ff;
border-top-style:solid;
border-top-width:medium;
border-top-color:#afeeee;
}
#menu-bas td a:hover {
background-color:#ffffff;
border-left-color:#afeeee;
border-top-color:#1e90ff;
}
#menu-bas1 td
{
	font-size : 0.7em ;
	border-spacing : 20px ;
}
#menu-bas1  td a{
display: block;
width: 90px;
height:25px;
padding:5px;
text-decoration:none; 
text-align:center; 
font-weight:bold;
/* Reprise des couleurs du logo */
color:	#1e90ff; /* Bleu du "O" de Patrimoine */
background-color:	#ffd700; /* Jaune du "O" de Limonest */
border-left-style:solid;
border-left-width:medium;
border-left-color:#1e90ff;
border-top-style:solid;
border-top-width:medium;
border-top-color:#afeeee;
}
#menu-bas1 td a:hover {
background-color:#ffffff;
border-left-color:#afeeee;
border-top-color:#1e90ff;
}
#menu-bas2 td
{
	font-size : 0.7em ;
	border-spacing : 20px ;
}
#menu-bas2  td a{
display: block;
width: 55px;
height:25px;
padding:5px;
text-decoration:none; 
text-align:center; 
font-weight:bold;
/* Reprise des couleurs du logo */
color:	#1e90ff; /* Bleu du "O" de Patrimoine */
background-color:	#ffd700; /* Jaune du "O" de Limonest */
border-left-style:solid;
border-left-width:medium;
border-left-color:#1e90ff;
border-top-style:solid;
border-top-width:medium;
border-top-color:#afeeee;
}
#menu-bas2 td a:hover {
background-color:#ffffff;
border-left-color:#afeeee;
border-top-color:#1e90ff;
}
#rapport td  /* utilisé dans lp_rapports */
{
border:double thin #3d3f3c;
width:33%;
padding:10px;
}
#tble td {
border:thin solid black;
width:40px;
font-weight:bold;
}
#flag td {
width:80px;
font-weight:bold;
}
#phot img {
border-style:solid;
border-width:thin;
border-color:black;
margin:0;
}
.savoirplus  {
width: 150px;
padding:5px;
text-decoration:none; 
text-align:center; 
font-weight:bold;
font-size:.7em;
/* Reprise des couleurs du logo */
color:	#1e90ff; /* Bleu du "O" de Patrimoine */
background-color:	#ffd700; /* Jaune du "O" de Limonest */
border:solid thin #afeeee;
}
.legende
{
font-size: 0.7em;
font-style:italic;
}
.nota /* pour cadre indépendant */
{
	padding:5px;
	background-color:#ffffff;
	border:groove thick #1e90ff;
	width: 60%;
}
.alerte  /* utilisé dans lp_progcourant etc... */
{
	color : #CC5500 ;
	font-style: italic ;
	font-weight : bold ;
}
.evident  /* utilisé dans lp_membres etc... */
{
	color : #067790 ;
	font-size : 1em ;
	font-weight : bold ;
}
.table-bat5  /* utilisé dans lp_accueil */
{
	border : solid thin black;
	padding : 10px;
}
.invisible  /* utilisé dans lp_bat5 */
{
	display : none ;
}
.tr2  /* utilisé dans lp_profil */
{
	clear:both;
	width:97%;
}

.tr2 div  /* utilisé dans lp_profil */
{
	width:50%;
	float:left;
	text-align:center;
}
.infoL {  /* utilisé dans lp_accueil pour les infos spéciales */
	text-align: right;
	text-decoration: blink;
	color: #067790;
	font-weight: bold;
	font-size: 1.5em;
}
.infoF {  /* utilisé dans lp_accueil pour les infos spéciales */
	border-color: #067790;
	border-style: inset;
	border-width: thick;
}
/* styles pour plan du site */
.tit {
	font-size:1.2em;
	color:#067790;
}
.stit{
	font-size:0.8em;
	color:#067790;
}
/* styles pour les infobulles */
a.infobul{
    position:relative; /* c'est la clé */
    z-index:24; background-color:#eef0ed;
    /*color:#000;*/
    text-decoration:none}
a.infobul:hover{z-index:25; background-color:#FEF86C}
a.infobul span{display: none}
a.infobul:hover span{ /*la balise span ne sera visible que sur "hover" */
    display:block;
    position:absolute;
    top:2em; left:2em; width:17em;
    border:1px solid #1e90ff;
    background-color:#ffd700; color:#1e90ff;
    text-align: left;
	font-style: italic ;
    font-weight:none;
    padding:5px;
  /*  background-image: url(../im/fond.gif);*/
}