/* blocs principaux ######################################### */

#container {
  text-align: left;
  background-color: #fff;
  width: 664px;
  /* margin-left: auto;  Works in good browsers and IE6, but centred in the body tag for older browsers */
  margin-left: 50px;
  margin-right: auto;
  background-image: url(/fileadmin/sites/semantic_hifi/bg_new.gif);
}
#logo {
  clear: both;
  margin-left: 10px;
  border: 0px;
}
.to_top {
  clear: both;
  margin-bottom: 20px;
}
TABLE {
  margin-bottom: 6px;
}
.logos {
  margin-top: 10px;
}
DIV.ruler {
  border-bottom: solid 2px #003399;
  margin: 5 0 6 0; 
}
DIV.sub_menu {
   /* border-bottom: solid 2px #003399; */
   /* border-top: solid 2px #003399; */
   margin: 5 0 6 0; 
   padding: 4 0 4 0;
}
DIV.caption {
  font-style: italic;
}
#rootline {
  margin-top: 0px;
  margin-bottom: 6px;
}
.lastupdate {
  margin-top: 40px;
  display: none;
}
#menu {
  float: right;
  width: 210px;
}
#menu2 {
  padding: 10 10 10 20;
  text-align: right;
  text-transform: lowercase;
}
#content2 {
   padding: 10 30 10 10;
}
#content {
  float: right;
  width: 450px;
  min-height: 400px;
}
.clear_bottom {
  clear: both;
  padding-bottom: 20px;
  margin: 0 30 0 20;
  /* background-image: url(/fileadmin/sites/semantic_hifi/cadre_bas.gif); */
}
.clear2 {
}
/* formulaire de recherche. � d�placer. */
BODY {
  margin: 0 0 0 0;
  /* text-align: center; */
  /* background-color: #FFCC99; */
  background-color: e6e6e6;
}

.to_top {
  margin-top: 20px;
  margin-bottom: 20px;
}
DIV,SPAN,TD,P,.bulletlist {
	font-family: Verdana, Helvetica, Sans-serif;
  font-size: 11px;
}
P {
	line-height : 140%;
	margin-bottom : 10px;
margin-top: 0px;
padding-top: 0px;
}
.bulletlist {
  margin-top: 0px;
  line-height : 120%;
}
.introduction {
  font-size: 12px;
}
.introduction .highlight {
  font-size: 12px;
}
.infos_pratiques,.infos_equipes {
  text-align: left;
  padding-top: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: #D0C39C;
  border-style: dashed;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
}
.infos_pratiques {
  border-color: #D0C39C;
}
.infos_equipes {
  border-color: #D0C39C;
}
UL, OL{
  margin-top: 6px;
  margin-bottom: 18px;
}
UL LI {
  line-height : 140%;
  margin-left: -16px;
  margin-bottom:4px;
  list-style-position: outside;
  list-style-image: url(/media/bullets/shf_dot.gif);
}
OL LI {
  line-height : 140%;
  margin-bottom:4px;
}

/* titres et headers ########################################### */

H1,H2 {
  font-family : arial, sans-serif;

}
h1 {
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
  padding-bottom: 0px;
  text-transform: uppercase;
  margin-bottom: -10px;
  margin-top: 13px;
  margin-left: 224px;
  color: #003399;
}
h1.alt {
  margin-right: 24px;  	
  font-size: 13px;
  margin-top: 0px;
}
h2 {
font-family: verdana, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
color: #f67f44;
margin-top:0px;
margin-bottom: 6px;
padding: 0 0 0 0;
 text-transform: uppercase;
}
h3 {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-top: 2px;
  margin-bottom: 8px;
  padding: 0 0 0 0;
}
A {
  text-decoration: none;
  color: #f67f44;
  font-weight: bold;
}
A:hover {
  color: #000;
}
#menu2 A {
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
}
#menu2 A:hover {
  font-weight: bold;
  text-decoration: none;
}
#menu2 .menu_l2 A, .celmenu A {
  text-transform: none;
}
.celmenu {
  margin-left: 10px;
}
A .celmenu, TD A {
   text-transform: none;
   color: #f67f44;
}
A:hover .celmenu {
  color: #000;
}
.celmenu A {
  font-weight: normal;
  font-size: 11px;
  text-transform: none;
}
.celmenu A:hover {
  font-weight: bold;
}
.csc-menu LI {
  margin-bottom:10px;
  line-height: 110%;
}
TD.csc-uploads-icon, TD.csc-uploads-fileSize {
  vertical-align: top;
}
TD.csc-uploads-fileSize {
  font-weight: bold;
}
.csc-uploads P {
  line-height: 130%;
  margin:0px;
  padding:0px;
}