/* Site CSS   */

#TITLE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0033;
	width: 500px;
	left: 145px;
	top: 22px;
	clip: rect(   );
	z-index: 4;
	height: 20px;
	position: absolute;
	font-weight: bold
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
padding: 0;
margin-top: 5px;
margin-right: 0;
margin-bottom: 10px;
list-style-type: none;
font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
}

#menu li {
margin: 0 1px 0 0;
padding: 0;
float: left;
position: relative;
height: 3em;
z-index: 100;
width: 120px;
}
#menu li dl {
position: absolute;
top: 0;
left: 0;
}
#menu li a, #menu li a:visited {
text-decoration: none;
}
#menu li dd {
display: none;
}
#menu li:hover, #menu li a:hover {
border: none;
}
#menu li:hover dd, #menu li a:hover dd {
display: block;
}
/* #menu li:hover dl, #menu li a:hover dl {
padding-bottom: 20px; */
}

#menu table {
margin: -1px;
padding: 0;
border-collapse: collapse;
font-size: 1em;
}

/* couleur menu déroulant (on voit uniquement en bas) */
#menu dl {
margin: 0;
padding: 0;
background: #ffffff url(bottom.gif) no-repeat scroll left bottom;
text-align: center;
cursor: pointer;
width: 120px;
}
#menu dt {
border-bottom: 1px solid #444444;
margin: 0;
padding: 5px;
font-size: 0.9em;
color: #ffffff;
}
#menu .one {
background: #BDD0EE url(top.gif) no-repeat scroll left top;
}
#menu .two {
background: #9DAFD1 url(top.gif) no-repeat scroll left top;
}
#menu .three {
background: #BDD0EE url(top.gif) no-repeat scroll left top;
}
#menu .four {
background: #9DAFD1 url(top.gif) no-repeat scroll left top;
}
#menu .five {
background: #BDD0EE url(top.gif) no-repeat scroll left top;
}
#menu .six {
background: #9DAFD1 url(top.gif) no-repeat scroll left top;
}

#menu dd {
margin: 0;
padding: 0;
background: #ffffff none repeat scroll 0% 50%;
color: #ffffff;
font-size: 0.8em;
text-align: left;
}
#menu dd.last {
border-bottom: 1px solid #ffffff;
}
.gallery dt a, .gallery dt a:visited {
display: block;
color: #000066;
}

/* ligne de menu déroulant */
.gallery dd a, .gallery dd a:visited {
padding: 4px 5px 4px 20px;
background: #ffffff url(arrow.gif) no-repeat scroll 10px 50%;
color: #000066;
text-decoration: none;
display: block;
width: 120px;
}

/* ligne de menu déroulant (souris au dessus) */
.gallery dd a:hover {
background: #000066 url(arrowr.gif) no-repeat scroll 11px 10px;
color: #99ccff;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

#CONTENT {
  left: 145px; 
  top: 80px;
  position: absolute;
  overflow: visible ;
  clip: rect(   );
  z-index: 4;
  width: 80%
; visibility: visible
}

#FOOTER {
  position: relative;
  text-align: center
}

#FOOTER P {
  font-size: 10px;
; font-family: Arial, Helvetica, sans-serif
}


#Z_HEADER  { 
  height: 70px;
  background-color: #000066;
  position: absolute ; z-index: 1; clip: rect(   ); width: 99%; left: 5px; top: 5px
}

#Z_HEADER_LEFT_LOGO {
  left: 30;
  top: 20;
  position: absolute ; z-index: 3; clip: rect(   ); width: 85px; background-image: url(../images/logo_lfs_texte_grad_light.jpg); background-repeat: no-repeat; visibility: visible; height: 43px
}

#Z_HEADER_RIGHT { 
  height: 70px;
  position: absolute ;
  z-index: 2;
  clip:  rect(   );
  width: 1%;
  left: 99%;
  top: 5px ;
  visibility: hidden
}

#Z_HEADER_RIGHT_LOGO { 
  height: 45px;
  position: absolute ;
  z-index: 4; clip:   rect(   ); width: 42px; left: -47px; top: 13px; visibility: visible
}

#Z_HEADER_RIGHT_END { height: 70px; position: absolute ; z-index: 3; clip:   rect(   ); width: 20px; left: -15px; top: 0px ;
  visibility: visible
; background-image: url(../images/template/grey/right_bottom_round_corner_grey_new.jpg)
; background-repeat: no-repeat
}

info {
  margin-right: 2px;
  margin-left: 2px;
}

/* icones de types de lien */
a.lien_pdf {
    background: url("../images/icons/page_white_acrobat.png") no-repeat 0 0;
    padding-left: 18px;
}

a.lien_ext {
    background: url("../images/icons/world.png") no-repeat 0 0;
    padding-left: 18px;
}


/* begin style specifications for the dropdown menu system */
div.zone {position:absolute;z-index:3;left:0px;top:0px}
ul.cl1, ul.cl2 {margin:0px;border:0px;padding:0px;list-style:url() none}
ul.cl2 {position:relative;display:none}
li.cl1, li.cl2 {background:#ffdead;color:#707070;text-align:left;
        width:55px;height:20px;font-size:12pt;float:left;
        margin:0px;border:1px solid black;padding:0px;padding-left:4px}
li.cl2 {width:85px;height:18px;font-size:10pt;float:none;
        margin-top:-1px;border-top:2px solid black}
a.cl1, a.cl2 {color:black !important; display:block !important;
        font-weight:bold;height:20px;text-decoration:none !important;
        margin:0px;border:0px;padding:0px;
        margin-left:-4px;padding-left:4px}
a.cl1:hover, a.cl2:hover {background:#ff8080;color:black}
/* end style specifications for dropdown menu system */

 P {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
LI {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFFFFF;
}
H1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #cc0033}
H2 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #006633; font-weight: bold; text-indent: 5pt}
H3 {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #666600; text-indent: 10pt}
H4 {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #00CCFF; font-weight: normal; text-indent: 15pt}

.TAB_BLACK      {  background-color: #000000}
.TAB_RED        {  background-color: #FF0000}
.CEL_WHITE_BLUE {  background-color: #FFFFFF; color: #000099}
.CEL_BLUE       {  background-color: #6699FF}
.CEL_WHITE      {  background-color: #FFFFFF}
.CEL_GREY       {  background-color: #CCCCCC}
.CEL_LIGHTBLUE  {  background-color: #CCCCFF}
.CEL_LIGHTGREY  {  background-color: #F9F9F9}
.CEL_GREY1      {  background-color: #F9F9F9}
.CEL_GREY2      {  background-color: #CCCCCC}
.CEL_GREY3      {  background-color: #999999}
.CEL_GREY4      {  background-color: #666666}